@primer/css 18.0.0-rc.ca9f2fbf → 18.0.0-rc.cea6247c

package/dist/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/dropdown.css

@@ -1,3 +1,2 @@
-.dropdown{position:relative}.dropdown-caret{display:inline-block;width:0;height:0;vertical-align:middle;content:"";border-style:solid;border-width:4px 4px 0;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:100;width:160px;padding-top:4px;padding-bottom:4px;margin-top:2px;list-style:none;background-color:var(--color-canvas-overlay);background-clip:padding-box;border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-large)}.dropdown-menu::before,.dropdown-menu::after{position:absolute;display:inline-block;content:""}.dropdown-menu::before{border:8px solid transparent;border-bottom-color:var(--color-border-default)}.dropdown-menu::after{border:7px solid transparent;border-bottom-color:var(--color-canvas-overlay)}.dropdown-menu>ul{list-style:none}.dropdown-menu-no-overflow{width:auto}.dropdown-menu-no-overflow .dropdown-item{padding:4px 16px;overflow:visible;text-overflow:inherit}.dropdown-item{display:block;padding:4px 8px 4px 16px;overflow:hidden;color:var(--color-fg-default);text-overflow:ellipsis;white-space:nowrap}.dropdown-item:focus,.dropdown-item:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis);outline:none}.dropdown-item:focus>.octicon,.dropdown-item:hover>.octicon{color:inherit;opacity:1}.dropdown-item:focus [class*="color-text-"],.dropdown-item:hover [class*="color-text-"]{color:inherit !important}.dropdown-item:focus>.Label,.dropdown-item:hover>.Label{color:inherit !important;border-color:currentColor}.dropdown-item.btn-link{width:100%;text-align:left}.dropdown-signout{width:100%;text-align:left;background:none;border:0}.dropdown-divider{display:block;height:0;margin:8px 0;border-top:1px solid var(--color-border-default)}.dropdown-header{padding:4px 16px;font-size:12px;color:var(--color-fg-muted)}.dropdown-item[aria-checked="false"] .octicon-check{display:none}.dropdown-menu-w{top:0;right:100%;left:auto;width:auto;margin-top:0;margin-right:8px}.dropdown-menu-w::before{top:10px;right:-16px;left:auto;border-color:transparent;border-left-color:var(--color-border-default)}.dropdown-menu-w::after{top:11px;right:-14px;left:auto;border-color:transparent;border-left-color:var(--color-canvas-overlay)}.dropdown-menu-e{top:0;left:100%;width:auto;margin-top:0;margin-left:8px}.dropdown-menu-e::before{top:10px;left:-16px;border-color:transparent;border-right-color:var(--color-border-default)}.dropdown-menu-e::after{top:11px;left:-14px;border-color:transparent;border-right-color:var(--color-canvas-overlay)}.dropdown-menu-ne{top:auto;bottom:100%;left:0;margin-bottom:3px}.dropdown-menu-ne::before,.dropdown-menu-ne::after{top:auto;right:auto}.dropdown-menu-ne::before{bottom:-8px;left:9px;border-top:8px solid var(--color-border-default);border-right:8px solid transparent;border-bottom:0;border-left:8px solid transparent}.dropdown-menu-ne::after{bottom:-7px;left:10px;border-top:7px solid var(--color-canvas-overlay);border-right:7px solid transparent;border-bottom:0;border-left:7px solid transparent}.dropdown-menu-s{right:50%;left:auto;transform:translateX(50%)}.dropdown-menu-s::before{top:-16px;right:50%;transform:translateX(50%)}.dropdown-menu-s::after{top:-14px;right:50%;transform:translateX(50%)}.dropdown-menu-sw{right:0;left:auto}.dropdown-menu-sw::before{top:-16px;right:9px;left:auto}.dropdown-menu-sw::after{top:-14px;right:10px;left:auto}.dropdown-menu-se::before{top:-16px;left:9px}.dropdown-menu-se::after{top:-14px;left:10px}
-
+.dropdown{position:relative}.dropdown-caret{display:inline-block;width:0;height:0;vertical-align:middle;content:"";border-style:solid;border-width:4px 4px 0;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:100;width:160px;padding-top:4px;padding-bottom:4px;margin-top:2px;list-style:none;background-color:var(--color-canvas-overlay);background-clip:padding-box;border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-large)}.dropdown-menu::before,.dropdown-menu::after{position:absolute;display:inline-block;content:""}.dropdown-menu::before{border:8px solid transparent;border-bottom-color:var(--color-border-default)}.dropdown-menu::after{border:7px solid transparent;border-bottom-color:var(--color-canvas-overlay)}.dropdown-menu>ul{list-style:none}.dropdown-menu-no-overflow{width:auto}.dropdown-menu-no-overflow .dropdown-item{padding:4px 16px;overflow:visible;text-overflow:inherit}.dropdown-item{display:block;padding:4px 8px 4px 16px;overflow:hidden;color:var(--color-fg-default);text-overflow:ellipsis;white-space:nowrap}.dropdown-item:focus,.dropdown-item:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis);outline:none}.dropdown-item:focus>.octicon,.dropdown-item:hover>.octicon{color:inherit;opacity:1}.dropdown-item:focus [class*=color-text-],.dropdown-item:hover [class*=color-text-]{color:inherit !important}.dropdown-item:focus>.Label,.dropdown-item:hover>.Label{color:inherit !important;border-color:currentColor}.dropdown-item.btn-link{width:100%;text-align:left}.dropdown-signout{width:100%;text-align:left;background:none;border:0}.dropdown-divider{display:block;height:0;margin:8px 0;border-top:1px solid var(--color-border-default)}.dropdown-header{padding:4px 16px;font-size:12px;color:var(--color-fg-muted)}.dropdown-item[aria-checked=false] .octicon-check{display:none}.dropdown-menu-w{top:0;right:100%;left:auto;width:auto;margin-top:0;margin-right:8px}.dropdown-menu-w::before{top:10px;right:-16px;left:auto;border-color:transparent;border-left-color:var(--color-border-default)}.dropdown-menu-w::after{top:11px;right:-14px;left:auto;border-color:transparent;border-left-color:var(--color-canvas-overlay)}.dropdown-menu-e{top:0;left:100%;width:auto;margin-top:0;margin-left:8px}.dropdown-menu-e::before{top:10px;left:-16px;border-color:transparent;border-right-color:var(--color-border-default)}.dropdown-menu-e::after{top:11px;left:-14px;border-color:transparent;border-right-color:var(--color-canvas-overlay)}.dropdown-menu-ne{top:auto;bottom:100%;left:0;margin-bottom:3px}.dropdown-menu-ne::before,.dropdown-menu-ne::after{top:auto;right:auto}.dropdown-menu-ne::before{bottom:-8px;left:9px;border-top:8px solid var(--color-border-default);border-right:8px solid transparent;border-bottom:0;border-left:8px solid transparent}.dropdown-menu-ne::after{bottom:-7px;left:10px;border-top:7px solid var(--color-canvas-overlay);border-right:7px solid transparent;border-bottom:0;border-left:7px solid transparent}.dropdown-menu-s{right:50%;left:auto;transform:translateX(50%)}.dropdown-menu-s::before{top:-16px;right:50%;transform:translateX(50%)}.dropdown-menu-s::after{top:-14px;right:50%;transform:translateX(50%)}.dropdown-menu-sw{right:0;left:auto}.dropdown-menu-sw::before{top:-16px;right:9px;left:auto}.dropdown-menu-sw::after{top:-14px;right:10px;left:auto}.dropdown-menu-se::before{top:-16px;left:9px}.dropdown-menu-se::after{top:-14px;left:10px}
 /*# sourceMappingURL=dropdown.css.map */

