@sage/design-tokens 15.2.0 → 15.2.1

package/js/umd/frozenproduct/small/light/components/table.js

@@ -108,14 +108,13 @@
           harsh: {
             "bg-alt": {
               $type: "color",
-              $value: "#000000e6",
-              $description: "header alt",
-              filePath: "data/tokens/components/table.json",
+              $value: "#476a7d",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.default}",
-                $description: "header alt",
+                $value:
+                  "{modes.color.interactive.monochrome.frozen.defaultAlt}",
               },
               name: "tableColorHeaderHarshBgAlt",
               attributes: {},
@@ -123,12 +122,12 @@
             },
             "bg-default": {
               $type: "color",
-              $value: "#000000ab",
-              filePath: "data/tokens/components/table.json",
+              $value: "#335B70",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.defaultAlt}",
+                $value: "{modes.color.interactive.monochrome.frozen.default}",
               },
               name: "tableColorHeaderHarshBgDefault",
               attributes: {},
@@ -191,12 +190,12 @@
         row: {
           "bg-activated": {
             $type: "color",
-            $value: "#00811F",
-            filePath: "data/tokens/components/table.json",
+            $value: "#9badb8",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.primary.default}",
+              $value: "{modes.color.interactive.primary.frozen.table.default}",
             },
             name: "tableColorRowBgActivated",
             attributes: {},
@@ -204,12 +203,12 @@
           },
           "bg-active": {
             $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/table.json",
+            $value: "#22374326",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.active}",
+              $value: "{modes.color.interactive.monochrome.frozen.activeAlt}",
             },
             name: "tableColorRowBgActive",
             attributes: {},
@@ -230,14 +229,12 @@
           },
           "bg-alt": {
             $type: "color",
-            $value: "#e8e8e8",
-            $description: "Zebra stripes",
-            filePath: "data/tokens/components/table.json",
+            $value: "#fbfbfc",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.delicate}",
-              $description: "Zebra stripes",
+              $value: "{modes.color.generic.bg.frozen.delicate}",
             },
             name: "tableColorRowBgAlt",
             attributes: {},
@@ -275,12 +272,12 @@
           },
           "bg-hover": {
             $type: "color",
-            $value: "#dedede",
-            filePath: "data/tokens/components/table.json",
+            $value: "#f2f4f6",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.soft}",
+              $value: "{modes.color.generic.bg.frozen.soft}",
             },
             name: "tableColorRowBgHover",
             attributes: {},
@@ -301,12 +298,12 @@
           },
           "label-activated": {
             $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/table.json",
+            $value: "#000000",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.withActive}",
+              $value: "{modes.color.interactive.monochrome.withActiveAlt}",
             },
             name: "tableColorRowLabelActivated",
             attributes: {},
@@ -314,12 +311,12 @@
           },
           "label-active": {
             $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/table.json",
+            $value: "#000000",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.withActive}",
+              $value: "{modes.color.interactive.monochrome.withActiveAlt}",
             },
             name: "tableColorRowLabelActive",
             attributes: {},

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

@@ -3487,13 +3487,13 @@
           },
           "label-subtext": {
             $type: "color",
-            $value: "#ffffff6b",
+            $value: "#ffffff8c",
             $description: "Option subtext.",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.defaultAlt3}",
+              $value: "{modes.color.interactive.monochrome.defaultAlt2}",
               $description: "Option subtext.",
             },
             name: "formColorDropdownLabelSubtext",

package/js/umd/product/large/light/components/form.js

@@ -3487,13 +3487,13 @@
           },
           "label-subtext": {
             $type: "color",
-            $value: "#0000006b",
+            $value: "#0000008c",
             $description: "Option subtext.",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.defaultAlt3}",
+              $value: "{modes.color.interactive.monochrome.defaultAlt2}",
               $description: "Option subtext.",
             },
             name: "formColorDropdownLabelSubtext",

package/js/umd/product/small/dark/components/button.js

