Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add default borderWidth #1117

Merged
merged 1 commit into from
Dec 11, 2024
Merged

Add default borderWidth #1117

merged 1 commit into from
Dec 11, 2024

Conversation

lukasoppermann
Copy link
Contributor

Summary

List of notable changes:

What should reviewers focus on?

Steps to test:

@lukasoppermann lukasoppermann requested review from a team as code owners December 11, 2024 13:21
@changeset-bot changeset-bot
Copy link

changeset-bot bot commented Dec 11, 2024 •
edited
Loading

🦋 Changeset detected

Latest commit: 42cef06

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/primitives Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 11, 2024 •
edited
Loading

Design Token Diff (CSS)

/css/functional/size/border.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/size/border.css	2024-12-11 14:17:33.451252168 +0000
@@ -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);

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2024-12-11 14:17:32.475238180 +0000
@@ -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;
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-dimmed.css	2024-12-11 14:17:30.635203193 +0000
@@ -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;
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css	2024-12-11 14:17:33.344250634 +0000
@@ -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;
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2024-12-11 14:17:31.555220955 +0000
@@ -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;
 }
}

/css/functional/themes/dark.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark.css	2024-12-11 14:17:29.665184466 +0000
@@ -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;
 }
}

/css/primitives.css

 
+++ /home/runner/work/primitives/primitives/dist/css/primitives.css	2024-12-11 14:17:34.522267518 +0000
@@ -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);

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 11, 2024 •
edited
Loading

Design Token Diff (StyleLint)

/styleLint/base/size/size.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/base/size/size.json	2024-12-11 14:17:33.997259993 +0000
@@ -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",

/styleLint/base/typography/typography.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/base/typography/typography.json	2024-12-11 14:17:34.195262831 +0000
@@ -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,

