@laerdal/life-react-components 6.0.0-dev.19.full → 6.0.0-dev.2.full

package/dist/styles/colors.js

@@ -1,469 +1,114 @@
-import { getFirstTokenFullNameOrDefault } from '../utils/color-tokens';
 const COLORS = {
   //do not use these constants to get colors, use 'getColor' function instead
-  black: 'var(--life-color-base-black)',
+  black: '#1F1F1F',
   // Neutrals / Black
-  white: 'var(--life-color-base-white)',
+  white: '#FFFFFF',
   // Neutrals / White
-  grey: 'var(--life-color-neutral-400)',
+  grey: '#949494',
   // Neutrals / grey
-  primary: 'var(--life-color-primary-500)',
+  primary: '#2E7FA1',
   // Brand / Primary - Core 500
-  accent1: 'var(--life-color-accent1-500)',
+  accent1: '#25837E',
   // Brand / Accent 1 - Core 500
-  accent2: 'var(--life-color-accent2-200)',
+  accent2: '#EAC785',
   // Brand / Accent 2 - Core 200
-  positive: 'var(--life-color-positive-400)',
-  // Semantic / Positive - Core 400
-  warning: 'var(--life-color-warning-400)',
+  correct: '#37A851',
+  // Semantic / Correct - Core 400
+  warning: '#E97116',
   // Semantic / Warning  - Core 400
-  critical: 'var(--life-color-critical-500)',
+  critical: '#DC3449',
   // Semantic / Critical - Core 500
 
-  primary_20: 'var(--life-color-primary-020)',
-  primary_50: 'var(--life-color-primary-050)',
-  primary_100: 'var(--life-color-primary-100)',
-  primary_200: 'var(--life-color-primary-200)',
-  primary_300: 'var(--life-color-primary-300)',
-  primary_400: 'var(--life-color-primary-400)',
-  primary_500: 'var(--life-color-primary-500)',
+  primary_20: '#F1FBFE',
+  primary_50: '#E3F5FC',
+  primary_100: '#D4E9F2',
+  primary_200: '#A9D3E5',
+  primary_300: '#7FBCD7',
+  primary_400: '#519DBD',
+  primary_500: '#2E7FA1',
   // 500 Core
-  primary_600: 'var(--life-color-primary-600)',
-  primary_700: 'var(--life-color-primary-700)',
-  primary_800: 'var(--life-color-primary-800)',
-  accent1_20: 'var(--life-color-accent1-020)',
-  accent1_50: 'var(--life-color-accent1-050)',
-  accent1_100: 'var(--life-color-accent1-100)',
-  accent1_200: 'var(--life-color-accent1-200)',
-  accent1_300: 'var(--life-color-accent1-300)',
-  accent1_400: 'var(--life-color-accent1-400)',
-  accent1_500: 'var(--life-color-accent1-500)',
+  primary_600: '#276D8B',
+  primary_700: '#215369',
+  primary_800: '#163746',
+  accent1_20: '#EDFCFB',
+  accent1_50: '#E4F6F6',
+  accent1_100: '#C8EEEC',
+  accent1_200: '#98D8D5',
+  accent1_300: '#6BC2BE',
+  accent1_400: '#3EA39E',
+  accent1_500: '#25837E',
   // 500 Core
-  accent1_600: 'var(--life-color-accent1-600)',
-  accent1_700: 'var(--life-color-accent1-700)',
-  accent1_800: 'var(--life-color-accent1-800)',
-  accent2_20: 'var(--life-color-accent2-020)',
-  accent2_50: 'var(--life-color-accent2-050)',
-  accent2_100: 'var(--life-color-accent2-100)',
-  accent2_200: 'var(--life-color-accent2-200)',
+  accent1_600: '#23716D',
+  accent1_700: '#145653',
+  accent1_800: '#0F3937',
+  accent2_20: '#FFFAEE',
+  accent2_50: '#FDF0DE',
+  accent2_100: '#F8E2BF',
+  accent2_200: '#EAC785',
   // 200 Core
-  accent2_300: 'var(--life-color-accent2-300)',
-  accent2_400: 'var(--life-color-accent2-400)',
-  accent2_500: 'var(--life-color-accent2-500)',
-  accent2_600: 'var(--life-color-accent2-600)',
-  accent2_700: 'var(--life-color-accent2-700)',
-  accent2_800: 'var(--life-color-accent2-800)',
-  positive_20: 'var(--life-color-positive-020)',
-  positive_50: 'var(--life-color-positive-050)',
-  positive_100: 'var(--life-color-positive-100)',
-  positive_200: 'var(--life-color-positive-200)',
-  positive_300: 'var(--life-color-positive-300)',
-  positive_400: 'var(--life-color-positive-400)',
+  accent2_300: '#D6AD61',
+  accent2_400: '#B58E45',
+  accent2_500: '#92702F',
+  accent2_600: '#806128',
+  accent2_700: '#604920',
+  accent2_800: '#42300F',
+  correct_20: '#ECFEF1',
+  correct_50: '#E2F8E4',
+  correct_100: '#CCEED2',
+  correct_200: '#A0D9AD',
+  correct_300: '#77C589',
+  correct_400: '#37A851',
   // 400 Core
-  positive_500: 'var(--life-color-positive-500)',
-  positive_600: 'var(--life-color-positive-600)',
-  positive_700: 'var(--life-color-positive-700)',
-  positive_800: 'var(--life-color-positive-800)',
-  warning_20: 'var(--life-color-warning-020)',
-  warning_50: 'var(--life-color-warning-050)',
-  warning_100: 'var(--life-color-warning-100)',
-  warning_200: 'var(--life-color-warning-200)',
-  warning_300: 'var(--life-color-warning-300)',
-  warning_400: 'var(--life-color-warning-400)',
+  correct_500: '#14892F',
+  correct_600: '#13772A',
+  correct_700: '#025A15',
+  correct_800: '#003D0E',
+  warning_20: '#FEF7F1',
+  warning_50: '#FDF0E7',
+  warning_100: '#FCDDC5',
+  warning_200: '#F8C096',
+  warning_300: '#F4A162',
+  warning_400: '#E97116',
   // 400 Core
-  warning_500: 'var(--life-color-warning-500)',
-  warning_600: 'var(--life-color-warning-600)',
-  warning_700: 'var(--life-color-warning-700)',
-  warning_800: 'var(--life-color-warning-800)',
-  critical_20: 'var(--life-color-critical-020)',
-  critical_50: 'var(--life-color-critical-050)',
-  critical_100: 'var(--life-color-critical-100)',
-  critical_200: 'var(--life-color-critical-200)',
-  critical_300: 'var(--life-color-critical-300)',
-  critical_400: 'var(--life-color-critical-400)',
-  critical_500: 'var(--life-color-critical-500)',
+  warning_500: '#C45402',
+  warning_600: '#AD4B00',
+  warning_700: '#803700',
+  warning_800: '#572600',
+  critical_20: '#FEF5F7',
+  critical_50: '#FEECF1',
+  critical_100: '#FDDEE2',
+  critical_200: '#FDBAC2',
+  critical_300: '#FD96A4',
+  critical_400: '#FC5A6F',
+  critical_500: '#DC3449',
   // 500 Core
-  critical_600: 'var(--life-color-critical-600)',
-  critical_700: 'var(--life-color-critical-700)',
-  critical_800: 'var(--life-color-critical-800)',
-  neutral_20: 'var(--life-color-neutral-020)',
+  critical_600: '#C32238',
+  critical_700: '#9C0D1D',
+  critical_800: '#6B0613',
+  neutral_20: '#FAFAFA',
   // 020 Core
-  neutral_50: 'var(--life-color-neutral-050)',
-  neutral_100: 'var(--life-color-neutral-100)',
-  neutral_200: 'var(--life-color-neutral-200)',
-  neutral_300: 'var(--life-color-neutral-300)',
-  neutral_400: 'var(--life-color-neutral-400)',
-  neutral_500: 'var(--life-color-neutral-500)',
-  neutral_600: 'var(--life-color-neutral-600)',
-  neutral_700: 'var(--life-color-neutral-700)',
-  neutral_800: 'var(--life-color-neutral-800)',
+  neutral_50: '#F2F2F2',
+  neutral_100: '#E5E5E5',
+  neutral_200: '#CCCCCC',
+  neutral_300: '#B3B3B3',
+  neutral_400: '#949494',
+  neutral_500: '#767676',
+  neutral_600: '#666666',
+  neutral_700: '#4D4D4D',
+  neutral_800: '#333333',
   focus: 'rgba(46, 127, 161, 1)',
   // Semantic / Focus 100%
   focus_25: 'rgba(46, 127, 161, 0.25)',
   // Semantic / Focus 25%
 
   white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',
-  toast_info: 'var(--life-color-primary-500)',
-  toast_success: 'var(--life-color-positive-400)',
-  toast_warning: 'var(--life-color-warning-400)',
-  toast_error: 'var(--life-color-critical-500)',
-  //semantic colors
-  bg_fill_accent1: 'var(--life-color-bg-fill-accent1)',
-  /* Use for fill backgrounds on elements that need accentuation. */
-  bg_fill_accent1_active: 'var(--life-color-bg-fill-accent1-active)',
-  /* The active state fill background color for elements that need accentuation. */
-  bg_fill_accent1_hover: 'var(--life-color-bg-fill-accent1-hover)',
-  /* The hover state fill background color for elements that need accentuation. */
-  bg_fill_accent2: 'var(--life-color-bg-fill-accent2)',
-  /* Use for fill backgrounds on elements that need accentuation and differentiation from the Accent 1 color. */
-  bg_fill_accent2_active: 'var(--life-color-bg-fill-accent2-active)',
-  /* The active state fill background color for elements that need accentuation and differentiation from the Accent 1 color. */
-  bg_fill_accent2_hover: 'var(--life-color-bg-fill-accent2-hover)',
-  /* The hover state fill background color for elements that need accentuation and differentiation from the Accent 1 color. */
-  bg_fill_active: 'var(--life-color-bg-fill-active)',
-  /* The default pressed state fill background color. */
-  bg_fill_critical: 'var(--life-color-bg-fill-critical)',
-  /* Use for fill backgrounds communicating critical information, like destructive actions. */
-  bg_fill_critical_active: 'var(--life-color-bg-fill-critical-active)',
-  /* The active state fill background color for critical information. */
-  bg_fill_critical_hover: 'var(--life-color-bg-fill-critical-hover)',
-  /* The hover state fill background color for critical information. */
-  bg_fill_default: 'var(--life-color-bg-fill-default)',
-  /* The default background color for elements in the foreground of the UI with a small surface area. */
-  bg_fill_disabled: 'var(--life-color-bg-fill-disabled)',
-  /* The disabled state fill background color for elements with a small surface area, like buttons. */
-  bg_fill_hover: 'var(--life-color-bg-fill-hover)',
-  /* The default hover state fill background color. */
-  bg_fill_inverse: 'var(--life-color-bg-fill-inverse)',
-  /* The default fill background color for components on a dark background. */
-  bg_fill_inverse_active: 'var(--life-color-bg-fill-inverse-active)',
-  /* The inverse pressed state color for background fills. */
-  bg_fill_inverse_disabled: 'var(--life-color-bg-fill-inverse-disabled)',
-  /* The disabled state fill background color for components on a dark background. */
-  bg_fill_inverse_hover: 'var(--life-color-bg-fill-inverse-hover)',
-  /* The inverse hover state color for background fills. */
-  bg_fill_positive: 'var(--life-color-bg-fill-positive)',
-  /* Use for fill backgrounds communicating positive information. */
-  bg_fill_positive_active: 'var(--life-color-bg-fill-positive-active)',
-  /* The active state fill background color for positive information. */
-  bg_fill_positive_hover: 'var(--life-color-bg-fill-positive-hover)',
-  /* The hover state fill background color for positive information. */
-  bg_fill_primary: 'var(--life-color-bg-fill-primary)',
-  /* The fill background color for elements with the highest level of importance, like primary buttons. */
-  bg_fill_primary_active: 'var(--life-color-bg-fill-primary-active)',
-  /* The active state fill background color for elements with the highest level of importance. */
-  bg_fill_primary_hover: 'var(--life-color-bg-fill-primary-hover)',
-  /* The hover state fill background color for elements with the highest level of importance. */
-  bg_fill_samaritan: 'var(--life-color-bg-fill-samaritan)',
-  /* Use for fill backgrounds on elements related to AI. */
-  bg_fill_samaritan_active: 'var(--life-color-bg-fill-samaritan-active)',
-  /* The active state fill background color for  elements related to AI. */
-  bg_fill_samaritan_hover: 'var(--life-color-bg-fill-samaritan-hover)',
-  /* The hover state fill background color for  elements related to AI. */
-  bg_fill_selected: 'var(--life-color-bg-fill-selected)',
-  /* Use for fill backgrounds on selected elements. */
-  bg_fill_warning: 'var(--life-color-bg-fill-warning)',
-  /* Use for fill backgrounds communicating caution. */
-  bg_fill_warning_active: 'var(--life-color-bg-fill-warning-active)',
-  /* The active state fill background color for warnings. */
-  bg_fill_warning_hover: 'var(--life-color-bg-fill-warning-hover)',
-  /* The hover state fill background color for warnings. */
-  bg_overlay: 'var(--life-color-bg-overlay)',
-  /* Use for overlays, for example behind modals. */
-  bg_overlay_dark: 'var(--life-color-bg-overlay-dark)',
-  /* Use for overlays, for example behind modals. */
-  bg_overlay_darker: 'var(--life-color-bg-overlay-darker)',
-  /* Use for overlays, for example behind modals. */
-  bg_surface_accent1: 'var(--life-color-bg-surface-accent1)',
-  /* Use for surfaces that need accentuation. */
-  bg_surface_accent2: 'var(--life-color-bg-surface-accent2)',
-  /* Use for surfaces that need accentuation and differentiation from the Accent 1 color. */
-  bg_surface_active: 'var(--life-color-bg-surface-active)',
-  /* The active state color for surfaces. */
-  bg_surface_critical: 'var(--life-color-bg-surface-critical)',
-  /* Use for backgrounds communicating critical information, like banners. */
-  bg_surface_default: 'var(--life-color-bg-surface-default)',
-  /* The default background color for UI elements. */
-  bg_surface_disabled: 'var(--life-color-bg-surface-disabled)',
-  /* The disabled state surface color. */
-  bg_surface_high: 'var(--life-color-bg-surface-high)',
-  /* The default background color for high-level surfaces (visible in Dark mode). */
-  bg_surface_hover: 'var(--life-color-bg-surface-hover)',
-  /* The hover state color for surfaces. */
-  bg_surface_inverse: 'var(--life-color-bg-surface-inverse)',
-  /* The background color for inversed components, like the footer. */
-  bg_surface_inverse_active: 'var(--life-color-bg-surface-inverse-active)',
-  /* The active state color for surfaces on a dark background. */
-  bg_surface_inverse_hover: 'var(--life-color-bg-surface-inverse-hover)',
-  /* The hover state color for surfaces on a dark background. */
-  bg_surface_inverse_selected: 'var(--life-color-bg-surface-inverse-selected)',
-  /* The selected state color for surfaces on a dark background. */
-  bg_surface_low: 'var(--life-color-bg-surface-low)',
-  /* The background color used for the base canvas. */
-  bg_surface_low_opacity_0: 'var(--life-color-bg-surface-low-opacity-0)',
-  bg_surface_low_opacity_50: 'var(--life-color-bg-surface-low-opacity-50)',
-  bg_surface_low_opacity_75: 'var(--life-color-bg-surface-low-opacity-75)',
-  bg_surface_low_subtle: 'var(--life-color-bg-surface-low-subtle)',
-  /* Used as a dimmed down background color for the base canvas, like behind dashboards (visible in Light mode). */
-  bg_surface_low_subtle_opacity_0: 'var(--life-color-bg-surface-low-subtle-opacity-0)',
-  bg_surface_low_subtle_opacity_50: 'var(--life-color-bg-surface-low-subtle-opacity-50)',
-  bg_surface_low_subtle_opacity_75: 'var(--life-color-bg-surface-low-subtle-opacity-75)',
-  bg_surface_low_subtle_opacity_100: 'var(--life-color-bg-surface-low-subtle-opacity-100)',
-  bg_surface_neutral: 'var(--life-color-bg-surface-neutral)',
-  /* The surface background color for elements with a neutral message. */
-  bg_surface_opacity_0: 'var(--life-color-bg-surface-opacity-0)',
-  bg_surface_opacity_50: 'var(--life-color-bg-surface-opacity-50)',
-  bg_surface_opacity_75: 'var(--life-color-bg-surface-opacity-75)',
-  bg_surface_positive: 'var(--life-color-bg-surface-positive)',
-  /* Use for backgrounds communicating positive information, like banners. */
-  bg_surface_primary: 'var(--life-color-bg-surface-primary)',
-  /* The surface background color for elements with the highest level of importance. */
-  bg_surface_samaritan: 'var(--life-color-bg-surface-samaritan)',
-  /* Use for backgrounds related to AI. */
-  bg_surface_selected: 'var(--life-color-bg-surface-selected)',
-  /* The selected state color for surfaces. */
-  bg_surface_subtle: 'var(--life-color-bg-surface-subtle)',
-  /* The background color for UI elements that need a subtle emphasis. */
-  bg_surface_warning: 'var(--life-color-bg-surface-warning)',
-  /* Use for backgrounds communicating caution, like banners. */
-  border_accent1: 'var(--life-color-border-accent1)',
-  /* Use for borders on elements that need accentuation. */
-  border_accent2: 'var(--life-color-border-accent2)',
-  /* Use for borders on elements that need a distinct accentuation. */
-  border_active: 'var(--life-color-border-active)',
-  /* The default active state border color. */
-  border_critical: 'var(--life-color-border-critical)',
-  /* Use for borders communicating critical information. */
-  border_critical_active: 'var(--life-color-border-critical-active)',
-  /* The pressed state color for borders communicating critical information. */
-  border_critical_hover: 'var(--life-color-border-critical-hover)',
-  /* The hover state color for borders communicating critical information. */
-  border_default: 'var(--life-color-border-default)',
-  /* The default border color. */
-  border_disabled: 'var(--life-color-border-disabled)',
-  /* Border color for elements in disabled state. */
-  border_focus: 'var(--life-color-border-focus)',
-  /* Color for the focus ring on any element in focused state. */
-  border_hover: 'var(--life-color-border-hover)',
-  /* The default hover state border color. */
-  border_inverse: 'var(--life-color-border-inverse)',
-  /* Use for borders on a dark background. */
-  border_inverse_active: 'var(--life-color-border-inverse-active)',
-  /* The active state color for borders on a dark background. */
-  border_inverse_disabled: 'var(--life-color-border-inverse-disabled)',
-  /* Border color for elements in disabled state on a dark background. */
-  border_inverse_hover: 'var(--life-color-border-inverse-hover)',
-  /* The hover state color for borders on a dark background. */
-  border_positive: 'var(--life-color-border-positive)',
-  /* Use for borders communicating positive information. */
-  border_positive_active: 'var(--life-color-border-positive-active)',
-  /* The pressed state color for borders on elements communicating positive information. */
-  border_positive_hover: 'var(--life-color-border-positive-hover)',
-  /* The hover state color for borders on elements communicating positive information. */
-  border_primary: 'var(--life-color-border-primary)',
-  /* Use for borders on important components. */
-  border_primary_active: 'var(--life-color-border-primary-active)',
-  /* The pressed state color for borders on important components. */
-  border_primary_hover: 'var(--life-color-border-primary-hover)',
-  /* The hover state color for borders on important components. */
-  border_samaritan: 'var(--life-color-border-samaritan)',
-  /* Use for borders related to AI. */
-  border_selected: 'var(--life-color-border-selected)',
-  /* Use for borders on selected elements. */
-  border_subtle: 'var(--life-color-border-subtle)',
-  /* The border color for elements that need a subtle emphasis. */
-  border_warning: 'var(--life-color-border-warning)',
-  /* Use for borders communicating caution. */
-  border_warning_active: 'var(--life-color-border-warning-active)',
-  /* The pressed state color for borders on elements communicating caution. */
-  border_warning_hover: 'var(--life-color-border-warning-hover)',
-  /* The hover state color for borders on elements communicating caution. */
-  icon_accent1: 'var(--life-color-icon-accent1)',
-  /* Use for standalone icons that needs accentuation. */
-  icon_accent2: 'var(--life-color-icon-accent2)',
-  /* Use for standalone icons that needs a distinct accentuation. */
-  icon_active: 'var(--life-color-icon-active)',
-  /* The default pressed state color for standalone icons on interactive elements. */
-  icon_critical: 'var(--life-color-icon-critical)',
-  /* Use for standalone icons communicating critical information. */
-  icon_critical_active: 'var(--life-color-icon-critical-active)',
-  /* The pressed state color for standalone icons communicating critical information. */
-  icon_critical_hover: 'var(--life-color-icon-critical-hover)',
-  /* The hover state standalone icons color for critical information. */
-  icon_default: 'var(--life-color-icon-default)',
-  /* The default icon color. Use for standalone icons and icon-only buttons. */
-  icon_disabled: 'var(--life-color-icon-disabled)',
-  /* Use for standalone icons in disabled state. */
-  icon_hover: 'var(--life-color-icon-hover)',
-  /* The default hover state color for standalone icons on interactive elements. */
-  icon_inverse: 'var(--life-color-icon-inverse)',
-  /* Use for standalone icons on an inverse surface background. */
-  icon_inverse_active: 'var(--life-color-icon-inverse-active)',
-  /* The active state color for standalone icons on a dark background. */
-  icon_inverse_disabled: 'var(--life-color-icon-inverse-disabled)',
-  /* Use for standalone icons in disabled state on an inverse background. */
-  icon_inverse_hover: 'var(--life-color-icon-inverse-hover)',
-  /* The hover state color for standalone icons on a dark background. */
-  icon_on_fill_accent1: 'var(--life-color-icon-on-fill-accent1)',
-  /* Use for text on a fill-accent1 background. */
-  icon_on_fill_accent2: 'var(--life-color-icon-on-fill-accent2)',
-  /* Use for standalone icons on a fill-accent2 background. */
-  icon_on_fill_critical: 'var(--life-color-icon-on-fill-critical)',
-  /* Use for standalone icons on a fill-critical background. */
-  icon_on_fill_default: 'var(--life-color-icon-on-fill-default)',
-  /* Use for standalone icons on a default fill background. */
-  icon_on_fill_disabled: 'var(--life-color-icon-on-fill-disabled)',
-  /* Use for standalone icons in disabled state on fill backgrounds. */
-  icon_on_fill_inverse: 'var(--life-color-icon-on-fill-inverse)',
-  /* Use for standalone icons on a fill-inverse background. */
-  icon_on_fill_inverse_disabled: 'var(--life-color-icon-on-fill-inverse-disabled)',
-  /* Use for standalone icons on a fill-inverse-disabled background. */
-  icon_on_fill_positive: 'var(--life-color-icon-on-fill-positive)',
-  /* Use for standalone icons on a fill-positive background. */
-  icon_on_fill_primary: 'var(--life-color-icon-on-fill-primary)',
-  /* Use for standalone icons on a fill-primary background. */
-  icon_on_fill_samaritan: 'var(--life-color-icon-on-fill-samaritan)',
-  /* Use for icons on a fill-samaritan background. */
-  icon_on_fill_warning: 'var(--life-color-icon-on-fill-warning)',
-  /* Use for standalone icons on a fill-warning background. */
-  icon_positive: 'var(--life-color-icon-positive)',
-  /* Use for standalone icons communicating positive information. */
-  icon_primary: 'var(--life-color-icon-primary)',
-  /* Use for standalone icons on prominent components. */
-  icon_primary_active: 'var(--life-color-icon-primary-active)',
-  /* The pressed state color for standalone icons on prominent components. */
-  icon_primary_hover: 'var(--life-color-icon-primary-hover)',
-  /* The hover state color for standalone icons on prominent components. */
-  icon_samaritan: 'var(--life-color-icon-samaritan)',
-  /* Use for icons related to AI. */
-  icon_samaritan_active: 'var(--life-color-icon-samaritan-active)',
-  /* The active state color for  icons related to AI. */
-  icon_samaritan_hover: 'var(--life-color-icon-samaritan-hover)',
-  /* The hover state color for  icons related to AI. */
-  icon_selected: 'var(--life-color-icon-selected)',
-  /* The color for selected state for standalone icons */
-  icon_subtle: 'var(--life-color-icon-subtle)',
-  /* The subtle color for standalone icons. */
-  icon_warning: 'var(--life-color-icon-warning)',
-  /* Use for standalone icons communicating caution. */
-  quiz_button_bg_fill_active: 'var(--life-color-quiz-button-bg-fill-active)',
-  /* The active state color for the Quiz button fill area. */
-  quiz_button_bg_fill_default: 'var(--life-color-quiz-button-bg-fill-default)',
-  /* The color for the Quiz button fill area. */
-  quiz_button_bg_fill_hover: 'var(--life-color-quiz-button-bg-fill-hover)',
-  /* The hover state color for the Quiz button fill area. */
-  quiz_button_bg_fill_selected: 'var(--life-color-quiz-button-bg-fill-selected)',
-  /* The selected state color for the Quiz button fill area. */
-  quiz_button_bg_surface_active: 'var(--life-color-quiz-button-bg-surface-active)',
-  /* The active state color for the Quiz button surface. */
-  quiz_button_bg_surface_default: 'var(--life-color-quiz-button-bg-surface-default)',
-  /* The surface color for the Quiz button. */
-  quiz_button_bg_surface_hover: 'var(--life-color-quiz-button-bg-surface-hover)',
-  /* The hover state color for the Quiz button surface. */
-  quiz_button_bg_surface_selected: 'var(--life-color-quiz-button-bg-surface-selected)',
-  /* The selected state color for the Quiz button surface. */
-  quiz_button_icon_on_fill: 'var(--life-color-quiz-button-icon-on-fill)',
-  /* The color for the icon used in the Quiz button. */
-  text_accent1: 'var(--life-color-text-accent1)',
-  /* Use for text that needs accentuation. */
-  text_accent2: 'var(--life-color-text-accent2)',
-  /* Use for text that needs a distinct accentuation. */
-  text_active: 'var(--life-color-text-active)',
-  /* The default pressed state color for text on interactive elements. */
-  text_critical: 'var(--life-color-text-critical)',
-  /* Use for text communicating critical information, like input errors or destructive actions. */
-  text_critical_active: 'var(--life-color-text-critical-active)',
-  /* The pressed state text color for critical information. */
-  text_critical_hover: 'var(--life-color-text-critical-hover)',
-  /* The hover state text color for critical information. */
-  text_default: 'var(--life-color-text-default)',
-  /* The default text color. */
-  text_disabled: 'var(--life-color-text-disabled)',
-  /* Use for text in disabled state. */
-  text_hover: 'var(--life-color-text-hover)',
-  /* The default hover state color for text on interactive elements. */
-  text_inverse: 'var(--life-color-text-inverse)',
-  /* Use for text on an inverse surface background. */
-  text_inverse_active: 'var(--life-color-text-inverse-active)',
-  /* The active state color for text on a dark background. */
-  text_inverse_disabled: 'var(--life-color-text-inverse-disabled)',
-  /* Use for text in disabled state on an inverse background. */
-  text_inverse_hover: 'var(--life-color-text-inverse-hover)',
-  /* The hover state color for text on a dark background. */
-  text_link_default: 'var(--life-color-text-link)',
-  /* The default color for links. */
-  text_link_accent1: 'var(--life-color-text-link-accent1)',
-  /* The color for links on elements that need accentuation. */
-  text_link_accent2: 'var(--life-color-text-link-accent2)',
-  /* The color for links on elements that need a distinct accentuation. */
-  text_link_critical: 'var(--life-color-text-link-critical)',
-  /* The color for links on elements that communicate critical information. */
-  text_link_inverse: 'var(--life-color-text-link-inverse)',
-  /* The color for links on an inverse surface background. */
-  text_link_positive: 'var(--life-color-text-link-positive)',
-  /* The color for links on elements that communicate positive information. */
-  text_link_primary: 'var(--life-color-text-link-primary)',
-  /* The color for links on elements with a high level of importance. */
-  text_link_samaritan: 'var(--life-color-text-link-samaritan)',
-  /* The color for links on elements related to AI. */
-  text_link_warning: 'var(--life-color-text-link-warning)',
-  /* The color for links on elements that communicate caution. */
-  text_on_fill_accent1: 'var(--life-color-text-on-fill-accent1)',
-  /* Use for text on a fill-accent1 background. */
-  text_on_fill_accent2: 'var(--life-color-text-on-fill-accent2)',
-  /* Use for text on a fill-accent2 background. */
-  text_on_fill_critical: 'var(--life-color-text-on-fill-critical)',
-  /* Use for text on a fill-critical background. */
-  text_on_fill_default: 'var(--life-color-text-on-fill-default)',
-  /* Use for text on default fill background. */
-  text_on_fill_disabled: 'var(--life-color-text-on-fill-disabled)',
-  /* Use for text in disabled state on fill backgrounds. */
-  text_on_fill_inverse: 'var(--life-color-text-on-fill-inverse)',
-  /* Use for text on a fill-inverse background. */
-  text_on_fill_inverse_disabled: 'var(--life-color-text-on-fill-inverse-disabled)',
-  /* Use for text on a fill-inverse-disabled background. */
-  text_on_fill_positive: 'var(--life-color-text-on-fill-positive)',
-  /* Use for text on a fill-positive background. */
-  text_on_fill_primary: 'var(--life-color-text-on-fill-primary)',
-  /* Use for text on a fill-primary background. */
-  text_on_fill_samaritan: 'var(--life-color-text-on-fill-samaritan)',
-  /* Use for text on a fill-samaritan background. */
-  text_on_fill_warning: 'var(--life-color-text-on-fill-warning)',
-  /* Use for text on a fill-warning background. */
-  text_positive: 'var(--life-color-text-positive)',
-  /* Use for text communicating positive information. */
-  text_primary: 'var(--life-color-text-primary)',
-  /* Use for prominent text. */
-  text_primary_active: 'var(--life-color-text-primary-active)',
-  /* The pressed state color for prominent text. */
-  text_primary_hover: 'var(--life-color-text-primary-hover)',
-  /* The hover state color for prominent text. */
-  text_samaritan: 'var(--life-color-text-samaritan)',
-  /* Use for text related to AI. */
-  text_samaritan_active: 'var(--life-color-text-samaritan-active)',
-  /* The active state color for  text related to AI. */
-  text_samaritan_hover: 'var(--life-color-text-samaritan-hover)',
-  /* The hover state color for  text related to AI. */
-  text_subtle: 'var(--life-color-text-subtle)',
-  /* Use for less prominent text, such as navigation, subtle buttons, and input field labels. */
-  text_warning: 'var(--life-color-text-warning)',
-  /* Use for text communicating caution. */
-
+  toast_info: '#2E7FA1',
+  toast_success: '#37A851',
+  toast_warning: '#E97116',
+  toast_error: '#DC3449',
   getColor: (name, theme) => {
     if (theme && theme.colors && theme.colors[name]) return theme.colors[name];
     return COLORS[name];
-  },
-  getColorForToken: (tokens, filter, theme) => {
-    const token = getFirstTokenFullNameOrDefault(tokens ?? [], filter);
-    const color = COLORS.getColorForSemanticToken(token, theme);
-    return color;
-  },
-  generateToken: (filter, theme) => {
-    return COLORS.getColorForToken([], filter, theme);
-  },
-  getColorForSemanticToken: (token, theme) => {
-    token = token.replace(/--life-color-/, '').replace(/-/g, '_');
-    return COLORS.getColor(token, theme);
   }
 };
 export default COLORS;