@primer/css 18.0.0-rc.c07dc6d6 → 18.0.0-rc.c46e7367

package/CHANGELOG.md

@@ -6,11 +6,15 @@
 
 - [#1599](https://github.com/primer/css/pull/1599) [`13de16c7`](https://github.com/primer/css/commit/13de16c7d6787d221216d8ff21afccf6f73f4221) Thanks [@jonrohan](https://github.com/jonrohan)! - Removing the rem() mixin and usages. Placing the computed values in place.
 
-* [#1599](https://github.com/primer/css/pull/1599) [`13de16c7`](https://github.com/primer/css/commit/13de16c7d6787d221216d8ff21afccf6f73f4221) Thanks [@jonrohan](https://github.com/jonrohan)! - Rename `modes.scss` file to `color-modes.scss` and move from the `base/` folder to the `support/variables` folder.
+* [#1615](https://github.com/primer/css/pull/1615) [`612841f1`](https://github.com/primer/css/commit/612841f1bdd695aad2368a9f6817e6e0ee2c7a17) Thanks [@simurai](https://github.com/simurai)! - Update v1 deprecations
 
-- [#1599](https://github.com/primer/css/pull/1599) [`13de16c7`](https://github.com/primer/css/commit/13de16c7d6787d221216d8ff21afccf6f73f4221) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving color modes to their own bundle, `./color-modes/` and separates color mode themes into their own scss file.
+- [#1599](https://github.com/primer/css/pull/1599) [`13de16c7`](https://github.com/primer/css/commit/13de16c7d6787d221216d8ff21afccf6f73f4221) Thanks [@jonrohan](https://github.com/jonrohan)! - Rename `modes.scss` file to `color-modes.scss` and move from the `base/` folder to the `support/variables` folder.
 
-* [#1602](https://github.com/primer/css/pull/1602) [`852da9d5`](https://github.com/primer/css/commit/852da9d5e34a0ac622f089f34d314913282bda67) Thanks [@simurai](https://github.com/simurai)! - Remove V1 color utilities
+* [#1599](https://github.com/primer/css/pull/1599) [`13de16c7`](https://github.com/primer/css/commit/13de16c7d6787d221216d8ff21afccf6f73f4221) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving color modes to their own bundle, `./color-modes/` and separates color mode themes into their own scss file.
+
+- [#1602](https://github.com/primer/css/pull/1602) [`852da9d5`](https://github.com/primer/css/commit/852da9d5e34a0ac622f089f34d314913282bda67) Thanks [@simurai](https://github.com/simurai)! - Remove V1 color utilities
+
+* [#1617](https://github.com/primer/css/pull/1617) [`e47324fa`](https://github.com/primer/css/commit/e47324faa436e892b8621a6dac1fcb2cbad3cdf1) Thanks [@jonrohan](https://github.com/jonrohan)! - Removing `<kbd>` import from markdown package. Going forward you'll need to include `@primer/css/base/kbd.scss` directly.
 
 - [#1599](https://github.com/primer/css/pull/1599) [`13de16c7`](https://github.com/primer/css/commit/13de16c7d6787d221216d8ff21afccf6f73f4221) Thanks [@jonrohan](https://github.com/jonrohan)! - Remove break-word from utilities
 
@@ -18,6 +22,10 @@
 
 - [#1601](https://github.com/primer/css/pull/1601) [`410c1d63`](https://github.com/primer/css/commit/410c1d638b7bec92798268dcf815f94b1dca7cff) Thanks [@jonrohan](https://github.com/jonrohan)! - Add light & dark colorblind themes
 
+* [#1616](https://github.com/primer/css/pull/1616) [`afac04bc`](https://github.com/primer/css/commit/afac04bcdf9c59e2768548069c8d6f7fd6f1e58c) Thanks [@talum](https://github.com/talum)! - Adding footnote styles to markdown-body.
+
+- [#1617](https://github.com/primer/css/pull/1617) [`e47324fa`](https://github.com/primer/css/commit/e47324faa436e892b8621a6dac1fcb2cbad3cdf1) Thanks [@jonrohan](https://github.com/jonrohan)! - Convert postcss build tool, from node-sass to dart-sass.
+
 * [#1603](https://github.com/primer/css/pull/1603) [`21c5ebc0`](https://github.com/primer/css/commit/21c5ebc01be58454735eb671e3adace0228ef548) Thanks [@simurai](https://github.com/simurai)! - Update docs with V2 colors
 
 ## 17.11.0

package/deprecations.json

@@ -2,7 +2,7 @@
   "selectors": {
     "color-text-primary": "color-fg-default",
     "color-text-secondary": "color-fg-muted",
-    "color-text-tertiary": "color-fg-subtle",
+    "color-text-tertiary": "color-fg-muted",
     "color-text-link": "color-fg-accent",
     "color-text-success": "color-fg-success",
     "color-text-warning": "color-fg-attention",
@@ -18,7 +18,7 @@
     "color-icon-warning": "color-fg-attention",
     "color-border-primary": "color-border-default",
     "color-border-secondary": "color-border-muted",
-    "color-border-tertiary": "color-border-muted",
+    "color-border-tertiary": "color-border-default",
     "color-border-inverse": null,
     "color-border-info": "color-border-accent",
     "color-border-warning": "color-border-attention",

package/dist/alerts.css

@@ -1,3 +1,2 @@
-.flash{position:relative;padding:20px 16px;border-style:solid;border-width:1px;border-radius:6px}.flash p:last-child{margin-bottom:0}.flash .octicon{margin-right:12px}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.flash-close:hover{opacity:0.7}.flash-close:active{opacity:0.5}.flash-close .octicon{margin-right:0}.flash-action{float:right;margin-top:-3px;margin-left:24px;background-clip:padding-box}.flash{color:var(--color-fg-default);background-image:linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));border-color:var(--color-accent-muted)}.flash .octicon{color:var(--color-accent-fg)}.flash-warn{color:var(--color-fg-default);background-image:linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));border-color:var(--color-attention-muted)}.flash-warn .octicon{color:var(--color-attention-fg)}.flash-error{color:var(--color-fg-default);background-image:linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));border-color:var(--color-danger-muted)}.flash-error .octicon{color:var(--color-danger-fg)}.flash-success{color:var(--color-fg-default);background-image:linear-gradient(var(--color-success-subtle), var(--color-success-subtle));border-color:var(--color-success-muted)}.flash-success .octicon{color:var(--color-success-fg)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.flash-banner{position:fixed;top:0;z-index:90;width:100%;border-top:0;border-right:0;border-left:0;border-radius:0}.flash-full,.flash-banner{background-color:var(--color-canvas-default)}.warning{padding:.5em;margin-bottom:0.8em;font-weight:600;background-color:var(--color-attention-subtle)}
-
+.flash{position:relative;padding:20px 16px;border-style:solid;border-width:1px;border-radius:6px}.flash p:last-child{margin-bottom:0}.flash .octicon{margin-right:12px}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.flash-close:hover{opacity:.7}.flash-close:active{opacity:.5}.flash-close .octicon{margin-right:0}.flash-action{float:right;margin-top:-3px;margin-left:24px;background-clip:padding-box}.flash{color:var(--color-fg-default);background-image:linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));border-color:var(--color-accent-muted)}.flash .octicon{color:var(--color-accent-fg)}.flash-warn{color:var(--color-fg-default);background-image:linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));border-color:var(--color-attention-muted)}.flash-warn .octicon{color:var(--color-attention-fg)}.flash-error{color:var(--color-fg-default);background-image:linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));border-color:var(--color-danger-muted)}.flash-error .octicon{color:var(--color-danger-fg)}.flash-success{color:var(--color-fg-default);background-image:linear-gradient(var(--color-success-subtle), var(--color-success-subtle));border-color:var(--color-success-muted)}.flash-success .octicon{color:var(--color-success-fg)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.flash-banner{position:fixed;top:0;z-index:90;width:100%;border-top:0;border-right:0;border-left:0;border-radius:0}.flash-full,.flash-banner{background-color:var(--color-canvas-default)}.warning{padding:.5em;margin-bottom:.8em;font-weight:600;background-color:var(--color-attention-subtle)}
 /*# sourceMappingURL=alerts.css.map */

package/dist/alerts.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/alerts/flash.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/typography.scss"],"names":[],"mappings":"AAGA,OACE,iBAAkB,CAElB,iBC+BoB,CD9BpB,kBEHkB,CFIlB,gBELgB,CFMhB,iBEAoB,CFNtB,oBASI,eAAgB,CATpB,gBAcI,iBAAkB,CACnB,gBAKD,kBCeoB,CDdrB,aAIC,WAAY,CACZ,YCQoB,CDPpB,YCOoB,CDNpB,iBAAkB,CAClB,cAAe,CAGf,eAAgB,CAChB,QAAS,CACT,uBAAY,CAAZ,oBAAY,CAAZ,eAAgB,CAVlB,mBAaI,WAAY,CAbhB,oBAiBI,WAAY,CAjBhB,sBAqBI,cAAe,CAChB,cAKD,WAAY,CAEZ,eAAgB,CAChB,gBCnBoB,CDoBpB,2BAA4B,CAC7B,OAOC,6BAA8B,CAC9B,wFAAyF,CACzF,sCAAuC,CAHzC,gBAMI,4BAA6B,CAC9B,YAID,6BAA8B,CAC9B,8FAA+F,CAC/F,yCAA0C,CAH5C,qBAMI,+BAAgC,CACjC,aAID,6BAA8B,CAC9B,wFAAyF,CACzF,sCAAuC,CAHzC,sBAMI,4BAA6B,CAC9B,eAID,6BAA8B,CAC9B,0FAA2F,CAC3F,uCAAwC,CAH1C,wBAMI,6BAA8B,CAC/B,YASD,eAAgB,CAChB,kBAA6B,CAC7B,eAAgB,CACjB,cAIC,cAAe,CACf,KAAM,CACN,UAAW,CACX,UAAW,CACX,YAAa,CACb,cAAe,CACf,aAAc,CACd,eAAgB,CACjB,0BAKC,4CAA6C,CAC9C,SAIC,YClCiB,CDoCjB,mBAAoB,CACpB,eGpHoB,CHqHpB,8CAA+C","file":"alerts.css","sourcesContent":["// stylelint-disable selector-max-type, no-duplicate-selectors\n\n// Default flash\n.flash {\n  position: relative;\n  // stylelint-disable-next-line primer/spacing\n  padding: 20px $spacer-3;\n  border-style: $border-style;\n  border-width: $border-width;\n  border-radius: $border-radius;\n\n  p:last-child {\n    margin-bottom: 0;\n  }\n\n  .octicon {\n    // stylelint-disable-next-line primer/spacing\n    margin-right: 12px;\n  }\n}\n\n// Contain the flash messages\n.flash-messages {\n  margin-bottom: $spacer-4;\n}\n\n// Close button\n.flash-close {\n  float: right;\n  padding: $spacer-3;\n  margin: -$spacer-3;\n  text-align: center;\n  cursor: pointer;\n\n  // Undo `<button>` styles\n  background: none;\n  border: 0;\n  appearance: none;\n\n  &:hover {\n    opacity: 0.7;\n  }\n\n  &:active {\n    opacity: 0.5;\n  }\n\n  .octicon {\n    margin-right: 0;\n  }\n}\n\n// Action button\n.flash-action {\n  float: right;\n  // stylelint-disable-next-line primer/spacing\n  margin-top: -3px;\n  margin-left: $spacer-4;\n  background-clip: padding-box;\n}\n\n//\n// Color variations\n//\n\n.flash {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));\n  border-color: var(--color-accent-muted);\n\n  .octicon {\n    color: var(--color-accent-fg);\n  }\n}\n\n.flash-warn {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n  border-color: var(--color-attention-muted);\n\n  .octicon {\n    color: var(--color-attention-fg);\n  }\n}\n\n.flash-error {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n  border-color: var(--color-danger-muted);\n\n  .octicon {\n    color: var(--color-danger-fg);\n  }\n}\n\n.flash-success {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n  border-color: var(--color-success-muted);\n\n  .octicon {\n    color: var(--color-success-fg);\n  }\n}\n\n//\n// Layout variations\n//\n\n.flash-full {\n  // stylelint-disable-next-line primer/spacing\n  margin-top: -1px;\n  border-width: $border-width 0;\n  border-radius: 0;\n}\n\n// A banner rendered at the top of the page.\n.flash-banner {\n  position: fixed;\n  top: 0;\n  z-index: 90;\n  width: 100%;\n  border-top: 0;\n  border-right: 0;\n  border-left: 0;\n  border-radius: 0;\n}\n\n// Makes sure the background is opaque to cover any content underneath\n.flash-full,\n.flash-banner {\n  background-color: var(--color-canvas-default);\n}\n\n// FIXME deprecate this\n.warning {\n  padding: $em-spacer-5;\n  // stylelint-disable-next-line primer/spacing\n  margin-bottom: 0.8em;\n  font-weight: $font-weight-bold;\n  background-color: var(--color-attention-subtle);\n}\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px,\n  xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px,\n  xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n  md: 296px,\n  lg: 320px,\n  xl: 344px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/alerts/index.scss%23sass"],"names":[],"mappings":"AA4gBA,OAAA,iBACE,CAAA,iBAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,gBAAA,iBAAA,CAAA,gBAAA,kBAAA,CAAA,aAAA,WAAA,CAAA,YAAA,CAAA,YAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,QAAA,CAAA,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,mBAAA,UAAA,CAAA,oBAAA,UAAA,CAAA,sBAAA,cAAA,CAAA,cAAA,WAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,OAAA,6BAAA,CAAA,wFAAA,CAAA,sCAAA,CAAA,gBAAA,4BAAA,CAAA,YAAA,6BAAA,CAAA,8FAAA,CAAA,yCAAA,CAAA,qBAAA,+BAAA,CAAA,aAAA,6BAAA,CAAA,wFAAA,CAAA,sCAAA,CAAA,sBAAA,4BAAA,CAAA,eAAA,6BAAA,CAAA,0FAAA,CAAA,uCAAA,CAAA,wBAAA,6BAAA,CAAA,YAAA,eAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,cAAA,cAAA,CAAA,KAAA,CAAA,UAAA,CAAA,UAAA,CAAA,YAAA,CAAA,cAAA,CAAA,aAAA,CAAA,eAAA,CAAA,0BAAA,4CAAA,CAAA,SAAA,YAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,8CAAA","file":"alerts.css"}

package/dist/autocomplete.css

@@ -1,3 +1,2 @@
-.autocomplete-results{position:absolute;z-index:99;width:100%;max-height:20em;overflow-y:auto;font-size:13px;list-style:none;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.autocomplete-item{display:block;width:100%;padding:4px 8px;overflow:hidden;font-weight:600;color:var(--color-fg-default);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--color-canvas-overlay);border:0}.autocomplete-item:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item:hover *{color:inherit !important}.autocomplete-item.selected,.autocomplete-item[aria-selected=true],.autocomplete-item.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item.selected *,.autocomplete-item[aria-selected=true] *,.autocomplete-item.navigation-focus *{color:inherit !important}.suggester{position:relative;top:0;left:0;min-width:180px;padding:0;margin:0;margin-top:24px;list-style:none;cursor:pointer;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.suggester li{display:block;padding:4px 8px;font-weight:500;border-bottom:1px solid var(--color-border-muted)}.suggester li small{font-weight:400;color:var(--color-fg-muted)}.suggester li:last-child{border-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.suggester li:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.suggester li:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li:hover small{color:var(--color-fg-on-emphasis)}.suggester li[aria-selected="true"],.suggester li.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li[aria-selected="true"] small,.suggester li.navigation-focus small{color:var(--color-fg-on-emphasis)}.suggester-container{position:absolute;top:0;left:0;z-index:30}@media (max-width: 544px){.page-responsive .suggester-container{right:8px !important;left:8px !important}.page-responsive .suggester li{padding:8px 16px}}
-
+.autocomplete-results{position:absolute;z-index:99;width:100%;max-height:20em;overflow-y:auto;font-size:13px;list-style:none;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.autocomplete-item{display:block;width:100%;padding:4px 8px;overflow:hidden;font-weight:600;color:var(--color-fg-default);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--color-canvas-overlay);border:0}.autocomplete-item:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item:hover *{color:inherit !important}.autocomplete-item.selected,.autocomplete-item[aria-selected=true],.autocomplete-item.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item.selected *,.autocomplete-item[aria-selected=true] *,.autocomplete-item.navigation-focus *{color:inherit !important}.suggester{position:relative;top:0;left:0;min-width:180px;padding:0;margin:0;margin-top:24px;list-style:none;cursor:pointer;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.suggester li{display:block;padding:4px 8px;font-weight:500;border-bottom:1px solid var(--color-border-muted)}.suggester li small{font-weight:400;color:var(--color-fg-muted)}.suggester li:last-child{border-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.suggester li:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.suggester li:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li:hover small{color:var(--color-fg-on-emphasis)}.suggester li[aria-selected=true],.suggester li.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li[aria-selected=true] small,.suggester li.navigation-focus small{color:var(--color-fg-on-emphasis)}.suggester-container{position:absolute;top:0;left:0;z-index:30}@media(max-width: 544px){.page-responsive .suggester-container{right:8px !important;left:8px !important}.page-responsive .suggester li{padding:8px 16px}}
 /*# sourceMappingURL=autocomplete.css.map */

package/dist/autocomplete.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/autocomplete/autocomplete.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/typography.scss","../src/src/autocomplete/suggester.scss"],"names":[],"mappings":"AACA,sBACE,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,eAAgB,CAChB,eAAgB,CAEhB,cAAe,CACf,eAAgB,CAChB,sCAAuC,CACvC,4CAA+D,CAC/D,iBCHoB,CDIpB,qCAAsC,CACvC,mBAMC,aAAc,CACd,UAAW,CACX,eESU,CFRV,eAAgB,CAChB,eGDoB,CHEpB,6BAA8B,CAC9B,eAAgB,CAChB,oBAAqB,CACrB,sBAAuB,CACvB,kBAAmB,CACnB,cAAe,CACf,4CAA6C,CAC7C,QAAS,CAbX,yBAgBI,iCAAkC,CAClC,oBAAqB,CACrB,6CAA8C,CAlBlD,2BAsBM,wBAAyB,CAtB/B,uGA6BI,iCAAkC,CAClC,oBAAqB,CACrB,6CAA8C,CA/BlD,6GAmCM,wBAAyB,CAC1B,WInDH,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,eAAgB,CAChB,SAAU,CACV,QAAS,CACT,eF4BoB,CE3BpB,eAAgB,CAChB,cAAe,CACf,sCAAuC,CACvC,4CAA+D,CAC/D,iBHNoB,CGOpB,qCAAsC,CAbxC,cAgBI,aAAc,CACd,eFWQ,CEVR,eDGsB,CCFtB,iDAAoE,CAnBxE,oBAsBM,eDAkB,CCClB,2BAA4B,CAvBlC,yBA2BM,eAAgB,CAChB,8BHtBgB,CGuBhB,6BHvBgB,CGNtB,0BAiCM,0BH3BgB,CG4BhB,2BH5BgB,CGNtB,oBAsCM,iCAAkC,CAClC,oBAAqB,CACrB,uCAAwC,CAxC9C,0BA2CQ,iCAAkC,CA3C1C,mEAiDM,iCAAkC,CAClC,oBAAqB,CACrB,uCAAwC,CAnD9C,+EAsDQ,iCAAkC,CACnC,qBAML,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACZ,0BAID,sCAGM,oBAA2B,CAC3B,mBAA0B,CAJhC,+BAQM,gBF3CgB,CE4CjB","file":"autocomplete.css","sourcesContent":["// A pop up list of items used to show autocompleted results\n.autocomplete-results {\n  position: absolute;\n  z-index: 99;\n  width: 100%;\n  max-height: 20em;\n  overflow-y: auto;\n  // stylelint-disable-next-line primer/typography\n  font-size: 13px;\n  list-style: none;\n  background: var(--color-canvas-overlay);\n  border: $border-width $border-style var(--color-border-default);\n  border-radius: $border-radius;\n  box-shadow: var(--color-shadow-medium);\n}\n\n// One of the items that appears within an autocomplete group\n// Bold black text on white background\n\n.autocomplete-item {\n  display: block;\n  width: 100%;\n  padding: $spacer-1 $spacer-2;\n  overflow: hidden;\n  font-weight: $font-weight-bold;\n  color: var(--color-fg-default);\n  text-align: left;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  background-color: var(--color-canvas-overlay);\n  border: 0;\n\n  &:hover {\n    color: var(--color-fg-on-emphasis);\n    text-decoration: none;\n    background-color: var(--color-accent-emphasis);\n\n    // Inherit color on all child elements to ensure enough contrast\n    * {\n      color: inherit !important;\n    }\n  }\n\n  &.selected,\n  &[aria-selected=true],\n  &.navigation-focus {\n    color: var(--color-fg-on-emphasis);\n    text-decoration: none;\n    background-color: var(--color-accent-emphasis);\n\n    // Inherit color on all child elements to ensure enough contrast\n    * {\n      color: inherit !important;\n    }\n  }\n}\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px,\n  xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px,\n  xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n  md: 296px,\n  lg: 320px,\n  xl: 344px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Needs refactoring\n// stylelint-disable selector-max-type, selector-no-qualifying-type\n\n.suggester {\n  position: relative;\n  top: 0;\n  left: 0;\n  min-width: 180px;\n  padding: 0;\n  margin: 0;\n  margin-top: $spacer-4;\n  list-style: none;\n  cursor: pointer;\n  background: var(--color-canvas-overlay);\n  border: $border-width $border-style var(--color-border-default);\n  border-radius: $border-radius;\n  box-shadow: var(--color-shadow-medium);\n\n  li {\n    display: block;\n    padding: $spacer-1 $spacer-2;\n    font-weight: $font-weight-semibold;\n    border-bottom: $border-width $border-style var(--color-border-muted);\n\n    small {\n      font-weight: $font-weight-normal;\n      color: var(--color-fg-muted);\n    }\n\n    &:last-child {\n      border-bottom: 0;\n      border-bottom-right-radius: $border-radius;\n      border-bottom-left-radius: $border-radius;\n    }\n\n    &:first-child {\n      border-top-left-radius: $border-radius;\n      border-top-right-radius: $border-radius;\n    }\n\n    &:hover {\n      color: var(--color-fg-on-emphasis);\n      text-decoration: none;\n      background: var(--color-accent-emphasis);\n\n      small {\n        color: var(--color-fg-on-emphasis);\n      }\n    }\n\n    &[aria-selected=\"true\"],\n    &.navigation-focus {\n      color: var(--color-fg-on-emphasis);\n      text-decoration: none;\n      background: var(--color-accent-emphasis);\n\n      small {\n        color: var(--color-fg-on-emphasis);\n      }\n    }\n  }\n}\n\n.suggester-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 30;\n}\n\n// Responsive\n\n.page-responsive {\n  @media (max-width: $width-sm) {\n    .suggester-container {\n      right: $spacer-2 !important;\n      left: $spacer-2 !important;\n    }\n\n    .suggester li {\n      padding: $spacer-2 $spacer-3;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/autocomplete/index.scss%23sass"],"names":[],"mappings":"AA2gBA,sBAAA,iBAAA,CAAA,UAAA,CAAA,UAAA,CAAA,eAAA,CAAA,eAAA,CAAA,cAAA,CAAA,eAAA,CAAA,sCAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,mBAAA,aAAA,CAAA,UAAA,CAAA,eAAA,CAAA,eAAA,CAAA,eAAA,CAAA,6BAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CAAA,4CAAA,CAAA,QAAA,CAAA,yBAAA,iCAAA,CAAA,oBAAA,CAAA,6CAAA,CAAA,2BAAA,wBAAA,CAAA,uGAAA,iCAAA,CAAA,oBAAA,CAAA,6CAAA,CAAA,6GAAA,wBAAA,CAAA,WAAA,iBAAA,CAAA,KAAA,CAAA,MAAA,CAAA,eAAA,CAAA,SAAA,CAAA,QAAA,CAAA,eAAA,CAAA,eAAA,CAAA,cAAA,CAAA,sCAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,cAAA,aAAA,CAAA,eAAA,CAAA,eAAA,CAAA,iDAAA,CAAA,oBAAA,eAAA,CAAA,2BAAA,CAAA,yBAAA,eAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,0BAAA,0BAAA,CAAA,2BAAA,CAAA,oBAAA,iCAAA,CAAA,oBAAA,CAAA,uCAAA,CAAA,0BAAA,iCAAA,CAAA,iEAAA,iCAAA,CAAA,oBAAA,CAAA,uCAAA,CAAA,6EAAA,iCAAA,CAAA,qBAAA,iBAAA,CAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA,yBAAA,sCAAA,oBAAA,CAAA,mBAAA,CAAA,+BAAA,gBAAA,CAAA","file":"autocomplete.css"}

package/dist/avatars.css

@@ -1,3 +1,2 @@
-.avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;background-color:var(--color-avatar-bg);border-radius:6px;flex-shrink:0;box-shadow:0 0 0 1px var(--color-avatar-border)}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-1,.avatar-2,.avatar-small{border-radius:4px}.avatar-1{width:16px;height:16px}.avatar-2{width:20px;height:20px}.avatar-3{width:24px;height:24px}.avatar-4{width:28px;height:28px}.avatar-5{width:32px;height:32px}.avatar-6{width:40px;height:40px}.avatar-7{width:48px;height:48px}.avatar-8{width:64px;height:64px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:var(--color-canvas-default);border-radius:4px;box-shadow:var(--color-avatar-child-shadow)}.AvatarStack{position:relative;min-width:26px;height:20px}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{display:flex;background:var(--color-canvas-default)}.AvatarStack-body .avatar{position:relative;z-index:2;display:flex;width:20px;height:20px;box-sizing:content-box;margin-right:-11px;background-color:var(--color-canvas-default);border-right:1px solid var(--color-canvas-default);border-radius:4px;transition:margin 0.1s ease-in-out}.AvatarStack-body .avatar:first-child{z-index:3}.AvatarStack-body .avatar:last-child{z-index:1;border-right:0}.AvatarStack-body .avatar img{border-radius:4px}.AvatarStack-body .avatar:nth-child(n+4){display:none;opacity:0}.AvatarStack-body:hover .avatar{margin-right:3px}.AvatarStack-body:hover .avatar:nth-child(n+4){display:flex;opacity:1}.AvatarStack-body:hover .avatar-more{display:none !important}.avatar.avatar-more{z-index:1;margin-right:0;background:var(--color-canvas-subtle)}.avatar.avatar-more::before,.avatar.avatar-more::after{position:absolute;display:block;height:20px;content:"";border-radius:2px;outline:1px solid var(--color-canvas-default)}.avatar.avatar-more::before{width:17px;background:var(--color-avatar-stack-fade-more)}.avatar.avatar-more::after{width:14px;background:var(--color-avatar-stack-fade)}.AvatarStack--right .AvatarStack-body{right:0;flex-direction:row-reverse}.AvatarStack--right .AvatarStack-body:hover .avatar{margin-right:0;margin-left:3px}.AvatarStack--right .avatar.avatar-more{background:var(--color-avatar-stack-fade)}.AvatarStack--right .avatar.avatar-more::before{width:5px}.AvatarStack--right .avatar.avatar-more::after{width:2px;background:var(--color-canvas-subtle)}.AvatarStack--right .avatar{margin-right:0;margin-left:-11px;border-right:0;border-left:1px solid var(--color-canvas-default)}.CircleBadge{display:flex;align-items:center;justify-content:center;background-color:var(--color-canvas-default);border-radius:50%;box-shadow:var(--color-shadow-medium)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:"";border-bottom:2px dashed var(--color-border-default)}.DashedConnection .CircleBadge{position:relative}
-
+.avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;background-color:var(--color-avatar-bg);border-radius:6px;flex-shrink:0;box-shadow:0 0 0 1px var(--color-avatar-border)}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-1,.avatar-2,.avatar-small{border-radius:4px}.avatar-1{width:16px;height:16px}.avatar-2{width:20px;height:20px}.avatar-3{width:24px;height:24px}.avatar-4{width:28px;height:28px}.avatar-5{width:32px;height:32px}.avatar-6{width:40px;height:40px}.avatar-7{width:48px;height:48px}.avatar-8{width:64px;height:64px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:var(--color-canvas-default);border-radius:4px;box-shadow:var(--color-avatar-child-shadow)}.AvatarStack{position:relative;min-width:26px;height:20px}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{display:flex;background:var(--color-canvas-default)}.AvatarStack-body .avatar{position:relative;z-index:2;display:flex;width:20px;height:20px;box-sizing:content-box;margin-right:-11px;background-color:var(--color-canvas-default);border-right:1px solid var(--color-canvas-default);border-radius:4px;transition:margin .1s ease-in-out}.AvatarStack-body .avatar:first-child{z-index:3}.AvatarStack-body .avatar:last-child{z-index:1;border-right:0}.AvatarStack-body .avatar img{border-radius:4px}.AvatarStack-body .avatar:nth-child(n+4){display:none;opacity:0}.AvatarStack-body:hover .avatar{margin-right:3px}.AvatarStack-body:hover .avatar:nth-child(n+4){display:flex;opacity:1}.AvatarStack-body:hover .avatar-more{display:none !important}.avatar.avatar-more{z-index:1;margin-right:0;background:var(--color-canvas-subtle)}.avatar.avatar-more::before,.avatar.avatar-more::after{position:absolute;display:block;height:20px;content:"";border-radius:2px;outline:1px solid var(--color-canvas-default)}.avatar.avatar-more::before{width:17px;background:var(--color-avatar-stack-fade-more)}.avatar.avatar-more::after{width:14px;background:var(--color-avatar-stack-fade)}.AvatarStack--right .AvatarStack-body{right:0;flex-direction:row-reverse}.AvatarStack--right .AvatarStack-body:hover .avatar{margin-right:0;margin-left:3px}.AvatarStack--right .avatar.avatar-more{background:var(--color-avatar-stack-fade)}.AvatarStack--right .avatar.avatar-more::before{width:5px}.AvatarStack--right .avatar.avatar-more::after{width:2px;background:var(--color-canvas-subtle)}.AvatarStack--right .avatar{margin-right:0;margin-left:-11px;border-right:0;border-left:1px solid var(--color-canvas-default)}.CircleBadge{display:flex;align-items:center;justify-content:center;background-color:var(--color-canvas-default);border-radius:50%;box-shadow:var(--color-shadow-medium)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:"";border-bottom:2px dashed var(--color-border-default)}.DashedConnection .CircleBadge{position:relative}
 /*# sourceMappingURL=avatars.css.map */

package/dist/avatars.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/avatars/avatar.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/layout.scss","../src/src/avatars/avatar-parent-child.scss","../src/src/avatars/avatar-stack.scss","../src/src/avatars/circle-badge.scss"],"names":[],"mappings":"AAAA,QACE,oBAAqB,CACrB,eAAgB,CAChB,aC0BoB,CDzBpB,qBAAsB,CACtB,uCAAwC,CACxC,iBEGoB,CFFpB,aAAc,CAEd,+CAAgD,CACjD,aAGC,UAAW,CACX,aCeoB,CDdrB,mBAIC,oBAAqB,CAErB,iBAAkB,CACnB,kCAQC,iBEtBoB,CFuBrB,UAKC,UGuES,CHtET,WGsES,CHnEoC,UAJ7C,UG2EqB,CH1ErB,WG0EqB,CHtEwB,UAL7C,UG4EqB,CH3ErB,WG2EqB,CHtEwB,UAN7C,UG6EqB,CH5ErB,WG4EqB,CHtEwB,UAP7C,UG8EqB,CH7ErB,WG6EqB,CHtEwB,UAR7C,UG+EqB,CH9ErB,WG8EqB,CHtEwB,UAT7C,UGgFqB,CH/ErB,WG+EqB,CHtEwB,UAV7C,UGiFqB,CHhFrB,WGgFqB,CHtEwB,qBI1C7C,iBAAkB,CACnB,cAGC,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,4CAA6C,CAE7C,iBFNoB,CEOpB,2CAA4C,CAC7C,aCZC,iBAAkB,CAClB,cAAe,CACf,WAAY,CAHd,+BAMI,iBAAkB,CANtB,8BAUI,cAAe,CAVnB,qCAcI,cAAe,CAChB,kBAID,YAAa,CACb,sCAAuC,CAFzC,0BAKI,iBAAkB,CAClB,SAAU,CACV,YAAa,CACb,UAAW,CACX,WAAY,CACZ,sBAAuB,CAEvB,kBAAmB,CACnB,4CAA6C,CAC7C,kDAAqE,CAErE,iBH7BkB,CG8BlB,kCAAmC,CAjBvC,sCAoBM,SAAU,CApBhB,qCAwBM,SAAU,CACV,cAAe,CAzBrB,8BA+BM,iBH5CgB,CGatB,yCAqCM,YAAa,CACb,SAAU,CAtChB,gCA6CM,gBAAiB,CA7CvB,+CAkDM,YAAa,CACb,SAAU,CAnDhB,qCAuDM,uBAAwB,CACzB,oBAKH,SAAU,CACV,cAAe,CACf,qCAAsC,CAHxC,uDAOI,iBAAkB,CAClB,aAAc,CACd,WAAY,CACZ,UAAW,CAEX,iBAAkB,CAClB,6CAAgE,CAbpE,4BAiBI,UAAW,CACX,8CAA+C,CAlBnD,2BAsBI,UAAW,CACX,yCAA0C,CAC3C,sCAOC,OAAQ,CACR,0BAA2B,CAH/B,oDAMM,cAAe,CAEf,eAAgB,CARtB,wCAaI,yCAA0C,CAb9C,gDAgBM,SAAU,CAhBhB,+CAoBM,SAAU,CACV,qCAAsC,CArB5C,4BA0BI,cAAe,CAEf,iBAAkB,CAClB,cAAe,CACf,iDAAoE,CACrE,aC1ID,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,4CAA6C,CAC7C,iBAAkB,CAClB,qCAAsC,CACvC,kBAGC,wBAAyB,CACzB,sBAAuB,CACvB,yBAA0B,CAC3B,oBAIC,UAAW,CACX,WAAY,CACb,qBAIC,UAAW,CACX,WAAY,CACb,oBAIC,WAAY,CACZ,YAAa,CACd,kBAMC,iBAAkB,CADpB,0BAII,iBAAkB,CAClB,OAAQ,CACR,MAAO,CACP,UAAW,CACX,UAAW,CAEX,oDAAqD,CAVzD,+BAcI,iBAAkB","file":"avatars.css","sourcesContent":[".avatar {\n  display: inline-block;\n  overflow: hidden; // Ensure page layout in Firefox should images fail to load\n  line-height: $lh-condensed-ultra;\n  vertical-align: middle;\n  background-color: var(--color-avatar-bg); // adds opaque bg to transparent avatars\n  border-radius: $border-radius;\n  flex-shrink: 0;\n  // stylelint-disable-next-line primer/box-shadow\n  box-shadow: 0 0 0 1px var(--color-avatar-border);\n}\n\n.avatar-link {\n  float: left;\n  line-height: $lh-condensed-ultra;\n}\n\n// User for example on /stars and /user for grids of avatars\n.avatar-group-item {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  margin-bottom: 3px;\n}\n\n// Border radius\n\n.avatar-1,\n.avatar-2,\n.avatar-small {\n  // stylelint-disable-next-line primer/borders\n  border-radius: $border-radius-1;\n}\n\n// Sizes\n\n@mixin avatar-size( $size ) {\n  width: $size;\n  height: $size;\n}\n\n.avatar-1 { @include avatar-size( $size-1 ); }\n.avatar-2 { @include avatar-size( $size-2 ); }\n.avatar-3 { @include avatar-size( $size-3 ); }\n.avatar-4 { @include avatar-size( $size-4 ); }\n.avatar-5 { @include avatar-size( $size-5 ); }\n.avatar-6 { @include avatar-size( $size-6 ); }\n.avatar-7 { @include avatar-size( $size-7 ); }\n.avatar-8 { @include avatar-size( $size-8 ); }\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px,\n  xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px,\n  xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n  md: 296px,\n  lg: 320px,\n  xl: 344px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n","// .avatar-parent-child is when you see a small avatar at the bottom right\n// corner of a larger avatar.\n//\n// No Styleguide version\n.avatar-parent-child {\n  position: relative;\n}\n\n.avatar-child {\n  position: absolute;\n  right: -15%;\n  bottom: -9%;\n  background-color: var(--color-canvas-default); // For transparent backgrounds\n  // stylelint-disable-next-line primer/borders\n  border-radius: $border-radius-1;\n  box-shadow: var(--color-avatar-child-shadow);\n}\n","// Stacked avatars can be used to show who is participating in thread when\n// there is limited space available.\n\n.AvatarStack {\n  position: relative;\n  min-width: 26px;\n  height: 20px;\n\n  .AvatarStack-body {\n    position: absolute;\n  }\n\n  &.AvatarStack--two {\n    min-width: 36px;\n  }\n\n  &.AvatarStack--three-plus {\n    min-width: 46px;\n  }\n}\n\n.AvatarStack-body {\n  display: flex;\n  background: var(--color-canvas-default);\n\n  .avatar {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    width: 20px;\n    height: 20px;\n    box-sizing: content-box;\n    // stylelint-disable-next-line primer/spacing\n    margin-right: -11px;\n    background-color: var(--color-canvas-default);\n    border-right: $border-width $border-style var(--color-canvas-default);\n    // stylelint-disable-next-line primer/borders\n    border-radius: $border-radius-1;\n    transition: margin 0.1s ease-in-out;\n\n    &:first-child {\n      z-index: 3;\n    }\n\n    &:last-child {\n      z-index: 1;\n      border-right: 0;\n    }\n\n    // stylelint-disable selector-max-type\n    img {\n      // stylelint-disable-next-line primer/borders\n      border-radius: $border-radius-1;\n    }\n    // stylelint-enable selector-max-type\n\n    // Account for 4+ avatars\n    &:nth-child(n+4) {\n      display: none;\n      opacity: 0;\n    }\n  }\n\n  &:hover {\n    .avatar {\n      // stylelint-disable-next-line primer/spacing\n      margin-right: 3px;\n    }\n\n    // stylelint-disable-next-line selector-max-specificity\n    .avatar:nth-child(n+4) {\n      display: flex;\n      opacity: 1;\n    }\n\n    .avatar-more {\n      display: none !important;\n    }\n  }\n}\n\n.avatar.avatar-more {\n  z-index: 1;\n  margin-right: 0;\n  background: var(--color-canvas-subtle);\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: block;\n    height: 20px;\n    content: \"\";\n    // stylelint-disable-next-line primer/borders\n    border-radius: 2px;\n    outline: $border-width $border-style var(--color-canvas-default);\n  }\n\n  &::before {\n    width: 17px;\n    background: var(--color-avatar-stack-fade-more);\n  }\n\n  &::after {\n    width: 14px;\n    background: var(--color-avatar-stack-fade);\n  }\n}\n\n// Right aligned variation\n\n.AvatarStack--right {\n  .AvatarStack-body {\n    right: 0;\n    flex-direction: row-reverse;\n\n    &:hover .avatar {\n      margin-right: 0;\n      // stylelint-disable-next-line primer/spacing\n      margin-left: 3px;\n    }\n  }\n\n  .avatar.avatar-more {\n    background: var(--color-avatar-stack-fade);\n\n    &::before {\n      width: 5px;\n    }\n\n    &::after {\n      width: 2px;\n      background: var(--color-canvas-subtle);\n    }\n  }\n\n  .avatar {\n    margin-right: 0;\n    // stylelint-disable-next-line primer/spacing\n    margin-left: -11px;\n    border-right: 0;\n    border-left: $border-width $border-style var(--color-canvas-default);\n  }\n}\n","// Circle badge icon with drop shadow for icons and logos\n\n.CircleBadge {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-canvas-default);\n  border-radius: 50%;\n  box-shadow: var(--color-shadow-medium);\n}\n\n.CircleBadge-icon {\n  max-width: 60% !important;\n  height: auto !important;\n  max-height: 55% !important;\n}\n\n// Small badge\n.CircleBadge--small {\n  width: 56px;\n  height: 56px;\n}\n\n// Medium badge\n.CircleBadge--medium {\n  width: 96px;\n  height: 96px;\n}\n\n// Large badge\n.CircleBadge--large {\n  width: 128px;\n  height: 128px;\n}\n\n// Dashed line that connects badges..\n// Wrap around 2 or more badges to create a horizonal line:\n\n.DashedConnection {\n  position: relative;\n\n  &::before {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    content: \"\";\n    // stylelint-disable-next-line primer/borders\n    border-bottom: 2px dashed var(--color-border-default);\n  }\n\n  .CircleBadge {\n    position: relative;\n  }\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/avatars/index.scss%23sass"],"names":[],"mappings":"AA0gBA,QAAA,oBACE,CAAA,eAAA,CAAA,aAAA,CAAA,qBAAA,CAAA,uCAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,+CAAA,CAAA,aAAA,UAAA,CAAA,aAAA,CAAA,mBAAA,oBAAA,CAAA,iBAAA,CAAA,kCAAA,iBAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,iBAAA,CAAA,cAAA,iBAAA,CAAA,UAAA,CAAA,UAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,2CAAA,CAAA,aAAA,iBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,+BAAA,iBAAA,CAAA,8BAAA,cAAA,CAAA,qCAAA,cAAA,CAAA,kBAAA,YAAA,CAAA,sCAAA,CAAA,0BAAA,iBAAA,CAAA,SAAA,CAAA,YAAA,CAAA,UAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,4CAAA,CAAA,kDAAA,CAAA,iBAAA,CAAA,iCAAA,CAAA,sCAAA,SAAA,CAAA,qCAAA,SAAA,CAAA,cAAA,CAAA,8BAAA,iBAAA,CAAA,yCAAA,YAAA,CAAA,SAAA,CAAA,gCAAA,gBAAA,CAAA,+CAAA,YAAA,CAAA,SAAA,CAAA,qCAAA,uBAAA,CAAA,oBAAA,SAAA,CAAA,cAAA,CAAA,qCAAA,CAAA,uDAAA,iBAAA,CAAA,aAAA,CAAA,WAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,6CAAA,CAAA,4BAAA,UAAA,CAAA,8CAAA,CAAA,2BAAA,UAAA,CAAA,yCAAA,CAAA,sCAAA,OAAA,CAAA,0BAAA,CAAA,oDAAA,cAAA,CAAA,eAAA,CAAA,wCAAA,yCAAA,CAAA,gDAAA,SAAA,CAAA,+CAAA,SAAA,CAAA,qCAAA,CAAA,4BAAA,cAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,iDAAA,CAAA,aAAA,YAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,kBAAA,wBAAA,CAAA,sBAAA,CAAA,yBAAA,CAAA,oBAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,UAAA,CAAA,WAAA,CAAA,oBAAA,WAAA,CAAA,YAAA,CAAA,kBAAA,iBAAA,CAAA,0BAAA,iBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,UAAA,CAAA,UAAA,CAAA,oDAAA,CAAA,+BAAA,iBAAA","file":"avatars.css"}

package/dist/base.css

@@ -1,3 +1,2 @@
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none !important}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:var(--color-text-primary)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:600}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;line-height:1.5;color:var(--color-fg-default);background-color:var(--color-canvas-default)}a{color:var(--color-accent-fg);text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid var(--color-border-muted)}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer;border-radius:0}[hidden][hidden]{display:none !important}details summary{cursor:pointer}details:not([open])>*:not(summary){display:none !important}kbd{display:inline-block;padding:3px 5px;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-subtle);border:solid 1px var(--color-neutral-muted);border-bottom-color:var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.octicon{vertical-align:text-bottom}.octicon{display:inline-block;overflow:visible !important;vertical-align:text-bottom;fill:currentColor}
-
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none !important}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:var(--color-text-primary)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:600}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;line-height:1.5;color:var(--color-fg-default);background-color:var(--color-canvas-default)}a{color:var(--color-accent-fg);text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid var(--color-border-muted)}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer;border-radius:0}[hidden][hidden]{display:none !important}details summary{cursor:pointer}details:not([open])>*:not(summary){display:none !important}kbd{display:inline-block;padding:3px 5px;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-subtle);border:solid 1px var(--color-neutral-muted);border-bottom-color:var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.octicon{vertical-align:text-bottom}.octicon{display:inline-block;overflow:visible !important;vertical-align:text-bottom;fill:currentColor}
 /*# sourceMappingURL=base.css.map */

