@primer/css 0.0.0-1ea75fe → 0.0.0-202110100305

package/dist/avatars.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/avatars/avatar.scss","../src/src/support/variables/typography.scss","../src/src/avatars/avatar-parent-child.scss","../src/src/support/variables/color-system.scss","../src/src/avatars/avatar-stack.scss","../src/src/avatars/circle-badge.scss"],"names":[],"mappings":"AAAA,QACE,oBAAqB,CACrB,eAAgB,CAChB,aC2BoB,CD1BpB,qBAAsB,CACtB,iBAAkB,CACnB,cAEe,iBAAkB,CAAI,aAGpC,UAAW,CACX,aCkBoB,CDjBrB,mBAIC,oBAAqB,CACrB,iBAAkB,CACnB,qBEdC,iBAAkB,CACnB,cAGC,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,qBCyFU,CDxFV,iBAAkB,CAClB,4CCuFU,CDtFX,aEXC,iBAAkB,CAClB,cAAe,CACf,WAAY,CAHd,+BAMI,iBAAkB,CANtB,8BAUI,cAAe,CAVnB,qCAcI,cAAe,CAChB,kBAID,YAAa,CACb,eD8EU,CChFZ,0BAKI,iBAAkB,CAClB,SAAU,CACV,YAAa,CACb,UAAW,CACX,WAAY,CACZ,sBAAuB,CACvB,kBAAmB,CACnB,qBDoEQ,CCnER,2BDmEQ,CClER,iBAAkB,CAClB,kCAAmC,CAfvC,sCAkBM,SAAU,CAlBhB,qCAsBM,SAAU,CACV,cAAe,CAvBrB,8BA4BM,iBAAkB,CA5BxB,yCAkCM,YAAa,CACb,SAAU,CAnChB,gCAyCM,gBAAiB,CAzCvB,+CA6CM,YAAa,CACb,SAAU,CA9ChB,qCAkDM,uBAAwB,CACzB,oBAKH,SAAU,CACV,cAAe,CACf,kBD3EuB,CCwEzB,uDAOI,iBAAkB,CAClB,aAAc,CACd,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,sBDaQ,CCzBZ,4BAgBI,UAAW,CACX,kBDxFqB,CCuEzB,2BAqBI,UAAW,CACX,kBD5FqB,CC6FtB,sCAOC,OAAQ,CACR,0BAA2B,CAH/B,oDAMM,cAAe,CACf,eAAgB,CAPtB,wCAYI,kBD9GqB,CCkGzB,gDAeM,SAAU,CAfhB,+CAmBM,SAAU,CACV,kBDxHmB,CCoGzB,4BAyBI,cAAe,CACf,iBAAkB,CAClB,cAAe,CACf,0BD/BQ,CCgCT,aClID,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,qBF+FU,CE9FV,iBAAkB,CAClB,wCF4Fa,CE3Fd,kBAGC,wBAAyB,CACzB,sBAAuB,CACvB,yBAA0B,CAC3B,oBAIC,UAAW,CACX,WAAY,CACb,qBAIC,UAAW,CACX,WAAY,CACb,oBAIC,WAAY,CACZ,YAAa,CACd,kBAMC,iBAAkB,CADpB,0BAII,iBAAkB,CAClB,OAAQ,CACR,MAAO,CACP,UAAW,CACX,UAAW,CACX,gCF1CqB,CEiCzB,+BAaI,iBAAkB","file":"avatars.css","sourcesContent":[".avatar {\n  display: inline-block;\n  overflow: hidden; // Ensure page layout in Firefox should images fail to load\n  line-height: $lh-condensed-ultra;\n  vertical-align: middle;\n  border-radius: 3px;\n}\n\n.avatar-small { border-radius: 2px; }\n\n.avatar-link {\n  float: left;\n  line-height: $lh-condensed-ultra;\n}\n\n// User for example on /stars and /user for grids of avatars\n.avatar-group-item {\n  display: inline-block;\n  margin-bottom: 3px;\n}\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\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\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// .avatar-parent-child is when you see a small avatar at the bottom right\n// corner of a larger avatar.\n//\n// No Styleguide version\n.avatar-parent-child {\n  position: relative;\n}\n\n.avatar-child {\n  position: absolute;\n  right: -15%;\n  bottom: -9%;\n  background-color: $bg-white; // For transparent backgrounds\n  border-radius: 2px;\n  box-shadow: -2px -2px 0 rgba($white, 0.8);\n}\n","//\n//\n// -------- Grays --------\n$gray-000:        #fafbfc !default;\n$gray-100:        #f6f8fa !default;\n$gray-200:        #e1e4e8 !default;\n$gray-300:        #d1d5da !default;\n$gray-400:        #959da5 !default;\n$gray-500:        #6a737d !default;\n$gray-600:        #586069 !default;\n$gray-700:        #444d56 !default;\n$gray-800:        #2f363d !default;\n$gray-900:        #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000:        #f1f8ff !default;\n$blue-100:        #dbedff !default;\n$blue-200:        #c8e1ff !default;\n$blue-300:        #79b8ff !default;\n$blue-400:        #2188ff !default;\n$blue-500:        #0366d6 !default; // Default: Passes AA with #fff\n$blue-600:        #005cc5 !default;\n$blue-700:        #044289 !default;\n$blue-800:        #032f62 !default;\n$blue-900:        #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000:       #f0fff4 !default;\n$green-100:       #dcffe4 !default;\n$green-200:       #bef5cb !default;\n$green-300:       #85e89d !default;\n$green-400:       #34d058 !default;\n$green-500:       #28a745 !default; // Default. passes AA Large\n$green-600:       #22863a !default; // Text green, passes AA on #fff\n$green-700:       #176f2c !default;\n$green-800:       #165c26 !default;\n$green-900:       #144620 !default;\n\n// -------- Yellow --------\n$yellow-000:      #fffdef !default;\n$yellow-100:      #fffbdd !default;\n$yellow-200:      #fff5b1 !default;\n$yellow-300:      #ffea7f !default;\n$yellow-400:      #ffdf5d !default;\n$yellow-500:      #ffd33d !default;\n$yellow-600:      #f9c513 !default;\n$yellow-700:      #dbab09 !default;\n$yellow-800:      #b08800 !default;\n$yellow-900:      #735c0f !default;\n\n// -------- Orange --------\n$orange-000:      #fff8f2 !default;\n$orange-100:      #ffebda !default;\n$orange-200:      #ffd1ac !default;\n$orange-300:      #ffab70 !default;\n$orange-400:      #fb8532 !default;\n$orange-500:      #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600:      #e36209 !default;\n$orange-700:      #d15704 !default;\n$orange-800:      #c24e00 !default;\n$orange-900:      #a04100 !default;\n\n// -------- Red --------\n$red-000:         #ffeef0 !default;\n$red-100:         #ffdce0 !default;\n$red-200:         #fdaeb7 !default;\n$red-300:         #f97583 !default;\n$red-400:         #ea4a5a !default;\n$red-500:         #d73a49 !default; // Default. passes AA\n$red-600:         #cb2431 !default;\n$red-700:         #b31d28 !default;\n$red-800:         #9e1c23 !default;\n$red-900:         #86181d !default;\n\n// -------- Purple --------\n$purple-000:      #f5f0ff !default;\n$purple-100:      #e6dcfd !default;\n$purple-200:      #d1bcf9 !default;\n$purple-300:      #b392f0 !default;\n$purple-400:      #8a63d2 !default;\n$purple-500:      #6f42c1 !default; // passes AA with #fff\n$purple-600:      #5a32a3 !default;\n$purple-700:      #4c2889 !default;\n$purple-800:      #3a1d6e !default;\n$purple-900:      #29134e !default;\n\n// -------- Pink --------\n$pink-000:      #ffeef8 !default;\n$pink-100:      #fedbf0 !default;\n$pink-200:      #f9b3dd !default;\n$pink-300:      #f692ce !default;\n$pink-400:      #ec6cb9 !default;\n$pink-500:      #ea4aaa !default;\n$pink-600:      #d03592 !default;\n$pink-700:      #b93a86 !default;\n$pink-800:      #99306f !default;\n$pink-900:      #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15:      rgba($black, 0.15) !default;\n$black-fade-30:      rgba($black, 0.3) !default;\n$black-fade-50:      rgba($black, 0.5) !default;\n$black-fade-70:      rgba($black, 0.7) !default;\n$black-fade-85:      rgba($black, 0.85) !default;\n\n$white-fade-15:      rgba($white, 0.15) !default;\n$white-fade-30:      rgba($white, 0.3) !default;\n$white-fade-50:      rgba($white, 0.5) !default;\n$white-fade-70:      rgba($white, 0.7) !default;\n$white-fade-85:      rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red:         $red-500 !default;\n$purple:      $purple-500 !default;\n$blue:        $blue-500 !default;\n$green:       $green-500 !default;\n$yellow:      $yellow-500 !default;\n$orange:      $orange-500 !default;\n\n$gray-dark:   $gray-900 !default;\n$gray-light:  $gray-400 !default;\n$gray:        $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n  0: $gray-000,\n  1: $gray-100,\n  2: $gray-200,\n  3: $gray-300,\n  4: $gray-400,\n  5: $gray-500,\n  6: $gray-600,\n  7: $gray-700,\n  8: $gray-800,\n  9: $gray-900,\n) !default;\n\n$blues: (\n  0: $blue-000,\n  1: $blue-100,\n  2: $blue-200,\n  3: $blue-300,\n  4: $blue-400,\n  5: $blue-500,\n  6: $blue-600,\n  7: $blue-700,\n  8: $blue-800,\n  9: $blue-900,\n) !default;\n\n$greens: (\n  0: $green-000,\n  1: $green-100,\n  2: $green-200,\n  3: $green-300,\n  4: $green-400,\n  5: $green-500,\n  6: $green-600,\n  7: $green-700,\n  8: $green-800,\n  9: $green-900,\n) !default;\n\n$yellows: (\n  0: $yellow-000,\n  1: $yellow-100,\n  2: $yellow-200,\n  3: $yellow-300,\n  4: $yellow-400,\n  5: $yellow-500,\n  6: $yellow-600,\n  7: $yellow-700,\n  8: $yellow-800,\n  9: $yellow-900,\n) !default;\n\n$oranges: (\n  0: $orange-000,\n  1: $orange-100,\n  2: $orange-200,\n  3: $orange-300,\n  4: $orange-400,\n  5: $orange-500,\n  6: $orange-600,\n  7: $orange-700,\n  8: $orange-800,\n  9: $orange-900,\n) !default;\n\n$reds: (\n  0: $red-000,\n  1: $red-100,\n  2: $red-200,\n  3: $red-300,\n  4: $red-400,\n  5: $red-500,\n  6: $red-600,\n  7: $red-700,\n  8: $red-800,\n  9: $red-900,\n) !default;\n\n$purples: (\n  0: $purple-000,\n  1: $purple-100,\n  2: $purple-200,\n  3: $purple-300,\n  4: $purple-400,\n  5: $purple-500,\n  6: $purple-600,\n  7: $purple-700,\n  8: $purple-800,\n  9: $purple-900,\n) !default;\n\n$pinks: (\n  0: $pink-000,\n  1: $pink-100,\n  2: $pink-200,\n  3: $pink-300,\n  4: $pink-400,\n  5: $pink-500,\n  6: $pink-600,\n  7: $pink-700,\n  8: $pink-800,\n  9: $pink-900,\n) !default;\n\n$hue-maps: (\n  gray: $grays,\n  blue: $blues,\n  green: $greens,\n  yellow: $yellows,\n  orange: $oranges,\n  red: $reds,\n  purple: $purples,\n  pink: $pinks,\n) !default;\n","// Stacked avatars can be used to show who is participating in thread when\n// there is limited space available.\n\n.AvatarStack {\n  position: relative;\n  min-width: 26px;\n  height: 20px;\n\n  .AvatarStack-body {\n    position: absolute;\n  }\n\n  &.AvatarStack--two {\n    min-width: 36px;\n  }\n\n  &.AvatarStack--three-plus {\n    min-width: 46px;\n  }\n}\n\n.AvatarStack-body {\n  display: flex;\n  background: $bg-white;\n\n  .avatar {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    width: 20px;\n    height: 20px;\n    box-sizing: content-box;\n    margin-right: -11px;\n    background-color: $bg-white;\n    border-right: $border-width $border-style $white;\n    border-radius: 2px;\n    transition: margin 0.1s ease-in-out;\n\n    &:first-child {\n      z-index: 3;\n    }\n\n    &:last-child {\n      z-index: 1;\n      border-right: 0;\n    }\n\n    // stylelint-disable selector-max-type\n    img {\n      border-radius: 2px;\n    }\n    // stylelint-enable selector-max-type\n\n    // Account for 4+ avatars\n    &:nth-child(n+4) {\n      display: none;\n      opacity: 0;\n    }\n  }\n\n  &:hover {\n    .avatar {\n      margin-right: 3px;\n    }\n\n    .avatar:nth-child(n+4) {\n      display: flex;\n      opacity: 1;\n    }\n\n    .avatar-more {\n      display: none !important;\n    }\n  }\n}\n\n.avatar.avatar-more {\n  z-index: 1;\n  margin-right: 0;\n  background: $gray-100;\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: block;\n    height: 20px;\n    content: \"\";\n    border-radius: 2px;\n    outline: $border-width $border-style $white;\n  }\n\n  &::before {\n    width: 17px;\n    background: $gray-200;\n  }\n\n  &::after {\n    width: 14px;\n    background: $gray-300;\n  }\n}\n\n// Right aligned variation\n\n.AvatarStack--right {\n  .AvatarStack-body {\n    right: 0;\n    flex-direction: row-reverse;\n\n    &:hover .avatar {\n      margin-right: 0;\n      margin-left: 3px;\n    }\n  }\n\n  .avatar.avatar-more {\n    background: $gray-300;\n\n    &::before {\n      width: 5px;\n    }\n\n    &::after {\n      width: 2px;\n      background: $gray-100;\n    }\n  }\n\n  .avatar {\n    margin-right: 0;\n    margin-left: -11px;\n    border-right: 0;\n    border-left: $border-width $border-style $white;\n  }\n}\n","// Circle badge icon with drop shadow for icons and logos\n\n.CircleBadge {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: $white;\n  border-radius: 50%;\n  box-shadow: $box-shadow-medium;\n}\n\n.CircleBadge-icon {\n  max-width: 60% !important;\n  height: auto !important;\n  max-height: 55% !important;\n}\n\n// Small badge\n.CircleBadge--small {\n  width: 56px;\n  height: 56px;\n}\n\n// Medium badge\n.CircleBadge--medium {\n  width: 96px;\n  height: 96px;\n}\n\n// Large badge\n.CircleBadge--large {\n  width: 128px;\n  height: 128px;\n}\n\n// Dashed line that connects badges..\n// Wrap around 2 or more badges to create a horizonal line:\n\n.DashedConnection {\n  position: relative;\n\n  &::before {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    content: \"\";\n    border-bottom: 2px dashed $border-gray;\n  }\n\n  .CircleBadge {\n    position: relative;\n  }\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/avatars/index.scss%23sass"],"names":[],"mappings":"AA+fA,QAAA,oBACE,CAAA,eAAA,CAAA,aAAA,CAAA,qBAAA,CAAA,uCAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,+CAAA,CAAA,aAAA,UAAA,CAAA,aAAA,CAAA,mBAAA,oBAAA,CAAA,iBAAA,CAAA,kCAAA,iBAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,iBAAA,CAAA,cAAA,iBAAA,CAAA,UAAA,CAAA,UAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,2CAAA,CAAA,aAAA,iBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,+BAAA,iBAAA,CAAA,8BAAA,cAAA,CAAA,qCAAA,cAAA,CAAA,kBAAA,YAAA,CAAA,sCAAA,CAAA,0BAAA,iBAAA,CAAA,SAAA,CAAA,YAAA,CAAA,UAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,4CAAA,CAAA,kDAAA,CAAA,iBAAA,CAAA,iCAAA,CAAA,sCAAA,SAAA,CAAA,qCAAA,SAAA,CAAA,cAAA,CAAA,8BAAA,iBAAA,CAAA,yCAAA,YAAA,CAAA,SAAA,CAAA,gCAAA,gBAAA,CAAA,+CAAA,YAAA,CAAA,SAAA,CAAA,qCAAA,uBAAA,CAAA,oBAAA,SAAA,CAAA,cAAA,CAAA,qCAAA,CAAA,uDAAA,iBAAA,CAAA,aAAA,CAAA,WAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,6CAAA,CAAA,4BAAA,UAAA,CAAA,8CAAA,CAAA,2BAAA,UAAA,CAAA,yCAAA,CAAA,sCAAA,OAAA,CAAA,0BAAA,CAAA,oDAAA,cAAA,CAAA,eAAA,CAAA,wCAAA,yCAAA,CAAA,gDAAA,SAAA,CAAA,+CAAA,SAAA,CAAA,qCAAA,CAAA,4BAAA,cAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,iDAAA,CAAA,aAAA,YAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,kBAAA,wBAAA,CAAA,sBAAA,CAAA,yBAAA,CAAA,oBAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,UAAA,CAAA,WAAA,CAAA,oBAAA,WAAA,CAAA,YAAA,CAAA,kBAAA,iBAAA,CAAA,0BAAA,iBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,UAAA,CAAA,UAAA,CAAA,oDAAA,CAAA,+BAAA,iBAAA","file":"avatars.css"}

package/dist/avatars.js

@@ -1 +1 @@
-module.exports = {cssstats: require('./stats/avatars.json')}
+export {cssstats: require('./stats/avatars.json')}

package/dist/base.css

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

package/dist/base.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/base/normalize.scss","../src/src/base/base.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/color-system.scss","../src/src/support/mixins/layout.scss","../src/src/base/typography-base.scss","../src/src/support/mixins/typography.scss"],"names":[],"mappings":"AACA,2EAAA,CAA4E,KAQ1E,sBAAuB,CACvB,yBAA0B,CAC1B,6BAA8B,CAC/B,KAOC,QAAS,CACV,4EAsBC,aAAc,CACf,QAGC,iBAAkB,CACnB,4BAUC,oBAAqB,CACtB,sBAOC,YAAa,CACb,QAAS,CACV,SAOC,uBAAwB,CACzB,kBASC,uBAAwB,CACzB,EAUC,4BAA6B,CAC9B,iBASC,eAAgB,CACjB,YAWC,kBAAmB,CACnB,yBAA0B,CAC1B,wCAAiB,CAAjB,gCAAiC,CAClC,SAQC,mBAAoB,CACrB,SAQC,kBAAmB,CACpB,IAOC,iBAAkB,CACnB,GAQC,aAAc,CACd,eAAgB,CACjB,KAOC,qBAAsB,CACtB,UAAW,CACZ,MAOC,aAAc,CACf,QASC,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBAAwB,CACzB,IAGC,cAAe,CAChB,IAGC,UAAW,CACZ,IAUC,iBAAkB,CACnB,eAOC,eAAgB,CACjB,kBAcC,gCAAiC,CACjC,aAAc,CACf,OAOC,eAAgB,CACjB,GAQC,sBAAuB,CACvB,QAAS,CACT,gBAAiB,CAClB,6BAcC,YAAa,CACb,QAAS,CACV,SAOC,gBAAiB,CAClB,aASC,gBAAiB,CAClB,cASC,mBAAoB,CACrB,2DAYC,yBAA0B,CAC3B,8HAUC,iBAAkB,CAClB,SAAU,CACX,kHAUC,6BAA8B,CAC/B,SAOC,wBAAyB,CACzB,YAAa,CACb,6BAA8B,CAC/B,OAUC,qBAAsB,CACtB,aAAc,CACd,aAAc,CACd,cAAe,CACf,SAAU,CACV,kBAAmB,CACpB,SAOC,aAAc,CACf,iCASC,qBAAsB,CACtB,SAAU,CACX,sFAQC,WAAY,CACb,gBAQC,4BAA6B,CAC7B,mBAAoB,CACrB,yFAQC,uBAAwB,CACzB,4BAOC,aAAc,CACd,YAAa,CACd,6BAQC,yBAA0B,CAC1B,YAAa,CACd,EClaC,qBAAsB,CACvB,6BAMC,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACrB,KAGC,yICoB+I,CDnB/I,cCyBmB,CDxBnB,eCec,CDdd,aENuB,CFOvB,qBEkFU,CFjFX,EAGC,aEHuB,CFIvB,oBAAqB,CAFvB,QAKI,yBAA0B,CAC3B,SAKD,eCToB,CDUrB,SAOC,QAAS,CACT,aAAc,CACd,eAAgB,CAChB,sBAAuB,CACvB,QAAS,CACT,+BAA+C,CGC/C,yBACE,aAAc,CACd,UAAW,CACZ,uBAGC,aAAc,CACd,UAAW,CACX,UAAW,CACZ,MHDD,gBAAiB,CACjB,wBAAyB,CAC1B,MAIC,SAAU,CACX,OAGC,cAAe,CAEf,eAAgB,CACjB,iBAKC,uBAAwB,CACzB,gBAGW,cAAe,CAD3B,mCAKuB,uBAAwB,CAAI,kBIxEjD,YAAa,CACb,eAAgB,CACjB,GCCC,cJEY,CIDZ,eJWoB,CGXF,GCIlB,cJFY,CIGZ,eJMoB,CGVF,GCQlB,cJNY,CIOZ,eJCoB,CGTF,GCYlB,cJVY,CIWZ,eJJoB,CGRF,GCgBlB,cJdY,CIeZ,eJToB,CGPF,GCoBlB,cJlBY,CImBZ,eJdoB,CGNF,EAMlB,YAAa,CACb,kBAAmB,CACpB,MAGC,aAAc,CACf,WAGC,QAAS,CACV,MAOC,cAAe,CACf,YAAa,CACb,eAAgB,CACjB,YAIC,2BAA4B,CAC7B,oCAMC,2BAA4B,CAC7B,GAGC,aAAc,CACf,QAOC,+EH7BkF,CG8BlF,cH/CoB,CGgDrB,IAGC,YAAa,CACb,eAAgB,CAChB,+EHpCkF,CGqClF,cHtDoB,CGuDrB,SAQC,0BAA2B","file":"base.css","sourcesContent":["// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n  font-family: sans-serif; /* 1 */\n  -ms-text-size-adjust: 100%; /* 2 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n  margin: 0;\n}\n\n/* HTML5 display definitions\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n  display: block;\n}\n\nsummary {\n  display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n  display: none !important;\n}\n\n/* Links\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n  outline-width: 0;\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n  font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n  border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n  font: inherit; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n  font-weight: bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n *    controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n  color: inherit;\n  opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n","// stylelint-disable selector-max-type\n* {\n  box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nbody {\n  font-family: $body-font;\n  font-size: $body-font-size;\n  line-height: $body-line-height;\n  color: $text-gray-dark;\n  background-color: $bg-white;\n}\n\na {\n  color: $text-blue;\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `<hr>`s\nhr,\n.rule {\n  height: 0;\n  margin: 15px 0;\n  overflow: hidden;\n  background: transparent;\n  border: 0;\n  border-bottom: 1px solid lighten($gray-300, 5%);\n  @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\ntd,\nth {\n  padding: 0;\n}\n\nbutton {\n  cursor: pointer;\n  // Remove border radius added by Chrome macOS\n  border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n  display: none !important;\n}\n\ndetails {\n  summary { cursor: pointer; }\n\n  &:not([open]) {\n    // Set details content hidden by default for browsers that don't do this\n    > *:not(summary) { display: none !important; }\n  }\n}\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\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\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","//\n//\n// -------- Grays --------\n$gray-000:        #fafbfc !default;\n$gray-100:        #f6f8fa !default;\n$gray-200:        #e1e4e8 !default;\n$gray-300:        #d1d5da !default;\n$gray-400:        #959da5 !default;\n$gray-500:        #6a737d !default;\n$gray-600:        #586069 !default;\n$gray-700:        #444d56 !default;\n$gray-800:        #2f363d !default;\n$gray-900:        #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000:        #f1f8ff !default;\n$blue-100:        #dbedff !default;\n$blue-200:        #c8e1ff !default;\n$blue-300:        #79b8ff !default;\n$blue-400:        #2188ff !default;\n$blue-500:        #0366d6 !default; // Default: Passes AA with #fff\n$blue-600:        #005cc5 !default;\n$blue-700:        #044289 !default;\n$blue-800:        #032f62 !default;\n$blue-900:        #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000:       #f0fff4 !default;\n$green-100:       #dcffe4 !default;\n$green-200:       #bef5cb !default;\n$green-300:       #85e89d !default;\n$green-400:       #34d058 !default;\n$green-500:       #28a745 !default; // Default. passes AA Large\n$green-600:       #22863a !default; // Text green, passes AA on #fff\n$green-700:       #176f2c !default;\n$green-800:       #165c26 !default;\n$green-900:       #144620 !default;\n\n// -------- Yellow --------\n$yellow-000:      #fffdef !default;\n$yellow-100:      #fffbdd !default;\n$yellow-200:      #fff5b1 !default;\n$yellow-300:      #ffea7f !default;\n$yellow-400:      #ffdf5d !default;\n$yellow-500:      #ffd33d !default;\n$yellow-600:      #f9c513 !default;\n$yellow-700:      #dbab09 !default;\n$yellow-800:      #b08800 !default;\n$yellow-900:      #735c0f !default;\n\n// -------- Orange --------\n$orange-000:      #fff8f2 !default;\n$orange-100:      #ffebda !default;\n$orange-200:      #ffd1ac !default;\n$orange-300:      #ffab70 !default;\n$orange-400:      #fb8532 !default;\n$orange-500:      #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600:      #e36209 !default;\n$orange-700:      #d15704 !default;\n$orange-800:      #c24e00 !default;\n$orange-900:      #a04100 !default;\n\n// -------- Red --------\n$red-000:         #ffeef0 !default;\n$red-100:         #ffdce0 !default;\n$red-200:         #fdaeb7 !default;\n$red-300:         #f97583 !default;\n$red-400:         #ea4a5a !default;\n$red-500:         #d73a49 !default; // Default. passes AA\n$red-600:         #cb2431 !default;\n$red-700:         #b31d28 !default;\n$red-800:         #9e1c23 !default;\n$red-900:         #86181d !default;\n\n// -------- Purple --------\n$purple-000:      #f5f0ff !default;\n$purple-100:      #e6dcfd !default;\n$purple-200:      #d1bcf9 !default;\n$purple-300:      #b392f0 !default;\n$purple-400:      #8a63d2 !default;\n$purple-500:      #6f42c1 !default; // passes AA with #fff\n$purple-600:      #5a32a3 !default;\n$purple-700:      #4c2889 !default;\n$purple-800:      #3a1d6e !default;\n$purple-900:      #29134e !default;\n\n// -------- Pink --------\n$pink-000:      #ffeef8 !default;\n$pink-100:      #fedbf0 !default;\n$pink-200:      #f9b3dd !default;\n$pink-300:      #f692ce !default;\n$pink-400:      #ec6cb9 !default;\n$pink-500:      #ea4aaa !default;\n$pink-600:      #d03592 !default;\n$pink-700:      #b93a86 !default;\n$pink-800:      #99306f !default;\n$pink-900:      #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15:      rgba($black, 0.15) !default;\n$black-fade-30:      rgba($black, 0.3) !default;\n$black-fade-50:      rgba($black, 0.5) !default;\n$black-fade-70:      rgba($black, 0.7) !default;\n$black-fade-85:      rgba($black, 0.85) !default;\n\n$white-fade-15:      rgba($white, 0.15) !default;\n$white-fade-30:      rgba($white, 0.3) !default;\n$white-fade-50:      rgba($white, 0.5) !default;\n$white-fade-70:      rgba($white, 0.7) !default;\n$white-fade-85:      rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red:         $red-500 !default;\n$purple:      $purple-500 !default;\n$blue:        $blue-500 !default;\n$green:       $green-500 !default;\n$yellow:      $yellow-500 !default;\n$orange:      $orange-500 !default;\n\n$gray-dark:   $gray-900 !default;\n$gray-light:  $gray-400 !default;\n$gray:        $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n  0: $gray-000,\n  1: $gray-100,\n  2: $gray-200,\n  3: $gray-300,\n  4: $gray-400,\n  5: $gray-500,\n  6: $gray-600,\n  7: $gray-700,\n  8: $gray-800,\n  9: $gray-900,\n) !default;\n\n$blues: (\n  0: $blue-000,\n  1: $blue-100,\n  2: $blue-200,\n  3: $blue-300,\n  4: $blue-400,\n  5: $blue-500,\n  6: $blue-600,\n  7: $blue-700,\n  8: $blue-800,\n  9: $blue-900,\n) !default;\n\n$greens: (\n  0: $green-000,\n  1: $green-100,\n  2: $green-200,\n  3: $green-300,\n  4: $green-400,\n  5: $green-500,\n  6: $green-600,\n  7: $green-700,\n  8: $green-800,\n  9: $green-900,\n) !default;\n\n$yellows: (\n  0: $yellow-000,\n  1: $yellow-100,\n  2: $yellow-200,\n  3: $yellow-300,\n  4: $yellow-400,\n  5: $yellow-500,\n  6: $yellow-600,\n  7: $yellow-700,\n  8: $yellow-800,\n  9: $yellow-900,\n) !default;\n\n$oranges: (\n  0: $orange-000,\n  1: $orange-100,\n  2: $orange-200,\n  3: $orange-300,\n  4: $orange-400,\n  5: $orange-500,\n  6: $orange-600,\n  7: $orange-700,\n  8: $orange-800,\n  9: $orange-900,\n) !default;\n\n$reds: (\n  0: $red-000,\n  1: $red-100,\n  2: $red-200,\n  3: $red-300,\n  4: $red-400,\n  5: $red-500,\n  6: $red-600,\n  7: $red-700,\n  8: $red-800,\n  9: $red-900,\n) !default;\n\n$purples: (\n  0: $purple-000,\n  1: $purple-100,\n  2: $purple-200,\n  3: $purple-300,\n  4: $purple-400,\n  5: $purple-500,\n  6: $purple-600,\n  7: $purple-700,\n  8: $purple-800,\n  9: $purple-900,\n) !default;\n\n$pinks: (\n  0: $pink-000,\n  1: $pink-100,\n  2: $pink-200,\n  3: $pink-300,\n  4: $pink-400,\n  5: $pink-500,\n  6: $pink-600,\n  7: $pink-700,\n  8: $pink-800,\n  9: $pink-900,\n) !default;\n\n$hue-maps: (\n  gray: $grays,\n  blue: $blues,\n  green: $greens,\n  yellow: $yellows,\n  orange: $oranges,\n  red: $reds,\n  purple: $purples,\n  pink: $pinks,\n) !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n  @if $breakpoint == \"\" {\n    @content;\n  }\n\n  @else {\n    // Retrieves the value from the key\n    $value: map-get($breakpoints, $breakpoint);\n\n    // If the key exists in the map\n    @if $value != null {\n      // Prints a media query based on the value\n      @media (min-width: $value) {\n        @content;\n      }\n    }\n\n    // If the key doesn't exist in the map\n    @else {\n      @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n        + \"Please make sure it is defined in `$breakpoints` map.\";\n    }\n  }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n  @media\n    only screen and (-webkit-min-device-pixel-ratio: 2),\n    only screen and (min--moz-device-pixel-ratio: 2),\n    only screen and (-moz-min-device-pixel-ratio: 2),\n    only screen and (-o-min-device-pixel-ratio: 2/1),\n    only screen and (min-device-pixel-ratio: 2),\n    only screen and (min-resolution: 192dpi),\n    only screen and (min-resolution: 2dppx) {\n    @content;\n  }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n  &::before {\n    display: table;\n    content: \"\";\n  }\n\n  &::after {\n    display: table;\n    clear: both;\n    content: \"\";\n  }\n}\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n  margin-top: 0;\n  margin-bottom: 10px;\n}\n\nsmall {\n  font-size: 90%;\n}\n\nblockquote {\n  margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nol ol,\nul ol {\n  list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n  list-style-type: lower-alpha;\n}\n\ndd {\n  margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n  font-family: $mono-font;\n  font-size: $font-size-small;\n}\n\npre {\n  margin-top: 0;\n  margin-bottom: 0;\n  font-family: $mono-font;\n  font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n  vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n  overflow: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n  font-size: $h1-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n  font-size: $h2-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n  font-size: $h3-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n  font-size: $h4-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n  font-size: $h5-size;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n  font-size: $h6-size;\n  font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4—h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n  font-size: $h1-size-mobile;\n\n  // 32px on desktop\n  @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n  font-size: $h2-size-mobile;\n\n  // 24px on desktop\n  @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n  font-size: $h3-size-mobile;\n\n  // 20px on desktop\n  @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n  @include f1-responsive;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n  @include f2-responsive;\n  font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n  @include f3-responsive;\n  font-weight: $font-weight-bold;\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/base/index.scss%23sass"],"names":[],"mappings":"AA+fA,2EAAA,CAAA,KAAA,sBAAA,CAAA,yBAAA,CAAA,6BAAA,CAAA,KAAA,QAAA,CAAA,4EAAA,aAAA,CAAA,QAAA,iBAAA,CAAA,4BAAA,oBAAA,CAAA,sBAAA,YAAA,CAAA,QAAA,CAAA,SAAA,uBAAA,CAAA,kBAAA,uBAAA,CAAA,EAAA,4BAAA,CAAA,iBAAA,eAAA,CAAA,YAAA,kBAAA,CAAA,yBAAA,CAAA,gCAAA,CAAA,SAAA,mBAAA,CAAA,SAAA,kBAAA,CAAA,IAAA,iBAAA,CAAA,GAAA,aAAA,CAAA,cAAA,CAAA,KAAA,qBAAA,CAAA,+BAAA,CAAA,MAAA,aAAA,CAAA,QAAA,aAAA,CAAA,aAAA,CAAA,iBAAA,CAAA,uBAAA,CAAA,IAAA,cAAA,CAAA,IAAA,UAAA,CAAA,IAAA,iBAAA,CAAA,eAAA,eAAA,CAAA,kBAAA,+BAAA,CAAA,aAAA,CAAA,OAAA,eAAA,CAAA,GAAA,sBAAA,CAAA,QAAA,CAAA,gBAAA,CAAA,6BAAA,YAAA,CAAA,QAAA,CAAA,SAAA,eAAA,CAAA,aAAA,gBAAA,CAAA,cAAA,mBAAA,CAAA,qDAAA,yBAAA,CAAA,wHAAA,iBAAA,CAAA,SAAA,CAAA,4GAAA,6BAAA,CAAA,SAAA,uBAAA,CAAA,YAAA,CAAA,0BAAA,CAAA,OAAA,qBAAA,CAAA,aAAA,CAAA,aAAA,CAAA,cAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,SAAA,aAAA,CAAA,6BAAA,qBAAA,CAAA,SAAA,CAAA,kFAAA,WAAA,CAAA,cAAA,4BAAA,CAAA,mBAAA,CAAA,qFAAA,uBAAA,CAAA,4BAAA,aAAA,CAAA,WAAA,CAAA,6BAAA,yBAAA,CAAA,YAAA,CAAA,EAAA,qBAAA,CAAA,6BAAA,mBAAA,CAAA,iBAAA,CAAA,mBAAA,CAAA,KAAA,uHAAA,CAAA,cAAA,CAAA,eAAA,CAAA,6BAAA,CAAA,4CAAA,CAAA,EAAA,4BAAA,CAAA,oBAAA,CAAA,QAAA,yBAAA,CAAA,SAAA,eAAA,CAAA,SAAA,QAAA,CAAA,aAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,QAAA,CAAA,iDAAA,CAAA,yBAAA,aAAA,CAAA,UAAA,CAAA,uBAAA,aAAA,CAAA,UAAA,CAAA,UAAA,CAAA,MAAA,gBAAA,CAAA,wBAAA,CAAA,MAAA,SAAA,CAAA,OAAA,cAAA,CAAA,eAAA,CAAA,iBAAA,uBAAA,CAAA,gBAAA,cAAA,CAAA,mCAAA,uBAAA,CAAA,IAAA,oBAAA,CAAA,eAAA,CAAA,sFAAA,CAAA,gBAAA,CAAA,6BAAA,CAAA,qBAAA,CAAA,2CAAA,CAAA,2CAAA,CAAA,8CAAA,CAAA,iBAAA,CAAA,oDAAA,CAAA,kBAAA,YAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,GAAA,cAAA,CAAA,eAAA,CAAA,EAAA,YAAA,CAAA,kBAAA,CAAA,MAAA,aAAA,CAAA,WAAA,QAAA,CAAA,MAAA,cAAA,CAAA,YAAA,CAAA,eAAA,CAAA,YAAA,2BAAA,CAAA,oCAAA,2BAAA,CAAA,GAAA,aAAA,CAAA,QAAA,wFAAA,CAAA,cAAA,CAAA,IAAA,YAAA,CAAA,eAAA,CAAA,wFAAA,CAAA,cAAA,CAAA,SAAA,0BAAA,CAAA,SAAA,oBAAA,CAAA,2BAAA,CAAA,0BAAA,CAAA,iBAAA","file":"base.css"}

package/dist/base.js

@@ -1 +1 @@
-module.exports = {cssstats: require('./stats/base.json')}
+export {cssstats: require('./stats/base.json')}

package/dist/blankslate.css

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

package/dist/blankslate.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/blankslate/blankslate.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/color-system.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/colors.scss"],"names":[],"mappings":"AACA,YACE,iBAAkB,CAClB,YCiBoB,CDhBpB,iBAAkB,CAClB,wBEFuB,CFGvB,wBEDuB,CFEvB,iBAAkB,CAClB,6CE4Fa,CFnGf,iBAUI,mBAAoB,CACpB,cGMU,CHLV,eEwFQ,CFvFR,wBIuBuC,CJtBvC,iBAAkB,CACnB,iBAID,gBCJ2B,CDK3B,iBCTU,CDUV,eCN2B,CDO3B,aAA6B,CAC9B,mBAGC,yBAA0B,CAC3B,qBAGC,iBCVoB,CDWrB,mBAGC,eAAgB,CAChB,aAAc,CACf,qBAKG,aAAmB,CACnB,cG3BU,CHwBd,oBAOI,cG9BU,CH+BX,6BAKD,eAAgB,CAChB,QAAS,CACT,eAAgB","file":"blankslate.css","sourcesContent":["// stylelint-disable selector-max-type\n.blankslate {\n  position: relative;\n  padding: $spacer-5;\n  text-align: center;\n  background-color: $gray-000;\n  border: 1px solid $gray-200;\n  border-radius: 3px;\n  box-shadow: inset 0 0 10px rgba($black, 0.05);\n\n  code {\n    padding: 2px 5px 3px;\n    font-size: $h5-size;\n    background: $bg-white;\n    border: 1px solid $border-gray-light;\n    border-radius: 3px;\n  }\n}\n\n.blankslate-icon {\n  margin-right: $spacer-1;\n  margin-bottom: $spacer-2;\n  margin-left: $spacer-1;\n  color: lighten($gray-400, 5%);\n}\n\n.blankslate-capped {\n  border-radius: 0 0 3px 3px;\n}\n\n.blankslate-spacious {\n  padding: ($spacer-6 * 2) $spacer-6;\n}\n\n.blankslate-narrow {\n  max-width: 485px;\n  margin: 0 auto;\n}\n\n// was .large-format\n.blankslate-large {\n  h3 {\n    margin: $spacer-3 0;\n    font-size: $h3-size;\n  }\n\n  p {\n    font-size: $h4-size;\n  }\n}\n\n// was .clean-background\n.blankslate-clean-background {\n  background: none;\n  border: 0;\n  box-shadow: none;\n}\n","// Layout variables\n// stylelint-disable declaration-bang-space-before\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: round($spacer / 2) !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// 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// 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) !default;\n","//\n//\n// -------- Grays --------\n$gray-000:        #fafbfc !default;\n$gray-100:        #f6f8fa !default;\n$gray-200:        #e1e4e8 !default;\n$gray-300:        #d1d5da !default;\n$gray-400:        #959da5 !default;\n$gray-500:        #6a737d !default;\n$gray-600:        #586069 !default;\n$gray-700:        #444d56 !default;\n$gray-800:        #2f363d !default;\n$gray-900:        #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000:        #f1f8ff !default;\n$blue-100:        #dbedff !default;\n$blue-200:        #c8e1ff !default;\n$blue-300:        #79b8ff !default;\n$blue-400:        #2188ff !default;\n$blue-500:        #0366d6 !default; // Default: Passes AA with #fff\n$blue-600:        #005cc5 !default;\n$blue-700:        #044289 !default;\n$blue-800:        #032f62 !default;\n$blue-900:        #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000:       #f0fff4 !default;\n$green-100:       #dcffe4 !default;\n$green-200:       #bef5cb !default;\n$green-300:       #85e89d !default;\n$green-400:       #34d058 !default;\n$green-500:       #28a745 !default; // Default. passes AA Large\n$green-600:       #22863a !default; // Text green, passes AA on #fff\n$green-700:       #176f2c !default;\n$green-800:       #165c26 !default;\n$green-900:       #144620 !default;\n\n// -------- Yellow --------\n$yellow-000:      #fffdef !default;\n$yellow-100:      #fffbdd !default;\n$yellow-200:      #fff5b1 !default;\n$yellow-300:      #ffea7f !default;\n$yellow-400:      #ffdf5d !default;\n$yellow-500:      #ffd33d !default;\n$yellow-600:      #f9c513 !default;\n$yellow-700:      #dbab09 !default;\n$yellow-800:      #b08800 !default;\n$yellow-900:      #735c0f !default;\n\n// -------- Orange --------\n$orange-000:      #fff8f2 !default;\n$orange-100:      #ffebda !default;\n$orange-200:      #ffd1ac !default;\n$orange-300:      #ffab70 !default;\n$orange-400:      #fb8532 !default;\n$orange-500:      #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600:      #e36209 !default;\n$orange-700:      #d15704 !default;\n$orange-800:      #c24e00 !default;\n$orange-900:      #a04100 !default;\n\n// -------- Red --------\n$red-000:         #ffeef0 !default;\n$red-100:         #ffdce0 !default;\n$red-200:         #fdaeb7 !default;\n$red-300:         #f97583 !default;\n$red-400:         #ea4a5a !default;\n$red-500:         #d73a49 !default; // Default. passes AA\n$red-600:         #cb2431 !default;\n$red-700:         #b31d28 !default;\n$red-800:         #9e1c23 !default;\n$red-900:         #86181d !default;\n\n// -------- Purple --------\n$purple-000:      #f5f0ff !default;\n$purple-100:      #e6dcfd !default;\n$purple-200:      #d1bcf9 !default;\n$purple-300:      #b392f0 !default;\n$purple-400:      #8a63d2 !default;\n$purple-500:      #6f42c1 !default; // passes AA with #fff\n$purple-600:      #5a32a3 !default;\n$purple-700:      #4c2889 !default;\n$purple-800:      #3a1d6e !default;\n$purple-900:      #29134e !default;\n\n// -------- Pink --------\n$pink-000:      #ffeef8 !default;\n$pink-100:      #fedbf0 !default;\n$pink-200:      #f9b3dd !default;\n$pink-300:      #f692ce !default;\n$pink-400:      #ec6cb9 !default;\n$pink-500:      #ea4aaa !default;\n$pink-600:      #d03592 !default;\n$pink-700:      #b93a86 !default;\n$pink-800:      #99306f !default;\n$pink-900:      #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15:      rgba($black, 0.15) !default;\n$black-fade-30:      rgba($black, 0.3) !default;\n$black-fade-50:      rgba($black, 0.5) !default;\n$black-fade-70:      rgba($black, 0.7) !default;\n$black-fade-85:      rgba($black, 0.85) !default;\n\n$white-fade-15:      rgba($white, 0.15) !default;\n$white-fade-30:      rgba($white, 0.3) !default;\n$white-fade-50:      rgba($white, 0.5) !default;\n$white-fade-70:      rgba($white, 0.7) !default;\n$white-fade-85:      rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red:         $red-500 !default;\n$purple:      $purple-500 !default;\n$blue:        $blue-500 !default;\n$green:       $green-500 !default;\n$yellow:      $yellow-500 !default;\n$orange:      $orange-500 !default;\n\n$gray-dark:   $gray-900 !default;\n$gray-light:  $gray-400 !default;\n$gray:        $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n  0: $gray-000,\n  1: $gray-100,\n  2: $gray-200,\n  3: $gray-300,\n  4: $gray-400,\n  5: $gray-500,\n  6: $gray-600,\n  7: $gray-700,\n  8: $gray-800,\n  9: $gray-900,\n) !default;\n\n$blues: (\n  0: $blue-000,\n  1: $blue-100,\n  2: $blue-200,\n  3: $blue-300,\n  4: $blue-400,\n  5: $blue-500,\n  6: $blue-600,\n  7: $blue-700,\n  8: $blue-800,\n  9: $blue-900,\n) !default;\n\n$greens: (\n  0: $green-000,\n  1: $green-100,\n  2: $green-200,\n  3: $green-300,\n  4: $green-400,\n  5: $green-500,\n  6: $green-600,\n  7: $green-700,\n  8: $green-800,\n  9: $green-900,\n) !default;\n\n$yellows: (\n  0: $yellow-000,\n  1: $yellow-100,\n  2: $yellow-200,\n  3: $yellow-300,\n  4: $yellow-400,\n  5: $yellow-500,\n  6: $yellow-600,\n  7: $yellow-700,\n  8: $yellow-800,\n  9: $yellow-900,\n) !default;\n\n$oranges: (\n  0: $orange-000,\n  1: $orange-100,\n  2: $orange-200,\n  3: $orange-300,\n  4: $orange-400,\n  5: $orange-500,\n  6: $orange-600,\n  7: $orange-700,\n  8: $orange-800,\n  9: $orange-900,\n) !default;\n\n$reds: (\n  0: $red-000,\n  1: $red-100,\n  2: $red-200,\n  3: $red-300,\n  4: $red-400,\n  5: $red-500,\n  6: $red-600,\n  7: $red-700,\n  8: $red-800,\n  9: $red-900,\n) !default;\n\n$purples: (\n  0: $purple-000,\n  1: $purple-100,\n  2: $purple-200,\n  3: $purple-300,\n  4: $purple-400,\n  5: $purple-500,\n  6: $purple-600,\n  7: $purple-700,\n  8: $purple-800,\n  9: $purple-900,\n) !default;\n\n$pinks: (\n  0: $pink-000,\n  1: $pink-100,\n  2: $pink-200,\n  3: $pink-300,\n  4: $pink-400,\n  5: $pink-500,\n  6: $pink-600,\n  7: $pink-700,\n  8: $pink-800,\n  9: $pink-900,\n) !default;\n\n$hue-maps: (\n  gray: $grays,\n  blue: $blues,\n  green: $greens,\n  yellow: $yellows,\n  orange: $oranges,\n  red: $reds,\n  purple: $purples,\n  pink: $pinks,\n) !default;\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\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\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","@import \"color-system.scss\";\n// Color variables\n// stylelint-disable declaration-bang-space-before\n\n// State indicators.\n$status-pending:    desaturate($yellow-700, 15%) !default;\n\n// Repository type colors\n// Should be able to deprecate these in future\n$repo-private-text: $black-fade-70 !default;\n$repo-private-bg:   $yellow-000 !default;\n$repo-private-icon: transparentize($yellow-900, 0.5) !default;\n\n// Highlight used for things like search\n$highlight-yellow: rgba(255, 247, 140, 0.5);\n\n// Border colors\n$border-black-fade:  $black-fade-15 !default;\n$border-white-fade:  $white-fade-15 !default;\n\n$border-blue:        $blue-500 !default;\n$border-blue-light:  $blue-200 !default;\n\n$border-green:       $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n\n$border-purple:      $purple !default;\n\n$border-red:         $red !default;\n$border-red-light:   desaturate($red-300, 60%) !default;\n\n$border-purple:      $purple !default;\n\n$border-yellow:      desaturate($yellow-300, 60%) !default;\n\n$border-gray-dark:   $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light:  lighten($gray-200, 3%) !default;\n$border-gray:        $gray-200 !default;\n\n// Background colors\n$bg-blue-light:     $blue-000 !default;\n$bg-blue:           $blue-500 !default;\n$bg-gray-dark:      $gray-900 !default;\n$bg-gray-light:     $gray-000 !default;\n$bg-gray:           $gray-100 !default;\n$bg-green:          $green-500 !default;\n$bg-green-light:    $green-100 !default;\n$bg-orange:         $orange-700 !default;\n$bg-purple:         $purple-500 !default;\n$bg-purple-light:   $purple-000 !default;\n$bg-pink:           $pink-500 !default;\n$bg-red:            $red-500 !default;\n$bg-red-light:      $red-100 !default;\n$bg-white:          $white !default;\n$bg-yellow:         $yellow-500 !default;\n$bg-yellow-light:   $yellow-200 !default;\n\n// Text colors\n$text-blue:         $blue-500 !default;\n$text-gray-dark:    $gray-900 !default;\n$text-gray-light:   $gray-500 !default;\n$text-gray:         $gray-600 !default;\n$text-green:        $green-500 !default;\n$text-orange:       $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple:       $purple !default;\n$text-pink:         $pink-500 !default;\n$text-red:          $red-600 !default;\n$text-white:        $white !default;\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/blankslate/index.scss%23sass"],"names":[],"mappings":"AA+fA,YAAA,iBAAA,CAAA,YAAA,CAAA,iBAAA,CAAA,cAAA,2BAAA,CAAA,iBAAA,mBAAA,CAAA,cAAA,CAAA,sCAAA,CAAA,0CAAA,CAAA,iBAAA,CAAA,gBAAA,UAAA,CAAA,WAAA,CAAA,iBAAA,gBAAA,CAAA,iBAAA,CAAA,eAAA,CAAA,2BAAA,CAAA,mBAAA,yBAAA,CAAA,qBAAA,iBAAA,CAAA,mBAAA,eAAA,CAAA,aAAA,CAAA,sBAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,aAAA,CAAA,cAAA,CAAA,oBAAA,cAAA,CAAA,6BAAA,QAAA","file":"blankslate.css"}

package/dist/blankslate.js

@@ -1 +1 @@
-module.exports = {cssstats: require('./stats/blankslate.json')}
+export {cssstats: require('./stats/blankslate.json')}

package/dist/box.css

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

package/dist/box.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/box/box.scss","../src/src/support/variables/color-system.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/layout.scss","../src/src/support/mixins/layout.scss"],"names":[],"mappings":"AAGA,KACE,qBCiGU,CDhGV,wBCCuB,CDAvB,iBEEiB,CFDlB,gBAIC,gBGoBiB,CHrBnB,4BAII,gBIIkB,CJRtB,0BAQI,gBIAkB,CJRtB,4BAYI,gBIJkB,CJRtB,6CAiBM,gBITgB,CJUhB,iBIVgB,CJWhB,gBGEa,CHrBnB,yBAwBI,gBIhBkB,CJiBnB,2BAMC,YItBkB,CJuBlB,gBGXe,CHQnB,0BAOI,cG9BU,CHuBd,yBAWI,YI/BkB,CJoBtB,2BAeI,YInCkB,CJoBtB,4CAoBM,YIxCgB,CJyChB,kBIzCgB,CJoBtB,wBA0BI,YI9CkB,CJ+CnB,YAKD,YIrDoB,CJsDpB,kBAA2C,CAC3C,wBCrEuB,CDsEvB,oBCpEuB,CDqEvB,kBErEkB,CFsElB,gBExEgB,CFyEhB,0BErEiB,CFsEjB,2BEtEiB,CFuElB,WAGC,cGzCmB,CH0CnB,eG3DoB,CH4DrB,UAGC,YIrEoB,CJsEpB,+BCnFuB,CDiFzB,uBAMI,kBExFc,CFyFd,8BAA+B,CAC/B,6BAA8B,CAC/B,SAKD,YIlFoB,CJmFpB,eAAgB,CAChB,oBAAqB,CACrB,4BClGuB,CD8FzB,uBAOI,4BAA6B,CAC7B,0BAA2B,CAC3B,2BAA4B,CAThC,sBAaI,8BAA+B,CAC/B,6BAA8B,CAdlC,yCAsBI,gCAA+B,CAtBnC,gDA4BM,aC3GmB,CD4GnB,WAAY,CACZ,WAAY,CA9BlB,4DAmCM,eAAgB,CAnCtB,0CAwCM,wBCxImB,CDgGzB,yCA6CM,wBC5ImB,CD+FzB,6DAiDQ,SAAU,CACX,sCAQH,wBCzJqB,CD0JtB,sCAKC,wBCpJqB,CDqJtB,2BAKC,wBCrKqB,CDsKtB,2BAKC,wBChKqB,CIDnB,0BLwKN,cAGI,aC7KqB,CD8KrB,oBAAqB,CAJzB,oBAOM,aCzKmB,CD0KnB,oBAAqB,CACtB,CAOL,sBACE,SAAU,CACX,YAGC,YIzLoB,CJ0LpB,eAAgB,CAChB,4BCxMuB,CDyMxB,iBAIC,gBAAiB,CACjB,eAAgB,CACjB,WAKC,oBCxMuB,CDuMzB,uBAII,wBC7MqB,CD8MrB,oBC5MqB,CDuMzB,qBASI,oBChNqB,CDuMzB,oBAaI,oBCpNqB,CDuMzB,uBAiBI,oBCxNqB,CDyNtB,aAMD,oBC5KuB,CD2KzB,oCAKM,oBChLmB,CD2KzB,oCAWM,oBCtLmB,CDuLpB,kBAKH,wBCjPuB,CDkPvB,oBChPuB,CDiPxB,iBAKC,wBC/NuB,CDgOxB,eAGC,wBC5PuB,CD6PxB,eAGC,wBC3QuB,CD4QxB,6BAOG,iBIrQkB,CJsQlB,kBItQkB,CJuQlB,eGzPY","file":"box.css","sourcesContent":["// Box\n// Intended to replace simple-box, boxed-group, and table-list\n\n.Box {\n  background-color: $white;\n  border: $border-width $border-style $border-gray-dark;\n  border-radius: $border-radius;\n}\n\n// Box padding density options\n.Box--condensed {\n  line-height: $lh-condensed;\n\n  .Box-header {\n    padding: $spacer-2 $spacer-3;\n  }\n\n  .Box-body {\n    padding: $spacer-2 $spacer-3;\n  }\n\n  .Box-footer {\n    padding: $spacer-2 $spacer-3;\n  }\n\n  .Box-btn-octicon {\n    &.btn-octicon {\n      padding: $spacer-2 $spacer-3;\n      margin: (-$spacer-2) (-$spacer-3);\n      line-height: $lh-condensed;\n    }\n  }\n\n  .Box-row {\n    padding: $spacer-2 $spacer-3;\n  }\n\n}\n\n.Box--spacious {\n  .Box-header {\n    padding: $spacer-4;\n    line-height: $lh-condensed;\n  }\n\n  .Box-title {\n    font-size: $h3-size;\n  }\n\n  .Box-body {\n    padding: $spacer-4;\n  }\n\n  .Box-footer {\n    padding: $spacer-4;\n  }\n\n  .Box-btn-octicon {\n    &.btn-octicon {\n      padding: $spacer-4;\n      margin: (-$spacer-4) (-$spacer-4);\n    }\n  }\n\n  .Box-row {\n    padding: $spacer-4;\n  }\n\n}\n\n.Box-header {\n  padding: $spacer-3;\n  margin: (-$border-width) (-$border-width) 0;\n  background-color: $bg-gray;\n  border-color: $border-gray-dark;\n  border-style: $border-style;\n  border-width: $border-width;\n  border-top-left-radius: $border-radius;\n  border-top-right-radius: $border-radius;\n}\n\n.Box-title {\n  font-size: $body-font-size;\n  font-weight: $font-weight-bold;\n}\n\n.Box-body {\n  padding: $spacer-3;\n  border-bottom: $border-width $border-style $border-gray;\n\n  // Ensures bottom-border doesn't poke out when .Box-body used without box-footer\n  &:last-of-type {\n    margin-bottom: -$border-width;\n    border-bottom-right-radius: 2px;\n    border-bottom-left-radius: 2px;\n  }\n}\n\n// Box rows\n.Box-row {\n  padding: $spacer-3;\n  margin-top: -1px;\n  list-style-type: none; // To account for applying Box component to a list\n  border-top: $border-width $border-style $border-gray;\n\n  &:first-of-type {\n    border-top-color: transparent;\n    border-top-left-radius: 2px;\n    border-top-right-radius: 2px;\n  }\n\n  &:last-of-type {\n    border-bottom-right-radius: 2px;\n    border-bottom-left-radius: 2px;\n  }\n\n  // Adds a blue vertical line to the left of the row\n  // For indicating a row item is unread\n  &.Box-row--unread,\n  // .unread to be deprecated with .Box-row-unread\n  &.unread {\n    box-shadow: 2px 0 0 $blue inset;\n  }\n\n  &.navigation-focus {\n    // Focus styles for when drag icon\n    .Box-row--drag-button {\n      color: $text-blue;\n      cursor: grab;\n      opacity: 100;\n    }\n\n    // Grabbing while row is dragged\n    &.is-dragging .Box-row--drag-button {\n      cursor: grabbing;\n    }\n\n    // Row dragging styles\n    &.sortable-chosen {\n      background-color: $bg-gray-light;\n    }\n\n    // Makes dragging row background gray\n    &.sortable-ghost {\n      background-color: $bg-gray;\n\n      // Hides contents of row while dragging so row looks solid gray\n      .Box-row--drag-hide {\n        opacity: 0;\n      }\n    }\n\n  }\n}\n\n.Box-row--focus-gray {\n  &.navigation-focus {\n    background-color: $bg-gray;\n  }\n}\n\n.Box-row--focus-blue {\n  &.navigation-focus {\n    background-color: $bg-blue-light;\n  }\n}\n\n.Box-row--hover-gray {\n  &:hover {\n    background-color: $bg-gray;\n  }\n}\n\n.Box-row--hover-blue {\n  &:hover {\n    background-color: $bg-blue-light;\n  }\n}\n\n// Optional link style\n// Makes links on mobile blue since they don't have hover state,\n// and links are dark-gray with blue hover on desktop.\n.Box-row-link {\n  @include breakpoint(md) {\n\n    color: $text-gray-dark;\n    text-decoration: none;\n\n    &:hover {\n      color: $text-blue;\n      text-decoration: none;\n    }\n\n  }\n}\n\n// Optional drag icon styles for reordering items\n// Focus styles included in .Box-row above\n.Box-row--drag-button {\n  opacity: 0;\n}\n\n.Box-footer {\n  padding: $spacer-3;\n  margin-top: -1px; // prevents double border when used with .Box-body\n  border-top: $border-width $border-style $border-gray;\n}\n\n// Option for a box with scrolling content\n.Box--scrollable {\n  max-height: 324px;\n  overflow: scroll;\n}\n\n// Box themes\n\n.Box--blue {\n  border-color: $border-blue-light;\n\n  .Box-header {\n    background-color: $bg-blue-light;\n    border-color: $border-blue-light;\n  }\n\n  .Box-body {\n    border-color: $border-blue-light;\n  }\n\n  .Box-row {\n    border-color: $border-blue-light;\n  }\n\n  .Box-footer {\n    border-color: $border-blue-light;\n  }\n}\n\n// Applies and red border to the outside of the box,\n// but not to the border separating rows.\n.Box--danger {\n  border-color: $border-red;\n\n  .Box-row {\n    &:first-of-type {\n      border-color: $border-red;\n    }\n  }\n\n  .Box-body {\n    &:last-of-type {\n      border-color: $border-red;\n    }\n  }\n}\n\n.Box-header--blue {\n  background-color: $bg-blue-light;\n  border-color: $border-blue-light;\n}\n\n// Box row highlight themes\n\n.Box-row--yellow {\n  background-color: $yellow-100;\n}\n\n.Box-row--blue {\n  background-color: $bg-blue-light;\n}\n\n.Box-row--gray {\n  background-color: $bg-gray;\n}\n\n//Box with btn-octicon\n.Box-btn-octicon {\n\n  // Increase specificity when btn-octicon is used because comes after .Box in the cascade\n  &.btn-octicon {\n    padding: $spacer-3 $spacer-3;\n    margin: (-$spacer-3) (-$spacer-3);\n    line-height: $lh-default; // override btn-octicon line-height\n  }\n}\n","//\n//\n// -------- Grays --------\n$gray-000:        #fafbfc !default;\n$gray-100:        #f6f8fa !default;\n$gray-200:        #e1e4e8 !default;\n$gray-300:        #d1d5da !default;\n$gray-400:        #959da5 !default;\n$gray-500:        #6a737d !default;\n$gray-600:        #586069 !default;\n$gray-700:        #444d56 !default;\n$gray-800:        #2f363d !default;\n$gray-900:        #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000:        #f1f8ff !default;\n$blue-100:        #dbedff !default;\n$blue-200:        #c8e1ff !default;\n$blue-300:        #79b8ff !default;\n$blue-400:        #2188ff !default;\n$blue-500:        #0366d6 !default; // Default: Passes AA with #fff\n$blue-600:        #005cc5 !default;\n$blue-700:        #044289 !default;\n$blue-800:        #032f62 !default;\n$blue-900:        #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000:       #f0fff4 !default;\n$green-100:       #dcffe4 !default;\n$green-200:       #bef5cb !default;\n$green-300:       #85e89d !default;\n$green-400:       #34d058 !default;\n$green-500:       #28a745 !default; // Default. passes AA Large\n$green-600:       #22863a !default; // Text green, passes AA on #fff\n$green-700:       #176f2c !default;\n$green-800:       #165c26 !default;\n$green-900:       #144620 !default;\n\n// -------- Yellow --------\n$yellow-000:      #fffdef !default;\n$yellow-100:      #fffbdd !default;\n$yellow-200:      #fff5b1 !default;\n$yellow-300:      #ffea7f !default;\n$yellow-400:      #ffdf5d !default;\n$yellow-500:      #ffd33d !default;\n$yellow-600:      #f9c513 !default;\n$yellow-700:      #dbab09 !default;\n$yellow-800:      #b08800 !default;\n$yellow-900:      #735c0f !default;\n\n// -------- Orange --------\n$orange-000:      #fff8f2 !default;\n$orange-100:      #ffebda !default;\n$orange-200:      #ffd1ac !default;\n$orange-300:      #ffab70 !default;\n$orange-400:      #fb8532 !default;\n$orange-500:      #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600:      #e36209 !default;\n$orange-700:      #d15704 !default;\n$orange-800:      #c24e00 !default;\n$orange-900:      #a04100 !default;\n\n// -------- Red --------\n$red-000:         #ffeef0 !default;\n$red-100:         #ffdce0 !default;\n$red-200:         #fdaeb7 !default;\n$red-300:         #f97583 !default;\n$red-400:         #ea4a5a !default;\n$red-500:         #d73a49 !default; // Default. passes AA\n$red-600:         #cb2431 !default;\n$red-700:         #b31d28 !default;\n$red-800:         #9e1c23 !default;\n$red-900:         #86181d !default;\n\n// -------- Purple --------\n$purple-000:      #f5f0ff !default;\n$purple-100:      #e6dcfd !default;\n$purple-200:      #d1bcf9 !default;\n$purple-300:      #b392f0 !default;\n$purple-400:      #8a63d2 !default;\n$purple-500:      #6f42c1 !default; // passes AA with #fff\n$purple-600:      #5a32a3 !default;\n$purple-700:      #4c2889 !default;\n$purple-800:      #3a1d6e !default;\n$purple-900:      #29134e !default;\n\n// -------- Pink --------\n$pink-000:      #ffeef8 !default;\n$pink-100:      #fedbf0 !default;\n$pink-200:      #f9b3dd !default;\n$pink-300:      #f692ce !default;\n$pink-400:      #ec6cb9 !default;\n$pink-500:      #ea4aaa !default;\n$pink-600:      #d03592 !default;\n$pink-700:      #b93a86 !default;\n$pink-800:      #99306f !default;\n$pink-900:      #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15:      rgba($black, 0.15) !default;\n$black-fade-30:      rgba($black, 0.3) !default;\n$black-fade-50:      rgba($black, 0.5) !default;\n$black-fade-70:      rgba($black, 0.7) !default;\n$black-fade-85:      rgba($black, 0.85) !default;\n\n$white-fade-15:      rgba($white, 0.15) !default;\n$white-fade-30:      rgba($white, 0.3) !default;\n$white-fade-50:      rgba($white, 0.5) !default;\n$white-fade-70:      rgba($white, 0.7) !default;\n$white-fade-85:      rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red:         $red-500 !default;\n$purple:      $purple-500 !default;\n$blue:        $blue-500 !default;\n$green:       $green-500 !default;\n$yellow:      $yellow-500 !default;\n$orange:      $orange-500 !default;\n\n$gray-dark:   $gray-900 !default;\n$gray-light:  $gray-400 !default;\n$gray:        $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n  0: $gray-000,\n  1: $gray-100,\n  2: $gray-200,\n  3: $gray-300,\n  4: $gray-400,\n  5: $gray-500,\n  6: $gray-600,\n  7: $gray-700,\n  8: $gray-800,\n  9: $gray-900,\n) !default;\n\n$blues: (\n  0: $blue-000,\n  1: $blue-100,\n  2: $blue-200,\n  3: $blue-300,\n  4: $blue-400,\n  5: $blue-500,\n  6: $blue-600,\n  7: $blue-700,\n  8: $blue-800,\n  9: $blue-900,\n) !default;\n\n$greens: (\n  0: $green-000,\n  1: $green-100,\n  2: $green-200,\n  3: $green-300,\n  4: $green-400,\n  5: $green-500,\n  6: $green-600,\n  7: $green-700,\n  8: $green-800,\n  9: $green-900,\n) !default;\n\n$yellows: (\n  0: $yellow-000,\n  1: $yellow-100,\n  2: $yellow-200,\n  3: $yellow-300,\n  4: $yellow-400,\n  5: $yellow-500,\n  6: $yellow-600,\n  7: $yellow-700,\n  8: $yellow-800,\n  9: $yellow-900,\n) !default;\n\n$oranges: (\n  0: $orange-000,\n  1: $orange-100,\n  2: $orange-200,\n  3: $orange-300,\n  4: $orange-400,\n  5: $orange-500,\n  6: $orange-600,\n  7: $orange-700,\n  8: $orange-800,\n  9: $orange-900,\n) !default;\n\n$reds: (\n  0: $red-000,\n  1: $red-100,\n  2: $red-200,\n  3: $red-300,\n  4: $red-400,\n  5: $red-500,\n  6: $red-600,\n  7: $red-700,\n  8: $red-800,\n  9: $red-900,\n) !default;\n\n$purples: (\n  0: $purple-000,\n  1: $purple-100,\n  2: $purple-200,\n  3: $purple-300,\n  4: $purple-400,\n  5: $purple-500,\n  6: $purple-600,\n  7: $purple-700,\n  8: $purple-800,\n  9: $purple-900,\n) !default;\n\n$pinks: (\n  0: $pink-000,\n  1: $pink-100,\n  2: $pink-200,\n  3: $pink-300,\n  4: $pink-400,\n  5: $pink-500,\n  6: $pink-600,\n  7: $pink-700,\n  8: $pink-800,\n  9: $pink-900,\n) !default;\n\n$hue-maps: (\n  gray: $grays,\n  blue: $blues,\n  green: $greens,\n  yellow: $yellows,\n  orange: $oranges,\n  red: $reds,\n  purple: $purples,\n  pink: $pinks,\n) !default;\n","// Miscellaneous variables\n// stylelint-disable declaration-bang-space-before\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Custom explore grid border\n$exploregrid-item-border-radius: 4px;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n\n// Should be moved into custom github css\n$stats-switcher-py: 10px;\n// Future proof this `height` value by finding the computed line-height, then\n// adding the total value of the vertical padding. This var is used to toggle\n// between the stats bar and language breakdown.\n$stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2);\n\n$min_tab_size: 1;\n$max_tab_size: 12;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075);\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3);\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15;\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\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\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Layout variables\n// stylelint-disable declaration-bang-space-before\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: round($spacer / 2) !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// 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// 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) !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n  @if $breakpoint == \"\" {\n    @content;\n  }\n\n  @else {\n    // Retrieves the value from the key\n    $value: map-get($breakpoints, $breakpoint);\n\n    // If the key exists in the map\n    @if $value != null {\n      // Prints a media query based on the value\n      @media (min-width: $value) {\n        @content;\n      }\n    }\n\n    // If the key doesn't exist in the map\n    @else {\n      @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n        + \"Please make sure it is defined in `$breakpoints` map.\";\n    }\n  }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n  @media\n    only screen and (-webkit-min-device-pixel-ratio: 2),\n    only screen and (min--moz-device-pixel-ratio: 2),\n    only screen and (-moz-min-device-pixel-ratio: 2),\n    only screen and (-o-min-device-pixel-ratio: 2/1),\n    only screen and (min-device-pixel-ratio: 2),\n    only screen and (min-resolution: 192dpi),\n    only screen and (min-resolution: 2dppx) {\n    @content;\n  }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n  &::before {\n    display: table;\n    content: \"\";\n  }\n\n  &::after {\n    display: table;\n    clear: both;\n    content: \"\";\n  }\n}\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/box/index.scss%23sass"],"names":[],"mappings":"AAggBA,KAAA,4CACE,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,0BAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,6CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,gBAAA,CAAA,2BAAA,YAAA,CAAA,gBAAA,CAAA,0BAAA,cAAA,CAAA,yBAAA,YAAA,CAAA,2BAAA,YAAA,CAAA,4CAAA,YAAA,CAAA,kBAAA,CAAA,wBAAA,YAAA,CAAA,YAAA,YAAA,CAAA,kBAAA,CAAA,2CAAA,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,WAAA,cAAA,CAAA,eAAA,CAAA,UAAA,YAAA,CAAA,mDAAA,CAAA,uBAAA,kBAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,SAAA,YAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,0CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,uBAAA,0BAAA,CAAA,2BAAA,CAAA,sBAAA,8BAAA,CAAA,6BAAA,CAAA,yCAAA,qDAAA,CAAA,gDAAA,4BAAA,CAAA,WAAA,CAAA,WAAA,CAAA,4DAAA,eAAA,CAAA,0CAAA,2CAAA,CAAA,yCAAA,2CAAA,CAAA,6DAAA,SAAA,CAAA,sCAAA,2CAAA,CAAA,sCAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,yBAAA,cAAA,6BAAA,CAAA,oBAAA,CAAA,oBAAA,4BAAA,CAAA,oBAAA,CAAA,CAAA,sBAAA,SAAA,CAAA,YAAA,YAAA,CAAA,eAAA,CAAA,4CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,yBAAA,CAAA,iBAAA,gBAAA,CAAA,eAAA,CAAA,WAAA,sCAAA,CAAA,uBAAA,2CAAA,CAAA,sCAAA,CAAA,qBAAA,sCAAA,CAAA,oBAAA,sCAAA,CAAA,uBAAA,sCAAA,CAAA,aAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,kBAAA,2CAAA,CAAA,sCAAA,CAAA,iBAAA,8CAAA,CAAA,eAAA,2CAAA,CAAA,eAAA,2CAAA,CAAA,6BAAA,iBAAA,CAAA,kBAAA,CAAA,eAAA","file":"box.css"}

package/dist/box.js

@@ -1 +1 @@
-module.exports = {cssstats: require('./stats/box.json')}
+export {cssstats: require('./stats/box.json')}

package/dist/branch-name.css

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

package/dist/branch-name.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/branch-name/branch-name.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/color-system.scss"],"names":[],"mappings":"AAEA,aACE,oBAAqB,CACrB,eAAgB,CAChB,6ECiCkF,CDhClF,wBE8Fa,CF7Fb,wBAAwC,CACxC,iBAAkB,CANpB,sBASI,mBAAoB,CACpB,aAAiC,CAClC,cAKa,aEES","file":"branch-name.css","sourcesContent":["// A nice way to display branch names inside the UI. Can be a link or not.\n// stylelint-disable selector-max-type\n.branch-name {\n  display: inline-block;\n  padding: 2px 6px;\n  font: 12px $mono-font;\n  color: rgba($black, 0.6);\n  background-color: lighten($blue-100, 3%);\n  border-radius: 3px;\n\n  .octicon {\n    margin: 1px -2px 0 0;\n    color: desaturate($blue-300, 70%);\n  }\n}\n\n// When a branch name is a link\n// stylelint-disable selector-no-qualifying-type\na.branch-name { color: $text-blue; }\n// stylelint-enable selector-no-qualifying-type\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\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\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","//\n//\n// -------- Grays --------\n$gray-000:        #fafbfc !default;\n$gray-100:        #f6f8fa !default;\n$gray-200:        #e1e4e8 !default;\n$gray-300:        #d1d5da !default;\n$gray-400:        #959da5 !default;\n$gray-500:        #6a737d !default;\n$gray-600:        #586069 !default;\n$gray-700:        #444d56 !default;\n$gray-800:        #2f363d !default;\n$gray-900:        #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000:        #f1f8ff !default;\n$blue-100:        #dbedff !default;\n$blue-200:        #c8e1ff !default;\n$blue-300:        #79b8ff !default;\n$blue-400:        #2188ff !default;\n$blue-500:        #0366d6 !default; // Default: Passes AA with #fff\n$blue-600:        #005cc5 !default;\n$blue-700:        #044289 !default;\n$blue-800:        #032f62 !default;\n$blue-900:        #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000:       #f0fff4 !default;\n$green-100:       #dcffe4 !default;\n$green-200:       #bef5cb !default;\n$green-300:       #85e89d !default;\n$green-400:       #34d058 !default;\n$green-500:       #28a745 !default; // Default. passes AA Large\n$green-600:       #22863a !default; // Text green, passes AA on #fff\n$green-700:       #176f2c !default;\n$green-800:       #165c26 !default;\n$green-900:       #144620 !default;\n\n// -------- Yellow --------\n$yellow-000:      #fffdef !default;\n$yellow-100:      #fffbdd !default;\n$yellow-200:      #fff5b1 !default;\n$yellow-300:      #ffea7f !default;\n$yellow-400:      #ffdf5d !default;\n$yellow-500:      #ffd33d !default;\n$yellow-600:      #f9c513 !default;\n$yellow-700:      #dbab09 !default;\n$yellow-800:      #b08800 !default;\n$yellow-900:      #735c0f !default;\n\n// -------- Orange --------\n$orange-000:      #fff8f2 !default;\n$orange-100:      #ffebda !default;\n$orange-200:      #ffd1ac !default;\n$orange-300:      #ffab70 !default;\n$orange-400:      #fb8532 !default;\n$orange-500:      #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600:      #e36209 !default;\n$orange-700:      #d15704 !default;\n$orange-800:      #c24e00 !default;\n$orange-900:      #a04100 !default;\n\n// -------- Red --------\n$red-000:         #ffeef0 !default;\n$red-100:         #ffdce0 !default;\n$red-200:         #fdaeb7 !default;\n$red-300:         #f97583 !default;\n$red-400:         #ea4a5a !default;\n$red-500:         #d73a49 !default; // Default. passes AA\n$red-600:         #cb2431 !default;\n$red-700:         #b31d28 !default;\n$red-800:         #9e1c23 !default;\n$red-900:         #86181d !default;\n\n// -------- Purple --------\n$purple-000:      #f5f0ff !default;\n$purple-100:      #e6dcfd !default;\n$purple-200:      #d1bcf9 !default;\n$purple-300:      #b392f0 !default;\n$purple-400:      #8a63d2 !default;\n$purple-500:      #6f42c1 !default; // passes AA with #fff\n$purple-600:      #5a32a3 !default;\n$purple-700:      #4c2889 !default;\n$purple-800:      #3a1d6e !default;\n$purple-900:      #29134e !default;\n\n// -------- Pink --------\n$pink-000:      #ffeef8 !default;\n$pink-100:      #fedbf0 !default;\n$pink-200:      #f9b3dd !default;\n$pink-300:      #f692ce !default;\n$pink-400:      #ec6cb9 !default;\n$pink-500:      #ea4aaa !default;\n$pink-600:      #d03592 !default;\n$pink-700:      #b93a86 !default;\n$pink-800:      #99306f !default;\n$pink-900:      #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15:      rgba($black, 0.15) !default;\n$black-fade-30:      rgba($black, 0.3) !default;\n$black-fade-50:      rgba($black, 0.5) !default;\n$black-fade-70:      rgba($black, 0.7) !default;\n$black-fade-85:      rgba($black, 0.85) !default;\n\n$white-fade-15:      rgba($white, 0.15) !default;\n$white-fade-30:      rgba($white, 0.3) !default;\n$white-fade-50:      rgba($white, 0.5) !default;\n$white-fade-70:      rgba($white, 0.7) !default;\n$white-fade-85:      rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red:         $red-500 !default;\n$purple:      $purple-500 !default;\n$blue:        $blue-500 !default;\n$green:       $green-500 !default;\n$yellow:      $yellow-500 !default;\n$orange:      $orange-500 !default;\n\n$gray-dark:   $gray-900 !default;\n$gray-light:  $gray-400 !default;\n$gray:        $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n  0: $gray-000,\n  1: $gray-100,\n  2: $gray-200,\n  3: $gray-300,\n  4: $gray-400,\n  5: $gray-500,\n  6: $gray-600,\n  7: $gray-700,\n  8: $gray-800,\n  9: $gray-900,\n) !default;\n\n$blues: (\n  0: $blue-000,\n  1: $blue-100,\n  2: $blue-200,\n  3: $blue-300,\n  4: $blue-400,\n  5: $blue-500,\n  6: $blue-600,\n  7: $blue-700,\n  8: $blue-800,\n  9: $blue-900,\n) !default;\n\n$greens: (\n  0: $green-000,\n  1: $green-100,\n  2: $green-200,\n  3: $green-300,\n  4: $green-400,\n  5: $green-500,\n  6: $green-600,\n  7: $green-700,\n  8: $green-800,\n  9: $green-900,\n) !default;\n\n$yellows: (\n  0: $yellow-000,\n  1: $yellow-100,\n  2: $yellow-200,\n  3: $yellow-300,\n  4: $yellow-400,\n  5: $yellow-500,\n  6: $yellow-600,\n  7: $yellow-700,\n  8: $yellow-800,\n  9: $yellow-900,\n) !default;\n\n$oranges: (\n  0: $orange-000,\n  1: $orange-100,\n  2: $orange-200,\n  3: $orange-300,\n  4: $orange-400,\n  5: $orange-500,\n  6: $orange-600,\n  7: $orange-700,\n  8: $orange-800,\n  9: $orange-900,\n) !default;\n\n$reds: (\n  0: $red-000,\n  1: $red-100,\n  2: $red-200,\n  3: $red-300,\n  4: $red-400,\n  5: $red-500,\n  6: $red-600,\n  7: $red-700,\n  8: $red-800,\n  9: $red-900,\n) !default;\n\n$purples: (\n  0: $purple-000,\n  1: $purple-100,\n  2: $purple-200,\n  3: $purple-300,\n  4: $purple-400,\n  5: $purple-500,\n  6: $purple-600,\n  7: $purple-700,\n  8: $purple-800,\n  9: $purple-900,\n) !default;\n\n$pinks: (\n  0: $pink-000,\n  1: $pink-100,\n  2: $pink-200,\n  3: $pink-300,\n  4: $pink-400,\n  5: $pink-500,\n  6: $pink-600,\n  7: $pink-700,\n  8: $pink-800,\n  9: $pink-900,\n) !default;\n\n$hue-maps: (\n  gray: $grays,\n  blue: $blues,\n  green: $greens,\n  yellow: $yellows,\n  orange: $oranges,\n  red: $reds,\n  purple: $purples,\n  pink: $pinks,\n) !default;\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/branch-name/index.scss%23sass"],"names":[],"mappings":"AAigBA,aAAA,oBACE,CAAA,eAAA,CAAA,sFAAA,CAAA,2BAAA,CAAA,2CAAA,CAAA,iBAAA,CAAA,sBAAA,mBAAA,CAAA,2BAAA,CAAA,cAAA,4BAAA,CAAA,2CAAA,CAAA,uBAAA,4BAAA","file":"branch-name.css"}

package/dist/branch-name.js

@@ -1 +1 @@
-module.exports = {cssstats: require('./stats/branch-name.json')}
+export {cssstats: require('./stats/branch-name.json')}

package/dist/breadcrumb.css

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

package/dist/breadcrumb.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/breadcrumb/breadcrumb.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/color-system.scss"],"names":[],"mappings":"AAAA,iBACE,oBAAqB,CACrB,mBAAoB,CACpB,kBAAmB,CACnB,eAAgB,CAJlB,wBAOI,kBC4Ce,CD3Cf,iBC2Ce,CD1Cf,aEJqB,CFKrB,WAAY,CAVhB,6BAcI,aAAc,CACf,iCAKC,YAAa","file":"breadcrumb.css","sourcesContent":[".breadcrumb-item {\n  display: inline-block;\n  margin-left: -0.35em;\n  white-space: nowrap;\n  list-style: none;\n\n  &::after {\n    padding-right: $em-spacer-5;\n    padding-left: $em-spacer-5;\n    color: $border-gray;\n    content: \"/\";\n  }\n\n  &:first-child {\n    margin-left: 0;\n  }\n}\n\n.breadcrumb-item-selected {\n  &::after {\n    content: none;\n  }\n}\n","// Layout variables\n// stylelint-disable declaration-bang-space-before\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: round($spacer / 2) !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// 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// 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) !default;\n","//\n//\n// -------- Grays --------\n$gray-000:        #fafbfc !default;\n$gray-100:        #f6f8fa !default;\n$gray-200:        #e1e4e8 !default;\n$gray-300:        #d1d5da !default;\n$gray-400:        #959da5 !default;\n$gray-500:        #6a737d !default;\n$gray-600:        #586069 !default;\n$gray-700:        #444d56 !default;\n$gray-800:        #2f363d !default;\n$gray-900:        #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000:        #f1f8ff !default;\n$blue-100:        #dbedff !default;\n$blue-200:        #c8e1ff !default;\n$blue-300:        #79b8ff !default;\n$blue-400:        #2188ff !default;\n$blue-500:        #0366d6 !default; // Default: Passes AA with #fff\n$blue-600:        #005cc5 !default;\n$blue-700:        #044289 !default;\n$blue-800:        #032f62 !default;\n$blue-900:        #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000:       #f0fff4 !default;\n$green-100:       #dcffe4 !default;\n$green-200:       #bef5cb !default;\n$green-300:       #85e89d !default;\n$green-400:       #34d058 !default;\n$green-500:       #28a745 !default; // Default. passes AA Large\n$green-600:       #22863a !default; // Text green, passes AA on #fff\n$green-700:       #176f2c !default;\n$green-800:       #165c26 !default;\n$green-900:       #144620 !default;\n\n// -------- Yellow --------\n$yellow-000:      #fffdef !default;\n$yellow-100:      #fffbdd !default;\n$yellow-200:      #fff5b1 !default;\n$yellow-300:      #ffea7f !default;\n$yellow-400:      #ffdf5d !default;\n$yellow-500:      #ffd33d !default;\n$yellow-600:      #f9c513 !default;\n$yellow-700:      #dbab09 !default;\n$yellow-800:      #b08800 !default;\n$yellow-900:      #735c0f !default;\n\n// -------- Orange --------\n$orange-000:      #fff8f2 !default;\n$orange-100:      #ffebda !default;\n$orange-200:      #ffd1ac !default;\n$orange-300:      #ffab70 !default;\n$orange-400:      #fb8532 !default;\n$orange-500:      #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600:      #e36209 !default;\n$orange-700:      #d15704 !default;\n$orange-800:      #c24e00 !default;\n$orange-900:      #a04100 !default;\n\n// -------- Red --------\n$red-000:         #ffeef0 !default;\n$red-100:         #ffdce0 !default;\n$red-200:         #fdaeb7 !default;\n$red-300:         #f97583 !default;\n$red-400:         #ea4a5a !default;\n$red-500:         #d73a49 !default; // Default. passes AA\n$red-600:         #cb2431 !default;\n$red-700:         #b31d28 !default;\n$red-800:         #9e1c23 !default;\n$red-900:         #86181d !default;\n\n// -------- Purple --------\n$purple-000:      #f5f0ff !default;\n$purple-100:      #e6dcfd !default;\n$purple-200:      #d1bcf9 !default;\n$purple-300:      #b392f0 !default;\n$purple-400:      #8a63d2 !default;\n$purple-500:      #6f42c1 !default; // passes AA with #fff\n$purple-600:      #5a32a3 !default;\n$purple-700:      #4c2889 !default;\n$purple-800:      #3a1d6e !default;\n$purple-900:      #29134e !default;\n\n// -------- Pink --------\n$pink-000:      #ffeef8 !default;\n$pink-100:      #fedbf0 !default;\n$pink-200:      #f9b3dd !default;\n$pink-300:      #f692ce !default;\n$pink-400:      #ec6cb9 !default;\n$pink-500:      #ea4aaa !default;\n$pink-600:      #d03592 !default;\n$pink-700:      #b93a86 !default;\n$pink-800:      #99306f !default;\n$pink-900:      #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15:      rgba($black, 0.15) !default;\n$black-fade-30:      rgba($black, 0.3) !default;\n$black-fade-50:      rgba($black, 0.5) !default;\n$black-fade-70:      rgba($black, 0.7) !default;\n$black-fade-85:      rgba($black, 0.85) !default;\n\n$white-fade-15:      rgba($white, 0.15) !default;\n$white-fade-30:      rgba($white, 0.3) !default;\n$white-fade-50:      rgba($white, 0.5) !default;\n$white-fade-70:      rgba($white, 0.7) !default;\n$white-fade-85:      rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red:         $red-500 !default;\n$purple:      $purple-500 !default;\n$blue:        $blue-500 !default;\n$green:       $green-500 !default;\n$yellow:      $yellow-500 !default;\n$orange:      $orange-500 !default;\n\n$gray-dark:   $gray-900 !default;\n$gray-light:  $gray-400 !default;\n$gray:        $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n  0: $gray-000,\n  1: $gray-100,\n  2: $gray-200,\n  3: $gray-300,\n  4: $gray-400,\n  5: $gray-500,\n  6: $gray-600,\n  7: $gray-700,\n  8: $gray-800,\n  9: $gray-900,\n) !default;\n\n$blues: (\n  0: $blue-000,\n  1: $blue-100,\n  2: $blue-200,\n  3: $blue-300,\n  4: $blue-400,\n  5: $blue-500,\n  6: $blue-600,\n  7: $blue-700,\n  8: $blue-800,\n  9: $blue-900,\n) !default;\n\n$greens: (\n  0: $green-000,\n  1: $green-100,\n  2: $green-200,\n  3: $green-300,\n  4: $green-400,\n  5: $green-500,\n  6: $green-600,\n  7: $green-700,\n  8: $green-800,\n  9: $green-900,\n) !default;\n\n$yellows: (\n  0: $yellow-000,\n  1: $yellow-100,\n  2: $yellow-200,\n  3: $yellow-300,\n  4: $yellow-400,\n  5: $yellow-500,\n  6: $yellow-600,\n  7: $yellow-700,\n  8: $yellow-800,\n  9: $yellow-900,\n) !default;\n\n$oranges: (\n  0: $orange-000,\n  1: $orange-100,\n  2: $orange-200,\n  3: $orange-300,\n  4: $orange-400,\n  5: $orange-500,\n  6: $orange-600,\n  7: $orange-700,\n  8: $orange-800,\n  9: $orange-900,\n) !default;\n\n$reds: (\n  0: $red-000,\n  1: $red-100,\n  2: $red-200,\n  3: $red-300,\n  4: $red-400,\n  5: $red-500,\n  6: $red-600,\n  7: $red-700,\n  8: $red-800,\n  9: $red-900,\n) !default;\n\n$purples: (\n  0: $purple-000,\n  1: $purple-100,\n  2: $purple-200,\n  3: $purple-300,\n  4: $purple-400,\n  5: $purple-500,\n  6: $purple-600,\n  7: $purple-700,\n  8: $purple-800,\n  9: $purple-900,\n) !default;\n\n$pinks: (\n  0: $pink-000,\n  1: $pink-100,\n  2: $pink-200,\n  3: $pink-300,\n  4: $pink-400,\n  5: $pink-500,\n  6: $pink-600,\n  7: $pink-700,\n  8: $pink-800,\n  9: $pink-900,\n) !default;\n\n$hue-maps: (\n  gray: $grays,\n  blue: $blues,\n  green: $greens,\n  yellow: $yellows,\n  orange: $oranges,\n  red: $reds,\n  purple: $purples,\n  pink: $pinks,\n) !default;\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/breadcrumb/index.scss%23sass"],"names":[],"mappings":"AA+fA,iBAAA,oBAAA,CAAA,mBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,wBAAA,oBAAA,CAAA,WAAA,CAAA,aAAA,CAAA,UAAA,CAAA,6CAAA,CAAA,uBAAA,CAAA,6BAAA,aAAA,CAAA,iGAAA,YAAA,CAAA,4BAAA,6BAAA","file":"breadcrumb.css"}

package/dist/breadcrumb.js

@@ -1 +1 @@
-module.exports = {cssstats: require('./stats/breadcrumb.json')}
+export {cssstats: require('./stats/breadcrumb.json')}

package/dist/buttons.css

@@ -1,3 +1,2 @@
-.btn{position:relative;display:inline-block;padding:6px 12px;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:repeat-x;background-position:-1px -1px;background-size:110% 110%;border:1px solid rgba(27,31,35,0.2);border-radius:0.25em;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn i{font-style:normal;font-weight:500;opacity:0.75}.btn .octicon{vertical-align:text-top}.btn .Counter{color:#586069;text-shadow:none;background-color:rgba(27,31,35,0.1)}.btn:hover{text-decoration:none;background-repeat:repeat-x}.btn:focus{outline:0}.btn:disabled,.btn.disabled{cursor:default;background-position:0 0}.btn:active,.btn.selected{background-image:none}.btn{color:#24292e;background-color:#eff3f6;background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)}.btn:focus,.btn.focus{box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)}.btn:hover,.btn.hover{background-color:#e6ebf1;background-image:linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);background-position:-.5em;border-color:rgba(27,31,35,0.35)}.btn:active,.btn.selected,[open]>.btn{background-color:#e9ecef;background-image:none;border-color:rgba(27,31,35,0.35);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn:disabled,.btn.disabled{color:rgba(36,41,46,0.4);background-color:#eff3f6;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-primary{color:#fff;background-color:#28a745;background-image:linear-gradient(-180deg, #34d058 0%, #28a745 90%)}.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 0.2em rgba(52,208,88,0.4)}.btn-primary:hover,.btn-primary.hover{background-color:#269f42;background-image:linear-gradient(-180deg, #2fcb53 0%, #269f42 90%);background-position:-.5em;border-color:rgba(27,31,35,0.5)}.btn-primary:active,.btn-primary.selected,[open]>.btn-primary{background-color:#279f43;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-primary:disabled,.btn-primary.disabled{color:rgba(255,255,255,0.75);background-color:#94d3a2;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-primary .Counter{color:#29b249;background-color:#fff}.btn-purple{color:#fff;background-color:#643ab0;background-image:linear-gradient(-180deg, #7e55c7 0%, #643ab0 90%)}.btn-purple:focus,.btn-purple.focus{box-shadow:0 0 0 0.2em rgba(126,85,199,0.4)}.btn-purple:hover,.btn-purple.hover{background-color:#5f37a8;background-image:linear-gradient(-180deg, #784ec5 0%, #5f37a8 90%);background-position:-.5em;border-color:rgba(27,31,35,0.5)}.btn-purple:active,.btn-purple.selected,[open]>.btn-purple{background-color:#613ca4;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-purple:disabled,.btn-purple.disabled{color:rgba(255,255,255,0.75);background-color:#b19cd7;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-purple .Counter{color:#683cb8;background-color:#fff}.btn-blue{color:#fff;background-color:#0361cc;background-image:linear-gradient(-180deg, #0679fc 0%, #0361cc 90%)}.btn-blue:focus,.btn-blue.focus{box-shadow:0 0 0 0.2em rgba(6,121,252,0.4)}.btn-blue:hover,.btn-blue.hover{background-color:#035cc2;background-image:linear-gradient(-180deg, #0374f4 0%, #035cc2 90%);background-position:-.5em;border-color:rgba(27,31,35,0.5)}.btn-blue:active,.btn-blue.selected,[open]>.btn-blue{background-color:#045cc1;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-blue:disabled,.btn-blue.disabled{color:rgba(255,255,255,0.75);background-color:#81b0e5;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-blue .Counter{color:#0366d6;background-color:#fff}.btn-danger{color:#cb2431;background-color:#fafbfc;background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)}.btn-danger:focus{box-shadow:0 0 0 0.2em rgba(203,36,49,0.4)}.btn-danger:hover{color:#fff;background-color:#cb2431;background-image:linear-gradient(-180deg, #de4450 0%, #cb2431 90%);border-color:rgba(27,31,35,0.5)}.btn-danger:hover .Counter{color:#fff}.btn-danger:active,.btn-danger.selected,[open]>.btn-danger{color:#fff;background-color:#b5202c;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-danger:disabled,.btn-danger.disabled{color:rgba(203,36,49,0.4);background-color:#eff3f6;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-outline{color:#0366d6;background-color:#fff;background-image:none}.btn-outline .Counter{background-color:rgba(27,31,35,0.07)}.btn-outline:hover,.btn-outline:active,.btn-outline.selected,[open]>.btn-outline{color:#fff;background-color:#0366d6;background-image:none;border-color:#0366d6}.btn-outline:hover .Counter,.btn-outline:active .Counter,.btn-outline.selected .Counter,[open]>.btn-outline .Counter{color:#0366d6;background-color:#fff}.btn-outline:focus{border-color:#0366d6;box-shadow:0 0 0 0.2em rgba(3,102,214,0.4)}.btn-outline:disabled,.btn-outline.disabled{color:rgba(27,31,35,0.3);background-color:#fff;border-color:rgba(27,31,35,0.15);box-shadow:none}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-sm{padding:3px 10px;font-size:12px;line-height:20px}.btn-large{padding:.75em 1.25em;font-size:inherit;border-radius:6px}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a,.ellipsis-expander{display:inline-block;height:12px;padding:0 5px 5px;font-size:12px;font-weight:600;line-height:6px;color:#444d56;text-decoration:none;vertical-align:middle;background:#dfe2e5;border:0;border-radius:1px}.hidden-text-expander a:hover,.ellipsis-expander:hover{text-decoration:none;background-color:#c6cbd1}.hidden-text-expander a:active,.ellipsis-expander:active{color:#fff;background-color:#2188ff}.social-count{float:left;padding:3px 10px;font-size:12px;font-weight:600;line-height:20px;color:#24292e;vertical-align:middle;background-color:#fff;border:1px solid rgba(27,31,35,0.2);border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:#0366d6;cursor:pointer}.btn-block{display:block;width:100%;text-align:center}.btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled,.btn-link:disabled:hover{color:rgba(88,96,105,0.5);cursor:default}.details-reset>summary{list-style:none}.details-reset>summary::before{display:none}.details-reset>summary::-webkit-details-marker{display:none}.BtnGroup{display:inline-block;vertical-align:middle}.BtnGroup::before{display:table;content:""}.BtnGroup::after{display:table;clear:both;content:""}.BtnGroup+.BtnGroup,.BtnGroup+.btn{margin-left:4px}.BtnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.BtnGroup-item:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.BtnGroup-item:last-child{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.BtnGroup-item.selected,.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover{border-right-width:1px}.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-parent{float:left}.BtnGroup-parent:first-child .BtnGroup-item{border-top-left-radius:3px;border-bottom-left-radius:3px}.BtnGroup-parent:last-child .BtnGroup-item{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.BtnGroup-parent .BtnGroup-item{border-right-width:0;border-radius:0}.BtnGroup-parent.selected .BtnGroup-item,.BtnGroup-parent:focus .BtnGroup-item,.BtnGroup-parent:active .BtnGroup-item,.BtnGroup-parent:hover .BtnGroup-item{border-right-width:1px}.BtnGroup-parent.selected+.BtnGroup-item,.BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-parent:focus,.BtnGroup-parent:active{z-index:1}
-
+.btn{position:relative;display:inline-block;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:hover{text-decoration:none}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{cursor:default}.btn i{font-style:normal;font-weight:500;opacity:.75}.btn .octicon{margin-right:4px;color:var(--color-fg-muted);vertical-align:text-bottom}.btn .octicon:only-child{margin-right:0}.btn .Counter{margin-left:2px;color:inherit;text-shadow:none;vertical-align:top;background-color:var(--color-btn-counter-bg)}.btn .dropdown-caret{margin-left:4px;opacity:.8}.btn{color:var(--color-btn-text);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);transition:.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:color,background-color,border-color}.btn:hover,.btn.hover,[open]>.btn{background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border);transition-duration:.1s}.btn:active{background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border);transition:none}.btn.selected,.btn[aria-selected=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{color:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border)}.btn:disabled .octicon,.btn.disabled .octicon,.btn[aria-disabled=true] .octicon{color:var(--color-primer-fg-disabled)}.btn:focus,.btn.focus{border-color:var(--color-btn-focus-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-primary{color:var(--color-btn-primary-text);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow)}.btn-primary:hover,.btn-primary.hover,[open]>.btn-primary{background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.btn-primary:active,.btn-primary.selected,.btn-primary[aria-selected=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.btn-primary:disabled,.btn-primary.disabled,.btn-primary[aria-disabled=true]{color:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border)}.btn-primary:disabled .octicon,.btn-primary.disabled .octicon,.btn-primary[aria-disabled=true] .octicon{color:var(--color-btn-primary-disabled-text)}.btn-primary:focus,.btn-primary.focus{background-color:var(--color-btn-primary-focus-bg);border-color:var(--color-btn-primary-focus-border);box-shadow:var(--color-btn-primary-focus-shadow)}.btn-primary .Counter{color:inherit;background-color:var(--color-btn-primary-counter-bg)}.btn-primary .octicon{color:var(--color-btn-primary-icon)}.btn-outline{color:var(--color-btn-outline-text)}.btn-outline:hover,[open]>.btn-outline{color:var(--color-btn-outline-hover-text);background-color:var(--color-btn-outline-hover-bg);border-color:var(--color-btn-outline-hover-border);box-shadow:var(--color-btn-outline-hover-shadow),var(--color-btn-outline-hover-inset-shadow)}.btn-outline:hover .Counter,[open]>.btn-outline .Counter{background-color:var(--color-btn-outline-hover-counter-bg)}.btn-outline:hover .octicon,[open]>.btn-outline .octicon{color:inherit}.btn-outline:active,.btn-outline.selected,.btn-outline[aria-selected=true]{color:var(--color-btn-outline-selected-text);background-color:var(--color-btn-outline-selected-bg);border-color:var(--color-btn-outline-selected-border);box-shadow:var(--color-btn-outline-selected-shadow)}.btn-outline:disabled,.btn-outline.disabled,.btn-outline[aria-disabled=true]{color:var(--color-btn-outline-disabled-text);background-color:var(--color-btn-outline-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-outline:disabled .Counter,.btn-outline.disabled .Counter,.btn-outline[aria-disabled=true] .Counter{background-color:var(--color-btn-outline-disabled-counter-bg)}.btn-outline:focus{border-color:var(--color-btn-outline-focus-border);box-shadow:var(--color-btn-outline-focus-shadow)}.btn-outline .Counter{color:inherit;background-color:var(--color-btn-outline-counter-bg)}.btn-danger{color:var(--color-btn-danger-text)}.btn-danger .octicon{color:var(--color-btn-danger-icon)}.btn-danger:hover,[open]>.btn-danger{color:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow)}.btn-danger:hover .Counter,[open]>.btn-danger .Counter{background-color:var(--color-btn-danger-hover-counter-bg)}.btn-danger:hover .octicon,[open]>.btn-danger .octicon{color:var(--color-btn-danger-hover-icon)}.btn-danger:active,.btn-danger.selected,.btn-danger[aria-selected=true]{color:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow)}.btn-danger:disabled,.btn-danger.disabled,.btn-danger[aria-disabled=true]{color:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-danger:disabled .Counter,.btn-danger.disabled .Counter,.btn-danger[aria-disabled=true] .Counter{background-color:var(--color-btn-danger-disabled-counter-bg)}.btn-danger:disabled .octicon,.btn-danger.disabled .octicon,.btn-danger[aria-disabled=true] .octicon{color:var(--color-btn-danger-disabled-text)}.btn-danger:focus{border-color:var(--color-btn-danger-focus-border);box-shadow:var(--color-btn-danger-focus-shadow)}.btn-danger .Counter{color:inherit;background-color:var(--color-btn-danger-counter-bg)}.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.btn-sm .octicon{vertical-align:text-top}.btn-large{padding:.75em 1.5em;font-size:inherit;line-height:1.5;border-radius:.5em}.btn-block{display:block;width:100%;text-align:center}.BtnGroup{display:inline-block;vertical-align:middle}.BtnGroup::before{display:table;content:""}.BtnGroup::after{display:table;clear:both;content:""}.BtnGroup+.BtnGroup,.BtnGroup+.btn{margin-left:4px}.BtnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.BtnGroup-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-item:last-child{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-item.selected,.BtnGroup-item[aria-selected=true],.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover{border-right-width:1px}.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-parent{float:left}.BtnGroup-parent:first-child .BtnGroup-item{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-parent:last-child .BtnGroup-item{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-parent .BtnGroup-item{border-right-width:0;border-radius:0}.BtnGroup-parent.selected .BtnGroup-item,.BtnGroup-parent[aria-selected=true] .BtnGroup-item,.BtnGroup-parent:focus .BtnGroup-item,.BtnGroup-parent:active .BtnGroup-item,.BtnGroup-parent:hover .BtnGroup-item{border-right-width:1px}.BtnGroup-parent.selected+.BtnGroup-item,.BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-parent:focus,.BtnGroup-parent:active{z-index:1}.btn-link{display:inline-block;padding:0;font-size:inherit;color:var(--color-accent-fg);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled,.btn-link:disabled:hover,.btn-link[aria-disabled=true],.btn-link[aria-disabled=true]:hover{color:var(--color-primer-fg-disabled);cursor:default}.btn-invisible{color:var(--color-accent-fg);background-color:transparent;border:0;border-radius:0;box-shadow:none}.btn-invisible:hover,.btn-invisible.zeroclipboard-is-hover{color:var(--color-accent-fg);background:none;outline:none;box-shadow:none}.btn-invisible:active,.btn-invisible:focus,.btn-invisible.selected,.btn-invisible[aria-selected=true],.btn-invisible.zeroclipboard-is-active{color:var(--color-accent-fg);background:none;border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-invisible:disabled,.btn-invisible.disabled,.btn-invisible[aria-disabled=true]{color:var(--color-primer-fg-disabled);background-color:transparent}.btn-octicon{display:inline-block;padding:5px;margin-left:5px;line-height:1;color:var(--color-fg-muted);vertical-align:middle;background:transparent;border:0;box-shadow:none}.btn-octicon:hover{color:var(--color-accent-fg)}.btn-octicon.disabled,.btn-octicon[aria-disabled=true]{color:var(--color-primer-fg-disabled);cursor:default}.btn-octicon.disabled:hover,.btn-octicon[aria-disabled=true]:hover{color:var(--color-primer-fg-disabled)}.btn-octicon-danger:hover{color:var(--color-danger-fg)}.close-button{padding:0;color:var(--color-fg-muted);background:transparent;border:0;outline:none}.close-button:hover{color:var(--color-fg-default)}.close-button:active,.close-button:focus{color:var(--color-fg-muted);border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a,.ellipsis-expander{display:inline-block;height:12px;padding:0 5px 5px;font-size:12px;font-weight:600;line-height:6px;color:var(--color-fg-default);text-decoration:none;vertical-align:middle;background:var(--color-neutral-muted);border:0;border-radius:1px}.hidden-text-expander a:hover,.ellipsis-expander:hover{text-decoration:none;background-color:var(--color-accent-muted)}.hidden-text-expander a:active,.ellipsis-expander:active{color:var(--color-fg-on-emphasis);background-color:var(--color-accent-emphasis)}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-with-count:focus{z-index:1}.social-count{position:relative;float:left;padding:3px 12px;font-size:12px;font-weight:600;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);border:1px solid var(--color-btn-border);border-left:0;border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:var(--color-shadow-small),var(--color-primer-shadow-highlight)}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:var(--color-accent-fg);cursor:pointer}.social-count:focus{z-index:1;outline:0;box-shadow:var(--color-primer-shadow-focus)}
 /*# sourceMappingURL=buttons.css.map */

package/dist/buttons.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/buttons/button.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/color-system.scss","../src/src/support/mixins/buttons.scss","../src/src/buttons/button-group.scss","../src/src/support/mixins/layout.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/misc.scss"],"names":[],"mappings":"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","file":"buttons.css","sourcesContent":["// stylelint-disable selector-max-type, block-opening-brace-space-before, no-duplicate-selectors\n\n// Base button styles\n.btn {\n  position: relative;\n  display: inline-block;\n  padding: 6px 12px;\n  font-size: $body-font-size;\n  font-weight: $font-weight-bold;\n  line-height: 20px; // Specifically not inherit our `<body>` default\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  user-select: none;\n  background-repeat: repeat-x;\n  background-position: -1px -1px;\n  background-size: 110% 110%;\n  border: 1px solid transparentize($black, 0.8);\n  border-radius: 0.25em;\n  appearance: none; // Corrects inability to style clickable `input` types in iOS.\n\n  i {\n    font-style: normal;\n    font-weight: $font-weight-semibold;\n    opacity: 0.75;\n  }\n\n  .octicon {\n    vertical-align: text-top;\n  }\n\n  // Darken for just a tad more contrast against the button background\n  .Counter {\n    color: $gray-600;\n    text-shadow: none;\n    background-color: rgba($black, 0.1);\n  }\n\n  &:hover {\n    text-decoration: none;\n    background-repeat: repeat-x;\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &:disabled,\n  &.disabled {\n    cursor: default;\n    // Repeat `background-position` because `:hover`\n    background-position: 0 0;\n  }\n\n  &:active,\n  &.selected {\n    background-image: none;\n  }\n}\n\n.btn         { @include btn-solid($text-gray-dark, $gray-000, darken($gray-100, 2%)); }\n.btn-primary { @include btn-solid($text-white, $green-400, $green-500); }\n.btn-purple  { @include btn-solid($text-white, lighten($purple-500, 5%), darken($purple-500, 5%)); }\n.btn-blue    { @include btn-solid($text-white, lighten($blue-500, 8%), darken($blue-500, 2%)); }\n.btn-danger  { @include btn-inverse($red-600, $gray-000, darken($gray-100, 2%)); }\n\n// Outline button\n//\n// For when we need a linky-action that's not too heavy in busier\n// areas like conversation timelines.\n.btn-outline {\n  @include btn-outline($text-blue);\n}\n\n// Social button count\n.btn-with-count {\n  float: left;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n// Minibutton overrides\n//\n// Tweak `line-height` to make them smaller.\n.btn-sm {\n  padding: 3px 10px;\n  font-size: $font-size-small;\n  line-height: 20px;\n}\n\n// Large button adds more padding around text. Use font-size utils to increase font-size.. e.g, <p class=\"text-gamma\"><button class=\"btn btn-large btn-primary\" type=\"button\">Big green button</button></p>\n.btn-large {\n  padding: $em-spacer-6 1.25em;\n  font-size: inherit;\n  border-radius: 6px;\n}\n\n// Hidden text button\n//\n// Use `.hidden-text-expander` to indicate and expand hidden text.\n.hidden-text-expander {\n  display: block;\n\n  &.inline {\n    position: relative;\n    top: -1px;\n    display: inline-block;\n    margin-left: 5px;\n    line-height: 0;\n  }\n}\n\n.hidden-text-expander a,\n.ellipsis-expander {\n  display: inline-block;\n  height: 12px;\n  padding: 0 5px 5px;\n  font-size: $font-size-small;\n  font-weight: $font-weight-bold;\n  line-height: 6px;\n  color: $gray-700;\n  text-decoration: none;\n  vertical-align: middle;\n  background: lighten($gray-300, 5%);\n  border: 0;\n  border-radius: 1px;\n\n  &:hover {\n    text-decoration: none;\n    background-color: darken($gray-300, 4%);\n  }\n\n  &:active {\n    color: $text-white;\n    background-color: $blue-400;\n  }\n}\n\n// Social count bubble\n//\n// A container that is used for social bubbles counts.\n.social-count {\n  float: left;\n  padding: 3px 10px;\n  font-size: $font-size-small;\n  font-weight: $font-weight-bold;\n  line-height: 20px;\n  color: $text-gray-dark;\n  vertical-align: middle;\n  background-color: $bg-white;\n  border: 1px solid transparentize($black, 0.8); // match with .btn\n  border-left: 0;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n\n  &:hover,\n  &:active {\n    text-decoration: none;\n  }\n\n  &:hover {\n    color: $text-blue;\n    cursor: pointer;\n  }\n}\n\n// Full-width button\n//\n// These buttons expand to the full width of their parent container\n.btn-block {\n  display: block;\n  width: 100%;\n  text-align: center;\n}\n\n// Link-like buttons\n//\n// This class is for styling <button> and <input> elements to look like links\n.btn-link {\n  display: inline-block;\n  padding: 0;\n  font-size: inherit;\n  color: $text-blue;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border: 0;\n  appearance: none; // Corrects inability to style clickable `input` types in iOS.\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &:disabled {\n    &,\n    &:hover {\n      color: rgba($gray-600, 0.5);\n      cursor: default;\n    }\n  }\n}\n\n.details-reset {\n  // Remove marker added by the display: list-item browser default\n  > summary { list-style: none; }\n  // Remove marker added by details polyfill\n  > summary::before { display: none; }\n  // Remove marker added by Chrome\n  > summary::-webkit-details-marker { display: none; }\n}\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\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\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","//\n//\n// -------- Grays --------\n$gray-000:        #fafbfc !default;\n$gray-100:        #f6f8fa !default;\n$gray-200:        #e1e4e8 !default;\n$gray-300:        #d1d5da !default;\n$gray-400:        #959da5 !default;\n$gray-500:        #6a737d !default;\n$gray-600:        #586069 !default;\n$gray-700:        #444d56 !default;\n$gray-800:        #2f363d !default;\n$gray-900:        #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000:        #f1f8ff !default;\n$blue-100:        #dbedff !default;\n$blue-200:        #c8e1ff !default;\n$blue-300:        #79b8ff !default;\n$blue-400:        #2188ff !default;\n$blue-500:        #0366d6 !default; // Default: Passes AA with #fff\n$blue-600:        #005cc5 !default;\n$blue-700:        #044289 !default;\n$blue-800:        #032f62 !default;\n$blue-900:        #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000:       #f0fff4 !default;\n$green-100:       #dcffe4 !default;\n$green-200:       #bef5cb !default;\n$green-300:       #85e89d !default;\n$green-400:       #34d058 !default;\n$green-500:       #28a745 !default; // Default. passes AA Large\n$green-600:       #22863a !default; // Text green, passes AA on #fff\n$green-700:       #176f2c !default;\n$green-800:       #165c26 !default;\n$green-900:       #144620 !default;\n\n// -------- Yellow --------\n$yellow-000:      #fffdef !default;\n$yellow-100:      #fffbdd !default;\n$yellow-200:      #fff5b1 !default;\n$yellow-300:      #ffea7f !default;\n$yellow-400:      #ffdf5d !default;\n$yellow-500:      #ffd33d !default;\n$yellow-600:      #f9c513 !default;\n$yellow-700:      #dbab09 !default;\n$yellow-800:      #b08800 !default;\n$yellow-900:      #735c0f !default;\n\n// -------- Orange --------\n$orange-000:      #fff8f2 !default;\n$orange-100:      #ffebda !default;\n$orange-200:      #ffd1ac !default;\n$orange-300:      #ffab70 !default;\n$orange-400:      #fb8532 !default;\n$orange-500:      #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600:      #e36209 !default;\n$orange-700:      #d15704 !default;\n$orange-800:      #c24e00 !default;\n$orange-900:      #a04100 !default;\n\n// -------- Red --------\n$red-000:         #ffeef0 !default;\n$red-100:         #ffdce0 !default;\n$red-200:         #fdaeb7 !default;\n$red-300:         #f97583 !default;\n$red-400:         #ea4a5a !default;\n$red-500:         #d73a49 !default; // Default. passes AA\n$red-600:         #cb2431 !default;\n$red-700:         #b31d28 !default;\n$red-800:         #9e1c23 !default;\n$red-900:         #86181d !default;\n\n// -------- Purple --------\n$purple-000:      #f5f0ff !default;\n$purple-100:      #e6dcfd !default;\n$purple-200:      #d1bcf9 !default;\n$purple-300:      #b392f0 !default;\n$purple-400:      #8a63d2 !default;\n$purple-500:      #6f42c1 !default; // passes AA with #fff\n$purple-600:      #5a32a3 !default;\n$purple-700:      #4c2889 !default;\n$purple-800:      #3a1d6e !default;\n$purple-900:      #29134e !default;\n\n// -------- Pink --------\n$pink-000:      #ffeef8 !default;\n$pink-100:      #fedbf0 !default;\n$pink-200:      #f9b3dd !default;\n$pink-300:      #f692ce !default;\n$pink-400:      #ec6cb9 !default;\n$pink-500:      #ea4aaa !default;\n$pink-600:      #d03592 !default;\n$pink-700:      #b93a86 !default;\n$pink-800:      #99306f !default;\n$pink-900:      #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15:      rgba($black, 0.15) !default;\n$black-fade-30:      rgba($black, 0.3) !default;\n$black-fade-50:      rgba($black, 0.5) !default;\n$black-fade-70:      rgba($black, 0.7) !default;\n$black-fade-85:      rgba($black, 0.85) !default;\n\n$white-fade-15:      rgba($white, 0.15) !default;\n$white-fade-30:      rgba($white, 0.3) !default;\n$white-fade-50:      rgba($white, 0.5) !default;\n$white-fade-70:      rgba($white, 0.7) !default;\n$white-fade-85:      rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red:         $red-500 !default;\n$purple:      $purple-500 !default;\n$blue:        $blue-500 !default;\n$green:       $green-500 !default;\n$yellow:      $yellow-500 !default;\n$orange:      $orange-500 !default;\n\n$gray-dark:   $gray-900 !default;\n$gray-light:  $gray-400 !default;\n$gray:        $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n  0: $gray-000,\n  1: $gray-100,\n  2: $gray-200,\n  3: $gray-300,\n  4: $gray-400,\n  5: $gray-500,\n  6: $gray-600,\n  7: $gray-700,\n  8: $gray-800,\n  9: $gray-900,\n) !default;\n\n$blues: (\n  0: $blue-000,\n  1: $blue-100,\n  2: $blue-200,\n  3: $blue-300,\n  4: $blue-400,\n  5: $blue-500,\n  6: $blue-600,\n  7: $blue-700,\n  8: $blue-800,\n  9: $blue-900,\n) !default;\n\n$greens: (\n  0: $green-000,\n  1: $green-100,\n  2: $green-200,\n  3: $green-300,\n  4: $green-400,\n  5: $green-500,\n  6: $green-600,\n  7: $green-700,\n  8: $green-800,\n  9: $green-900,\n) !default;\n\n$yellows: (\n  0: $yellow-000,\n  1: $yellow-100,\n  2: $yellow-200,\n  3: $yellow-300,\n  4: $yellow-400,\n  5: $yellow-500,\n  6: $yellow-600,\n  7: $yellow-700,\n  8: $yellow-800,\n  9: $yellow-900,\n) !default;\n\n$oranges: (\n  0: $orange-000,\n  1: $orange-100,\n  2: $orange-200,\n  3: $orange-300,\n  4: $orange-400,\n  5: $orange-500,\n  6: $orange-600,\n  7: $orange-700,\n  8: $orange-800,\n  9: $orange-900,\n) !default;\n\n$reds: (\n  0: $red-000,\n  1: $red-100,\n  2: $red-200,\n  3: $red-300,\n  4: $red-400,\n  5: $red-500,\n  6: $red-600,\n  7: $red-700,\n  8: $red-800,\n  9: $red-900,\n) !default;\n\n$purples: (\n  0: $purple-000,\n  1: $purple-100,\n  2: $purple-200,\n  3: $purple-300,\n  4: $purple-400,\n  5: $purple-500,\n  6: $purple-600,\n  7: $purple-700,\n  8: $purple-800,\n  9: $purple-900,\n) !default;\n\n$pinks: (\n  0: $pink-000,\n  1: $pink-100,\n  2: $pink-200,\n  3: $pink-300,\n  4: $pink-400,\n  5: $pink-500,\n  6: $pink-600,\n  7: $pink-700,\n  8: $pink-800,\n  9: $pink-900,\n) !default;\n\n$hue-maps: (\n  gray: $grays,\n  blue: $blues,\n  green: $greens,\n  yellow: $yellows,\n  orange: $oranges,\n  red: $reds,\n  purple: $purples,\n  pink: $pinks,\n) !default;\n","// stylelint-disable block-closing-brace-newline-after\n\n// Button color generator for primary and themed buttons\n\n// New button hotness\n@mixin btn-solid($color, $bg, $bg2) {\n  color: $color;\n  background-color: $bg2;\n  background-image: linear-gradient(-180deg, $bg 0%, $bg2 90%);\n\n  @if $bg == $gray-000 {\n    &:focus,\n    &.focus {\n      box-shadow: $btn-input-focus-shadow;\n    }\n\n    &:hover,\n    &.hover {\n      background-color: darken($bg2, 3%);\n      background-image: linear-gradient(-180deg, darken($bg, 3%) 0%, darken($bg2, 3%) 90%);\n      background-position: 0 -$em-spacer-5;\n      border-color: rgba($black, 0.35);\n    }\n\n    &:active,\n    &.selected,\n    [open] > & {\n      background-color: darken(desaturate($bg, 10%), 6%);\n      background-image: none;\n      border-color: rgba($black, 0.35); // repeat to avoid shift on click-drag off of button\n      box-shadow: $btn-active-shadow;\n    }\n\n    &:disabled,\n    &.disabled {\n      color: rgba($color, 0.4);\n      background-color: $bg2;\n      background-image: none;\n      border-color: transparentize($black, 0.8); // back to default .btn\n      box-shadow: none;\n    }\n\n  } @else {\n    &:focus,\n    &.focus {\n      box-shadow: 0 0 0 0.2em rgba($bg, 0.4);\n    }\n\n    &:hover,\n    &.hover {\n      background-color: darken($bg2, 2%);\n      background-image: linear-gradient(-180deg, darken($bg, 2%) 0%, darken($bg2, 2%) 90%);\n      background-position: 0 -$em-spacer-5;\n      border-color: $black-fade-50;\n    }\n\n    &:active,\n    &.selected,\n    [open] > & {\n      background-color: darken(mix($bg, $bg2, 50%), 7%);\n      background-image: none;\n      border-color: $black-fade-50; // repeat to avoid shift on click-drag off of button\n      box-shadow: $btn-active-shadow;\n    }\n\n    &:disabled,\n    &.disabled {\n      color: rgba($color, 0.75);\n      background-color: mix($bg2, $white, 50%);\n      background-image: none;\n      border-color: transparentize($black, 0.8); // repeat .btn default to avoid shift on click-drag off of button\n      box-shadow: none;\n    }\n\n    .Counter {\n      color: darken($bg, 8%);\n      background-color: $white;\n    }\n  }\n}\n\n// Inverse button hover style\n@mixin btn-inverse($color, $bg, $bg2) {\n  color: $color;\n  background-color: $bg;\n  background-image: linear-gradient(-180deg, $bg 0%, $bg2 90%);\n\n  &:focus {\n    box-shadow: 0 0 0 0.2em rgba($color, 0.4);\n  }\n\n  &:hover {\n    color: $text-white;\n    background-color: $color;\n    background-image: linear-gradient(-180deg, lighten($color, 10%) 0%, $color 90%);\n    border-color: $black-fade-50;\n\n    .Counter {\n      color: $text-white;\n    }\n  }\n\n  &:active,\n  &.selected,\n  [open] > & {\n    color: $text-white;\n    background-color: darken($color, 5%);\n    background-image: none;\n    border-color: $black-fade-50;\n    box-shadow: $btn-active-shadow;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: rgba($color, 0.4);\n    background-color: $bg2;\n    background-image: none;\n    border-color: transparentize($black, 0.8); // back to default .btn\n    box-shadow: none;\n  }\n}\n\n// Outline color generator for btn-outline to make the hover state inverse the text and bg colors.\n@mixin btn-outline($text-color: $text-blue, $bg-color: $bg-white) {\n  color: $text-color;\n  background-color: $bg-color;\n  background-image: none;\n\n  .Counter {\n    background-color: rgba($black, 0.07);\n  }\n\n  &:hover,\n  &:active,\n  &.selected,\n  [open] > & {\n    color: $bg-color;\n    background-color: $text-color;\n    background-image: none;\n    border-color: $text-color;\n\n    .Counter {\n      color: $text-color;\n      background-color: $bg-color;\n    }\n  }\n\n  &:focus {\n    border-color: $text-color;\n    box-shadow: 0 0 0 0.2em rgba($text-color, 0.4);\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $black-fade-30;\n    background-color: $bg-white;\n    border-color: $black-fade-15;\n    box-shadow: none;\n  }\n}\n","// Button group\n//\n// A button group is a series of buttons laid out next to each other, all part\n// of one visual button, but separated by rules to be separate.\n\n.BtnGroup {\n  display: inline-block;\n  vertical-align: middle;\n  @include clearfix();\n\n  // Proper spacing for multiple button groups (a la, gollum editor)\n  + .BtnGroup,\n  + .btn {\n    margin-left: $spacer-1;\n  }\n}\n\n.BtnGroup-item {\n  position: relative;\n  float: left;\n  border-right-width: 0;\n  border-radius: 0;\n\n  &:first-child {\n    border-top-left-radius: $border-radius;\n    border-bottom-left-radius: $border-radius;\n  }\n\n  &:last-child {\n    border-right-width: $border-width;\n    border-top-right-radius: $border-radius;\n    border-bottom-right-radius: $border-radius;\n  }\n\n  &.selected,\n  &:focus,\n  &:active,\n  &:hover {\n    border-right-width: $border-width;\n\n    + .BtnGroup-item,\n    + .BtnGroup-parent .BtnGroup-item {\n      border-left-width: 0;\n    }\n  }\n}\n\n.BtnGroup-parent {\n  float: left;\n\n  &:first-child .BtnGroup-item {\n    border-top-left-radius: $border-radius;\n    border-bottom-left-radius: $border-radius;\n  }\n\n  &:last-child .BtnGroup-item {\n    border-right-width: $border-width;\n    border-top-right-radius: $border-radius;\n    border-bottom-right-radius: $border-radius;\n  }\n\n  .BtnGroup-item {\n    border-right-width: 0;\n    border-radius: 0;\n  }\n\n  &.selected,\n  &:focus,\n  &:active,\n  &:hover {\n    .BtnGroup-item {\n      border-right-width: $border-width;\n    }\n\n    + .BtnGroup-item,\n    + .BtnGroup-parent .BtnGroup-item {\n      border-left-width: 0;\n    }\n  }\n}\n\n// ensure that the focus ring sits above the adjacent buttons\n.BtnGroup-item,\n.BtnGroup-parent {\n  &:focus,\n  &:active {\n    z-index: 1;\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","// Layout variables\n// stylelint-disable declaration-bang-space-before\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: round($spacer / 2) !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// 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// 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) !default;\n","// Miscellaneous variables\n// stylelint-disable declaration-bang-space-before\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Custom explore grid border\n$exploregrid-item-border-radius: 4px;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n\n// Should be moved into custom github css\n$stats-switcher-py: 10px;\n// Future proof this `height` value by finding the computed line-height, then\n// adding the total value of the vertical padding. This var is used to toggle\n// between the stats bar and language breakdown.\n$stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2);\n\n$min_tab_size: 1;\n$max_tab_size: 12;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075);\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3);\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15;\n"]}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/buttons/index.scss%23sass"],"names":[],"mappings":"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","file":"buttons.css"}

package/dist/buttons.js

@@ -1 +1 @@
-module.exports = {cssstats: require('./stats/buttons.json')}
+export {cssstats: require('./stats/buttons.json')}