@primer/css 0.0.0-202182783723 → 0.0.0-20218278537

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @primer/css
 
-## 0.0.0-202182783723
+## 0.0.0-20218278537
 
 ### Major Changes
 
@@ -18,7 +18,7 @@
 
 - [#1601](https://github.com/primer/css/pull/1601) [`410c1d63`](https://github.com/primer/css/commit/410c1d638b7bec92798268dcf815f94b1dca7cff) Thanks [@jonrohan](https://github.com/jonrohan)! - Add light & dark colorblind themes
 
-* [`2a7dfdd3`](https://github.com/primer/css/commit/2a7dfdd3bd2acf17a45aaed55b8500337db75186) Thanks [@jonrohan](https://github.com/jonrohan)! - Adding footnote styles to markdown-body.
+* [#1624](https://github.com/primer/css/pull/1624) [`2a7dfdd3`](https://github.com/primer/css/commit/2a7dfdd3bd2acf17a45aaed55b8500337db75186) Thanks [@simurai](https://github.com/simurai)! - Adding footnote styles to markdown-body.
 
 - [#1603](https://github.com/primer/css/pull/1603) [`21c5ebc0`](https://github.com/primer/css/commit/21c5ebc01be58454735eb671e3adace0228ef548) Thanks [@simurai](https://github.com/simurai)! - Update docs with V2 colors
 

package/dist/markdown.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/src/markdown/markdown-body.scss","../src/src/support/variables/typography.scss","../src/src/base/kbd.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/layout.scss","../src/src/markdown/headings.scss","../src/src/markdown/lists.scss","../src/src/markdown/tables.scss","../src/src/markdown/images.scss","../src/src/markdown/code.scss","../src/src/markdown/blob-csv.scss","../src/src/markdown/footnotes.scss"],"names":[],"mappings":"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","file":"markdown.css","sourcesContent":["// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n  font-family: $body-font;\n  font-size: $h4-size;\n  line-height: $body-line-height;\n  word-wrap: break-word;\n\n  @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n  // Clearfix on the markdown body\n  &::before {\n    display: table;\n    content: \"\";\n  }\n\n  &::after {\n    display: table;\n    clear: both;\n    content: \"\";\n  }\n\n  > *:first-child {\n    margin-top: 0 !important;\n  }\n\n  > *:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  // Anchors like <a name=\"examples\">. These sometimes end up wrapped around\n  // text when users mistakenly forget to close the tag or use self-closing tag\n  // syntax. We don't want them to appear like links.\n  // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n  // possibly faster to match), but it breaks styling of <a href> elements due\n  // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n  a:not([href]) {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  // Link Colors\n  .absent {\n    color: var(--color-danger-fg);\n  }\n\n  .anchor {\n    float: left;\n    padding-right: $spacer-1;\n    // stylelint-disable-next-line primer/spacing\n    margin-left: -20px;\n    line-height: $lh-condensed-ultra;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  p,\n  blockquote,\n  ul,\n  ol,\n  dl,\n  table,\n  pre,\n  details {\n    margin-top: 0;\n    margin-bottom: $spacer-3;\n  }\n\n  hr {\n    height: $em-spacer-3;\n    padding: 0;\n    margin: $spacer-4 0;\n    background-color: var(--color-border-default);\n    border: 0;\n  }\n\n  blockquote {\n    // stylelint-disable-next-line primer/spacing\n    padding: 0 1em;\n    color: var(--color-fg-muted);\n    // stylelint-disable-next-line primer/borders\n    border-left: 0.25em $border-style var(--color-border-default);\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  sup > a::before {\n    content: \"[\";\n  }\n\n  sup > a::after {\n    content: \"]\";\n  }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  padding: ($spacer-1 - 1) ($spacer-1 + 1);\n  font: 11px $mono-font;\n  // stylelint-disable-next-line primer/typography\n  line-height: 10px;\n  color: var(--color-fg-default);\n  vertical-align: middle;\n  background-color: var(--color-canvas-subtle);\n  // stylelint-disable-next-line primer/borders\n  border: $border-style $border-width var(--color-neutral-muted);\n  border-bottom-color: var(--color-neutral-muted);\n  border-radius: $border-radius;\n  // stylelint-disable-next-line primer/box-shadow\n  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);\n}\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px,\n  xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px,\n  xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n  md: 296px,\n  lg: 320px,\n  xl: 344px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Headings\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: $spacer-4;\n    margin-bottom: $spacer-3;\n    font-weight: $font-weight-bold;\n    line-height: $lh-condensed;\n\n    .octicon-link {\n      color: var(--color-fg-default);\n      vertical-align: middle;\n      visibility: hidden;\n    }\n\n    &:hover .anchor {\n      text-decoration: none;\n\n      .octicon-link {\n        visibility: visible;\n      }\n    }\n\n    tt,\n    code {\n      // stylelint-disable-next-line primer/spacing\n      padding: 0 0.2em;\n      font-size: inherit;\n    }\n  }\n\n  h1 {\n    // stylelint-disable-next-line primer/spacing\n    padding-bottom: 0.3em;\n    // stylelint-disable-next-line primer/typography\n    font-size: 2em;\n    border-bottom: $border-width $border-style var(--color-border-muted);\n  }\n\n  h2 {\n    // stylelint-disable-next-line primer/spacing\n    padding-bottom: 0.3em;\n    // stylelint-disable-next-line primer/typography\n    font-size: 1.5em;\n    border-bottom: $border-width $border-style var(--color-border-muted);\n  }\n\n  h3 {\n    // stylelint-disable-next-line primer/typography\n    font-size: 1.25em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    // stylelint-disable-next-line primer/typography\n    font-size: 0.875em;\n  }\n\n  h6 {\n    // stylelint-disable-next-line primer/typography\n    font-size: 0.85em;\n    color: var(--color-fg-muted);\n  }\n}\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Lists, Blockquotes & Such\n  ul,\n  ol {\n    // stylelint-disable-next-line primer/spacing\n    padding-left: 2em;\n\n    &.no-list {\n      padding: 0;\n      list-style-type: none;\n    }\n  }\n\n  ol[type=\"1\"] {\n    list-style-type: decimal;\n  }\n\n  ol[type=\"a\"] {\n    list-style-type: lower-alpha;\n  }\n\n  ol[type=\"i\"] {\n    list-style-type: lower-roman;\n  }\n\n  // Reset <ol> style to decimal (HTML default) specifically for AsciiDoc\n  // <div><ol> construction (doesn't affect MarkDown)\n  div > ol:not([type]) {\n    list-style-type: decimal;\n  }\n\n  // Did someone complain about list spacing? Encourage them\n  // to create the spacing with their markdown formatting.\n  // List behavior should be controled by the markup, not the css.\n  //\n  // For lists with padding between items, use blank\n  // lines between items. This will generate paragraphs with\n  // padding to space things out.\n  //\n  // - item\n  //\n  // - item\n  //\n  // - item\n  //\n  // For list without padding, don't use blank lines.\n  //\n  // - item\n  // - item\n  // - item\n  //\n  // Modifying the css to emulate these behaviors merely brakes\n  // one case in the process of solving another. Don't change\n  // this unless it's really really a bug.\n  ul ul,\n  ul ol,\n  ol ol,\n  ol ul {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  li > p {\n    margin-top: $spacer-3;\n  }\n\n  li + li {\n    margin-top: $em-spacer-3;\n  }\n\n  dl {\n    padding: 0;\n\n    dt {\n      padding: 0;\n      margin-top: $spacer-3;\n      font-size: 1em;\n      font-style: italic;\n      font-weight: $font-weight-bold;\n    }\n\n    dd {\n      padding: 0 $spacer-3;\n      margin-bottom: $spacer-3;\n    }\n  }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Tables\n  table {\n    display: block;\n    width: 100%; // keep for backwards compatibility\n    width: max-content;\n    max-width: 100%;\n    overflow: auto;\n\n    th {\n      font-weight: $font-weight-bold;\n    }\n\n    th,\n    td {\n      // stylelint-disable-next-line primer/spacing\n      padding: 6px 13px;\n      border: $border-width $border-style var(--color-border-default);\n    }\n\n    tr {\n      background-color: var(--color-canvas-default);\n      border-top: $border-width $border-style var(--color-border-muted);\n\n      &:nth-child(2n) {\n        background-color: var(--color-canvas-subtle);\n      }\n    }\n\n    img {\n      background-color: transparent;\n    }\n  }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Images & Stuff\n  img {\n    max-width: 100%;\n    // because we put padding on the images to hide header lines, and some people\n    // specify the width of their images in their markdown.\n    box-sizing: content-box;\n    background-color: var(--color-canvas-default);\n\n    &[align=right] {\n      // stylelint-disable-next-line primer/spacing\n      padding-left: 20px;\n    }\n\n    &[align=left] {\n      // stylelint-disable-next-line primer/spacing\n      padding-right: 20px;\n    }\n  }\n\n  .emoji {\n    max-width: none;\n    vertical-align: text-top;\n    // Override `<img>` styles so Emjois don't clash with zebra striping in our tables\n    background-color: transparent;\n  }\n\n  // Gollum Image Tags\n\n  // Framed\n  span.frame {\n    display: block;\n    overflow: hidden;\n\n    > span {\n      display: block;\n      float: left;\n      width: auto;\n      // stylelint-disable-next-line primer/spacing\n      padding: 7px;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px 0 0;\n      overflow: hidden;\n      border: $border-width $border-style var(--color-border-default);\n    }\n\n    span img {\n      display: block;\n      float: left;\n    }\n\n    span span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      padding: 5px 0 0;\n      clear: both;\n      color: var(--color-fg-default);\n    }\n  }\n\n  span.align-center {\n    display: block;\n    overflow: hidden;\n    clear: both;\n\n    > span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px auto 0;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    span img {\n      margin: 0 auto;\n      text-align: center;\n    }\n  }\n\n  span.align-right {\n    display: block;\n    overflow: hidden;\n    clear: both;\n\n    > span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px 0 0;\n      overflow: hidden;\n      text-align: right;\n    }\n\n    span img {\n      margin: 0;\n      text-align: right;\n    }\n  }\n\n  span.float-left {\n    display: block;\n    float: left;\n    // stylelint-disable-next-line primer/spacing\n    margin-right: 13px;\n    overflow: hidden;\n\n    span {\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px 0 0;\n    }\n  }\n\n  span.float-right {\n    display: block;\n    float: right;\n    // stylelint-disable-next-line primer/spacing\n    margin-left: 13px;\n    overflow: hidden;\n\n    > span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px auto 0;\n      overflow: hidden;\n      text-align: right;\n    }\n  }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n  // Inline code snippets\n  code,\n  tt {\n    // stylelint-disable-next-line primer/spacing\n    padding: 0.2em 0.4em;\n    margin: 0;\n    // stylelint-disable-next-line primer/typography\n    font-size: 85%;\n    background-color: var(--color-neutral-muted);\n    border-radius: $border-radius;\n\n    br { display: none; }\n  }\n\n  del code { text-decoration: inherit; }\n\n  pre {\n    word-wrap: normal;\n\n    code {\n      // stylelint-disable-next-line primer/typography\n      font-size: 100%;\n    }\n\n    // Code tags within code blocks (<pre>s)\n    > code {\n      padding: 0;\n      margin: 0;\n      word-break: normal;\n      white-space: pre;\n      background: transparent;\n      border: 0;\n    }\n  }\n\n  .highlight {\n    margin-bottom: $spacer-3;\n\n    pre {\n      margin-bottom: 0;\n      word-break: normal;\n    }\n  }\n\n  .highlight pre,\n  pre {\n    padding: $spacer-3;\n    overflow: auto;\n    // stylelint-disable-next-line primer/typography\n    font-size: 85%;\n    // stylelint-disable-next-line primer/typography\n    line-height: 1.45;\n    background-color: var(--color-canvas-subtle);\n    border-radius: $border-radius;\n  }\n\n  pre code,\n  pre tt {\n    display: inline;\n    max-width: auto;\n    padding: 0;\n    margin: 0;\n    overflow: visible;\n    line-height: inherit;\n    word-wrap: normal;\n    background-color: transparent;\n    border: 0;\n  }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n  td,\n  th {\n    // stylelint-disable-next-line primer/spacing\n    padding: 5px;\n    overflow: hidden;\n    font-size: $font-size-small;\n    line-height: $lh-condensed-ultra;\n    text-align: left;\n    white-space: nowrap;\n  }\n\n  .blob-num {\n    // stylelint-disable-next-line primer/spacing\n    padding: 10px $spacer-2 9px;\n    text-align: right;\n    background: var(--color-canvas-default);\n    border: 0;\n  }\n\n  tr { border-top: 0; }\n\n  th {\n    font-weight: $font-weight-bold;\n    background: var(--color-canvas-subtle);\n    border-top: 0;\n  }\n}\n","// stylelint-disable selector-max-type\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-compound-selectors\n\n.markdown-body .footnotes {\n  font-size: $h6-size;\n  color: var(--color-fg-muted);\n  border-top: $border;\n\n  ol {\n    padding-left: $spacer-3;\n  }\n\n  li {\n    position: relative;\n  }\n\n  li:target::before {\n    position: absolute;\n    top: -$spacer-2;\n    right: 0;\n    bottom: -$spacer-2;\n    left: -$spacer-4;\n    pointer-events: none;\n    content: \"\";\n    // stylelint-disable-next-line primer/borders\n    border: 2px $border-style var(--color-accent-emphasis);\n    border-radius: $border-radius;\n  }\n\n  .data-footnote-backref g-emoji {\n    font-family: monospace;\n  }\n}\n"]}
+{"version":3,"sources":["../src/src/markdown/markdown-body.scss","../src/src/support/variables/typography.scss","../src/src/base/kbd.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/layout.scss","../src/src/markdown/headings.scss","../src/src/markdown/lists.scss","../src/src/markdown/tables.scss","../src/src/markdown/images.scss","../src/src/markdown/code.scss","../src/src/markdown/blob-csv.scss","../src/src/markdown/footnotes.scss"],"names":[],"mappings":"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","file":"markdown.css","sourcesContent":["// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n  font-family: $body-font;\n  font-size: $h4-size;\n  line-height: $body-line-height;\n  word-wrap: break-word;\n\n  @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n  // Clearfix on the markdown body\n  &::before {\n    display: table;\n    content: \"\";\n  }\n\n  &::after {\n    display: table;\n    clear: both;\n    content: \"\";\n  }\n\n  > *:first-child {\n    margin-top: 0 !important;\n  }\n\n  > *:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  // Anchors like <a name=\"examples\">. These sometimes end up wrapped around\n  // text when users mistakenly forget to close the tag or use self-closing tag\n  // syntax. We don't want them to appear like links.\n  // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n  // possibly faster to match), but it breaks styling of <a href> elements due\n  // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n  a:not([href]) {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  // Link Colors\n  .absent {\n    color: var(--color-danger-fg);\n  }\n\n  .anchor {\n    float: left;\n    padding-right: $spacer-1;\n    // stylelint-disable-next-line primer/spacing\n    margin-left: -20px;\n    line-height: $lh-condensed-ultra;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  p,\n  blockquote,\n  ul,\n  ol,\n  dl,\n  table,\n  pre,\n  details {\n    margin-top: 0;\n    margin-bottom: $spacer-3;\n  }\n\n  hr {\n    height: $em-spacer-3;\n    padding: 0;\n    margin: $spacer-4 0;\n    background-color: var(--color-border-default);\n    border: 0;\n  }\n\n  blockquote {\n    // stylelint-disable-next-line primer/spacing\n    padding: 0 1em;\n    color: var(--color-fg-muted);\n    // stylelint-disable-next-line primer/borders\n    border-left: 0.25em $border-style var(--color-border-default);\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  sup > a::before {\n    content: \"[\";\n  }\n\n  sup > a::after {\n    content: \"]\";\n  }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  padding: ($spacer-1 - 1) ($spacer-1 + 1);\n  font: 11px $mono-font;\n  // stylelint-disable-next-line primer/typography\n  line-height: 10px;\n  color: var(--color-fg-default);\n  vertical-align: middle;\n  background-color: var(--color-canvas-subtle);\n  // stylelint-disable-next-line primer/borders\n  border: $border-style $border-width var(--color-neutral-muted);\n  border-bottom-color: var(--color-neutral-muted);\n  border-radius: $border-radius;\n  // stylelint-disable-next-line primer/box-shadow\n  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);\n}\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px,\n  xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px,\n  xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n  md: 296px,\n  lg: 320px,\n  xl: 344px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Headings\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: $spacer-4;\n    margin-bottom: $spacer-3;\n    font-weight: $font-weight-bold;\n    line-height: $lh-condensed;\n\n    .octicon-link {\n      color: var(--color-fg-default);\n      vertical-align: middle;\n      visibility: hidden;\n    }\n\n    &:hover .anchor {\n      text-decoration: none;\n\n      .octicon-link {\n        visibility: visible;\n      }\n    }\n\n    tt,\n    code {\n      // stylelint-disable-next-line primer/spacing\n      padding: 0 0.2em;\n      font-size: inherit;\n    }\n  }\n\n  h1 {\n    // stylelint-disable-next-line primer/spacing\n    padding-bottom: 0.3em;\n    // stylelint-disable-next-line primer/typography\n    font-size: 2em;\n    border-bottom: $border-width $border-style var(--color-border-muted);\n  }\n\n  h2 {\n    // stylelint-disable-next-line primer/spacing\n    padding-bottom: 0.3em;\n    // stylelint-disable-next-line primer/typography\n    font-size: 1.5em;\n    border-bottom: $border-width $border-style var(--color-border-muted);\n  }\n\n  h3 {\n    // stylelint-disable-next-line primer/typography\n    font-size: 1.25em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    // stylelint-disable-next-line primer/typography\n    font-size: 0.875em;\n  }\n\n  h6 {\n    // stylelint-disable-next-line primer/typography\n    font-size: 0.85em;\n    color: var(--color-fg-muted);\n  }\n}\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Lists, Blockquotes & Such\n  ul,\n  ol {\n    // stylelint-disable-next-line primer/spacing\n    padding-left: 2em;\n\n    &.no-list {\n      padding: 0;\n      list-style-type: none;\n    }\n  }\n\n  ol[type=\"1\"] {\n    list-style-type: decimal;\n  }\n\n  ol[type=\"a\"] {\n    list-style-type: lower-alpha;\n  }\n\n  ol[type=\"i\"] {\n    list-style-type: lower-roman;\n  }\n\n  // Reset <ol> style to decimal (HTML default) specifically for AsciiDoc\n  // <div><ol> construction (doesn't affect MarkDown)\n  div > ol:not([type]) {\n    list-style-type: decimal;\n  }\n\n  // Did someone complain about list spacing? Encourage them\n  // to create the spacing with their markdown formatting.\n  // List behavior should be controled by the markup, not the css.\n  //\n  // For lists with padding between items, use blank\n  // lines between items. This will generate paragraphs with\n  // padding to space things out.\n  //\n  // - item\n  //\n  // - item\n  //\n  // - item\n  //\n  // For list without padding, don't use blank lines.\n  //\n  // - item\n  // - item\n  // - item\n  //\n  // Modifying the css to emulate these behaviors merely brakes\n  // one case in the process of solving another. Don't change\n  // this unless it's really really a bug.\n  ul ul,\n  ul ol,\n  ol ol,\n  ol ul {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  li > p {\n    margin-top: $spacer-3;\n  }\n\n  li + li {\n    margin-top: $em-spacer-3;\n  }\n\n  dl {\n    padding: 0;\n\n    dt {\n      padding: 0;\n      margin-top: $spacer-3;\n      font-size: 1em;\n      font-style: italic;\n      font-weight: $font-weight-bold;\n    }\n\n    dd {\n      padding: 0 $spacer-3;\n      margin-bottom: $spacer-3;\n    }\n  }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Tables\n  table {\n    display: block;\n    width: 100%; // keep for backwards compatibility\n    width: max-content;\n    max-width: 100%;\n    overflow: auto;\n\n    th {\n      font-weight: $font-weight-bold;\n    }\n\n    th,\n    td {\n      // stylelint-disable-next-line primer/spacing\n      padding: 6px 13px;\n      border: $border-width $border-style var(--color-border-default);\n    }\n\n    tr {\n      background-color: var(--color-canvas-default);\n      border-top: $border-width $border-style var(--color-border-muted);\n\n      &:nth-child(2n) {\n        background-color: var(--color-canvas-subtle);\n      }\n    }\n\n    img {\n      background-color: transparent;\n    }\n  }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Images & Stuff\n  img {\n    max-width: 100%;\n    // because we put padding on the images to hide header lines, and some people\n    // specify the width of their images in their markdown.\n    box-sizing: content-box;\n    background-color: var(--color-canvas-default);\n\n    &[align=right] {\n      // stylelint-disable-next-line primer/spacing\n      padding-left: 20px;\n    }\n\n    &[align=left] {\n      // stylelint-disable-next-line primer/spacing\n      padding-right: 20px;\n    }\n  }\n\n  .emoji {\n    max-width: none;\n    vertical-align: text-top;\n    // Override `<img>` styles so Emjois don't clash with zebra striping in our tables\n    background-color: transparent;\n  }\n\n  // Gollum Image Tags\n\n  // Framed\n  span.frame {\n    display: block;\n    overflow: hidden;\n\n    > span {\n      display: block;\n      float: left;\n      width: auto;\n      // stylelint-disable-next-line primer/spacing\n      padding: 7px;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px 0 0;\n      overflow: hidden;\n      border: $border-width $border-style var(--color-border-default);\n    }\n\n    span img {\n      display: block;\n      float: left;\n    }\n\n    span span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      padding: 5px 0 0;\n      clear: both;\n      color: var(--color-fg-default);\n    }\n  }\n\n  span.align-center {\n    display: block;\n    overflow: hidden;\n    clear: both;\n\n    > span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px auto 0;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    span img {\n      margin: 0 auto;\n      text-align: center;\n    }\n  }\n\n  span.align-right {\n    display: block;\n    overflow: hidden;\n    clear: both;\n\n    > span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px 0 0;\n      overflow: hidden;\n      text-align: right;\n    }\n\n    span img {\n      margin: 0;\n      text-align: right;\n    }\n  }\n\n  span.float-left {\n    display: block;\n    float: left;\n    // stylelint-disable-next-line primer/spacing\n    margin-right: 13px;\n    overflow: hidden;\n\n    span {\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px 0 0;\n    }\n  }\n\n  span.float-right {\n    display: block;\n    float: right;\n    // stylelint-disable-next-line primer/spacing\n    margin-left: 13px;\n    overflow: hidden;\n\n    > span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px auto 0;\n      overflow: hidden;\n      text-align: right;\n    }\n  }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n  // Inline code snippets\n  code,\n  tt {\n    // stylelint-disable-next-line primer/spacing\n    padding: 0.2em 0.4em;\n    margin: 0;\n    // stylelint-disable-next-line primer/typography\n    font-size: 85%;\n    background-color: var(--color-neutral-muted);\n    border-radius: $border-radius;\n\n    br { display: none; }\n  }\n\n  del code { text-decoration: inherit; }\n\n  pre {\n    word-wrap: normal;\n\n    code {\n      // stylelint-disable-next-line primer/typography\n      font-size: 100%;\n    }\n\n    // Code tags within code blocks (<pre>s)\n    > code {\n      padding: 0;\n      margin: 0;\n      word-break: normal;\n      white-space: pre;\n      background: transparent;\n      border: 0;\n    }\n  }\n\n  .highlight {\n    margin-bottom: $spacer-3;\n\n    pre {\n      margin-bottom: 0;\n      word-break: normal;\n    }\n  }\n\n  .highlight pre,\n  pre {\n    padding: $spacer-3;\n    overflow: auto;\n    // stylelint-disable-next-line primer/typography\n    font-size: 85%;\n    // stylelint-disable-next-line primer/typography\n    line-height: 1.45;\n    background-color: var(--color-canvas-subtle);\n    border-radius: $border-radius;\n  }\n\n  pre code,\n  pre tt {\n    display: inline;\n    max-width: auto;\n    padding: 0;\n    margin: 0;\n    overflow: visible;\n    line-height: inherit;\n    word-wrap: normal;\n    background-color: transparent;\n    border: 0;\n  }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n  td,\n  th {\n    // stylelint-disable-next-line primer/spacing\n    padding: 5px;\n    overflow: hidden;\n    font-size: $font-size-small;\n    line-height: $lh-condensed-ultra;\n    text-align: left;\n    white-space: nowrap;\n  }\n\n  .blob-num {\n    // stylelint-disable-next-line primer/spacing\n    padding: 10px $spacer-2 9px;\n    text-align: right;\n    background: var(--color-canvas-default);\n    border: 0;\n  }\n\n  tr { border-top: 0; }\n\n  th {\n    font-weight: $font-weight-bold;\n    background: var(--color-canvas-subtle);\n    border-top: 0;\n  }\n}\n","// stylelint-disable selector-max-type\n// stylelint-disable selector-max-compound-selectors\n\n.markdown-body .footnotes {\n  font-size: $h6-size;\n  color: var(--color-fg-muted);\n  border-top: $border;\n\n  ol {\n    padding-left: $spacer-3;\n  }\n\n  li {\n    position: relative;\n  }\n\n  li:target::before {\n    position: absolute;\n    top: -$spacer-2;\n    right: 0;\n    bottom: -$spacer-2;\n    left: -$spacer-4;\n    pointer-events: none;\n    content: \"\";\n    // stylelint-disable-next-line primer/borders\n    border: 2px $border-style var(--color-accent-emphasis);\n    border-radius: $border-radius;\n  }\n\n  .data-footnote-backref g-emoji {\n    font-family: monospace;\n  }\n}\n"]}

package/dist/meta.json

@@ -1,31 +1,5 @@
 {
   "bundles": {
-    "alerts": {
-      "name": "alerts",
-      "source": "src/alerts/index.scss",
-      "sass": "@primer/css/alerts/index.scss",
-      "css": "dist/alerts.css",
-      "map": "dist/alerts.css.map",
-      "js": "dist/alerts.js",
-      "stats": "dist/stats/alerts.json",
-      "legacy": "primer-alerts/index.scss",
-      "imports": [
-        "support"
-      ]
-    },
-    "avatars": {
-      "name": "avatars",
-      "source": "src/avatars/index.scss",
-      "sass": "@primer/css/avatars/index.scss",
-      "css": "dist/avatars.css",
-      "map": "dist/avatars.css.map",
-      "js": "dist/avatars.js",
-      "stats": "dist/stats/avatars.json",
-      "legacy": "primer-avatars/index.scss",
-      "imports": [
-        "support"
-      ]
-    },
     "autocomplete": {
       "name": "autocomplete",
       "source": "src/autocomplete/index.scss",
@@ -39,6 +13,19 @@
         "support"
       ]
     },
+    "alerts": {
+      "name": "alerts",
+      "source": "src/alerts/index.scss",
+      "sass": "@primer/css/alerts/index.scss",
+      "css": "dist/alerts.css",
+      "map": "dist/alerts.css.map",
+      "js": "dist/alerts.js",
+      "stats": "dist/stats/alerts.json",
+      "legacy": "primer-alerts/index.scss",
+      "imports": [
+        "support"
+      ]
+    },
     "blankslate": {
       "name": "blankslate",
       "source": "src/blankslate/index.scss",
@@ -52,28 +39,15 @@
         "support"
       ]
     },
-    "base": {
-      "name": "base",
-      "source": "src/base/index.scss",
-      "sass": "@primer/css/base/index.scss",
-      "css": "dist/base.css",
-      "map": "dist/base.css.map",
-      "js": "dist/base.js",
-      "stats": "dist/stats/base.json",
-      "legacy": "primer-base/index.scss",
-      "imports": [
-        "support"
-      ]
-    },
-    "box": {
-      "name": "box",
-      "source": "src/box/index.scss",
-      "sass": "@primer/css/box/index.scss",
-      "css": "dist/box.css",
-      "map": "dist/box.css.map",
-      "js": "dist/box.js",
-      "stats": "dist/stats/box.json",
-      "legacy": "primer-box/index.scss",
+    "avatars": {
+      "name": "avatars",
+      "source": "src/avatars/index.scss",
+      "sass": "@primer/css/avatars/index.scss",
+      "css": "dist/avatars.css",
+      "map": "dist/avatars.css.map",
+      "js": "dist/avatars.js",
+      "stats": "dist/stats/avatars.json",
+      "legacy": "primer-avatars/index.scss",
       "imports": [
         "support"
       ]
@@ -91,6 +65,19 @@
         "support"
       ]
     },
+    "base": {
+      "name": "base",
+      "source": "src/base/index.scss",
+      "sass": "@primer/css/base/index.scss",
+      "css": "dist/base.css",
+      "map": "dist/base.css.map",
+      "js": "dist/base.js",
+      "stats": "dist/stats/base.json",
+      "legacy": "primer-base/index.scss",
+      "imports": [
+        "support"
+      ]
+    },
     "breadcrumb": {
       "name": "breadcrumb",
       "source": "src/breadcrumb/index.scss",
@@ -104,6 +91,19 @@
         "support"
       ]
     },
+    "box": {
+      "name": "box",
+      "source": "src/box/index.scss",
+      "sass": "@primer/css/box/index.scss",
+      "css": "dist/box.css",
+      "map": "dist/box.css.map",
+      "js": "dist/box.js",
+      "stats": "dist/stats/box.json",
+      "legacy": "primer-box/index.scss",
+      "imports": [
+        "support"
+      ]
+    },
     "buttons": {
       "name": "buttons",
       "source": "src/buttons/index.scss",
@@ -169,6 +169,19 @@
         "support"
       ]
     },
+    "layout": {
+      "name": "layout",
+      "source": "src/layout/index.scss",
+      "sass": "@primer/css/layout/index.scss",
+      "css": "dist/layout.css",
+      "map": "dist/layout.css.map",
+      "js": "dist/layout.js",
+      "stats": "dist/stats/layout.json",
+      "legacy": "primer-layout/index.scss",
+      "imports": [
+        "support"
+      ]
+    },
     "links": {
       "name": "links",
       "source": "src/links/index.scss",
@@ -263,32 +276,6 @@
         "support"
       ]
     },
-    "core": {
-      "name": "core",
-      "source": "src/core/index.scss",
-      "sass": "@primer/css/core/index.scss",
-      "css": "dist/core.css",
-      "map": "dist/core.css.map",
-      "js": "dist/core.js",
-      "stats": "dist/stats/core.json",
-      "legacy": "primer-core/index.scss",
-      "imports": [
-        "support",
-        "base",
-        "box",
-        "breadcrumb",
-        "buttons",
-        "table-object",
-        "forms",
-        "layout",
-        "links",
-        "navigation",
-        "pagination",
-        "tooltips",
-        "truncate",
-        "utilities"
-      ]
-    },
     "color-modes": {
       "name": "color-modes",
       "source": "src/color-modes/index.scss",
@@ -300,6 +287,32 @@
       "legacy": "primer-color-modes/index.scss",
       "imports": []
     },
+    "progress": {
+      "name": "progress",
+      "source": "src/progress/index.scss",
+      "sass": "@primer/css/progress/index.scss",
+      "css": "dist/progress.css",
+      "map": "dist/progress.css.map",
+      "js": "dist/progress.js",
+      "stats": "dist/stats/progress.json",
+      "legacy": "primer-progress/index.scss",
+      "imports": [
+        "support"
+      ]
+    },
+    "select-menu": {
+      "name": "select-menu",
+      "source": "src/select-menu/index.scss",
+      "sass": "@primer/css/select-menu/index.scss",
+      "css": "dist/select-menu.css",
+      "map": "dist/select-menu.css.map",
+      "js": "dist/select-menu.js",
+      "stats": "dist/stats/select-menu.json",
+      "legacy": "primer-select-menu/index.scss",
+      "imports": [
+        "support"
+      ]
+    },
     "subhead": {
       "name": "subhead",
       "source": "src/subhead/index.scss",
@@ -313,17 +326,6 @@
         "support"
       ]
     },
