@sage/design-tokens 15.2.0 → 15.2.1

package/js/common/frozenproduct/small/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: {},

package/js/common/frozenproduct/small/dark/components/form.js

@@ -3230,11 +3230,11 @@ module.exports = {
         "bg-active": {
           $type: "color",
           $value: "#FFFFFF",
-          filePath: "data/tokens/components/form.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: "formColorCalendarBgActive",
           attributes: {},
@@ -3255,12 +3255,12 @@ module.exports = {
         },
         "bg-duration": {
           $type: "color",
-          $value: "#1b1b1b",
-          filePath: "data/tokens/components/form.json",
+          $value: "#0e0e0e",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.dataEntry.hoverAlt}",
+            $value: "{modes.color.interactive.inactive.frozen.defaultAlt}",
           },
           name: "formColorCalendarBgDuration",
           attributes: {},
@@ -3282,11 +3282,11 @@ module.exports = {
         "border-duration": {
           $type: "color",
           $value: "#FFFFFF",
-          filePath: "data/tokens/components/form.json",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.active}",
+            $value: "{form.color.calendar.bg-active}",
           },
           name: "formColorCalendarBorderDuration",
           attributes: {},
@@ -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",
@@ -3651,11 +3651,11 @@ module.exports = {
         "border-enabled": {
           $type: "color",
           $value: "#777",
-          filePath: "data/tokens/components/form.json",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.dataEntry.withDefault}",
+            $value: "{modes.color.interactive.dataEntry.frozen.withDefault}",
           },
           name: "formColorTypicalBorderEnabled",
           attributes: {},
@@ -3899,12 +3899,12 @@ module.exports = {
       switch: {
         "bg-active": {
           $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/form.json",
+          $value: "#ffffffe6",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.active}",
+            $value: "{modes.color.interactive.monochrome.frozen.default}",
           },
           name: "formColorSwitchBgActive",
           attributes: {},
@@ -3994,12 +3994,12 @@ module.exports = {
         },
         "border-enabled": {
           $type: "color",
-          $value: "#ffffff80",
-          filePath: "data/tokens/components/form.json",
+          $value: "#777",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+            $value: "{modes.color.interactive.dataEntry.frozen.withDefault}",
           },
           name: "formColorSwitchBorderEnabled",
           attributes: {},
@@ -4046,12 +4046,12 @@ module.exports = {
         },
         "fg-enabled": {
           $type: "color",
-          $value: "#ffffff80",
-          filePath: "data/tokens/components/form.json",
+          $value: "#777",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+            $value: "{modes.color.interactive.dataEntry.frozen.withDefault}",
           },
           name: "formColorSwitchFgEnabled",
           attributes: {},
@@ -4226,13 +4226,13 @@ module.exports = {
       },
       checkbox: {
         $type: "borderRadius",
-        $value: 4,
+        $value: 2,
         $description: "S and M checkbox",
-        filePath: "data/tokens/components/form.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "borderRadius",
-          $value: "{global.radius.interactive.S}",
+          $value: "{global.radius.interactive.XS}",
           $description: "S and M checkbox",
         },
         name: "formRadiusCheckbox",
@@ -4243,7 +4243,7 @@ module.exports = {
         $type: "borderRadius",
         $value: 4,
         $description: "AI text editor footer",
-        filePath: "data/tokens/components/form.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "borderRadius",
@@ -4256,14 +4256,14 @@ module.exports = {
       },
       colorpicker: {
         $type: "borderRadius",
-        $value: "999",
-        $description: "Color picker (swatch container),  ",
-        filePath: "data/tokens/components/form.json",
+        $value: 16,
+        $description: "Color picker (swatch container)",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "borderRadius",
-          $value: "{global.radius.circle}",
-          $description: "Color picker (swatch container),  ",
+          $value: "{global.radius.interactive.L}",
+          $description: "Color picker (swatch container)",
         },
         name: "formRadiusColorpicker",
         attributes: {},
@@ -4273,7 +4273,7 @@ module.exports = {
         $type: "borderRadius",
         $value: 8,
         $description: "REF POPOVER. Popover container.",
-        filePath: "data/tokens/components/form.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "borderRadius",
@@ -4286,13 +4286,13 @@ module.exports = {
       },
       fileupload: {
         $type: "borderRadius",
-        $value: 8,
+        $value: 4,
         $description: "File input (file uploads)",
-        filePath: "data/tokens/components/form.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "borderRadius",
-          $value: "{global.radius.container.M}",
+          $value: "{global.radius.interactive.S}",
           $description: "File input (file uploads)",
         },
         name: "formRadiusFileupload",
@@ -4301,13 +4301,13 @@ module.exports = {
       },
       fileselector: {
         $type: "borderRadius",
-        $value: 8,
+        $value: 4,
         $description: "File preview (file selector asset)",
-        filePath: "data/tokens/components/form.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "borderRadius",
-          $value: "{global.radius.container.M}",
+          $value: "{global.radius.interactive.S}",
           $description: "File preview (file selector asset)",
         },
         name: "formRadiusFileselector",
@@ -4316,14 +4316,14 @@ module.exports = {
       },
       input: {
         $type: "borderRadius",
-        $value: 8,
+        $value: 4,
         $description:
           "Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input",
-        filePath: "data/tokens/components/form.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "borderRadius",
-          $value: "{global.radius.interactive.M}",
+          $value: "{global.radius.interactive.S}",
           $description:
             "Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input",
         },
@@ -4363,13 +4363,13 @@ module.exports = {
       },
       validationbar: {
         $type: "borderRadius",
-        $value: 2,
+        $value: 1,
         $description: "Validation bar",
-        filePath: "data/tokens/components/form.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "borderRadius",
-          $value: "{global.radius.interactive.XS}",
+          $value: "{global.radius.interactive.XXS}",
           $description: "Validation bar",
         },
         name: "formRadiusValidationbar",

package/js/common/frozenproduct/small/dark/components/link.js

@@ -73,11 +73,11 @@ module.exports = {
         "label-default": {
           $type: "color",
           $value: "#4cdc55",
-          filePath: "data/tokens/components/link.json",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.primary.defaultAlt2}",
+            $value: "{modes.color.interactive.primary.frozen.defaultAlt}",
           },
           name: "linkColorTypicalLabelDefault",
           attributes: {},
@@ -86,11 +86,11 @@ module.exports = {
         "label-hover": {
           $type: "color",
           $value: "#71e270",
-          filePath: "data/tokens/components/link.json",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.primary.hoverAlt2}",
+            $value: "{modes.color.interactive.primary.frozen.hoverAlt}",
           },
           name: "linkColorTypicalLabelHover",
           attributes: {},

package/js/common/frozenproduct/small/dark/components/nav.js

@@ -66,12 +66,12 @@ module.exports = {
         },
         "bg-hover": {
           $type: "color",
-          $value: "#ffffff1a",
-          filePath: "data/tokens/components/nav.json",
+          $value: "#008046",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.hoverAlt}",
+            $value: "{modes.color.interactive.primary.frozen.nav.hover}",
           },
           name: "navColorItemBgHover",
           attributes: {},
@@ -119,11 +119,11 @@ module.exports = {
         "label-hover": {
           $type: "color",
           $value: "#FFFFFF",
-          filePath: "data/tokens/components/nav.json",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.withHover}",
+            $value: "{modes.color.interactive.primary.frozen.nav.label-hover}",
           },
           name: "navColorItemLabelHover",
           attributes: {},
@@ -635,13 +635,13 @@ module.exports = {
       },
       menumodal: {
         $type: "borderRadius",
-        $value: 16,
+        $value: 8,
         $description: "Menu on mobile",
-        filePath: "data/tokens/components/nav.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "borderRadius",
-          $value: "{global.radius.interactive.L}",
+          $value: "{global.radius.interactive.M}",
           $description: "Menu on mobile",
         },
         name: "navRadiusMenumodal",

package/js/common/frozenproduct/small/dark/components/popover.js

@@ -625,13 +625,11 @@ module.exports = {
       "bg-active": {
         $type: "color",
         $value: "#FFFFFF",
-        $description: "previously action minor 850",
-        filePath: "data/tokens/components/popover.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.active}",
-          $description: "previously action minor 850",
+          $value: "{modes.color.interactive.monochrome.frozen.active}",
         },
         name: "popoverColorBgActive",
         attributes: {},
@@ -640,13 +638,11 @@ module.exports = {
       "bg-activealt": {
         $type: "color",
         $value: "#ffffff1a",
-        $description: "REF'D IN FORM. ",
-        filePath: "data/tokens/components/popover.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.hoverAlt}",
-          $description: "REF'D IN FORM. ",
+          $value: "{modes.color.interactive.monochrome.frozen.hoverAlt}",
         },
         name: "popoverColorBgActivealt",
         attributes: {},
@@ -670,13 +666,11 @@ module.exports = {
       "bg-hover": {
         $type: "color",
         $value: "#ffffff1a",
-        $description: "REF'D IN FORM. ",
-        filePath: "data/tokens/components/popover.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.hoverAlt}",
-          $description: "REF'D IN FORM. ",
+          $value: "{modes.color.interactive.monochrome.frozen.hoverAlt}",
         },
         name: "popoverColorBgHover",
         attributes: {},
@@ -698,11 +692,11 @@ module.exports = {
       "label-activealt": {
         $type: "color",
         $value: "#FFFFFF",
-        filePath: "data/tokens/components/popover.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: "popoverColorLabelActivealt",
         attributes: {},
@@ -723,12 +717,12 @@ module.exports = {
       },
       "label-hover": {
         $type: "color",
-        $value: "#FFFFFF",
-        filePath: "data/tokens/components/popover.json",
+        $value: "#ffffffe6",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.withHover}",
+          $value: "{modes.color.interactive.monochrome.default}",
         },
         name: "popoverColorLabelHover",
         attributes: {},
@@ -736,12 +730,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#ffffffab",
-        filePath: "data/tokens/components/popover.json",
+        $value: "#ffffffe6",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.default}",
         },
         name: "popoverColorLabelEnabled",
         attributes: {},

package/js/common/frozenproduct/small/dark/components/progress.js

@@ -457,11 +457,11 @@ module.exports = {
       "bg-default": {
         $type: "color",
         $value: "#ffffff14",
-        filePath: "data/tokens/components/progress.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.progress.bg}",
+          $value: "{modes.color.interactive.progress.frozen.bg-alt}",
         },
         name: "progressColorBgDefault",
         attributes: {},
@@ -470,11 +470,11 @@ module.exports = {
       "border-default": {
         $type: "color",
         $value: "#4b4b4b",
-        filePath: "data/tokens/components/progress.json",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.generic.fg.soft}",
+          $value: "{modes.color.generic.fg.frozen.soft}",
         },
         name: "progressColorBorderDefault",
         attributes: {},
@@ -536,12 +536,12 @@ module.exports = {
       },
       "fg-default": {
         $type: "color",
-        $value: "#FFFFFF",
-        filePath: "data/tokens/components/progress.json",
+        $value: "#4b4b4b",
+        filePath: "data/tokens/context/frozenproduct.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.active}",
+          $value: "{modes.color.generic.fg.frozen.soft}",
         },
         name: "progressColorFgDefault",
         attributes: {},
@@ -618,11 +618,11 @@ module.exports = {
         "bg-default": {
           $type: "color",
           $value: "#ffffff14",
-          filePath: "data/tokens/components/progress.json",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.progress.bg}",
+            $value: "{modes.color.interactive.progress.frozen.bg}",
           },
           name: "progressColorLoaderBgDefault",
           attributes: {},
@@ -630,13 +630,13 @@ module.exports = {
         },
         "fg-default": {
           $type: "color",
-          $value: "#FFFFFF",
+          $value: "#00D639",
           $description: "used for loader standard loader spinner",
-          filePath: "data/tokens/components/progress.json",
+          filePath: "data/tokens/context/frozenproduct.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.active}",
+            $value: "{modes.color.interactive.primary.frozen.default}",
             $description: "used for loader standard loader spinner",
           },
           name: "progressColorLoaderFgDefault",