@@ -324,7 +324,7 @@
                 },
                 L: {
                   $type: "spacing",
-                  $value: 16,
+                  $value: 20,
                   $description: "Outer buttons, outer sides. ",
                   filePath: "data/tokens/components/button.json",
                   isSource: true,
@@ -354,7 +354,7 @@
             x: {
               M: {
                 $type: "spacing",
-                $value: 6.4,
+                $value: 8,
                 $description:
                   "Left padding on FAB child container and text within FAB single ",
                 filePath: "data/tokens/components/button.json",
@@ -371,7 +371,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description: "Right padding on FAB child container ",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -390,7 +390,7 @@
             x: {
               M: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description: "Left and right padding on FAB parent container ",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -425,7 +425,7 @@
             y: {
               M: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description: "Top and bottom padding on FAB parent container ",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -446,7 +446,7 @@
           x: {
             XS: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "XS left and right padding",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -461,7 +461,7 @@
             },
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Small left and right padding",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -476,7 +476,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "Medium left and right padding",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -491,7 +491,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 25.6,
+              $value: 32,
               $description: "Large left and right padding",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -508,7 +508,7 @@
           y: {
             XS: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "XS top and bottom padding",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -523,7 +523,7 @@
             },
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Small top bottom padding",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -538,7 +538,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "Medium top bottom padding",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -553,7 +553,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 25.6,
+              $value: 32,
               $description: "Large top bottom padding",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -570,7 +570,7 @@
           xg: {
             S: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Horizontal spacing between small buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -600,7 +600,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Horizontal spacing between Large buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -617,7 +617,7 @@
           yg: {
             S: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Vertical spacing between small buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -647,7 +647,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Vertical spacing between Large buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -666,7 +666,7 @@
           x: {
             S: {
               $type: "spacing",
-              $value: 9.6,
+              $value: 12,
               $description: "Left and right padding on small buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -681,7 +681,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left and right padding on medium buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -696,7 +696,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description: "Left and right padding on large buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -713,7 +713,7 @@
           xg: {
             S: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -728,7 +728,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -743,7 +743,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -917,7 +917,7 @@
           x: {
             XS: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Left and right padding on XS table buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -947,7 +947,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left and right padding on medium buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -962,7 +962,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description: "Left and right padding on large buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -979,7 +979,7 @@
           y: {
             XS: {
               $type: "spacing",
-              $value: 1.1,
+              $value: 1.5,
               $description: "top and bottom padding on XS table buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1056,7 +1056,7 @@
             },
             S: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1071,7 +1071,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1086,7 +1086,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1247,7 +1247,7 @@
           y: {
             XS: {
               $type: "spacing",
-              $value: 1.1,
+              $value: 1.5,
               $description: "top and bottom padding on XS table buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1309,7 +1309,7 @@
           x: {
             XS: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Left and right padding on XS table buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1324,7 +1324,7 @@
             },
             S: {
               $type: "spacing",
-              $value: 9.6,
+              $value: 12,
               $description: "Left and right padding on small buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1339,7 +1339,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left and right padding on medium buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1354,7 +1354,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description: "Left and right padding on large buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1386,7 +1386,7 @@
             },
             S: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1401,7 +1401,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1416,7 +1416,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1577,7 +1577,7 @@
           y: {
             XS: {
               $type: "spacing",
-              $value: 1.1,
+              $value: 1.5,
               $description: "top and bottom padding on XS table buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1639,7 +1639,7 @@
           x: {
             XS: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Left and right padding on XS table buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1654,7 +1654,7 @@
             },
             S: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "left and right padding on subtle buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1669,7 +1669,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "left and right padding on subtle buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1684,7 +1684,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "left and right padding on subtle buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1908,7 +1908,7 @@
             x: {
               XS: {
                 $type: "spacing",
-                $value: 6.4,
+                $value: 8,
                 $description:
                   "Left and right padding on XS asset used within S toggle group",
                 filePath: "data/tokens/components/button.json",
@@ -1925,7 +1925,7 @@
               },
               S: {
                 $type: "spacing",
-                $value: 9.6,
+                $value: 12,
                 $description: "Left and right padding on S toggle buttons",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -1940,7 +1940,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description: "Left and right padding on medium toggle buttons",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -1956,7 +1956,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "Left and right padding on buttons",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -1973,7 +1973,7 @@
             xg: {
               S: {
                 $type: "spacing",
-                $value: 6.4,
+                $value: 8,
                 $description: "Item spacing inside toggle buttons",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -1988,7 +1988,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 6.4,
+                $value: 8,
                 $description: "Item spacing inside toggle buttons",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -2003,7 +2003,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 6.4,
+                $value: 8,
                 $description: "Item spacing inside toggle buttons",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -2020,7 +2020,7 @@
             y: {
               XS: {
                 $type: "spacing",
-                $value: 1.1,
+                $value: 1.5,
                 $description: "Top and bottom padding on toggle buttons ",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,