/styleLint/functional/size/border.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/size/border.json	2024-12-11 14:17:33.451252168 +0000
@@ -3,7 +3,7 @@
   "$value": "inset 0 0 0 max(1px, 0.0625rem)",
   "$description": "Thin shadow for borders",
   "$type": "string",
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "inset 0 0 0 {borderWidth.thin}",
@@ -17,7 +17,7 @@
 "boxShadow-thick": {
   "$value": "inset 0 0 0 max(2px, 0.125rem)",
   "$type": "string",
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "inset 0 0 0 {borderWidth.thick}",
@@ -30,7 +30,7 @@
 "boxShadow-thicker": {
   "$value": "inset 0 0 0 max(4px, 0.25rem)",
   "$type": "string",
-    "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,10 +40,23 @@
   "attributes": {},
   "path": ["boxShadow", "thicker"]
 },
+  "borderWidth-default": {
+    "$value": "max(1px, 0.0625rem)",
+    "$type": "string",
+    "filePath": "src/tokens/functional/size/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderWidth.thin}",
+      "$type": "string"
+    },
+    "name": "borderWidth-default",
+    "attributes": {},
+    "path": ["borderWidth", "default"]
+  },
 "borderWidth-thin": {
   "$value": "max(1px, 0.0625rem)",
   "$type": "string",
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "max(1px, 0.0625rem)",
@@ -56,7 +69,7 @@
 "borderWidth-thick": {
   "$value": "max(2px, 0.125rem)",
   "$type": "string",
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "max(2px, 0.125rem)",
@@ -69,7 +82,7 @@
 "borderWidth-thicker": {
   "$value": "max(4px, 0.25rem)",
   "$type": "string",
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "max(4px, 0.25rem)",
@@ -91,7 +104,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "3px",
@@ -122,7 +135,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "6px",
@@ -153,7 +166,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "12px",
@@ -185,7 +198,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "9999px",
@@ -217,7 +230,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "{borderRadius.medium}",
@@ -239,7 +252,7 @@
 "outline-focus-offset": {
   "$value": ["-0.125rem", "-2px"],
   "$type": "dimension",
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "-2px",
@@ -252,7 +265,7 @@
 "outline-focus-width": {
   "$value": ["0.125rem", "2px"],
   "$type": "dimension",
-    "filePath": "src/tokens/functional/size/border.json",
+    "filePath": "src/tokens/functional/size/border.json5",
   "isSource": true,
   "original": {
     "$value": "2px",

/styleLint/functional/size/breakpoints.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/size/breakpoints.json	2024-12-11 14:17:33.541253458 +0000
@@ -8,7 +8,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
   "isSource": true,
   "original": {
     "$value": "320px",
@@ -33,7 +33,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
   "isSource": true,
   "original": {
     "$value": "544px",
@@ -58,7 +58,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
   "isSource": true,
   "original": {
     "$value": "768px",
@@ -83,7 +83,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
   "isSource": true,
   "original": {
     "$value": "1012px",
@@ -108,7 +108,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
   "isSource": true,
   "original": {
     "$value": "1280px",
@@ -133,7 +133,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/breakpoints.json",
+    "filePath": "src/tokens/functional/size/breakpoints.json5",
   "isSource": true,
   "original": {
     "$value": "1400px",

/styleLint/functional/size/size-coarse.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/size/size-coarse.json	2024-12-11 14:17:33.626254676 +0000
@@ -2,7 +2,7 @@
 "control-minTarget-auto": {
   "$value": ["0.171875rem", "2.75px"],
   "$type": "dimension",
-    "filePath": "src/tokens/functional/size/size-coarse.json",
+    "filePath": "src/tokens/functional/size/size-coarse.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.44}",
@@ -15,7 +15,7 @@
 "controlStack-small-gap-auto": {
   "$value": ["0.0625rem", "1px"],
   "$type": "dimension",
-    "filePath": "src/tokens/functional/size/size-coarse.json",
+    "filePath": "src/tokens/functional/size/size-coarse.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -28,7 +28,7 @@
 "controlStack-medium-gap-auto": {
   "$value": ["0.046875rem", "0.75px"],
   "$type": "dimension",
-    "filePath": "src/tokens/functional/size/size-coarse.json",
+    "filePath": "src/tokens/functional/size/size-coarse.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.12}",

/styleLint/functional/size/size-fine.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/size/size-fine.json	2024-12-11 14:17:33.710255880 +0000
@@ -2,7 +2,7 @@
 "control-minTarget-auto": {
   "$value": ["0.0625rem", "1px"],
   "$type": "dimension",
-    "filePath": "src/tokens/functional/size/size-fine.json",
+    "filePath": "src/tokens/functional/size/size-fine.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -15,7 +15,7 @@
 "controlStack-small-gap-auto": {
   "$value": ["0.03125rem", "0.5px"],
   "$type": "dimension",
-    "filePath": "src/tokens/functional/size/size-fine.json",
+    "filePath": "src/tokens/functional/size/size-fine.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -28,7 +28,7 @@
 "controlStack-medium-gap-auto": {
   "$value": ["0.03125rem", "0.5px"],
   "$type": "dimension",
-    "filePath": "src/tokens/functional/size/size-fine.json",
+    "filePath": "src/tokens/functional/size/size-fine.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",

/styleLint/functional/size/size.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/size/size.json	2024-12-11 14:17:33.845257815 +0000
@@ -8,7 +8,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -33,7 +33,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.44}",
@@ -58,7 +58,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.24}",
@@ -83,7 +83,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.20}",
@@ -108,7 +108,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "2px",
@@ -133,7 +133,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.4}",
@@ -158,7 +158,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -183,7 +183,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.12}",
@@ -208,7 +208,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.4}",
@@ -233,7 +233,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.28}",
@@ -258,7 +258,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.20}",
@@ -283,7 +283,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.4}",
@@ -308,7 +308,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -333,7 +333,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.12}",
@@ -358,7 +358,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.4}",
@@ -383,7 +383,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.32}",
@@ -408,7 +408,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.20}",
@@ -433,7 +433,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "6px",
@@ -458,7 +458,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -483,7 +483,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.12}",
@@ -508,7 +508,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -533,7 +533,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -558,7 +558,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.40}",
@@ -583,7 +583,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.20}",
@@ -608,7 +608,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "10px",
@@ -633,7 +633,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.12}",
@@ -658,7 +658,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -683,7 +683,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -708,7 +708,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.48}",
@@ -733,7 +733,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.20}",
@@ -758,7 +758,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "14px",
@@ -783,7 +783,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.12}",
@@ -808,7 +808,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -833,7 +833,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -858,7 +858,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -883,7 +883,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -908,7 +908,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -933,7 +933,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.12}",
@@ -958,7 +958,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -983,7 +983,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -1008,7 +1008,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.12}",
@@ -1027,7 +1027,7 @@
 "spinner-strokeWidth-default": {
   "$value": ["0.125rem", "2px"],
   "$type": "dimension",
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "2px",
@@ -1046,7 +1046,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -1071,7 +1071,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.32}",
@@ -1096,7 +1096,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.64}",
@@ -1125,7 +1125,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -1158,7 +1158,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -1191,7 +1191,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.24}",
@@ -1224,7 +1224,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -1257,7 +1257,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -1290,7 +1290,7 @@
       }
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.24}",
@@ -1319,7 +1319,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "192px",
@@ -1344,7 +1344,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "320px",
@@ -1369,7 +1369,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "480px",
@@ -1394,7 +1394,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "640px",
@@ -1419,7 +1419,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "960px",
@@ -1444,7 +1444,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "256px",
@@ -1469,7 +1469,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "320px",
@@ -1494,7 +1494,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "432px",
@@ -1519,7 +1519,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "600px",
@@ -1544,7 +1544,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.16}",
@@ -1569,7 +1569,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.8}",
@@ -1594,7 +1594,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.4}",
@@ -1619,7 +1619,7 @@
       "scopes": ["gap"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{base.size.12}",
@@ -1644,7 +1644,7 @@
       "scopes": ["radius"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "{borderRadius.medium}",
@@ -1669,7 +1669,7 @@
       "scopes": ["size"]
     }
   },
