@sage/design-tokens 15.2.0 → 15.2.2

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

@@ -2693,11 +2693,11 @@ module.exports = {
           "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: {},
@@ -2734,11 +2734,11 @@ module.exports = {
           "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: {},
@@ -2747,11 +2747,11 @@ module.exports = {
           "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: {},
@@ -2997,12 +2997,12 @@ module.exports = {
         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: {},
@@ -3023,12 +3023,12 @@ module.exports = {
           },
           "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: {},
@@ -3037,11 +3037,11 @@ module.exports = {
           "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: {},
@@ -3068,12 +3068,12 @@ module.exports = {
           },
           "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: {},
@@ -3082,11 +3082,11 @@ module.exports = {
           "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: {},
@@ -3094,12 +3094,12 @@ module.exports = {
           },
           "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: {},
@@ -3120,12 +3120,12 @@ module.exports = {
           },
           "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: {},
@@ -3133,12 +3133,13 @@ module.exports = {
           },
           "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: {},
@@ -3372,12 +3373,12 @@ module.exports = {
         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: {},
@@ -3386,11 +3387,11 @@ module.exports = {
           "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: {},
@@ -3398,12 +3399,12 @@ module.exports = {
           },
           "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: {},
@@ -3412,11 +3413,11 @@ module.exports = {
           "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: {},
@@ -3424,12 +3425,12 @@ module.exports = {
           },
           "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: {},
@@ -3437,12 +3438,12 @@ module.exports = {
           },
           "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: {},
@@ -3450,12 +3451,12 @@ module.exports = {
           },
           "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: {},
@@ -3463,12 +3464,12 @@ module.exports = {
           },
           "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: {},
@@ -3489,12 +3490,12 @@ module.exports = {
           },
           "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: {},
@@ -3502,12 +3503,13 @@ module.exports = {
           },
           "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: {},
@@ -3742,11 +3744,11 @@ module.exports = {
           "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: {},
@@ -3755,11 +3757,11 @@ module.exports = {
           "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: {},
@@ -3768,11 +3770,11 @@ module.exports = {
           "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: {},
@@ -3794,11 +3796,11 @@ module.exports = {
           "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: {},
@@ -3807,11 +3809,11 @@ module.exports = {
           "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: {},
@@ -3979,11 +3981,11 @@ module.exports = {
           "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: {},
@@ -3992,11 +3994,11 @@ module.exports = {
           "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: {},
@@ -4004,12 +4006,12 @@ module.exports = {
           },
           "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: {},
@@ -4031,11 +4033,11 @@ module.exports = {
           "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: {},
@@ -4057,11 +4059,11 @@ module.exports = {
           "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: {},
@@ -4070,11 +4072,11 @@ module.exports = {
           "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/common/frozenproduct/large/dark/components/container.js

@@ -89,11 +89,11 @@ module.exports = {
         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: {},
@@ -430,13 +430,11 @@ module.exports = {
           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: {},
@@ -1914,13 +1912,13 @@ module.exports = {
       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",
@@ -1929,13 +1927,13 @@ module.exports = {
         },
         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",
@@ -1944,13 +1942,13 @@ module.exports = {
         },
         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",
@@ -1961,13 +1959,13 @@ module.exports = {
       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",
@@ -1976,13 +1974,13 @@ module.exports = {
         },
         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",
@@ -1991,13 +1989,13 @@ module.exports = {
         },
         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",
@@ -2008,13 +2006,13 @@ module.exports = {
       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",
@@ -2023,13 +2021,13 @@ module.exports = {
         },
         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",
@@ -2038,12 +2036,12 @@ module.exports = {
         },
         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: {},