package/dist/dropdown.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/dropdown/dropdown.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/typography.scss"],"names":[],"mappings":"AAAA,UACE,iBAAkB,CACnB,gBAGC,oBAAqB,CACrB,OAAQ,CACR,QAAS,CACT,qBAAsB,CACtB,UAAW,CACX,kBCNkB,CDQlB,sBAAmC,CACnC,8BAA+B,CAC/B,+BAAgC,CAChC,6BAA8B,CAC/B,eAMC,iBAAkB,CAClB,QAAS,CACT,MAAO,CACP,WAAY,CACZ,WAAY,CACZ,eEQsB,CFPtB,kBEOsB,CFLtB,cAAe,CACf,eAAgB,CAChB,4CAA6C,CAC7C,2BAA4B,CAC5B,4CAA+D,CAC/D,iBC1BoB,CD2BpB,oCAAqC,CAfvC,6CAmBI,iBAAkB,CAClB,oBAAqB,CACrB,UAAW,CArBf,uBA2BI,4BAA2C,CAC3C,+CAAgD,CA5BpD,sBAkCI,4BAAqC,CACrC,+CAAgD,CAnCpD,kBAwCI,eAAgB,CACjB,2BAID,UAAW,CADb,0CAII,gBEhCkB,CFiClB,gBAAiB,CACjB,qBAAsB,CACvB,eAKD,aAAc,CACd,wBEzCoB,CF0CpB,eAAgB,CAChB,6BAA8B,CAC9B,sBAAuB,CACvB,kBAAmB,CANrB,0CAUI,iCAAkC,CAClC,oBAAqB,CACrB,6CAA8C,CAC9C,YAAa,CAbjB,4DAgBM,aAAc,CACd,SAAU,CAjBhB,wFAqBM,wBAAyB,CArB/B,wDAyBM,wBAAyB,CACzB,yBAA0B,CA1BhC,wBA+BI,UAAW,CACX,eAAgB,CACjB,kBAID,UAAW,CACX,eAAgB,CAChB,eAAgB,CAChB,QAAS,CACV,kBAGC,aAAc,CACd,QAAS,CACT,YAAmB,CACnB,gDAAmE,CACpE,iBAGC,gBE1FoB,CF2FpB,cG9GY,CH+GZ,2BAA4B,CAC7B,oDAGC,YAAa,CACd,iBAQC,KAAM,CACN,UAAW,CACX,SAAU,CACV,UAAW,CACX,YAAa,CACb,gBEpHU,CF8GZ,yBASI,QAAS,CACT,WElHkB,CFmHlB,SAAU,CACV,wBAAyB,CACzB,6CAA8C,CAblD,wBAiBI,QAAS,CACT,WAAY,CACZ,SAAU,CACV,wBAAyB,CACzB,6CAA8C,CAC/C,iBAID,KAAM,CACN,SAAU,CACV,UAAW,CACX,YAAa,CACb,eE5IU,CFuIZ,yBAQI,QAAS,CACT,UE1IkB,CF2IlB,wBAAyB,CACzB,8CAA+C,CAXnD,wBAeI,QAAS,CACT,UAAW,CACX,wBAAyB,CACzB,8CAA+C,CAChD,kBAID,QAAS,CACT,WAAY,CACZ,MAAO,CAEP,iBAAkB,CALpB,mDASI,QAAS,CACT,UAAW,CAVf,0BAcI,WE3KQ,CF4KR,QAAS,CAET,gDAA+D,CAE/D,kCAAiD,CACjD,eAAgB,CAEhB,iCAAgD,CAtBpD,yBA0BI,WAAY,CACZ,SAAU,CAEV,gDAAyD,CAEzD,kCAA2C,CAC3C,eAAgB,CAEhB,iCAA0C,CAC3C,iBAID,SAAU,CACV,SAAU,CACV,yBAA0B,CAH5B,yBAMI,SEnMkB,CFoMlB,SAAU,CACV,yBAA0B,CAR9B,wBAYI,SAAU,CACV,SAAU,CACV,yBAA0B,CAC3B,kBAID,OAAQ,CACR,SAAU,CAFZ,0BAKI,SEpNkB,CFqNlB,SAAU,CACV,SAAU,CAPd,yBAWI,SAAU,CACV,UAAW,CACX,SAAU,CACX,0BAKC,SElOkB,CFmOlB,QAAS,CAHb,yBAOI,SAAU,CACV,SAAU","file":"dropdown.css","sourcesContent":[".dropdown {\n  position: relative;\n}\n\n.dropdown-caret {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  vertical-align: middle;\n  content: \"\";\n  border-style: $border-style;\n  // stylelint-disable-next-line primer/borders\n  border-width: $spacer-1 $spacer-1 0;\n  border-right-color: transparent;\n  border-bottom-color: transparent;\n  border-left-color: transparent;\n}\n\n// Requires a positioning class (e.g., `.dropdown-menu-w`) to determine which\n// way the menu should render from the element triggering it.\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 100;\n  width: 160px;\n  padding-top: $spacer-1;\n  padding-bottom: $spacer-1;\n  // stylelint-disable-next-line primer/spacing\n  margin-top: 2px;\n  list-style: none;\n  background-color: var(--color-canvas-overlay);\n  background-clip: padding-box;\n  border: $border-width $border-style var(--color-border-default);\n  border-radius: $border-radius;\n  box-shadow: var(--color-shadow-large);\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: inline-block;\n    content: \"\";\n  }\n\n  // caret border\n  &::before {\n    // stylelint-disable-next-line primer/borders\n    border: $spacer-2 $border-style transparent;\n    border-bottom-color: var(--color-border-default);\n  }\n\n  // caret background (should match dropdown background)\n  &::after {\n    // stylelint-disable-next-line primer/borders\n    border: 7px $border-style transparent;\n    border-bottom-color: var(--color-canvas-overlay);\n  }\n\n  // stylelint-disable-next-line selector-max-type\n  > ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu-no-overflow {\n  width: auto;\n\n  .dropdown-item {\n    padding: $spacer-1 $spacer-3;\n    overflow: visible;\n    text-overflow: inherit;\n  }\n}\n\n// Dropdown items (can be links or buttons)\n.dropdown-item {\n  display: block;\n  padding: $spacer-1 $spacer-2 $spacer-1 $spacer-3;\n  overflow: hidden;\n  color: var(--color-fg-default);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:focus,\n  &:hover {\n    color: var(--color-fg-on-emphasis);\n    text-decoration: none;\n    background-color: var(--color-accent-emphasis);\n    outline: none;\n\n    > .octicon {\n      color: inherit;\n      opacity: 1;\n    }\n\n    [class*=\"color-text-\"] {\n      color: inherit !important;\n    }\n\n    > .Label {\n      color: inherit !important;\n      border-color: currentColor;\n    }\n  }\n\n  &.btn-link {\n    width: 100%;\n    text-align: left;\n  }\n}\n\n.dropdown-signout {\n  width: 100%;\n  text-align: left;\n  background: none;\n  border: 0;\n}\n\n.dropdown-divider {\n  display: block;\n  height: 0;\n  margin: $spacer-2 0;\n  border-top: $border-width $border-style var(--color-border-default);\n}\n\n.dropdown-header {\n  padding: $spacer-1 $spacer-3;\n  font-size: $h6-size;\n  color: var(--color-fg-muted);\n}\n\n.dropdown-item[aria-checked=\"false\"] .octicon-check {\n  display: none;\n}\n\n// Directional classes\n//\n// Move the menu and the caret attached to it. Requires at least one of these on\n// the `.dropdown-menu` element.\n\n.dropdown-menu-w {\n  top: 0;\n  right: 100%;\n  left: auto;\n  width: auto;\n  margin-top: 0;\n  margin-right: $spacer-2;\n\n  &::before {\n    top: 10px;\n    right: -$spacer-3;\n    left: auto;\n    border-color: transparent;\n    border-left-color: var(--color-border-default);\n  }\n\n  &::after {\n    top: 11px;\n    right: -14px;\n    left: auto;\n    border-color: transparent;\n    border-left-color: var(--color-canvas-overlay);\n  }\n}\n\n.dropdown-menu-e {\n  top: 0;\n  left: 100%;\n  width: auto;\n  margin-top: 0;\n  margin-left: $spacer-2;\n\n  &::before {\n    top: 10px;\n    left: -$spacer-3;\n    border-color: transparent;\n    border-right-color: var(--color-border-default);\n  }\n\n  &::after {\n    top: 11px;\n    left: -14px;\n    border-color: transparent;\n    border-right-color: var(--color-canvas-overlay);\n  }\n}\n\n.dropdown-menu-ne {\n  top: auto;\n  bottom: 100%;\n  left: 0;\n  // stylelint-disable-next-line primer/spacing\n  margin-bottom: 3px;\n\n  &::before,\n  &::after {\n    top: auto;\n    right: auto;\n  }\n\n  &::before {\n    bottom: -$spacer-2;\n    left: 9px;\n    // stylelint-disable-next-line primer/borders\n    border-top: $spacer-2 $border-style var(--color-border-default);\n    // stylelint-disable-next-line primer/borders\n    border-right: $spacer-2 $border-style transparent;\n    border-bottom: 0;\n    // stylelint-disable-next-line primer/borders\n    border-left: $spacer-2 $border-style transparent;\n  }\n\n  &::after {\n    bottom: -7px;\n    left: 10px;\n    // stylelint-disable-next-line primer/borders\n    border-top: 7px $border-style var(--color-canvas-overlay);\n    // stylelint-disable-next-line primer/borders\n    border-right: 7px $border-style transparent;\n    border-bottom: 0;\n    // stylelint-disable-next-line primer/borders\n    border-left: 7px $border-style transparent;\n  }\n}\n\n.dropdown-menu-s {\n  right: 50%;\n  left: auto;\n  transform: translateX(50%);\n\n  &::before {\n    top: -$spacer-3;\n    right: 50%;\n    transform: translateX(50%);\n  }\n\n  &::after {\n    top: -14px;\n    right: 50%;\n    transform: translateX(50%);\n  }\n}\n\n.dropdown-menu-sw {\n  right: 0;\n  left: auto;\n\n  &::before {\n    top: -$spacer-3;\n    right: 9px;\n    left: auto;\n  }\n\n  &::after {\n    top: -14px;\n    right: 10px;\n    left: auto;\n  }\n}\n\n.dropdown-menu-se {\n  &::before {\n    top: -$spacer-3;\n    left: 9px;\n  }\n\n  &::after {\n    top: -14px;\n    left: 10px;\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"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/dropdown/index.scss%23sass"],"names":[],"mappings":"AAygBA,UAAA,iBACE,CAAA,gBAAA,oBAAA,CAAA,OAAA,CAAA,QAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,8BAAA,CAAA,+BAAA,CAAA,6BAAA,CAAA,eAAA,iBAAA,CAAA,QAAA,CAAA,MAAA,CAAA,WAAA,CAAA,WAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,4CAAA,CAAA,2BAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,oCAAA,CAAA,6CAAA,iBAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,uBAAA,4BAAA,CAAA,+CAAA,CAAA,sBAAA,4BAAA,CAAA,+CAAA,CAAA,kBAAA,eAAA,CAAA,2BAAA,UAAA,CAAA,0CAAA,gBAAA,CAAA,gBAAA,CAAA,qBAAA,CAAA,eAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,6BAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,0CAAA,iCAAA,CAAA,oBAAA,CAAA,6CAAA,CAAA,YAAA,CAAA,4DAAA,aAAA,CAAA,SAAA,CAAA,oFAAA,wBAAA,CAAA,wDAAA,wBAAA,CAAA,yBAAA,CAAA,wBAAA,UAAA,CAAA,eAAA,CAAA,kBAAA,UAAA,CAAA,eAAA,CAAA,eAAA,CAAA,QAAA,CAAA,kBAAA,aAAA,CAAA,QAAA,CAAA,YAAA,CAAA,gDAAA,CAAA,iBAAA,gBAAA,CAAA,cAAA,CAAA,2BAAA,CAAA,kDAAA,YAAA,CAAA,iBAAA,KAAA,CAAA,UAAA,CAAA,SAAA,CAAA,UAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,yBAAA,QAAA,CAAA,WAAA,CAAA,SAAA,CAAA,wBAAA,CAAA,6CAAA,CAAA,wBAAA,QAAA,CAAA,WAAA,CAAA,SAAA,CAAA,wBAAA,CAAA,6CAAA,CAAA,iBAAA,KAAA,CAAA,SAAA,CAAA,UAAA,CAAA,YAAA,CAAA,eAAA,CAAA,yBAAA,QAAA,CAAA,UAAA,CAAA,wBAAA,CAAA,8CAAA,CAAA,wBAAA,QAAA,CAAA,UAAA,CAAA,wBAAA,CAAA,8CAAA,CAAA,kBAAA,QAAA,CAAA,WAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,mDAAA,QAAA,CAAA,UAAA,CAAA,0BAAA,WAAA,CAAA,QAAA,CAAA,gDAAA,CAAA,kCAAA,CAAA,eAAA,CAAA,iCAAA,CAAA,yBAAA,WAAA,CAAA,SAAA,CAAA,gDAAA,CAAA,kCAAA,CAAA,eAAA,CAAA,iCAAA,CAAA,iBAAA,SAAA,CAAA,SAAA,CAAA,yBAAA,CAAA,yBAAA,SAAA,CAAA,SAAA,CAAA,yBAAA,CAAA,wBAAA,SAAA,CAAA,SAAA,CAAA,yBAAA,CAAA,kBAAA,OAAA,CAAA,SAAA,CAAA,0BAAA,SAAA,CAAA,SAAA,CAAA,SAAA,CAAA,yBAAA,SAAA,CAAA,UAAA,CAAA,SAAA,CAAA,0BAAA,SAAA,CAAA,QAAA,CAAA,yBAAA,SAAA,CAAA,SAAA","file":"dropdown.css"}

package/dist/forms.css

@@ -1,3 +1,2 @@
-fieldset{padding:0;margin:0;border:0}label{font-weight:600}.form-control,.form-select{padding:5px 12px;font-size:14px;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--color-border-default);border-radius:6px;outline:none;box-shadow:var(--color-primer-shadow-inset)}.form-control.focus,.form-control:focus,.form-select.focus,.form-select:focus{border-color:var(--color-accent-emphasis);outline:none;box-shadow:var(--color-primer-shadow-focus)}.form-control[disabled],.form-select[disabled]{color:var(--color-fg-muted);background-color:var(--color-input-disabled-bg);border-color:var(--color-border-default)}@supports (-webkit-touch-callout: none){.form-control,.form-select{font-size:16px}@media (min-width: 768px){.form-control,.form-select{font-size:14px}}}textarea.form-control{padding-top:8px;padding-bottom:8px;line-height:1.5}.input-contrast{background-color:var(--color-canvas-inset)}.input-contrast:focus{background-color:var(--color-canvas-default)}::placeholder{color:var(--color-fg-subtle);opacity:1}.input-sm{min-height:28px;padding-top:3px;padding-bottom:3px;font-size:12px;line-height:20px}.input-lg{font-size:16px}.input-block{display:block;width:100%}.input-monospace{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button{position:absolute;right:0;display:none !important;pointer-events:none;visibility:hidden}.form-checkbox{padding-left:20px;margin:15px 0;vertical-align:middle}.form-checkbox label em.highlight{position:relative;left:-4px;padding:2px 4px;font-style:normal;background:var(--color-attention-subtle);border-radius:6px}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio]{float:left;margin:5px 0 0 -20px;vertical-align:middle}.form-checkbox .note{display:block;margin:0;font-size:12px;font-weight:400;color:var(--color-fg-muted)}.form-checkbox-details{display:none}.form-checkbox-details-trigger:checked ~ * .form-checkbox-details,.form-checkbox-details-trigger:checked ~ .form-checkbox-details{display:block}.hfields{margin:15px 0}.hfields::before{display:table;content:""}.hfields::after{display:table;clear:both;content:""}.hfields .form-group{float:left;margin:0 30px 0 0}.hfields .form-group dt label,.hfields .form-group .form-group-header label{display:inline-block;margin:5px 0 0;color:var(--color-fg-muted)}.hfields .form-group dt img,.hfields .form-group .form-group-header img{position:relative;top:-2px}.hfields .btn{float:left;margin:28px 25px 0 -20px}.hfields .form-select{margin-top:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.form-actions::before{display:table;content:""}.form-actions::after{display:table;clear:both;content:""}.form-actions .btn{float:right}.form-actions .btn+.btn{margin-right:5px}.form-warning{padding:8px 10px;margin:10px 0;font-size:14px;color:var(--color-attention-fg);background:var(--color-attention-subtle);border:1px solid var(--color-attention-emphasis);border-radius:6px}.form-warning p{margin:0;line-height:1.5}.form-warning a{font-weight:600}.form-select{display:inline-block;max-width:100%;height:32px;padding-right:24px;background-color:var(--color-canvas-default);background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");background-repeat:no-repeat;background-position:right 4px center;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select::-ms-expand{opacity:0}.form-select[multiple]{height:auto}[data-color-mode="light"][data-light-theme*="dark"] .form-select,[data-color-mode="dark"][data-dark-theme*="dark"] .form-select{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=")}@media (prefers-color-scheme: light){[data-color-mode="auto"][data-light-theme*="dark"] .form-select{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=")}}@media (prefers-color-scheme: dark){[data-color-mode="auto"][data-dark-theme*="dark"] .form-select{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=")}}.select-sm{height:28px;padding-top:3px;padding-bottom:3px;font-size:12px}.select-sm[multiple]{height:auto;min-height:0}.form-group{margin:15px 0}.form-group .form-control{width:440px;max-width:100%;margin-right:5px;background-color:var(--color-canvas-inset)}.form-group .form-control:focus{background-color:var(--color-canvas-default)}.form-group .form-control.shorter{width:130px}.form-group .form-control.short{width:250px}.form-group .form-control.long{width:100%}.form-group textarea.form-control{width:100%;height:200px;min-height:200px}.form-group textarea.form-control.short{height:50px;min-height:50px}.form-group dt,.form-group .form-group-header{margin:0 0 6px}.form-group label{position:relative}.form-group.flattened dt,.form-group.flattened .form-group-header{float:left;margin:0;line-height:32px}.form-group.flattened dd,.form-group.flattened .form-group-body{line-height:32px}.form-group dd h4,.form-group .form-group-body h4{margin:4px 0 0}.form-group dd h4.is-error,.form-group .form-group-body h4.is-error{color:var(--color-danger-fg)}.form-group dd h4.is-success,.form-group .form-group-body h4.is-success{color:var(--color-success-fg)}.form-group dd h4+.note,.form-group .form-group-body h4+.note{margin-top:0}.form-group.required dt label::after,.form-group.required .form-group-header label::after{padding-left:5px;color:var(--color-danger-fg);content:"*"}.form-group .success,.form-group .error,.form-group .indicator{display:none;font-size:12px;font-weight:600}.form-group.loading{opacity:0.5}.form-group.loading .indicator{display:inline}.form-group.loading .spinner{display:inline-block;vertical-align:middle}.form-group.successful .success{display:inline;color:var(--color-success-fg)}.form-group.successed .success,.form-group.successed .warning,.form-group.successed .error,.form-group.warn .success,.form-group.warn .warning,.form-group.warn .error,.form-group.errored .success,.form-group.errored .warning,.form-group.errored .error{position:absolute;z-index:10;display:block;max-width:450px;padding:4px 8px;margin:8px 0 0;font-size:12px;font-weight:400;border-style:solid;border-width:1px;border-radius:6px}.form-group.successed .success::after,.form-group.successed .success::before,.form-group.successed .warning::after,.form-group.successed .warning::before,.form-group.successed .error::after,.form-group.successed .error::before,.form-group.warn .success::after,.form-group.warn .success::before,.form-group.warn .warning::after,.form-group.warn .warning::before,.form-group.warn .error::after,.form-group.warn .error::before,.form-group.errored .success::after,.form-group.errored .success::before,.form-group.errored .warning::after,.form-group.errored .warning::before,.form-group.errored .error::after,.form-group.errored .error::before{position:absolute;bottom:100%;left:10px;z-index:15;width:0;height:0;pointer-events:none;content:" ";border:solid transparent}.form-group.successed .success::after,.form-group.successed .warning::after,.form-group.successed .error::after,.form-group.warn .success::after,.form-group.warn .warning::after,.form-group.warn .error::after,.form-group.errored .success::after,.form-group.errored .warning::after,.form-group.errored .error::after{border-width:5px}.form-group.successed .success::before,.form-group.successed .warning::before,.form-group.successed .error::before,.form-group.warn .success::before,.form-group.warn .warning::before,.form-group.warn .error::before,.form-group.errored .success::before,.form-group.errored .warning::before,.form-group.errored .error::before{margin-left:-1px;border-width:6px}.form-group.successed .success{color:var(--color-fg-default);background-color:var(--color-canvas-default);background-image:linear-gradient(var(--color-success-subtle), var(--color-success-subtle));border-color:var(--color-success-muted)}.form-group.successed .success::after{border-bottom-color:var(--color-success-subtle)}.form-group.successed .success::before{border-bottom-color:var(--color-success-muted)}.form-group.warn .form-control{border-color:var(--color-attention-emphasis)}.form-group.warn .warning{color:var(--color-fg-default);background-color:var(--color-canvas-default);background-image:linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));border-color:var(--color-attention-muted)}.form-group.warn .warning::after{border-bottom-color:var(--color-attention-subtle)}.form-group.warn .warning::before{border-bottom-color:var(--color-attention-muted)}.form-group.errored .form-control{border-color:var(--color-danger-emphasis)}.form-group.errored label{color:var(--color-danger-fg)}.form-group.errored .error{color:var(--color-fg-default);background-color:var(--color-canvas-default);background-image:linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));border-color:var(--color-danger-muted)}.form-group.errored .error::after{border-bottom-color:var(--color-danger-subtle)}.form-group.errored .error::before{border-bottom-color:var(--color-danger-muted)}.note{min-height:17px;margin:4px 0 2px;font-size:12px;color:var(--color-fg-muted)}.note .spinner{margin-right:3px;vertical-align:middle}dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored,.form-group>.form-group-body .form-control.is-autocheck-loading,.form-group>.form-group-body .form-control.is-autocheck-successful,.form-group>.form-group-body .form-control.is-autocheck-errored{padding-right:30px}dl.form-group>dd .form-control.is-autocheck-loading,.form-group>.form-group-body .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-16px.gif")}dl.form-group>dd .form-control.is-autocheck-successful,.form-group>.form-group-body .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success.png")}dl.form-group>dd .form-control.is-autocheck-errored,.form-group>.form-group-body .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error.png")}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored,.form-group>.form-group-body .form-control.is-autocheck-loading,.form-group>.form-group-body .form-control.is-autocheck-successful,.form-group>.form-group-body .form-control.is-autocheck-errored{background-size:16px 16px}dl.form-group>dd .form-control.is-autocheck-loading,.form-group>.form-group-body .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-32.gif")}dl.form-group>dd .form-control.is-autocheck-successful,.form-group>.form-group-body .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success@2x.png")}dl.form-group>dd .form-control.is-autocheck-errored,.form-group>.form-group-body .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error@2x.png")}}.status-indicator{display:inline-block;width:16px;height:16px;margin-left:5px}.status-indicator .octicon{display:none}.status-indicator-success::before{content:""}.status-indicator-success .octicon-check{display:inline-block;color:var(--color-success-fg);fill:var(--color-success-fg)}.status-indicator-success .octicon-x{display:none}.status-indicator-failed::before{content:""}.status-indicator-failed .octicon-check{display:none}.status-indicator-failed .octicon-x{display:inline-block;color:var(--color-danger-fg);fill:var(--color-danger-fg)}.status-indicator-loading{width:16px;background-image:url("/images/spinners/octocat-spinner-32-EAF2F5.gif");background-repeat:no-repeat;background-position:0 0;background-size:16px}.inline-form{display:inline-block}.inline-form .btn-plain{background-color:transparent;border:0}.drag-and-drop{padding:7px 10px;margin:0;font-size:13px;line-height:16px;color:var(--color-fg-muted);background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-top:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.drag-and-drop .default,.drag-and-drop .loading,.drag-and-drop .error{display:none}.drag-and-drop .error{color:var(--color-danger-fg)}.drag-and-drop img{vertical-align:top}.is-default .drag-and-drop .default{display:inline-block}.is-uploading .drag-and-drop .loading{display:inline-block}.is-bad-file .drag-and-drop .bad-file{display:inline-block}.is-duplicate-filename .drag-and-drop .duplicate-filename{display:inline-block}.is-too-big .drag-and-drop .too-big{display:inline-block}.is-hidden-file .drag-and-drop .hidden-file{display:inline-block}.is-empty .drag-and-drop .empty{display:inline-block}.is-bad-permissions .drag-and-drop .bad-permissions{display:inline-block}.is-repository-required .drag-and-drop .repository-required{display:inline-block}.drag-and-drop-error-info{font-weight:400;color:var(--color-fg-muted)}.drag-and-drop-error-info a{color:var(--color-accent-fg)}.is-failed .drag-and-drop .failed-request{display:inline-block}.manual-file-chooser{position:absolute;width:240px;padding:5px;margin-left:-80px;cursor:pointer;opacity:0.0001}.manual-file-chooser:hover+.manual-file-chooser-text{text-decoration:underline}.btn .manual-file-chooser{top:0;padding:0;line-height:34px}.upload-enabled textarea{display:block;border-bottom:1px dashed var(--color-border-default);border-bottom-right-radius:0;border-bottom-left-radius:0}.upload-enabled.focused{border-radius:6px;box-shadow:var(--color-primer-shadow-inset),var(--color-primer-shadow-focus)}.upload-enabled.focused .form-control{box-shadow:none}.upload-enabled.focused .drag-and-drop{border-color:var(--color-accent-emphasis)}.dragover textarea,.dragover .drag-and-drop{box-shadow:#c9ff00 0 0 3px}.write-content{position:relative}.previewable-comment-form{position:relative}.previewable-comment-form .tabnav{position:relative;padding:8px 8px 0}.previewable-comment-form .comment{border:1px solid var(--color-border-default)}.previewable-comment-form .comment-form-error{margin-bottom:8px}.previewable-comment-form .write-content,.previewable-comment-form .preview-content{display:none;margin:0 8px 8px}.previewable-comment-form.write-selected .write-content,.previewable-comment-form.preview-selected .preview-content{display:block}.previewable-comment-form textarea{display:block;width:100%;min-height:100px;max-height:500px;padding:8px;resize:vertical}.form-action-spacious{margin-top:10px}div.composer{margin-top:0;border:0}.composer .comment-form-textarea{height:200px;min-height:200px}.composer .tabnav{margin:0 0 10px}h2.account{margin:15px 0 0;font-size:18px;font-weight:400;color:var(--color-fg-muted)}p.explain{position:relative;font-size:12px;color:var(--color-fg-muted)}p.explain strong{color:var(--color-fg-default)}p.explain .octicon{margin-right:5px;color:var(--color-fg-muted)}p.explain .minibutton{top:-4px;float:right}.form-group label{position:static}.input-group{display:table}.input-group .form-control{position:relative;width:100%}.input-group .form-control:focus{z-index:2}.input-group .form-control+.btn{margin-left:0}.input-group.inline{display:inline-table}.input-group .form-control,.input-group-button{display:table-cell}.input-group-button{width:1%;vertical-align:middle}.input-group .form-control:first-child,.input-group-button:first-child .btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-button:first-child .btn{margin-right:-1px}.input-group .form-control:last-child,.input-group-button:last-child .btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-button:last-child .btn{margin-left:-1px}.radio-group::before{display:table;content:""}.radio-group::after{display:table;clear:both;content:""}.radio-label{float:left;padding:6px 16px 6px 36px;margin-left:-1px;font-size:14px;line-height:20px;color:var(--color-fg-default);cursor:pointer;border:1px solid var(--color-border-default)}:checked+.radio-label{position:relative;z-index:1;border-color:var(--color-accent-emphasis)}.radio-label:first-of-type{margin-left:0;border-top-left-radius:6px;border-bottom-left-radius:6px}.radio-label:last-of-type{border-top-right-radius:6px;border-bottom-right-radius:6px}.radio-input{z-index:3;float:left;margin:10px -32px 0 16px}
-
+fieldset{padding:0;margin:0;border:0}label{font-weight:600}.form-control,.form-select{padding:5px 12px;font-size:14px;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--color-border-default);border-radius:6px;outline:none;box-shadow:var(--color-primer-shadow-inset)}.form-control.focus,.form-control:focus,.form-select.focus,.form-select:focus{border-color:var(--color-accent-emphasis);outline:none;box-shadow:var(--color-primer-shadow-focus)}.form-control[disabled],.form-select[disabled]{color:var(--color-fg-muted);background-color:var(--color-input-disabled-bg);border-color:var(--color-border-default)}@supports(-webkit-touch-callout: none){.form-control,.form-select{font-size:16px}@media(min-width: 768px){.form-control,.form-select{font-size:14px}}}textarea.form-control{padding-top:8px;padding-bottom:8px;line-height:1.5}.input-contrast{background-color:var(--color-canvas-inset)}.input-contrast:focus{background-color:var(--color-canvas-default)}::placeholder{color:var(--color-fg-subtle);opacity:1}.input-sm{min-height:28px;padding-top:3px;padding-bottom:3px;font-size:12px;line-height:20px}.input-lg{font-size:16px}.input-block{display:block;width:100%}.input-monospace{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button{position:absolute;right:0;display:none !important;pointer-events:none;visibility:hidden}.form-checkbox{padding-left:20px;margin:15px 0;vertical-align:middle}.form-checkbox label em.highlight{position:relative;left:-4px;padding:2px 4px;font-style:normal;background:var(--color-attention-subtle);border-radius:6px}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio]{float:left;margin:5px 0 0 -20px;vertical-align:middle}.form-checkbox .note{display:block;margin:0;font-size:12px;font-weight:400;color:var(--color-fg-muted)}.form-checkbox-details{display:none}.form-checkbox-details-trigger:checked~* .form-checkbox-details,.form-checkbox-details-trigger:checked~.form-checkbox-details{display:block}.hfields{margin:15px 0}.hfields::before{display:table;content:""}.hfields::after{display:table;clear:both;content:""}.hfields .form-group{float:left;margin:0 30px 0 0}.hfields .form-group dt label,.hfields .form-group .form-group-header label{display:inline-block;margin:5px 0 0;color:var(--color-fg-muted)}.hfields .form-group dt img,.hfields .form-group .form-group-header img{position:relative;top:-2px}.hfields .btn{float:left;margin:28px 25px 0 -20px}.hfields .form-select{margin-top:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.form-actions::before{display:table;content:""}.form-actions::after{display:table;clear:both;content:""}.form-actions .btn{float:right}.form-actions .btn+.btn{margin-right:5px}.form-warning{padding:8px 10px;margin:10px 0;font-size:14px;color:var(--color-attention-fg);background:var(--color-attention-subtle);border:1px solid var(--color-attention-emphasis);border-radius:6px}.form-warning p{margin:0;line-height:1.5}.form-warning a{font-weight:600}.form-select{display:inline-block;max-width:100%;height:32px;padding-right:24px;background-color:var(--color-canvas-default);background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");background-repeat:no-repeat;background-position:right 4px center;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select::-ms-expand{opacity:0}.form-select[multiple]{height:auto}[data-color-mode=light][data-light-theme*=dark] .form-select,[data-color-mode=dark][data-dark-theme*=dark] .form-select{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=")}@media(prefers-color-scheme: light){[data-color-mode=auto][data-light-theme*=dark] .form-select{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=")}}@media(prefers-color-scheme: dark){[data-color-mode=auto][data-dark-theme*=dark] .form-select{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=")}}.select-sm{height:28px;padding-top:3px;padding-bottom:3px;font-size:12px}.select-sm[multiple]{height:auto;min-height:0}.form-group{margin:15px 0}.form-group .form-control{width:440px;max-width:100%;margin-right:5px;background-color:var(--color-canvas-inset)}.form-group .form-control:focus{background-color:var(--color-canvas-default)}.form-group .form-control.shorter{width:130px}.form-group .form-control.short{width:250px}.form-group .form-control.long{width:100%}.form-group textarea.form-control{width:100%;height:200px;min-height:200px}.form-group textarea.form-control.short{height:50px;min-height:50px}.form-group dt,.form-group .form-group-header{margin:0 0 6px}.form-group label{position:relative}.form-group.flattened dt,.form-group.flattened .form-group-header{float:left;margin:0;line-height:32px}.form-group.flattened dd,.form-group.flattened .form-group-body{line-height:32px}.form-group dd h4,.form-group .form-group-body h4{margin:4px 0 0}.form-group dd h4.is-error,.form-group .form-group-body h4.is-error{color:var(--color-danger-fg)}.form-group dd h4.is-success,.form-group .form-group-body h4.is-success{color:var(--color-success-fg)}.form-group dd h4+.note,.form-group .form-group-body h4+.note{margin-top:0}.form-group.required dt label::after,.form-group.required .form-group-header label::after{padding-left:5px;color:var(--color-danger-fg);content:"*"}.form-group .success,.form-group .error,.form-group .indicator{display:none;font-size:12px;font-weight:600}.form-group.loading{opacity:.5}.form-group.loading .indicator{display:inline}.form-group.loading .spinner{display:inline-block;vertical-align:middle}.form-group.successful .success{display:inline;color:var(--color-success-fg)}.form-group.successed .success,.form-group.successed .warning,.form-group.successed .error,.form-group.warn .success,.form-group.warn .warning,.form-group.warn .error,.form-group.errored .success,.form-group.errored .warning,.form-group.errored .error{position:absolute;z-index:10;display:block;max-width:450px;padding:4px 8px;margin:8px 0 0;font-size:12px;font-weight:400;border-style:solid;border-width:1px;border-radius:6px}.form-group.successed .success::after,.form-group.successed .success::before,.form-group.successed .warning::after,.form-group.successed .warning::before,.form-group.successed .error::after,.form-group.successed .error::before,.form-group.warn .success::after,.form-group.warn .success::before,.form-group.warn .warning::after,.form-group.warn .warning::before,.form-group.warn .error::after,.form-group.warn .error::before,.form-group.errored .success::after,.form-group.errored .success::before,.form-group.errored .warning::after,.form-group.errored .warning::before,.form-group.errored .error::after,.form-group.errored .error::before{position:absolute;bottom:100%;left:10px;z-index:15;width:0;height:0;pointer-events:none;content:" ";border:solid transparent}.form-group.successed .success::after,.form-group.successed .warning::after,.form-group.successed .error::after,.form-group.warn .success::after,.form-group.warn .warning::after,.form-group.warn .error::after,.form-group.errored .success::after,.form-group.errored .warning::after,.form-group.errored .error::after{border-width:5px}.form-group.successed .success::before,.form-group.successed .warning::before,.form-group.successed .error::before,.form-group.warn .success::before,.form-group.warn .warning::before,.form-group.warn .error::before,.form-group.errored .success::before,.form-group.errored .warning::before,.form-group.errored .error::before{margin-left:-1px;border-width:6px}.form-group.successed .success{color:var(--color-fg-default);background-color:var(--color-canvas-default);background-image:linear-gradient(var(--color-success-subtle), var(--color-success-subtle));border-color:var(--color-success-muted)}.form-group.successed .success::after{border-bottom-color:var(--color-success-subtle)}.form-group.successed .success::before{border-bottom-color:var(--color-success-muted)}.form-group.warn .form-control{border-color:var(--color-attention-emphasis)}.form-group.warn .warning{color:var(--color-fg-default);background-color:var(--color-canvas-default);background-image:linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));border-color:var(--color-attention-muted)}.form-group.warn .warning::after{border-bottom-color:var(--color-attention-subtle)}.form-group.warn .warning::before{border-bottom-color:var(--color-attention-muted)}.form-group.errored .form-control{border-color:var(--color-danger-emphasis)}.form-group.errored label{color:var(--color-danger-fg)}.form-group.errored .error{color:var(--color-fg-default);background-color:var(--color-canvas-default);background-image:linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));border-color:var(--color-danger-muted)}.form-group.errored .error::after{border-bottom-color:var(--color-danger-subtle)}.form-group.errored .error::before{border-bottom-color:var(--color-danger-muted)}.note{min-height:17px;margin:4px 0 2px;font-size:12px;color:var(--color-fg-muted)}.note .spinner{margin-right:3px;vertical-align:middle}dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored,.form-group>.form-group-body .form-control.is-autocheck-loading,.form-group>.form-group-body .form-control.is-autocheck-successful,.form-group>.form-group-body .form-control.is-autocheck-errored{padding-right:30px}dl.form-group>dd .form-control.is-autocheck-loading,.form-group>.form-group-body .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-16px.gif")}dl.form-group>dd .form-control.is-autocheck-successful,.form-group>.form-group-body .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success.png")}dl.form-group>dd .form-control.is-autocheck-errored,.form-group>.form-group-body .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error.png")}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){dl.form-group>dd .form-control.is-autocheck-loading,dl.form-group>dd .form-control.is-autocheck-successful,dl.form-group>dd .form-control.is-autocheck-errored,.form-group>.form-group-body .form-control.is-autocheck-loading,.form-group>.form-group-body .form-control.is-autocheck-successful,.form-group>.form-group-body .form-control.is-autocheck-errored{background-size:16px 16px}dl.form-group>dd .form-control.is-autocheck-loading,.form-group>.form-group-body .form-control.is-autocheck-loading{background-image:url("/images/spinners/octocat-spinner-32.gif")}dl.form-group>dd .form-control.is-autocheck-successful,.form-group>.form-group-body .form-control.is-autocheck-successful{background-image:url("/images/modules/ajax/success@2x.png")}dl.form-group>dd .form-control.is-autocheck-errored,.form-group>.form-group-body .form-control.is-autocheck-errored{background-image:url("/images/modules/ajax/error@2x.png")}}.status-indicator{display:inline-block;width:16px;height:16px;margin-left:5px}.status-indicator .octicon{display:none}.status-indicator-success::before{content:""}.status-indicator-success .octicon-check{display:inline-block;color:var(--color-success-fg);fill:var(--color-success-fg)}.status-indicator-success .octicon-x{display:none}.status-indicator-failed::before{content:""}.status-indicator-failed .octicon-check{display:none}.status-indicator-failed .octicon-x{display:inline-block;color:var(--color-danger-fg);fill:var(--color-danger-fg)}.status-indicator-loading{width:16px;background-image:url("/images/spinners/octocat-spinner-32-EAF2F5.gif");background-repeat:no-repeat;background-position:0 0;background-size:16px}.inline-form{display:inline-block}.inline-form .btn-plain{background-color:transparent;border:0}.drag-and-drop{padding:7px 10px;margin:0;font-size:13px;line-height:16px;color:var(--color-fg-muted);background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-top:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.drag-and-drop .default,.drag-and-drop .loading,.drag-and-drop .error{display:none}.drag-and-drop .error{color:var(--color-danger-fg)}.drag-and-drop img{vertical-align:top}.is-default .drag-and-drop .default{display:inline-block}.is-uploading .drag-and-drop .loading{display:inline-block}.is-bad-file .drag-and-drop .bad-file{display:inline-block}.is-duplicate-filename .drag-and-drop .duplicate-filename{display:inline-block}.is-too-big .drag-and-drop .too-big{display:inline-block}.is-hidden-file .drag-and-drop .hidden-file{display:inline-block}.is-empty .drag-and-drop .empty{display:inline-block}.is-bad-permissions .drag-and-drop .bad-permissions{display:inline-block}.is-repository-required .drag-and-drop .repository-required{display:inline-block}.drag-and-drop-error-info{font-weight:400;color:var(--color-fg-muted)}.drag-and-drop-error-info a{color:var(--color-accent-fg)}.is-failed .drag-and-drop .failed-request{display:inline-block}.manual-file-chooser{position:absolute;width:240px;padding:5px;margin-left:-80px;cursor:pointer;opacity:.0001}.manual-file-chooser:hover+.manual-file-chooser-text{text-decoration:underline}.btn .manual-file-chooser{top:0;padding:0;line-height:34px}.upload-enabled textarea{display:block;border-bottom:1px dashed var(--color-border-default);border-bottom-right-radius:0;border-bottom-left-radius:0}.upload-enabled.focused{border-radius:6px;box-shadow:var(--color-primer-shadow-inset),var(--color-primer-shadow-focus)}.upload-enabled.focused .form-control{box-shadow:none}.upload-enabled.focused .drag-and-drop{border-color:var(--color-accent-emphasis)}.dragover textarea,.dragover .drag-and-drop{box-shadow:#c9ff00 0 0 3px}.write-content{position:relative}.previewable-comment-form{position:relative}.previewable-comment-form .tabnav{position:relative;padding:8px 8px 0}.previewable-comment-form .comment{border:1px solid var(--color-border-default)}.previewable-comment-form .comment-form-error{margin-bottom:8px}.previewable-comment-form .write-content,.previewable-comment-form .preview-content{display:none;margin:0 8px 8px}.previewable-comment-form.write-selected .write-content,.previewable-comment-form.preview-selected .preview-content{display:block}.previewable-comment-form textarea{display:block;width:100%;min-height:100px;max-height:500px;padding:8px;resize:vertical}.form-action-spacious{margin-top:10px}div.composer{margin-top:0;border:0}.composer .comment-form-textarea{height:200px;min-height:200px}.composer .tabnav{margin:0 0 10px}h2.account{margin:15px 0 0;font-size:18px;font-weight:400;color:var(--color-fg-muted)}p.explain{position:relative;font-size:12px;color:var(--color-fg-muted)}p.explain strong{color:var(--color-fg-default)}p.explain .octicon{margin-right:5px;color:var(--color-fg-muted)}p.explain .minibutton{top:-4px;float:right}.form-group label{position:static}.input-group{display:table}.input-group .form-control{position:relative;width:100%}.input-group .form-control:focus{z-index:2}.input-group .form-control+.btn{margin-left:0}.input-group.inline{display:inline-table}.input-group .form-control,.input-group-button{display:table-cell}.input-group-button{width:1%;vertical-align:middle}.input-group .form-control:first-child,.input-group-button:first-child .btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-button:first-child .btn{margin-right:-1px}.input-group .form-control:last-child,.input-group-button:last-child .btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-button:last-child .btn{margin-left:-1px}.radio-group::before{display:table;content:""}.radio-group::after{display:table;clear:both;content:""}.radio-label{float:left;padding:6px 16px 6px 36px;margin-left:-1px;font-size:14px;line-height:20px;color:var(--color-fg-default);cursor:pointer;border:1px solid var(--color-border-default)}:checked+.radio-label{position:relative;z-index:1;border-color:var(--color-accent-emphasis)}.radio-label:first-of-type{margin-left:0;border-top-left-radius:6px;border-bottom-left-radius:6px}.radio-label:last-of-type{border-top-right-radius:6px;border-bottom-right-radius:6px}.radio-input{z-index:3;float:left;margin:10px -32px 0 16px}
 /*# sourceMappingURL=forms.css.map */

