@mozaic-ds/vue 0.16.1-beta.0 → 0.18.0

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}"
@@ -6799,11 +6799,11 @@ module.exports = {
             ]
           },
           "border": {
-            "value": "#555550",
+            "value": "#8c8b85",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.700.value}"
+              "value": "{color.grey.500.value}"
             },
             "name": "ColorTagTextLightBorder",
             "attributes": {
@@ -6822,11 +6822,11 @@ module.exports = {
             ]
           },
           "text": {
-            "value": "#555550",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.700.value}"
+              "value": "{color.grey.900.value}"
             },
             "name": "ColorTagTextLightText",
             "attributes": {
@@ -6847,11 +6847,11 @@ module.exports = {
         },
         "dark": {
           "background": {
-            "value": "#000000",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.999.value}"
+              "value": "{color.grey.900.value}"
             },
             "name": "ColorTagTextDarkBackground",
             "attributes": {
@@ -6943,11 +6943,11 @@ module.exports = {
             ]
           },
           "border": {
-            "value": "#555550",
+            "value": "#8c8b85",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.700.value}"
+              "value": "{color.grey.500.value}"
             },
             "name": "ColorTagLinkLightBorder",
             "attributes": {
@@ -6966,11 +6966,11 @@ module.exports = {
             ]
           },
           "text": {
-            "value": "#555550",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.700.value}"
+              "value": "{color.grey.900.value}"
             },
             "name": "ColorTagLinkLightText",
             "attributes": {
@@ -7043,11 +7043,11 @@ module.exports = {
         },
         "dark": {
           "background": {
-            "value": "#000000",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.999.value}"
+              "value": "{color.grey.900.value}"
             },
             "name": "ColorTagLinkDarkBackground",
             "attributes": {
@@ -7168,11 +7168,11 @@ module.exports = {
       "selectable": {
         "light": {
           "background": {
-            "value": "#dddcd5",
+            "value": "#ffffff",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.200.value}"
+              "value": "{color.grey.000.value}"
             },
             "name": "ColorTagSelectableLightBackground",
             "attributes": {
@@ -7190,6 +7190,29 @@ module.exports = {
               "background"
             ]
           },
+          "border": {
+            "value": "#8c8b85",
+            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.grey.500.value}"
+            },
+            "name": "ColorTagSelectableLightBorder",
+            "attributes": {
+              "category": "color",
+              "type": "tag",
+              "item": "selectable",
+              "subitem": "light",
+              "state": "border"
+            },
+            "path": [
+              "color",
+              "tag",
+              "selectable",
+              "light",
+              "border"
+            ]
+          },
           "text": {
             "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
@@ -7241,11 +7264,11 @@ module.exports = {
           },
           "active": {
             "background": {
-              "value": "#007f8c",
+              "value": "#004e57",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
-                "value": "{color.primary-01.600.value}"
+                "value": "{color.primary-01.800.value}"
               },
               "name": "ColorTagSelectableLightActiveBackground",
               "attributes": {
@@ -7263,6 +7286,54 @@ module.exports = {
                 "active",
                 "background"
               ]
+            },
+            "border": {
+              "value": "#004e57",
+              "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.primary-01.800.value}"
+              },
+              "name": "ColorTagSelectableLightActiveBorder",
+              "attributes": {
+                "category": "color",
+                "type": "tag",
+                "item": "selectable",
+                "subitem": "light",
+                "state": "active"
+              },
+              "path": [
+                "color",
+                "tag",
+                "selectable",
+                "light",
+                "active",
+                "border"
+              ]
+            },
+            "text": {
+              "value": "#ffffff",
+              "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.grey.000.value}"
+              },
+              "name": "ColorTagSelectableLightActiveText",
+              "attributes": {
+                "category": "color",
+                "type": "tag",
+                "item": "selectable",
+                "subitem": "light",
+                "state": "active"
+              },
+              "path": [
+                "color",
+                "tag",
+                "selectable",
+                "light",
+                "active",
+                "text"
+              ]
             }
           },
           "disabled": {
@@ -7317,11 +7388,11 @@ module.exports = {
           },
           "selected": {
             "background": {
-              "value": "#00919f",
+              "value": "#007f8c",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
-                "value": "{color.primary-01.500.value}"
+                "value": "{color.primary-01.600.value}"
               },
               "name": "ColorTagSelectableLightSelectedBackground",
               "attributes": {
@@ -7339,16 +7410,67 @@ module.exports = {
                 "selected",
                 "background"
               ]
+            },
+            "text": {
+              "value": "#ffffff",
+              "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.grey.000.value}"
+              },
+              "name": "ColorTagSelectableLightSelectedText",
+              "attributes": {
+                "category": "color",
+                "type": "tag",
+                "item": "selectable",
+                "subitem": "light",
+                "state": "selected"
+              },
+              "path": [
+                "color",
+                "tag",
+                "selectable",
+                "light",
+                "selected",
+                "text"
+              ]
+            },
+            "hover": {
+              "background": {
+                "value": "#006974",
+                "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+                "isSource": true,
+                "original": {
+                  "value": "{color.primary-01.700.value}"
+                },
+                "name": "ColorTagSelectableLightSelectedHoverBackground",
+                "attributes": {
+                  "category": "color",
+                  "type": "tag",
+                  "item": "selectable",
+                  "subitem": "light",
+                  "state": "selected"
+                },
+                "path": [
+                  "color",
+                  "tag",
+                  "selectable",
+                  "light",
+                  "selected",
+                  "hover",
+                  "background"
+                ]
+              }
             }
           }
         },
         "dark": {
           "background": {
-            "value": "#3a3936",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.800.value}"
+              "value": "{color.grey.900.value}"
             },
             "name": "ColorTagSelectableDarkBackground",
             "attributes": {
@@ -7366,6 +7488,29 @@ module.exports = {
               "background"
             ]
           },
