@primer/primitives 10.1.0-rc.ba6ac3a4 → 10.1.0-rc.c0e71f3a

package/dist/build/platforms/css.js

@@ -47,8 +47,8 @@ export const css = (outputFile, prefix, buildPath, options) => {
                     (options === null || options === void 0 ? void 0 : options.themed) === true &&
                     token.$type !== 'custom-viewportRange' &&
                     !isFromFile(token, [
-                        'src/tokens/functional/size/size-coarse.json',
-                        'src/tokens/functional/size/size-fine.json',
+                        'src/tokens/functional/size/size-coarse.json5',
+                        'src/tokens/functional/size/size-fine.json5',
                     ]),
                 options: Object.assign({ showFileHeader: false, outputReferences: false, descriptions: false, queries: getCssSelectors(outputFile) }, options === null || options === void 0 ? void 0 : options.options),
             },
@@ -59,8 +59,8 @@ export const css = (outputFile, prefix, buildPath, options) => {
                     (options === null || options === void 0 ? void 0 : options.themed) !== true &&
                     token.$type !== 'custom-viewportRange' &&
                     !isFromFile(token, [
-                        'src/tokens/functional/size/size-coarse.json',
-                        'src/tokens/functional/size/size-fine.json',
+                        'src/tokens/functional/size/size-coarse.json5',
+                        'src/tokens/functional/size/size-fine.json5',
                     ]),
                 options: Object.assign({ showFileHeader: false, descriptions: false }, options === null || options === void 0 ? void 0 : options.options),
             },
@@ -77,8 +77,8 @@ export const css = (outputFile, prefix, buildPath, options) => {
                 format: `css/advanced`,
                 filter: token => isSource(token) &&
                     isFromFile(token, [
-                        'src/tokens/functional/size/size-coarse.json',
-                        'src/tokens/functional/size/size-fine.json',
+                        'src/tokens/functional/size/size-coarse.json5',
+                        'src/tokens/functional/size/size-fine.json5',
                     ]),
                 options: {
                     descriptions: false,

package/dist/css/functional/size/border.css

@@ -2,6 +2,7 @@
   --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); /* Thin shadow for borders */
   --boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
   --boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
+  --borderWidth-default: max(1px, 0.0625rem);
   --borderWidth-thin: max(1px, 0.0625rem);
   --borderWidth-thick: max(2px, 0.125rem);
   --borderWidth-thicker: max(4px, 0.25rem);

package/dist/css/functional/themes/dark-colorblind.css

@@ -311,6 +311,7 @@
   --reactionButton-selected-fgColor-rest: #4493f8;
   --reactionButton-selected-fgColor-hover: #79c0ff;
   --focus-outlineColor: #1f6feb;
+  --focus-outline: #1f6feb solid 2px;
   --menu-bgColor-active: #151b23;
   --overlay-bgColor: #151b23;
   --overlay-borderColor: #3d444db3;
@@ -576,7 +577,6 @@
   --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
   --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-  --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
@@ -890,6 +890,7 @@
     --reactionButton-selected-fgColor-rest: #4493f8;
     --reactionButton-selected-fgColor-hover: #79c0ff;
     --focus-outlineColor: #1f6feb;
+    --focus-outline: #1f6feb solid 2px;
     --menu-bgColor-active: #151b23;
     --overlay-bgColor: #151b23;
     --overlay-borderColor: #3d444db3;
@@ -1155,6 +1156,5 @@
     --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
     --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
     --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-    --outline-focus: #1f6feb solid 2px;
   }
 }

package/dist/css/functional/themes/dark-dimmed.css

@@ -311,6 +311,7 @@
   --reactionButton-selected-fgColor-rest: #478be6;
   --reactionButton-selected-fgColor-hover: #6cb6ff;
   --focus-outlineColor: #316dca;
+  --focus-outline: #316dca solid 2px;
   --menu-bgColor-active: #151b23;
   --overlay-bgColor: #2a313c;
   --overlay-borderColor: #3d444db3;
@@ -576,7 +577,6 @@
   --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #1c2128;
   --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
   --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
-  --outline-focus: #316dca solid 2px;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
@@ -890,6 +890,7 @@
     --reactionButton-selected-fgColor-rest: #478be6;
     --reactionButton-selected-fgColor-hover: #6cb6ff;
     --focus-outlineColor: #316dca;
+    --focus-outline: #316dca solid 2px;
     --menu-bgColor-active: #151b23;
     --overlay-bgColor: #2a313c;
     --overlay-borderColor: #3d444db3;
@@ -1155,6 +1156,5 @@
     --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #1c2128;
     --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
     --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
-    --outline-focus: #316dca solid 2px;
   }
 }