-    "filePath": "src/tokens/functional/size/size.json",
+    "filePath": "src/tokens/functional/size/size.json5",
   "isSource": true,
   "original": {
     "$value": "4px",

/styleLint/functional/size/viewport.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/size/viewport.json	2024-12-11 14:17:33.935259105 +0000
@@ -2,7 +2,7 @@
 "viewportRange-narrow": {
   "$value": ["48rem", "768px"],
   "$type": "custom-viewportRange",
-    "filePath": "src/tokens/functional/size/viewport.json",
+    "filePath": "src/tokens/functional/size/viewport.json5",
   "isSource": true,
   "original": {
     "$value": "(max-width: calc({breakpoint.medium} - 0.02px))",
@@ -15,7 +15,7 @@
 "viewportRange-narrowLandscape": {
   "$value": ["34rem", "544px"],
   "$type": "custom-viewportRange",
-    "filePath": "src/tokens/functional/size/viewport.json",
+    "filePath": "src/tokens/functional/size/viewport.json5",
   "isSource": true,
   "original": {
     "$value": "(max-width: calc({breakpoint.large} - 0.02px) and (max-height: calc({breakpoint.small} - 0.02px)) and (orientation: landscape))",
@@ -28,7 +28,7 @@
 "viewportRange-regular": {
   "$value": ["48rem", "768px"],
   "$type": "custom-viewportRange",
-    "filePath": "src/tokens/functional/size/viewport.json",
+    "filePath": "src/tokens/functional/size/viewport.json5",
   "isSource": true,
   "original": {
     "$value": "(min-width: {breakpoint.medium})",
@@ -41,7 +41,7 @@
 "viewportRange-wide": {
   "$value": ["87.5rem", "1400px"],
   "$type": "custom-viewportRange",
-    "filePath": "src/tokens/functional/size/viewport.json",
+    "filePath": "src/tokens/functional/size/viewport.json5",
   "isSource": true,
   "original": {
     "$value": "(min-width: {breakpoint.xxlarge})",
@@ -54,7 +54,7 @@
 "viewportRange-portrait": {
   "$value": "(orientation: portrait)",
   "$type": "custom-viewportRange",
-    "filePath": "src/tokens/functional/size/viewport.json",
+    "filePath": "src/tokens/functional/size/viewport.json5",
   "isSource": true,
   "original": {
     "$value": "(orientation: portrait)",
@@ -67,7 +67,7 @@
 "viewportRange-landscape": {
   "$value": "(orientation: landscape)",
   "$type": "custom-viewportRange",
-    "filePath": "src/tokens/functional/size/viewport.json",
+    "filePath": "src/tokens/functional/size/viewport.json5",
   "isSource": true,
   "original": {
     "$value": "(orientation: landscape)",

/styleLint/functional/themes/dark-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2024-12-11 14:17:32.475238180 +0000
@@ -8279,6 +8279,23 @@
   "attributes": {},
   "path": ["focus", "outlineColor"]
 },
+  "focus-outline": {
+    "$value": "#1f6feb solid 2px",
+    "$type": "border",
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{focus.outlineColor}",
+        "style": "solid",
+        "width": "2px"
+      },
+      "$type": "border"
+    },
+    "name": "focus-outline",
+    "attributes": {},
+    "path": ["focus", "outline"]
+  },
 "menu-bgColor-active": {
   "$value": "#151b23",
   "$type": "color",
@@ -15341,22 +15358,5 @@
   "name": "shadow-floating-legacy",
   "attributes": {},
   "path": ["shadow", "floating", "legacy"]
-  },
-  "outline-focus": {
-    "$value": "#1f6feb solid 2px",
-    "$type": "border",
-    "filePath": "src/tokens/functional/border/dark.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "color": "{focus.outlineColor}",
-        "style": "solid",
-        "width": "2px"
-      },
-      "$type": "border"
-    },
-    "name": "outline-focus",
-    "attributes": {},
-    "path": ["outline", "focus"]
 }
}

/styleLint/functional/themes/dark-dimmed.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed.json	2024-12-11 14:17:30.635203193 +0000
@@ -8267,6 +8267,23 @@
   "attributes": {},
   "path": ["focus", "outlineColor"]
 },
+  "focus-outline": {
+    "$value": "#316dca solid 2px",
+    "$type": "border",
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{focus.outlineColor}",
+        "style": "solid",
+        "width": "2px"
+      },
+      "$type": "border"
+    },
+    "name": "focus-outline",
+    "attributes": {},
+    "path": ["focus", "outline"]
+  },
 "menu-bgColor-active": {
   "$value": "#151b23",
   "$type": "color",
@@ -15705,22 +15722,5 @@
   "name": "shadow-floating-legacy",
   "attributes": {},
   "path": ["shadow", "floating", "legacy"]
-  },
-  "outline-focus": {
-    "$value": "#316dca solid 2px",
-    "$type": "border",
-    "filePath": "src/tokens/functional/border/dark.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "color": "{focus.outlineColor}",
-        "style": "solid",
-        "width": "2px"
-      },
-      "$type": "border"
-    },
-    "name": "outline-focus",
-    "attributes": {},
-    "path": ["outline", "focus"]
 }
}

/styleLint/functional/themes/dark-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-high-contrast.json	2024-12-11 14:17:33.344250634 +0000
@@ -7029,6 +7029,23 @@
   "attributes": {},
   "path": ["focus", "outlineColor"]
 },