package/dist/base.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/base/normalize.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/typography.scss","../src/src/base/base.scss","../src/src/support/mixins/layout.scss","../src/src/base/kbd.scss","../src/src/support/variables/misc.scss","../src/src/base/typography-base.scss","../src/src/support/mixins/typography.scss","../src/src/base/octicons.scss"],"names":[],"mappings":"AACA,2EAAA,CAA4E,KAQ1E,sBAAuB,CACvB,yBAA0B,CAC1B,6BAA8B,CAC/B,KAOC,QAAS,CACV,4EAsBC,aAAc,CACf,QAGC,iBAAkB,CACnB,4BAUC,oBAAqB,CACtB,sBAOC,YAAa,CACb,QAAS,CACV,SAOC,uBAAwB,CACzB,kBASC,uBAAwB,CACzB,EAUC,4BAA6B,CAC9B,iBASC,eAAgB,CACjB,YAWC,kBAAmB,CACnB,yBAA0B,CAC1B,gCAAiC,CAClC,SAQC,mBAAoB,CACrB,SAQC,kBAAmB,CACpB,IAOC,iBAAkB,CACnB,GAQC,aAAc,CACd,eAAgB,CACjB,KAOC,qBAAsB,CACtB,+BAAgC,CACjC,MAOC,aAAc,CACf,QASC,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBAAwB,CACzB,IAGC,cAAe,CAChB,IAGC,UAAW,CACZ,IAUC,iBAAkB,CACnB,eAOC,eAAgB,CACjB,kBAcC,gCAAiC,CACjC,aAAc,CACf,OAOC,eCpMoB,CDqMrB,GAQC,sBAAuB,CACvB,QAAS,CACT,gBAAiB,CAClB,6BAcC,YAAa,CACb,QAAS,CACV,SAOC,eExPoB,CFyPrB,aASC,gBAAiB,CAClB,cASC,mBAAoB,CACrB,2DAYC,yBAA0B,CAC3B,8HAUC,iBAAkB,CAClB,SAAU,CACX,kHAUC,6BAA8B,CAC/B,SAOC,uBAA2C,CAC3C,YAAa,CACb,4BC1OkB,CD2OnB,OAUC,qBAAsB,CACtB,aAAc,CACd,aAAc,CACd,cAAe,CACf,SAAU,CACV,kBAAmB,CACpB,SAOC,aAAc,CACf,iCASC,qBAAsB,CACtB,SAAU,CACX,sFAQC,WAAY,CACb,gBAQC,4BAA6B,CAC7B,mBAAoB,CACrB,yFAQC,uBAAwB,CACzB,4BAOC,aAAc,CACd,YAAa,CACd,6BAQC,yBAA0B,CAC1B,YAAa,CACd,EGlaC,qBAAsB,CACvB,6BAMC,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACrB,KAGC,uHDmB4H,CClB5H,cDyBmB,CCxBnB,eDcc,CCbd,6BAA8B,CAC9B,4CAA6C,CAC9C,EAGC,4BAA6B,CAC7B,oBAAqB,CAFvB,QAKI,yBAA0B,CAC3B,SAKD,eDVoB,CCWrB,SAOC,QAAS,CAET,aAAc,CACd,eAAgB,CAChB,sBAAuB,CACvB,QAAS,CACT,iDAAoE,CCApE,yBACE,aAAc,CACd,UAAW,CACZ,uBAGC,aAAc,CACd,UAAW,CACX,UAAW,CACZ,MDAD,gBAAiB,CACjB,wBAAyB,CAC1B,MAIC,SAAU,CACX,OAGC,cAAe,CAEf,eAAgB,CACjB,iBAKC,uBAAwB,CACzB,gBAGW,cAAe,CAD3B,mCAKuB,uBAAwB,CAAI,IE9EjD,oBAAqB,CAErB,eAAwC,CACxC,sFH+B4F,CG7B5F,gBAAiB,CACjB,6BAA8B,CAC9B,qBAAsB,CACtB,2CAA4C,CAE5C,2CAA8D,CAC9D,8CAA+C,CAC/C,iBCPoB,CDSpB,oDAAqD,CACtD,kBEVC,YAAa,CACb,eAAgB,CACjB,GCCC,cNCY,CMAZ,eNUoB,CKVF,GCIlB,cNHY,CMIZ,eNKoB,CKTF,GCQlB,cNPY,CMQZ,eNAoB,CKRF,GCYlB,cNXY,CMYZ,eNLoB,CKPF,GCgBlB,cNfY,CMgBZ,eNVoB,CKNF,GCoBlB,cNnBY,CMoBZ,eNfoB,CKLF,EAMlB,YAAa,CAEb,kBAAmB,CACpB,MAIC,aAAc,CACf,WAGC,QAAS,CACV,MAOC,cAAe,CACf,YAAa,CACb,eAAgB,CACjB,YAIC,2BAA4B,CAC7B,oCAMC,2BAA4B,CAC7B,GAGC,aAAc,CACf,QAOC,wFL/B4F,CKgC5F,cLlDoB,CKmDrB,IAGC,YAAa,CACb,eAAgB,CAChB,wFLtC4F,CKuC5F,cLzDoB,CK0DrB,SAQC,0BAA2B,CAC5B,SEtFC,oBAAqB,CACrB,2BAA4B,CAC5B,0BAA2B,CAC3B,iBAAkB","file":"base.css","sourcesContent":["// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n  font-family: sans-serif; /* 1 */\n  -ms-text-size-adjust: 100%; /* 2 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n  margin: 0;\n}\n\n/* HTML5 display definitions\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n  display: block;\n}\n\nsummary {\n  display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n  display: none !important;\n}\n\n/* Links\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n  outline-width: 0;\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n  font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n  background-color: #ff0;\n  color: var(--color-text-primary);\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n  border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n  margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n  font: inherit; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n  font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n *    controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n  border: $border-width $border-style #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n  color: inherit;\n  opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px,\n  xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px,\n  xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n  md: 296px,\n  lg: 320px,\n  xl: 344px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// stylelint-disable selector-max-type\n* {\n  box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nbody {\n  font-family: $body-font;\n  font-size: $body-font-size;\n  line-height: $body-line-height;\n  color: var(--color-fg-default);\n  background-color: var(--color-canvas-default);\n}\n\na {\n  color: var(--color-accent-fg);\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `<hr>`s\nhr,\n.rule {\n  height: 0;\n  // stylelint-disable-next-line primer/spacing\n  margin: 15px 0;\n  overflow: hidden;\n  background: transparent;\n  border: 0;\n  border-bottom: $border-width $border-style var(--color-border-muted);\n  @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\ntd,\nth {\n  padding: 0;\n}\n\nbutton {\n  cursor: pointer;\n  // Remove border radius added by Chrome macOS\n  border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n  display: none !important;\n}\n\ndetails {\n  summary { cursor: pointer; }\n\n  &:not([open]) {\n    // Set details content hidden by default for browsers that don't do this\n    > *:not(summary) { display: none !important; }\n  }\n}\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n  @if $breakpoint == \"\" {\n    @content;\n  }\n\n  @else {\n    // Retrieves the value from the key\n    $value: map-get($breakpoints, $breakpoint);\n\n    // If the key exists in the map\n    @if $value != null {\n      // Prints a media query based on the value\n      @media (min-width: $value) {\n        @content;\n      }\n    }\n\n    // If the key doesn't exist in the map\n    @else {\n      @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n        + \"Please make sure it is defined in `$breakpoints` map.\";\n    }\n  }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n  @media\n    only screen and (-webkit-min-device-pixel-ratio: 2),\n    only screen and (min--moz-device-pixel-ratio: 2),\n    only screen and (-moz-min-device-pixel-ratio: 2),\n    only screen and (-o-min-device-pixel-ratio: 2/1),\n    only screen and (min-device-pixel-ratio: 2),\n    only screen and (min-resolution: 192dpi),\n    only screen and (min-resolution: 2dppx) {\n    @content;\n  }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n  &::before {\n    display: table;\n    content: \"\";\n  }\n\n  &::after {\n    display: table;\n    clear: both;\n    content: \"\";\n  }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  padding: ($spacer-1 - 1) ($spacer-1 + 1);\n  font: 11px $mono-font;\n  // stylelint-disable-next-line primer/typography\n  line-height: 10px;\n  color: var(--color-fg-default);\n  vertical-align: middle;\n  background-color: var(--color-canvas-subtle);\n  // stylelint-disable-next-line primer/borders\n  border: $border-style $border-width var(--color-neutral-muted);\n  border-bottom-color: var(--color-neutral-muted);\n  border-radius: $border-radius;\n  // stylelint-disable-next-line primer/box-shadow\n  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);\n}\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n  margin-top: 0;\n  // stylelint-disable-next-line primer/spacing\n  margin-bottom: 10px;\n}\n\nsmall {\n  // stylelint-disable-next-line primer/typography\n  font-size: 90%;\n}\n\nblockquote {\n  margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nol ol,\nul ol {\n  list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n  list-style-type: lower-alpha;\n}\n\ndd {\n  margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n  font-family: $mono-font;\n  font-size: $font-size-small;\n}\n\npre {\n  margin-top: 0;\n  margin-bottom: 0;\n  font-family: $mono-font;\n  font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n  vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n  overflow: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n  font-size: $h1-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n  font-size: $h2-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n  font-size: $h3-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n  font-size: $h4-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n  font-size: $h5-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n  font-size: $h6-size;\n  font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n  font-size: $h1-size-mobile;\n\n  // 32px on desktop\n  @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n  font-size: $h2-size-mobile;\n\n  // 24px on desktop\n  @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n  font-size: $h3-size-mobile;\n\n  // 20px on desktop\n  @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n  @include f1-responsive;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n  @include f2-responsive;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n  @include f3-responsive;\n  font-weight: $font-weight-bold;\n}\n",".octicon {\n  display: inline-block;\n  overflow: visible !important;\n  vertical-align: text-bottom;\n  fill: currentColor;\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/base/index.scss%23sass"],"names":[],"mappings":"AA0gBA,2EAAA,CAAA,KAAA,sBAAA,CAAA,yBAAA,CAAA,6BAAA,CAAA,KAAA,QAAA,CAAA,4EAAA,aAAA,CAAA,QAAA,iBAAA,CAAA,4BAAA,oBAAA,CAAA,sBAAA,YAAA,CAAA,QAAA,CAAA,SAAA,uBAAA,CAAA,kBAAA,uBAAA,CAAA,EAAA,4BAAA,CAAA,iBAAA,eAAA,CAAA,YAAA,kBAAA,CAAA,yBAAA,CAAA,gCAAA,CAAA,SAAA,mBAAA,CAAA,SAAA,kBAAA,CAAA,IAAA,iBAAA,CAAA,GAAA,aAAA,CAAA,cAAA,CAAA,KAAA,qBAAA,CAAA,+BAAA,CAAA,MAAA,aAAA,CAAA,QAAA,aAAA,CAAA,aAAA,CAAA,iBAAA,CAAA,uBAAA,CAAA,IAAA,cAAA,CAAA,IAAA,UAAA,CAAA,IAAA,iBAAA,CAAA,eAAA,eAAA,CAAA,kBAAA,+BAAA,CAAA,aAAA,CAAA,OAAA,eAAA,CAAA,GAAA,sBAAA,CAAA,QAAA,CAAA,gBAAA,CAAA,6BAAA,YAAA,CAAA,QAAA,CAAA,SAAA,eAAA,CAAA,aAAA,gBAAA,CAAA,cAAA,mBAAA,CAAA,qDAAA,yBAAA,CAAA,wHAAA,iBAAA,CAAA,SAAA,CAAA,4GAAA,6BAAA,CAAA,SAAA,uBAAA,CAAA,YAAA,CAAA,0BAAA,CAAA,OAAA,qBAAA,CAAA,aAAA,CAAA,aAAA,CAAA,cAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,SAAA,aAAA,CAAA,6BAAA,qBAAA,CAAA,SAAA,CAAA,kFAAA,WAAA,CAAA,cAAA,4BAAA,CAAA,mBAAA,CAAA,qFAAA,uBAAA,CAAA,4BAAA,aAAA,CAAA,WAAA,CAAA,6BAAA,yBAAA,CAAA,YAAA,CAAA,EAAA,qBAAA,CAAA,6BAAA,mBAAA,CAAA,iBAAA,CAAA,mBAAA,CAAA,KAAA,uHAAA,CAAA,cAAA,CAAA,eAAA,CAAA,6BAAA,CAAA,4CAAA,CAAA,EAAA,4BAAA,CAAA,oBAAA,CAAA,QAAA,yBAAA,CAAA,SAAA,eAAA,CAAA,SAAA,QAAA,CAAA,aAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,QAAA,CAAA,iDAAA,CAAA,yBAAA,aAAA,CAAA,UAAA,CAAA,uBAAA,aAAA,CAAA,UAAA,CAAA,UAAA,CAAA,MAAA,gBAAA,CAAA,wBAAA,CAAA,MAAA,SAAA,CAAA,OAAA,cAAA,CAAA,eAAA,CAAA,iBAAA,uBAAA,CAAA,gBAAA,cAAA,CAAA,mCAAA,uBAAA,CAAA,IAAA,oBAAA,CAAA,eAAA,CAAA,sFAAA,CAAA,gBAAA,CAAA,6BAAA,CAAA,qBAAA,CAAA,2CAAA,CAAA,2CAAA,CAAA,8CAAA,CAAA,iBAAA,CAAA,oDAAA,CAAA,kBAAA,YAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,EAAA,YAAA,CAAA,kBAAA,CAAA,MAAA,aAAA,CAAA,WAAA,QAAA,CAAA,MAAA,cAAA,CAAA,YAAA,CAAA,eAAA,CAAA,YAAA,2BAAA,CAAA,oCAAA,2BAAA,CAAA,GAAA,aAAA,CAAA,QAAA,wFAAA,CAAA,cAAA,CAAA,IAAA,YAAA,CAAA,eAAA,CAAA,wFAAA,CAAA,cAAA,CAAA,SAAA,0BAAA,CAAA,SAAA,oBAAA,CAAA,2BAAA,CAAA,0BAAA,CAAA,iBAAA","file":"base.css"}

