@sage/design-tokens 15.2.0 → 15.2.2

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

@@ -2722,11 +2722,11 @@
             "bg-active": {
               $type: "color",
               $value: "#7ce47a",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.active}",
+                $value: "{modes.color.interactive.primary.frozen.active}",
               },
               name: "buttonColorTypicalPrimaryBgActive",
               attributes: {},
@@ -2763,11 +2763,11 @@
             "bg-enabled": {
               $type: "color",
               $value: "#00D639",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.default}",
+                $value: "{modes.color.interactive.primary.frozen.default}",
               },
               name: "buttonColorTypicalPrimaryBgEnabled",
               attributes: {},
@@ -2776,11 +2776,11 @@
             "bg-hover": {
               $type: "color",
               $value: "#55dd5b",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.hover}",
+                $value: "{modes.color.interactive.primary.frozen.hover}",
               },
               name: "buttonColorTypicalPrimaryBgHover",
               attributes: {},
@@ -3031,12 +3031,12 @@
           secondary: {
             "bg-active": {
               $type: "color",
-              $value: "#00d6394d",
-              filePath: "data/tokens/components/button.json",
+              $value: "#7ce47a",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.activeAlt}",
+                $value: "{modes.color.interactive.primary.frozen.active}",
               },
               name: "buttonColorTypicalSecondaryBgActive",
               attributes: {},
@@ -3057,12 +3057,12 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#00d6391a",
-              filePath: "data/tokens/components/button.json",
+              $value: "#55dd5b",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.hoverAlt}",
+                $value: "{modes.color.interactive.primary.frozen.hover}",
               },
               name: "buttonColorTypicalSecondaryBgHover",
               attributes: {},
@@ -3071,11 +3071,11 @@
             "border-active": {
               $type: "color",
               $value: "#7ce47a",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.active}",
+                $value: "{modes.color.interactive.primary.frozen.active}",
               },
               name: "buttonColorTypicalSecondaryBorderActive",
               attributes: {},
@@ -3108,12 +3108,12 @@
             },
             "border-enabled": {
               $type: "color",
-              $value: "#00d639cc",
-              filePath: "data/tokens/components/button.json",
+              $value: "#00D639",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.defaultAlt}",
+                $value: "{modes.color.interactive.primary.frozen.default}",
               },
               name: "buttonColorTypicalSecondaryBorderEnabled",
               attributes: {},
@@ -3128,11 +3128,11 @@
             "border-hover": {
               $type: "color",
               $value: "#55dd5b",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.hover}",
+                $value: "{modes.color.interactive.primary.frozen.hover}",
               },
               name: "buttonColorTypicalSecondaryBorderHover",
               attributes: {},
@@ -3140,12 +3140,13 @@
             },
             "label-active": {
               $type: "color",
-              $value: "#FFFFFF",
-              filePath: "data/tokens/components/button.json",
+              $value: "#000000",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.withActiveAlt}",
+                $value:
+                  "{modes.color.interactive.monochrome.frozen.withActive}",
               },
               name: "buttonColorTypicalSecondaryLabelActive",
               attributes: {},
@@ -3172,12 +3173,12 @@
             },
             "label-enabled": {
               $type: "color",
-              $value: "#ffffffe6",
-              filePath: "data/tokens/components/button.json",
+              $value: "#00D639",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.default}",
+                $value: "{modes.color.interactive.primary.frozen.default}",
               },
               name: "buttonColorTypicalSecondaryLabelEnabled",
               attributes: {},
@@ -3191,12 +3192,13 @@
             },
             "label-hover": {
               $type: "color",
-              $value: "#FFFFFF",
-              filePath: "data/tokens/components/button.json",
+              $value: "#000000",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.withHover}",
+                $value:
+                  "{modes.color.interactive.monochrome.frozen.withHoverAlt}",
               },
               name: "buttonColorTypicalSecondaryLabelHover",
               attributes: {},