package/dist/forms.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/forms/form-control.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/misc.scss","../src/src/support/mixins/layout.scss","../src/src/support/variables/layout.scss","../src/src/forms/form-select.scss","../src/src/support/mixins/color-modes.scss","../src/src/forms/form-group.scss","../src/src/forms/form-validation.scss","../src/src/forms/input-group.scss","../src/src/forms/radio-group.scss"],"names":[],"mappings":"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","file":"forms.css","sourcesContent":["// Needs refactoring\n// stylelint-disable selector-no-qualifying-type, selector-max-compound-selectors\n// stylelint-disable selector-max-type\n// Base form controls\n//\n// Overrides for common inputs for easier styling.\n\nfieldset {\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\nlabel {\n  font-weight: $font-weight-bold;\n}\n\n.form-control,\n.form-select {\n  // stylelint-disable-next-line primer/spacing\n  padding: 5px 12px;\n  font-size: $body-font-size;\n  // stylelint-disable-next-line primer/typography\n  line-height: 20px;\n  color: var(--color-fg-default);\n  vertical-align: middle;\n  background-color: var(--color-canvas-default);\n  background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)\n  background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.\n  border: $border-width $border-style var(--color-border-default);\n  border-radius: $border-radius;\n  outline: none;\n  box-shadow: var(--color-primer-shadow-inset);\n\n  &.focus,\n  &:focus {\n    border-color: var(--color-accent-emphasis);\n    outline: none;\n    box-shadow: var(--color-primer-shadow-focus);\n  }\n\n  &[disabled] {\n    color: var(--color-fg-muted);\n    background-color: var(--color-input-disabled-bg);\n    border-color: var(--color-border-default);\n  }\n\n  // Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad\n  @supports (-webkit-touch-callout: none) {\n    font-size: $h4-size;\n    @include breakpoint(md) {\n      font-size: $body-font-size;\n    }\n  }\n}\n\n// Textarea\ntextarea.form-control {\n  padding-top: $spacer-2;\n  padding-bottom: $spacer-2;\n  line-height: $lh-default;\n}\n\n// Inputs with contrast for easy light gray backgrounds against white.\n.input-contrast {\n  background-color: var(--color-canvas-inset);\n\n  &:focus { background-color: var(--color-canvas-default); }\n}\n\n// Custom styling for HTML5 validation bubbles (WebKit only)\n::placeholder {\n  color: var(--color-fg-subtle);\n  opacity: 1; // override opacity in normalize.css\n}\n\n// Mini inputs, to match .minibutton\n.input-sm {\n  min-height: $size-4;\n  // stylelint-disable-next-line primer/spacing\n  padding-top: 3px;\n  // stylelint-disable-next-line primer/spacing\n  padding-bottom: 3px;\n  font-size: $font-size-small;\n  // stylelint-disable-next-line primer/typography\n  line-height: 20px;\n}\n\n// Large inputs\n.input-lg {\n  font-size: $h4-size;\n}\n\n// Full-width inputs\n.input-block {\n  display: block;\n  width: 100%;\n}\n\n// Inputs with monospace text\n.input-monospace {\n  font-family: $mono-font;\n}\n\n// Hide the icon that tries to autofill contact info in webkit\n.input-hide-webkit-autofill {\n  &::-webkit-contacts-auto-fill-button {\n    position: absolute;\n    right: 0;\n    display: none !important;\n    pointer-events: none;\n    visibility: hidden;\n  }\n}\n\n// Checkboxes and Radiobuttons\n//\n// For checkboxes and radio button selections.\n.form-checkbox {\n  // stylelint-disable-next-line primer/spacing\n  padding-left: 20px;\n  // stylelint-disable-next-line primer/spacing\n  margin: 15px 0;\n  vertical-align: middle;\n\n  label {\n    em.highlight {\n      position: relative;\n      left: -$spacer-1;\n      // stylelint-disable-next-line primer/spacing\n      padding: 2px $spacer-1;\n      font-style: normal;\n      background: var(--color-attention-subtle);\n      border-radius: $border-radius;\n    }\n  }\n\n  input[type=checkbox],\n  input[type=radio] {\n    float: left;\n    // stylelint-disable-next-line primer/spacing\n    margin: 5px 0 0 -20px;\n    vertical-align: middle;\n  }\n\n  .note {\n    display: block;\n    margin: 0;\n    font-size: $font-size-small;\n    font-weight: $font-weight-normal;\n    color: var(--color-fg-muted);\n  }\n}\n\n.form-checkbox-details {\n  display: none;\n}\n\n.form-checkbox-details-trigger {\n  &:checked {\n    // child of sibling or sibling\n    ~ * .form-checkbox-details,\n    ~ .form-checkbox-details { // eslint-disable selector-combinator-space-before\n      display: block;\n    }\n  }\n}\n\n// Field groups\n//\n// Wrap field groups in `<div.hfields>` to lay them out horizontally - great for\n// the top of pages with autosave.\n.hfields {\n  // stylelint-disable-next-line primer/spacing\n  margin: 15px 0;\n  @include clearfix;\n\n  .form-group {\n    float: left;\n    // stylelint-disable-next-line primer/spacing\n    margin: 0 30px 0 0;\n\n    dt, // TODO: Deprecate\n    .form-group-header {\n      label {\n        display: inline-block;\n        // stylelint-disable-next-line primer/spacing\n        margin: 5px 0 0;\n        color: var(--color-fg-muted);\n      }\n\n      img {\n        position: relative;\n        top: -2px;\n      }\n    }\n  }\n\n  .btn {\n    float: left;\n    // stylelint-disable-next-line primer/spacing\n    margin: 28px 25px 0 -20px;\n  }\n\n  // stylelint-disable-next-line primer/spacing\n  .form-select { margin-top: 5px; }\n}\n\n// Hide the up/down buttons in <input type=\"number\"> in the login form, the\n// input is used for two-factor auth codes, type=\"number\" makes it more usable\n// on phones\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  margin: 0;\n  appearance: none;\n}\n\n// Input groups\n\n.form-actions {\n  @include clearfix;\n\n  .btn {\n    float: right;\n\n    + .btn {\n      // stylelint-disable-next-line primer/spacing\n      margin-right: 5px;\n    }\n  }\n}\n\n.form-warning {\n  padding: $spacer-2 10px;\n  // stylelint-disable-next-line primer/spacing\n  margin: 10px 0;\n  font-size: $h5-size;\n  color: var(--color-attention-fg);\n  background: var(--color-attention-subtle);\n  border: $border-width $border-style var(--color-attention-emphasis);\n  border-radius: $border-radius;\n\n  p {\n    margin: 0;\n    line-height: $lh-default;\n  }\n\n  a { font-weight: $font-weight-bold; }\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","// 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","// 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","// Custom select\n//\n// Apply `.select` to any `<select>` element for custom styles.\n.form-select {\n  display: inline-block;\n  max-width: 100%;\n  height: $size-5;\n  padding-right: $spacer-4;\n  background-color: var(--color-canvas-default);\n  // SVG with fill: #586069 (--color-icon-secondary)\n  background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=\");\n  background-repeat: no-repeat;\n  background-position: right 4px center;\n  background-size: 16px;\n  appearance: none;\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    opacity: 0;\n  }\n\n  &[multiple] {\n    height: auto;\n  }\n}\n\n@include color-mode(dark) {\n  .form-select {\n    // SVG with fill: #6e7681 (--color-icon-secondary)\n    background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=\");\n  }\n}\n\n.select-sm {\n  height: $size-4;\n  // stylelint-disable-next-line primer/spacing\n  padding-top: 3px;\n  // stylelint-disable-next-line primer/spacing\n  padding-bottom: 3px;\n  font-size: $font-size-small;\n\n  &[multiple] {\n    height: auto;\n    min-height: 0;\n  }\n}\n","@mixin color-mode-theme($theme-name, $include-root: false) {\n  @if $include-root {\n    :root,\n    [data-color-mode=\"light\"][data-light-theme=\"#{$theme-name}\"],\n    [data-color-mode=\"dark\"][data-dark-theme=\"#{$theme-name}\"] {\n      @content;\n\n      /*! */ // This is a fix for a cssstats bug see https://github.com/cssstats/cssstats/issues/331\n    }\n  }\n  @else {\n    [data-color-mode=\"light\"][data-light-theme=\"#{$theme-name}\"],\n    [data-color-mode=\"dark\"][data-dark-theme=\"#{$theme-name}\"] {\n      @content;\n    }\n  }\n\n  @media (prefers-color-scheme: light) {\n    [data-color-mode=\"auto\"][data-light-theme=\"#{$theme-name}\"] {\n      @content;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    [data-color-mode=\"auto\"][data-dark-theme=\"#{$theme-name}\"] {\n      @content;\n    }\n  }\n}\n\n@mixin color-mode($mode) {\n  @if $mode == light {\n    :root,\n    [data-color-mode=\"light\"][data-light-theme*=\"#{$mode}\"],\n    [data-color-mode=\"dark\"][data-dark-theme*=\"#{$mode}\"] {\n      @content;\n    }\n  }\n  @else {\n    [data-color-mode=\"light\"][data-light-theme*=\"#{$mode}\"],\n    [data-color-mode=\"dark\"][data-dark-theme*=\"#{$mode}\"] {\n      @content;\n    }\n  }\n\n  @media (prefers-color-scheme: light) {\n    [data-color-mode=\"auto\"][data-light-theme*=\"#{$mode}\"] {\n      @content;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    [data-color-mode=\"auto\"][data-dark-theme*=\"#{$mode}\"] {\n      @content;\n    }\n  }\n}\n\n// This mixin takes a map of color mode vars and splits them into dark and light mode\n// The goal is to reduce the amount of dark/light mode selectors compiled.\n//\n// Example input for $color-map\n//\n// @include color-variables((\"custom-css-variable-1\": (\n//     light: var(--color-scale-gray-3),\n//     dark: var(--color-scale-gray-5)\n//   ),\n//   \"custom-css-variable-2\": (\n//     light: var(--color-scale-gray-2),\n//     dark: var(--color-scale-gray-6)\n//   ),\n//   \"custom-css-variable-3\": (\n//     light: var(--color-scale-gray-2),\n//     dark: var(--color-scale-gray-6)\n//   )\n// ));\n@mixin color-variables($color-map) {\n  // Create map to store incoming variables\n  $dark-colors: ();\n  $light-colors: ();\n\n  @each $name, $value in $color-map {\n    @each $type, $color in $value {\n      @if $type == dark {\n        $dark-colors: append($dark-colors, (--color-#{$name}, #{$color}));\n      }\n      @else {\n        $light-colors: append($light-colors, (--color-#{$name}, #{$color}));\n      }\n    }\n  }\n\n  $mode-colors: (\n    dark: $dark-colors,\n    light: $light-colors\n  );\n\n  // Loop through sorted list\n  @each $mode, $variables in $mode-colors {\n    @include color-mode($mode) {\n      @each $prop, $val in $variables {\n        #{$prop}: $val;\n      }\n    }\n  }\n}\n","// stylelint-disable selector-max-compound-selectors\n// stylelint-disable selector-max-type\n\n// Form groups\n//\n// Usage:\n//\n// <div class=\"form-group\">\n//   <div class=\"form-group-header\"> containing the label\n//   <div class=\"form-group-body\"> containing the form elements\n// </div>\n\n.form-group {\n  // stylelint-disable-next-line primer/spacing\n  margin: 15px 0;\n\n  // Text fields\n  .form-control {\n    width: 440px;\n    max-width: 100%;\n    // stylelint-disable-next-line primer/spacing\n    margin-right: 5px;\n    background-color: var(--color-canvas-inset);\n\n    &:focus {\n      background-color: var(--color-canvas-default);\n    }\n\n    &.shorter { width: 130px; }\n\n    &.short { width: 250px; }\n\n    &.long { width: 100%; }\n  }\n\n  // Textarea\n  // stylelint-disable selector-no-qualifying-type\n  textarea.form-control {\n    width: 100%;\n    height: 200px;\n    min-height: 200px;\n\n    &.short {\n      height: 50px;\n      min-height: 50px;\n    }\n  }\n  // stylelint-enable selector-no-qualifying-type\n\n  // The Label\n  dt, // TODO: Deprecate\n  .form-group-header {\n    // stylelint-disable-next-line primer/spacing\n    margin: 0 0 6px;\n  }\n\n  label {\n    position: relative;\n  }\n\n  &.flattened dt, // TODO: Deprecate\n  &.flattened .form-group-header {\n    float: left;\n    margin: 0;\n    // stylelint-disable-next-line primer/typography\n    line-height: 32px;\n  }\n\n  &.flattened dd, // TODO: Deprecate\n  &.flattened .form-group-body {\n    // stylelint-disable-next-line primer/typography\n    line-height: 32px;\n  }\n\n  //\n  // Form Elements\n  //\n  // stylelint-disable selector-no-qualifying-type\n  dd, // TODO: Deprecate\n  .form-group-body {\n    h4 {\n      margin: $spacer-1 0 0;\n\n      &.is-error { color: var(--color-danger-fg); }\n\n      &.is-success { color: var(--color-success-fg); }\n\n      + .note {\n        margin-top: 0;\n      }\n    }\n  }\n  // stylelint-enable selector-no-qualifying-type\n\n  //\n  // Variants\n  //\n\n  &.required {\n    dt label::after, // TODO: Deprecate\n    .form-group-header label::after {\n      // stylelint-disable-next-line primer/spacing\n      padding-left: 5px;\n      color: var(--color-danger-fg);\n      content: \"*\";\n    }\n  }\n\n  // Form AJAX states\n  //\n  // Form fields that need feedback for AJAX loading, success\n  // states and errored states.\n  .success,\n  .error,\n  .indicator {\n    display: none;\n    font-size: $font-size-small;\n    font-weight: $font-weight-bold;\n  }\n\n  &.loading {\n    opacity: 0.5;\n\n    .indicator {\n      display: inline;\n    }\n\n    .spinner {\n      display: inline-block;\n      vertical-align: middle;\n    }\n  }\n\n  &.successful {\n    .success {\n      display: inline;\n      color: var(--color-success-fg);\n    }\n  }\n\n  // Form validation\n  //\n  // Our inline errors\n\n  &.successed,\n  &.warn,\n  &.errored {\n    .success,\n    .warning,\n    .error {\n      position: absolute;\n      z-index: 10;\n      display: block; // Show up in errored/warn state\n      max-width: 450px; // Keep our long errors readable\n      padding: $spacer-1 $spacer-2;\n      margin: $spacer-2 0 0;\n      font-size: $font-size-small;\n      font-weight: $font-weight-normal;\n      border-style: $border-style;\n      border-width: $border-width;\n      border-radius: $border-radius;\n\n      &::after,\n      &::before {\n        position: absolute;\n        bottom: 100%;\n        left: 10px;\n        z-index: 15;\n        width: 0;\n        height: 0;\n        pointer-events: none;\n        content: \" \";\n        // stylelint-disable-next-line primer/borders\n        border: $border-style transparent;\n      }\n\n      &::after {\n        // stylelint-disable-next-line primer/borders\n        border-width: 5px;\n      }\n\n      &::before {\n        // stylelint-disable-next-line primer/spacing\n        margin-left: -1px;\n        // stylelint-disable-next-line primer/borders\n        border-width: 6px;\n      }\n    }\n  }\n\n  &.successed {\n    .success {\n      color: var(--color-fg-default);\n      background-color: var(--color-canvas-default); // Makes sure the background is opaque to cover any content underneath\n      background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n      border-color: var(--color-success-muted);\n\n      &::after { border-bottom-color: var(--color-success-subtle); }\n      &::before { border-bottom-color: var(--color-success-muted); }\n    }\n  }\n\n  &.warn {\n    .form-control {\n      border-color: var(--color-attention-emphasis);\n    }\n\n    .warning {\n      color: var(--color-fg-default);\n      background-color: var(--color-canvas-default); // Makes sure the background is opaque to cover any content underneath\n      background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n      border-color: var(--color-attention-muted);\n\n      &::after { border-bottom-color: var(--color-attention-subtle); }\n      &::before { border-bottom-color: var(--color-attention-muted); }\n    }\n  }\n\n  &.errored {\n    .form-control {\n      border-color: var(--color-danger-emphasis);\n    }\n\n    label {\n      color: var(--color-danger-fg);\n    }\n\n    .error {\n      color: var(--color-fg-default);\n      background-color: var(--color-canvas-default); // Makes sure the background is opaque to cover any content underneath\n      background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n      border-color: var(--color-danger-muted);\n\n      &::after { border-bottom-color: var(--color-danger-subtle); }\n      &::before { border-bottom-color: var(--color-danger-muted); }\n    }\n  }\n}\n\n// tooltip\n.note {\n  min-height: 17px;\n  margin: $spacer-1 0 2px;\n  font-size: $font-size-small;\n  color: var(--color-fg-muted);\n\n  .spinner {\n    // stylelint-disable-next-line primer/spacing\n    margin-right: 3px;\n    vertical-align: middle;\n  }\n}\n","// Needs refactoring\n// stylelint-disable selector-no-qualifying-type, selector-max-type\ndl.form-group > dd, // TODO: Deprecate\n.form-group > .form-group-body {\n  .form-control {\n    &.is-autocheck-loading,\n    &.is-autocheck-successful,\n    &.is-autocheck-errored {\n      // stylelint-disable-next-line primer/spacing\n      padding-right: 30px; // Leave some space for our validation icons\n    }\n\n    &.is-autocheck-loading {\n      background-image: url(\"/images/spinners/octocat-spinner-16px.gif\");\n    }\n\n    &.is-autocheck-successful {\n      background-image: url(\"/images/modules/ajax/success.png\");\n    }\n\n    &.is-autocheck-errored {\n      background-image: url(\"/images/modules/ajax/error.png\");\n    }\n  }\n}\n\n// Retinization of form validation icons that aren't octicons yet\n@include retina-media-query {\n  dl.form-group > dd, // TODO: Deprecate\n  .form-group > .form-group-body {\n    .form-control {\n      &.is-autocheck-loading,\n      &.is-autocheck-successful,\n      &.is-autocheck-errored {\n        background-size: 16px 16px;\n      }\n\n      &.is-autocheck-loading {\n        background-image: url(\"/images/spinners/octocat-spinner-32.gif\");\n      }\n\n      &.is-autocheck-successful {\n        background-image: url(\"/images/modules/ajax/success@2x.png\");\n      }\n\n      &.is-autocheck-errored {\n        background-image: url(\"/images/modules/ajax/error@2x.png\");\n      }\n    }\n  }\n}\n\n// Inline verification\n// This overrides primer's inline form stuff\n.status-indicator {\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  // stylelint-disable-next-line primer/spacing\n  margin-left: 5px;\n\n  .octicon {\n    display: none;\n  }\n}\n\n.status-indicator-success {\n  // Override primer\n  &::before {\n    content: \"\";\n  }\n\n  .octicon-check {\n    display: inline-block;\n    color: var(--color-success-fg);\n    fill: var(--color-success-fg);\n  }\n\n  .octicon-x {\n    display: none;\n  }\n}\n\n.status-indicator-failed {\n  // Override primer\n  &::before {\n    content: \"\";\n  }\n\n  .octicon-check {\n    display: none;\n  }\n\n  .octicon-x {\n    display: inline-block;\n    color: var(--color-danger-fg);\n    fill: var(--color-danger-fg);\n  }\n}\n\n.status-indicator-loading {\n  width: 16px;\n  background-image: url(\"/images/spinners/octocat-spinner-32-EAF2F5.gif\");\n  background-repeat: no-repeat;\n  background-position: 0 0;\n  background-size: 16px;\n}\n\n.inline-form {\n  display: inline-block;\n\n  .btn-plain {\n    background-color: transparent;\n    border: 0;\n  }\n}\n\n// Drag and drop\n//\n// Previously part of `_forms.scss` in Primer. Needs accounting for.\n\n.drag-and-drop {\n  // stylelint-disable-next-line primer/spacing\n  padding: 7px 10px;\n  margin: 0;\n  // stylelint-disable-next-line primer/typography\n  font-size: 13px;\n  // stylelint-disable-next-line primer/typography\n  line-height: 16px;\n  color: var(--color-fg-muted);\n  background-color: var(--color-canvas-subtle);\n  border: $border-width $border-style var(--color-border-default);\n  border-top: 0;\n  border-bottom-right-radius: $border-radius;\n  border-bottom-left-radius: $border-radius;\n\n  .default,\n  .loading,\n  .error {\n    display: none;\n  }\n\n  .error {\n    color: var(--color-danger-fg);\n  }\n\n  // Spinner\n  img {\n    vertical-align: top;\n  }\n}\n\n.is-default .drag-and-drop .default {\n  display: inline-block;\n}\n\n.is-uploading .drag-and-drop .loading {\n  display: inline-block;\n}\n\n.is-bad-file .drag-and-drop .bad-file {\n  display: inline-block;\n}\n\n.is-duplicate-filename .drag-and-drop .duplicate-filename {\n  display: inline-block;\n}\n\n.is-too-big .drag-and-drop .too-big {\n  display: inline-block;\n}\n\n.is-hidden-file .drag-and-drop .hidden-file {\n  display: inline-block;\n}\n\n.is-empty .drag-and-drop .empty {\n  display: inline-block;\n}\n\n.is-bad-permissions .drag-and-drop .bad-permissions {\n  display: inline-block;\n}\n\n.is-repository-required .drag-and-drop .repository-required {\n  display: inline-block;\n}\n\n.drag-and-drop-error-info {\n  font-weight: $font-weight-normal;\n  color: var(--color-fg-muted);\n\n  a {\n    color: var(--color-accent-fg);\n  }\n}\n\n.is-failed .drag-and-drop .failed-request {\n  display: inline-block;\n}\n\n.manual-file-chooser {\n  position: absolute;\n  width: 240px;\n  // stylelint-disable-next-line primer/spacing\n  padding: 5px;\n  // stylelint-disable-next-line primer/spacing\n  margin-left: -80px;\n  cursor: pointer;\n  opacity: 0.0001;\n}\n\n.manual-file-chooser:hover + .manual-file-chooser-text {\n  text-decoration: underline;\n}\n\n.btn {\n  // align manual-file-chooser inside a button\n  .manual-file-chooser {\n    top: 0;\n    padding: 0;\n    // stylelint-disable-next-line primer/typography\n    line-height: 34px;\n  }\n}\n\n// Focused Textarea styles\n.upload-enabled {\n  textarea {\n    display: block;\n    // stylelint-disable-next-line primer/borders\n    border-bottom: $border-width dashed var(--color-border-default);\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  &.focused {\n    border-radius: $border-radius;\n    box-shadow: var(--color-primer-shadow-inset), var(--color-primer-shadow-focus);\n\n    .form-control {\n      box-shadow: none;\n    }\n\n    .drag-and-drop {\n      border-color: var(--color-accent-emphasis);\n    }\n  }\n}\n\n// Dropping a file on top\n.dragover textarea,\n.dragover .drag-and-drop {\n  // stylelint-disable-next-line primer/box-shadow\n  box-shadow: rgba(#c9ff00, 1) 0 0 3px;\n}\n\n.write-content {\n  position: relative;\n}\n\n// Form style with a write and a preview tab\n.previewable-comment-form {\n  position: relative;\n\n  .tabnav {\n    position: relative;\n    padding: $spacer-2 $spacer-2 0;\n  }\n\n  .comment {\n    border: $border-width $border-style var(--color-border-default);\n  }\n\n  .comment-form-error { margin-bottom: $spacer-2; }\n\n  .write-content,\n  .preview-content {\n    display: none;\n    margin: 0 $spacer-2 $spacer-2;\n  }\n\n  &.write-selected .write-content,\n  &.preview-selected .preview-content {\n    display: block;\n  }\n\n  textarea {\n    display: block;\n    width: 100%;\n    min-height: 100px;\n    max-height: 500px;\n    padding: $spacer-2;\n    resize: vertical;\n  }\n}\n\n// Used in our boxed-group-less form styles. Give the sumbit button enough space\n// to breathe without the need for the extra hr.\n.form-action-spacious {\n  // stylelint-disable-next-line primer/spacing\n  margin-top: 10px;\n}\n\n// A two column form, with a .main and a .sidebar column\n//\n// Override some `.timeline-comment-wrapper` defaults.\n// The `div` is needed to be more specific than the other class.\ndiv.composer {\n  margin-top: 0;\n  border: 0;\n}\n\n// Override the previewable comment form defaults\n.composer .comment-form-textarea {\n  height: 200px;\n  min-height: 200px;\n}\n\n// stylelint-disable-next-line primer/spacing\n.composer .tabnav { margin: 0 0 10px; }\n\n// Misc CSS\n//\n// Previously part of `_forms.scss` in Primer. Needs accounting for.\n\nh2.account {\n  // stylelint-disable-next-line primer/spacing\n  margin: 15px 0 0;\n  // stylelint-disable-next-line primer/typography\n  font-size: 18px;\n  font-weight: $font-weight-normal;\n  color: var(--color-fg-muted);\n}\n\np.explain {\n  position: relative;\n  font-size: $font-size-small;\n  color: var(--color-fg-muted);\n\n  strong {\n    color: var(--color-fg-default);\n  }\n\n  .octicon {\n    // stylelint-disable-next-line primer/spacing\n    margin-right: 5px;\n    color: var(--color-fg-muted);\n  }\n\n  .minibutton {\n    top: -4px;\n    float: right;\n  }\n}\n\n// fix for chrome bug, see https://github.com/github/github/issues/53931\n.form-group label {\n  position: static;\n}\n",".input-group {\n  display: table;\n\n  .form-control {\n    position: relative;\n    width: 100%;\n\n    &:focus {\n      z-index: 2;\n    }\n\n    + .btn {\n      margin-left: 0;\n    }\n  }\n\n  // For when you want the input group to behave like inline-block.\n  &.inline {\n    display: inline-table;\n  }\n}\n\n.input-group .form-control,\n.input-group-button {\n  display: table-cell;\n}\n\n.input-group-button {\n  width: 1%;\n  vertical-align: middle; // Match the inputs\n}\n\n.input-group .form-control:first-child,\n.input-group-button:first-child .btn {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group-button:first-child .btn {\n  // stylelint-disable-next-line primer/spacing\n  margin-right: -1px;\n}\n\n.input-group .form-control:last-child,\n.input-group-button:last-child .btn {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.input-group-button:last-child .btn {\n  // stylelint-disable-next-line primer/spacing\n  margin-left: -1px;\n}\n","// Tab like radio group\n\n.radio-group {\n  @include clearfix;\n}\n\n.radio-label {\n  float: left;\n  // stylelint-disable-next-line primer/spacing\n  padding: 6px $spacer-3 6px ($spacer-3 + 12px + $spacer-2); // 12px is the size of the radio-input\n  // stylelint-disable-next-line primer/spacing\n  margin-left: -1px;\n  font-size: $body-font-size;\n  // stylelint-disable-next-line primer/typography\n  line-height: 20px; // Specifically not inherit our `<body>` default\n  color: var(--color-fg-default);\n  cursor: pointer;\n  border: $border-width $border-style var(--color-border-default);\n\n  :checked + & {\n    position: relative;\n    z-index: 1;\n    border-color: var(--color-accent-emphasis);\n  }\n\n  &:first-of-type {\n    margin-left: 0;\n    border-top-left-radius: $border-radius;\n    border-bottom-left-radius: $border-radius;\n  }\n\n  &:last-of-type {\n    border-top-right-radius: $border-radius;\n    border-bottom-right-radius: $border-radius;\n  }\n}\n\n.radio-input {\n  z-index: 3;\n  float: left;\n  // stylelint-disable-next-line primer/spacing\n  margin: 10px (-$spacer-5) 0 $spacer-3;\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/forms/index.scss%23sass"],"names":[],"mappings":"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","file":"forms.css"}