package/dist/blankslate.css

@@ -1,3 +1,2 @@
 .blankslate{position:relative;padding:32px;text-align:center}.blankslate p{color:var(--color-fg-muted)}.blankslate code{padding:2px 5px 3px;font-size:14px;background:var(--color-canvas-default);border:1px solid var(--color-border-muted);border-radius:6px}.blankslate img{width:56px;height:56px}.blankslate-icon{margin-right:4px;margin-bottom:8px;margin-left:4px;color:var(--color-fg-muted)}.blankslate-capped{border-radius:0 0 6px 6px}.blankslate-spacious{padding:80px 40px}.blankslate-narrow{max-width:485px;margin:0 auto}.blankslate-large img{width:80px;height:80px}.blankslate-large h3{margin:16px 0;font-size:24px}.blankslate-large p{font-size:16px}.blankslate-clean-background{border:0}
-
 /*# sourceMappingURL=blankslate.css.map */

package/dist/blankslate.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/blankslate/blankslate.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/misc.scss"],"names":[],"mappings":"AACA,YACE,iBAAkB,CAClB,YCoCoB,CDnCpB,iBAAkB,CAHpB,cAMI,2BAA4B,CANhC,iBAWI,mBAAoB,CACpB,cEIU,CFHV,sCAAuC,CACvC,0CAA6D,CAC7D,iBGPkB,CHRtB,gBAmBI,UAAW,CACX,WAAY,CACb,iBAID,gBCSsB,CDRtB,iBCIU,CDHV,eCOsB,CDNtB,2BAA4B,CAC7B,mBAGC,yBGxBoB,CHyBrB,qBAIC,iBCEoB,CDDrB,mBAGC,eAAgB,CAChB,aAAc,CACf,sBAMG,UAAW,CACX,WAAY,CAHhB,qBAOI,aAAmB,CAEnB,cE3CU,CFkCd,oBAaI,cE7CU,CF8CX,6BAMD,QAAS","file":"blankslate.css","sourcesContent":["// stylelint-disable selector-max-type\n.blankslate {\n  position: relative;\n  padding: $spacer-5;\n  text-align: center;\n\n  p {\n    color: var(--color-fg-muted);\n  }\n\n  code {\n    // stylelint-disable-next-line primer/spacing\n    padding: 2px 5px 3px;\n    font-size: $h5-size;\n    background: var(--color-canvas-default);\n    border: $border-width $border-style var(--color-border-muted);\n    border-radius: $border-radius;\n  }\n\n  img {\n    width: 56px;\n    height: 56px;\n  }\n}\n\n.blankslate-icon {\n  margin-right: $spacer-1;\n  margin-bottom: $spacer-2;\n  margin-left: $spacer-1;\n  color: var(--color-fg-muted);\n}\n\n.blankslate-capped {\n  border-radius: 0 0 $border-radius $border-radius;\n}\n\n.blankslate-spacious {\n  // stylelint-disable-next-line primer/spacing\n  padding: ($spacer-6 * 2) $spacer-6;\n}\n\n.blankslate-narrow {\n  max-width: 485px;\n  margin: 0 auto;\n}\n\n// was .large-format\n// QUESTION: should we deprecate this?\n.blankslate-large {\n  img {\n    width: 80px;\n    height: 80px;\n  }\n\n  h3 {\n    margin: $spacer-3 0;\n    //font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size?\n    font-size: $h2-size;\n  }\n\n  p {\n    font-size: $h4-size;\n  }\n}\n\n// was .clean-background\n// TO DO: deprecate this and use utility instead\n.blankslate-clean-background {\n  border: 0;\n}\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px,\n  xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px,\n  xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n  md: 296px,\n  lg: 320px,\n  xl: 344px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/blankslate/index.scss%23sass"],"names":[],"mappings":"AA0gBA,YAAA,iBAAA,CAAA,YAAA,CAAA,iBAAA,CAAA,cAAA,2BAAA,CAAA,iBAAA,mBAAA,CAAA,cAAA,CAAA,sCAAA,CAAA,0CAAA,CAAA,iBAAA,CAAA,gBAAA,UAAA,CAAA,WAAA,CAAA,iBAAA,gBAAA,CAAA,iBAAA,CAAA,eAAA,CAAA,2BAAA,CAAA,mBAAA,yBAAA,CAAA,qBAAA,iBAAA,CAAA,mBAAA,eAAA,CAAA,aAAA,CAAA,sBAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,aAAA,CAAA,cAAA,CAAA,oBAAA,cAAA,CAAA,6BAAA,QAAA","file":"blankslate.css"}