@@ -3433,12 +3435,12 @@
           tertiary: {
             "bg-active": {
               $type: "color",
-              $value: "#00d6394d",
-              filePath: "data/tokens/components/button.json",
+              $value: "#7ce47a",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.activeAlt}",
+                $value: "{modes.color.interactive.primary.frozen.active}",
               },
               name: "buttonColorTypicalTertiaryBgActive",
               attributes: {},
@@ -3447,11 +3449,11 @@
             "bg-enabled": {
               $type: "color",
               $value: "#fff0",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{button.color.none}",
+                $value: "{modes.color.none}",
               },
               name: "buttonColorTypicalTertiaryBgEnabled",
               attributes: {},
@@ -3459,12 +3461,12 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#00d6391a",
-              filePath: "data/tokens/components/button.json",
+              $value: "#55dd5b",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.hoverAlt}",
+                $value: "{modes.color.interactive.primary.frozen.hover}",
               },
               name: "buttonColorTypicalTertiaryBgHover",
               attributes: {},
@@ -3473,11 +3475,11 @@
             "border-active": {
               $type: "color",
               $value: "#7ce47a",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.active}",
+                $value: "{modes.color.interactive.primary.frozen.active}",
               },
               name: "buttonColorTypicalTertiaryBorderActive",
               attributes: {},
@@ -3485,12 +3487,12 @@
             },
             "border-disabled": {
               $type: "color",
-              $value: "#4b4b4b",
-              filePath: "data/tokens/components/button.json",
+              $value: "#fff0",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.inactive.default}",
+                $value: "{modes.color.none}",
               },
               name: "buttonColorTypicalTertiaryBorderDisabled",
               attributes: {},
@@ -3504,12 +3506,12 @@
             },
             "border-enabled": {
               $type: "color",
-              $value: "#00d639cc",
-              filePath: "data/tokens/components/button.json",
+              $value: "#fff0",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.defaultAlt}",
+                $value: "{modes.color.none}",
               },
               name: "buttonColorTypicalTertiaryBorderEnabled",
               attributes: {},
@@ -3523,12 +3525,12 @@
             },
             "border-hover": {
               $type: "color",
-              $value: "#55dd5b",
-              filePath: "data/tokens/components/button.json",
+              $value: "#fff0",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.hover}",
+                $value: "{modes.color.none}",
               },
               name: "buttonColorTypicalTertiaryBorderHover",
               attributes: {},
@@ -3536,12 +3538,13 @@
             },
             "label-active": {
               $type: "color",
-              $value: "#FFFFFF",
-              filePath: "data/tokens/components/button.json",
+              $value: "#000000",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.withActiveAlt}",
+                $value:
+                  "{modes.color.interactive.monochrome.frozen.withActive}",
               },
               name: "buttonColorTypicalTertiaryLabelActive",
               attributes: {},
@@ -3568,12 +3571,12 @@
             },
             "label-enabled": {
               $type: "color",
-              $value: "#ffffffe6",
-              filePath: "data/tokens/components/button.json",
+              $value: "#00D639",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.default}",
+                $value: "{modes.color.interactive.primary.frozen.default}",
               },
               name: "buttonColorTypicalTertiaryLabelEnabled",
               attributes: {},
@@ -3581,12 +3584,13 @@
             },
             "label-hover": {
               $type: "color",
-              $value: "#FFFFFF",
-              filePath: "data/tokens/components/button.json",
+              $value: "#000000",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.withHover}",
+                $value:
+                  "{modes.color.interactive.monochrome.frozen.withHoverAlt}",
               },
               name: "buttonColorTypicalTertiaryLabelHover",
               attributes: {},
@@ -3823,11 +3827,11 @@
             "bg-active": {
               $type: "color",
               $value: "#ffffff26",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.activeAlt}",
+                $value: "{modes.color.interactive.monochrome.frozen.activeAlt}",
               },
               name: "buttonColorTypicalSubtleBgActive",
               attributes: {},
