@mozaic-ds/vue 0.19.0 → 1.0.0-rc.0

package/src/tokens/adeo/scss/_tokens.scss

@@ -73,24 +73,24 @@ $color-secondary-purple-600: #4b4a8c !default;
 $color-secondary-purple-700: #393879 !default;
 $color-secondary-purple-800: #282863 !default;
 $color-secondary-purple-900: #1a1a4b !default;
-$color-secondary-red-100: #feedee !default;
-$color-secondary-red-200: #fab9bc !default;
-$color-secondary-red-300: #f38789 !default;
-$color-secondary-red-400: #ea5d58 !default;
-$color-secondary-red-500: #df382b !default;
-$color-secondary-red-600: #b42a27 !default;
-$color-secondary-red-700: #8b2226 !default;
-$color-secondary-red-800: #641b21 !default;
-$color-secondary-red-900: #3e1219 !default;
-$color-secondary-orange-100: #fff5eb !default;
-$color-secondary-orange-200: #ffdab2 !default;
-$color-secondary-orange-300: #ffc17d !default;
-$color-secondary-orange-400: #ffab4b !default;
-$color-secondary-orange-500: #fc961e !default;
-$color-secondary-orange-600: #c86f21 !default;
-$color-secondary-orange-700: #974f20 !default;
-$color-secondary-orange-800: #6a351c !default;
-$color-secondary-orange-900: #401f15 !default;
+$color-secondary-red-100: #fdeaea !default;
+$color-secondary-red-200: #f8bcbb !default;
+$color-secondary-red-300: #f38d8c !default;
+$color-secondary-red-400: #ef5f5c !default;
+$color-secondary-red-500: #ea302d !default;
+$color-secondary-red-600: #c61112 !default;
+$color-secondary-red-700: #8c0003 !default;
+$color-secondary-red-800: #530000 !default;
+$color-secondary-red-900: #2d0000 !default;
+$color-secondary-orange-100: #fdf1e8 !default;
+$color-secondary-orange-200: #f8d2b3 !default;
+$color-secondary-orange-300: #f4b27e !default;
+$color-secondary-orange-400: #ef934a !default;
+$color-secondary-orange-500: #ea7315 !default;
+$color-secondary-orange-600: #c65200 !default;
+$color-secondary-orange-700: #8c3500 !default;
+$color-secondary-orange-800: #531b00 !default;
+$color-secondary-orange-900: #360e00 !default;
 $color-secondary-yellow-100: #fff8e2 !default;
 $color-secondary-yellow-200: #ffebaf !default;
 $color-secondary-yellow-300: #fee07d !default;
@@ -160,7 +160,7 @@ $color-button-solid-neutral-disabled-font: #71706b !default;
 $color-button-solid-neutral-active-background: #3a3936 !default;
 $color-button-solid-neutral-hover-background: #1e1e1c !default;
 $color-button-solid-neutral-hover-font: #ffffff !default;
-$color-button-solid-danger-background: #b42a27 !default;
+$color-button-solid-danger-background: #c61112 !default;
 $color-button-solid-danger-font: #ffffff !default;
 $color-button-solid-danger-focus-border: #8c0003 !default;
 $color-button-solid-danger-disabled-background: #dddcd5 !default;
@@ -193,13 +193,13 @@ $color-button-bordered-neutral-disabled-font: #71706b !default;
 $color-button-bordered-neutral-active-background: #dddcd5 !default;
 $color-button-bordered-neutral-hover-background: #eeedea !default;
 $color-button-bordered-danger-background: #ffffff !default;
-$color-button-bordered-danger-border: #b42a27 !default;
-$color-button-bordered-danger-font: #b42a27 !default;
-$color-button-bordered-danger-focus-border: #8b2226 !default;
+$color-button-bordered-danger-border: #c61112 !default;
+$color-button-bordered-danger-font: #c61112 !default;
+$color-button-bordered-danger-focus-border: #8c0003 !default;
 $color-button-bordered-danger-disabled-background: #dddcd5 !default;
 $color-button-bordered-danger-disabled-font: #71706b !default;
-$color-button-bordered-danger-active-background: #fab9bc !default;
-$color-button-bordered-danger-hover-background: #feedee !default;
+$color-button-bordered-danger-active-background: #f8bcbb !default;
+$color-button-bordered-danger-hover-background: #fdeaea !default;
 $color-divider-lightest: #ffffff !default;
 $color-divider-light: #c2c1ba !default;
 $color-divider-default: #71706b !default;
@@ -225,8 +225,8 @@ $color-flag-solid-dark-text: #ffffff !default;
 $color-flag-solid-light-background: #ffffff !default;
 $color-flag-solid-light-border: #ffffff !default;
 $color-flag-solid-light-text: #000000 !default;
