@primer/css 20.1.0 → 20.1.1-rc.10934bef

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @primer/css
 
+## 20.1.1
+
+### Patch Changes
+
+- [#2078](https://github.com/primer/css/pull/2078) [`92ac0e39`](https://github.com/primer/css/commit/92ac0e39e6f5aae0314397890c8f78227a6c6ba0) Thanks [@langermank](https://github.com/langermank)! - Setup new `primer-primitive` bundle
+
 ## 20.1.0
 
 ### Minor Changes

package/dist/meta.json

@@ -22,6 +22,17 @@
       "legacy": "primer-support/index.scss",
       "imports": []
     },
+    "loaders": {
+      "name": "loaders",
+      "source": "src/loaders/index.scss",
+      "sass": "@primer/css/loaders/index.scss",
+      "css": "dist/loaders.css",
+      "map": "dist/loaders.css.map",
+      "js": "dist/loaders.js",
+      "stats": "dist/stats/loaders.json",
+      "legacy": "primer-loaders/index.scss",
+      "imports": []
+    },
     "branch-name": {
       "name": "branch-name",
       "source": "src/branch-name/index.scss",
@@ -44,6 +55,28 @@
       "legacy": "primer-breadcrumb/index.scss",
       "imports": []
     },
+    "links": {
+      "name": "links",
+      "source": "src/links/index.scss",
+      "sass": "@primer/css/links/index.scss",
+      "css": "dist/links.css",
+      "map": "dist/links.css.map",
+      "js": "dist/links.js",
+      "stats": "dist/stats/links.json",
+      "legacy": "primer-links/index.scss",
+      "imports": []
+    },
+    "header": {
+      "name": "header",
+      "source": "src/header/index.scss",
+      "sass": "@primer/css/header/index.scss",
+      "css": "dist/header.css",
+      "map": "dist/header.css.map",
+      "js": "dist/header.js",
+      "stats": "dist/stats/header.json",
+      "legacy": "primer-header/index.scss",
+      "imports": []
+    },
     "blankslate": {
       "name": "blankslate",
       "source": "src/blankslate/index.scss",
@@ -55,26 +88,15 @@
       "legacy": "primer-blankslate/index.scss",
       "imports": []
     },
