@primer/primitives 10.0.0 → 10.1.0-rc.3e576ad9

package/dist/internalCss/light-high-contrast.css

@@ -2,6 +2,20 @@
 [data-color-mode="light"][data-light-theme="light_high_contrast"] ::backdrop,
 [data-color-mode="auto"][data-light-theme="light_high_contrast"],
 [data-color-mode="auto"][data-light-theme="light_high_contrast"] ::backdrop {
+  --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
+  --boxShadow-thick: inset 0 0 0 0.125rem;
+  --boxShadow-thicker: inset 0 0 0 0.25rem;
+  --borderWidth-default: 0.0625rem;
+  --borderWidth-thin: 0.0625rem;
+  --borderWidth-thick: 0.125rem;
+  --borderWidth-thicker: 0.25rem;
+  --borderRadius-small: 0.1875rem;
+  --borderRadius-medium: 0.375rem;
+  --borderRadius-large: 0.75rem;
+  --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
+  --borderRadius-default: 0.375rem;
+  --outline-focus-offset: -0.125rem;
+  --outline-focus-width: 0.125rem;
   --base-color-black: #010409;
   --base-color-inset: #ffffff;
   --base-color-transparent: #ffffff00;
@@ -601,7 +615,7 @@
   --reactionButton-selected-fgColor-rest: #023b95;
   --reactionButton-selected-fgColor-hover: #023b95;
   --focus-outlineColor: #0349b4;
-  --focus-outline: #0349b4 solid 2px;
+  --focus-outline: 2px solid #0349b4;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
   --overlay-borderColor: #454c54;
@@ -867,10 +881,51 @@
   --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
   --shadow-floating-xlarge: 0px 0px 0px 1px #454c54, 0px 56px 112px 0px #25292e52;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+  --border-default: 0.0625rem solid #454c54;
+  --border-muted: 0.0625rem solid #454c54;
+  --border-emphasis: 0.0625rem solid #454c54;
+  --border-disabled: 0.0625rem solid #59636e1f;
+  --border-transparent: 0.0625rem solid #ffffff00;
+  --border-neutral-emphasis: 0.0625rem solid #59636e;
+  --border-neutral-muted: 0.0625rem solid #454c54;
+  --border-accent-emphasis: 0.0625rem solid #0349b4;
+  --border-accent-muted: 0.0625rem solid #368cf9;
+  --border-success-emphasis: 0.0625rem solid #055d20;
+  --border-success-muted: 0.0625rem solid #26a148;
+  --border-open-emphasis: 0.0625rem solid #055d20;
+  --border-open-muted: 0.0625rem solid #26a148;
+  --border-danger-emphasis: 0.0625rem solid #a0111f;
+  --border-danger-muted: 0.0625rem solid #ee5a5d;
+  --border-closed-emphasis: 0.0625rem solid #a0111f;
+  --border-closed-muted: 0.0625rem solid #ee5a5d;
+  --border-attention-emphasis: 0.0625rem solid #744500;
+  --border-attention-muted: 0.0625rem solid #b58407;
+  --border-severe-emphasis: 0.0625rem solid #873800;
+  --border-severe-muted: 0.0625rem solid #dc6d1a;
+  --border-done-emphasis: 0.0625rem solid #622cbc;
+  --border-done-muted: 0.0625rem solid #a371f7;
+  --border-upsell-emphasis: 0.0625rem solid #622cbc;
+  --border-upsell-muted: 0.0625rem solid #a371f7;
+  --border-sponsors-emphasis: 0.0625rem solid #971368;
+  --border-sponsors-muted: 0.0625rem solid #ed4baf;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
   [data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
+    --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
+    --boxShadow-thick: inset 0 0 0 0.125rem;
+    --boxShadow-thicker: inset 0 0 0 0.25rem;
+    --borderWidth-default: 0.0625rem;
+    --borderWidth-thin: 0.0625rem;
+    --borderWidth-thick: 0.125rem;
+    --borderWidth-thicker: 0.25rem;
+    --borderRadius-small: 0.1875rem;
+    --borderRadius-medium: 0.375rem;
+    --borderRadius-large: 0.75rem;
+    --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
+    --borderRadius-default: 0.375rem;
+    --outline-focus-offset: -0.125rem;
+    --outline-focus-width: 0.125rem;
     --base-color-black: #010409;
     --base-color-inset: #ffffff;
     --base-color-transparent: #ffffff00;
@@ -1470,7 +1525,7 @@
     --reactionButton-selected-fgColor-rest: #023b95;
     --reactionButton-selected-fgColor-hover: #023b95;
     --focus-outlineColor: #0349b4;
-    --focus-outline: #0349b4 solid 2px;
+    --focus-outline: 2px solid #0349b4;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
     --overlay-borderColor: #454c54;
@@ -1736,5 +1791,32 @@
     --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
     --shadow-floating-xlarge: 0px 0px 0px 1px #454c54, 0px 56px 112px 0px #25292e52;
     --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+    --border-default: 0.0625rem solid #454c54;
+    --border-muted: 0.0625rem solid #454c54;
+    --border-emphasis: 0.0625rem solid #454c54;
+    --border-disabled: 0.0625rem solid #59636e1f;
+    --border-transparent: 0.0625rem solid #ffffff00;
+    --border-neutral-emphasis: 0.0625rem solid #59636e;
+    --border-neutral-muted: 0.0625rem solid #454c54;
+    --border-accent-emphasis: 0.0625rem solid #0349b4;
+    --border-accent-muted: 0.0625rem solid #368cf9;
+    --border-success-emphasis: 0.0625rem solid #055d20;
+    --border-success-muted: 0.0625rem solid #26a148;
+    --border-open-emphasis: 0.0625rem solid #055d20;
+    --border-open-muted: 0.0625rem solid #26a148;
+    --border-danger-emphasis: 0.0625rem solid #a0111f;
+    --border-danger-muted: 0.0625rem solid #ee5a5d;
+    --border-closed-emphasis: 0.0625rem solid #a0111f;
+    --border-closed-muted: 0.0625rem solid #ee5a5d;
+    --border-attention-emphasis: 0.0625rem solid #744500;
+    --border-attention-muted: 0.0625rem solid #b58407;
+    --border-severe-emphasis: 0.0625rem solid #873800;
+    --border-severe-muted: 0.0625rem solid #dc6d1a;
+    --border-done-emphasis: 0.0625rem solid #622cbc;
+    --border-done-muted: 0.0625rem solid #a371f7;
+    --border-upsell-emphasis: 0.0625rem solid #622cbc;
+    --border-upsell-muted: 0.0625rem solid #a371f7;
+    --border-sponsors-emphasis: 0.0625rem solid #971368;
+    --border-sponsors-muted: 0.0625rem solid #ed4baf;
   }
 }