-$color-flag-solid-danger-background: #b42a27 !default;
-$color-flag-solid-danger-border: #b42a27 !default;
+$color-flag-solid-danger-background: #c61112 !default;
+$color-flag-solid-danger-border: #c61112 !default;
 $color-flag-solid-danger-text: #ffffff !default;
 $color-flag-bordered-background: #ffffff !default;
 $color-flag-bordered-border: #007f8c !default;
@@ -241,11 +241,11 @@ $color-flag-bordered-light-background: #000000 !default;
 $color-flag-bordered-light-border: #ffffff !default;
 $color-flag-bordered-light-text: #ffffff !default;
 $color-flag-bordered-danger-background: #ffffff !default;
-$color-flag-bordered-danger-border: #b42a27 !default;
-$color-flag-bordered-danger-text: #b42a27 !default;
+$color-flag-bordered-danger-border: #c61112 !default;
+$color-flag-bordered-danger-text: #c61112 !default;
 $color-focus-gap: #ffffff !default;
 $color-focus-border: #758992 !default;
-$color-font-primary-01: #00919f !default;
+$color-font-primary-01: #007f8c !default;
 $color-font-primary-02: #007574 !default;
 $color-font-darkest: #000000 !default;
 $color-font-darker: #1e1e1c !default;
@@ -287,26 +287,30 @@ $color-link-primary-base: #007f8c !default;
 $color-link-primary-visited: #006974 !default;
 $color-link-primary-active: #006974 !default;
 $color-link-primary-disabled: #eeedea !default;
-$color-link-primary-hover: #002e33 !default;
+$color-link-primary-hover: #004e57 !default;
 $color-link-primary-02-base: #035f64 !default;
 $color-link-primary-02-visited: #044c53 !default;
 $color-link-primary-02-active: #044c53 !default;
 $color-link-primary-02-disabled: #eeedea !default;
 $color-link-primary-02-hover: #062b35 !default;
-$color-link-danger-base: #b42a27 !default;
-$color-link-danger-visited: #8b2226 !default;
-$color-link-danger-active: #8b2226 !default;
+$color-link-danger-base: #c61112 !default;
+$color-link-danger-visited: #8c0003 !default;
+$color-link-danger-active: #8c0003 !default;
 $color-link-danger-disabled: #eeedea !default;
-$color-link-danger-hover: #3e1219 !default;
+$color-link-danger-hover: #530000 !default;
 $color-notification-font: #000000 !default;
 $color-notification-information-background: #daeff7 !default;
 $color-notification-information-border: #0b96cc !default;
+$color-notification-information-icon: #007bb4 !default;
 $color-notification-success-background: #ebf5de !default;
 $color-notification-success-border: #46a610 !default;
+$color-notification-success-icon: #188803 !default;
 $color-notification-warning-background: #fdf1e8 !default;
 $color-notification-warning-border: #ea7315 !default;
+$color-notification-warning-icon: #c65200 !default;
 $color-notification-danger-background: #fdeaea !default;
 $color-notification-danger-border: #ea302d !default;
+$color-notification-danger-icon: #c61112 !default;
 $color-progress-background: #dddcd5 !default;
 $color-progress-indicator: #007bb4 !default;
 $color-progress-percentage-default: #1e1e1c !default;
@@ -314,14 +318,14 @@ $color-progress-percentage-half: #ffffff !default;
 $color-progress-branded-indicator: #00919f !default;
 $color-star-empty: #dddcd5 !default;
 $color-star-focus: #758992 !default;
-$color-star-full: #fc961e !default;
-$color-star-hover: #ffc17d !default;
+$color-star-full: #ea7315 !default;
+$color-star-hover: #f4b27e !default;
 $color-tabs-background: #ffffff !default;
 $color-tabs-shadow: #000000 !default;
 $color-tabs-default: #1e1e1c !default;
-$color-tabs-hover: #007f8c !default;
+$color-tabs-hover: #004e57 !default;
 $color-tabs-disabled: #71706b !default;
-$color-tabs-active: #00919f !default;
+$color-tabs-active: #007f8c !default;
 $color-tabs-active-disabled: #91d5db !default;
 $color-tag-text-light-background: #ffffff !default;
 $color-tag-text-light-border: #8c8b85 !default;
@@ -972,19 +976,23 @@ $tokens: (
       'font': $color-notification-font,
       'information': (
         'background': $color-notification-information-background,
-        'border': $color-notification-information-border
+        'border': $color-notification-information-border,
+        'icon': $color-notification-information-icon
       ),
       'success': (
         'background': $color-notification-success-background,
-        'border': $color-notification-success-border
+        'border': $color-notification-success-border,
+        'icon': $color-notification-success-icon
       ),
       'warning': (
         'background': $color-notification-warning-background,
-        'border': $color-notification-warning-border
+        'border': $color-notification-warning-border,
+        'icon': $color-notification-warning-icon
       ),
       'danger': (
         'background': $color-notification-danger-background,
-        'border': $color-notification-danger-border
+        'border': $color-notification-danger-border,
+        'icon': $color-notification-danger-icon
       )
     ),
     'progress': (