-    "support": {
-      "name": "support",
-      "source": "src/support/index.scss",
-      "sass": "@primer/css/support/index.scss",
-      "css": "dist/support.css",
-      "map": "dist/support.css.map",
-      "js": "dist/support.js",
-      "stats": "dist/stats/support.json",
-      "legacy": "primer-support/index.scss",
-      "imports": []
-    },
     "table-object": {
       "name": "table-object",
       "source": "src/table-object/index.scss",
@@ -335,19 +337,45 @@
       "legacy": "primer-table-object/index.scss",
       "imports": []
     },
-    "select-menu": {
-      "name": "select-menu",
-      "source": "src/select-menu/index.scss",
-      "sass": "@primer/css/select-menu/index.scss",
-      "css": "dist/select-menu.css",
-      "map": "dist/select-menu.css.map",
-      "js": "dist/select-menu.js",
-      "stats": "dist/stats/select-menu.json",
-      "legacy": "primer-select-menu/index.scss",
+    "product": {
+      "name": "product",
+      "source": "src/product/index.scss",
+      "sass": "@primer/css/product/index.scss",
+      "css": "dist/product.css",
+      "map": "dist/product.css.map",
+      "js": "dist/product.js",
+      "stats": "dist/stats/product.json",
+      "legacy": "primer-product/index.scss",
       "imports": [
-        "support"
+        "support",
+        "alerts",
+        "autocomplete",
+        "avatars",
+        "blankslate",
+        "branch-name",
+        "dropdown",
+        "header",
+        "labels",
+        "loaders",
+        "markdown",
+        "popover",
+        "progress",
+        "select-menu",
+        "subhead",
+        "timeline"
       ]
     },
+    "support": {
+      "name": "support",
+      "source": "src/support/index.scss",
+      "sass": "@primer/css/support/index.scss",
+      "css": "dist/support.css",
+      "map": "dist/support.css.map",
+      "js": "dist/support.js",
+      "stats": "dist/stats/support.json",
+      "legacy": "primer-support/index.scss",
+      "imports": []
+    },
     "timeline": {
       "name": "timeline",
       "source": "src/timeline/index.scss",
@@ -361,19 +389,6 @@
         "support"
       ]
     },
