@sage/design-tokens 15.2.0 → 15.2.2

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

@@ -105,12 +105,12 @@
         blockquote: {
           border: {
             $type: "color",
-            $value: "#00811F",
-            filePath: "data/tokens/components/container.json",
+            $value: "#008046",
+            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: {},
@@ -451,14 +451,12 @@
           detailedicon: {
             bg: {
               $type: "color",
-              $value: "#00811F",
-              $description: " ",
-              filePath: "data/tokens/components/container.json",
+              $value: "#008046",
+              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: {},

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

@@ -3247,12 +3247,12 @@
         calendar: {
           "bg-active": {
             $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/form.json",
+            $value: "#223743",
+            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: {},
@@ -3273,12 +3273,12 @@
           },
           "bg-duration": {
             $type: "color",
-            $value: "#e2e2e2",
-            filePath: "data/tokens/components/form.json",
+            $value: "#e5eaed",
+            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: {},
@@ -3299,12 +3299,12 @@
           },
           "border-duration": {
             $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/form.json",
+            $value: "#223743",
+            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: {},
@@ -3407,7 +3407,7 @@
         dropdown: {
           "bg-hover": {
             $type: "color",
-            $value: "#0000001a",
+            $value: "#2237431a",
             $description: "REF POPOVER ",
             filePath: "data/tokens/components/form.json",
             isSource: true,
@@ -3487,13 +3487,13 @@
           },
           "label-subtext": {
             $type: "color",
-            $value: "#0000006b",
+            $value: "#0000008c",
             $description: "Option subtext.",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.defaultAlt3}",
+              $value: "{modes.color.interactive.monochrome.defaultAlt2}",
               $description: "Option subtext.",
             },
             name: "formColorDropdownLabelSubtext",
@@ -3668,12 +3668,12 @@
           },
           "border-enabled": {
             $type: "color",
-            $value: "#777",
-            filePath: "data/tokens/components/form.json",
+            $value: "#698495",
+            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: {},
@@ -3918,12 +3918,12 @@
         switch: {
           "bg-active": {
             $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/form.json",
+            $value: "#335B70",
+            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: {},
@@ -4013,12 +4013,12 @@
           },
           "border-enabled": {
             $type: "color",
-            $value: "#00000080",
-            filePath: "data/tokens/components/form.json",
+            $value: "#698495",
+            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: {},
@@ -4065,12 +4065,12 @@
           },
           "fg-enabled": {
             $type: "color",
-            $value: "#00000080",
-            filePath: "data/tokens/components/form.json",
+            $value: "#698495",
+            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: {},
@@ -4245,13 +4245,13 @@
         },
         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",
@@ -4262,7 +4262,7 @@
           $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",
@@ -4275,14 +4275,14 @@
         },
         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: {},
@@ -4292,7 +4292,7 @@
           $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",
@@ -4305,13 +4305,13 @@
         },
         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",
@@ -4320,13 +4320,13 @@
         },
         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",
@@ -4335,14 +4335,14 @@
         },
         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",
           },
@@ -4382,13 +4382,13 @@
         },
         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/umd/frozenproduct/large/light/components/link.js

@@ -89,12 +89,12 @@
         typical: {
           "label-default": {
             $type: "color",
-            $value: "#0c711d",
-            filePath: "data/tokens/components/link.json",
+            $value: "#0b703e",
+            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: {},
@@ -102,12 +102,12 @@
           },
           "label-hover": {
             $type: "color",
-            $value: "#12601b",
-            filePath: "data/tokens/components/link.json",
+            $value: "#106237",
+            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/umd/frozenproduct/large/light/components/nav.js

@@ -77,12 +77,12 @@
           },
           "bg-hover": {
             $type: "color",
-            $value: "#0000001a",
-            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: {},
@@ -129,12 +129,13 @@
           },
           "label-hover": {
             $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/nav.json",
+            $value: "#FFFFFF",
+            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: {},
@@ -647,13 +648,13 @@
         },
         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/umd/frozenproduct/large/light/components/popover.js

@@ -638,14 +638,12 @@
       color: {
         "bg-active": {
           $type: "color",
-          $value: "#000000",
-          $description: "previously action minor 850",
-          filePath: "data/tokens/components/popover.json",
+          $value: "#223743",
+          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: {},
@@ -653,14 +651,12 @@
         },
         "bg-activealt": {
           $type: "color",
-          $value: "#0000001a",
-          $description: "REF'D IN FORM. ",
-          filePath: "data/tokens/components/popover.json",
+          $value: "#2237431a",
+          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: {},
@@ -683,14 +679,12 @@
         },
         "bg-hover": {
           $type: "color",
-          $value: "#0000001a",
-          $description: "REF'D IN FORM. ",
-          filePath: "data/tokens/components/popover.json",
+          $value: "#2237431a",
+          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: {},
@@ -711,12 +705,12 @@
         },
         "label-activealt": {
           $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/popover.json",
+          $value: "#223743",
+          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: {},
@@ -737,12 +731,12 @@
         },
         "label-hover": {
           $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/popover.json",
+          $value: "#000000e6",
+          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: {},
@@ -750,12 +744,12 @@
         },
         "label-enabled": {
           $type: "color",
-          $value: "#000000ab",
-          filePath: "data/tokens/components/popover.json",
+          $value: "#000000e6",
+          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: {},