npm - @mozaic-ds/vue - Versions diffs - 0.23.0 → 1.0.0-beta.0 - Mend

@mozaic-ds/vue 0.23.0 → 1.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/dist/mozaic-vue.adeo.css +43 -43
package/dist/mozaic-vue.adeo.umd.js +1319 -3718
package/dist/mozaic-vue.common.js +1319 -3718
package/dist/mozaic-vue.common.js.map +1 -1
package/dist/mozaic-vue.css +1 -1
package/dist/mozaic-vue.umd.js +1321 -3720
package/dist/mozaic-vue.umd.js.map +1 -1
package/dist/mozaic-vue.umd.min.js +2 -2
package/dist/mozaic-vue.umd.min.js.map +1 -1
package/package.json +4 -4
package/src/components/autocomplete/MAutocomplete.vue +93 -151
package/src/components/checkbox/MCheckboxGroup.vue +0 -8
package/src/components/datatable/MDataTable.vue +162 -290
package/src/components/datatable/MDataTableTop.vue +35 -0
package/src/components/icon/MIcon.vue +2 -18
package/src/components/index.js +1 -1
package/src/components/listbox/MListBox.vue +41 -213
package/src/components/listbox/index.js +1 -6
package/src/components/phonenumber/MPhoneNumber.vue +2 -5
package/src/components/quantityselector/MQuantitySelector.vue +2 -10
package/src/components/ratingstars/MStarsInput.vue +0 -1
package/src/components/stepper/MStepper.vue +27 -68
package/src/components/tabs/MTab.vue +55 -65
package/src/components/textinput/MTextInputField.vue +1 -0
package/src/index.js +1 -1
package/src/tokens/adeo/android/colors.xml +166 -209
package/src/tokens/adeo/css/_variables.scss +166 -209
package/src/tokens/adeo/css/root.scss +46 -89
package/src/tokens/adeo/ios/StyleDictionaryColor.h +5 -48
package/src/tokens/adeo/ios/StyleDictionaryColor.m +171 -214
package/src/tokens/adeo/ios/StyleDictionaryColor.swift +166 -209
package/src/tokens/adeo/js/tokens.js +166 -209
package/src/tokens/adeo/js/tokensObject.js +310 -1285
package/src/tokens/adeo/scss/_tokens.scss +174 -344
package/types/index.d.ts +0 -2
package/src/components/listbox/MListBoxActions.vue +0 -251

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

