@mozaic-ds/vue 0.16.1 → 0.17.0

package/src/tokens/adeo/js/tokens.js

@@ -135,13 +135,13 @@ export const ColorSuccess600 = "#188803";
 export const ColorSuccess700 = "#006902";
 export const ColorSuccess800 = "#035010";
 export const ColorSuccess900 = "#023618";
-export const ColorButtonSolidBackground = "#00919f";
+export const ColorButtonSolidBackground = "#007f8c";
 export const ColorButtonSolidFont = "#ffffff";
 export const ColorButtonSolidFocusBorder = "#006974";
 export const ColorButtonSolidDisabledBackground = "#dddcd5";
 export const ColorButtonSolidDisabledFont = "#71706b";
 export const ColorButtonSolidActiveBackground = "#006974";
-export const ColorButtonSolidHoverBackground = "#007f8c";
+export const ColorButtonSolidHoverBackground = "#006974";
 export const ColorButtonSolidHoverFont = "#ffffff";
 export const ColorButtonSolidPrimary02Background = "#007574";
 export const ColorButtonSolidPrimary02Font = "#ffffff";
@@ -159,17 +159,17 @@ export const ColorButtonSolidNeutralDisabledFont = "#71706b";
 export const ColorButtonSolidNeutralActiveBackground = "#3a3936";
 export const ColorButtonSolidNeutralHoverBackground = "#1e1e1c";
 export const ColorButtonSolidNeutralHoverFont = "#ffffff";
-export const ColorButtonSolidDangerBackground = "#ea302d";
+export const ColorButtonSolidDangerBackground = "#b42a27";
 export const ColorButtonSolidDangerFont = "#ffffff";
 export const ColorButtonSolidDangerFocusBorder = "#8c0003";
 export const ColorButtonSolidDangerDisabledBackground = "#dddcd5";
 export const ColorButtonSolidDangerDisabledFont = "#71706b";
 export const ColorButtonSolidDangerActiveBackground = "#8c0003";
-export const ColorButtonSolidDangerHoverBackground = "#c61112";
+export const ColorButtonSolidDangerHoverBackground = "#8c0003";
 export const ColorButtonSolidDangerHoverFont = "#ffffff";
 export const ColorButtonBorderedBackground = "#ffffff";
-export const ColorButtonBorderedBorder = "#00919f";
-export const ColorButtonBorderedFont = "#00919f";
+export const ColorButtonBorderedBorder = "#007f8c";
+export const ColorButtonBorderedFont = "#007f8c";
 export const ColorButtonBorderedFocusBorder = "#006974";
 export const ColorButtonBorderedDisabledBackground = "#dddcd5";
 export const ColorButtonBorderedDisabledFont = "#71706b";
@@ -192,8 +192,8 @@ export const ColorButtonBorderedNeutralDisabledFont = "#71706b";
 export const ColorButtonBorderedNeutralActiveBackground = "#dddcd5";
 export const ColorButtonBorderedNeutralHoverBackground = "#eeedea";
 export const ColorButtonBorderedDangerBackground = "#ffffff";
-export const ColorButtonBorderedDangerBorder = "#df382b";
-export const ColorButtonBorderedDangerFont = "#df382b";
+export const ColorButtonBorderedDangerBorder = "#b42a27";
+export const ColorButtonBorderedDangerFont = "#b42a27";
 export const ColorButtonBorderedDangerFocusBorder = "#8b2226";
 export const ColorButtonBorderedDangerDisabledBackground = "#dddcd5";
 export const ColorButtonBorderedDangerDisabledFont = "#71706b";
@@ -212,11 +212,11 @@ export const ColorFileuploaderFilesList = "#eeedea";
 export const ColorFileuploaderFilesDelete = "#dddcd5";
 export const ColorFileuploaderValid = "#00919f";
 export const ColorFileuploaderAlert = "#c61112";
-export const ColorFlagSolidBackground = "#00919f";
-export const ColorFlagSolidBorder = "#00919f";
+export const ColorFlagSolidBackground = "#007f8c";
+export const ColorFlagSolidBorder = "#007f8c";
 export const ColorFlagSolidText = "#ffffff";