package/dist/internalCss/light-tritanopia.css

@@ -2,6 +2,20 @@
 [data-color-mode="light"][data-light-theme="light_tritanopia"] ::backdrop,
 [data-color-mode="auto"][data-light-theme="light_tritanopia"],
 [data-color-mode="auto"][data-light-theme="light_tritanopia"] ::backdrop {
+  --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
+  --boxShadow-thick: inset 0 0 0 0.125rem;
+  --boxShadow-thicker: inset 0 0 0 0.25rem;
+  --borderWidth-default: 0.0625rem;
+  --borderWidth-thin: 0.0625rem;
+  --borderWidth-thick: 0.125rem;
+  --borderWidth-thicker: 0.25rem;
+  --borderRadius-small: 0.1875rem;
+  --borderRadius-medium: 0.375rem;
+  --borderRadius-large: 0.75rem;
+  --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
+  --borderRadius-default: 0.375rem;
+  --outline-focus-offset: -0.125rem;
+  --outline-focus-width: 0.125rem;
   --base-color-black: #1f2328;
   --base-color-inset: #ffffff;
   --base-color-transparent: #ffffff00;
@@ -601,7 +615,7 @@
   --reactionButton-selected-fgColor-rest: #0969da;
   --reactionButton-selected-fgColor-hover: #0550ae;
   --focus-outlineColor: #0969da;
-  --focus-outline: #0969da solid 2px;
+  --focus-outline: 2px solid #0969da;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
   --overlay-borderColor: #d1d9e080;
@@ -867,10 +881,51 @@
   --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
   --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+  --border-default: 0.0625rem solid #d1d9e0;
+  --border-muted: 0.0625rem solid #d1d9e0b3;
+  --border-emphasis: 0.0625rem solid #818b98;
+  --border-disabled: 0.0625rem solid #818b981a;
+  --border-transparent: 0.0625rem solid #ffffff00;
+  --border-neutral-emphasis: 0.0625rem solid #59636e;
+  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
+  --border-accent-emphasis: 0.0625rem solid #0969da;
+  --border-accent-muted: 0.0625rem solid #54aeff66;
+  --border-success-emphasis: 0.0625rem solid #0969da;
+  --border-success-muted: 0.0625rem solid #54aeff66;
+  --border-open-emphasis: 0.0625rem solid #0969da;
+  --border-open-muted: 0.0625rem solid #54aeff66;
+  --border-danger-emphasis: 0.0625rem solid #cf222e;
+  --border-danger-muted: 0.0625rem solid #ff818266;
+  --border-closed-emphasis: 0.0625rem solid #cf222e;
+  --border-closed-muted: 0.0625rem solid #ff818266;
+  --border-attention-emphasis: 0.0625rem solid #9a6700;
+  --border-attention-muted: 0.0625rem solid #d4a72c66;
+  --border-severe-emphasis: 0.0625rem solid #cf222e;
+  --border-severe-muted: 0.0625rem solid #ff818266;
+  --border-done-emphasis: 0.0625rem solid #8250df;
+  --border-done-muted: 0.0625rem solid #c297ff66;
+  --border-upsell-emphasis: 0.0625rem solid #8250df;
+  --border-upsell-muted: 0.0625rem solid #c297ff66;
+  --border-sponsors-emphasis: 0.0625rem solid #bf3989;
+  --border-sponsors-muted: 0.0625rem solid #ff80c866;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
   [data-color-mode="auto"][data-dark-theme="light_tritanopia"] ::backdrop {
+    --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
+    --boxShadow-thick: inset 0 0 0 0.125rem;
+    --boxShadow-thicker: inset 0 0 0 0.25rem;
+    --borderWidth-default: 0.0625rem;
+    --borderWidth-thin: 0.0625rem;
+    --borderWidth-thick: 0.125rem;
+    --borderWidth-thicker: 0.25rem;
+    --borderRadius-small: 0.1875rem;
+    --borderRadius-medium: 0.375rem;
+    --borderRadius-large: 0.75rem;
+    --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
+    --borderRadius-default: 0.375rem;
+    --outline-focus-offset: -0.125rem;
+    --outline-focus-width: 0.125rem;
     --base-color-black: #1f2328;
     --base-color-inset: #ffffff;
     --base-color-transparent: #ffffff00;
@@ -1470,7 +1525,7 @@
     --reactionButton-selected-fgColor-rest: #0969da;
     --reactionButton-selected-fgColor-hover: #0550ae;
     --focus-outlineColor: #0969da;
-    --focus-outline: #0969da solid 2px;
+    --focus-outline: 2px solid #0969da;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
     --overlay-borderColor: #d1d9e080;
@@ -1736,5 +1791,32 @@
     --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
     --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
     --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+    --border-default: 0.0625rem solid #d1d9e0;
+    --border-muted: 0.0625rem solid #d1d9e0b3;
+    --border-emphasis: 0.0625rem solid #818b98;
+    --border-disabled: 0.0625rem solid #818b981a;
+    --border-transparent: 0.0625rem solid #ffffff00;
+    --border-neutral-emphasis: 0.0625rem solid #59636e;
+    --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
+    --border-accent-emphasis: 0.0625rem solid #0969da;
+    --border-accent-muted: 0.0625rem solid #54aeff66;
+    --border-success-emphasis: 0.0625rem solid #0969da;
+    --border-success-muted: 0.0625rem solid #54aeff66;
+    --border-open-emphasis: 0.0625rem solid #0969da;
+    --border-open-muted: 0.0625rem solid #54aeff66;
+    --border-danger-emphasis: 0.0625rem solid #cf222e;
+    --border-danger-muted: 0.0625rem solid #ff818266;
+    --border-closed-emphasis: 0.0625rem solid #cf222e;
+    --border-closed-muted: 0.0625rem solid #ff818266;
+    --border-attention-emphasis: 0.0625rem solid #9a6700;
+    --border-attention-muted: 0.0625rem solid #d4a72c66;
+    --border-severe-emphasis: 0.0625rem solid #cf222e;
+    --border-severe-muted: 0.0625rem solid #ff818266;
+    --border-done-emphasis: 0.0625rem solid #8250df;
+    --border-done-muted: 0.0625rem solid #c297ff66;
+    --border-upsell-emphasis: 0.0625rem solid #8250df;
+    --border-upsell-muted: 0.0625rem solid #c297ff66;
+    --border-sponsors-emphasis: 0.0625rem solid #bf3989;
+    --border-sponsors-muted: 0.0625rem solid #ff80c866;
   }
 }

