@primer/primitives 7.9.0 → 7.10.0-rc.24b9498

package/dist/json/colors/dark_colorblind.json

@@ -107,7 +107,7 @@
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#d47616",
     "donutPending": "#d29922",
     "donutSuccess": "#388bfd",
@@ -375,6 +375,11 @@
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(177,186,196,0.12)"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/json/colors/dark_dimmed.json

@@ -107,7 +107,7 @@
     "inputPlaceholderText": "#636e7b",
     "inputFocusText": "#adbac7",
     "inputBg": "#2d333b",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#e5534b",
     "donutPending": "#c69026",
     "donutSuccess": "#46954a",
@@ -375,6 +375,11 @@
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(144,157,171,0.12)"
+    }
+  },
   "fg": {
     "default": "#adbac7",
     "muted": "#768390",

package/dist/json/colors/dark_high_contrast.json

@@ -107,7 +107,7 @@
     "inputPlaceholderText": "#9ea7b3",
     "inputFocusText": "#f0f3f6",
     "inputBg": "#272b33",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#ff6a69",
     "donutPending": "#f0b72f",
     "donutSuccess": "#09b43a",
@@ -375,6 +375,11 @@
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "#525964"
+    }
+  },
   "fg": {
     "default": "#f0f3f6",
     "muted": "#f0f3f6",

package/dist/json/colors/dark_tritanopia.json

@@ -107,7 +107,7 @@
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#f85149",
     "donutPending": "#d29922",
     "donutSuccess": "#388bfd",
@@ -375,6 +375,11 @@
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(177,186,196,0.12)"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/json/colors/light.json

@@ -375,6 +375,11 @@
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(208,215,222,0.32)"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/json/colors/light_colorblind.json

@@ -375,6 +375,11 @@
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(208,215,222,0.32)"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/json/colors/light_high_contrast.json

@@ -375,6 +375,11 @@
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "#ced5dc"
+    }
+  },
   "fg": {
     "default": "#0e1116",
     "muted": "#0e1116",

package/dist/json/colors/light_tritanopia.json

@@ -375,6 +375,11 @@
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(208,215,222,0.32)"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/scss/colors/_dark.scss

@@ -83,7 +83,7 @@
     --color-checks-input-placeholder-text: #6e7681;
     --color-checks-input-focus-text: #c9d1d9;
     --color-checks-input-bg: #161b22;
-    --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
+    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
     --color-checks-donut-error: #f85149;
     --color-checks-donut-pending: #d29922;
     --color-checks-donut-success: #2ea043;
@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: #30363d;
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
+    --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_dark_colorblind.scss

@@ -83,7 +83,7 @@
     --color-checks-input-placeholder-text: #6e7681;
     --color-checks-input-focus-text: #c9d1d9;
     --color-checks-input-bg: #161b22;
-    --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
+    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
     --color-checks-donut-error: #d47616;
     --color-checks-donut-pending: #d29922;
     --color-checks-donut-success: #388bfd;
@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: #30363d;
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
+    --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_dark_dimmed.scss

@@ -83,7 +83,7 @@
     --color-checks-input-placeholder-text: #636e7b;
     --color-checks-input-focus-text: #adbac7;
     --color-checks-input-bg: #2d333b;
-    --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
+    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
     --color-checks-donut-error: #e5534b;
     --color-checks-donut-pending: #c69026;
     --color-checks-donut-success: #46954a;
@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: #444c56;
     --color-segmented-control-button-active-bg: #373e47;
     --color-segmented-control-button-selected-border: #636e7b;
+    --color-tree-view-item-chevron-hover-bg: rgba(144,157,171,0.12);
     --color-fg-default: #adbac7;
     --color-fg-muted: #768390;
     --color-fg-subtle: #636e7b;

package/dist/scss/colors/_dark_high_contrast.scss

@@ -83,7 +83,7 @@
     --color-checks-input-placeholder-text: #9ea7b3;
     --color-checks-input-focus-text: #f0f3f6;
     --color-checks-input-bg: #272b33;
-    --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
+    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
     --color-checks-donut-error: #ff6a69;
     --color-checks-donut-pending: #f0b72f;
     --color-checks-donut-success: #09b43a;
@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: #525964;
     --color-segmented-control-button-active-bg: #272b33;
     --color-segmented-control-button-selected-border: #9ea7b3;
+    --color-tree-view-item-chevron-hover-bg: #525964;
     --color-fg-default: #f0f3f6;
     --color-fg-muted: #f0f3f6;
     --color-fg-subtle: #9ea7b3;

package/dist/scss/colors/_dark_tritanopia.scss

@@ -83,7 +83,7 @@
     --color-checks-input-placeholder-text: #6e7681;
     --color-checks-input-focus-text: #c9d1d9;
     --color-checks-input-bg: #161b22;
-    --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
+    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
     --color-checks-donut-error: #f85149;
     --color-checks-donut-pending: #d29922;
     --color-checks-donut-success: #388bfd;
@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: #30363d;
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
+    --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_light.scss

@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
     --color-segmented-control-button-selected-border: #6e7781;
+    --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_colorblind.scss

@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
     --color-segmented-control-button-selected-border: #6e7781;
+    --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_high_contrast.scss

@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: rgba(172,182,192,0.2);
     --color-segmented-control-button-active-bg: rgba(172,182,192,0.4);
     --color-segmented-control-button-selected-border: #66707b;
+    --color-tree-view-item-chevron-hover-bg: #ced5dc;
     --color-fg-default: #0e1116;
     --color-fg-muted: #0e1116;
     --color-fg-subtle: #66707b;

package/dist/scss/colors/_light_tritanopia.scss

@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
     --color-segmented-control-button-selected-border: #6e7781;
+    --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/ts/colors/dark.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#f85149",
     "donutPending": "#d29922",
     "donutSuccess": "#2ea043",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(177,186,196,0.12)"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/ts/colors/dark_colorblind.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#d47616",
     "donutPending": "#d29922",
     "donutSuccess": "#388bfd",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(177,186,196,0.12)"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/ts/colors/dark_dimmed.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#636e7b",
     "inputFocusText": "#adbac7",
     "inputBg": "#2d333b",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#e5534b",
     "donutPending": "#c69026",
     "donutSuccess": "#46954a",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(144,157,171,0.12)"
+    }
+  },
   "fg": {
     "default": "#adbac7",
     "muted": "#768390",

package/dist/ts/colors/dark_high_contrast.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#9ea7b3",
     "inputFocusText": "#f0f3f6",
     "inputBg": "#272b33",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#ff6a69",
     "donutPending": "#f0b72f",
     "donutSuccess": "#09b43a",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "#525964"
+    }
+  },
   "fg": {
     "default": "#f0f3f6",
     "muted": "#f0f3f6",

package/dist/ts/colors/dark_tritanopia.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#f85149",
     "donutPending": "#d29922",
     "donutSuccess": "#388bfd",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(177,186,196,0.12)"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/ts/colors/light.ts

@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(208,215,222,0.32)"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/ts/colors/light_colorblind.ts

@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(208,215,222,0.32)"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/ts/colors/light_high_contrast.ts

@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "#ced5dc"
+    }
+  },
   "fg": {
     "default": "#0e1116",
     "muted": "#0e1116",

package/dist/ts/colors/light_tritanopia.ts

@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(208,215,222,0.32)"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.9.0",
+  "version": "7.10.0-rc.24b9498",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -32,6 +32,7 @@
     "prebuild:tokens": "rm -rf tokens-v2-private",
     "prepack": "yarn build && yarn build:tokens",
     "release": "changeset publish",
+    "test": "jest --verbose --coverage",
     "watch": "ls data/**/*.scss script/**/*.ts | entr -s 'yarn build'"
   },
   "prettier": "@github/prettier-config",
@@ -57,12 +58,13 @@
     "deep-shape-equals": "^0.1.2",
     "deepmerge": "^4.2.2",
     "flat": "^5.0.2",
+    "jest": "^29.0.1",
     "lodash": "^4.17.20",
     "mkdirp": "^1.0.4",
     "node-sass": "^7.0.0",
     "sass-extract": "^2.1.0",
     "style-dictionary": "^3.1.1",
     "ts-node": "^8.10.2",
-    "typescript": "^3.7.2"
+    "typescript": "^4.2.0"
   }
 }

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/border.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/breakpoints.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/size-coarse.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 @media (pointer: coarse) { :root {

package/tokens-v2-private/css/tokens/functional/size/size-fine.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 @media (pointer: fine) { :root {

package/tokens-v2-private/css/tokens/functional/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 :root {

package/tokens-v2-private/js/module/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 export const BaseSize4 = "0.25rem";

package/tokens-v2-private/js/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 export const BaseTextWeightLight = "300";

package/tokens-v2-private/js/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";

package/tokens-v2-private/js/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Wed, 21 Sep 2022 17:50:18 GMT
  */
 
 export const PrimerBreakpointXsmall = "20rem";