@@ -3836,11 +3840,11 @@
             "bg-hover": {
               $type: "color",
               $value: "#ffffff1a",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.hoverAlt}",
+                $value: "{modes.color.interactive.monochrome.frozen.hoverAlt}",
               },
               name: "buttonColorTypicalSubtleBgHover",
               attributes: {},
@@ -3849,11 +3853,11 @@
             "label-active": {
               $type: "color",
               $value: "#FFFFFF",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.withActiveAlt}",
+                $value: "{modes.color.interactive.monochrome.frozen.active}",
               },
               name: "buttonColorTypicalSubtleLabelActive",
               attributes: {},
@@ -3875,11 +3879,11 @@
             "label-enabled": {
               $type: "color",
               $value: "#ffffffe6",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.default}",
+                $value: "{modes.color.interactive.monochrome.frozen.default}",
               },
               name: "buttonColorTypicalSubtleLabelEnabled",
               attributes: {},
@@ -3888,11 +3892,11 @@
             "label-hover": {
               $type: "color",
               $value: "#FFFFFF",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.withHover}",
+                $value: "{modes.color.interactive.monochrome.frozen.withHover}",
               },
               name: "buttonColorTypicalSubtleLabelHover",
               attributes: {},
@@ -4068,11 +4072,11 @@
             "bg-active": {
               $type: "color",
               $value: "#FFFFFF",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.active}",
+                $value: "{modes.color.interactive.monochrome.frozen.active}",
               },
               name: "buttonColorTypicalToggleBgActive",
               attributes: {},
@@ -4081,11 +4085,11 @@
             "bg-hover": {
               $type: "color",
               $value: "#ffffff1a",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.hoverAlt}",
+                $value: "{modes.color.interactive.monochrome.frozen.hoverAlt}",
               },
               name: "buttonColorTypicalToggleBgHover",
               attributes: {},
@@ -4093,12 +4097,13 @@
             },
             "border-enabled": {
               $type: "color",
-              $value: "#ffffffe6",
-              filePath: "data/tokens/components/button.json",
+              $value: "#777",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.default}",
+                $value:
+                  "{modes.color.interactive.dataEntry.frozen.withDefault}",
               },
               name: "buttonColorTypicalToggleBorderEnabled",
               attributes: {},
@@ -4120,11 +4125,12 @@
             "label-active": {
               $type: "color",
               $value: "#000000",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.withActive}",
+                $value:
+                  "{modes.color.interactive.monochrome.frozen.withActive}",
               },
               name: "buttonColorTypicalToggleLabelActive",
               attributes: {},
@@ -4146,11 +4152,12 @@
             "label-enabled": {
               $type: "color",
               $value: "#ffffffab",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.defaultAlt}",
+                $value:
+                  "{modes.color.interactive.monochrome.frozen.defaultAlt}",
               },
               name: "buttonColorTypicalToggleLabelEnabled",
               attributes: {},
@@ -4159,11 +4166,11 @@
             "label-hover": {
               $type: "color",
               $value: "#FFFFFF",
-              filePath: "data/tokens/components/button.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.monochrome.withHover}",
+                $value: "{modes.color.interactive.monochrome.frozen.withHover}",
               },
               name: "buttonColorTypicalToggleLabelHover",
               attributes: {},

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

@@ -106,11 +106,11 @@
           border: {
             $type: "color",
             $value: "#00D639",
-            filePath: "data/tokens/components/container.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.primary.default}",
+              $value: "{modes.color.interactive.primary.frozen.default}",
             },
             name: "containerColorBlockquoteBorder",
             attributes: {},
@@ -452,13 +452,11 @@
             bg: {
               $type: "color",
               $value: "#00D639",
-              $description: " ",
-              filePath: "data/tokens/components/container.json",
+              filePath: "data/tokens/context/frozenproduct.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.custom.default}",
-                $description: " ",
+                $value: "{modes.color.custom.frozen}",
               },
               name: "containerColorInteractiveDetailediconBg",
               attributes: {},