+          "border": {
+            "value": "#ffffff",
+            "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.grey.000.value}"
+            },
+            "name": "ColorTagSelectableDarkBorder",
+            "attributes": {
+              "category": "color",
+              "type": "tag",
+              "item": "selectable",
+              "subitem": "dark",
+              "state": "border"
+            },
+            "path": [
+              "color",
+              "tag",
+              "selectable",
+              "dark",
+              "border"
+            ]
+          },
           "text": {
             "value": "#ffffff",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
@@ -7391,11 +7536,11 @@ module.exports = {
           },
           "hover": {
             "background": {
-              "value": "#00919f",
+              "value": "#006974",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
-                "value": "{color.primary-01.500.value}"
+                "value": "{color.primary-01.700.value}"
               },
               "name": "ColorTagSelectableDarkHoverBackground",
               "attributes": {
@@ -7417,11 +7562,11 @@ module.exports = {
           },
           "active": {
             "background": {
-              "value": "#004e57",
+              "value": "#91d5db",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
-                "value": "{color.primary-01.800.value}"
+                "value": "{color.primary-01.200.value}"
               },
               "name": "ColorTagSelectableDarkActiveBackground",
               "attributes": {
@@ -7439,15 +7584,63 @@ module.exports = {
                 "active",
                 "background"
               ]
+            },
+            "border": {
+              "value": "#91d5db",
+              "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.primary-01.200.value}"
+              },
+              "name": "ColorTagSelectableDarkActiveBorder",
+              "attributes": {
+                "category": "color",
+                "type": "tag",
+                "item": "selectable",
+                "subitem": "dark",
+                "state": "active"
+              },
+              "path": [
+                "color",
+                "tag",
+                "selectable",
+                "dark",
+                "active",
+                "border"
+              ]
+            },
+            "text": {
+              "value": "#1e1e1c",
+              "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.grey.900.value}"
+              },
+              "name": "ColorTagSelectableDarkActiveText",
+              "attributes": {
+                "category": "color",
+                "type": "tag",
+                "item": "selectable",
+                "subitem": "dark",
+                "state": "active"
+              },
+              "path": [
+                "color",
+                "tag",
+                "selectable",
+                "dark",
+                "active",
+                "text"
+              ]
             }
           },
           "selected": {
             "background": {
-              "value": "#006974",
+              "value": "#009eac",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
-                "value": "{color.primary-01.700.value}"
+                "value": "{color.primary-01.400.value}"
               },
               "name": "ColorTagSelectableDarkSelectedBackground",
               "attributes": {
@@ -7465,6 +7658,81 @@ module.exports = {
                 "selected",
                 "background"
               ]
+            },
+            "border": {
+              "value": "#009eac",
+              "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.primary-01.400.value}"
+              },
+              "name": "ColorTagSelectableDarkSelectedBorder",
+              "attributes": {
+                "category": "color",
+                "type": "tag",
+                "item": "selectable",
+                "subitem": "dark",
+                "state": "selected"
+              },
+              "path": [
+                "color",
+                "tag",
+                "selectable",
+                "dark",
+                "selected",
+                "border"
+              ]
+            },
+            "text": {
+              "value": "#1e1e1c",
+              "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.grey.900.value}"
+              },
+              "name": "ColorTagSelectableDarkSelectedText",
+              "attributes": {
+                "category": "color",
+                "type": "tag",
+                "item": "selectable",
+                "subitem": "dark",
+                "state": "selected"
+              },
+              "path": [
+                "color",
+                "tag",
+                "selectable",
+                "dark",
+                "selected",
+                "text"
+              ]
+            },
+            "hover": {
+              "background": {
+                "value": "#48bac4",
+                "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
+                "isSource": true,
+                "original": {
+                  "value": "{color.primary-01.300.value}"
+                },
+                "name": "ColorTagSelectableDarkSelectedHoverBackground",
+                "attributes": {
+                  "category": "color",
+                  "type": "tag",
+                  "item": "selectable",
+                  "subitem": "dark",
+                  "state": "selected"
+                },
+                "path": [
+                  "color",
+                  "tag",
+                  "selectable",
+                  "dark",
+                  "selected",
+                  "hover",
+                  "background"
+                ]
+              }
             }
           },
           "disabled": {
@@ -7522,11 +7790,11 @@ module.exports = {
       "removable": {
         "light": {
           "background": {
-            "value": "#dddcd5",
+            "value": "#3a3936",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.200.value}"
+              "value": "{color.grey.800.value}"
             },
             "name": "ColorTagRemovableLightBackground",
             "attributes": {
@@ -7545,11 +7813,11 @@ module.exports = {
             ]
           },
           "text": {
-            "value": "#1e1e1c",
+            "value": "#ffffff",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.900.value}"
+              "value": "{color.grey.000.value}"
             },
             "name": "ColorTagRemovableLightText",
             "attributes": {
@@ -7568,11 +7836,11 @@ module.exports = {
             ]
           },
           "icon": {
-            "value": "#3a3936",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.800.value}"
+              "value": "{color.grey.200.value}"
             },
             "name": "ColorTagRemovableLightIcon",
             "attributes": {
@@ -7592,11 +7860,11 @@ module.exports = {
           },
           "hover": {
             "background": {
-              "value": "#c2c1ba",
+              "value": "#555550",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
-                "value": "{color.grey.300.value}"
+                "value": "{color.grey.700.value}"
               },
               "name": "ColorTagRemovableLightHoverBackground",
               "attributes": {
@@ -7618,11 +7886,11 @@ module.exports = {
           },
           "active": {
             "background": {
-              "value": "#a7a6a0",
+              "value": "#71706b",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
-                "value": "{color.grey.400.value}"
+                "value": "{color.grey.600.value}"
               },
               "name": "ColorTagRemovableLightActiveBackground",
               "attributes": {
@@ -7645,11 +7913,11 @@ module.exports = {
         },
         "dark": {
           "background": {
-            "value": "#3a3936",
+            "value": "#dddcd5",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.800.value}"
+              "value": "{color.grey.200.value}"
             },
             "name": "ColorTagRemovableDarkBackground",
             "attributes": {
@@ -7668,11 +7936,11 @@ module.exports = {
             ]
           },
           "text": {
-            "value": "#ffffff",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.000.value}"
+              "value": "{color.grey.900.value}"
             },
             "name": "ColorTagRemovableDarkText",
             "attributes": {
@@ -7691,11 +7959,11 @@ module.exports = {
             ]
           },
           "icon": {
-            "value": "#dddcd5",
+            "value": "#1e1e1c",
             "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
             "isSource": true,
             "original": {
-              "value": "{color.grey.200.value}"
+              "value": "{color.grey.900.value}"
             },
             "name": "ColorTagRemovableDarkIcon",
             "attributes": {
@@ -7715,11 +7983,11 @@ module.exports = {
           },
           "hover": {
             "background": {
-              "value": "#555550",
+              "value": "#c2c1ba",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
-                "value": "{color.grey.700.value}"
+                "value": "{color.grey.300.value}"
               },
               "name": "ColorTagRemovableDarkHoverBackground",
               "attributes": {
@@ -7741,11 +8009,11 @@ module.exports = {
           },
           "active": {
             "background": {
-              "value": "#71706b",
+              "value": "#a7a6a0",
               "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tag.json",
               "isSource": true,
               "original": {
-                "value": "{color.grey.600.value}"
+                "value": "{color.grey.400.value}"
               },
               "name": "ColorTagRemovableDarkActiveBackground",
               "attributes": {