package/dist/css/functional/themes/dark-high-contrast.css

@@ -311,6 +311,7 @@
   --reactionButton-selected-fgColor-rest: #74b9ff;
   --reactionButton-selected-fgColor-hover: #91cbff;
   --focus-outlineColor: #409eff;
+  --focus-outline: #409eff solid 2px;
   --menu-bgColor-active: #151b23;
   --overlay-bgColor: #151b23;
   --overlay-borderColor: #b7bdc8;
@@ -576,7 +577,6 @@
   --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
   --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-  --outline-focus: #409eff solid 2px;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
@@ -890,6 +890,7 @@
     --reactionButton-selected-fgColor-rest: #74b9ff;
     --reactionButton-selected-fgColor-hover: #91cbff;
     --focus-outlineColor: #409eff;
+    --focus-outline: #409eff solid 2px;
     --menu-bgColor-active: #151b23;
     --overlay-bgColor: #151b23;
     --overlay-borderColor: #b7bdc8;
@@ -1155,6 +1156,5 @@
     --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
     --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
     --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-    --outline-focus: #409eff solid 2px;
   }
 }

package/dist/css/functional/themes/dark-tritanopia.css

@@ -311,6 +311,7 @@
   --reactionButton-selected-fgColor-rest: #4493f8;
   --reactionButton-selected-fgColor-hover: #79c0ff;
   --focus-outlineColor: #1f6feb;
+  --focus-outline: #1f6feb solid 2px;
   --menu-bgColor-active: #151b23;
   --overlay-bgColor: #151b23;
   --overlay-borderColor: #3d444db3;
@@ -576,7 +577,6 @@
   --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
   --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-  --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
@@ -890,6 +890,7 @@
     --reactionButton-selected-fgColor-rest: #4493f8;
     --reactionButton-selected-fgColor-hover: #79c0ff;
     --focus-outlineColor: #1f6feb;
+    --focus-outline: #1f6feb solid 2px;
     --menu-bgColor-active: #151b23;
     --overlay-bgColor: #151b23;
     --overlay-borderColor: #3d444db3;
@@ -1155,6 +1156,5 @@
     --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
     --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
     --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-    --outline-focus: #1f6feb solid 2px;
   }
 }

package/dist/css/functional/themes/dark.css

@@ -311,6 +311,7 @@
   --reactionButton-selected-fgColor-rest: #4493f8;
   --reactionButton-selected-fgColor-hover: #79c0ff;
   --focus-outlineColor: #1f6feb;
+  --focus-outline: #1f6feb solid 2px;
   --menu-bgColor-active: #151b23;
   --overlay-bgColor: #151b23;
   --overlay-borderColor: #3d444db3;
@@ -576,7 +577,6 @@
   --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
   --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-  --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="dark"],
@@ -890,6 +890,7 @@
     --reactionButton-selected-fgColor-rest: #4493f8;
     --reactionButton-selected-fgColor-hover: #79c0ff;
     --focus-outlineColor: #1f6feb;
+    --focus-outline: #1f6feb solid 2px;
     --menu-bgColor-active: #151b23;
     --overlay-bgColor: #151b23;
     --overlay-borderColor: #3d444db3;
@@ -1155,6 +1156,5 @@
     --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
     --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
     --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-    --outline-focus: #1f6feb solid 2px;
   }
 }

package/dist/css/primitives.css

@@ -52,6 +52,7 @@
   --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); /* Thin shadow for borders */
   --boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
   --boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
+  --borderWidth-default: max(1px, 0.0625rem);
   --borderWidth-thin: max(1px, 0.0625rem);
   --borderWidth-thick: max(2px, 0.125rem);
   --borderWidth-thicker: max(4px, 0.25rem);

package/dist/docs/base/size/size.json

@@ -6,7 +6,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "2px",
@@ -31,7 +31,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "4px",
@@ -56,7 +56,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "6px",
@@ -81,7 +81,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "8px",
@@ -106,7 +106,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "12px",
@@ -131,7 +131,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "16px",
@@ -156,7 +156,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "20px",
@@ -181,7 +181,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "24px",
@@ -206,7 +206,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "28px",
@@ -231,7 +231,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "32px",
@@ -256,7 +256,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "36px",
@@ -281,7 +281,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "40px",
@@ -306,7 +306,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "44px",
@@ -331,7 +331,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "48px",
@@ -356,7 +356,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "64px",
@@ -381,7 +381,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "80px",
@@ -406,7 +406,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "96px",
@@ -431,7 +431,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "112px",
@@ -456,7 +456,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "128px",

package/dist/docs/base/typography/typography.json

@@ -6,7 +6,7 @@
         "scopes": ["fontWeight"]
       }
     },
