/**
 *
 * @ai-apps/angular v2.152.0 | _tokens.scss
 *
 * Copyright 2014, 2023 IBM
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


//
// Copyright IBM Corp. 2018, 2018
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

@use 'sass:color';
@use '../../colors';
@use '../../theme' as *;
@use '../../themes';
@use '../../utilities/component-tokens';

// prettier-ignore
$-tokens: (
  'notification-background-error': (
    fallback: colors.$red-10,
    values: (
      (
        theme: themes.$white,
        value: colors.$red-10,
      ),
      (
        theme: themes.$g10,
        value: colors.$red-10,
      ),
      (
        theme: themes.$g90,
        value: $layer,
      ),
      (
        theme: themes.$g100,
        value: $layer,
      ),
    ),
  ),
  'notification-background-success': (
    fallback: colors.$green-10,
    values: (
      (
        theme: themes.$white,
        value: colors.$green-10,
      ),
      (
        theme: themes.$g10,
        value: colors.$green-10,
      ),
      (
        theme: themes.$g90,
        value: $layer,
      ),
      (
        theme: themes.$g100,
        value: $layer,
      ),
    ),
  ),
  'notification-background-info': (
    fallback: colors.$blue-10,
    values: (
      (
        theme: themes.$white,
        value: colors.$blue-10,
      ),
      (
        theme: themes.$g10,
        value: colors.$blue-10,
      ),
      (
        theme: themes.$g90,
        value: $layer,
      ),
      (
        theme: themes.$g100,
        value: $layer,
      ),
    ),
  ),
  'notification-background-warning': (
    fallback: mix(colors.$yellow-30, colors.$white-0, 15%),
    values: (
      (
        theme: themes.$white,
        value: mix(colors.$yellow-30, colors.$white-0, 15%),
      ),
      (
        theme: themes.$g10,
        value: mix(colors.$yellow-30, colors.$white-0, 15%),
      ),
      (
        theme: themes.$g90,
        value: $layer,
      ),
      (
        theme: themes.$g100,
        value: $layer,
      ),
    ),
  ),
  'notification-action-hover': (
    fallback: colors.$white-0,
    values: (
      (
        theme: themes.$white,
        value: colors.$white-0,
      ),
      (
        theme: themes.$g10,
        value: colors.$white-0,
      ),
      (
        theme: themes.$g90,
        value: $layer-hover,
      ),
      (
        theme: themes.$g100,
        value: $layer-hover,
      ),
    ),
  ),
);

$white: component-tokens.get-tokens($-tokens, themes.$white);
$g10: component-tokens.get-tokens($-tokens, themes.$g10);
$g90: component-tokens.get-tokens($-tokens, themes.$g90);
$g100: component-tokens.get-tokens($-tokens, themes.$g100);