-    "alerts": {
-      "name": "alerts",
-      "source": "src/alerts/index.scss",
-      "sass": "@primer/css/alerts/index.scss",
-      "css": "dist/alerts.css",
-      "map": "dist/alerts.css.map",
-      "js": "dist/alerts.js",
-      "stats": "dist/stats/alerts.json",
-      "legacy": "primer-alerts/index.scss",
-      "imports": []
-    },
-    "loaders": {
-      "name": "loaders",
-      "source": "src/loaders/index.scss",
-      "sass": "@primer/css/loaders/index.scss",
-      "css": "dist/loaders.css",
-      "map": "dist/loaders.css.map",
-      "js": "dist/loaders.js",
-      "stats": "dist/stats/loaders.json",
-      "legacy": "primer-loaders/index.scss",
+    "dropdown": {
+      "name": "dropdown",
+      "source": "src/dropdown/index.scss",
+      "sass": "@primer/css/dropdown/index.scss",
+      "css": "dist/dropdown.css",
+      "map": "dist/dropdown.css.map",
+      "js": "dist/dropdown.js",
+      "stats": "dist/stats/dropdown.json",
+      "legacy": "primer-dropdown/index.scss",
       "imports": []
     },
     "progress": {
@@ -99,28 +121,6 @@
       "legacy": "primer-truncate/index.scss",
       "imports": []
     },
-    "links": {
-      "name": "links",
-      "source": "src/links/index.scss",
-      "sass": "@primer/css/links/index.scss",
-      "css": "dist/links.css",
-      "map": "dist/links.css.map",
-      "js": "dist/links.js",
-      "stats": "dist/stats/links.json",
-      "legacy": "primer-links/index.scss",
-      "imports": []
-    },
-    "header": {
-      "name": "header",
-      "source": "src/header/index.scss",
-      "sass": "@primer/css/header/index.scss",
-      "css": "dist/header.css",
-      "map": "dist/header.css.map",
-      "js": "dist/header.js",
-      "stats": "dist/stats/header.json",
-      "legacy": "primer-header/index.scss",
-      "imports": []
-    },
     "subhead": {
       "name": "subhead",
       "source": "src/subhead/index.scss",
@@ -143,6 +143,17 @@
       "legacy": "primer-timeline/index.scss",
       "imports": []
     },
+    "alerts": {
+      "name": "alerts",
+      "source": "src/alerts/index.scss",
+      "sass": "@primer/css/alerts/index.scss",
+      "css": "dist/alerts.css",
+      "map": "dist/alerts.css.map",
+      "js": "dist/alerts.js",
+      "stats": "dist/stats/alerts.json",
+      "legacy": "primer-alerts/index.scss",
+      "imports": []
+    },
     "toasts": {
       "name": "toasts",
       "source": "src/toasts/index.scss",
@@ -187,17 +198,6 @@
       "legacy": "primer-tooltips/index.scss",
       "imports": []
     },
-    "dropdown": {
-      "name": "dropdown",
-      "source": "src/dropdown/index.scss",
-      "sass": "@primer/css/dropdown/index.scss",
-      "css": "dist/dropdown.css",
-      "map": "dist/dropdown.css.map",
-      "js": "dist/dropdown.js",
-      "stats": "dist/stats/dropdown.json",
-      "legacy": "primer-dropdown/index.scss",
-      "imports": []
-    },
     "overlay": {
       "name": "overlay",
       "source": "src/overlay/index.scss",
@@ -264,17 +264,6 @@
       "legacy": "primer-marketing-links/index.scss",
       "imports": []
     },
-    "marketing-type": {
-      "name": "marketing-type",
-      "source": "src/marketing/type/index.scss",
-      "sass": "@primer/css/marketing/type/index.scss",
-      "css": "dist/marketing-type.css",
-      "map": "dist/marketing-type.css.map",
-      "js": "dist/marketing-type.js",
-      "stats": "dist/stats/marketing-type.json",
-      "legacy": "primer-marketing-type/index.scss",
-      "imports": []
-    },
     "marketing-buttons": {
       "name": "marketing-buttons",
       "source": "src/marketing/buttons/index.scss",
@@ -286,6 +275,17 @@
       "legacy": "primer-marketing-buttons/index.scss",
       "imports": []
     },
+    "marketing-type": {
+      "name": "marketing-type",
+      "source": "src/marketing/type/index.scss",
+      "sass": "@primer/css/marketing/type/index.scss",
+      "css": "dist/marketing-type.css",
+      "map": "dist/marketing-type.css.map",
+      "js": "dist/marketing-type.js",
+      "stats": "dist/stats/marketing-type.json",
+      "legacy": "primer-marketing-type/index.scss",
+      "imports": []
+    },
     "buttons": {
       "name": "buttons",
       "source": "src/buttons/index.scss",
@@ -418,6 +418,17 @@
       "legacy": "primer-marketing/index.scss",
       "imports": []
     },
+    "primitives": {
+      "name": "primitives",
+      "source": "src/primitives/index.scss",
+      "sass": "@primer/css/primitives/index.scss",
+      "css": "dist/primitives.css",
+      "map": "dist/primitives.css.map",
+      "js": "dist/primitives.js",
+      "stats": "dist/stats/primitives.json",
+      "legacy": "primer-primitives/index.scss",
+      "imports": []
+    },
     "product": {
       "name": "product",
       "source": "src/product/index.scss",

package/dist/primitives.css

@@ -0,0 +1,2 @@
+:root{--base-size-128: 8rem;--base-size-112: 7rem;--base-size-96: 6rem;--base-size-80: 5rem;--base-size-64: 4rem;--base-size-48: 3rem;--base-size-44: 2.75rem;--base-size-40: 2.5rem;--base-size-36: 2.25rem;--base-size-32: 2rem;--base-size-28: 1.75rem;--base-size-24: 1.5rem;--base-size-20: 1.25rem;--base-size-16: 1rem;--base-size-12: 0.75rem;--base-size-8: 0.5rem;--base-size-4: 0.25rem}:root{--base-text-weight-semibold: 600;--base-text-weight-medium: 500;--base-text-weight-normal: 400;--base-text-weight-light: 300}:root{--primer-borderRadius-full: 100vh;--primer-borderRadius-large: 0.75rem;--primer-borderRadius-medium: 0.375rem;--primer-borderRadius-small: 0.1875rem;--primer-borderWidth-thick: max(4px, 0.25rem);--primer-borderWidth-normal: max(2px, 0.125rem);--primer-borderWidth-thin: max(1px, 0.0625rem);--primer-borderInset-thick: inset 0 0 0 var(--primer-borderWidth-thick);--primer-borderInset-normal: inset 0 0 0 var(--primer-borderWidth-normal);--primer-borderInset-thin: inset 0 0 0 var(--primer-borderWidth-thin)}:root{--primer-breakpoint-xxlarge: 90rem;--primer-breakpoint-xlarge: 80rem;--primer-breakpoint-large: 63.25rem;--primer-breakpoint-medium: 48rem;--primer-breakpoint-small: 34rem;--primer-breakpoint-xsmall: 20rem}@media(pointer: coarse){:root{--primer-controlStack-medium-gap-auto: var(--base-size-12);--primer-controlStack-small-gap-auto: var(--base-size-16);--primer-control-minTarget-auto: var(--base-size-44)}}@media(pointer: fine){:root{--primer-controlStack-medium-gap-auto: var(--base-size-8);--primer-controlStack-small-gap-auto: var(--base-size-8);--primer-control-minTarget-auto: var(--base-size-16)}}:root{--primer-controlStack-large-gap-spacious: var(--base-size-12);--primer-controlStack-large-gap-condensed: var(--base-size-8);--primer-controlStack-large-gap-auto: var(--base-size-8);--primer-controlStack-medium-gap-spacious: var(--base-size-12);--primer-controlStack-medium-gap-condensed: var(--base-size-8);--primer-controlStack-small-gap-spacious: var(--base-size-16);--primer-controlStack-small-gap-condensed: var(--base-size-8);--primer-stack-gap-spacious: var(--base-size-24);--primer-stack-gap-normal: var(--base-size-16);--primer-stack-gap-condensed: var(--base-size-8);--primer-stack-padding-spacious: var(--base-size-24);--primer-stack-padding-normal: var(--base-size-16);--primer-stack-padding-condensed: var(--base-size-8);--primer-control-xlarge-gap: var(--base-size-8);--primer-control-xlarge-paddingInline-spacious: var(--base-size-16);--primer-control-xlarge-paddingInline-normal: var(--base-size-12);--primer-control-xlarge-lineBoxHeight: var(--base-size-20);--primer-control-xlarge-size: var(--base-size-48);--primer-control-large-gap: var(--base-size-8);--primer-control-large-paddingInline-spacious: var(--base-size-16);--primer-control-large-paddingInline-normal: var(--base-size-12);--primer-control-large-lineBoxHeight: var(--base-size-20);--primer-control-large-size: var(--base-size-40);--primer-control-medium-gap: var(--base-size-8);--primer-control-medium-paddingInline-spacious: var(--base-size-16);--primer-control-medium-paddingInline-normal: var(--base-size-12);--primer-control-medium-paddingInline-condensed: var(--base-size-8);--primer-control-medium-lineBoxHeight: var(--base-size-20);--primer-control-medium-size: var(--base-size-32);--primer-control-small-gap: var(--base-size-4);--primer-control-small-paddingInline-normal: var(--base-size-12);--primer-control-small-paddingInline-condensed: var(--base-size-8);--primer-control-small-lineBoxHeight: var(--base-size-20);--primer-control-small-size: var(--base-size-28);--primer-control-xsmall-gap: var(--base-size-4);--primer-control-xsmall-paddingInline-spacious: var(--base-size-12);--primer-control-xsmall-paddingInline-normal: var(--base-size-8);--primer-control-xsmall-paddingInline-condensed: var(--base-size-4);--primer-control-xsmall-lineBoxHeight: var(--base-size-20);--primer-control-xsmall-size: var(--base-size-24);--primer-control-minTarget-coarse: var(--base-size-44);--primer-control-minTarget-fine: var(--base-size-16);--primer-control-xlarge-paddingBlock: calc((var(--primer-control-xlarge-size) - var(--primer-control-xlarge-lineBoxHeight)) / 2);--primer-control-large-paddingBlock: calc((var(--primer-control-large-size) - var(--primer-control-large-lineBoxHeight)) / 2);--primer-control-medium-paddingBlock: calc((var(--primer-control-medium-size) - var(--primer-control-medium-lineBoxHeight)) / 2);--primer-control-small-paddingBlock: calc((var(--primer-control-small-size) - var(--primer-control-small-lineBoxHeight)) / 2);--primer-control-xsmall-paddingBlock: calc((var(--primer-control-xsmall-size) - var(--primer-control-xsmall-lineBoxHeight)) / 2)}@custom-media --primer-viewportRange-narrow-viewport (max-width: calc(48rem - 0.02px));@custom-media --primer-viewportRange-narrowLandscape-viewport (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));@custom-media --primer-viewportRange-regular-viewport (min-width: 48rem);@custom-media --primer-viewportRange-wide-viewport (min-width: 90rem);@custom-media --primer-viewportRange-portrait-viewport (orientation: portrait);@custom-media --primer-viewportRange-landscape-viewport (orientation: landscape);:root{--primer-text-codeInline-size: 0.9285em;--primer-text-codeBlock-lineHeight: 1.25rem;--primer-text-codeBlock-size: 0.8125rem;--primer-text-caption-lineHeight: 1rem;--primer-text-caption-size: 0.75rem;--primer-text-body-lineHeight-small: 1.25rem;--primer-text-body-lineHeight-medium: 1.25rem;--primer-text-body-lineHeight-large: 1.5rem;--primer-text-body-size-small: 0.75rem;--primer-text-body-size-medium: 0.875rem;--primer-text-body-size-large: 1rem;--primer-text-subtitle-lineHeight: 2rem;--primer-text-subtitle-size: 1.25rem;--primer-text-title-lineHeight-medium: 2rem;--primer-text-title-lineHeight-large: 3rem;--primer-text-title-size-medium: 1.25rem;--primer-text-title-size-large: 2rem;--primer-text-display-lineHeight: 3.5rem;--primer-text-display-size: 2.5rem;--primer-text-display-lineBoxHeight: 3.5rem;--primer-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--primer-fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--primer-text-codeInline-weight: var(--base-text-weight-normal);--primer-text-codeBlock-weight: var(--base-text-weight-normal);--primer-text-caption-weight: var(--base-text-weight-normal);--primer-text-body-weight: var(--base-text-weight-normal);--primer-text-subtitle-weight: var(--base-text-weight-normal);--primer-text-title-weight: var(--base-text-weight-semibold);--primer-text-display-weight: var(--base-text-weight-medium);--primer-text-codeInline-shorthand: var(--primer-text-codeInline-weight) var(--primer-text-codeInline-size)/inherit var(--primer-fontStack-monospace);--primer-text-codeBlock-shorthand: var(--primer-text-codeBlock-weight) var(--primer-text-codeBlock-size)/var(--primer-text-codeBlock-lineHeight) var(--primer-fontStack-monospace);--primer-text-caption-shorthand: var(--primer-text-caption-weight) var(--primer-text-caption-size)/var(--primer-text-caption-lineHeight) var(--primer-fontStack-sansSerif);--primer-text-body-shorthand-small: var(--primer-text-body-weight) var(--primer-text-body-size-small)/var(--primer-text-body-lineHeight-small) var(--primer-fontStack-sansSerif);--primer-text-body-shorthand-medium: var(--primer-text-body-weight) var(--primer-text-body-size-medium)/var(--primer-text-body-lineHeight-medium) var(--primer-fontStack-sansSerif);--primer-text-body-shorthand-large: var(--primer-text-body-weight) var(--primer-text-body-size-large)/var(--primer-text-body-lineHeight-large) var(--primer-fontStack-sansSerif);--primer-text-subtitle-shorthand: var(--primer-text-subtitle-weight) var(--primer-text-subtitle-size)/var(--primer-text-subtitle-lineHeight) var(--primer-fontStack-sansSerif);--primer-text-title-shorthand-medium: var(--primer-text-title-weight) var(--primer-text-title-size-medium)/var(--primer-text-title-lineHeight-medium) var(--primer-fontStack-sansSerif);--primer-text-title-shorthand-large: var(--primer-text-title-weight) var(--primer-text-title-size-large)/var(--primer-text-title-lineHeight-large) var(--primer-fontStack-sansSerif);--primer-text-display-shorthand: var(--primer-text-display-weight) var(--primer-text-display-size)/var(--primer-text-display-lineHeight) var(--primer-fontStack-sansSerif)}
+/*# sourceMappingURL=primitives.css.map */

package/dist/primitives.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///home/runner/work/css/css/src/primitives/index.scss%23sass"],"names":[],"mappings":"AAKA,MAAA,qBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,uBAAA,CAAA,sBAAA,CAAA,uBAAA,CAAA,oBAAA,CAAA,uBAAA,CAAA,sBAAA,CAAA,uBAAA,CAAA,oBAAA,CAAA,uBAAA,CAAA,qBAAA,CAAA,sBAAA,CAAA,MAAA,gCAAA,CAAA,8BAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,MAAA,iCAAA,CAAA,oCAAA,CAAA,sCAAA,CAAA,sCAAA,CAAA,6CAAA,CAAA,+CAAA,CAAA,8CAAA,CAAA,uEAAA,CAAA,yEAAA,CAAA,qEAAA,CAAA,MAAA,kCAAA,CAAA,iCAAA,CAAA,mCAAA,CAAA,iCAAA,CAAA,gCAAA,CAAA,iCAAA,CAAA,wBAAA,MAAA,0DAAA,CAAA,yDAAA,CAAA,oDAAA,CAAA,CAAA,sBAAA,MAAA,yDAAA,CAAA,wDAAA,CAAA,oDAAA,CAAA,CAAA,MAAA,6DAAA,CAAA,6DAAA,CAAA,wDAAA,CAAA,8DAAA,CAAA,8DAAA,CAAA,6DAAA,CAAA,6DAAA,CAAA,gDAAA,CAAA,8CAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,kDAAA,CAAA,oDAAA,CAAA,+CAAA,CAAA,mEAAA,CAAA,iEAAA,CAAA,0DAAA,CAAA,iDAAA,CAAA,8CAAA,CAAA,kEAAA,CAAA,gEAAA,CAAA,yDAAA,CAAA,gDAAA,CAAA,+CAAA,CAAA,mEAAA,CAAA,iEAAA,CAAA,mEAAA,CAAA,0DAAA,CAAA,iDAAA,CAAA,8CAAA,CAAA,gEAAA,CAAA,kEAAA,CAAA,yDAAA,CAAA,gDAAA,CAAA,+CAAA,CAAA,mEAAA,CAAA,gEAAA,CAAA,mEAAA,CAAA,0DAAA,CAAA,iDAAA,CAAA,sDAAA,CAAA,oDAAA,CAAA,gIAAA,CAAA,6HAAA,CAAA,gIAAA,CAAA,6HAAA,CAAA,gIAAA,CAAA,sFAAA,CAAA,sKAAA,CAAA,wEAAA,CAAA,qEAAA,CAAA,8EAAA,CAAA,gFAAA,CAAA,MAAA,uCAAA,CAAA,2CAAA,CAAA,uCAAA,CAAA,sCAAA,CAAA,mCAAA,CAAA,4CAAA,CAAA,6CAAA,CAAA,2CAAA,CAAA,sCAAA,CAAA,wCAAA,CAAA,mCAAA,CAAA,uCAAA,CAAA,oCAAA,CAAA,2CAAA,CAAA,0CAAA,CAAA,wCAAA,CAAA,oCAAA,CAAA,wCAAA,CAAA,kCAAA,CAAA,2CAAA,CAAA,gHAAA,CAAA,gJAAA,CAAA,6IAAA,CAAA,+DAAA,CAAA,8DAAA,CAAA,4DAAA,CAAA,yDAAA,CAAA,6DAAA,CAAA,4DAAA,CAAA,4DAAA,CAAA,qJAAA,CAAA,kLAAA,CAAA,0KAAA,CAAA,gLAAA,CAAA,mLAAA,CAAA,gLAAA,CAAA,8KAAA,CAAA,uLAAA,CAAA,oLAAA,CAAA,0KAAA","file":"primitives.css"}

package/dist/primitives.js

@@ -0,0 +1 @@
+export {cssstats: require('./stats/primitives.json')}

package/dist/stats/primitives.json

@@ -0,0 +1 @@
+{"size":954,"gzipSize":295,"humanizedSize":"954B","humanizedGzipSize":"295B","rules":{"total":2,"size":{"graph":[3,3],"max":3,"average":3},"selectorByRuleSizes":[{"selector":":root","declarations":3},{"selector":":root","declarations":3}]},"selectors":{"total":2,"type":0,"class":0,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[":root",":root"],"specificity":{"max":10,"average":10}},"declarations":{"total":6,"unique":6,"uniqueToTotalRatio":1,"properties":{"--primer-controlStack-medium-gap-auto":["var(--base-size-12)","var(--base-size-8)"],"--primer-controlStack-small-gap-auto":["var(--base-size-16)","var(--base-size-8)"],"--primer-control-minTarget-auto":["var(--base-size-44)","var(--base-size-16)"]}},"mediaQueries":{"total":2,"unique":2,"values":["(pointer: coarse)","(pointer: fine)"],"contents":[{"value":"(pointer: coarse)","rules":{"total":1,"size":{"graph":[3],"max":3,"average":3},"selectorByRuleSizes":[{"selector":":root","declarations":3}]},"selectors":{"total":1,"type":0,"class":0,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[":root"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"uniqueToTotalRatio":1,"properties":{"--primer-controlStack-medium-gap-auto":["var(--base-size-12)"],"--primer-controlStack-small-gap-auto":["var(--base-size-16)"],"--primer-control-minTarget-auto":["var(--base-size-44)"]}}},{"value":"(pointer: fine)","rules":{"total":1,"size":{"graph":[3],"max":3,"average":3},"selectorByRuleSizes":[{"selector":":root","declarations":3}]},"selectors":{"total":1,"type":0,"class":0,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[":root"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"uniqueToTotalRatio":1,"properties":{"--primer-controlStack-medium-gap-auto":["var(--base-size-8)"],"--primer-controlStack-small-gap-auto":["var(--base-size-8)"],"--primer-control-minTarget-auto":["var(--base-size-16)"]}}}]}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/css",
-  "version": "20.1.0",
+  "version": "20.1.1-rc.10934bef",
   "description": "The CSS implementation of GitHub's Primer Design System",
   "homepage": "https://primer.style/css",
   "author": "GitHub, Inc.",
@@ -41,7 +41,7 @@
     "storybook": "cd docs && yarn && yarn storybook"
   },
   "dependencies": {
-    "@primer/primitives": "^7.7.0"
+    "@primer/primitives": "^7.8.3"
   },
   "devDependencies": {
     "@changesets/changelog-github": "0.4.4",

package/primitives/index.scss

@@ -0,0 +1,9 @@
+@import '@primer/primitives/tokens-v2-private/css/tokens/base/size/size.css';
+@import '@primer/primitives/tokens-v2-private/css/tokens/base/typography/typography.css';
+@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/border.css';
+@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/breakpoints.css';
+@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-coarse.css';
+@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-fine.css';
+@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/size.css';
+@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/viewport.css';
+@import '@primer/primitives/tokens-v2-private/css/tokens/functional/typography/typography.css';