@primer/css 0.0.0-202111820121 → 0.0.0-2021118211841

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 (119) hide show
  1. package/CHANGELOG.md +3 -55
  2. package/DEVELOP.md +0 -15
  3. package/actionlist/action-list-item.scss +18 -50
  4. package/actionlist/action-list.scss +0 -5
  5. package/base/normalize.scss +1 -1
  6. package/box/index.scss +0 -1
  7. package/buttons/misc.scss +3 -7
  8. package/color-modes/index.scss +0 -1
  9. package/color-modes/themes/dark.scss +2 -2
  10. package/color-modes/themes/dark_colorblind.scss +2 -2
  11. package/color-modes/themes/dark_dimmed.scss +2 -2
  12. package/color-modes/themes/dark_high_contrast.scss +2 -2
  13. package/color-modes/themes/light.scss +2 -2
  14. package/color-modes/themes/light_colorblind.scss +2 -2
  15. package/deprecations.json +0 -4
  16. package/dist/actionlist.css +1 -1
  17. package/dist/actionlist.css.map +1 -1
  18. package/dist/alerts.css.map +1 -1
  19. package/dist/autocomplete.css.map +1 -1
  20. package/dist/avatars.css.map +1 -1
  21. package/dist/base.css +1 -1
  22. package/dist/base.css.map +1 -1
  23. package/dist/blankslate.css.map +1 -1
  24. package/dist/box.css +1 -1
  25. package/dist/box.css.map +1 -1
  26. package/dist/branch-name.css.map +1 -1
  27. package/dist/breadcrumb.css.map +1 -1
  28. package/dist/buttons.css +1 -1
  29. package/dist/buttons.css.map +1 -1
  30. package/dist/color-modes.css +1 -1
  31. package/dist/color-modes.css.map +1 -1
  32. package/dist/core.css +1 -1
  33. package/dist/core.css.map +1 -1
  34. package/dist/deprecations.json +0 -4
  35. package/dist/dropdown.css.map +1 -1
  36. package/dist/forms.css.map +1 -1
  37. package/dist/header.css.map +1 -1
  38. package/dist/labels.css +1 -1
  39. package/dist/labels.css.map +1 -1
  40. package/dist/layout.css +1 -1
  41. package/dist/layout.css.map +1 -1
  42. package/dist/links.css.map +1 -1
  43. package/dist/loaders.css.map +1 -1
  44. package/dist/markdown.css.map +1 -1
  45. package/dist/marketing-buttons.css +1 -1
  46. package/dist/marketing-buttons.css.map +1 -1
  47. package/dist/marketing-type.css +1 -1
  48. package/dist/marketing-type.css.map +1 -1
  49. package/dist/marketing-utilities.css +1 -1
  50. package/dist/marketing-utilities.css.map +1 -1
  51. package/dist/marketing.css +1 -1
  52. package/dist/marketing.css.map +1 -1
  53. package/dist/meta.json +91 -89
  54. package/dist/navigation.css +1 -1
  55. package/dist/navigation.css.map +1 -1
  56. package/dist/pagination.css.map +1 -1
  57. package/dist/popover.css +1 -1
  58. package/dist/popover.css.map +1 -1
  59. package/dist/primer.css +4 -4
  60. package/dist/primer.css.map +1 -1
  61. package/dist/product.css +1 -1
  62. package/dist/product.css.map +1 -1
  63. package/dist/progress.css.map +1 -1
  64. package/dist/select-menu.css.map +1 -1
  65. package/dist/stats/actionlist.json +1 -1
  66. package/dist/stats/base.json +1 -1
  67. package/dist/stats/box.json +1 -1
  68. package/dist/stats/buttons.json +1 -1
  69. package/dist/stats/color-modes.json +1 -1
  70. package/dist/stats/core.json +1 -1
  71. package/dist/stats/labels.json +1 -1
  72. package/dist/stats/layout.json +1 -1
  73. package/dist/stats/marketing-buttons.json +1 -1
  74. package/dist/stats/marketing-type.json +1 -1
  75. package/dist/stats/marketing-utilities.json +1 -1
  76. package/dist/stats/marketing.json +1 -1
  77. package/dist/stats/navigation.json +1 -1
  78. package/dist/stats/popover.json +1 -1
  79. package/dist/stats/primer.json +1 -1
  80. package/dist/stats/product.json +1 -1
  81. package/dist/subhead.css.map +1 -1
  82. package/dist/timeline.css.map +1 -1
  83. package/dist/toasts.css.map +1 -1
  84. package/dist/tooltips.css.map +1 -1
  85. package/dist/truncate.css.map +1 -1
  86. package/dist/utilities.css.map +1 -1
  87. package/dist/variables.json +62 -62
  88. package/index.scss +4 -4
  89. package/labels/counters.scss +1 -1
  90. package/labels/labels.scss +1 -0
  91. package/layout/index.scss +1 -0
  92. package/layout/mixins.scss +27 -1
  93. package/layout/page-layout.scss +370 -0
  94. package/marketing/buttons/button.scss +52 -102
  95. package/marketing/buttons/index.scss +2 -2
  96. package/marketing/index.scss +0 -1
  97. package/marketing/support/index.scss +3 -2
  98. package/marketing/support/mixins.scss +66 -0
  99. package/marketing/support/variables.scss +5 -4
  100. package/marketing/type/index.scss +2 -2
  101. package/marketing/type/typography.scss +49 -23
  102. package/marketing/utilities/animations.scss +0 -42
  103. package/marketing/utilities/index.scss +5 -5
  104. package/marketing/utilities/layout.scss +1 -1
  105. package/navigation/underline-nav.scss +31 -76
  106. package/package.json +14 -14
  107. package/popover/popover.scss +4 -42
  108. package/support/mixins/layout.scss +5 -5
  109. package/support/mixins/misc.scss +1 -25
  110. package/support/variables/layout.scss +7 -8
  111. package/support/variables/typography.scss +1 -1
  112. package/box/box-overlay.scss +0 -40
  113. package/color-modes/themes/light_high_contrast.scss +0 -7
  114. package/dist/marketing-links.css +0 -2
  115. package/dist/marketing-links.css.map +0 -1
  116. package/dist/marketing-links.js +0 -1
  117. package/dist/stats/marketing-links.json +0 -1
  118. package/marketing/links/index.scss +0 -3
  119. package/marketing/links/link.scss +0 -50