@@ -316,7 +316,7 @@ module.exports = {
       },
       "neutral": {
         "background": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/badge.json",
           "isSource": true,
           "original": {
@@ -337,7 +337,7 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#808080",
+          "value": "#8c8b85",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/badge.json",
           "isSource": true,
           "original": {
@@ -358,7 +358,7 @@ module.exports = {
           ]
         },
         "text": {
-          "value": "#4d4d4d",
+          "value": "#555550",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/badge.json",
           "isSource": true,
           "original": {
@@ -555,11 +555,11 @@ module.exports = {
     },
     "primary-02": {
       "100": {
-        "value": "#eeeff1",
+        "value": "#dbedea",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#EEEFF1"
+          "value": "#DBEDEA"
         },
         "name": "ColorPrimary02100",
         "attributes": {
@@ -574,11 +574,11 @@ module.exports = {
         ]
       },
       "200": {
-        "value": "#cfd2d8",
+        "value": "#a5d1cb",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#CFD2D8"
+          "value": "#A5D1CB"
         },
         "name": "ColorPrimary02200",
         "attributes": {
@@ -593,11 +593,11 @@ module.exports = {
         ]
       },
       "300": {
-        "value": "#b3b7c1",
+        "value": "#6eb4ad",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#B3B7C1"
+          "value": "#6EB4AD"
         },
         "name": "ColorPrimary02300",
         "attributes": {
@@ -612,11 +612,11 @@ module.exports = {
         ]
       },
       "400": {
-        "value": "#8f94a3",
+        "value": "#379590",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#8F94A3"
+          "value": "#379590"
         },
         "name": "ColorPrimary02400",
         "attributes": {
@@ -631,11 +631,11 @@ module.exports = {
         ]
       },
       "500": {
-        "value": "#6a7081",
+        "value": "#007574",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#6A7081"
+          "value": "#007574"
         },
         "name": "ColorPrimary02500",
         "attributes": {
@@ -650,11 +650,11 @@ module.exports = {
         ]
       },
       "600": {
-        "value": "#494f60",
+        "value": "#035f64",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#494F60"
+          "value": "#035F64"
         },
         "name": "ColorPrimary02600",
         "attributes": {
@@ -669,11 +669,11 @@ module.exports = {
         ]
       },
       "700": {
-        "value": "#343b4c",
+        "value": "#044c53",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#343B4C"
+          "value": "#044C53"
         },
         "name": "ColorPrimary02700",
         "attributes": {
@@ -688,11 +688,11 @@ module.exports = {
         ]
       },
       "800": {
-        "value": "#242938",
+        "value": "#063a44",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#242938"
+          "value": "#063A44"
         },
         "name": "ColorPrimary02800",
         "attributes": {
@@ -707,11 +707,11 @@ module.exports = {
         ]
       },
       "900": {
-        "value": "#171b26",
+        "value": "#062b35",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#171B26"
+          "value": "#062B35"
         },
         "name": "ColorPrimary02900",
         "attributes": {
@@ -728,11 +728,11 @@ module.exports = {
     },
     "grey": {
       "100": {
-        "value": "#e6e6e6",
+        "value": "#eeedea",
         "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#E6E6E6"
+          "value": "#EEEDEA"
         },
         "name": "ColorGrey100",
         "attributes": {
@@ -747,11 +747,11 @@ module.exports = {
         ]
       },
       "200": {
-        "value": "#cccccc",
+        "value": "#dddcd5",
         "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#CCCCCC"
+          "value": "#DDDCD5"
         },
         "name": "ColorGrey200",
         "attributes": {
@@ -766,11 +766,11 @@ module.exports = {
         ]
       },
       "300": {
-        "value": "#b3b3b3",
+        "value": "#c2c1ba",
         "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#B3B3B3"
+          "value": "#C2C1BA"
         },
         "name": "ColorGrey300",
         "attributes": {
@@ -785,11 +785,11 @@ module.exports = {
         ]
       },
       "400": {
-        "value": "#999999",
+        "value": "#a7a6a0",
         "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#999999"
+          "value": "#A7A6A0"
         },
         "name": "ColorGrey400",
         "attributes": {
@@ -804,11 +804,11 @@ module.exports = {
         ]
       },
       "500": {
-        "value": "#808080",
+        "value": "#8c8b85",
         "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#808080"
+          "value": "#8C8B85"
         },
         "name": "ColorGrey500",
         "attributes": {
@@ -823,11 +823,11 @@ module.exports = {
         ]
       },
       "600": {
-        "value": "#666666",
+        "value": "#71706b",
         "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#666666"
+          "value": "#71706B"
         },
         "name": "ColorGrey600",
         "attributes": {
@@ -842,11 +842,11 @@ module.exports = {
         ]
       },
       "700": {
-        "value": "#4d4d4d",
+        "value": "#555550",
         "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#4D4D4D"
+          "value": "#555550"
         },
         "name": "ColorGrey700",
         "attributes": {
@@ -861,11 +861,11 @@ module.exports = {
         ]
       },
       "800": {
-        "value": "#333333",
+        "value": "#3a3936",
         "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#333333"
+          "value": "#3A3936"
         },
         "name": "ColorGrey800",
         "attributes": {
@@ -880,11 +880,11 @@ module.exports = {
         ]
       },
       "900": {
-        "value": "#191919",
+        "value": "#1e1e1c",
         "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#191919"
+          "value": "#1E1E1C"
         },
         "name": "ColorGrey900",
         "attributes": {
@@ -1458,11 +1458,11 @@ module.exports = {
     },
     "secondary-red": {
       "100": {
-        "value": "#feedee",
+        "value": "#fdeaea",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#FEEDEE"
+          "value": "#FDEAEA"
         },
         "name": "ColorSecondaryRed100",
         "attributes": {
@@ -1477,11 +1477,11 @@ module.exports = {
         ]
       },
       "200": {
-        "value": "#fab9bc",
+        "value": "#f8bcbb",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#FAB9BC"
+          "value": "#F8BCBB"
         },
         "name": "ColorSecondaryRed200",
         "attributes": {
@@ -1496,11 +1496,11 @@ module.exports = {
         ]
       },
       "300": {
-        "value": "#f38789",
+        "value": "#f38d8c",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#F38789"
+          "value": "#F38D8C"
         },
         "name": "ColorSecondaryRed300",
         "attributes": {
@@ -1515,11 +1515,11 @@ module.exports = {
         ]
       },
       "400": {
-        "value": "#ea5d58",
+        "value": "#ef5f5c",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#EA5D58"
+          "value": "#EF5F5C"
         },
         "name": "ColorSecondaryRed400",
         "attributes": {
@@ -1534,11 +1534,11 @@ module.exports = {
         ]
       },
       "500": {
-        "value": "#df382b",
+        "value": "#ea302d",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#DF382B"
+          "value": "#EA302D"
         },
         "name": "ColorSecondaryRed500",
         "attributes": {
@@ -1553,11 +1553,11 @@ module.exports = {
         ]
       },
       "600": {
-        "value": "#b42a27",
+        "value": "#c61112",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#B42A27"
+          "value": "#C61112"
         },
         "name": "ColorSecondaryRed600",
         "attributes": {
@@ -1572,11 +1572,11 @@ module.exports = {
         ]
       },
       "700": {
-        "value": "#8b2226",
+        "value": "#8c0003",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#8B2226"
+          "value": "#8C0003"
         },
         "name": "ColorSecondaryRed700",
         "attributes": {
@@ -1591,11 +1591,11 @@ module.exports = {
         ]
       },
       "800": {
-        "value": "#641b21",
+        "value": "#530000",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#641B21"
+          "value": "#530000"
         },
         "name": "ColorSecondaryRed800",
         "attributes": {
@@ -1610,11 +1610,11 @@ module.exports = {
         ]
       },
       "900": {
-        "value": "#3e1219",
+        "value": "#2d0000",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#3E1219"
+          "value": "#2D0000"
         },
         "name": "ColorSecondaryRed900",
         "attributes": {
@@ -1631,11 +1631,11 @@ module.exports = {
     },
     "secondary-orange": {
       "100": {
-        "value": "#fff5eb",
+        "value": "#fdf1e8",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#FFF5EB"
+          "value": "#FDF1E8"
         },
         "name": "ColorSecondaryOrange100",
         "attributes": {
@@ -1650,11 +1650,11 @@ module.exports = {
         ]
       },
       "200": {
-        "value": "#ffdab2",
+        "value": "#f8d2b3",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#FFDAB2"
+          "value": "#F8D2B3"
         },
         "name": "ColorSecondaryOrange200",
         "attributes": {
@@ -1669,11 +1669,11 @@ module.exports = {
         ]
       },
       "300": {
-        "value": "#ffc17d",
+        "value": "#f4b27e",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#FFC17D"
+          "value": "#F4B27E"
         },
         "name": "ColorSecondaryOrange300",
         "attributes": {
@@ -1688,11 +1688,11 @@ module.exports = {
         ]
       },
       "400": {
-        "value": "#ffab4b",
+        "value": "#ef934a",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#FFAB4B"
+          "value": "#EF934A"
         },
         "name": "ColorSecondaryOrange400",
         "attributes": {
@@ -1707,11 +1707,11 @@ module.exports = {
         ]
       },
       "500": {
-        "value": "#fc961e",
+        "value": "#ea7315",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#FC961E"
+          "value": "#EA7315"
         },
         "name": "ColorSecondaryOrange500",
         "attributes": {
@@ -1726,11 +1726,11 @@ module.exports = {
         ]
       },
       "600": {
-        "value": "#c86f21",
+        "value": "#c65200",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#C86F21"
+          "value": "#C65200"
         },
         "name": "ColorSecondaryOrange600",
         "attributes": {
@@ -1745,11 +1745,11 @@ module.exports = {
         ]
       },
       "700": {
-        "value": "#974f20",
+        "value": "#8c3500",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#974F20"
+          "value": "#8C3500"
         },
         "name": "ColorSecondaryOrange700",
         "attributes": {
@@ -1764,11 +1764,11 @@ module.exports = {
         ]
       },
       "800": {
-        "value": "#6a351c",
+        "value": "#531b00",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#6A351C"
+          "value": "#531B00"
         },
         "name": "ColorSecondaryOrange800",
         "attributes": {
@@ -1783,11 +1783,11 @@ module.exports = {
         ]
       },
       "900": {
-        "value": "#401f15",
+        "value": "#360e00",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/base.json",
         "isSource": true,
         "original": {
-          "value": "#401F15"
+          "value": "#360E00"
         },
         "name": "ColorSecondaryOrange900",
         "attributes": {
@@ -2667,46 +2667,6 @@ module.exports = {
         ]
       }
     },
-    "breadcrumb": {
-      "arrow": {
-        "value": "#333333",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/breadcrumb.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.grey.800.value}"
-        },
-        "name": "ColorBreadcrumbArrow",
-        "attributes": {
-          "category": "color",
-          "type": "breadcrumb",
-          "item": "arrow"
-        },
-        "path": [
-          "color",
-          "breadcrumb",
-          "arrow"
-        ]
-      },
-      "arrow-invert": {
-        "value": "#ffffff",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/breadcrumb.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.grey.000.value}"
-        },
-        "name": "ColorBreadcrumbArrowInvert",
-        "attributes": {
-          "category": "color",
-          "type": "breadcrumb",
-          "item": "arrow-invert"
-        },
-        "path": [
-          "color",
-          "breadcrumb",
-          "arrow-invert"
-        ]
-      }
-    },
     "button": {
       "solid": {
         "background": {
@@ -2778,7 +2738,7 @@ module.exports = {
         },
         "disabled": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -2801,7 +2761,7 @@ module.exports = {
             ]
           },
           "font": {
-            "value": "#666666",
+            "value": "#71706b",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -2900,7 +2860,7 @@ module.exports = {
       },
       "solid-primary-02": {
         "background": {
-          "value": "#6a7081",
+          "value": "#007574",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
           "isSource": true,
           "original": {
@@ -2943,7 +2903,7 @@ module.exports = {
         },
         "focus": {
           "border": {
-            "value": "#171b26",
+            "value": "#062b35",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -2968,7 +2928,7 @@ module.exports = {
         },
         "disabled": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -2991,7 +2951,7 @@ module.exports = {
             ]
           },
           "font": {
-            "value": "#666666",
+            "value": "#71706b",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3016,7 +2976,7 @@ module.exports = {
         },
         "active": {
           "background": {
-            "value": "#171b26",
+            "value": "#062b35",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3041,7 +3001,7 @@ module.exports = {
         },
         "hover": {
           "background": {
-            "value": "#242938",
+            "value": "#063a44",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3090,7 +3050,7 @@ module.exports = {
       },
       "solid-neutral": {
         "background": {
-          "value": "#333333",
+          "value": "#3a3936",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
           "isSource": true,
           "original": {
@@ -3133,7 +3093,7 @@ module.exports = {
         },
         "focus": {
           "border": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3158,7 +3118,7 @@ module.exports = {
         },
         "disabled": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3181,7 +3141,7 @@ module.exports = {
             ]
           },
           "font": {
-            "value": "#666666",
+            "value": "#71706b",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3206,7 +3166,7 @@ module.exports = {
         },
         "active": {
           "background": {
-            "value": "#333333",
+            "value": "#3a3936",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3231,7 +3191,7 @@ module.exports = {
         },
         "hover": {
           "background": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3280,7 +3240,7 @@ module.exports = {
       },
       "solid-danger": {
         "background": {
-          "value": "#b42a27",
+          "value": "#c61112",
           "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
           "isSource": true,
           "original": {
@@ -3348,7 +3308,7 @@ module.exports = {
         },
         "disabled": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3371,7 +3331,7 @@ module.exports = {
             ]
           },
           "font": {
-            "value": "#666666",
+            "value": "#71706b",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3559,7 +3519,7 @@ module.exports = {
         },
         "disabled": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3582,7 +3542,7 @@ module.exports = {
             ]
           },
           "font": {
-            "value": "#666666",
+            "value": "#71706b",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3679,7 +3639,7 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#6a7081",
+          "value": "#007574",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
           "isSource": true,
           "original": {
@@ -3700,7 +3660,7 @@ module.exports = {
           ]
         },
         "font": {
-          "value": "#6a7081",
+          "value": "#007574",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
           "isSource": true,
           "original": {
@@ -3722,7 +3682,7 @@ module.exports = {
         },
         "focus": {
           "border": {
-            "value": "#171b26",
+            "value": "#062b35",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3747,7 +3707,7 @@ module.exports = {
         },
         "disabled": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3770,7 +3730,7 @@ module.exports = {
             ]
           },
           "font": {
-            "value": "#666666",
+            "value": "#71706b",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3795,7 +3755,7 @@ module.exports = {
         },
         "active": {
           "background": {
-            "value": "#cfd2d8",
+            "value": "#a5d1cb",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3820,7 +3780,7 @@ module.exports = {
         },
         "hover": {
           "background": {
-            "value": "#eeeff1",
+            "value": "#dbedea",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3867,7 +3827,7 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#333333",
+          "value": "#3a3936",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
           "isSource": true,
           "original": {
@@ -3888,7 +3848,7 @@ module.exports = {
           ]
         },
         "font": {
-          "value": "#333333",
+          "value": "#3a3936",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
           "isSource": true,
           "original": {
@@ -3910,7 +3870,7 @@ module.exports = {
         },
         "focus": {
           "border": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3935,7 +3895,7 @@ module.exports = {
         },
         "disabled": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3958,7 +3918,7 @@ module.exports = {
             ]
           },
           "font": {
-            "value": "#666666",
+            "value": "#71706b",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -3983,7 +3943,7 @@ module.exports = {
         },
         "active": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -4008,7 +3968,7 @@ module.exports = {
         },
         "hover": {
           "background": {
-            "value": "#e6e6e6",
+            "value": "#eeedea",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -4055,7 +4015,7 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#b42a27",
+          "value": "#c61112",
           "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
           "isSource": true,
           "original": {
@@ -4076,7 +4036,7 @@ module.exports = {
           ]
         },
         "font": {
-          "value": "#b42a27",
+          "value": "#c61112",
           "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/button.json",
           "isSource": true,
           "original": {
@@ -4098,7 +4058,7 @@ module.exports = {
         },
         "focus": {
           "border": {
-            "value": "#8b2226",
+            "value": "#8c0003",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -4123,7 +4083,7 @@ module.exports = {
         },
         "disabled": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -4146,7 +4106,7 @@ module.exports = {
             ]
           },
           "font": {
-            "value": "#666666",
+            "value": "#71706b",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -4171,7 +4131,7 @@ module.exports = {
         },
         "active": {
           "background": {
-            "value": "#fab9bc",
+            "value": "#f8bcbb",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -4196,7 +4156,7 @@ module.exports = {
         },
         "hover": {
           "background": {
-            "value": "#feedee",
+            "value": "#fdeaea",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
             "isSource": true,
             "original": {
@@ -4221,134 +4181,6 @@ module.exports = {
         }
       }
     },
-    "card": {
-      "bordered": {
-        "background": {
-          "value": "#ffffff",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/card.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.000.value}"
-          },
-          "name": "ColorCardBorderedBackground",
-          "attributes": {
-            "category": "color",
-            "type": "card",
-            "item": "bordered",
-            "subitem": "background"
-          },
-          "path": [
-            "color",
-            "card",
-            "bordered",
-            "background"
-          ]
-        },
-        "border": {
-          "value": "#808080",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/card.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.500.value}"
-          },
-          "name": "ColorCardBorderedBorder",
-          "attributes": {
-            "category": "color",
-            "type": "card",
-            "item": "bordered",
-            "subitem": "border"
-          },
-          "path": [
-            "color",
-            "card",
-            "bordered",
-            "border"
-          ]
-        }
-      }
-    },
-    "dialog": {
-      "background": {
-        "value": "#ffffff",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/dialog.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.grey.000.value}"
-        },
-        "name": "ColorDialogBackground",
-        "attributes": {
-          "category": "color",
-          "type": "dialog",
-          "item": "background"
-        },
-        "path": [
-          "color",
-          "dialog",
-          "background"
-        ]
-      },
-      "icon": {
-        "value": "#666666",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/dialog.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.grey.600.value}"
-        },
-        "name": "ColorDialogIcon",
-        "attributes": {
-          "category": "color",
-          "type": "dialog",
-          "item": "icon"
-        },
-        "path": [
-          "color",
-          "dialog",
-          "icon"
-        ]
-      },
-      "close": {
-        "value": "#808080",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/dialog.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.grey.500.value}"
-        },
-        "name": "ColorDialogClose",
-        "attributes": {
-          "category": "color",
-          "type": "dialog",
-          "item": "close"
-        },
-        "path": [
-          "color",
-          "dialog",
-          "close"
-        ]
-      },
-      "footer": {
-        "shadow": {
-          "value": "#191919",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/dialog.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.900.value}"
-          },
-          "name": "ColorDialogFooterShadow",
-          "attributes": {
-            "category": "color",
-            "type": "dialog",
-            "item": "footer",
-            "subitem": "shadow"
-          },
-          "path": [
-            "color",
-            "dialog",
-            "footer",
-            "shadow"
-          ]
-        }
-      }
-    },
     "divider": {
       "lightest": {
         "value": "#ffffff",
@@ -4370,7 +4202,7 @@ module.exports = {
         ]
       },
       "light": {
-        "value": "#b3b3b3",
+        "value": "#c2c1ba",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/divider.json",
         "isSource": true,
         "original": {
@@ -4389,7 +4221,7 @@ module.exports = {
         ]
       },
       "default": {
-        "value": "#666666",
+        "value": "#71706b",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/divider.json",
         "isSource": true,
         "original": {
@@ -4448,7 +4280,7 @@ module.exports = {
         ]
       },
       "label": {
-        "value": "#333333",
+        "value": "#3a3936",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/fields.json",
         "isSource": true,
         "original": {
@@ -4467,7 +4299,7 @@ module.exports = {
         ]
       },
       "requirement": {
-        "value": "#666666",
+        "value": "#71706b",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/fields.json",
         "isSource": true,
         "original": {
@@ -4486,7 +4318,7 @@ module.exports = {
         ]
       },
       "help": {
-        "value": "#666666",
+        "value": "#71706b",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/fields.json",
         "isSource": true,
         "original": {
@@ -4527,7 +4359,7 @@ module.exports = {
       },
       "files": {
         "list": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/fileuploder.json",
           "isSource": true,
           "original": {
@@ -4548,7 +4380,7 @@ module.exports = {
           ]
         },
         "delete": {
-          "value": "#cccccc",
+          "value": "#dddcd5",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/fileuploder.json",
           "isSource": true,
           "original": {
@@ -4871,7 +4703,7 @@ module.exports = {
       },
       "solid-danger": {
         "background": {
-          "value": "#b42a27",
+          "value": "#c61112",
           "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
@@ -4892,7 +4724,7 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#b42a27",
+          "value": "#c61112",
           "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
@@ -5217,7 +5049,7 @@ module.exports = {
           ]
         },
         "border": {
-          "value": "#b42a27",
+          "value": "#c61112",
           "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
@@ -5238,7 +5070,7 @@ module.exports = {
           ]
         },
         "text": {
-          "value": "#b42a27",
+          "value": "#c61112",
           "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/flag.json",
           "isSource": true,
           "original": {
@@ -5302,11 +5134,11 @@ module.exports = {
     },
     "font": {
       "primary-01": {
-        "value": "#00919f",
+        "value": "#007f8c",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/font.json",
         "isSource": true,
         "original": {
-          "value": "{color.primary-01.500.value}"
+          "value": "{color.primary-01.600.value}"
         },
         "name": "ColorFontPrimary01",
         "attributes": {
@@ -5321,7 +5153,7 @@ module.exports = {
         ]
       },
       "primary-02": {
-        "value": "#6a7081",
+        "value": "#007574",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/font.json",
         "isSource": true,
         "original": {
@@ -5359,7 +5191,7 @@ module.exports = {
         ]
       },
       "darker": {
-        "value": "#191919",
+        "value": "#1e1e1c",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/font.json",
         "isSource": true,
         "original": {
@@ -5378,7 +5210,7 @@ module.exports = {
         ]
       },
       "dark": {
-        "value": "#333333",
+        "value": "#3a3936",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/font.json",
         "isSource": true,
         "original": {
@@ -5397,7 +5229,7 @@ module.exports = {
         ]
       },
       "light": {
-        "value": "#666666",
+        "value": "#71706b",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/font.json",
         "isSource": true,
         "original": {
@@ -5511,80 +5343,9 @@ module.exports = {
         ]
       }
     },
-    "heading": {
-      "underline": {
-        "default": {
-          "value": "#00919f",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/heading.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.primary-01.500.value}"
-          },
-          "name": "ColorHeadingUnderlineDefault",
-          "attributes": {
-            "category": "color",
-            "type": "heading",
-            "item": "underline",
-            "subitem": "default"
-          },
-          "path": [
-            "color",
-            "heading",
-            "underline",
-            "default"
-          ]
-        },
-        "lightest": {
-          "value": "#91d5db",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/heading.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.primary-01.200.value}"
-          },
-          "name": "ColorHeadingUnderlineLightest",
-          "attributes": {
-            "category": "color",
-            "type": "heading",
-            "item": "underline",
-            "subitem": "lightest"
-          },
-          "path": [
-            "color",
-            "heading",
-            "underline",
-            "lightest"
-          ]
-        }
-      }
-    },
-    "hero": {
-      "cover": {
-        "background": {
-          "value": "#191919",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/hero.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.900.value}"
-          },
-          "name": "ColorHeroCoverBackground",
-          "attributes": {
-            "category": "color",
-            "type": "hero",
-            "item": "cover",
-            "subitem": "background"
-          },
-          "path": [
-            "color",
-            "hero",
-            "cover",
-            "background"
-          ]
-        }
-      }
-    },
     "input": {
       "text": {
-        "value": "#191919",
+        "value": "#1e1e1c",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/input.json",
         "isSource": true,
         "original": {
@@ -5603,7 +5364,7 @@ module.exports = {
         ]
       },
       "border": {
-        "value": "#666666",
+        "value": "#71706b",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/input.json",
         "isSource": true,
         "original": {
@@ -5622,7 +5383,7 @@ module.exports = {
         ]
       },
       "placeholder": {
-        "value": "#808080",
+        "value": "#8c8b85",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/input.json",
         "isSource": true,
         "original": {
@@ -5661,7 +5422,7 @@ module.exports = {
       },
       "disabled": {
         "border": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/input.json",
           "isSource": true,
           "original": {
@@ -5682,7 +5443,7 @@ module.exports = {
           ]
         },
         "background": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/input.json",
           "isSource": true,
           "original": {
@@ -5703,7 +5464,7 @@ module.exports = {
           ]
         },
         "icon": {
-          "value": "#999999",
+          "value": "#a7a6a0",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/input.json",
           "isSource": true,
           "original": {
@@ -5726,7 +5487,7 @@ module.exports = {
       },
       "hover": {
         "border": {
-          "value": "#191919",
+          "value": "#1e1e1c",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/input.json",
           "isSource": true,
           "original": {
@@ -5981,7 +5742,7 @@ module.exports = {
           ]
         },
         "visited": {
-          "value": "#333333",
+          "value": "#3a3936",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6002,7 +5763,7 @@ module.exports = {
           ]
         },
         "active": {
-          "value": "#333333",
+          "value": "#3a3936",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6023,7 +5784,7 @@ module.exports = {
           ]
         },
         "disabled": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6044,7 +5805,7 @@ module.exports = {
           ]
         },
         "hover": {
-          "value": "#666666",
+          "value": "#71706b",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6088,7 +5849,7 @@ module.exports = {
           ]
         },
         "visited": {
-          "value": "#cccccc",
+          "value": "#dddcd5",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6109,7 +5870,7 @@ module.exports = {
           ]
         },
         "active": {
-          "value": "#cccccc",
+          "value": "#dddcd5",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6130,7 +5891,7 @@ module.exports = {
           ]
         },
         "disabled": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6151,7 +5912,7 @@ module.exports = {
           ]
         },
         "hover": {
-          "value": "#999999",
+          "value": "#a7a6a0",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6237,7 +5998,7 @@ module.exports = {
           ]
         },
         "disabled": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6258,11 +6019,11 @@ module.exports = {
           ]
         },
         "hover": {
-          "value": "#002e33",
+          "value": "#004e57",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
-            "value": "{color.primary-01.900.value}"
+            "value": "{color.primary-01.800.value}"
           },
           "name": "ColorLinkPrimaryHover",
           "attributes": {
@@ -6281,7 +6042,7 @@ module.exports = {
       },
       "primary-02": {
         "base": {
-          "value": "#494f60",
+          "value": "#035f64",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6302,7 +6063,7 @@ module.exports = {
           ]
         },
         "visited": {
-          "value": "#343b4c",
+          "value": "#044c53",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6323,7 +6084,7 @@ module.exports = {
           ]
         },
         "active": {
-          "value": "#343b4c",
+          "value": "#044c53",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6344,7 +6105,7 @@ module.exports = {
           ]
         },
         "disabled": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6365,7 +6126,7 @@ module.exports = {
           ]
         },
         "hover": {
-          "value": "#171b26",
+          "value": "#062b35",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6388,7 +6149,7 @@ module.exports = {
       },
       "danger": {
         "base": {
-          "value": "#b42a27",
+          "value": "#c61112",
           "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/link.json",
           "isSource": true,
           "original": {
@@ -6409,7 +6170,7 @@ module.exports = {
           ]
         },
         "visited": {
-          "value": "#8b2226",
+          "value": "#8c0003",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6430,7 +6191,7 @@ module.exports = {
           ]
         },
         "active": {
-          "value": "#8b2226",
+          "value": "#8c0003",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6451,7 +6212,7 @@ module.exports = {
           ]
         },
         "disabled": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
@@ -6472,11 +6233,11 @@ module.exports = {
           ]
         },
         "hover": {
-          "value": "#3e1219",
+          "value": "#530000",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/link.json",
           "isSource": true,
           "original": {
-            "value": "{color.secondary-red.900.value}"
+            "value": "{color.secondary-red.800.value}"
           },
           "name": "ColorLinkDangerHover",
           "attributes": {
@@ -6556,6 +6317,27 @@ module.exports = {
             "information",
             "border"
           ]
+        },
+        "icon": {
+          "value": "#007bb4",
+          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/notification.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.info.600.value}"
+          },
+          "name": "ColorNotificationInformationIcon",
+          "attributes": {
+            "category": "color",
+            "type": "notification",
+            "item": "information",
+            "subitem": "icon"
+          },
+          "path": [
+            "color",
+            "notification",
+            "information",
+            "icon"
+          ]
         }
       },
       "success": {
@@ -6600,9 +6382,30 @@ module.exports = {
             "success",
             "border"
           ]
-        }
-      },
-      "warning": {
+        },
+        "icon": {
+          "value": "#188803",
+          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/notification.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.success.600.value}"
+          },
+          "name": "ColorNotificationSuccessIcon",
+          "attributes": {
+            "category": "color",
+            "type": "notification",
+            "item": "success",
+            "subitem": "icon"
+          },
+          "path": [
+            "color",
+            "notification",
+            "success",
+            "icon"
+          ]
+        }
+      },
+      "warning": {
         "background": {
           "value": "#fdf1e8",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/notification.json",
@@ -6644,6 +6447,27 @@ module.exports = {
             "warning",
             "border"
           ]
+        },
+        "icon": {
+          "value": "#c65200",
+          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/notification.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.warning.600.value}"
+          },
+          "name": "ColorNotificationWarningIcon",
+          "attributes": {
+            "category": "color",
+            "type": "notification",
+            "item": "warning",
+            "subitem": "icon"
+          },
+          "path": [
+            "color",
+            "notification",
+            "warning",
+            "icon"
+          ]
         }
       },
       "danger": {
@@ -6688,412 +6512,33 @@ module.exports = {
             "danger",
             "border"
           ]
-        }
-      }
-    },
-    "option-button": {
-      "label": {
-        "shadow": {
-          "value": "#b3b3b3",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/option-button.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.300.value}"
-          },
-          "name": "ColorOptionButtonLabelShadow",
-          "attributes": {
-            "category": "color",
-            "type": "option-button",
-            "item": "label",
-            "subitem": "shadow"
-          },
-          "path": [
-            "color",
-            "option-button",
-            "label",
-            "shadow"
-          ]
-        }
-      },
-      "hover": {
-        "label": {
-          "shadow": {
-            "value": "#333333",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/option-button.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.grey.800.value}"
-            },
-            "name": "ColorOptionButtonHoverLabelShadow",
-            "attributes": {
-              "category": "color",
-              "type": "option-button",
-              "item": "hover",
-              "subitem": "label",
-              "state": "shadow"
-            },
-            "path": [
-              "color",
-              "option-button",
-              "hover",
-              "label",
-              "shadow"
-            ]
-          }
-        }
-      },
-      "checked": {
-        "label": {
-          "border": {
-            "value": "#00919f",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/option-button.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.primary-01.500.value}"
-            },
-            "name": "ColorOptionButtonCheckedLabelBorder",
-            "attributes": {
-              "category": "color",
-              "type": "option-button",
-              "item": "checked",
-              "subitem": "label",
-              "state": "border"
-            },
-            "path": [
-              "color",
-              "option-button",
-              "checked",
-              "label",
-              "border"
-            ]
-          },
-          "shadow": {
-            "value": "#d9f0f3",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/option-button.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.primary-01.100.value}"
-            },
-            "name": "ColorOptionButtonCheckedLabelShadow",
-            "attributes": {
-              "category": "color",
-              "type": "option-button",
-              "item": "checked",
-              "subitem": "label",
-              "state": "shadow"
-            },
-            "path": [
-              "color",
-              "option-button",
-              "checked",
-              "label",
-              "shadow"
-            ]
-          }
-        }
-      },
-      "disabled": {
-        "label": {
-          "background": {
-            "value": "#cccccc",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/option-button.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.grey.200.value}"
-            },
-            "name": "ColorOptionButtonDisabledLabelBackground",
-            "attributes": {
-              "category": "color",
-              "type": "option-button",
-              "item": "disabled",
-              "subitem": "label",
-              "state": "background"
-            },
-            "path": [
-              "color",
-              "option-button",
-              "disabled",
-              "label",
-              "background"
-            ]
-          }
-        }
-      }
-    },
-    "option-card": {
-      "label": {
-        "shadow": {
-          "value": "#b3b3b3",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/option-card.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.300.value}"
-          },
-          "name": "ColorOptionCardLabelShadow",
-          "attributes": {
-            "category": "color",
-            "type": "option-card",
-            "item": "label",
-            "subitem": "shadow"
-          },
-          "path": [
-            "color",
-            "option-card",
-            "label",
-            "shadow"
-          ]
-        }
-      },
-      "hover": {
-        "label": {
-          "shadow": {
-            "value": "#333333",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/option-card.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.grey.800.value}"
-            },
-            "name": "ColorOptionCardHoverLabelShadow",
-            "attributes": {
-              "category": "color",
-              "type": "option-card",
-              "item": "hover",
-              "subitem": "label",
-              "state": "shadow"
-            },
-            "path": [
-              "color",
-              "option-card",
-              "hover",
-              "label",
-              "shadow"
-            ]
-          }
-        }
-      },
-      "checked": {
-        "label": {
-          "border": {
-            "value": "#00919f",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/option-card.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.primary-01.500.value}"
-            },
-            "name": "ColorOptionCardCheckedLabelBorder",
-            "attributes": {
-              "category": "color",
-              "type": "option-card",
-              "item": "checked",
-              "subitem": "label",
-              "state": "border"
-            },
-            "path": [
-              "color",
-              "option-card",
-              "checked",
-              "label",
-              "border"
-            ]
-          },
-          "shadow": {
-            "value": "#d9f0f3",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/option-card.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.primary-01.100.value}"
-            },
-            "name": "ColorOptionCardCheckedLabelShadow",
-            "attributes": {
-              "category": "color",
-              "type": "option-card",
-              "item": "checked",
-              "subitem": "label",
-              "state": "shadow"
-            },
-            "path": [
-              "color",
-              "option-card",
-              "checked",
-              "label",
-              "shadow"
-            ]
-          }
-        }
-      }
-    },
-    "overlay": {
-      "background": {
-        "value": "#191919",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/overlay.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.grey.900.value}"
         },
-        "name": "ColorOverlayBackground",
-        "attributes": {
-          "category": "color",
-          "type": "overlay",
-          "item": "background"
-        },
-        "path": [
-          "color",
-          "overlay",
-          "background"
-        ]
-      },
-      "loader": {
-        "background": {
-          "value": "#082435",
-          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/overlay.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.secondary-blue.900.value}"
-          },
-          "name": "ColorOverlayLoaderBackground",
-          "attributes": {
-            "category": "color",
-            "type": "overlay",
-            "item": "loader",
-            "subitem": "background"
-          },
-          "path": [
-            "color",
-            "overlay",
-            "loader",
-            "background"
-          ]
-        }
-      }
-    },
-    "password-input": {
-      "button": {
-        "hover": {
-          "background": {
-            "value": "#e6e6e6",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/password-input.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.grey.100.value}"
-            },
-            "name": "ColorPasswordInputButtonHoverBackground",
-            "attributes": {
-              "category": "color",
-              "type": "password-input",
-              "item": "button",
-              "subitem": "hover",
-              "state": "background"
-            },
-            "path": [
-              "color",
-              "password-input",
-              "button",
-              "hover",
-              "background"
-            ]
-          }
-        }
-      }
-    },
-    "phone-number": {
-      "button": {
-        "border": {
-          "value": "#666666",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/phone-number.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.600.value}"
-          },
-          "name": "ColorPhoneNumberButtonBorder",
-          "attributes": {
-            "category": "color",
-            "type": "phone-number",
-            "item": "button",
-            "subitem": "border"
-          },
-          "path": [
-            "color",
-            "phone-number",
-            "button",
-            "border"
-          ]
-        }
-      },
-      "list": {
-        "background": {
-          "value": "#ffffff",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/phone-number.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.000.value}"
-          },
-          "name": "ColorPhoneNumberListBackground",
-          "attributes": {
-            "category": "color",
-            "type": "phone-number",
-            "item": "list",
-            "subitem": "background"
-          },
-          "path": [
-            "color",
-            "phone-number",
-            "list",
-            "background"
-          ]
-        }
-      },
-      "item": {
-        "border": {
-          "value": "#b3b3b3",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/phone-number.json",
+        "icon": {
+          "value": "#c61112",
+          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/notification.json",
           "isSource": true,
           "original": {
-            "value": "{color.grey.300.value}"
+            "value": "{color.danger.600.value}"
           },
-          "name": "ColorPhoneNumberItemBorder",
+          "name": "ColorNotificationDangerIcon",
           "attributes": {
             "category": "color",
-            "type": "phone-number",
-            "item": "item",
-            "subitem": "border"
+            "type": "notification",
+            "item": "danger",
+            "subitem": "icon"
           },
           "path": [
             "color",
-            "phone-number",
-            "item",
-            "border"
+            "notification",
+            "danger",
+            "icon"
           ]
-        },
-        "focus": {
-          "background": {
-            "value": "#e6e6e6",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/phone-number.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.grey.100.value}"
-            },
-            "name": "ColorPhoneNumberItemFocusBackground",
-            "attributes": {
-              "category": "color",
-              "type": "phone-number",
-              "item": "item",
-              "subitem": "focus",
-              "state": "background"
-            },
-            "path": [
-              "color",
-              "phone-number",
-              "item",
-              "focus",
-              "background"
-            ]
-          }
         }
       }
     },
     "progress": {
       "background": {
-        "value": "#cccccc",
+        "value": "#dddcd5",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/progressbar.json",
         "isSource": true,
         "original": {
@@ -7132,7 +6577,7 @@ module.exports = {
       },
       "percentage": {
         "default": {
-          "value": "#191919",
+          "value": "#1e1e1c",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/progressbar.json",
           "isSource": true,
           "original": {
@@ -7200,11 +6645,11 @@ module.exports = {
     },
     "star": {
       "empty": {
-        "value": "#ffffff",
+        "value": "#dddcd5",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/star.json",
         "isSource": true,
         "original": {
-          "value": "{color.grey.000.value}"
+          "value": "{color.grey.200.value}"
         },
         "name": "ColorStarEmpty",
         "attributes": {
@@ -7221,265 +6666,58 @@ module.exports = {
       "focus": {
         "value": "#758992",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/star.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.secondary-blue.500.value}"
-        },
-        "name": "ColorStarFocus",
-        "attributes": {
-          "category": "color",
-          "type": "star",
-          "item": "focus"
-        },
-        "path": [
-          "color",
-          "star",
-          "focus"
-        ]
-      },
-      "full": {
-        "value": "#ea7315",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/star.json",
-        "isSource": true,
-        "original": {
-          "value": "#EA7315"
-        },
-        "name": "ColorStarFull",
-        "attributes": {
-          "category": "color",
-          "type": "star",
-          "item": "full"
-        },
-        "path": [
-          "color",
-          "star",
-          "full"
-        ]
-      },
-      "hover": {
-        "value": "#ffc17d",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/star.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.secondary-orange.300.value}"
-        },
-        "name": "ColorStarHover",
-        "attributes": {
-          "category": "color",
-          "type": "star",
-          "item": "hover"
-        },
-        "path": [
-          "color",
-          "star",
-          "hover"
-        ]
-      }
-    },
-    "stepper": {
-      "item": {
-        "background": {
-          "value": "#999999",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/stepper.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.400.value}"
-          },
-          "name": "ColorStepperItemBackground",
-          "attributes": {
-            "category": "color",
-            "type": "stepper",
-            "item": "item",
-            "subitem": "background"
-          },
-          "path": [
-            "color",
-            "stepper",
-            "item",
-            "background"
-          ]
-        },
-        "current": {
-          "background": {
-            "value": "#009eac",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/stepper.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.primary-01.400.value}"
-            },
-            "name": "ColorStepperItemCurrentBackground",
-            "attributes": {
-              "category": "color",
-              "type": "stepper",
-              "item": "item",
-              "subitem": "current",
-              "state": "background"
-            },
-            "path": [
-              "color",
-              "stepper",
-              "item",
-              "current",
-              "background"
-            ]
-          }
-        }
-      },
-      "link": {
-        "hover": {
-          "text": {
-            "value": "#009eac",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/stepper.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.primary-01.400.value}"
-            },
-            "name": "ColorStepperLinkHoverText",
-            "attributes": {
-              "category": "color",
-              "type": "stepper",
-              "item": "link",
-              "subitem": "hover",
-              "state": "text"
-            },
-            "path": [
-              "color",
-              "stepper",
-              "link",
-              "hover",
-              "text"
-            ]
-          }
-        }
-      },
-      "indicator": {
-        "background": {
-          "value": "#ffffff",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/stepper.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.000.value}"
-          },
-          "name": "ColorStepperIndicatorBackground",
-          "attributes": {
-            "category": "color",
-            "type": "stepper",
-            "item": "indicator",
-            "subitem": "background"
-          },
-          "path": [
-            "color",
-            "stepper",
-            "indicator",
-            "background"
-          ]
+        "isSource": true,
+        "original": {
+          "value": "{color.secondary-blue.500.value}"
         },
-        "border": {
-          "value": "#999999",
-          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/stepper.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.grey.400.value}"
-          },
-          "name": "ColorStepperIndicatorBorder",
-          "attributes": {
-            "category": "color",
-            "type": "stepper",
-            "item": "indicator",
-            "subitem": "border"
-          },
-          "path": [
-            "color",
-            "stepper",
-            "indicator",
-            "border"
-          ]
+        "name": "ColorStarFocus",
+        "attributes": {
+          "category": "color",
+          "type": "star",
+          "item": "focus"
         },
-        "current": {
-          "background": {
-            "value": "#009eac",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/stepper.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.primary-01.400.value}"
-            },
-            "name": "ColorStepperIndicatorCurrentBackground",
-            "attributes": {
-              "category": "color",
-              "type": "stepper",
-              "item": "indicator",
-              "subitem": "current",
-              "state": "background"
-            },
-            "path": [
-              "color",
-              "stepper",
-              "indicator",
-              "current",
-              "background"
-            ]
-          },
-          "border": {
-            "value": "#009eac",
-            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/stepper.json",
-            "isSource": true,
-            "original": {
-              "value": "{color.primary-01.400.value}"
-            },
-            "name": "ColorStepperIndicatorCurrentBorder",
-            "attributes": {
-              "category": "color",
-              "type": "stepper",
-              "item": "indicator",
-              "subitem": "current",
-              "state": "border"
-            },
-            "path": [
-              "color",
-              "stepper",
-              "indicator",
-              "current",
-              "border"
-            ]
-          }
-        }
+        "path": [
+          "color",
+          "star",
+          "focus"
+        ]
       },
-      "icon": {
-        "value": "#009eac",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/stepper.json",
+      "full": {
+        "value": "#ea7315",
+        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/star.json",
         "isSource": true,
         "original": {
-          "value": "{color.primary-01.400.value}"
+          "value": "{color.secondary-orange.500.value}"
         },
-        "name": "ColorStepperIcon",
+        "name": "ColorStarFull",
         "attributes": {
           "category": "color",
-          "type": "stepper",
-          "item": "icon"
+          "type": "star",
+          "item": "full"
         },
         "path": [
           "color",
-          "stepper",
-          "icon"
+          "star",
+          "full"
         ]
       },
-      "title": {
-        "value": "#009eac",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/stepper.json",
+      "hover": {
+        "value": "#f4b27e",
+        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/star.json",
         "isSource": true,
         "original": {
-          "value": "{color.primary-01.400.value}"
+          "value": "{color.secondary-orange.300.value}"
         },
-        "name": "ColorStepperTitle",
+        "name": "ColorStarHover",
         "attributes": {
           "category": "color",
-          "type": "stepper",
-          "item": "title"
+          "type": "star",
+          "item": "hover"
         },
         "path": [
           "color",
-          "stepper",
-          "title"
+          "star",
+          "hover"
         ]
       }
     },
@@ -7523,7 +6761,7 @@ module.exports = {
         ]
       },
       "default": {
-        "value": "#191919",
+        "value": "#1e1e1c",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tabs.json",
         "isSource": true,
         "original": {
@@ -7542,11 +6780,11 @@ module.exports = {
         ]
       },
       "hover": {
-        "value": "#007f8c",
+        "value": "#004e57",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tabs.json",
         "isSource": true,
         "original": {
-          "value": "{color.primary-01.600.value}"
+          "value": "{color.primary-01.800.value}"
         },
         "name": "ColorTabsHover",
         "attributes": {
@@ -7561,7 +6799,7 @@ module.exports = {
         ]
       },
       "disabled": {
-        "value": "#666666",
+        "value": "#71706b",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tabs.json",
         "isSource": true,
         "original": {
@@ -7580,7 +6818,7 @@ module.exports = {
         ]
       },
       "active": {
-        "value": "#00919f",
+        "value": "#007f8c",
         "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tabs.json",
         "isSource": true,
         "original": {
@@ -7645,7 +6883,7 @@ module.exports = {
             ]
           },
           "border": {
-            "value": "#808080",
+            "value": "#8c8b85",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -7668,7 +6906,7 @@ module.exports = {
             ]
           },
           "text": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -7693,7 +6931,7 @@ module.exports = {
         },
         "dark": {
           "background": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -7789,7 +7027,7 @@ module.exports = {
             ]
           },
           "border": {
-            "value": "#808080",
+            "value": "#8c8b85",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -7812,7 +7050,7 @@ module.exports = {
             ]
           },
           "text": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -7836,7 +7074,7 @@ module.exports = {
           },
           "hover": {
             "background": {
-              "value": "#e6e6e6",
+              "value": "#eeedea",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -7862,7 +7100,7 @@ module.exports = {
           },
           "active": {
             "background": {
-              "value": "#cccccc",
+              "value": "#dddcd5",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -7889,7 +7127,7 @@ module.exports = {
         },
         "dark": {
           "background": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -7959,7 +7197,7 @@ module.exports = {
           },
           "hover": {
             "background": {
-              "value": "#333333",
+              "value": "#3a3936",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -7985,7 +7223,7 @@ module.exports = {
           },
           "active": {
             "background": {
-              "value": "#4d4d4d",
+              "value": "#555550",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8037,7 +7275,7 @@ module.exports = {
             ]
           },
           "border": {
-            "value": "#808080",
+            "value": "#8c8b85",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -8060,7 +7298,7 @@ module.exports = {
             ]
           },
           "text": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -8184,7 +7422,7 @@ module.exports = {
           },
           "disabled": {
             "background": {
-              "value": "#e6e6e6",
+              "value": "#eeedea",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8208,7 +7446,7 @@ module.exports = {
               ]
             },
             "text": {
-              "value": "#808080",
+              "value": "#8c8b85",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8312,7 +7550,7 @@ module.exports = {
         },
         "dark": {
           "background": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -8456,7 +7694,7 @@ module.exports = {
               ]
             },
             "text": {
-              "value": "#191919",
+              "value": "#1e1e1c",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8530,7 +7768,7 @@ module.exports = {
               ]
             },
             "text": {
-              "value": "#191919",
+              "value": "#1e1e1c",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8583,7 +7821,7 @@ module.exports = {
           },
           "disabled": {
             "background": {
-              "value": "#4d4d4d",
+              "value": "#555550",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8607,7 +7845,7 @@ module.exports = {
               ]
             },
             "text": {
-              "value": "#808080",
+              "value": "#8c8b85",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8636,7 +7874,7 @@ module.exports = {
       "removable": {
         "light": {
           "background": {
-            "value": "#333333",
+            "value": "#3a3936",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -8682,7 +7920,7 @@ module.exports = {
             ]
           },
           "icon": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -8706,7 +7944,7 @@ module.exports = {
           },
           "hover": {
             "background": {
-              "value": "#4d4d4d",
+              "value": "#555550",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8732,7 +7970,7 @@ module.exports = {
           },
           "active": {
             "background": {
-              "value": "#666666",
+              "value": "#71706b",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8759,7 +7997,7 @@ module.exports = {
         },
         "dark": {
           "background": {
-            "value": "#cccccc",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -8782,7 +8020,7 @@ module.exports = {
             ]
           },
           "text": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -8805,7 +8043,7 @@ module.exports = {
             ]
           },
           "icon": {
-            "value": "#191919",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
@@ -8829,7 +8067,7 @@ module.exports = {
           },
           "hover": {
             "background": {
-              "value": "#b3b3b3",
+              "value": "#c2c1ba",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8855,7 +8093,7 @@ module.exports = {
           },
           "active": {
             "background": {
-              "value": "#999999",
+              "value": "#a7a6a0",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
@@ -8885,7 +8123,7 @@ module.exports = {
     "toggle": {
       "off": {
         "background": {
-          "value": "#666666",
+          "value": "#71706b",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/toggle.json",
           "isSource": true,
           "original": {
@@ -8973,7 +8211,7 @@ module.exports = {
       },
       "hover": {
         "circle": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/toggle.json",
           "isSource": true,
           "original": {
@@ -8996,7 +8234,7 @@ module.exports = {
       },
       "disabled": {
         "background": {
-          "value": "#e6e6e6",
+          "value": "#eeedea",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/toggle.json",
           "isSource": true,
           "original": {
@@ -9017,7 +8255,7 @@ module.exports = {
           ]
         },
         "circle": {
-          "value": "#b3b3b3",
+          "value": "#c2c1ba",
           "filePath": "node_modules/@mozaic-ds/tokens/properties/color/toggle.json",
           "isSource": true,
           "original": {
@@ -9082,219 +8320,6 @@ module.exports = {
           ]
         }
       }
-    },
-    "tooltip": {
-      "background": {
-        "value": "#4d4d4d",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tooltip.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.grey.700.value}"
-        },
-        "name": "ColorTooltipBackground",
-        "attributes": {
-          "category": "color",
-          "type": "tooltip",
-          "item": "background"
-        },
-        "path": [
-          "color",
-          "tooltip",
-          "background"
-        ]
-      },
-      "border": {
-        "value": "#ffffff",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tooltip.json",
-        "isSource": true,
-        "original": {
-          "value": "{color.grey.000.value}"
-        },
-        "name": "ColorTooltipBorder",
-        "attributes": {
-          "category": "color",
-          "type": "tooltip",
-          "item": "border"
-        },
-        "path": [
-          "color",
-          "tooltip",
-          "border"
-        ]
-      }
-    },
-    "secondary-sandgrey": {
-      "100": {
-        "value": "#eeedea",
-        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
-        "isSource": true,
-        "original": {
-          "value": "#EEEDEA"
-        },
-        "name": "ColorSecondarySandgrey100",
-        "attributes": {
-          "category": "color",
-          "type": "secondary-sandgrey",
-          "item": "100"
-        },
-        "path": [
-          "color",
-          "secondary-sandgrey",
-          "100"
-        ]
-      },
-      "200": {
-        "value": "#dddcd5",
-        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
-        "isSource": true,
-        "original": {
-          "value": "#DDDCD5"
-        },
-        "name": "ColorSecondarySandgrey200",
-        "attributes": {
-          "category": "color",
-          "type": "secondary-sandgrey",
-          "item": "200"
-        },
-        "path": [
-          "color",
-          "secondary-sandgrey",
-          "200"
-        ]
-      },
-      "300": {
-        "value": "#c2c1ba",
-        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
-        "isSource": true,
-        "original": {
-          "value": "#C2C1BA"
-        },
-        "name": "ColorSecondarySandgrey300",
-        "attributes": {
-          "category": "color",
-          "type": "secondary-sandgrey",
-          "item": "300"
-        },
-        "path": [
-          "color",
-          "secondary-sandgrey",
-          "300"
-        ]
-      },
-      "400": {
-        "value": "#a7a6a0",
-        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
-        "isSource": true,
-        "original": {
-          "value": "#A7A6A0"
-        },
-        "name": "ColorSecondarySandgrey400",
-        "attributes": {
-          "category": "color",
-          "type": "secondary-sandgrey",
-          "item": "400"
-        },
-        "path": [
-          "color",
-          "secondary-sandgrey",
-          "400"
-        ]
-      },
-      "500": {
-        "value": "#8c8b85",
-        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
-        "isSource": true,
-        "original": {
-          "value": "#8C8B85"
-        },
-        "name": "ColorSecondarySandgrey500",
-        "attributes": {
-          "category": "color",
-          "type": "secondary-sandgrey",
-          "item": "500"
-        },
-        "path": [
-          "color",
-          "secondary-sandgrey",
-          "500"
-        ]
-      },
-      "600": {
-        "value": "#71706b",
-        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
-        "isSource": true,
-        "original": {
-          "value": "#71706B"
-        },
-        "name": "ColorSecondarySandgrey600",
-        "attributes": {
-          "category": "color",
-          "type": "secondary-sandgrey",
-          "item": "600"
-        },
-        "path": [
-          "color",
-          "secondary-sandgrey",
-          "600"
-        ]
-      },
-      "700": {
-        "value": "#555550",
-        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
-        "isSource": true,
-        "original": {
-          "value": "#555550"
-        },
-        "name": "ColorSecondarySandgrey700",
-        "attributes": {
-          "category": "color",
-          "type": "secondary-sandgrey",
-          "item": "700"
-        },
-        "path": [
-          "color",
-          "secondary-sandgrey",
-          "700"
-        ]
-      },
-      "800": {
-        "value": "#3a3936",
-        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
-        "isSource": true,
-        "original": {
-          "value": "#3A3936"
-        },
-        "name": "ColorSecondarySandgrey800",
-        "attributes": {
-          "category": "color",
-          "type": "secondary-sandgrey",
-          "item": "800"
-        },
-        "path": [
-          "color",
-          "secondary-sandgrey",
-          "800"
-        ]
-      },
-      "900": {
-        "value": "#1e1e1c",
-        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/base.json",
-        "isSource": true,
-        "original": {
-          "value": "#1E1E1C"
-        },
-        "name": "ColorSecondarySandgrey900",
-        "attributes": {
-          "category": "color",
-          "type": "secondary-sandgrey",
-          "item": "900"
-        },
-        "path": [
-          "color",
-          "secondary-sandgrey",
-          "900"
-        ]
-      }
     }
   },
   "preset": {