package/dist/box.css

@@ -1,3 +1,2 @@
-.Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-style:solid;border-width:1px;border-radius:6px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0;background-color:var(--color-canvas-subtle);border-color:var(--color-border-default);border-style:solid;border-width:1px;border-top-left-radius:6px;border-top-right-radius:6px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid var(--color-border-default)}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top-color:var(--color-border-muted);border-top-style:solid;border-top-width:1px}.Box-row:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}.Box-row:last-of-type{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--color-accent-emphasis)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--color-accent-fg);cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--color-canvas-subtle)}.Box-row--focus-blue.navigation-focus{background-color:var(--color-accent-subtle)}.Box-row--hover-gray:hover{background-color:var(--color-canvas-subtle)}.Box-row--hover-blue:hover{background-color:var(--color-accent-subtle)}@media (min-width: 768px){.Box-row-link{color:var(--color-fg-default);text-decoration:none}.Box-row-link:hover{color:var(--color-accent-fg);text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top-color:var(--color-border-default);border-top-style:solid;border-top-width:1px;border-radius:0 0 6px 6px}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:var(--color-accent-muted)}.Box--blue .Box-header{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box--blue .Box-body{border-color:var(--color-accent-muted)}.Box--blue .Box-row{border-color:var(--color-accent-muted)}.Box--blue .Box-footer{border-color:var(--color-accent-muted)}.Box--danger{border-color:var(--color-danger-emphasis)}.Box--danger .Box-row:first-of-type{border-color:var(--color-danger-emphasis)}.Box--danger .Box-body:last-of-type{border-color:var(--color-danger-emphasis)}.Box-header--blue{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box-row--yellow{background-color:var(--color-attention-subtle)}.Box-row--blue{background-color:var(--color-accent-subtle)}.Box-row--gray{background-color:var(--color-canvas-subtle)}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5}
-
+.Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-style:solid;border-width:1px;border-radius:6px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0;background-color:var(--color-canvas-subtle);border-color:var(--color-border-default);border-style:solid;border-width:1px;border-top-left-radius:6px;border-top-right-radius:6px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid var(--color-border-default)}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top-color:var(--color-border-muted);border-top-style:solid;border-top-width:1px}.Box-row:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}.Box-row:last-of-type{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--color-accent-emphasis)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--color-accent-fg);cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--color-canvas-subtle)}.Box-row--focus-blue.navigation-focus{background-color:var(--color-accent-subtle)}.Box-row--hover-gray:hover{background-color:var(--color-canvas-subtle)}.Box-row--hover-blue:hover{background-color:var(--color-accent-subtle)}@media(min-width: 768px){.Box-row-link{color:var(--color-fg-default);text-decoration:none}.Box-row-link:hover{color:var(--color-accent-fg);text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top-color:var(--color-border-default);border-top-style:solid;border-top-width:1px;border-radius:0 0 6px 6px}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:var(--color-accent-muted)}.Box--blue .Box-header{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box--blue .Box-body{border-color:var(--color-accent-muted)}.Box--blue .Box-row{border-color:var(--color-accent-muted)}.Box--blue .Box-footer{border-color:var(--color-accent-muted)}.Box--danger{border-color:var(--color-danger-emphasis)}.Box--danger .Box-row:first-of-type{border-color:var(--color-danger-emphasis)}.Box--danger .Box-body:last-of-type{border-color:var(--color-danger-emphasis)}.Box-header--blue{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box-row--yellow{background-color:var(--color-attention-subtle)}.Box-row--blue{background-color:var(--color-accent-subtle)}.Box-row--gray{background-color:var(--color-canvas-subtle)}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5}
 /*# sourceMappingURL=box.css.map */

package/dist/box.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/box/box.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/layout.scss","../src/src/support/mixins/layout.scss"],"names":[],"mappings":"AAGA,KACE,4CAA6C,CAC7C,wCAAyC,CACzC,kBCFkB,CDGlB,gBCJgB,CDKhB,iBCCoB,CDArB,gBAIC,gBEiBiB,CFlBnB,4BAII,gBGqBkB,CHzBtB,0BAQI,gBGiBkB,CHzBtB,4BAYI,gBGakB,CHzBtB,6CAiBM,gBGQgB,CHNhB,iBGMgB,CHLhB,gBEFa,CFlBnB,yBAyBI,gBGAkB,CHCnB,2BAKC,YGLkB,CHMlB,gBEde,CFWnB,0BAOI,cEjCU,CF0Bd,yBAWI,YGdkB,CHGtB,2BAeI,YGlBkB,CHGtB,4CAoBM,YGvBgB,CHyBhB,kBGzBgB,CHGtB,wBA2BI,YG9BkB,CH+BnB,YAID,YGpCoB,CHsCpB,kBAA2C,CAC3C,2CAA4C,CAC5C,wCAAyC,CACzC,kBC1EkB,CD2ElB,gBC5EgB,CD6EhB,0BCvEoB,CDwEpB,2BCxEoB,CDyErB,WAGC,cE5CmB,CF6CnB,eE/DoB,CFgErB,UAGC,YGrDoB,CHsDpB,mDAAsE,CAFxE,uBAOI,kBC7Fc,CD8Fd,8BCxFkB,CDyFlB,6BCzFkB,CD0FnB,SAKD,YGnEoB,CHqEpB,eAAgB,CAChB,oBAAqB,CACrB,0CAA2C,CAC3C,sBCzGkB,CD0GlB,oBC3GgB,CDoGlB,uBAUI,0BCxGkB,CDyGlB,2BCzGkB,CD8FtB,sBAeI,8BC7GkB,CD8GlB,6BC9GkB,CD8FtB,yCAyBI,qDAAsD,CAzB1D,gDA+BM,4BAA6B,CAC7B,WAAY,CACZ,WAAY,CAjClB,4DAsCM,eAAgB,CAtCtB,0CA2CM,2CAA4C,CA3ClD,yCAgDM,2CAA4C,CAhDlD,6DAoDQ,SAAU,CACX,sCAOH,2CAA4C,CAC7C,sCAKC,2CAA4C,CAC7C,2BAKC,2CAA4C,CAC7C,2BAKC,2CAA4C,CIvK1C,0BJ8KN,cAEI,6BAA8B,CAC9B,oBAAqB,CAHzB,oBAMM,4BAA6B,CAC7B,oBAAqB,CACtB,CAML,sBACE,SAAU,CACX,YAGC,YG1KoB,CH4KpB,eAAgB,CAChB,4CAA6C,CAC7C,sBC/MkB,CDgNlB,oBCjNgB,CDkNhB,yBC5MoB,CD6MrB,iBAIC,gBAAiB,CACjB,eAAgB,CACjB,WAKC,sCAAuC,CADzC,uBAII,2CAA4C,CAC5C,sCAAuC,CAL3C,qBASI,sCAAuC,CAT3C,oBAaI,sCAAuC,CAb3C,uBAiBI,sCAAuC,CACxC,aAMD,yCAA0C,CAD5C,oCAKM,yCAA0C,CALhD,oCAWM,yCAA0C,CAC3C,kBAKH,2CAA4C,CAC5C,sCAAuC,CACxC,iBAKC,8CAA+C,CAChD,eAGC,2CAA4C,CAC7C,eAGC,2CAA4C,CAC7C,6BAMG,iBGzPkB,CH2PlB,kBG3PkB,CH4PlB,eElQY","file":"box.css","sourcesContent":["// Box\n// Intended to replace simple-box, boxed-group, and table-list\n\n.Box {\n  background-color: var(--color-canvas-default);\n  border-color: var(--color-border-default);\n  border-style: $border-style;\n  border-width: $border-width;\n  border-radius: $border-radius;\n}\n\n// Box padding density options\n.Box--condensed {\n  line-height: $lh-condensed;\n\n  .Box-header {\n    padding: $spacer-2 $spacer-3;\n  }\n\n  .Box-body {\n    padding: $spacer-2 $spacer-3;\n  }\n\n  .Box-footer {\n    padding: $spacer-2 $spacer-3;\n  }\n\n  .Box-btn-octicon {\n    &.btn-octicon {\n      padding: $spacer-2 $spacer-3;\n      // stylelint-disable-next-line primer/spacing\n      margin: (-$spacer-2) (-$spacer-3);\n      line-height: $lh-condensed;\n    }\n  }\n\n  .Box-row {\n    padding: $spacer-2 $spacer-3;\n  }\n}\n\n.Box--spacious {\n  .Box-header {\n    padding: $spacer-4;\n    line-height: $lh-condensed;\n  }\n\n  .Box-title {\n    font-size: $h3-size;\n  }\n\n  .Box-body {\n    padding: $spacer-4;\n  }\n\n  .Box-footer {\n    padding: $spacer-4;\n  }\n\n  .Box-btn-octicon {\n    &.btn-octicon {\n      padding: $spacer-4;\n      // stylelint-disable-next-line primer/spacing\n      margin: (-$spacer-4) (-$spacer-4);\n    }\n  }\n\n  .Box-row {\n    padding: $spacer-4;\n  }\n}\n\n.Box-header {\n  padding: $spacer-3;\n  // stylelint-disable-next-line primer/spacing\n  margin: (-$border-width) (-$border-width) 0;\n  background-color: var(--color-canvas-subtle);\n  border-color: var(--color-border-default);\n  border-style: $border-style;\n  border-width: $border-width;\n  border-top-left-radius: $border-radius;\n  border-top-right-radius: $border-radius;\n}\n\n.Box-title {\n  font-size: $body-font-size;\n  font-weight: $font-weight-bold;\n}\n\n.Box-body {\n  padding: $spacer-3;\n  border-bottom: $border-width $border-style var(--color-border-default);\n\n  // Ensures bottom-border doesn't poke out when .Box-body used without box-footer\n  &:last-of-type {\n    // stylelint-disable-next-line primer/spacing\n    margin-bottom: -$border-width;\n    border-bottom-right-radius: $border-radius;\n    border-bottom-left-radius: $border-radius;\n  }\n}\n\n// Box rows\n.Box-row {\n  padding: $spacer-3;\n  // stylelint-disable-next-line primer/spacing\n  margin-top: -1px;\n  list-style-type: none; // To account for applying Box component to a list\n  border-top-color: var(--color-border-muted);\n  border-top-style: $border-style;\n  border-top-width: $border-width;\n\n  &:first-of-type {\n    border-top-left-radius: $border-radius;\n    border-top-right-radius: $border-radius;\n  }\n\n  &:last-of-type {\n    border-bottom-right-radius: $border-radius;\n    border-bottom-left-radius: $border-radius;\n  }\n\n  // Adds a blue vertical line to the left of the row\n  // For indicating a row item is unread\n  &.Box-row--unread,\n  // .unread to be deprecated with .Box-row-unread\n  &.unread {\n    // stylelint-disable-next-line primer/box-shadow\n    box-shadow: inset 2px 0 0 var(--color-accent-emphasis);\n  }\n\n  &.navigation-focus {\n    // Focus styles for when drag icon\n    .Box-row--drag-button {\n      color: var(--color-accent-fg);\n      cursor: grab;\n      opacity: 100;\n    }\n\n    // Grabbing while row is dragged\n    &.is-dragging .Box-row--drag-button {\n      cursor: grabbing;\n    }\n\n    // Row dragging styles\n    &.sortable-chosen {\n      background-color: var(--color-canvas-subtle);\n    }\n\n    // Makes dragging row background gray\n    &.sortable-ghost {\n      background-color: var(--color-canvas-subtle);\n\n      // Hides contents of row while dragging so row looks solid gray\n      .Box-row--drag-hide {\n        opacity: 0;\n      }\n    }\n  }\n}\n\n.Box-row--focus-gray {\n  &.navigation-focus {\n    background-color: var(--color-canvas-subtle);\n  }\n}\n\n.Box-row--focus-blue {\n  &.navigation-focus {\n    background-color: var(--color-accent-subtle);\n  }\n}\n\n.Box-row--hover-gray {\n  &:hover {\n    background-color: var(--color-canvas-subtle);\n  }\n}\n\n.Box-row--hover-blue {\n  &:hover {\n    background-color: var(--color-accent-subtle);\n  }\n}\n\n// Optional link style\n// Makes links on mobile blue since they don't have hover state,\n// and links are dark-gray with blue hover on desktop.\n.Box-row-link {\n  @include breakpoint(md) {\n    color: var(--color-fg-default);\n    text-decoration: none;\n\n    &:hover {\n      color: var(--color-accent-fg);\n      text-decoration: none;\n    }\n  }\n}\n\n// Optional drag icon styles for reordering items\n// Focus styles included in .Box-row above\n.Box-row--drag-button {\n  opacity: 0;\n}\n\n.Box-footer {\n  padding: $spacer-3;\n  // stylelint-disable-next-line primer/spacing\n  margin-top: -1px; // prevents double border when used with .Box-body\n  border-top-color: var(--color-border-default);\n  border-top-style: $border-style;\n  border-top-width: $border-width;\n  border-radius: 0 0 $border-radius $border-radius;\n}\n\n// Option for a box with scrolling content\n.Box--scrollable {\n  max-height: 324px;\n  overflow: scroll;\n}\n\n// Box themes\n\n.Box--blue {\n  border-color: var(--color-accent-muted);\n\n  .Box-header {\n    background-color: var(--color-accent-subtle);\n    border-color: var(--color-accent-muted);\n  }\n\n  .Box-body {\n    border-color: var(--color-accent-muted);\n  }\n\n  .Box-row {\n    border-color: var(--color-accent-muted);\n  }\n\n  .Box-footer {\n    border-color: var(--color-accent-muted);\n  }\n}\n\n// Applies and red border to the outside of the box,\n// but not to the border separating rows.\n.Box--danger {\n  border-color: var(--color-danger-emphasis);\n\n  .Box-row {\n    &:first-of-type {\n      border-color: var(--color-danger-emphasis);\n    }\n  }\n\n  .Box-body {\n    &:last-of-type {\n      border-color: var(--color-danger-emphasis);\n    }\n  }\n}\n\n.Box-header--blue {\n  background-color: var(--color-accent-subtle);\n  border-color: var(--color-accent-muted);\n}\n\n// Box row highlight themes\n\n.Box-row--yellow {\n  background-color: var(--color-attention-subtle);\n}\n\n.Box-row--blue {\n  background-color: var(--color-accent-subtle);\n}\n\n.Box-row--gray {\n  background-color: var(--color-canvas-subtle);\n}\n\n//Box with btn-octicon\n.Box-btn-octicon {\n  // Increase specificity when btn-octicon is used because comes after .Box in the cascade\n  &.btn-octicon {\n    padding: $spacer-3 $spacer-3;\n    // stylelint-disable-next-line primer/spacing\n    margin: (-$spacer-3) (-$spacer-3);\n    line-height: $lh-default; // override btn-octicon line-height\n  }\n}\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px,\n  xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px,\n  xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n  md: 296px,\n  lg: 320px,\n  xl: 344px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n  @if $breakpoint == \"\" {\n    @content;\n  }\n\n  @else {\n    // Retrieves the value from the key\n    $value: map-get($breakpoints, $breakpoint);\n\n    // If the key exists in the map\n    @if $value != null {\n      // Prints a media query based on the value\n      @media (min-width: $value) {\n        @content;\n      }\n    }\n\n    // If the key doesn't exist in the map\n    @else {\n      @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n        + \"Please make sure it is defined in `$breakpoints` map.\";\n    }\n  }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n  @media\n    only screen and (-webkit-min-device-pixel-ratio: 2),\n    only screen and (min--moz-device-pixel-ratio: 2),\n    only screen and (-moz-min-device-pixel-ratio: 2),\n    only screen and (-o-min-device-pixel-ratio: 2/1),\n    only screen and (min-device-pixel-ratio: 2),\n    only screen and (min-resolution: 192dpi),\n    only screen and (min-resolution: 2dppx) {\n    @content;\n  }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n  &::before {\n    display: table;\n    content: \"\";\n  }\n\n  &::after {\n    display: table;\n    clear: both;\n    content: \"\";\n  }\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/box/index.scss%23sass"],"names":[],"mappings":"AA2gBA,KAAA,4CACE,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,0BAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,6CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,gBAAA,CAAA,2BAAA,YAAA,CAAA,gBAAA,CAAA,0BAAA,cAAA,CAAA,yBAAA,YAAA,CAAA,2BAAA,YAAA,CAAA,4CAAA,YAAA,CAAA,kBAAA,CAAA,wBAAA,YAAA,CAAA,YAAA,YAAA,CAAA,kBAAA,CAAA,2CAAA,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,WAAA,cAAA,CAAA,eAAA,CAAA,UAAA,YAAA,CAAA,mDAAA,CAAA,uBAAA,kBAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,SAAA,YAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,0CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,uBAAA,0BAAA,CAAA,2BAAA,CAAA,sBAAA,8BAAA,CAAA,6BAAA,CAAA,yCAAA,qDAAA,CAAA,gDAAA,4BAAA,CAAA,WAAA,CAAA,WAAA,CAAA,4DAAA,eAAA,CAAA,0CAAA,2CAAA,CAAA,yCAAA,2CAAA,CAAA,6DAAA,SAAA,CAAA,sCAAA,2CAAA,CAAA,sCAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,yBAAA,cAAA,6BAAA,CAAA,oBAAA,CAAA,oBAAA,4BAAA,CAAA,oBAAA,CAAA,CAAA,sBAAA,SAAA,CAAA,YAAA,YAAA,CAAA,eAAA,CAAA,4CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,yBAAA,CAAA,iBAAA,gBAAA,CAAA,eAAA,CAAA,WAAA,sCAAA,CAAA,uBAAA,2CAAA,CAAA,sCAAA,CAAA,qBAAA,sCAAA,CAAA,oBAAA,sCAAA,CAAA,uBAAA,sCAAA,CAAA,aAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,kBAAA,2CAAA,CAAA,sCAAA,CAAA,iBAAA,8CAAA,CAAA,eAAA,2CAAA,CAAA,eAAA,2CAAA,CAAA,6BAAA,iBAAA,CAAA,kBAAA,CAAA,eAAA","file":"box.css"}

package/dist/branch-name.css

@@ -1,3 +1,2 @@
 .branch-name{display:inline-block;padding:2px 6px;font:12px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;color:var(--color-fg-muted);background-color:var(--color-accent-subtle);border-radius:6px}.branch-name .octicon{margin:1px -2px 0 0;color:var(--color-fg-muted)}a.branch-name{color:var(--color-accent-fg);background-color:var(--color-accent-subtle)}a.branch-name .octicon{color:var(--color-accent-fg)}
-
 /*# sourceMappingURL=branch-name.css.map */

package/dist/branch-name.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/branch-name/branch-name.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/misc.scss"],"names":[],"mappings":"AAIA,aACE,oBAAqB,CAErB,eAAgB,CAChB,sFC8B4F,CD7B5F,2BAA4B,CAC5B,2CAA4C,CAC5C,iBEFoB,CFLtB,sBAWI,mBAAoB,CACpB,2BAA4B,CAC7B,cAMD,4BAA6B,CAC7B,2CAA4C,CAF9C,uBAKI,4BAA6B","file":"branch-name.css","sourcesContent":["// stylelint-disable selector-max-type, selector-no-qualifying-type\n\n// A nice way to display branch names inside the UI. Can be a link or not.\n\n.branch-name {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  padding: 2px 6px;\n  font: 12px $mono-font;\n  color: var(--color-fg-muted);\n  background-color: var(--color-accent-subtle);\n  border-radius: $border-radius;\n\n  .octicon {\n    // stylelint-disable-next-line primer/spacing\n    margin: 1px -2px 0 0;\n    color: var(--color-fg-muted);\n  }\n}\n\n// When a branch name is a link\n\na.branch-name {\n  color: var(--color-accent-fg);\n  background-color: var(--color-accent-subtle);\n\n  .octicon {\n    color: var(--color-accent-fg);\n  }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/branch-name/index.scss%23sass"],"names":[],"mappings":"AA4gBA,aAAA,oBACE,CAAA,eAAA,CAAA,sFAAA,CAAA,2BAAA,CAAA,2CAAA,CAAA,iBAAA,CAAA,sBAAA,mBAAA,CAAA,2BAAA,CAAA,cAAA,4BAAA,CAAA,2CAAA,CAAA,uBAAA,4BAAA","file":"branch-name.css"}

package/dist/breadcrumb.css

@@ -1,3 +1,2 @@
-.breadcrumb-item{display:inline-block;margin-left:-0.35em;white-space:nowrap;list-style:none}.breadcrumb-item::after{display:inline-block;height:0.8em;margin:0 .5em;content:'';border-right:0.1em solid var(--color-fg-muted);transform:rotate(15deg)}.breadcrumb-item:first-child{margin-left:0}.breadcrumb-item-selected::after,.breadcrumb-item[aria-current]:not([aria-current=false])::after{content:none}.breadcrumb-item-selected a{color:var(--color-fg-default)}
-
+.breadcrumb-item{display:inline-block;margin-left:-0.35em;white-space:nowrap;list-style:none}.breadcrumb-item::after{display:inline-block;height:.8em;margin:0 .5em;content:"";border-right:.1em solid var(--color-fg-muted);transform:rotate(15deg)}.breadcrumb-item:first-child{margin-left:0}.breadcrumb-item-selected::after,.breadcrumb-item[aria-current]:not([aria-current=false])::after{content:none}.breadcrumb-item-selected a{color:var(--color-fg-default)}
 /*# sourceMappingURL=breadcrumb.css.map */

package/dist/breadcrumb.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/breadcrumb/breadcrumb.scss","../src/src/support/variables/layout.scss"],"names":[],"mappings":"AAAA,iBACE,oBAAqB,CAErB,mBAAoB,CACpB,kBAAmB,CACnB,eAAgB,CALlB,wBAQI,oBAAqB,CACrB,YAAa,CACb,aC4Fe,CD3Ff,UAAW,CAEX,8CAAuD,CACvD,uBAAwB,CAd5B,6BAkBI,aAAc,CACf,iGAMC,YAAa,CACd,4BAKD,6BAA8B","file":"breadcrumb.css","sourcesContent":[".breadcrumb-item {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  margin-left: -0.35em;\n  white-space: nowrap;\n  list-style: none;\n\n  &::after {\n    display: inline-block;\n    height: 0.8em;\n    margin: 0 $em-spacer-5;\n    content: '';\n    // stylelint-disable-next-line primer/borders\n    border-right: 0.1em $border-style var(--color-fg-muted);\n    transform: rotate(15deg);\n  }\n\n  &:first-child {\n    margin-left: 0;\n  }\n}\n\n.breadcrumb-item-selected,\n.breadcrumb-item[aria-current]:not([aria-current=false]) {\n  &::after {\n    content: none;\n  }\n}\n\n// stylelint-disable selector-max-type\n.breadcrumb-item-selected a {\n  color: var(--color-fg-default);\n}\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px,\n  xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px,\n  xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n  md: 296px,\n  lg: 320px,\n  xl: 344px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/breadcrumb/index.scss%23sass"],"names":[],"mappings":"AA0gBA,iBAAA,oBAAA,CAAA,mBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,wBAAA,oBAAA,CAAA,WAAA,CAAA,aAAA,CAAA,UAAA,CAAA,6CAAA,CAAA,uBAAA,CAAA,6BAAA,aAAA,CAAA,iGAAA,YAAA,CAAA,4BAAA,6BAAA","file":"breadcrumb.css"}

package/dist/buttons.css

@@ -1,3 +1,2 @@
-.btn{position:relative;display:inline-block;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:hover{text-decoration:none}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{cursor:default}.btn:disabled .octicon,.btn.disabled .octicon,.btn[aria-disabled=true] .octicon{color:var(--color-fg-muted)}.btn i{font-style:normal;font-weight:500;opacity:0.75}.btn .octicon{margin-right:4px;color:var(--color-fg-muted);vertical-align:text-bottom}.btn .octicon:only-child{margin-right:0}.btn .Counter{margin-left:2px;color:inherit;text-shadow:none;vertical-align:top;background-color:var(--color-btn-counter-bg)}.btn .dropdown-caret{margin-left:4px;opacity:0.8}.btn{color:var(--color-btn-text);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);transition:0.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:color, background-color, border-color}.btn:hover,.btn.hover,[open]>.btn{background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border);transition-duration:0.1s}.btn:active{background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border);transition:none}.btn.selected,.btn[aria-selected=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{color:var(--color-fg-muted);background-color:var(--color-btn-bg);border-color:var(--color-btn-border)}.btn:focus,.btn.focus{border-color:var(--color-btn-focus-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-primary{color:var(--color-btn-primary-text);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow)}.btn-primary:hover,.btn-primary.hover,[open]>.btn-primary{background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.btn-primary:active,.btn-primary.selected,.btn-primary[aria-selected=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.btn-primary:disabled,.btn-primary.disabled,.btn-primary[aria-disabled=true]{color:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border)}.btn-primary:disabled .octicon,.btn-primary.disabled .octicon,.btn-primary[aria-disabled=true] .octicon{color:var(--color-btn-primary-disabled-text)}.btn-primary:focus,.btn-primary.focus{background-color:var(--color-btn-primary-focus-bg);border-color:var(--color-btn-primary-focus-border);box-shadow:var(--color-btn-primary-focus-shadow)}.btn-primary .Counter{color:inherit;background-color:var(--color-btn-primary-counter-bg)}.btn-primary .octicon{color:var(--color-btn-primary-icon)}.btn-outline{color:var(--color-btn-outline-text)}.btn-outline:hover,[open]>.btn-outline{color:var(--color-btn-outline-hover-text);background-color:var(--color-btn-outline-hover-bg);border-color:var(--color-btn-outline-hover-border);box-shadow:var(--color-btn-outline-hover-shadow),var(--color-btn-outline-hover-inset-shadow)}.btn-outline:hover .Counter,[open]>.btn-outline .Counter{background-color:var(--color-btn-outline-hover-counter-bg)}.btn-outline:hover .octicon,[open]>.btn-outline .octicon{color:inherit}.btn-outline:active,.btn-outline.selected,.btn-outline[aria-selected=true]{color:var(--color-btn-outline-selected-text);background-color:var(--color-btn-outline-selected-bg);border-color:var(--color-btn-outline-selected-border);box-shadow:var(--color-btn-outline-selected-shadow)}.btn-outline:disabled,.btn-outline.disabled,.btn-outline[aria-disabled=true]{color:var(--color-btn-outline-disabled-text);background-color:var(--color-btn-outline-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-outline:disabled .Counter,.btn-outline.disabled .Counter,.btn-outline[aria-disabled=true] .Counter{background-color:var(--color-btn-outline-disabled-counter-bg)}.btn-outline:focus{border-color:var(--color-btn-outline-focus-border);box-shadow:var(--color-btn-outline-focus-shadow)}.btn-outline .Counter{color:inherit;background-color:var(--color-btn-outline-counter-bg)}.btn-danger{color:var(--color-btn-danger-text)}.btn-danger .octicon{color:var(--color-btn-danger-icon)}.btn-danger:hover,[open]>.btn-danger{color:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow)}.btn-danger:hover .Counter,[open]>.btn-danger .Counter{background-color:var(--color-btn-danger-hover-counter-bg)}.btn-danger:hover .octicon,[open]>.btn-danger .octicon{color:var(--color-btn-danger-hover-icon)}.btn-danger:active,.btn-danger.selected,.btn-danger[aria-selected=true]{color:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow)}.btn-danger:disabled,.btn-danger.disabled,.btn-danger[aria-disabled=true]{color:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-danger:disabled .Counter,.btn-danger.disabled .Counter,.btn-danger[aria-disabled=true] .Counter{background-color:var(--color-btn-danger-disabled-counter-bg)}.btn-danger:disabled .octicon,.btn-danger.disabled .octicon,.btn-danger[aria-disabled=true] .octicon{color:var(--color-btn-danger-disabled-text)}.btn-danger:focus{border-color:var(--color-btn-danger-focus-border);box-shadow:var(--color-btn-danger-focus-shadow)}.btn-danger .Counter{color:inherit;background-color:var(--color-btn-danger-counter-bg)}.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.btn-sm .octicon{vertical-align:text-top}.btn-large{padding:.75em 1.5em;font-size:inherit;line-height:1.5;border-radius:0.5em}.btn-block{display:block;width:100%;text-align:center}.BtnGroup{display:inline-block;vertical-align:middle}.BtnGroup::before{display:table;content:""}.BtnGroup::after{display:table;clear:both;content:""}.BtnGroup+.BtnGroup,.BtnGroup+.btn{margin-left:4px}.BtnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.BtnGroup-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-item:last-child{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-item.selected,.BtnGroup-item[aria-selected=true],.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover{border-right-width:1px}.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-parent{float:left}.BtnGroup-parent:first-child .BtnGroup-item{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-parent:last-child .BtnGroup-item{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-parent .BtnGroup-item{border-right-width:0;border-radius:0}.BtnGroup-parent.selected .BtnGroup-item,.BtnGroup-parent[aria-selected=true] .BtnGroup-item,.BtnGroup-parent:focus .BtnGroup-item,.BtnGroup-parent:active .BtnGroup-item,.BtnGroup-parent:hover .BtnGroup-item{border-right-width:1px}.BtnGroup-parent.selected+.BtnGroup-item,.BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-parent:focus,.BtnGroup-parent:active{z-index:1}.btn-link{display:inline-block;padding:0;font-size:inherit;color:var(--color-accent-fg);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled,.btn-link:disabled:hover,.btn-link[aria-disabled=true],.btn-link[aria-disabled=true]:hover{color:var(--color-fg-muted);cursor:default}.btn-invisible{color:var(--color-accent-fg);background-color:transparent;border:0;border-radius:0;box-shadow:none}.btn-invisible:hover,.btn-invisible.zeroclipboard-is-hover{color:var(--color-accent-fg);background:none;outline:none;box-shadow:none}.btn-invisible:active,.btn-invisible:focus,.btn-invisible.selected,.btn-invisible[aria-selected=true],.btn-invisible.zeroclipboard-is-active{color:var(--color-accent-fg);background:none;border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-invisible:disabled,.btn-invisible.disabled,.btn-invisible[aria-disabled=true]{background-color:transparent}.btn-octicon{display:inline-block;padding:5px;margin-left:5px;line-height:1;color:var(--color-fg-muted);vertical-align:middle;background:transparent;border:0;box-shadow:none}.btn-octicon:hover{color:var(--color-accent-fg)}.btn-octicon.disabled,.btn-octicon[aria-disabled=true]{color:var(--color-fg-muted);cursor:default}.btn-octicon.disabled:hover,.btn-octicon[aria-disabled=true]:hover{color:var(--color-fg-muted)}.btn-octicon-danger:hover{color:var(--color-danger-fg)}.close-button{padding:0;color:var(--color-fg-muted);background:transparent;border:0;outline:none}.close-button:hover{color:var(--color-fg-default)}.close-button:active,.close-button:focus{color:var(--color-fg-muted);border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a,.ellipsis-expander{display:inline-block;height:12px;padding:0 5px 5px;font-size:12px;font-weight:600;line-height:6px;color:var(--color-fg-default);text-decoration:none;vertical-align:middle;background:var(--color-neutral-muted);border:0;border-radius:1px}.hidden-text-expander a:hover,.ellipsis-expander:hover{text-decoration:none;background-color:var(--color-accent-muted)}.hidden-text-expander a:active,.ellipsis-expander:active{color:var(--color-fg-on-emphasis);background-color:var(--color-accent-emphasis)}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-with-count:focus{z-index:1}.social-count{position:relative;float:left;padding:3px 12px;font-size:12px;font-weight:600;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);border:1px solid var(--color-btn-border);border-left:0;border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:var(--color-shadow-small),var(--color-primer-shadow-highlight)}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:var(--color-accent-fg);cursor:pointer}.social-count:focus{z-index:1;outline:0;box-shadow:var(--color-primer-shadow-focus)}
-
+.btn{position:relative;display:inline-block;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:hover{text-decoration:none}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{cursor:default}.btn:disabled .octicon,.btn.disabled .octicon,.btn[aria-disabled=true] .octicon{color:var(--color-fg-muted)}.btn i{font-style:normal;font-weight:500;opacity:.75}.btn .octicon{margin-right:4px;color:var(--color-fg-muted);vertical-align:text-bottom}.btn .octicon:only-child{margin-right:0}.btn .Counter{margin-left:2px;color:inherit;text-shadow:none;vertical-align:top;background-color:var(--color-btn-counter-bg)}.btn .dropdown-caret{margin-left:4px;opacity:.8}.btn{color:var(--color-btn-text);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);transition:.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:color,background-color,border-color}.btn:hover,.btn.hover,[open]>.btn{background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border);transition-duration:.1s}.btn:active{background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border);transition:none}.btn.selected,.btn[aria-selected=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{color:var(--color-fg-muted);background-color:var(--color-btn-bg);border-color:var(--color-btn-border)}.btn:focus,.btn.focus{border-color:var(--color-btn-focus-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-primary{color:var(--color-btn-primary-text);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow)}.btn-primary:hover,.btn-primary.hover,[open]>.btn-primary{background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.btn-primary:active,.btn-primary.selected,.btn-primary[aria-selected=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.btn-primary:disabled,.btn-primary.disabled,.btn-primary[aria-disabled=true]{color:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border)}.btn-primary:disabled .octicon,.btn-primary.disabled .octicon,.btn-primary[aria-disabled=true] .octicon{color:var(--color-btn-primary-disabled-text)}.btn-primary:focus,.btn-primary.focus{background-color:var(--color-btn-primary-focus-bg);border-color:var(--color-btn-primary-focus-border);box-shadow:var(--color-btn-primary-focus-shadow)}.btn-primary .Counter{color:inherit;background-color:var(--color-btn-primary-counter-bg)}.btn-primary .octicon{color:var(--color-btn-primary-icon)}.btn-outline{color:var(--color-btn-outline-text)}.btn-outline:hover,[open]>.btn-outline{color:var(--color-btn-outline-hover-text);background-color:var(--color-btn-outline-hover-bg);border-color:var(--color-btn-outline-hover-border);box-shadow:var(--color-btn-outline-hover-shadow),var(--color-btn-outline-hover-inset-shadow)}.btn-outline:hover .Counter,[open]>.btn-outline .Counter{background-color:var(--color-btn-outline-hover-counter-bg)}.btn-outline:hover .octicon,[open]>.btn-outline .octicon{color:inherit}.btn-outline:active,.btn-outline.selected,.btn-outline[aria-selected=true]{color:var(--color-btn-outline-selected-text);background-color:var(--color-btn-outline-selected-bg);border-color:var(--color-btn-outline-selected-border);box-shadow:var(--color-btn-outline-selected-shadow)}.btn-outline:disabled,.btn-outline.disabled,.btn-outline[aria-disabled=true]{color:var(--color-btn-outline-disabled-text);background-color:var(--color-btn-outline-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-outline:disabled .Counter,.btn-outline.disabled .Counter,.btn-outline[aria-disabled=true] .Counter{background-color:var(--color-btn-outline-disabled-counter-bg)}.btn-outline:focus{border-color:var(--color-btn-outline-focus-border);box-shadow:var(--color-btn-outline-focus-shadow)}.btn-outline .Counter{color:inherit;background-color:var(--color-btn-outline-counter-bg)}.btn-danger{color:var(--color-btn-danger-text)}.btn-danger .octicon{color:var(--color-btn-danger-icon)}.btn-danger:hover,[open]>.btn-danger{color:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow)}.btn-danger:hover .Counter,[open]>.btn-danger .Counter{background-color:var(--color-btn-danger-hover-counter-bg)}.btn-danger:hover .octicon,[open]>.btn-danger .octicon{color:var(--color-btn-danger-hover-icon)}.btn-danger:active,.btn-danger.selected,.btn-danger[aria-selected=true]{color:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow)}.btn-danger:disabled,.btn-danger.disabled,.btn-danger[aria-disabled=true]{color:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-danger:disabled .Counter,.btn-danger.disabled .Counter,.btn-danger[aria-disabled=true] .Counter{background-color:var(--color-btn-danger-disabled-counter-bg)}.btn-danger:disabled .octicon,.btn-danger.disabled .octicon,.btn-danger[aria-disabled=true] .octicon{color:var(--color-btn-danger-disabled-text)}.btn-danger:focus{border-color:var(--color-btn-danger-focus-border);box-shadow:var(--color-btn-danger-focus-shadow)}.btn-danger .Counter{color:inherit;background-color:var(--color-btn-danger-counter-bg)}.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.btn-sm .octicon{vertical-align:text-top}.btn-large{padding:.75em 1.5em;font-size:inherit;line-height:1.5;border-radius:.5em}.btn-block{display:block;width:100%;text-align:center}.BtnGroup{display:inline-block;vertical-align:middle}.BtnGroup::before{display:table;content:""}.BtnGroup::after{display:table;clear:both;content:""}.BtnGroup+.BtnGroup,.BtnGroup+.btn{margin-left:4px}.BtnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.BtnGroup-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-item:last-child{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-item.selected,.BtnGroup-item[aria-selected=true],.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover{border-right-width:1px}.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-parent{float:left}.BtnGroup-parent:first-child .BtnGroup-item{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-parent:last-child .BtnGroup-item{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-parent .BtnGroup-item{border-right-width:0;border-radius:0}.BtnGroup-parent.selected .BtnGroup-item,.BtnGroup-parent[aria-selected=true] .BtnGroup-item,.BtnGroup-parent:focus .BtnGroup-item,.BtnGroup-parent:active .BtnGroup-item,.BtnGroup-parent:hover .BtnGroup-item{border-right-width:1px}.BtnGroup-parent.selected+.BtnGroup-item,.BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-parent:focus,.BtnGroup-parent:active{z-index:1}.btn-link{display:inline-block;padding:0;font-size:inherit;color:var(--color-accent-fg);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled,.btn-link:disabled:hover,.btn-link[aria-disabled=true],.btn-link[aria-disabled=true]:hover{color:var(--color-fg-muted);cursor:default}.btn-invisible{color:var(--color-accent-fg);background-color:transparent;border:0;border-radius:0;box-shadow:none}.btn-invisible:hover,.btn-invisible.zeroclipboard-is-hover{color:var(--color-accent-fg);background:none;outline:none;box-shadow:none}.btn-invisible:active,.btn-invisible:focus,.btn-invisible.selected,.btn-invisible[aria-selected=true],.btn-invisible.zeroclipboard-is-active{color:var(--color-accent-fg);background:none;border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-invisible:disabled,.btn-invisible.disabled,.btn-invisible[aria-disabled=true]{background-color:transparent}.btn-octicon{display:inline-block;padding:5px;margin-left:5px;line-height:1;color:var(--color-fg-muted);vertical-align:middle;background:transparent;border:0;box-shadow:none}.btn-octicon:hover{color:var(--color-accent-fg)}.btn-octicon.disabled,.btn-octicon[aria-disabled=true]{color:var(--color-fg-muted);cursor:default}.btn-octicon.disabled:hover,.btn-octicon[aria-disabled=true]:hover{color:var(--color-fg-muted)}.btn-octicon-danger:hover{color:var(--color-danger-fg)}.close-button{padding:0;color:var(--color-fg-muted);background:transparent;border:0;outline:none}.close-button:hover{color:var(--color-fg-default)}.close-button:active,.close-button:focus{color:var(--color-fg-muted);border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a,.ellipsis-expander{display:inline-block;height:12px;padding:0 5px 5px;font-size:12px;font-weight:600;line-height:6px;color:var(--color-fg-default);text-decoration:none;vertical-align:middle;background:var(--color-neutral-muted);border:0;border-radius:1px}.hidden-text-expander a:hover,.ellipsis-expander:hover{text-decoration:none;background-color:var(--color-accent-muted)}.hidden-text-expander a:active,.ellipsis-expander:active{color:var(--color-fg-on-emphasis);background-color:var(--color-accent-emphasis)}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-with-count:focus{z-index:1}.social-count{position:relative;float:left;padding:3px 12px;font-size:12px;font-weight:600;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);border:1px solid var(--color-btn-border);border-left:0;border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:var(--color-shadow-small),var(--color-primer-shadow-highlight)}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:var(--color-accent-fg);cursor:pointer}.social-count:focus{z-index:1;outline:0;box-shadow:var(--color-primer-shadow-focus)}
 /*# sourceMappingURL=buttons.css.map */