@@ -32,7 +32,7 @@ $lh-condensed: 1.25 !default;
32
32
  $lh-default: 1.5 !default;
33
33
 
34
34
  // Font stacks
35
- $body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !default;
35
+ $body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !default;
36
36
 
37
37
  // Monospace font stack
38
38
  // Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome
@@ -1,40 +0,0 @@
1
- .Box--overlay {
2
- width: 448px;
3
- margin-right: auto;
4
- margin-left: auto;
5
- background-color: var(--color-canvas-default);
6
- background-clip: padding-box;
7
- border-color: var(--color-border-default);
8
- // stylelint-disable-next-line primer/box-shadow
9
- box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
10
-
11
- .Box-header {
12
- margin: 0;
13
- border-width: 0;
14
- border-bottom-width: $border-width;
15
- border-top-left-radius: $border-radius;
16
- border-top-right-radius: $border-radius;
17
- }
18
- }
19
-
20
- .Box-overlay--narrow {
21
- width: 320px;
22
- }
23
-
24
- .Box-overlay--wide {
25
- width: 640px;
26
- }
27
-
28
- .Box-body {
29
- &.scrollable-overlay {
30
- max-height: 400px;
31
- overflow-y: scroll;
32
- }
33
-
34
- .help {
35
- padding-top: $spacer-2;
36
- margin: 0;
37
- color: var(--color-fg-muted);
38
- text-align: center;
39
- }
40
- }
@@ -1,7 +0,0 @@
1
- @import '../../support/index.scss';
2
-
3
- @import '@primer/primitives/dist/scss/colors/_light_high_contrast.scss';
4
-
5
- @include color-mode-theme(light_high_contrast) {
6
- @include primer-colors-light_high_contrast;
7
- }
@@ -1,2 +0,0 @@
1
- .link-mktg{position:relative;display:inline-block}.link-mktg:hover{text-decoration:none}.link-mktg:active{outline:none}.link-mktg::after,.link-mktg.link-emphasis-mktg::before{position:absolute;bottom:-0.15em;left:0;width:calc(100% - 1em);height:2px;pointer-events:none;content:"";background-color:currentColor;transform:scaleX(0);transform-origin:0 0}@media screen and (prefers-reduced-motion: no-preference){.link-mktg::after,.link-mktg.link-emphasis-mktg::before{transition:transform .3s ease}}.link-mktg.link-emphasis-mktg::before{opacity:.2;transform:scaleX(1)}.link-mktg:hover::after,.link-mktg:focus::after,.link-mktg:active::after{transform:scaleX(1)}.link-mktg.arrow-target-mktg .arrow-symbol-mktg{margin-left:-0.25em}
2
- /*# sourceMappingURL=marketing-links.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/marketing/links/index.scss%23sass"],"names":[],"mappings":"AAsoBA,WAAA,iBACE,CAAA,oBAAA,CAAA,iBAAA,oBAAA,CAAA,kBAAA,YAAA,CAAA,wDAAA,iBAAA,CAAA,cAAA,CAAA,MAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,6BAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,0DAAA,wDAAA,6BAAA,CAAA,CAAA,sCAAA,UAAA,CAAA,mBAAA,CAAA,yEAAA,mBAAA,CAAA,gDAAA,mBAAA","file":"marketing-links.css"}
@@ -1 +0,0 @@
1
- export {cssstats: require('./stats/marketing-links.json')}
@@ -1 +0,0 @@
1
- {"size":726,"gzipSize":358,"humanizedSize":"726B","humanizedGzipSize":"358B","rules":{"total":8,"size":{"graph":[2,1,1,10,1,2,1,1],"max":10,"average":2.375},"selectorByRuleSizes":[{"selector":".link-mktg::after,.link-mktg.link-emphasis-mktg::before","declarations":10},{"selector":".link-mktg.link-emphasis-mktg::before","declarations":2},{"selector":".link-mktg","declarations":2},{"selector":".link-mktg.arrow-target-mktg .arrow-symbol-mktg","declarations":1},{"selector":".link-mktg:hover::after,.link-mktg:focus::after,.link-mktg:active::after","declarations":1},{"selector":".link-mktg::after,.link-mktg.link-emphasis-mktg::before","declarations":1},{"selector":".link-mktg:active","declarations":1},{"selector":".link-mktg:hover","declarations":1}]},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":5,"pseudoElement":8,"values":[".link-mktg",".link-mktg:hover",".link-mktg:active",".link-mktg::after",".link-mktg.link-emphasis-mktg::before",".link-mktg::after",".link-mktg.link-emphasis-mktg::before",".link-mktg.link-emphasis-mktg::before",".link-mktg:hover::after",".link-mktg:focus::after",".link-mktg:active::after",".link-mktg.arrow-target-mktg .arrow-symbol-mktg"],"specificity":{"max":30,"average":19}},"declarations":{"total":19,"unique":18,"uniqueToTotalRatio":0.9473684210526315,"properties":{"position":["relative","absolute"],"display":["inline-block"],"text-decoration":["none"],"outline":["none"],"bottom":["-0.15em"],"left":["0"],"width":["calc(100% - 1em)"],"height":["2px"],"pointer-events":["none"],"content":["\"\""],"background-color":["currentColor"],"transform":["scaleX(0)","scaleX(1)","scaleX(1)"],"transform-origin":["0 0"],"transition":["transform .3s ease"],"opacity":[".2"],"margin-left":["-0.25em"]}},"mediaQueries":{"total":1,"unique":1,"values":["screen and (prefers-reduced-motion: no-preference)"],"contents":[{"value":"screen and (prefers-reduced-motion: no-preference)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".link-mktg::after,.link-mktg.link-emphasis-mktg::before","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".link-mktg::after",".link-mktg.link-emphasis-mktg::before"],"specificity":{"max":21,"average":16}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["transform .3s ease"]}}}]}}
@@ -1,3 +0,0 @@
1
- // support files
2
- @import '../support/index.scss';
3
- @import './link.scss';
@@ -1,50 +0,0 @@
1
- .link-mktg {
2
- position: relative;
3
- display: inline-block;
4
-
5
- &:hover {
6
- text-decoration: none;
7
- }
8
-
9
- &:active {
10
- outline: none;
11
- }
12
-
13
- &::after,
14
- &.link-emphasis-mktg::before {
15
- position: absolute;
16
- bottom: -0.15em;
17
- left: 0;
18
- width: calc(100% - 1em);
19
- height: 2px;
20
- pointer-events: none;
21
- content: '';
22
- // stylelint-disable-next-line primer/colors
23
- background-color: currentColor;
24
- transform: scaleX(0);
25
- transform-origin: 0 0;
26
-
27
- @media screen and (prefers-reduced-motion: no-preference) {
28
- transition: transform 0.3s ease;
29
- }
30
- }
31
-
32
- &.link-emphasis-mktg::before {
33
- opacity: 0.2;
34
- transform: scaleX(1);
35
- }
36
-
37
- &:hover,
38
- &:focus,
39
- &:active {
40
- &::after {
41
- transform: scaleX(1);
42
- }
43
- }
44
-
45
- &.arrow-target-mktg {
46
- .arrow-symbol-mktg {
47
- margin-left: -$em-spacer-3;
48
- }
49
- }
50
- }