-export const ColorFlagSolidPrimary02Background = "#035f64";
-export const ColorFlagSolidPrimary02Border = "#035f64";
+export const ColorFlagSolidPrimary02Background = "#4b4a8c";
+export const ColorFlagSolidPrimary02Border = "#4b4a8c";
 export const ColorFlagSolidPrimary02Text = "#ffffff";
 export const ColorFlagSolidDarkBackground = "#000000";
 export const ColorFlagSolidDarkBorder = "#000000";
@@ -224,15 +224,15 @@ export const ColorFlagSolidDarkText = "#ffffff";
 export const ColorFlagSolidLightBackground = "#ffffff";
 export const ColorFlagSolidLightBorder = "#ffffff";
 export const ColorFlagSolidLightText = "#000000";
-export const ColorFlagSolidDangerBackground = "#df382b";
-export const ColorFlagSolidDangerBorder = "#df382b";
+export const ColorFlagSolidDangerBackground = "#b42a27";
+export const ColorFlagSolidDangerBorder = "#b42a27";
 export const ColorFlagSolidDangerText = "#ffffff";
 export const ColorFlagBorderedBackground = "#ffffff";
-export const ColorFlagBorderedBorder = "#00919f";
-export const ColorFlagBorderedText = "#00919f";
+export const ColorFlagBorderedBorder = "#007f8c";
+export const ColorFlagBorderedText = "#007f8c";
 export const ColorFlagBorderedPrimary02Background = "#ffffff";
-export const ColorFlagBorderedPrimary02Border = "#035f64";
-export const ColorFlagBorderedPrimary02Text = "#035f64";
+export const ColorFlagBorderedPrimary02Border = "#4b4a8c";
+export const ColorFlagBorderedPrimary02Text = "#4b4a8c";
 export const ColorFlagBorderedDarkBackground = "#ffffff";
 export const ColorFlagBorderedDarkBorder = "#000000";
 export const ColorFlagBorderedDarkText = "#000000";
@@ -240,8 +240,8 @@ export const ColorFlagBorderedLightBackground = "#000000";
 export const ColorFlagBorderedLightBorder = "#ffffff";
 export const ColorFlagBorderedLightText = "#ffffff";
 export const ColorFlagBorderedDangerBackground = "#ffffff";
-export const ColorFlagBorderedDangerBorder = "#df382b";
-export const ColorFlagBorderedDangerText = "#df382b";
+export const ColorFlagBorderedDangerBorder = "#b42a27";
+export const ColorFlagBorderedDangerText = "#b42a27";
 export const ColorFocusGap = "#ffffff";
 export const ColorFocusBorder = "#758992";
 export const ColorFontPrimary01 = "#00919f";
@@ -282,7 +282,7 @@ export const ColorLinkLightVisited = "#dddcd5";
 export const ColorLinkLightActive = "#dddcd5";
 export const ColorLinkLightDisabled = "#eeedea";
 export const ColorLinkLightHover = "#a7a6a0";
-export const ColorLinkPrimaryBase = "#00919f";
+export const ColorLinkPrimaryBase = "#007f8c";
 export const ColorLinkPrimaryVisited = "#006974";
 export const ColorLinkPrimaryActive = "#006974";
 export const ColorLinkPrimaryDisabled = "#eeedea";

package/src/tokens/adeo/js/tokensObject.js