-    "layout": {
-      "name": "layout",
-      "source": "src/layout/index.scss",
-      "sass": "@primer/css/layout/index.scss",
-      "css": "dist/layout.css",
-      "map": "dist/layout.css.map",
-      "js": "dist/layout.js",
-      "stats": "dist/stats/layout.json",
-      "legacy": "primer-layout/index.scss",
-      "imports": [
-        "support"
-      ]
-    },
     "toasts": {
       "name": "toasts",
       "source": "src/toasts/index.scss",
@@ -413,19 +428,6 @@
         "support"
       ]
     },
-    "marketing-support": {
-      "name": "marketing-support",
-      "source": "src/marketing/support/index.scss",
-      "sass": "@primer/css/marketing/support/index.scss",
-      "css": "dist/marketing-support.css",
-      "map": "dist/marketing-support.css.map",
-      "js": "dist/marketing-support.js",
-      "stats": "dist/stats/marketing-support.json",
-      "legacy": "primer-marketing-support/index.scss",
-      "imports": [
-        "support"
-      ]
-    },
     "marketing-buttons": {
       "name": "marketing-buttons",
       "source": "src/marketing/buttons/index.scss",
@@ -439,32 +441,17 @@
         "marketing-support"
       ]
     },
-    "product": {
-      "name": "product",
-      "source": "src/product/index.scss",
-      "sass": "@primer/css/product/index.scss",
-      "css": "dist/product.css",
-      "map": "dist/product.css.map",
-      "js": "dist/product.js",
-      "stats": "dist/stats/product.json",
-      "legacy": "primer-product/index.scss",
+    "marketing-support": {
+      "name": "marketing-support",
+      "source": "src/marketing/support/index.scss",
+      "sass": "@primer/css/marketing/support/index.scss",
+      "css": "dist/marketing-support.css",
+      "map": "dist/marketing-support.css.map",
+      "js": "dist/marketing-support.js",
+      "stats": "dist/stats/marketing-support.json",
+      "legacy": "primer-marketing-support/index.scss",
       "imports": [
-        "support",
-        "alerts",
-        "autocomplete",
-        "avatars",
-        "blankslate",
-        "branch-name",
-        "dropdown",
-        "header",
-        "labels",
-        "loaders",
-        "markdown",
-        "popover",
-        "progress",
-        "select-menu",
-        "subhead",
-        "timeline"
+        "support"
       ]
     },
     "marketing-type": {
@@ -522,17 +509,30 @@
         "marketing"
       ]
     },
-    "progress": {
-      "name": "progress",
-      "source": "src/progress/index.scss",
-      "sass": "@primer/css/progress/index.scss",
-      "css": "dist/progress.css",
-      "map": "dist/progress.css.map",
-      "js": "dist/progress.js",
-      "stats": "dist/stats/progress.json",
-      "legacy": "primer-progress/index.scss",
+    "core": {
+      "name": "core",
+      "source": "src/core/index.scss",
+      "sass": "@primer/css/core/index.scss",
+      "css": "dist/core.css",
+      "map": "dist/core.css.map",
+      "js": "dist/core.js",
+      "stats": "dist/stats/core.json",
+      "legacy": "primer-core/index.scss",
       "imports": [
-        "support"
+        "support",
+        "base",
+        "box",
+        "breadcrumb",
+        "buttons",
+        "table-object",
+        "forms",
+        "layout",
+        "links",
+        "navigation",
+        "pagination",
+        "tooltips",
+        "truncate",
+        "utilities"
       ]
     }
   }