-    "filePath": "src/tokens/base/typography/typography.json",
+    "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
       "$type": "fontWeight",
@@ -31,7 +31,7 @@
         "scopes": ["fontWeight"]
       }
     },
-    "filePath": "src/tokens/base/typography/typography.json",
+    "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": 400,
@@ -56,7 +56,7 @@
         "scopes": ["fontWeight"]
       }
     },
-    "filePath": "src/tokens/base/typography/typography.json",
+    "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": 500,
@@ -81,7 +81,7 @@
         "scopes": ["fontWeight"]
       }
     },
-    "filePath": "src/tokens/base/typography/typography.json",
+    "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": 600,

package/dist/docs/functional/size/border.json

@@ -1,6 +1,6 @@
 {
   "boxShadow-thin": {
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "inset 0 0 0 {borderWidth.thin}",
@@ -15,7 +15,7 @@
     "description": "Thin shadow for borders"
   },
   "boxShadow-thick": {
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "inset 0 0 0 {borderWidth.thick}",
@@ -28,7 +28,7 @@
     "type": "string"
   },
   "boxShadow-thicker": {
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "inset 0 0 0 {borderWidth.thicker}",
@@ -40,8 +40,21 @@
     "value": "inset 0 0 0 max(4px, 0.25rem)",
     "type": "string"
   },
+  "borderWidth-default": {
+    "filePath": "src/tokens/functional/size/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderWidth.thin}",
+      "$type": "string"
+    },
+    "name": "borderWidth-default",
+    "attributes": {},
+    "path": ["borderWidth", "default"],
+    "value": "max(1px, 0.0625rem)",
+    "type": "string"
+  },
   "borderWidth-thin": {
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "max(1px, 0.0625rem)",
@@ -54,7 +67,7 @@
     "type": "string"
   },
   "borderWidth-thick": {
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "max(2px, 0.125rem)",
@@ -67,7 +80,7 @@
     "type": "string"
   },
   "borderWidth-thicker": {
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "max(4px, 0.25rem)",
@@ -89,7 +102,7 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "3px",
@@ -120,7 +133,7 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "6px",
@@ -151,7 +164,7 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "12px",
@@ -182,7 +195,7 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "9999px",
@@ -215,7 +228,7 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "{borderRadius.medium}",
@@ -237,7 +250,7 @@
     "type": "dimension"
   },
   "outline-focus-offset": {
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "-2px",
@@ -250,7 +263,7 @@
     "type": "dimension"
   },
   "outline-focus-width": {
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "2px",

package/dist/docs/functional/size/breakpoints.json

@@ -6,7 +6,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
     "isSource": true,
     "original": {
       "$value": "320px",
@@ -31,7 +31,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
     "isSource": true,
     "original": {
       "$value": "544px",
@@ -56,7 +56,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
     "isSource": true,
     "original": {
       "$value": "768px",
@@ -81,7 +81,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
     "isSource": true,
     "original": {
       "$value": "1012px",
@@ -106,7 +106,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
     "isSource": true,
     "original": {
       "$value": "1280px",
@@ -131,7 +131,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
     "isSource": true,
     "original": {
       "$value": "1400px",

package/dist/docs/functional/size/size-coarse.json

@@ -1,6 +1,6 @@
 {
   "control-minTarget-auto": {
-    "filePath": "src/tokens/functional/size/size-coarse.json",
+    "filePath": "src/tokens/functional/size/size-coarse.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.44}",
@@ -13,7 +13,7 @@
     "type": "dimension"
   },
   "controlStack-small-gap-auto": {
-    "filePath": "src/tokens/functional/size/size-coarse.json",
+    "filePath": "src/tokens/functional/size/size-coarse.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.16}",
@@ -26,7 +26,7 @@
     "type": "dimension"
   },
   "controlStack-medium-gap-auto": {
-    "filePath": "src/tokens/functional/size/size-coarse.json",
+    "filePath": "src/tokens/functional/size/size-coarse.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.12}",

package/dist/docs/functional/size/size-fine.json

@@ -1,6 +1,6 @@
 {
   "control-minTarget-auto": {
-    "filePath": "src/tokens/functional/size/size-fine.json",
+    "filePath": "src/tokens/functional/size/size-fine.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.16}",
@@ -13,7 +13,7 @@
     "type": "dimension"
   },
   "controlStack-small-gap-auto": {
-    "filePath": "src/tokens/functional/size/size-fine.json",
+    "filePath": "src/tokens/functional/size/size-fine.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.8}",
@@ -26,7 +26,7 @@
     "type": "dimension"
   },
   "controlStack-medium-gap-auto": {
-    "filePath": "src/tokens/functional/size/size-fine.json",
+    "filePath": "src/tokens/functional/size/size-fine.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.8}",