@@ -2670,11 +2670,11 @@ module.exports = {
     "button": {
       "solid": {
         "background": {
-          "value": "#00919f",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
+          "value": "#007f8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-01.500.value}"
+            "value": "{color.primary-01.600.value}"
           },
           "name": "ColorButtonSolidBackground",
           "attributes": {
@@ -2811,11 +2811,11 @@ module.exports = {
         },
         "hover": {
           "background": {
-            "value": "#007f8c",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
+            "value": "#006974",
+            "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
             "isSource": true,
             "original": {
-              "value": "{color.primary-01.600.value}"
+              "value": "{color.primary-01.700.value}"
             },
             "name": "ColorButtonSolidHoverBackground",
             "attributes": {
@@ -3240,11 +3240,11 @@ module.exports = {
       },
       "solid-danger": {
         "background": {
-          "value": "#ea302d",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
+          "value": "#b42a27",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
           "isSource": true,
           "original": {
-            "value": "{color.danger.500.value}"
+            "value": "{color.secondary-red.600.value}"
           },
           "name": "ColorButtonSolidDangerBackground",
           "attributes": {
@@ -3381,11 +3381,11 @@ module.exports = {
         },
         "hover": {
           "background": {
-            "value": "#c61112",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
+            "value": "#8c0003",
+            "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
             "isSource": true,
             "original": {
-              "value": "{color.danger.600.value}"
+              "value": "{color.danger.700.value}"
             },
             "name": "ColorButtonSolidDangerHoverBackground",
             "attributes": {
@@ -3451,11 +3451,11 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#00919f",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
+          "value": "#007f8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-01.500.value}"
+            "value": "{color.primary-01.600.value}"
           },
           "name": "ColorButtonBorderedBorder",
           "attributes": {
@@ -3472,11 +3472,11 @@ module.exports = {
           ]
         },
         "font": {
-          "value": "#00919f",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
+          "value": "#007f8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-01.500.value}"
+            "value": "{color.primary-01.600.value}"
           },
           "name": "ColorButtonBorderedFont",
           "attributes": {
@@ -4015,11 +4015,11 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#df382b",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
+          "value": "#b42a27",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
           "isSource": true,
           "original": {
-            "value": "{color.secondary-red.500.value}"
+            "value": "{color.secondary-red.600.value}"
           },
           "name": "ColorButtonBorderedDangerBorder",
           "attributes": {
@@ -4036,11 +4036,11 @@ module.exports = {
           ]
         },
         "font": {
-          "value": "#df382b",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
+          "value": "#b42a27",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
           "isSource": true,
           "original": {
-            "value": "{color.secondary-red.500.value}"
+            "value": "{color.secondary-red.600.value}"
           },
           "name": "ColorButtonBorderedDangerFont",
           "attributes": {
@@ -4443,11 +4443,11 @@ module.exports = {
     "flag": {
       "solid": {
         "background": {
-          "value": "#00919f",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#007f8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-01.500.value}"
+            "value": "{color.primary-01.600.value}"
           },
           "name": "ColorFlagSolidBackground",
           "attributes": {
@@ -4464,11 +4464,11 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#00919f",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#007f8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-01.500.value}"
+            "value": "{color.primary-01.600.value}"
           },
           "name": "ColorFlagSolidBorder",
           "attributes": {
@@ -4508,11 +4508,11 @@ module.exports = {
       },
       "solid-primary-02": {
         "background": {
-          "value": "#035f64",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#4b4a8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-02.600.value}"
+            "value": "{color.secondary-purple.600.value}"
           },
           "name": "ColorFlagSolidPrimary02Background",
           "attributes": {
@@ -4529,11 +4529,11 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#035f64",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#4b4a8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-02.600.value}"
+            "value": "{color.secondary-purple.600.value}"
           },
           "name": "ColorFlagSolidPrimary02Border",
           "attributes": {
@@ -4703,11 +4703,11 @@ module.exports = {
       },
       "solid-danger": {
         "background": {
-          "value": "#df382b",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#b42a27",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.secondary-red.500.value}"
+            "value": "{color.secondary-red.600.value}"
           },
           "name": "ColorFlagSolidDangerBackground",
           "attributes": {
@@ -4724,11 +4724,11 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#df382b",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#b42a27",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.secondary-red.500.value}"
+            "value": "{color.secondary-red.600.value}"
           },
           "name": "ColorFlagSolidDangerBorder",
           "attributes": {
@@ -4789,11 +4789,11 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#00919f",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#007f8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-01.500.value}"
+            "value": "{color.primary-01.600.value}"
           },
           "name": "ColorFlagBorderedBorder",
           "attributes": {
@@ -4810,11 +4810,11 @@ module.exports = {
           ]
         },
         "text": {
-          "value": "#00919f",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#007f8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-01.500.value}"
+            "value": "{color.primary-01.600.value}"
           },
           "name": "ColorFlagBorderedText",
           "attributes": {
@@ -4854,11 +4854,11 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#035f64",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#4b4a8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-02.600.value}"
+            "value": "{color.secondary-purple.600.value}"
           },
           "name": "ColorFlagBorderedPrimary02Border",
           "attributes": {
@@ -4875,11 +4875,11 @@ module.exports = {
           ]
         },
         "text": {
-          "value": "#035f64",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#4b4a8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-02.600.value}"
+            "value": "{color.secondary-purple.600.value}"
           },
           "name": "ColorFlagBorderedPrimary02Text",
           "attributes": {
@@ -5029,7 +5029,7 @@ module.exports = {
       "bordered-danger": {
         "background": {
           "value": "#ffffff",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
             "value": "{color.grey.000.value}"
@@ -5049,11 +5049,11 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#df382b",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#b42a27",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.secondary-red.500.value}"
+            "value": "{color.secondary-red.600.value}"
           },
           "name": "ColorFlagBorderedDangerBorder",
           "attributes": {
@@ -5070,11 +5070,11 @@ module.exports = {
           ]
         },
         "text": {
-          "value": "#df382b",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/flag.json",
+          "value": "#b42a27",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
-            "value": "{color.secondary-red.500.value}"
+            "value": "{color.secondary-red.600.value}"
           },
           "name": "ColorFlagBorderedDangerText",
           "attributes": {
@@ -5935,11 +5935,11 @@ module.exports = {
       },
       "primary": {
         "base": {
-          "value": "#00919f",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
+          "value": "#007f8c",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/link.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-01.500.value}"
+            "value": "{color.primary-01.600.value}"
           },
           "name": "ColorLinkPrimaryBase",
           "attributes": {
@@ -6150,7 +6150,7 @@ module.exports = {
       "danger": {
         "base": {
           "value": "#b42a27",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/link.json",
           "isSource": true,
           "original": {
             "value": "{color.secondary-red.600.value}"

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

@@ -136,13 +136,13 @@ $color-success-600: #188803 !default;
 $color-success-700: #006902 !default;
 $color-success-800: #035010 !default;
 $color-success-900: #023618 !default;
-$color-button-solid-background: #00919f !default;
+$color-button-solid-background: #007f8c !default;
 $color-button-solid-font: #ffffff !default;
 $color-button-solid-focus-border: #006974 !default;
 $color-button-solid-disabled-background: #dddcd5 !default;
 $color-button-solid-disabled-font: #71706b !default;
 $color-button-solid-active-background: #006974 !default;
-$color-button-solid-hover-background: #007f8c !default;
+$color-button-solid-hover-background: #006974 !default;
 $color-button-solid-hover-font: #ffffff !default;
 $color-button-solid-primary-02-background: #007574 !default;
 $color-button-solid-primary-02-font: #ffffff !default;
@@ -160,17 +160,17 @@ $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: #ea302d !default;
+$color-button-solid-danger-background: #b42a27 !default;
 $color-button-solid-danger-font: #ffffff !default;
 $color-button-solid-danger-focus-border: #8c0003 !default;
 $color-button-solid-danger-disabled-background: #dddcd5 !default;
 $color-button-solid-danger-disabled-font: #71706b !default;
 $color-button-solid-danger-active-background: #8c0003 !default;
-$color-button-solid-danger-hover-background: #c61112 !default;
+$color-button-solid-danger-hover-background: #8c0003 !default;
 $color-button-solid-danger-hover-font: #ffffff !default;
 $color-button-bordered-background: #ffffff !default;
-$color-button-bordered-border: #00919f !default;
-$color-button-bordered-font: #00919f !default;
+$color-button-bordered-border: #007f8c !default;
+$color-button-bordered-font: #007f8c !default;
 $color-button-bordered-focus-border: #006974 !default;
 $color-button-bordered-disabled-background: #dddcd5 !default;
 $color-button-bordered-disabled-font: #71706b !default;
@@ -193,8 +193,8 @@ $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: #df382b !default;
-$color-button-bordered-danger-font: #df382b !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-disabled-background: #dddcd5 !default;
 $color-button-bordered-danger-disabled-font: #71706b !default;
@@ -213,11 +213,11 @@ $color-fileuploader-files-list: #eeedea !default;
 $color-fileuploader-files-delete: #dddcd5 !default;
 $color-fileuploader-valid: #00919f !default;
 $color-fileuploader-alert: #c61112 !default;
-$color-flag-solid-background: #00919f !default;
-$color-flag-solid-border: #00919f !default;
+$color-flag-solid-background: #007f8c !default;
+$color-flag-solid-border: #007f8c !default;
 $color-flag-solid-text: #ffffff !default;
-$color-flag-solid-primary-02-background: #035f64 !default;
-$color-flag-solid-primary-02-border: #035f64 !default;
+$color-flag-solid-primary-02-background: #4b4a8c !default;
+$color-flag-solid-primary-02-border: #4b4a8c !default;
 $color-flag-solid-primary-02-text: #ffffff !default;
 $color-flag-solid-dark-background: #000000 !default;
 $color-flag-solid-dark-border: #000000 !default;
@@ -225,15 +225,15 @@ $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: #df382b !default;
-$color-flag-solid-danger-border: #df382b !default;
+$color-flag-solid-danger-background: #b42a27 !default;
+$color-flag-solid-danger-border: #b42a27 !default;
 $color-flag-solid-danger-text: #ffffff !default;
 $color-flag-bordered-background: #ffffff !default;
-$color-flag-bordered-border: #00919f !default;
-$color-flag-bordered-text: #00919f !default;
+$color-flag-bordered-border: #007f8c !default;
+$color-flag-bordered-text: #007f8c !default;
 $color-flag-bordered-primary-02-background: #ffffff !default;
-$color-flag-bordered-primary-02-border: #035f64 !default;
-$color-flag-bordered-primary-02-text: #035f64 !default;
+$color-flag-bordered-primary-02-border: #4b4a8c !default;
+$color-flag-bordered-primary-02-text: #4b4a8c !default;
 $color-flag-bordered-dark-background: #ffffff !default;
 $color-flag-bordered-dark-border: #000000 !default;
 $color-flag-bordered-dark-text: #000000 !default;
@@ -241,8 +241,8 @@ $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: #df382b !default;
-$color-flag-bordered-danger-text: #df382b !default;
+$color-flag-bordered-danger-border: #b42a27 !default;
+$color-flag-bordered-danger-text: #b42a27 !default;
 $color-focus-gap: #ffffff !default;
 $color-focus-border: #758992 !default;
 $color-font-primary-01: #00919f !default;
@@ -283,7 +283,7 @@ $color-link-light-visited: #dddcd5 !default;
 $color-link-light-active: #dddcd5 !default;
 $color-link-light-disabled: #eeedea !default;
 $color-link-light-hover: #a7a6a0 !default;
-$color-link-primary-base: #00919f !default;
+$color-link-primary-base: #007f8c !default;
 $color-link-primary-visited: #006974 !default;
 $color-link-primary-active: #006974 !default;
 $color-link-primary-disabled: #eeedea !default;

package/types/index.d.ts

@@ -9,6 +9,7 @@ declare module '@mozaic-ds/vue' {
   const MHeading: VueConstructor;
   // Components
   const MAccordion: VueConstructor;
+  const MAutocomplete: VueConstructor;
   const MBadge: VueConstructor;
   const MBreadcrumb: VueConstructor;
   const MButton: VueConstructor;
@@ -22,6 +23,7 @@ declare module '@mozaic-ds/vue' {
   const MIcon: VueConstructor;
   const MLayer: VueConstructor;
   const MLink: VueConstructor;
+  const MListBox: VueConstructor;
   const MLoader: VueConstructor;
   const MModal: VueConstructor;
   const MNotification: VueConstructor;
@@ -54,6 +56,7 @@ declare module '@mozaic-ds/vue' {
     MHeading,
     // Components
     MAccordion,
+    MAutocomplete,
     MBadge,
     MBreadcrumb,
     MButton,
@@ -67,6 +70,7 @@ declare module '@mozaic-ds/vue' {
     MIcon,
     MLayer,
     MLink,
+    MListBox,
     MLoader,
     MModal,
     MNotification,