@primer/css 20.0.0-rc.645e2ab2 → 20.0.0-rc.7b88bc5d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/CHANGELOG.md +162 -3
  2. package/CONTRIBUTING.md +6 -4
  3. package/DEVELOP.md +26 -21
  4. package/README.md +2 -2
  5. package/actionlist/action-list-item-divider.scss +8 -2
  6. package/actionlist/action-list-item.scss +213 -129
  7. package/actionlist/action-list-tree.scss +118 -0
  8. package/actionlist/action-list.scss +29 -0
  9. package/actionlist/index.scss +1 -0
  10. package/alerts/flash.scss +6 -2
  11. package/autocomplete/autocomplete.scss +58 -1
  12. package/avatars/avatar-stack.scss +1 -0
  13. package/base/base.scss +63 -3
  14. package/base/kbd.scss +0 -1
  15. package/base/normalize.scss +13 -53
  16. package/base/typography-base.scss +3 -2
  17. package/blankslate/blankslate.scss +20 -1
  18. package/box/box-overlay.scss +2 -0
  19. package/box/box.scss +0 -3
  20. package/branch-name/branch-name.scss +1 -0
  21. package/buttons/button.scss +55 -27
  22. package/buttons/misc.scss +25 -19
  23. package/color-modes/index.scss +2 -0
  24. package/color-modes/native.scss +11 -0
  25. package/color-modes/themes/dark_tritanopia.scss +6 -0
  26. package/color-modes/themes/light_tritanopia.scss +6 -0
  27. package/dist/actionlist.css +1 -1
  28. package/dist/actionlist.css.map +1 -1
  29. package/dist/alerts.css +1 -1
  30. package/dist/alerts.css.map +1 -1
  31. package/dist/autocomplete.css +1 -1
  32. package/dist/autocomplete.css.map +1 -1
  33. package/dist/avatars.css +1 -1
  34. package/dist/avatars.css.map +1 -1
  35. package/dist/base.css +1 -1
  36. package/dist/base.css.map +1 -1
  37. package/dist/blankslate.css +1 -1
  38. package/dist/blankslate.css.map +1 -1
  39. package/dist/box.css.map +1 -1
  40. package/dist/branch-name.css +1 -1
  41. package/dist/branch-name.css.map +1 -1
  42. package/dist/breadcrumb.css.map +1 -1
  43. package/dist/buttons.css +1 -1
  44. package/dist/buttons.css.map +1 -1
  45. package/dist/color-modes.css +1 -1
  46. package/dist/color-modes.css.map +1 -1
  47. package/dist/core.css +1 -1
  48. package/dist/core.css.map +1 -1
  49. package/dist/dropdown.css +1 -1
  50. package/dist/dropdown.css.map +1 -1
  51. package/dist/forms.css +1 -1
  52. package/dist/forms.css.map +1 -1
  53. package/dist/header.css.map +1 -1
  54. package/dist/labels.css +1 -1
  55. package/dist/labels.css.map +1 -1
  56. package/dist/layout.css +1 -1
  57. package/dist/layout.css.map +1 -1
  58. package/dist/links.css +1 -1
  59. package/dist/links.css.map +1 -1
  60. package/dist/loaders.css.map +1 -1
  61. package/dist/markdown.css +1 -1
  62. package/dist/markdown.css.map +1 -1
  63. package/dist/marketing-buttons.css +1 -1
  64. package/dist/marketing-buttons.css.map +1 -1
  65. package/dist/marketing-links.css +1 -1
  66. package/dist/marketing-links.css.map +1 -1
  67. package/dist/marketing-type.css.map +1 -1
  68. package/dist/marketing-utilities.css.map +1 -1
  69. package/dist/marketing.css +1 -1
  70. package/dist/marketing.css.map +1 -1
  71. package/dist/meta.json +106 -106
  72. package/dist/navigation.css +1 -1
  73. package/dist/navigation.css.map +1 -1
  74. package/dist/pagination.css +1 -1
  75. package/dist/pagination.css.map +1 -1
  76. package/dist/popover.css +1 -1
  77. package/dist/popover.css.map +1 -1
  78. package/dist/primer.css +4 -4
  79. package/dist/primer.css.map +1 -1
  80. package/dist/product.css +1 -1
  81. package/dist/product.css.map +1 -1
  82. package/dist/progress.css.map +1 -1
  83. package/dist/select-menu.css.map +1 -1
  84. package/dist/stats/actionlist.json +1 -1
  85. package/dist/stats/alerts.json +1 -1
  86. package/dist/stats/autocomplete.json +1 -1
  87. package/dist/stats/avatars.json +1 -1
  88. package/dist/stats/base.json +1 -1
  89. package/dist/stats/blankslate.json +1 -1
  90. package/dist/stats/branch-name.json +1 -1
  91. package/dist/stats/buttons.json +1 -1
  92. package/dist/stats/color-modes.json +1 -1
  93. package/dist/stats/core.json +1 -1
  94. package/dist/stats/dropdown.json +1 -1
  95. package/dist/stats/forms.json +1 -1
  96. package/dist/stats/labels.json +1 -1
  97. package/dist/stats/layout.json +1 -1
  98. package/dist/stats/links.json +1 -1
  99. package/dist/stats/markdown.json +1 -1
  100. package/dist/stats/marketing-buttons.json +1 -1
  101. package/dist/stats/marketing-links.json +1 -1
  102. package/dist/stats/marketing.json +1 -1
  103. package/dist/stats/navigation.json +1 -1
  104. package/dist/stats/pagination.json +1 -1
  105. package/dist/stats/popover.json +1 -1
  106. package/dist/stats/primer.json +1 -1
  107. package/dist/stats/product.json +1 -1
  108. package/dist/stats/subhead.json +1 -1
  109. package/dist/stats/toasts.json +1 -1
  110. package/dist/stats/tooltips.json +1 -1
  111. package/dist/stats/utilities.json +1 -1
  112. package/dist/subhead.css +1 -1
  113. package/dist/subhead.css.map +1 -1
  114. package/dist/table-object.css.map +1 -1
  115. package/dist/timeline.css.map +1 -1
  116. package/dist/toasts.css +1 -1
  117. package/dist/toasts.css.map +1 -1
  118. package/dist/tooltips.css +1 -1
  119. package/dist/tooltips.css.map +1 -1
  120. package/dist/truncate.css.map +1 -1
  121. package/dist/utilities.css +1 -1
  122. package/dist/utilities.css.map +1 -1
  123. package/dist/variables.json +34 -34
  124. package/dropdown/dropdown.scss +0 -2
  125. package/forms/form-control.scss +24 -5
  126. package/forms/form-group.scss +48 -13
  127. package/forms/form-validation.scss +12 -7
  128. package/forms/input-group.scss +18 -0
  129. package/labels/labels.scss +11 -1
  130. package/labels/mixins.scss +7 -2
  131. package/labels/states.scss +2 -2
  132. package/layout/grid-offset.scss +1 -0
  133. package/layout/grid.scss +1 -0
  134. package/layout/index.scss +1 -0
  135. package/layout/layout.scss +5 -4
  136. package/layout/mixins.scss +27 -1
  137. package/layout/page-layout.scss +384 -0
  138. package/links/link.scss +6 -1
  139. package/markdown/code.scss +5 -0
  140. package/markdown/footnotes.scss +38 -26
  141. package/markdown/headings.scss +17 -0
  142. package/markdown/images.scss +1 -1
  143. package/markdown/markdown-body.scss +0 -8
  144. package/marketing/buttons/button.scss +32 -26
  145. package/marketing/links/link.scss +5 -5
  146. package/marketing/type/typography.scss +18 -0
  147. package/marketing/utilities/layout.scss +1 -0
  148. package/navigation/filter-list.scss +18 -0
  149. package/navigation/menu.scss +6 -8
  150. package/navigation/sidenav.scss +1 -10
  151. package/navigation/subnav.scss +19 -0
  152. package/navigation/tabnav.scss +7 -2
  153. package/navigation/underline-nav.scss +51 -46
  154. package/package.json +32 -25
  155. package/pagination/pagination.scss +62 -4
  156. package/popover/popover.scss +2 -2
  157. package/select-menu/select-menu.scss +1 -1
  158. package/subhead/subhead.scss +3 -0
  159. package/support/mixins/color-modes.scss +2 -0
  160. package/support/mixins/layout.scss +1 -0
  161. package/support/mixins/misc.scss +28 -5
  162. package/support/variables/layout.scss +3 -3
  163. package/table-object/table-object.scss +3 -0
  164. package/timeline/timeline-item.scss +2 -1
  165. package/toasts/toasts.scss +7 -4
  166. package/tooltips/tooltips.scss +0 -7
  167. package/utilities/colors.scss +16 -0
  168. package/utilities/details.scss +81 -4
  169. package/utilities/layout.scss +1 -1
  170. package/utilities/margin.scss +4 -1
  171. package/utilities/padding.scss +3 -1
  172. package/utilities/visibility-display.scss +52 -3
  173. package/table-object/README.md +0 -25