+  "focus-outline": {
+    "$value": "#409eff solid 2px",
+    "$type": "border",
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{focus.outlineColor}",
+        "style": "solid",
+        "width": "2px"
+      },
+      "$type": "border"
+    },
+    "name": "focus-outline",
+    "attributes": {},
+    "path": ["focus", "outline"]
+  },
 "menu-bgColor-active": {
   "$value": "#151b23",
   "$type": "color",
@@ -13915,22 +13932,5 @@
   "name": "shadow-floating-legacy",
   "attributes": {},
   "path": ["shadow", "floating", "legacy"]
-  },
-  "outline-focus": {
-    "$value": "#409eff solid 2px",
-    "$type": "border",
-    "filePath": "src/tokens/functional/border/dark.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "color": "{focus.outlineColor}",
-        "style": "solid",
-        "width": "2px"
-      },
-      "$type": "border"
-    },
-    "name": "outline-focus",
-    "attributes": {},
-    "path": ["outline", "focus"]
 }
}

/styleLint/functional/themes/dark-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia.json	2024-12-11 14:17:31.555220955 +0000
@@ -8411,6 +8411,23 @@
   "attributes": {},
   "path": ["focus", "outlineColor"]
 },
+  "focus-outline": {
+    "$value": "#1f6feb solid 2px",
+    "$type": "border",
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{focus.outlineColor}",
+        "style": "solid",
+        "width": "2px"
+      },
+      "$type": "border"
+    },
+    "name": "focus-outline",
+    "attributes": {},
+    "path": ["focus", "outline"]
+  },
 "menu-bgColor-active": {
   "$value": "#151b23",
   "$type": "color",
@@ -15541,22 +15558,5 @@
   "name": "shadow-floating-legacy",
   "attributes": {},
   "path": ["shadow", "floating", "legacy"]
-  },
-  "outline-focus": {
-    "$value": "#1f6feb solid 2px",
-    "$type": "border",
-    "filePath": "src/tokens/functional/border/dark.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "color": "{focus.outlineColor}",
-        "style": "solid",
-        "width": "2px"
-      },
-      "$type": "border"
-    },
-    "name": "outline-focus",
-    "attributes": {},
-    "path": ["outline", "focus"]
 }
}