@@ -1981,13 +1979,13 @@
         card: {
           moderate: {
             $type: "borderRadius",
-            $value: 16,
+            $value: 8,
             $description: "Card (less rounded)",
-            filePath: "data/tokens/components/container.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "borderRadius",
-              $value: "{global.radius.container.L}",
+              $value: "{global.radius.container.M}",
               $description: "Card (less rounded)",
             },
             name: "containerRadiusCardModerate",
@@ -1996,13 +1994,13 @@
           },
           curved: {
             $type: "borderRadius",
-            $value: 24,
+            $value: 16,
             $description: "Card (more rounded)",
-            filePath: "data/tokens/components/container.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "borderRadius",
-              $value: "{global.radius.container.XL}",
+              $value: "{global.radius.container.L}",
               $description: "Card (more rounded)",
             },
             name: "containerRadiusCardCurved",
@@ -2011,13 +2009,13 @@
           },
           sweeping: {
             $type: "borderRadius",
-            $value: 32,
+            $value: 24,
             $description: "Card largest rounded type",
-            filePath: "data/tokens/components/container.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "borderRadius",
-              $value: "{global.radius.container.XXL}",
+              $value: "{global.radius.container.XL}",
               $description: "Card largest rounded type",
             },
             name: "containerRadiusCardSweeping",
@@ -2028,13 +2026,13 @@
         tile: {
           moderate: {
             $type: "borderRadius",
-            $value: 16,
+            $value: 8,
             $description: "Tile (less rounded)",
-            filePath: "data/tokens/components/container.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "borderRadius",
-              $value: "{global.radius.container.L}",
+              $value: "{global.radius.container.M}",
               $description: "Tile (less rounded)",
             },
             name: "containerRadiusTileModerate",
@@ -2043,13 +2041,13 @@
           },
           curved: {
             $type: "borderRadius",
-            $value: 24,
+            $value: 16,
             $description: "Tile (more rounded)",
-            filePath: "data/tokens/components/container.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "borderRadius",
-              $value: "{global.radius.container.XL}",
+              $value: "{global.radius.container.L}",
               $description: "Tile (more rounded)",
             },
             name: "containerRadiusTileCurved",
@@ -2058,13 +2056,13 @@
           },
           sweeping: {
             $type: "borderRadius",
-            $value: 32,
+            $value: 24,
             $description: "Tile largest roundedness ",
-            filePath: "data/tokens/components/container.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "borderRadius",
-              $value: "{global.radius.container.XXL}",
+              $value: "{global.radius.container.XL}",
               $description: "Tile largest roundedness ",
             },
             name: "containerRadiusTileSweeping",
@@ -2075,13 +2073,13 @@
         tileselect: {
           moderate: {
             $type: "borderRadius",
-            $value: 16,
+            $value: 8,
             $description: "Tile (less rounded)",
-            filePath: "data/tokens/components/container.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "borderRadius",
-              $value: "{global.radius.container.L}",
+              $value: "{global.radius.container.M}",
               $description: "Tile (less rounded)",
             },
             name: "containerRadiusTileselectModerate",
@@ -2090,13 +2088,13 @@
           },
           curved: {
             $type: "borderRadius",
-            $value: 24,
+            $value: 16,
             $description: "Tile (more rounded)",
-            filePath: "data/tokens/components/container.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "borderRadius",
-              $value: "{global.radius.container.XL}",
+              $value: "{global.radius.container.L}",
               $description: "Tile (more rounded)",
             },
             name: "containerRadiusTileselectCurved",
@@ -2105,12 +2103,12 @@
           },
           sweeping: {
             $type: "borderRadius",
-            $value: 32,
-            filePath: "data/tokens/components/container.json",
+            $value: 24,
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "borderRadius",
-              $value: "{global.radius.container.XXL}",
+              $value: "{global.radius.container.XL}",
             },
             name: "containerRadiusTileselectSweeping",
             attributes: {},