package/dist/stats/tooltips.json CHANGED
@@ -1 +1 @@
1
- {"size":3669,"gzipSize":1027,"humanizedSize":"4KB","humanizedGzipSize":"1KB","rules":{"total":33,"size":{"graph":[1,19,10,1,1,7,1,1,3,5,3,1,3,5,3,1,1,4,5,4,5,2,1,1,2,1,1,5,3,1,1,1,1],"max":19,"average":3.1515151515151514},"selectorByRuleSizes":[{"selector":".tooltipped::after","declarations":19},{"selector":".tooltipped::before","declarations":10},{"selector":".tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after","declarations":7},{"selector":".tooltipped-multiline::after","declarations":5},{"selector":".tooltipped-e::before","declarations":5},{"selector":".tooltipped-w::before","declarations":5},{"selector":".tooltipped-n::before,.tooltipped-ne::before,.tooltipped-nw::before","declarations":5},{"selector":".tooltipped-s::before,.tooltipped-se::before,.tooltipped-sw::before","declarations":5},{"selector":".tooltipped-e::after","declarations":4},{"selector":".tooltipped-w::after","declarations":4},{"selector":".tooltipped-multiline.tooltipped-s::after,.tooltipped-multiline.tooltipped-n::after","declarations":3},{"selector":".tooltipped-ne::after","declarations":3},{"selector":".tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after","declarations":3},{"selector":".tooltipped-se::after","declarations":3},{"selector":".tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after","declarations":3},{"selector":".tooltipped-align-left-1::after,.tooltipped-align-left-2::after","declarations":2},{"selector":".tooltipped-align-right-1::after,.tooltipped-align-right-2::after","declarations":2},{"selector":".tooltipped-sticky.tooltipped-multiline::after","declarations":1},{"selector":".tooltipped-sticky::before,.tooltipped-sticky::after","declarations":1},{"selector":".tooltipped-multiline::after","declarations":1},{"selector":".tooltipped-multiline.tooltipped-w::after,.tooltipped-multiline.tooltipped-e::after","declarations":1},{"selector":".tooltipped-align-left-2::before","declarations":1},{"selector":".tooltipped-align-left-1::before","declarations":1},{"selector":".tooltipped-align-right-2::before","declarations":1},{"selector":".tooltipped-align-right-1::before","declarations":1},{"selector":".tooltipped-s::after,.tooltipped-n::after","declarations":1},{"selector":".tooltipped-nw::after","declarations":1},{"selector":".tooltipped-sw::after","declarations":1},{"selector":".tooltipped-multiline:hover::after,.tooltipped-multiline:active::after,.tooltipped-multiline:focus::after","declarations":1},{"selector":".tooltipped-no-delay:hover::before,.tooltipped-no-delay:hover::after,.tooltipped-no-delay:active::before,.tooltipped-no-delay:active::after,.tooltipped-no-delay:focus::before,.tooltipped-no-delay:focus::after","declarations":1},{"selector":"to","declarations":1},{"selector":"from","declarations":1},{"selector":".tooltipped","declarations":1}]},"selectors":{"total":57,"type":0,"class":57,"id":0,"pseudoClass":15,"pseudoElement":56,"values":[".tooltipped",".tooltipped::after",".tooltipped::before",".tooltipped:hover::before",".tooltipped:hover::after",".tooltipped:active::before",".tooltipped:active::after",".tooltipped:focus::before",".tooltipped:focus::after",".tooltipped-no-delay:hover::before",".tooltipped-no-delay:hover::after",".tooltipped-no-delay:active::before",".tooltipped-no-delay:active::after",".tooltipped-no-delay:focus::before",".tooltipped-no-delay:focus::after",".tooltipped-multiline:hover::after",".tooltipped-multiline:active::after",".tooltipped-multiline:focus::after",".tooltipped-s::after",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-s::before",".tooltipped-se::before",".tooltipped-sw::before",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-n::after",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-n::before",".tooltipped-ne::before",".tooltipped-nw::before",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-s::after",".tooltipped-n::after",".tooltipped-w::after",".tooltipped-w::before",".tooltipped-e::after",".tooltipped-e::before",".tooltipped-align-right-1::after",".tooltipped-align-right-2::after",".tooltipped-align-right-1::before",".tooltipped-align-right-2::before",".tooltipped-align-left-1::after",".tooltipped-align-left-2::after",".tooltipped-align-left-1::before",".tooltipped-align-left-2::before",".tooltipped-multiline::after",".tooltipped-multiline.tooltipped-s::after",".tooltipped-multiline.tooltipped-n::after",".tooltipped-multiline.tooltipped-w::after",".tooltipped-multiline.tooltipped-e::after",".tooltipped-multiline::after",".tooltipped-sticky::before",".tooltipped-sticky::after",".tooltipped-sticky.tooltipped-multiline::after"],"specificity":{"max":21,"average":14.491228070175438}},"declarations":{"total":104,"unique":78,"uniqueToTotalRatio":0.75,"properties":{"position":["relative","absolute","absolute"],"z-index":["1000000","1000001"],"display":["none","none","inline-block","table-cell","inline-block","table-cell"],"padding":[".5em .75em"],"font":["normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\""],"-webkit-font-smoothing":["subpixel-antialiased"],"color":["var(--color-fg-on-emphasis)","var(--color-neutral-emphasis-plus)"],"text-align":["center"],"text-decoration":["none","none"],"text-shadow":["none"],"text-transform":["none"],"letter-spacing":["normal"],"word-wrap":["break-word","break-word"],"white-space":["pre","pre-line"],"pointer-events":["none","none"],"content":["attr(aria-label)","\"\""],"background":["var(--color-neutral-emphasis-plus)"],"border-radius":["6px"],"opacity":["0","0","0","1"],"width":["0","max-content","250px"],"height":["0"],"border":["6px solid transparent"],"animation-name":["tooltip-appear"],"animation-duration":[".1s"],"animation-fill-mode":["forwards"],"animation-timing-function":["ease-in"],"animation-delay":[".4s","0s"],"top":["100%","auto","-7px","50%","50%"],"right":["50%","50%","auto","50%","50%","auto","100%","-7px","0","10px","15px","auto","100%"],"margin-top":["6px","-6px","-6px"],"bottom":["-7px","100%","auto","50%","50%","50%","50%"],"margin-right":["-6px","-16px","-6px","-16px","6px","0"],"border-bottom-color":["var(--color-neutral-emphasis-plus)"],"left":["50%","50%","-7px","100%","0","5px","10px","50%"],"margin-left":["-16px","-16px","6px","0"],"margin-bottom":["6px"],"border-top-color":["var(--color-neutral-emphasis-plus)"],"transform":["translateX(50%)","translateY(50%)","translateY(50%)","translateX(-50%)"],"border-left-color":["var(--color-neutral-emphasis-plus)"],"border-right-color":["var(--color-neutral-emphasis-plus)"],"max-width":["250px"],"border-collapse":["separate"]}},"mediaQueries":{"total":1,"unique":1,"values":["screen and (min-width: 0\\0 )"],"contents":[{"value":"screen and (min-width: 0\\0 )","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".tooltipped-multiline::after","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".tooltipped-multiline::after"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"width":["250px"]}}}]}}
1
+ {"size":3591,"gzipSize":996,"humanizedSize":"4KB","humanizedGzipSize":"996B","rules":{"total":32,"size":{"graph":[1,19,10,1,1,7,1,1,3,5,3,1,3,5,3,1,1,4,5,4,5,2,1,1,2,1,1,5,3,1,1,1],"max":19,"average":3.21875},"selectorByRuleSizes":[{"selector":".tooltipped::after","declarations":19},{"selector":".tooltipped::before","declarations":10},{"selector":".tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after","declarations":7},{"selector":".tooltipped-multiline::after","declarations":5},{"selector":".tooltipped-e::before","declarations":5},{"selector":".tooltipped-w::before","declarations":5},{"selector":".tooltipped-n::before,.tooltipped-ne::before,.tooltipped-nw::before","declarations":5},{"selector":".tooltipped-s::before,.tooltipped-se::before,.tooltipped-sw::before","declarations":5},{"selector":".tooltipped-e::after","declarations":4},{"selector":".tooltipped-w::after","declarations":4},{"selector":".tooltipped-multiline.tooltipped-s::after,.tooltipped-multiline.tooltipped-n::after","declarations":3},{"selector":".tooltipped-ne::after","declarations":3},{"selector":".tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after","declarations":3},{"selector":".tooltipped-se::after","declarations":3},{"selector":".tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after","declarations":3},{"selector":".tooltipped-align-left-1::after,.tooltipped-align-left-2::after","declarations":2},{"selector":".tooltipped-align-right-1::after,.tooltipped-align-right-2::after","declarations":2},{"selector":".tooltipped-sticky.tooltipped-multiline::after","declarations":1},{"selector":".tooltipped-sticky::before,.tooltipped-sticky::after","declarations":1},{"selector":".tooltipped-multiline.tooltipped-w::after,.tooltipped-multiline.tooltipped-e::after","declarations":1},{"selector":".tooltipped-align-left-2::before","declarations":1},{"selector":".tooltipped-align-left-1::before","declarations":1},{"selector":".tooltipped-align-right-2::before","declarations":1},{"selector":".tooltipped-align-right-1::before","declarations":1},{"selector":".tooltipped-s::after,.tooltipped-n::after","declarations":1},{"selector":".tooltipped-nw::after","declarations":1},{"selector":".tooltipped-sw::after","declarations":1},{"selector":".tooltipped-multiline:hover::after,.tooltipped-multiline:active::after,.tooltipped-multiline:focus::after","declarations":1},{"selector":".tooltipped-no-delay:hover::before,.tooltipped-no-delay:hover::after,.tooltipped-no-delay:active::before,.tooltipped-no-delay:active::after,.tooltipped-no-delay:focus::before,.tooltipped-no-delay:focus::after","declarations":1},{"selector":"to","declarations":1},{"selector":"from","declarations":1},{"selector":".tooltipped","declarations":1}]},"selectors":{"total":56,"type":0,"class":56,"id":0,"pseudoClass":15,"pseudoElement":55,"values":[".tooltipped",".tooltipped::after",".tooltipped::before",".tooltipped:hover::before",".tooltipped:hover::after",".tooltipped:active::before",".tooltipped:active::after",".tooltipped:focus::before",".tooltipped:focus::after",".tooltipped-no-delay:hover::before",".tooltipped-no-delay:hover::after",".tooltipped-no-delay:active::before",".tooltipped-no-delay:active::after",".tooltipped-no-delay:focus::before",".tooltipped-no-delay:focus::after",".tooltipped-multiline:hover::after",".tooltipped-multiline:active::after",".tooltipped-multiline:focus::after",".tooltipped-s::after",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-s::before",".tooltipped-se::before",".tooltipped-sw::before",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-n::after",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-n::before",".tooltipped-ne::before",".tooltipped-nw::before",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-s::after",".tooltipped-n::after",".tooltipped-w::after",".tooltipped-w::before",".tooltipped-e::after",".tooltipped-e::before",".tooltipped-align-right-1::after",".tooltipped-align-right-2::after",".tooltipped-align-right-1::before",".tooltipped-align-right-2::before",".tooltipped-align-left-1::after",".tooltipped-align-left-2::after",".tooltipped-align-left-1::before",".tooltipped-align-left-2::before",".tooltipped-multiline::after",".tooltipped-multiline.tooltipped-s::after",".tooltipped-multiline.tooltipped-n::after",".tooltipped-multiline.tooltipped-w::after",".tooltipped-multiline.tooltipped-e::after",".tooltipped-sticky::before",".tooltipped-sticky::after",".tooltipped-sticky.tooltipped-multiline::after"],"specificity":{"max":21,"average":14.553571428571429}},"declarations":{"total":103,"unique":77,"uniqueToTotalRatio":0.7475728155339806,"properties":{"position":["relative","absolute","absolute"],"z-index":["1000000","1000001"],"display":["none","none","inline-block","table-cell","inline-block","table-cell"],"padding":[".5em .75em"],"font":["normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\""],"-webkit-font-smoothing":["subpixel-antialiased"],"color":["var(--color-fg-on-emphasis)","var(--color-neutral-emphasis-plus)"],"text-align":["center"],"text-decoration":["none","none"],"text-shadow":["none"],"text-transform":["none"],"letter-spacing":["normal"],"word-wrap":["break-word","break-word"],"white-space":["pre","pre-line"],"pointer-events":["none","none"],"content":["attr(aria-label)","\"\""],"background":["var(--color-neutral-emphasis-plus)"],"border-radius":["6px"],"opacity":["0","0","0","1"],"width":["0","max-content"],"height":["0"],"border":["6px solid transparent"],"animation-name":["tooltip-appear"],"animation-duration":[".1s"],"animation-fill-mode":["forwards"],"animation-timing-function":["ease-in"],"animation-delay":[".4s","0s"],"top":["100%","auto","-7px","50%","50%"],"right":["50%","50%","auto","50%","50%","auto","100%","-7px","0","10px","15px","auto","100%"],"margin-top":["6px","-6px","-6px"],"bottom":["-7px","100%","auto","50%","50%","50%","50%"],"margin-right":["-6px","-16px","-6px","-16px","6px","0"],"border-bottom-color":["var(--color-neutral-emphasis-plus)"],"left":["50%","50%","-7px","100%","0","5px","10px","50%"],"margin-left":["-16px","-16px","6px","0"],"margin-bottom":["6px"],"border-top-color":["var(--color-neutral-emphasis-plus)"],"transform":["translateX(50%)","translateY(50%)","translateY(50%)","translateX(-50%)"],"border-left-color":["var(--color-neutral-emphasis-plus)"],"border-right-color":["var(--color-neutral-emphasis-plus)"],"max-width":["250px"],"border-collapse":["separate"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}