/styleLint/functional/themes/dark.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark.json	2024-12-11 14:17:29.665184466 +0000
@@ -8505,6 +8505,23 @@
   "attributes": {},
   "path": ["focus", "outlineColor"]
 },
+  "focus-outline": {
+    "$value": "#1f6feb solid 2px",
+    "$type": "border",
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{focus.outlineColor}",
+        "style": "solid",
+        "width": "2px"
+      },
+      "$type": "border"
+    },
+    "name": "focus-outline",
+    "attributes": {},
+    "path": ["focus", "outline"]
+  },
 "menu-bgColor-active": {
   "$value": "#151b23",
   "$type": "color",
@@ -16127,22 +16144,5 @@
   "name": "shadow-floating-legacy",
   "attributes": {},
   "path": ["shadow", "floating", "legacy"]
-  },
-  "outline-focus": {
-    "$value": "#1f6feb solid 2px",
-    "$type": "border",
-    "filePath": "src/tokens/functional/border/dark.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "color": "{focus.outlineColor}",
-        "style": "solid",
-        "width": "2px"
-      },
-      "$type": "border"
-    },
-    "name": "outline-focus",
-    "attributes": {},
-    "path": ["outline", "focus"]
 }
}

/styleLint/functional/themes/light-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind.json	2024-12-11 14:17:27.839150911 +0000
@@ -8312,7 +8312,7 @@
 "focus-outline": {
   "$value": "#0969da solid 2px",
   "$type": "border",
-    "filePath": "src/tokens/functional/border/light.json5",
+    "filePath": "src/tokens/functional/border/border.json5",
   "isSource": true,
   "original": {
     "$value": {

/styleLint/functional/themes/light-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-high-contrast.json	2024-12-11 14:17:28.649164851 +0000
@@ -7208,7 +7208,7 @@
 "focus-outline": {
   "$value": "#0349b4 solid 2px",
   "$type": "border",
-    "filePath": "src/tokens/functional/border/light.json5",
+    "filePath": "src/tokens/functional/border/border.json5",
   "isSource": true,
   "original": {
     "$value": {

/styleLint/functional/themes/light-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia.json	2024-12-11 14:17:26.948137662 +0000
@@ -8354,7 +8354,7 @@
 "focus-outline": {
   "$value": "#0969da solid 2px",
   "$type": "border",
-    "filePath": "src/tokens/functional/border/light.json5",
+    "filePath": "src/tokens/functional/border/border.json5",
   "isSource": true,
   "original": {
     "$value": {

/styleLint/functional/themes/light.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light.json	2024-12-11 14:17:26.027123967 +0000
@@ -8480,7 +8480,7 @@
 "focus-outline": {
   "$value": "#0969da solid 2px",
   "$type": "border",
-    "filePath": "src/tokens/functional/border/light.json5",
+    "filePath": "src/tokens/functional/border/border.json5",
   "isSource": true,
   "original": {
     "$value": {

/styleLint/functional/typography/typography.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/typography/typography.json	2024-12-11 14:17:34.135261971 +0000
@@ -8,7 +8,7 @@
       "scopes": ["fontFamily"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
@@ -33,7 +33,7 @@
       "scopes": ["fontFamily"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
@@ -58,7 +58,7 @@
       "scopes": ["fontFamily"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
@@ -83,7 +83,7 @@
       "scopes": ["fontFamily"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
@@ -112,7 +112,7 @@
       "fontSizeInPx": 40
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.4,
@@ -141,7 +141,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "40px",
@@ -169,7 +169,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.4,
@@ -197,7 +197,7 @@
       "scopes": ["fontWeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "{base.text.weight.medium}",
@@ -217,7 +217,7 @@
   "$value": "500 2.5rem,40px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "$type": "typography",
   "$description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -242,7 +242,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "32px",
@@ -267,7 +267,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "20px",
@@ -292,7 +292,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "16px",
@@ -320,7 +320,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.5,
@@ -351,7 +351,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.6,
@@ -382,7 +382,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.5,
@@ -410,7 +410,7 @@
       "scopes": ["fontWeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "{base.text.weight.semibold}",
@@ -435,7 +435,7 @@
       "scopes": ["fontWeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "{base.text.weight.semibold}",
@@ -460,7 +460,7 @@
       "scopes": ["fontWeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "{base.text.weight.semibold}",
@@ -480,7 +480,7 @@
   "$value": "600 2rem,32px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "$type": "typography",
   "$description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -500,7 +500,7 @@
   "$value": "600 1.25rem,20px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "$type": "typography",
   "$description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -520,7 +520,7 @@
   "$value": "600 1rem,16px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "$type": "typography",
   "$description": "Uses the same size as body (large) with a heavier weight of semibold (600).",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -545,7 +545,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "20px",
@@ -573,7 +573,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.6,
@@ -601,7 +601,7 @@
       "scopes": ["fontWeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "{base.text.weight.normal}",
@@ -621,7 +621,7 @@
   "$value": "400 1.25rem,20px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "$type": "typography",
   "$description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -646,7 +646,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "16px",
@@ -671,7 +671,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "14px",
@@ -696,7 +696,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "12px",
@@ -724,7 +724,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.5,
@@ -755,7 +755,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.4285,
@@ -786,7 +786,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.6666,
@@ -814,7 +814,7 @@
       "scopes": ["fontWeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "{base.text.weight.normal}",
@@ -834,7 +834,7 @@
   "$value": "400 1rem,16px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "$type": "typography",
   "$description": "User-generated content, markdown rendering.",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -854,7 +854,7 @@
   "$value": "400 0.875rem,14px/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "$type": "typography",
   "$description": "Default UI font. Most commonly used for body text.",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -874,7 +874,7 @@
   "$value": "400 0.75rem,12px/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "$type": "typography",
   "$description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -899,7 +899,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "12px",
@@ -927,7 +927,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.3333,
@@ -955,7 +955,7 @@
       "scopes": ["fontWeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "{base.text.weight.normal}",
@@ -975,7 +975,7 @@
   "$value": "400 0.75rem,12px/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "$type": "typography",
   "$description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -1000,7 +1000,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "13px",
@@ -1028,7 +1028,7 @@
       "scopes": ["lineHeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": 1.5385,
@@ -1056,7 +1056,7 @@
       "scopes": ["fontWeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "{base.text.weight.normal}",
@@ -1076,7 +1076,7 @@
   "$value": "400 0.8125rem,13px/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
   "$type": "typography",
   "$description": "Default style for rendering code blocks.",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {
@@ -1101,7 +1101,7 @@
       "scopes": ["fontSize"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "0.9285em",
@@ -1126,7 +1126,7 @@
       "scopes": ["fontWeight"]
     }
   },
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": "{base.text.weight.normal}",
@@ -1146,7 +1146,7 @@
   "$value": "400 ,14.856px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
   "$type": "typography",
   "$description": "Inline code blocks using em units to inherit size from its parent.",
-    "filePath": "src/tokens/functional/typography/typography.json",
+    "filePath": "src/tokens/functional/typography/typography.json5",
   "isSource": true,
   "original": {
     "$value": {

@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 11, 2024 13:47 Inactive
@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 11, 2024 •
edited
Loading

Design Token Diff (Fallbacks)

/fallbacks/functional/size/border.json

 
+++ /home/runner/work/primitives/primitives/dist/fallbacks/functional/size/border.json	2024-12-11 14:17:33.453252197 +0000
@@ -2,6 +2,7 @@
 "--boxShadow-thin": "inset 0 0 0 max(1px, 0.0625rem)",
 "--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)",

@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 11, 2024 13:56 Inactive
@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 11, 2024 14:08 Inactive
@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 11, 2024 14:15 Inactive
@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 11, 2024 14:18 Inactive
@lukasoppermann lukasoppermann merged commit b516379 into main Dec 11, 2024
26 checks passed
@lukasoppermann lukasoppermann deleted the composite-border branch December 11, 2024 14:24
@primer primer bot mentioned this pull request Dec 11, 2024
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@jonrohan jonrohan Awaiting requested review from jonrohan jonrohan is a code owner automatically assigned from primer/css-reviewers

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@lukasoppermann