@sage/design-tokens 15.2.0 → 15.2.2

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

@@ -97,14 +97,12 @@ module.exports = {
         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: {},
@@ -112,12 +110,12 @@ module.exports = {
           },
           "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: {},
@@ -180,12 +178,12 @@ module.exports = {
       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: {},
@@ -193,12 +191,12 @@ module.exports = {
         },
         "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: {},
@@ -219,14 +217,12 @@ module.exports = {
         },
         "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: {},
@@ -264,12 +260,12 @@ module.exports = {
         },
         "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: {},
@@ -290,12 +286,12 @@ module.exports = {
         },
         "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: {},
@@ -303,12 +299,12 @@ module.exports = {
         },
         "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/common/product/large/dark/components/form.js

@@ -3469,13 +3469,13 @@ module.exports = {
         },
         "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/common/product/large/light/components/form.js

@@ -3469,13 +3469,13 @@ module.exports = {
         },
         "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/common/product/small/dark/components/button.js

@@ -313,7 +313,7 @@ module.exports = {
               },
               L: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "Outer buttons, outer sides. ",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
@@ -343,7 +343,7 @@ module.exports = {
           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",
@@ -360,7 +360,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Right padding on FAB child container ",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -379,7 +379,7 @@ module.exports = {
           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,
@@ -413,7 +413,7 @@ module.exports = {
           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,
@@ -433,7 +433,7 @@ module.exports = {
         x: {
           XS: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "XS left and right padding",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -448,7 +448,7 @@ module.exports = {
           },
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Small left and right padding",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -463,7 +463,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Medium left and right padding",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -478,7 +478,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "Large left and right padding",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -495,7 +495,7 @@ module.exports = {
         y: {
           XS: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "XS top and bottom padding",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -510,7 +510,7 @@ module.exports = {
           },
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Small top bottom padding",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -525,7 +525,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Medium top bottom padding",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -540,7 +540,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "Large top bottom padding",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -557,7 +557,7 @@ module.exports = {
         xg: {
           S: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Horizontal spacing between small buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -587,7 +587,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Horizontal spacing between Large buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -604,7 +604,7 @@ module.exports = {
         yg: {
           S: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Vertical spacing between small buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -634,7 +634,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Vertical spacing between Large buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -653,7 +653,7 @@ module.exports = {
         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,
@@ -668,7 +668,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Left and right padding on medium buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -683,7 +683,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 16,
+            $value: 20,
             $description: "Left and right padding on large buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -700,7 +700,7 @@ module.exports = {
         xg: {
           S: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Item spacing inside buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -715,7 +715,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Item spacing inside buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -730,7 +730,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Item spacing inside buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -904,7 +904,7 @@ module.exports = {
         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,
@@ -934,7 +934,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Left and right padding on medium buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -949,7 +949,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 16,
+            $value: 20,
             $description: "Left and right padding on large buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -966,7 +966,7 @@ module.exports = {
         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,
@@ -1043,7 +1043,7 @@ module.exports = {
           },
           S: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Item spacing inside buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1058,7 +1058,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Item spacing inside buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1073,7 +1073,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Item spacing inside buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1234,7 +1234,7 @@ module.exports = {
         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,
@@ -1296,7 +1296,7 @@ module.exports = {
         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,
@@ -1311,7 +1311,7 @@ module.exports = {
           },
           S: {
             $type: "spacing",
-            $value: 9.6,
+            $value: 12,
             $description: "Left and right padding on small buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1326,7 +1326,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Left and right padding on medium buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1341,7 +1341,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 16,
+            $value: 20,
             $description: "Left and right padding on large buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1373,7 +1373,7 @@ module.exports = {
           },
           S: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Item spacing inside buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1388,7 +1388,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Item spacing inside buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1403,7 +1403,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "Item spacing inside buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1564,7 +1564,7 @@ module.exports = {
         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,
@@ -1626,7 +1626,7 @@ module.exports = {
         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,
@@ -1641,7 +1641,7 @@ module.exports = {
           },
           S: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "left and right padding on subtle buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1656,7 +1656,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "left and right padding on subtle buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1671,7 +1671,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "left and right padding on subtle buttons",
             filePath: "data/tokens/components/button.json",
             isSource: true,
@@ -1895,7 +1895,7 @@ module.exports = {
           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",
@@ -1912,7 +1912,7 @@ module.exports = {
             },
             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,
@@ -1927,7 +1927,7 @@ module.exports = {
             },
             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,
@@ -1942,7 +1942,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description: "Left and right padding on buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1959,7 +1959,7 @@ module.exports = {
           xg: {
             S: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside toggle buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1974,7 +1974,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside toggle buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -1989,7 +1989,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "Item spacing inside toggle buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
@@ -2006,7 +2006,7 @@ module.exports = {
           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,