package/dist/internalCss/light.css

@@ -2,6 +2,20 @@
 [data-color-mode="light"][data-light-theme="light"] ::backdrop,
 [data-color-mode="auto"][data-light-theme="light"],
 [data-color-mode="auto"][data-light-theme="light"] ::backdrop {
+  --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
+  --boxShadow-thick: inset 0 0 0 0.125rem;
+  --boxShadow-thicker: inset 0 0 0 0.25rem;
+  --borderWidth-default: 0.0625rem;
+  --borderWidth-thin: 0.0625rem;
+  --borderWidth-thick: 0.125rem;
+  --borderWidth-thicker: 0.25rem;
+  --borderRadius-small: 0.1875rem;
+  --borderRadius-medium: 0.375rem;
+  --borderRadius-large: 0.75rem;
+  --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
+  --borderRadius-default: 0.375rem;
+  --outline-focus-offset: -0.125rem;
+  --outline-focus-width: 0.125rem;
   --base-color-black: #1f2328;
   --base-color-inset: #ffffff;
   --base-color-transparent: #ffffff00;
@@ -601,7 +615,7 @@
   --reactionButton-selected-fgColor-rest: #0969da;
   --reactionButton-selected-fgColor-hover: #0550ae;
   --focus-outlineColor: #0969da;
-  --focus-outline: #0969da solid 2px;
+  --focus-outline: 2px solid #0969da;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
   --overlay-borderColor: #d1d9e080;
@@ -867,10 +881,51 @@
   --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
   --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+  --border-default: 0.0625rem solid #d1d9e0;
+  --border-muted: 0.0625rem solid #d1d9e0b3;
+  --border-emphasis: 0.0625rem solid #818b98;
+  --border-disabled: 0.0625rem solid #818b981a;
+  --border-transparent: 0.0625rem solid #ffffff00;
+  --border-neutral-emphasis: 0.0625rem solid #59636e;
+  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
+  --border-accent-emphasis: 0.0625rem solid #0969da;
+  --border-accent-muted: 0.0625rem solid #54aeff66;
+  --border-success-emphasis: 0.0625rem solid #1a7f37;
+  --border-success-muted: 0.0625rem solid #4ac26b66;
+  --border-open-emphasis: 0.0625rem solid #1a7f37;
+  --border-open-muted: 0.0625rem solid #4ac26b66;
+  --border-danger-emphasis: 0.0625rem solid #cf222e;
+  --border-danger-muted: 0.0625rem solid #ff818266;
+  --border-closed-emphasis: 0.0625rem solid #cf222e;
+  --border-closed-muted: 0.0625rem solid #ff818266;
+  --border-attention-emphasis: 0.0625rem solid #9a6700;
+  --border-attention-muted: 0.0625rem solid #d4a72c66;
+  --border-severe-emphasis: 0.0625rem solid #bc4c00;
+  --border-severe-muted: 0.0625rem solid #fb8f4466;
+  --border-done-emphasis: 0.0625rem solid #8250df;
+  --border-done-muted: 0.0625rem solid #c297ff66;
+  --border-upsell-emphasis: 0.0625rem solid #8250df;
+  --border-upsell-muted: 0.0625rem solid #c297ff66;
+  --border-sponsors-emphasis: 0.0625rem solid #bf3989;
+  --border-sponsors-muted: 0.0625rem solid #ff80c866;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light"],
   [data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
+    --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
+    --boxShadow-thick: inset 0 0 0 0.125rem;
+    --boxShadow-thicker: inset 0 0 0 0.25rem;
+    --borderWidth-default: 0.0625rem;
+    --borderWidth-thin: 0.0625rem;
+    --borderWidth-thick: 0.125rem;
+    --borderWidth-thicker: 0.25rem;
+    --borderRadius-small: 0.1875rem;
+    --borderRadius-medium: 0.375rem;
+    --borderRadius-large: 0.75rem;
+    --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
+    --borderRadius-default: 0.375rem;
+    --outline-focus-offset: -0.125rem;
+    --outline-focus-width: 0.125rem;
     --base-color-black: #1f2328;
     --base-color-inset: #ffffff;
     --base-color-transparent: #ffffff00;
@@ -1470,7 +1525,7 @@
     --reactionButton-selected-fgColor-rest: #0969da;
     --reactionButton-selected-fgColor-hover: #0550ae;
     --focus-outlineColor: #0969da;
-    --focus-outline: #0969da solid 2px;
+    --focus-outline: 2px solid #0969da;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
     --overlay-borderColor: #d1d9e080;
@@ -1736,5 +1791,32 @@
     --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
     --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
     --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+    --border-default: 0.0625rem solid #d1d9e0;
+    --border-muted: 0.0625rem solid #d1d9e0b3;
+    --border-emphasis: 0.0625rem solid #818b98;
+    --border-disabled: 0.0625rem solid #818b981a;
+    --border-transparent: 0.0625rem solid #ffffff00;
+    --border-neutral-emphasis: 0.0625rem solid #59636e;
+    --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
+    --border-accent-emphasis: 0.0625rem solid #0969da;
+    --border-accent-muted: 0.0625rem solid #54aeff66;
+    --border-success-emphasis: 0.0625rem solid #1a7f37;
+    --border-success-muted: 0.0625rem solid #4ac26b66;
+    --border-open-emphasis: 0.0625rem solid #1a7f37;
+    --border-open-muted: 0.0625rem solid #4ac26b66;
+    --border-danger-emphasis: 0.0625rem solid #cf222e;
+    --border-danger-muted: 0.0625rem solid #ff818266;
+    --border-closed-emphasis: 0.0625rem solid #cf222e;
+    --border-closed-muted: 0.0625rem solid #ff818266;
+    --border-attention-emphasis: 0.0625rem solid #9a6700;
+    --border-attention-muted: 0.0625rem solid #d4a72c66;
+    --border-severe-emphasis: 0.0625rem solid #bc4c00;
+    --border-severe-muted: 0.0625rem solid #fb8f4466;
+    --border-done-emphasis: 0.0625rem solid #8250df;
+    --border-done-muted: 0.0625rem solid #c297ff66;
+    --border-upsell-emphasis: 0.0625rem solid #8250df;
+    --border-upsell-muted: 0.0625rem solid #c297ff66;
+    --border-sponsors-emphasis: 0.0625rem solid #bf3989;
+    --border-sponsors-muted: 0.0625rem solid #ff80c866;
   }
 }