package/dist/header.css

@@ -1,3 +1,2 @@
-.Header{z-index:32;display:flex;padding:16px;font-size:14px;line-height:1.5;color:var(--color-header-text);background-color:var(--color-header-bg);align-items:center;flex-wrap:nowrap}.Header-item{display:flex;margin-right:16px;align-self:stretch;align-items:center;flex-wrap:nowrap}.Header-item--full{flex:auto}.Header-link{font-weight:600;color:var(--color-header-logo);white-space:nowrap}.Header-link:hover,.Header-link:focus{color:var(--color-header-text);text-decoration:none}.Header-input{color:var(--color-header-text);background-color:var(--color-header-search-bg);border:1px solid var(--color-header-search-border);box-shadow:none}.Header-input::placeholder{color:rgba(255,255,255,0.75)}
-
+.Header{z-index:32;display:flex;padding:16px;font-size:14px;line-height:1.5;color:var(--color-header-text);background-color:var(--color-header-bg);align-items:center;flex-wrap:nowrap}.Header-item{display:flex;margin-right:16px;align-self:stretch;align-items:center;flex-wrap:nowrap}.Header-item--full{flex:auto}.Header-link{font-weight:600;color:var(--color-header-logo);white-space:nowrap}.Header-link:hover,.Header-link:focus{color:var(--color-header-text);text-decoration:none}.Header-input{color:var(--color-header-text);background-color:var(--color-header-search-bg);border:1px solid var(--color-header-search-border);box-shadow:none}.Header-input::placeholder{color:rgba(255,255,255,.75)}
 /*# sourceMappingURL=header.css.map */

