@sage/design-tokens 15.2.0 → 15.2.1

package/js/common/product/small/light/components/container.js

@@ -2069,7 +2069,7 @@ module.exports = {
         yg: {
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Gap between Accordion subtle trigger and content",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2126,7 +2126,7 @@ module.exports = {
         xg: {
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Small horizontal item spacing",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2141,7 +2141,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Medium horizontal item spacing",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2156,7 +2156,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "Large horizontal item spacing",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2173,7 +2173,7 @@ module.exports = {
         yg: {
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Small row gap",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2188,7 +2188,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Medium row gap",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2203,7 +2203,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "Large row gap",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2221,7 +2221,7 @@ module.exports = {
           x: {
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Small left and right padding on flex items",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2236,7 +2236,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "Medium left and right padding on flex items",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2251,7 +2251,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 25.6,
+              $value: 32,
               $description: "Large left and right padding on flex items",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2268,7 +2268,7 @@ module.exports = {
           y: {
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Small top bottom padding on flex items",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2283,7 +2283,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "Medium top bottom padding on flex items",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2298,7 +2298,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 25.6,
+              $value: 32,
               $description: "Large top bottom padding on flex items",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2332,7 +2332,7 @@ module.exports = {
             },
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Left and right padding copilot chat history items, S accordions, S cards and S tiles",
               filePath: "data/tokens/components/container.json",
@@ -2349,7 +2349,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Left and right padding on dialog, drawer, M cards, M tiles and sidebar",
               filePath: "data/tokens/components/container.json",
@@ -2366,7 +2366,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 25.6,
+              $value: 32,
               $description: "Left and right padding on large card and tile ",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2396,7 +2396,7 @@ module.exports = {
             },
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Top and bottom padding S Accordions, S cards and S tiles",
               filePath: "data/tokens/components/container.json",
@@ -2413,7 +2413,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Vertical padding on content in dialog, drawer, sidebar card and tile",
               filePath: "data/tokens/components/container.json",
@@ -2430,7 +2430,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 25.6,
+              $value: 32,
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
@@ -2460,7 +2460,7 @@ module.exports = {
             },
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "gap padding between carousel tiles",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2475,7 +2475,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "gap padding between carousel tiles",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2509,7 +2509,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Vertical gap between content items in copilot content, dialog, drawer, sidebar, M card and M tile. ",
               filePath: "data/tokens/components/container.json",
@@ -2526,7 +2526,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "vertical gap between block quote text and avatar",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2546,7 +2546,7 @@ module.exports = {
           x: {
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Left and right margins on dialog and sidebar in small screen full width contexts",
               filePath: "data/tokens/components/container.json",
@@ -2565,7 +2565,7 @@ module.exports = {
           y: {
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Top and Bottom margins on dialog and sidebar in small screen full width contexts",
               filePath: "data/tokens/components/container.json",
@@ -2586,7 +2586,7 @@ module.exports = {
           x: {
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left and right padding on accordion",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2601,7 +2601,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Left and right padding on copilot, dialog, drawer, M cards, M tiles and sidebar.",
               filePath: "data/tokens/components/container.json",
@@ -2637,7 +2637,7 @@ module.exports = {
             },
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Top and bottom padding on small accordion.",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2652,7 +2652,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Vertical padding on accordion, dialog headers and on sub-page headers inside copilot (e.g insights and chat history).",
               filePath: "data/tokens/components/container.json",
@@ -2671,7 +2671,7 @@ module.exports = {
           xg: {
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "horizontal space between dialog heading and icon",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2706,7 +2706,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "vertical space between heading and Powered By AI identifier in dialog header",
               filePath: "data/tokens/components/container.json",
@@ -2727,7 +2727,7 @@ module.exports = {
           y: {
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Spacing between empty state heading and body copy below it.",
               filePath: "data/tokens/components/container.json",
@@ -2744,7 +2744,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 32,
+              $value: 40,
               $description:
                 "Spacing between empty state roundel and heading below it.",
               filePath: "data/tokens/components/container.json",
@@ -2765,7 +2765,7 @@ module.exports = {
           x: {
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "Left and right padding on copilot footer",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2782,7 +2782,7 @@ module.exports = {
           y: {
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Top and bottom padding on copilot footer",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2802,7 +2802,7 @@ module.exports = {
         x: {
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Left and right padding on Note",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2819,7 +2819,7 @@ module.exports = {
         xg: {
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Gap between columns in editor detail in Note.",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2837,7 +2837,7 @@ module.exports = {
           xg: {
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "Gap between created and updated editor columns",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -2873,7 +2873,7 @@ module.exports = {
         y: {
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Top bottom padding on Note",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2890,7 +2890,7 @@ module.exports = {
         yg: {
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Vertical gap on Note",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2939,7 +2939,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Content horizontal padding for large variant",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -2986,7 +2986,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Content horizontal padding for large variant",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3033,7 +3033,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Content horizontal padding for large variant",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3099,7 +3099,7 @@ module.exports = {
         xg: {
           M: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "gap between elements in pagination",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3114,7 +3114,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "gap between button group and advanced left area",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3131,7 +3131,7 @@ module.exports = {
         y: {
           M: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "top and bottom padding inside pagination",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3146,7 +3146,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description:
               "external margin on top of floating pagination variant",
             filePath: "data/tokens/components/container.json",
@@ -3165,7 +3165,7 @@ module.exports = {
         yg: {
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Vertical gap between elements on small screens",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3182,7 +3182,7 @@ module.exports = {
         x: {
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "left and right padding inside pagination",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3274,7 +3274,7 @@ module.exports = {
           xg: {
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "gap between summary list title and edit link",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -3306,7 +3306,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 25.6,
+              $value: 32,
               $description: "top padding for each section title",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -3326,7 +3326,7 @@ module.exports = {
         x: {
           XS: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Left and right padding on Link preview",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3341,7 +3341,7 @@ module.exports = {
           },
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Right left padding on Tile or Card.",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3356,7 +3356,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Right left padding on drag wrapper",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3371,7 +3371,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "Right left padding on Tile or Card.",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3386,7 +3386,7 @@ module.exports = {
           },
           XXXL: {
             $type: "spacing",
-            $value: 64,
+            $value: 80,
             $description:
               "Right margin on AI response bubbles and left margin on user prompt bubbles.",
             filePath: "data/tokens/components/container.json",
@@ -3439,7 +3439,7 @@ module.exports = {
           },
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Top bottom padding on Tile or Card.",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3454,7 +3454,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Top bottom padding on Tile or Card.",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3469,7 +3469,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "Top bottom padding on Tile or Card.",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3503,7 +3503,7 @@ module.exports = {
         x: {
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Left and right padding on tile select container",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3518,7 +3518,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Left and right padding on tile select container",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3533,7 +3533,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "Left and right padding on tile select container",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3550,7 +3550,7 @@ module.exports = {
         y: {
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Top and bottom padding on tile select container",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3565,7 +3565,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Top bottom padding on tile select container",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3580,7 +3580,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "Top and bottom padding on tile select container",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3597,7 +3597,7 @@ module.exports = {
         yg: {
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description:
               "Vertical gap between content blocks in Subscription tile.",
             filePath: "data/tokens/components/container.json",
@@ -3614,7 +3614,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description:
               "Vertical gap between content blocks in Subscription tile.",
             filePath: "data/tokens/components/container.json",
@@ -3631,7 +3631,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description:
               "Vertical gap between content blocks in Subscription tile.",
             filePath: "data/tokens/components/container.json",
@@ -3670,7 +3670,7 @@ module.exports = {
           xg: {
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "gap between identifier and header content",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -3722,7 +3722,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Top bottom margins on carousel dots",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -3759,7 +3759,7 @@ module.exports = {
         x: {
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Left and right padding on medium nudge",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3774,7 +3774,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "left and right padding on large nudge ",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3791,7 +3791,7 @@ module.exports = {
         y: {
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Top and bottom padding on medium nudge",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3806,7 +3806,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "Top and bottom paddding on large nudge",
             filePath: "data/tokens/components/container.json",
             isSource: true,
@@ -3856,7 +3856,7 @@ module.exports = {
           xg: {
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "gap between header and ai logo",
               filePath: "data/tokens/components/container.json",
               isSource: true,
@@ -3871,7 +3871,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "gap between header and ai logo",
               filePath: "data/tokens/components/container.json",
               isSource: true,