package/dist/styleLint/base/size/size.json

@@ -8,7 +8,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "2px",
@@ -33,7 +33,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "4px",
@@ -58,7 +58,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "6px",
@@ -83,7 +83,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "8px",
@@ -108,7 +108,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "12px",
@@ -133,7 +133,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "16px",
@@ -158,7 +158,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "20px",
@@ -183,7 +183,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "24px",
@@ -208,7 +208,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "28px",
@@ -233,7 +233,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "32px",
@@ -258,7 +258,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "36px",
@@ -283,7 +283,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "40px",
@@ -308,7 +308,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "44px",
@@ -333,7 +333,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "48px",
@@ -358,7 +358,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "64px",
@@ -383,7 +383,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "80px",
@@ -408,7 +408,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "96px",
@@ -433,7 +433,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "112px",
@@ -458,7 +458,7 @@
         "scopes": ["size"]
       }
     },
-    "filePath": "src/tokens/base/size/size.json",
+    "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "128px",

package/dist/styleLint/base/typography/typography.json

@@ -8,7 +8,7 @@
         "scopes": ["fontWeight"]
       }
     },
-    "filePath": "src/tokens/base/typography/typography.json",
+    "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
       "$type": "fontWeight",
@@ -33,7 +33,7 @@
         "scopes": ["fontWeight"]
       }
     },
-    "filePath": "src/tokens/base/typography/typography.json",
+    "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": 400,
@@ -58,7 +58,7 @@
         "scopes": ["fontWeight"]
       }
     },
-    "filePath": "src/tokens/base/typography/typography.json",
+    "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": 500,
@@ -83,7 +83,7 @@
         "scopes": ["fontWeight"]
       }
     },
-    "filePath": "src/tokens/base/typography/typography.json",
+    "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": 600,