package/dist/header.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/header/header.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/typography.scss"],"names":[],"mappings":"AAAA,QACE,UAAW,CACX,YAAa,CACb,YCkCoB,CDjCpB,cEaY,CFZZ,eE0Bc,CFzBd,8BAA+B,CAC/B,uCAAwC,CACxC,kBAAmB,CACnB,gBAAiB,CAClB,aAGC,YAAa,CACb,iBCuBoB,CDtBpB,kBAAmB,CACnB,kBAAmB,CACnB,gBAAiB,CAClB,mBAGC,SAAU,CACX,aAGC,eEFoB,CFGpB,8BAA+B,CAC/B,kBAAmB,CAHrB,sCAOI,8BAA+B,CAC/B,oBAAqB,CACtB,cAID,8BAA+B,CAC/B,8CAA+C,CAC/C,kDAAqE,CACrE,eAAgB,CAJlB,2BAQI,4BAAgC","file":"header.css","sourcesContent":[".Header {\n  z-index: 32; // TODO: Figure out z-index system\n  display: flex;\n  padding: $spacer-3;\n  font-size: $h5-size;\n  line-height: $lh-default;\n  color: var(--color-header-text);\n  background-color: var(--color-header-bg);\n  align-items: center;\n  flex-wrap: nowrap;\n}\n\n.Header-item {\n  display: flex;\n  margin-right: $spacer-3;\n  align-self: stretch;\n  align-items: center;\n  flex-wrap: nowrap;\n}\n\n.Header-item--full {\n  flex: auto;\n}\n\n.Header-link {\n  font-weight: $font-weight-bold;\n  color: var(--color-header-logo);\n  white-space: nowrap;\n\n  &:hover,\n  &:focus {\n    color: var(--color-header-text);\n    text-decoration: none;\n  }\n}\n\n.Header-input {\n  color: var(--color-header-text);\n  background-color: var(--color-header-search-bg);\n  border: $border-width $border-style var(--color-header-search-border);\n  box-shadow: none;\n\n  &::placeholder {\n    // stylelint-disable-next-line primer/colors\n    color: rgba(255, 255, 255, 0.75);\n  }\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"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/header/index.scss%23sass"],"names":[],"mappings":"AAygBA,QAAA,UACE,CAAA,YAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,8BAAA,CAAA,uCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,aAAA,YAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,mBAAA,SAAA,CAAA,aAAA,eAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,sCAAA,8BAAA,CAAA,oBAAA,CAAA,cAAA,8BAAA,CAAA,8CAAA,CAAA,kDAAA,CAAA,eAAA,CAAA,2BAAA,2BAAA","file":"header.css"}

package/dist/labels.css

@@ -1,3 +1,2 @@
-.IssueLabel{display:inline-block;padding:0 7px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em}.IssueLabel .g-emoji{position:relative;top:-0.05em;display:inline-block;font-size:1em;line-height:1}.IssueLabel:hover{text-decoration:none}.IssueLabel--big{padding-right:10px;padding-left:10px;line-height:22px}.labels{position:relative}.label,.Label{display:inline-block;padding:0 7px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em;background-color:transparent !important;border-color:var(--color-border-default)}.label:hover,.Label:hover{text-decoration:none}.Label--large{padding-right:10px;padding-left:10px;line-height:22px}.Label--inline{display:inline;padding:0.1667em 0.5em;font-size:0.9em}.Label--primary{color:var(--color-fg-default);border-color:var(--color-neutral-emphasis)}.Label--secondary{color:var(--color-fg-muted);border-color:var(--color-border-default)}.Label--info{color:var(--color-accent-fg);border-color:var(--color-accent-emphasis)}.Label--success{color:var(--color-success-fg);border-color:var(--color-success-emphasis)}.Label--warning{color:var(--color-attention-fg);border-color:var(--color-attention-emphasis)}.Label--danger{color:var(--color-danger-fg);border-color:var(--color-danger-emphasis)}.state,.State{display:inline-block;padding:5px 12px;font-size:14px;font-weight:500;line-height:20px;text-align:center;white-space:nowrap;border-radius:2em}.state,.State,.State--draft{color:var(--color-fg-on-emphasis);background-color:var(--color-neutral-emphasis);border:1px solid transparent}.State--open{color:var(--color-fg-on-emphasis);background-color:var(--color-success-emphasis)}.State--merged{color:var(--color-fg-on-emphasis);background-color:var(--color-done-emphasis)}.State--closed{color:var(--color-fg-on-emphasis);background-color:var(--color-danger-emphasis)}.State--small{padding:0 10px;font-size:12px;line-height:24px}.State--small .octicon{width:1em}.Counter{display:inline-block;min-width:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px;color:var(--color-fg-default);text-align:center;background-color:var(--color-neutral-muted);border:1px solid transparent;border-radius:2em}.Counter:empty{display:none}.Counter .octicon{vertical-align:text-top;opacity:0.8}.Counter--primary{color:var(--color-fg-on-emphasis);background-color:var(--color-neutral-emphasis)}.Counter--secondary{color:var(--color-fg-muted);background-color:var(--color-neutral-subtle)}.diffstat{font-size:12px;font-weight:600;color:var(--color-fg-muted);white-space:nowrap;cursor:default}.diffstat-block-deleted,.diffstat-block-added,.diffstat-block-neutral{display:inline-block;width:8px;height:8px;margin-left:1px;outline-offset:-1px}.diffstat-block-deleted{background-color:var(--color-danger-emphasis);outline:1px solid var(--color-border-subtle)}.diffstat-block-added{background-color:var(--color-diffstat-addition-bg);outline:1px solid var(--color-border-subtle)}.diffstat-block-neutral{background-color:var(--color-neutral-muted);outline:1px solid var(--color-border-subtle)}
-
+.IssueLabel{display:inline-block;padding:0 7px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em}.IssueLabel .g-emoji{position:relative;top:-0.05em;display:inline-block;font-size:1em;line-height:1}.IssueLabel:hover{text-decoration:none}.IssueLabel--big{padding-right:10px;padding-left:10px;line-height:22px}.labels{position:relative}.label,.Label{display:inline-block;padding:0 7px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em;background-color:transparent !important;border-color:var(--color-border-default)}.label:hover,.Label:hover{text-decoration:none}.Label--large{padding-right:10px;padding-left:10px;line-height:22px}.Label--inline{display:inline;padding:.1667em .5em;font-size:.9em}.Label--primary{color:var(--color-fg-default);border-color:var(--color-neutral-emphasis)}.Label--secondary{color:var(--color-fg-muted);border-color:var(--color-border-default)}.Label--info{color:var(--color-accent-fg);border-color:var(--color-accent-emphasis)}.Label--success{color:var(--color-success-fg);border-color:var(--color-success-emphasis)}.Label--warning{color:var(--color-attention-fg);border-color:var(--color-attention-emphasis)}.Label--danger{color:var(--color-danger-fg);border-color:var(--color-danger-emphasis)}.state,.State{display:inline-block;padding:5px 12px;font-size:14px;font-weight:500;line-height:20px;text-align:center;white-space:nowrap;border-radius:2em}.state,.State,.State--draft{color:var(--color-fg-on-emphasis);background-color:var(--color-neutral-emphasis);border:1px solid transparent}.State--open{color:var(--color-fg-on-emphasis);background-color:var(--color-success-emphasis)}.State--merged{color:var(--color-fg-on-emphasis);background-color:var(--color-done-emphasis)}.State--closed{color:var(--color-fg-on-emphasis);background-color:var(--color-danger-emphasis)}.State--small{padding:0 10px;font-size:12px;line-height:24px}.State--small .octicon{width:1em}.Counter{display:inline-block;min-width:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px;color:var(--color-fg-default);text-align:center;background-color:var(--color-neutral-muted);border:1px solid transparent;border-radius:2em}.Counter:empty{display:none}.Counter .octicon{vertical-align:text-top;opacity:.8}.Counter--primary{color:var(--color-fg-on-emphasis);background-color:var(--color-neutral-emphasis)}.Counter--secondary{color:var(--color-fg-muted);background-color:var(--color-neutral-subtle)}.diffstat{font-size:12px;font-weight:600;color:var(--color-fg-muted);white-space:nowrap;cursor:default}.diffstat-block-deleted,.diffstat-block-added,.diffstat-block-neutral{display:inline-block;width:8px;height:8px;margin-left:1px;outline-offset:-1px}.diffstat-block-deleted{background-color:var(--color-danger-emphasis);outline:1px solid var(--color-border-subtle)}.diffstat-block-added{background-color:var(--color-diffstat-addition-bg);outline:1px solid var(--color-border-subtle)}.diffstat-block-neutral{background-color:var(--color-neutral-muted);outline:1px solid var(--color-border-subtle)}
 /*# sourceMappingURL=labels.css.map */

package/dist/labels.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/labels/issue-labels.scss","../src/src/labels/mixins.scss","../src/src/support/variables/typography.scss","../src/src/labels/labels.scss","../src/src/labels/states.scss","../src/src/support/variables/layout.scss","../src/src/labels/counters.scss","../src/src/labels/diffstat.scss"],"names":[],"mappings":"AAIA,YCGE,oBAAqB,CACrB,aAAc,CACd,cCWoB,CDVpB,eCcwB,CDbxB,gBAAiB,CACjB,4BAA+C,CAC/C,iBAAkB,CDTpB,qBAII,iBAAkB,CAClB,WAAY,CACZ,oBAAqB,CACrB,aAAc,CACd,aEiBkB,CFzBtB,kBAYI,oBAAqB,CACtB,iBCAD,kBAAmB,CACnB,iBAAkB,CAClB,gBAAiB,CDGlB,QGlBC,iBAAkB,CACnB,cFEC,oBAAqB,CACrB,aAAc,CACd,cCWoB,CDVpB,eCcwB,CDbxB,gBAAiB,CACjB,4BAA+C,CAC/C,iBAAkB,CEDlB,uCAAwC,CACxC,wCAAyC,CAJ3C,0BAOI,oBAAqB,CACtB,cFAD,kBAAmB,CACnB,iBAAkB,CAClB,gBAAiB,CEKlB,eFIC,cAAe,CACf,sBAAuB,CACvB,eAAgB,CEAjB,gBAKC,6BAA8B,CAC9B,0CAA2C,CAC5C,kBAGC,2BAA4B,CAC5B,wCAAyC,CAC1C,aAGC,4BAA6B,CAC7B,yCAA0C,CAC3C,gBAGC,6BAA8B,CAC9B,0CAA2C,CAC5C,gBAGC,+BAAgC,CAChC,4CAA6C,CAC9C,eAGC,4BAA6B,CAC7B,yCAA0C,CAC3C,cCvDC,oBAAqB,CAErB,gBAAiB,CACjB,cF+BmB,CE9BnB,eFawB,CEXxB,gBAAiB,CACjB,iBAAkB,CAClB,kBAAmB,CAEnB,iBAAkB,CACnB,4BAKC,iCAAkC,CAClC,8CAA+C,CAC/C,4BAA+C,CAChD,aAGC,iCAAkC,CAClC,8CAA+C,CAChD,eAGC,iCAAkC,CAClC,2CAA4C,CAC7C,eAGC,iCAAkC,CAClC,6CAA8C,CAC/C,cAMC,cAAe,CACf,cF5BoB,CE8BpB,gBC8DqB,CDnEvB,uBAQI,SAAU,CACX,SEpDD,oBAAqB,CACrB,cD4GqB,CC1GrB,aAAc,CACd,cJcoB,CIbpB,eJiBwB,CIfxB,gBAA0B,CAC1B,6BAA8B,CAC9B,iBAAkB,CAClB,2CAA4C,CAC5C,4BAA+C,CAE/C,iBAAkB,CAdpB,eAiBI,YAAa,CAjBjB,kBAqBI,uBAAwB,CACxB,WAAY,CACb,kBAID,iCAAkC,CAClC,8CAA+C,CAChD,oBAGC,2BAA4B,CAC5B,4CAA6C,CAC9C,UC9BC,cLaY,CKZZ,eLiBoB,CKhBpB,2BAA4B,CAC5B,kBAAmB,CACnB,cAAe,CAChB,sEAKC,oBAAqB,CACrB,SFeU,CEdV,UFcU,CEZV,eAAgB,CAChB,mBAAoB,CACrB,wBAGC,6CAA8C,CAC9C,4CAA6C,CAC9C,sBAGC,kDAAmD,CACnD,4CAA6C,CAC9C,wBAGC,2CAA4C,CAC5C,4CAA6C","file":"labels.css","sourcesContent":["// Issue Labels\n\n// TODO: Replace with .Label once solid backgrounds are supported\n\n.IssueLabel {\n  @include labels-base;\n\n  .g-emoji {\n    position: relative;\n    top: -0.05em;\n    display: inline-block;\n    font-size: 1em;\n    line-height: $lh-condensed-ultra;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n.IssueLabel--big {\n  @include labels-large;\n}\n","// Label mixins\n\n// Default: 20px\n// Large: 24px\n// Inline: em based\n\n@mixin labels-base {\n  display: inline-block;\n  padding: 0 7px;\n  font-size: $font-size-small;\n  font-weight: $font-weight-semibold;\n  line-height: 18px;\n  border: $border-width $border-style transparent;\n  border-radius: 2em;\n}\n\n@mixin labels-large {\n  padding-right: 10px;\n  padding-left: 10px;\n  line-height: 22px;\n}\n\n// Inline\n//\n// Doesn't increase height of parent element\n// Can be used with different font-sizes\n\n@mixin labels--inline {\n  display: inline;\n  padding: 0.1667em 0.5em;\n  font-size: 0.9em;\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","// Labels\n\n// Provide a wrapper to ensure labels stick together\n.labels {\n  position: relative;\n}\n\n// Default label\n\n.label, // TODO: Deprecte\n.Label {\n  @include labels-base;\n  background-color: transparent !important; // TODO: Remove again\n  border-color: var(--color-border-default);\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n// Large\n\n.Label--large {\n  @include labels-large;\n}\n\n// Inline\n\n.Label--inline {\n  @include labels--inline;\n}\n\n// Colors\n\n.Label--primary {\n  color: var(--color-fg-default);\n  border-color: var(--color-neutral-emphasis);\n}\n\n.Label--secondary {\n  color: var(--color-fg-muted);\n  border-color: var(--color-border-default);\n}\n\n.Label--info {\n  color: var(--color-accent-fg);\n  border-color: var(--color-accent-emphasis);\n}\n\n.Label--success {\n  color: var(--color-success-fg);\n  border-color: var(--color-success-emphasis);\n}\n\n.Label--warning {\n  color: var(--color-attention-fg);\n  border-color: var(--color-attention-emphasis);\n}\n\n.Label--danger {\n  color: var(--color-danger-fg);\n  border-color: var(--color-danger-emphasis);\n}\n","// A rounded corner box containing a label \"open\" or \"closed\"\n\n// Default 32px\n// Small 24px\n\n.state, // TODO: Deprecate\n.State {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  padding: 5px 12px;\n  font-size: $body-font-size;\n  font-weight: $font-weight-semibold;\n  // stylelint-disable-next-line primer/typography\n  line-height: 20px;\n  text-align: center;\n  white-space: nowrap;\n  // stylelint-disable-next-line primer/borders\n  border-radius: 2em;\n}\n\n.state, // TODO: Deprecate\n.State,\n.State--draft {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-neutral-emphasis);\n  border: $border-width $border-style transparent;\n}\n\n.State--open {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-success-emphasis);\n}\n\n.State--merged {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-done-emphasis);\n}\n\n.State--closed {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-danger-emphasis);\n}\n\n// Small\n\n.State--small {\n  // stylelint-disable-next-line primer/spacing\n  padding: 0 10px;\n  font-size: $font-size-small;\n  // stylelint-disable-next-line primer/typography\n  line-height: $size-3;\n\n  .octicon {\n    width: 1em; // Ensures different icons don't change State indicator width\n  }\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","// Counters are rounded-corner badges for numbers\n.Counter {\n  display: inline-block;\n  min-width: $size-2; // makes sure it's a circle with just one digit\n  // stylelint-disable-next-line primer/spacing\n  padding: 0 6px;\n  font-size: $font-size-small;\n  font-weight: $font-weight-semibold;\n  // stylelint-disable-next-line primer/typography\n  line-height: $size-2 - 2px; // remove borders\n  color: var(--color-fg-default);\n  text-align: center;\n  background-color: var(--color-neutral-muted);\n  border: $border-width $border-style transparent; // Support Firefox custom colors\n  // stylelint-disable-next-line primer/borders\n  border-radius: 2em;\n\n  &:empty {\n    display: none;\n  }\n\n  .octicon {\n    vertical-align: text-top;\n    opacity: 0.8;\n  }\n}\n\n.Counter--primary {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-neutral-emphasis);\n}\n\n.Counter--secondary {\n  color: var(--color-fg-muted);\n  background-color: var(--color-neutral-subtle);\n}\n","// diffstat\n//\n// Green/red blocks showing additions and deletions\n\n.diffstat {\n  font-size: $h6-size;\n  font-weight: $font-weight-bold;\n  color: var(--color-fg-muted);\n  white-space: nowrap;\n  cursor: default;\n}\n\n.diffstat-block-deleted,\n.diffstat-block-added,\n.diffstat-block-neutral {\n  display: inline-block;\n  width: $spacer-2;\n  height: $spacer-2;\n  // stylelint-disable-next-line primer/spacing\n  margin-left: 1px;\n  outline-offset: -1px; // Support Firefox custom colors\n}\n\n.diffstat-block-deleted {\n  background-color: var(--color-danger-emphasis);\n  outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors\n}\n\n.diffstat-block-added {\n  background-color: var(--color-diffstat-addition-bg);\n  outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors\n}\n\n.diffstat-block-neutral {\n  background-color: var(--color-neutral-muted);\n  outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/labels/index.scss%23sass"],"names":[],"mappings":"AAsiBA,YAAA,oBAAA,CAAA,aAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,4BAAA,CAAA,iBAAA,CAAA,qBAAA,iBAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,aAAA,CAAA,kBAAA,oBAAA,CAAA,iBAAA,kBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,QAAA,iBAAA,CAAA,cAAA,oBAAA,CAAA,aAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,4BAAA,CAAA,iBAAA,CAAA,uCAAA,CAAA,wCAAA,CAAA,0BAAA,oBAAA,CAAA,cAAA,kBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,eAAA,cAAA,CAAA,oBAAA,CAAA,cAAA,CAAA,gBAAA,6BAAA,CAAA,0CAAA,CAAA,kBAAA,2BAAA,CAAA,wCAAA,CAAA,aAAA,4BAAA,CAAA,yCAAA,CAAA,gBAAA,6BAAA,CAAA,0CAAA,CAAA,gBAAA,+BAAA,CAAA,4CAAA,CAAA,eAAA,4BAAA,CAAA,yCAAA,CAAA,cAAA,oBAAA,CAAA,gBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,4BAAA,iCAAA,CAAA,8CAAA,CAAA,4BAAA,CAAA,aAAA,iCAAA,CAAA,8CAAA,CAAA,eAAA,iCAAA,CAAA,2CAAA,CAAA,eAAA,iCAAA,CAAA,6CAAA,CAAA,cAAA,cAAA,CAAA,cAAA,CAAA,gBAAA,CAAA,uBAAA,SAAA,CAAA,SAAA,oBAAA,CAAA,cAAA,CAAA,aAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,6BAAA,CAAA,iBAAA,CAAA,2CAAA,CAAA,4BAAA,CAAA,iBAAA,CAAA,eAAA,YAAA,CAAA,kBAAA,uBAAA,CAAA,UAAA,CAAA,kBAAA,iCAAA,CAAA,8CAAA,CAAA,oBAAA,2BAAA,CAAA,4CAAA,CAAA,UAAA,cAAA,CAAA,eAAA,CAAA,2BAAA,CAAA,kBAAA,CAAA,cAAA,CAAA,sEAAA,oBAAA,CAAA,SAAA,CAAA,UAAA,CAAA,eAAA,CAAA,mBAAA,CAAA,wBAAA,6CAAA,CAAA,4CAAA,CAAA,sBAAA,kDAAA,CAAA,4CAAA,CAAA,wBAAA,2CAAA,CAAA,4CAAA","file":"labels.css"}

package/dist/layout.css

@@ -1,3 +1,2 @@
-.container-sm{max-width:544px;margin-right:auto;margin-left:auto}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-lg{max-width:1012px;margin-right:auto;margin-left:auto}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25.0%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50.0%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75.0%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width: 544px){.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25.0%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50.0%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75.0%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}}@media (min-width: 768px){.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25.0%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50.0%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75.0%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}}@media (min-width: 1012px){.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25.0%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50.0%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75.0%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}}@media (min-width: 1280px){.col-xl-1{width:8.33333%}.col-xl-2{width:16.66667%}.col-xl-3{width:25.0%}.col-xl-4{width:33.33333%}.col-xl-5{width:41.66667%}.col-xl-6{width:50.0%}.col-xl-7{width:58.33333%}.col-xl-8{width:66.66667%}.col-xl-9{width:75.0%}.col-xl-10{width:83.33333%}.col-xl-11{width:91.66667%}.col-xl-12{width:100%}}.gutter{margin-right:-16px;margin-left:-16px}.gutter>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-condensed{margin-right:-8px;margin-left:-8px}.gutter-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-spacious{margin-right:-24px;margin-left:-24px}.gutter-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}@media (min-width: 544px){.gutter-sm{margin-right:-16px;margin-left:-16px}.gutter-sm>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-sm-condensed{margin-right:-8px;margin-left:-8px}.gutter-sm-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-sm-spacious{margin-right:-24px;margin-left:-24px}.gutter-sm-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 768px){.gutter-md{margin-right:-16px;margin-left:-16px}.gutter-md>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-md-condensed{margin-right:-8px;margin-left:-8px}.gutter-md-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-md-spacious{margin-right:-24px;margin-left:-24px}.gutter-md-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1012px){.gutter-lg{margin-right:-16px;margin-left:-16px}.gutter-lg>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-lg-condensed{margin-right:-8px;margin-left:-8px}.gutter-lg-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-lg-spacious{margin-right:-24px;margin-left:-24px}.gutter-lg-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1280px){.gutter-xl{margin-right:-16px;margin-left:-16px}.gutter-xl>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-xl-condensed{margin-right:-8px;margin-left:-8px}.gutter-xl-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-xl-spacious{margin-right:-24px;margin-left:-24px}.gutter-xl-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}.offset-1{margin-left:8.33333% !important}.offset-2{margin-left:16.66667% !important}.offset-3{margin-left:25.0% !important}.offset-4{margin-left:33.33333% !important}.offset-5{margin-left:41.66667% !important}.offset-6{margin-left:50.0% !important}.offset-7{margin-left:58.33333% !important}.offset-8{margin-left:66.66667% !important}.offset-9{margin-left:75.0% !important}.offset-10{margin-left:83.33333% !important}.offset-11{margin-left:91.66667% !important}@media (min-width: 544px){.offset-sm-1{margin-left:8.33333% !important}.offset-sm-2{margin-left:16.66667% !important}.offset-sm-3{margin-left:25.0% !important}.offset-sm-4{margin-left:33.33333% !important}.offset-sm-5{margin-left:41.66667% !important}.offset-sm-6{margin-left:50.0% !important}.offset-sm-7{margin-left:58.33333% !important}.offset-sm-8{margin-left:66.66667% !important}.offset-sm-9{margin-left:75.0% !important}.offset-sm-10{margin-left:83.33333% !important}.offset-sm-11{margin-left:91.66667% !important}}@media (min-width: 768px){.offset-md-1{margin-left:8.33333% !important}.offset-md-2{margin-left:16.66667% !important}.offset-md-3{margin-left:25.0% !important}.offset-md-4{margin-left:33.33333% !important}.offset-md-5{margin-left:41.66667% !important}.offset-md-6{margin-left:50.0% !important}.offset-md-7{margin-left:58.33333% !important}.offset-md-8{margin-left:66.66667% !important}.offset-md-9{margin-left:75.0% !important}.offset-md-10{margin-left:83.33333% !important}.offset-md-11{margin-left:91.66667% !important}}@media (min-width: 1012px){.offset-lg-1{margin-left:8.33333% !important}.offset-lg-2{margin-left:16.66667% !important}.offset-lg-3{margin-left:25.0% !important}.offset-lg-4{margin-left:33.33333% !important}.offset-lg-5{margin-left:41.66667% !important}.offset-lg-6{margin-left:50.0% !important}.offset-lg-7{margin-left:58.33333% !important}.offset-lg-8{margin-left:66.66667% !important}.offset-lg-9{margin-left:75.0% !important}.offset-lg-10{margin-left:83.33333% !important}.offset-lg-11{margin-left:91.66667% !important}}@media (min-width: 1280px){.offset-xl-1{margin-left:8.33333% !important}.offset-xl-2{margin-left:16.66667% !important}.offset-xl-3{margin-left:25.0% !important}.offset-xl-4{margin-left:33.33333% !important}.offset-xl-5{margin-left:41.66667% !important}.offset-xl-6{margin-left:50.0% !important}.offset-xl-7{margin-left:58.33333% !important}.offset-xl-8{margin-left:66.66667% !important}.offset-xl-9{margin-left:75.0% !important}.offset-xl-10{margin-left:83.33333% !important}.offset-xl-11{margin-left:91.66667% !important}}.Layout{display:grid;--Layout-sidebar-width: 220px;--Layout-gutter: 16px;grid-auto-flow:column;grid-template-columns:auto 0 1fr;grid-gap:var(--Layout-gutter)}@media (max-width: calc(544px - 1px)){.Layout{grid-auto-flow:row;grid-template-columns:1fr !important}.Layout .Layout-sidebar,.Layout .Layout-divider,.Layout .Layout-main{width:100% !important;grid-column:1 !important}.Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2 / span 2}.Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:2 / span 2}.Layout.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--divided{--Layout-gutter: 0}.Layout.Layout--divided .Layout-divider{height:1px;grid-row:2}.Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{height:8px;margin-right:0;background:var(--color-canvas-inset);border-color:var(--color-border-default);border-style:solid;border-width:1px 0}.Layout.Layout--divided .Layout-main{grid-row:3 / span 1}.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3 / span 1}.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}@media (max-width: calc(768px - 1px)){.Layout.Layout--flowRow-until-md{grid-auto-flow:row;grid-template-columns:1fr !important}.Layout.Layout--flowRow-until-md .Layout-sidebar,.Layout.Layout--flowRow-until-md .Layout-divider,.Layout.Layout--flowRow-until-md .Layout-main{width:100% !important;grid-column:1 !important}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2 / span 2}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:2 / span 2}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--flowRow-until-md.Layout--divided{--Layout-gutter: 0}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider{height:1px;grid-row:2}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{height:8px;margin-right:0;background:var(--color-canvas-inset);border-color:var(--color-border-default);border-style:solid;border-width:1px 0}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-main{grid-row:3 / span 1}.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3 / span 1}.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}@media (max-width: calc(1012px - 1px)){.Layout.Layout--flowRow-until-lg{grid-auto-flow:row;grid-template-columns:1fr !important}.Layout.Layout--flowRow-until-lg .Layout-sidebar,.Layout.Layout--flowRow-until-lg .Layout-divider,.Layout.Layout--flowRow-until-lg .Layout-main{width:100% !important;grid-column:1 !important}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2 / span 2}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:2 / span 2}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--flowRow-until-lg.Layout--divided{--Layout-gutter: 0}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider{height:1px;grid-row:2}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{height:8px;margin-right:0;background:var(--color-canvas-inset);border-color:var(--color-border-default);border-style:solid;border-width:1px 0}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main{grid-row:3 / span 1}.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3 / span 1}.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}.Layout .Layout-sidebar{grid-column:1}.Layout .Layout-divider{display:none}.Layout .Layout-main{grid-column:2 / span 2}@media (min-width: 1012px){.Layout{--Layout-gutter: 24px}}.Layout.Layout--gutter-none{--Layout-gutter: 0}.Layout.Layout--gutter-condensed{--Layout-gutter: 16px}@media (min-width: 1012px){.Layout.Layout--gutter-spacious{--Layout-gutter: 32px}}@media (min-width: 1280px){.Layout.Layout--gutter-spacious{--Layout-gutter: 40px}}@media (min-width: 544px){.Layout{--Layout-sidebar-width: 220px}}@media (min-width: 768px){.Layout{--Layout-sidebar-width: 256px}}@media (min-width: 1012px){.Layout{--Layout-sidebar-width: 296px}}@media (min-width: 1280px){.Layout{--Layout-sidebar-width: 320px}}@media (min-width: 768px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width: 240px}}@media (min-width: 1012px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width: 256px}}@media (min-width: 1280px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width: 296px}}@media (min-width: 768px){.Layout.Layout--sidebar-wide{--Layout-sidebar-width: 296px}}@media (min-width: 1012px){.Layout.Layout--sidebar-wide{--Layout-sidebar-width: 320px}}@media (min-width: 1280px){.Layout.Layout--sidebar-wide{--Layout-sidebar-width: 344px}}.Layout.Layout--sidebarPosition-start .Layout-sidebar{grid-column:1}.Layout.Layout--sidebarPosition-start .Layout-main{grid-column:2 / span 2}.Layout.Layout--sidebarPosition-end{grid-template-columns:1fr 0 auto}.Layout.Layout--sidebarPosition-end .Layout-main{grid-column:1}.Layout.Layout--sidebarPosition-end .Layout-sidebar{grid-column:2 / span 2}.Layout.Layout--divided .Layout-divider{display:block;grid-column:2;width:1px;margin-right:-1px;background:var(--color-border-default)}.Layout.Layout--divided .Layout-main{grid-column:3 / span 1}.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar{grid-column:3 / span 1}.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main{grid-column:1}.Layout-divider{display:none;width:1px}.Layout-sidebar{width:var(--Layout-sidebar-width)}.Layout-main{min-width:0}.Layout-main .Layout-main-centered-md,.Layout-main .Layout-main-centered-lg,.Layout-main .Layout-main-centered-xl{margin-right:auto;margin-left:auto}.Layout-main .Layout-main-centered-md>.container-md,.Layout-main .Layout-main-centered-md>.container-lg,.Layout-main .Layout-main-centered-md>.container-xl,.Layout-main .Layout-main-centered-lg>.container-md,.Layout-main .Layout-main-centered-lg>.container-lg,.Layout-main .Layout-main-centered-lg>.container-xl,.Layout-main .Layout-main-centered-xl>.container-md,.Layout-main .Layout-main-centered-xl>.container-lg,.Layout-main .Layout-main-centered-xl>.container-xl{margin-left:0}.Layout-main .Layout-main-centered-md{max-width:calc(768px + var(--Layout-sidebar-width) + var(--Layout-gutter))}.Layout-main .Layout-main-centered-lg{max-width:calc(1012px + var(--Layout-sidebar-width) + var(--Layout-gutter))}.Layout-main .Layout-main-centered-xl{max-width:calc(1280px + var(--Layout-sidebar-width) + var(--Layout-gutter))}
-
+.container-sm{max-width:544px;margin-right:auto;margin-left:auto}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-lg{max-width:1012px;margin-right:auto;margin-left:auto}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.col-1{width:8.33333333%}.col-2{width:16.66666666%}.col-3{width:24.99999999%}.col-4{width:33.33333332%}.col-5{width:41.66666665%}.col-6{width:49.99999998%}.col-7{width:58.33333331%}.col-8{width:66.66666664%}.col-9{width:74.99999997%}.col-10{width:83.3333333%}.col-11{width:91.66666663%}.col-12{width:100%}@media(min-width: 544px){.col-sm-1{width:8.33333333%}.col-sm-2{width:16.66666666%}.col-sm-3{width:24.99999999%}.col-sm-4{width:33.33333332%}.col-sm-5{width:41.66666665%}.col-sm-6{width:49.99999998%}.col-sm-7{width:58.33333331%}.col-sm-8{width:66.66666664%}.col-sm-9{width:74.99999997%}.col-sm-10{width:83.3333333%}.col-sm-11{width:91.66666663%}.col-sm-12{width:100%}}@media(min-width: 768px){.col-md-1{width:8.33333333%}.col-md-2{width:16.66666666%}.col-md-3{width:24.99999999%}.col-md-4{width:33.33333332%}.col-md-5{width:41.66666665%}.col-md-6{width:49.99999998%}.col-md-7{width:58.33333331%}.col-md-8{width:66.66666664%}.col-md-9{width:74.99999997%}.col-md-10{width:83.3333333%}.col-md-11{width:91.66666663%}.col-md-12{width:100%}}@media(min-width: 1012px){.col-lg-1{width:8.33333333%}.col-lg-2{width:16.66666666%}.col-lg-3{width:24.99999999%}.col-lg-4{width:33.33333332%}.col-lg-5{width:41.66666665%}.col-lg-6{width:49.99999998%}.col-lg-7{width:58.33333331%}.col-lg-8{width:66.66666664%}.col-lg-9{width:74.99999997%}.col-lg-10{width:83.3333333%}.col-lg-11{width:91.66666663%}.col-lg-12{width:100%}}@media(min-width: 1280px){.col-xl-1{width:8.33333333%}.col-xl-2{width:16.66666666%}.col-xl-3{width:24.99999999%}.col-xl-4{width:33.33333332%}.col-xl-5{width:41.66666665%}.col-xl-6{width:49.99999998%}.col-xl-7{width:58.33333331%}.col-xl-8{width:66.66666664%}.col-xl-9{width:74.99999997%}.col-xl-10{width:83.3333333%}.col-xl-11{width:91.66666663%}.col-xl-12{width:100%}}.gutter{margin-right:-16px;margin-left:-16px}.gutter>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-condensed{margin-right:-8px;margin-left:-8px}.gutter-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-spacious{margin-right:-24px;margin-left:-24px}.gutter-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}@media(min-width: 544px){.gutter-sm{margin-right:-16px;margin-left:-16px}.gutter-sm>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-sm-condensed{margin-right:-8px;margin-left:-8px}.gutter-sm-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-sm-spacious{margin-right:-24px;margin-left:-24px}.gutter-sm-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}}@media(min-width: 768px){.gutter-md{margin-right:-16px;margin-left:-16px}.gutter-md>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-md-condensed{margin-right:-8px;margin-left:-8px}.gutter-md-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-md-spacious{margin-right:-24px;margin-left:-24px}.gutter-md-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}}@media(min-width: 1012px){.gutter-lg{margin-right:-16px;margin-left:-16px}.gutter-lg>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-lg-condensed{margin-right:-8px;margin-left:-8px}.gutter-lg-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-lg-spacious{margin-right:-24px;margin-left:-24px}.gutter-lg-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}}@media(min-width: 1280px){.gutter-xl{margin-right:-16px;margin-left:-16px}.gutter-xl>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-xl-condensed{margin-right:-8px;margin-left:-8px}.gutter-xl-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-xl-spacious{margin-right:-24px;margin-left:-24px}.gutter-xl-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}}.offset-1{margin-left:8.33333333% !important}.offset-2{margin-left:16.66666666% !important}.offset-3{margin-left:24.99999999% !important}.offset-4{margin-left:33.33333332% !important}.offset-5{margin-left:41.66666665% !important}.offset-6{margin-left:49.99999998% !important}.offset-7{margin-left:58.33333331% !important}.offset-8{margin-left:66.66666664% !important}.offset-9{margin-left:74.99999997% !important}.offset-10{margin-left:83.3333333% !important}.offset-11{margin-left:91.66666663% !important}@media(min-width: 544px){.offset-sm-1{margin-left:8.33333333% !important}.offset-sm-2{margin-left:16.66666666% !important}.offset-sm-3{margin-left:24.99999999% !important}.offset-sm-4{margin-left:33.33333332% !important}.offset-sm-5{margin-left:41.66666665% !important}.offset-sm-6{margin-left:49.99999998% !important}.offset-sm-7{margin-left:58.33333331% !important}.offset-sm-8{margin-left:66.66666664% !important}.offset-sm-9{margin-left:74.99999997% !important}.offset-sm-10{margin-left:83.3333333% !important}.offset-sm-11{margin-left:91.66666663% !important}}@media(min-width: 768px){.offset-md-1{margin-left:8.33333333% !important}.offset-md-2{margin-left:16.66666666% !important}.offset-md-3{margin-left:24.99999999% !important}.offset-md-4{margin-left:33.33333332% !important}.offset-md-5{margin-left:41.66666665% !important}.offset-md-6{margin-left:49.99999998% !important}.offset-md-7{margin-left:58.33333331% !important}.offset-md-8{margin-left:66.66666664% !important}.offset-md-9{margin-left:74.99999997% !important}.offset-md-10{margin-left:83.3333333% !important}.offset-md-11{margin-left:91.66666663% !important}}@media(min-width: 1012px){.offset-lg-1{margin-left:8.33333333% !important}.offset-lg-2{margin-left:16.66666666% !important}.offset-lg-3{margin-left:24.99999999% !important}.offset-lg-4{margin-left:33.33333332% !important}.offset-lg-5{margin-left:41.66666665% !important}.offset-lg-6{margin-left:49.99999998% !important}.offset-lg-7{margin-left:58.33333331% !important}.offset-lg-8{margin-left:66.66666664% !important}.offset-lg-9{margin-left:74.99999997% !important}.offset-lg-10{margin-left:83.3333333% !important}.offset-lg-11{margin-left:91.66666663% !important}}@media(min-width: 1280px){.offset-xl-1{margin-left:8.33333333% !important}.offset-xl-2{margin-left:16.66666666% !important}.offset-xl-3{margin-left:24.99999999% !important}.offset-xl-4{margin-left:33.33333332% !important}.offset-xl-5{margin-left:41.66666665% !important}.offset-xl-6{margin-left:49.99999998% !important}.offset-xl-7{margin-left:58.33333331% !important}.offset-xl-8{margin-left:66.66666664% !important}.offset-xl-9{margin-left:74.99999997% !important}.offset-xl-10{margin-left:83.3333333% !important}.offset-xl-11{margin-left:91.66666663% !important}}.Layout{display:grid;--Layout-sidebar-width: 220px;--Layout-gutter: 16px;grid-auto-flow:column;grid-template-columns:auto 0 1fr;grid-gap:var(--Layout-gutter)}@media(max-width: calc(544px - 1px)){.Layout{grid-auto-flow:row;grid-template-columns:1fr !important}.Layout .Layout-sidebar,.Layout .Layout-divider,.Layout .Layout-main{width:100% !important;grid-column:1 !important}.Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2/span 2}.Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:2/span 2}.Layout.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--divided{--Layout-gutter: 0}.Layout.Layout--divided .Layout-divider{height:1px;grid-row:2}.Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{height:8px;margin-right:0;background:var(--color-canvas-inset);border-color:var(--color-border-default);border-style:solid;border-width:1px 0}.Layout.Layout--divided .Layout-main{grid-row:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}@media(max-width: calc(768px - 1px)){.Layout.Layout--flowRow-until-md{grid-auto-flow:row;grid-template-columns:1fr !important}.Layout.Layout--flowRow-until-md .Layout-sidebar,.Layout.Layout--flowRow-until-md .Layout-divider,.Layout.Layout--flowRow-until-md .Layout-main{width:100% !important;grid-column:1 !important}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2/span 2}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:2/span 2}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--flowRow-until-md.Layout--divided{--Layout-gutter: 0}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider{height:1px;grid-row:2}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{height:8px;margin-right:0;background:var(--color-canvas-inset);border-color:var(--color-border-default);border-style:solid;border-width:1px 0}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-main{grid-row:3/span 1}.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3/span 1}.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}@media(max-width: calc(1012px - 1px)){.Layout.Layout--flowRow-until-lg{grid-auto-flow:row;grid-template-columns:1fr !important}.Layout.Layout--flowRow-until-lg .Layout-sidebar,.Layout.Layout--flowRow-until-lg .Layout-divider,.Layout.Layout--flowRow-until-lg .Layout-main{width:100% !important;grid-column:1 !important}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2/span 2}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:2/span 2}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--flowRow-until-lg.Layout--divided{--Layout-gutter: 0}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider{height:1px;grid-row:2}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{height:8px;margin-right:0;background:var(--color-canvas-inset);border-color:var(--color-border-default);border-style:solid;border-width:1px 0}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main{grid-row:3/span 1}.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3/span 1}.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}.Layout .Layout-sidebar{grid-column:1}.Layout .Layout-divider{display:none}.Layout .Layout-main{grid-column:2/span 2}@media(min-width: 1012px){.Layout{--Layout-gutter: 24px}}.Layout.Layout--gutter-none{--Layout-gutter: 0}.Layout.Layout--gutter-condensed{--Layout-gutter: 16px}@media(min-width: 1012px){.Layout.Layout--gutter-spacious{--Layout-gutter: 32px}}@media(min-width: 1280px){.Layout.Layout--gutter-spacious{--Layout-gutter: 40px}}@media(min-width: 544px){.Layout{--Layout-sidebar-width: 220px}}@media(min-width: 768px){.Layout{--Layout-sidebar-width: 256px}}@media(min-width: 1012px){.Layout{--Layout-sidebar-width: 296px}}@media(min-width: 1280px){.Layout{--Layout-sidebar-width: 320px}}@media(min-width: 768px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width: 240px}}@media(min-width: 1012px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width: 256px}}@media(min-width: 1280px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width: 296px}}@media(min-width: 768px){.Layout.Layout--sidebar-wide{--Layout-sidebar-width: 296px}}@media(min-width: 1012px){.Layout.Layout--sidebar-wide{--Layout-sidebar-width: 320px}}@media(min-width: 1280px){.Layout.Layout--sidebar-wide{--Layout-sidebar-width: 344px}}.Layout.Layout--sidebarPosition-start .Layout-sidebar{grid-column:1}.Layout.Layout--sidebarPosition-start .Layout-main{grid-column:2/span 2}.Layout.Layout--sidebarPosition-end{grid-template-columns:1fr 0 auto}.Layout.Layout--sidebarPosition-end .Layout-main{grid-column:1}.Layout.Layout--sidebarPosition-end .Layout-sidebar{grid-column:2/span 2}.Layout.Layout--divided .Layout-divider{display:block;grid-column:2;width:1px;margin-right:-1px;background:var(--color-border-default)}.Layout.Layout--divided .Layout-main{grid-column:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar{grid-column:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main{grid-column:1}.Layout-divider{display:none;width:1px}.Layout-sidebar{width:var(--Layout-sidebar-width)}.Layout-main{min-width:0}.Layout-main .Layout-main-centered-md,.Layout-main .Layout-main-centered-lg,.Layout-main .Layout-main-centered-xl{margin-right:auto;margin-left:auto}.Layout-main .Layout-main-centered-md>.container-md,.Layout-main .Layout-main-centered-md>.container-lg,.Layout-main .Layout-main-centered-md>.container-xl,.Layout-main .Layout-main-centered-lg>.container-md,.Layout-main .Layout-main-centered-lg>.container-lg,.Layout-main .Layout-main-centered-lg>.container-xl,.Layout-main .Layout-main-centered-xl>.container-md,.Layout-main .Layout-main-centered-xl>.container-lg,.Layout-main .Layout-main-centered-xl>.container-xl{margin-left:0}.Layout-main .Layout-main-centered-md{max-width:calc(768px + var(--Layout-sidebar-width) + var(--Layout-gutter))}.Layout-main .Layout-main-centered-lg{max-width:calc(1012px + var(--Layout-sidebar-width) + var(--Layout-gutter))}.Layout-main .Layout-main-centered-xl{max-width:calc(1280px + var(--Layout-sidebar-width) + var(--Layout-gutter))}
 /*# sourceMappingURL=layout.css.map */

package/dist/layout.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/layout/container.scss","../src/src/support/variables/layout.scss","../src/src/layout/grid.scss","../src/src/support/mixins/layout.scss","../src/src/layout/grid-offset.scss","../src/src/layout/layout.scss","../src/src/layout/mixins.scss"],"names":[],"mappings":"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","file":"layout.css","sourcesContent":["// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n  max-width: $width-sm;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n// 768px\n.container-md {\n  max-width: $container-md;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n  max-width: $container-lg;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n  max-width: $container-xl;\n  margin-right: auto;\n  margin-left: auto;\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","// GRID\n\n// Columns\n.col-1 { width: (1 * 0.0833333333 * 100%); }\n.col-2 { width: (2 * 0.0833333333 * 100%); }\n.col-3 { width: (3 * 0.0833333333 * 100%); }\n.col-4 { width: (4 * 0.0833333333 * 100%); }\n.col-5 { width: (5 * 0.0833333333 * 100%); }\n.col-6 { width: (6 * 0.0833333333 * 100%); }\n.col-7 { width: (7 * 0.0833333333 * 100%); }\n.col-8 { width: (8 * 0.0833333333 * 100%); }\n.col-9 { width: (9 * 0.0833333333 * 100%); }\n.col-10 { width: (10 * 0.0833333333 * 100%); }\n.col-11 { width: (11 * 0.0833333333 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n  @include breakpoint($breakpoint) {\n    .col-#{$breakpoint}-1 { width: ( 1 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-2 { width: ( 2 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-3 { width: ( 3 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-4 { width: ( 4 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-5 { width: ( 5 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-6 { width: ( 6 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-7 { width: ( 7 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-8 { width: ( 8 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-9 { width: ( 9 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-10 { width: ( 10 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-11 { width: ( 11 * 0.0833333333 * 100%); }\n    .col-#{$breakpoint}-12 { width: 100%; }\n  }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n  margin-right: -$gutter-width;\n  margin-left: -$gutter-width;\n\n  > [class*=\"col-\"] {\n    padding-right: $gutter-width !important;\n    padding-left: $gutter-width !important;\n  }\n}\n\n.gutter {\n  @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n  @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n  @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n  @include breakpoint($breakpoint) {\n    .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n    .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n    .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\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","// Optional offset options to work with grid.scss\n\n// Offset Columns\n\n@each $breakpoint, $variant in $responsive-variants {\n  @include breakpoint($breakpoint) {\n    .offset#{$variant}-1 { margin-left: (1 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-2 { margin-left: (2 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-3 { margin-left: (3 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-4 { margin-left: (4 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-5 { margin-left: (5 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-6 { margin-left: (6 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-7 { margin-left: (7 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-8 { margin-left: (8 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-9 { margin-left: (9 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-10 { margin-left: (10 * 0.0833333333 * 100%) !important; }\n    .offset#{$variant}-11 { margin-left: (11 * 0.0833333333 * 100%) !important; }\n  }\n}\n","// Layout component\n\n.Layout {\n  display: grid;\n  --Layout-sidebar-width: #{map-get($sidebar-width, \"sm\")};\n  --Layout-gutter: 16px;\n\n  @media (max-width: calc(#{$width-sm} - 1px)) {\n    @include flow-as-row;\n  }\n\n  &.Layout--flowRow-until-md {\n    @media (max-width: calc(#{$width-md} - 1px)) {\n      @include flow-as-row;\n    }\n  }\n\n  &.Layout--flowRow-until-lg {\n    @media (max-width: calc(#{$width-lg} - 1px)) {\n      @include flow-as-row;\n    }\n  }\n\n  // Flow as column\n\n  grid-auto-flow: column;\n  grid-template-columns: auto 0 1fr; // sidebar column, separator, main column\n  // stylelint-disable-next-line primer/no-undefined-vars\n  grid-gap: var(--Layout-gutter);\n\n  .Layout-sidebar {\n    grid-column: 1;\n  }\n\n  .Layout-divider {\n    display: none;\n  }\n\n  .Layout-main {\n    grid-column: 2 / span 2;\n  }\n\n  // Gutter spacing\n\n  @include breakpoint(lg) {\n    --Layout-gutter: 24px;\n  }\n\n  &.Layout--gutter-none {\n    --Layout-gutter: 0;\n  }\n\n  &.Layout--gutter-condensed {\n    --Layout-gutter: 16px;\n  }\n\n  &.Layout--gutter-spacious {\n    @include breakpoint(lg) {\n      --Layout-gutter: 32px;\n    }\n\n    @include breakpoint(xl) {\n      --Layout-gutter: 40px;\n    }\n  }\n\n  // Sidebar width\n\n  @each $breakpoint in map-keys($sidebar-width) {\n    @include breakpoint($breakpoint) {\n      --Layout-sidebar-width: #{map-get($sidebar-width, $breakpoint)};\n    }\n  }\n\n  &.Layout--sidebar-narrow {\n    @each $breakpoint in map-keys($sidebar-narrow-width) {\n      @include breakpoint($breakpoint) {\n        --Layout-sidebar-width: #{map-get($sidebar-narrow-width, $breakpoint)};\n      }\n    }\n  }\n\n  &.Layout--sidebar-wide {\n    @each $breakpoint in map-keys($sidebar-wide-width) {\n      @include breakpoint($breakpoint) {\n        --Layout-sidebar-width: #{map-get($sidebar-wide-width, $breakpoint)};\n      }\n    }\n  }\n\n  // Sidebar position\n\n  &.Layout--sidebarPosition-start {\n    .Layout-sidebar {\n      grid-column: 1;\n    }\n\n    .Layout-main {\n      grid-column: 2 / span 2;\n    }\n  }\n\n  &.Layout--sidebarPosition-end {\n    grid-template-columns: 1fr 0 auto;\n\n    .Layout-main {\n      grid-column: 1;\n    }\n\n    .Layout-sidebar {\n      grid-column: 2 / span 2;\n    }\n  }\n\n  // Sidebar divider\n\n  &.Layout--divided {\n    .Layout-divider {\n      display: block;\n      grid-column: 2;\n      width: 1px;\n      // stylelint-disable-next-line primer/spacing\n      margin-right: -1px;\n      background: var(--color-border-default);\n    }\n\n    .Layout-main {\n      grid-column: 3 / span 1;\n    }\n\n    &.Layout--sidebarPosition-end {\n      .Layout-sidebar {\n        grid-column: 3 / span 1;\n      }\n\n      .Layout-main {\n        grid-column: 1;\n      }\n    }\n  }\n}\n\n.Layout-divider {\n  display: none;\n  width: 1px;\n}\n\n.Layout-sidebar {\n  // stylelint-disable-next-line primer/no-undefined-vars\n  width: var(--Layout-sidebar-width);\n}\n\n.Layout-main {\n  min-width: 0;\n\n  // Centered main column\n  // FIXME: right-aligned sidebar\n  .Layout-main-centered-md,\n  .Layout-main-centered-lg,\n  .Layout-main-centered-xl {\n    margin-right: auto;\n    margin-left: auto;\n\n    > .container-md,\n    > .container-lg,\n    > .container-xl {\n      margin-left: 0;\n    }\n  }\n\n  .Layout-main-centered-md {\n    // stylelint-disable-next-line primer/no-undefined-vars\n    max-width: calc(#{$container-md} + var(--Layout-sidebar-width) + var(--Layout-gutter));\n  }\n\n  .Layout-main-centered-lg {\n    // stylelint-disable-next-line primer/no-undefined-vars\n    max-width: calc(#{$container-lg} + var(--Layout-sidebar-width) + var(--Layout-gutter));\n  }\n\n  .Layout-main-centered-xl {\n    // stylelint-disable-next-line primer/no-undefined-vars\n    max-width: calc(#{$container-xl} + var(--Layout-sidebar-width) + var(--Layout-gutter));\n  }\n}\n","// Layout mixins\n\n@mixin flow-as-row {\n  grid-auto-flow: row;\n  grid-template-columns: 1fr !important;\n\n  .Layout-sidebar,\n  .Layout-divider,\n  .Layout-main {\n      width: 100% !important;\n      grid-column: 1 !important;\n    }\n\n  &.Layout--sidebarPosition-flowRow-start {\n    .Layout-sidebar {\n      grid-row: 1;\n    }\n\n    .Layout-main {\n      grid-row: 2 / span 2;\n    }\n  }\n\n  &.Layout--sidebarPosition-flowRow-end {\n    .Layout-sidebar {\n      grid-row: 2 / span 2;\n    }\n\n    .Layout-main {\n      grid-row: 1;\n    }\n  }\n\n  &.Layout--sidebarPosition-flowRow-none {\n    .Layout-sidebar {\n      display: none;\n    }\n  }\n\n  &.Layout--divided {\n    @include flow-as-row-divider;\n\n    .Layout-main {\n      grid-row: 3 / span 1;\n    }\n\n    &.Layout--sidebarPosition-flowRow-end {\n      .Layout-sidebar {\n        grid-row: 3 / span 1;\n      }\n\n      .Layout-main {\n        grid-row: 1;\n      }\n    }\n  }\n}\n\n@mixin flow-as-row-divider {\n  --Layout-gutter: 0;\n\n  .Layout-divider {\n    height: 1px;\n    grid-row: 2;\n\n    &.Layout-divider--flowRow-hidden {\n      display: none;\n    }\n\n    &.Layout-divider--flowRow-shallow {\n      height: 8px;\n      margin-right: 0;\n      background: var(--color-canvas-inset);\n      border-color: var(--color-border-default);\n      border-style: solid;\n      border-width: $border-width 0;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/layout/index.scss%23sass"],"names":[],"mappings":"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","file":"layout.css"}

package/dist/links.css

@@ -1,3 +1,2 @@
-.Link{color:var(--color-accent-fg)}.Link:hover{text-decoration:underline;cursor:pointer}.Link--primary{color:var(--color-fg-default) !important}.Link--primary:hover{color:var(--color-accent-fg) !important}.Link--secondary{color:var(--color-fg-muted) !important}.Link--secondary:hover{color:var(--color-accent-fg) !important}.Link--muted{color:var(--color-fg-muted) !important}.Link--muted:hover{color:var(--color-accent-fg) !important;text-decoration:none}.Link--onHover:hover{color:var(--color-accent-fg) !important;text-decoration:underline;cursor:pointer}.Link--secondary:hover [class*="color-text"],.Link--primary:hover [class*="color-text"],.Link--muted:hover [class*="color-text"]{color:inherit !important}
-
+.Link{color:var(--color-accent-fg)}.Link:hover{text-decoration:underline;cursor:pointer}.Link--primary{color:var(--color-fg-default) !important}.Link--primary:hover{color:var(--color-accent-fg) !important}.Link--secondary{color:var(--color-fg-muted) !important}.Link--secondary:hover{color:var(--color-accent-fg) !important}.Link--muted{color:var(--color-fg-muted) !important}.Link--muted:hover{color:var(--color-accent-fg) !important;text-decoration:none}.Link--onHover:hover{color:var(--color-accent-fg) !important;text-decoration:underline;cursor:pointer}.Link--secondary:hover [class*=color-text],.Link--primary:hover [class*=color-text],.Link--muted:hover [class*=color-text]{color:inherit !important}
 /*# sourceMappingURL=links.css.map */

package/dist/links.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/links/link.scss"],"names":[],"mappings":"AAEA,MACE,4BAA6B,CAD/B,YAII,yBAA0B,CAC1B,cAAe,CAChB,eAID,wCAAyC,CAD3C,qBAII,uCAAwC,CACzC,iBAID,sCAAuC,CADzC,uBAII,uCAAwC,CACzC,aAID,sCAAuC,CADzC,mBAII,uCAAwC,CACxC,oBAAqB,CACtB,qBAOC,uCAAwC,CACxC,yBAA0B,CAC1B,cAAe,CAChB,iIASC,wBAAyB","file":"links.css","sourcesContent":["// Links\n\n.Link {\n  color: var(--color-accent-fg);\n\n  &:hover {\n    text-decoration: underline;\n    cursor: pointer;\n  }\n}\n\n.Link--primary {\n  color: var(--color-fg-default) !important;\n\n  &:hover {\n    color: var(--color-accent-fg) !important;\n  }\n}\n\n.Link--secondary {\n  color: var(--color-fg-muted) !important;\n\n  &:hover {\n    color: var(--color-accent-fg) !important;\n  }\n}\n\n.Link--muted {\n  color: var(--color-fg-muted) !important;\n\n  &:hover {\n    color: var(--color-accent-fg) !important;\n    text-decoration: none;\n  }\n}\n\n// Set the link color only on hover\n// Useful when you want only part of a link to turn blue on hover\n.Link--onHover {\n  &:hover {\n    color: var(--color-accent-fg) !important;\n    text-decoration: underline;\n    cursor: pointer;\n  }\n}\n\n// When using a color utility class inside of a link class,\n// color should change with link on hover.\n.Link--secondary,\n.Link--primary,\n.Link--muted {\n  &:hover [class*=\"color-text\"] {\n    color: inherit !important;\n  }\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/links/index.scss%23sass"],"names":[],"mappings":"AA2gBA,MAAA,4BACE,CAAA,YAAA,yBAAA,CAAA,cAAA,CAAA,eAAA,wCAAA,CAAA,qBAAA,uCAAA,CAAA,iBAAA,sCAAA,CAAA,uBAAA,uCAAA,CAAA,aAAA,sCAAA,CAAA,mBAAA,uCAAA,CAAA,oBAAA,CAAA,qBAAA,uCAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,2HAAA,wBAAA","file":"links.css"}

package/dist/loaders.css

@@ -1,3 +1,2 @@
 .AnimatedEllipsis{display:inline-block;overflow:hidden;vertical-align:bottom}.AnimatedEllipsis::after{display:inline-block;content:"...";animation:AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite}@keyframes AnimatedEllipsis-keyframes{0%{transform:translateX(-100%)}}
-
 /*# sourceMappingURL=loaders.css.map */

package/dist/loaders.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/loaders/loaders.scss"],"names":[],"mappings":"AAIA,kBACE,oBAAqB,CACrB,eAAgB,CAChB,qBAAsB,CAHxB,yBAMI,oBAAqB,CACrB,aAAc,CACd,sEAAuE,CACxE,sCAGC,GAAK,2BAA4B,CAAA","file":"loaders.css","sourcesContent":["// Loaders\n\n// Animated Ellipsis\n\n.AnimatedEllipsis {\n  display: inline-block;\n  overflow: hidden;\n  vertical-align: bottom;\n\n  &::after {\n    display: inline-block;\n    content: \"...\";\n    animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite;\n  }\n\n  @keyframes AnimatedEllipsis-keyframes {\n    0% { transform: translateX(-100%); }\n  }\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/loaders/index.scss%23sass"],"names":[],"mappings":"AA2gBA,kBAAA,oBAAA,CAAA,eAAA,CAAA,qBAAA,CAAA,yBAAA,oBAAA,CAAA,aAAA,CAAA,sEAAA,CAAA,sCAAA,GAAA,2BAAA,CAAA","file":"loaders.css"}