@sage/design-tokens 14.0.0 → 14.1.0

package/js/umd/frozenproduct/large/dark/components/container.js

@@ -202,7 +202,7 @@
           },
           "bg-hover": {
             $type: "color",
-            $value: "#ffffff14",
+            $value: "#ffffff1a",
             $description: "Used for accordion hover backgrounds ",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -244,35 +244,14 @@
             path: ["container", "color", "interactive", "border-alt"],
           },
           "borderalt-hover": {
-            $extensions: {
-              "studio.tokens": {
-                modify: {
-                  type: "mix",
-                  value: "0.16",
-                  space: "lch",
-                  color: "#FFFFFF ",
-                  format: "hex",
-                },
-              },
-            },
             $type: "color",
-            $value: "#464646",
+            $value: "#ffffffe6",
             $description: "For hover border on Link preview.",
             filePath: "data/tokens/components/container.json",
             isSource: true,
             original: {
-              $extensions: {
-                "studio.tokens": {
-                  modify: {
-                    type: "mix",
-                    value: "{modes.color.modifiers.button.hover}",
-                    space: "lch",
-                    color: "{modes.color.modifier.contrastMore} ",
-                  },
-                },
-              },
               $type: "color",
-              $value: "{container.color.interactive.border-alt}",
+              $value: "{modes.color.interactive.monochrome.default}",
               $description: "For hover border on Link preview.",
             },
             name: "containerColorInteractiveBorderaltHover",
@@ -734,7 +713,7 @@
             },
             "bg-important": {
               $type: "color",
-              $value: "#985FDC",
+              $value: "#8F4CD7",
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
@@ -4625,14 +4604,14 @@
         carousel: {
           hidden: {
             $type: "opacity",
-            $value: "0.30",
+            $value: "0.3",
             $description:
               "opacity applied to next and previous carousel slides",
             filePath: "data/tokens/components/container.json",
             isSource: true,
             original: {
               $type: "opacity",
-              $value: "{modes.color.modifiers.input.disabledFg}",
+              $value: "0.3",
               $description:
                 "opacity applied to next and previous carousel slides",
             },

package/js/umd/frozenproduct/large/dark/components/form.js

@@ -3169,7 +3169,7 @@
           },
           "bg-duration": {
             $type: "color",
-            $value: "#181818",
+            $value: "#1b1b1b",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
@@ -3182,7 +3182,7 @@
           },
           "bg-hover": {
             $type: "color",
-            $value: "#ffffff14",
+            $value: "#ffffff1a",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
@@ -3303,7 +3303,7 @@
         dropdown: {
           "bg-hover": {
             $type: "color",
-            $value: "#ffffff14",
+            $value: "#ffffff1a",
             $description: "REF POPOVER ",
             filePath: "data/tokens/components/form.json",
             isSource: true,
@@ -3510,7 +3510,7 @@
           },
           "bg-hover": {
             $type: "color",
-            $value: "#181818",
+            $value: "#1b1b1b",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {

package/js/umd/frozenproduct/large/dark/components/link.js

@@ -38,7 +38,7 @@
           },
           "label-hover": {
             $type: "color",
-            $value: "#ec6a71",
+            $value: "#ed6e74",
             filePath: "data/tokens/components/link.json",
             isSource: true,
             original: {
@@ -73,7 +73,7 @@
             },
             "label-hover": {
               $type: "color",
-              $value: "#a3303d",
+              $value: "#9f303c",
               filePath: "data/tokens/components/link.json",
               isSource: true,
               original: {
@@ -94,7 +94,7 @@
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.primary.defaultAlt3}",
+              $value: "{modes.color.interactive.primary.defaultAlt2}",
             },
             name: "linkColorTypicalLabelDefault",
             attributes: {},
@@ -102,7 +102,7 @@
           },
           "label-hover": {
             $type: "color",
-            $value: "#73e372",
+            $value: "#71e270",
             filePath: "data/tokens/components/link.json",
             isSource: true,
             original: {
@@ -121,7 +121,7 @@
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.inverse.defaultAlt3}",
+                $value: "{modes.color.interactive.primary.inverse.defaultAlt2}",
               },
               name: "linkColorTypicalInverseLabelDefault",
               attributes: {},
@@ -129,7 +129,7 @@
             },
             "label-hover": {
               $type: "color",
-              $value: "#10681c",
+              $value: "#11651c",
               filePath: "data/tokens/components/link.json",
               isSource: true,
               original: {

package/js/umd/frozenproduct/large/dark/components/nav.js

@@ -51,7 +51,7 @@
           },
           "bg-activealt": {
             $type: "color",
-            $value: "#ffffff14",
+            $value: "#ffffff1a",
             filePath: "data/tokens/components/nav.json",
             isSource: true,
             original: {
@@ -77,7 +77,7 @@
           },
           "bg-hover": {
             $type: "color",
-            $value: "#ffffff14",
+            $value: "#ffffff1a",
             filePath: "data/tokens/components/nav.json",
             isSource: true,
             original: {
@@ -295,7 +295,7 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#ffffff29",
+              $value: "#ffffff26",
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
@@ -426,7 +426,7 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#ffffff29",
+              $value: "#ffffff26",
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
@@ -559,7 +559,7 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#ffffff29",
+              $value: "#ffffff26",
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {

package/js/umd/frozenproduct/large/dark/components/popover.js

@@ -653,7 +653,7 @@
         },
         "bg-activealt": {
           $type: "color",
-          $value: "#ffffff14",
+          $value: "#ffffff1a",
           $description: "REF'D IN FORM. ",
           filePath: "data/tokens/components/popover.json",
           isSource: true,
@@ -683,7 +683,7 @@
         },
         "bg-hover": {
           $type: "color",
-          $value: "#ffffff14",
+          $value: "#ffffff1a",
           $description: "REF'D IN FORM. ",
           filePath: "data/tokens/components/popover.json",
           isSource: true,

package/js/umd/frozenproduct/large/dark/components/progress.js

@@ -134,6 +134,21 @@
           },
         },
         spinner: {
+          XXS: {
+            $type: "sizing",
+            $value: 16,
+            $description: "Loader ring for XXS size loader spinners",
+            filePath: "data/tokens/components/progress.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{global.size.macro.XXS}",
+              $description: "Loader ring for XXS size loader spinners",
+            },
+            name: "progressSizeSpinnerXxs",
+            attributes: {},
+            path: ["progress", "size", "spinner", "XXS"],
+          },
           XS: {
             $type: "sizing",
             $value: 20,
@@ -634,12 +649,12 @@
         datavis: {
           "fg-default": {
             $type: "color",
-            $value: "#008a89",
+            $value: "#008A89",
             filePath: "data/tokens/components/progress.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.status.generic.default}",
+              $value: "{modes.color.status.custom.teal.default}",
             },
             name: "progressColorDatavisFgDefault",
             attributes: {},