@primer/css 19.0.0-rc.dbdedf98 → 19.1.0-rc.1b40ebf7

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 (59) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/DEVELOP.md +15 -0
  3. package/base/normalize.scss +1 -1
  4. package/box/box-overlay.scss +40 -0
  5. package/box/index.scss +1 -0
  6. package/color-modes/index.scss +1 -0
  7. package/color-modes/themes/dark.scss +2 -2
  8. package/color-modes/themes/dark_colorblind.scss +2 -2
  9. package/color-modes/themes/dark_dimmed.scss +2 -2
  10. package/color-modes/themes/dark_high_contrast.scss +2 -2
  11. package/color-modes/themes/light.scss +2 -2
  12. package/color-modes/themes/light_colorblind.scss +2 -2
  13. package/color-modes/themes/light_high_contrast.scss +7 -0
  14. package/dist/base.css +1 -1
  15. package/dist/base.css.map +1 -1
  16. package/dist/box.css +1 -1
  17. package/dist/box.css.map +1 -1
  18. package/dist/color-modes.css +1 -1
  19. package/dist/color-modes.css.map +1 -1
  20. package/dist/core.css +1 -1
  21. package/dist/core.css.map +1 -1
  22. package/dist/marketing-buttons.css +1 -1
  23. package/dist/marketing-buttons.css.map +1 -1
  24. package/dist/marketing-type.css.map +1 -1
  25. package/dist/marketing-utilities.css.map +1 -1
  26. package/dist/marketing.css +1 -1
  27. package/dist/marketing.css.map +1 -1
  28. package/dist/meta.json +102 -115
  29. package/dist/popover.css +1 -1
  30. package/dist/popover.css.map +1 -1
  31. package/dist/primer.css +4 -4
  32. package/dist/primer.css.map +1 -1
  33. package/dist/product.css +1 -1
  34. package/dist/product.css.map +1 -1
  35. package/dist/stats/base.json +1 -1
  36. package/dist/stats/box.json +1 -1
  37. package/dist/stats/color-modes.json +1 -1
  38. package/dist/stats/core.json +1 -1
  39. package/dist/stats/marketing-buttons.json +1 -1
  40. package/dist/stats/marketing.json +1 -1
  41. package/dist/stats/popover.json +1 -1
  42. package/dist/stats/primer.json +1 -1
  43. package/dist/stats/product.json +1 -1
  44. package/dist/variables.json +62 -62
  45. package/index.scss +4 -4
  46. package/marketing/buttons/button.scss +14 -8
  47. package/marketing/buttons/index.scss +2 -2
  48. package/marketing/support/index.scss +2 -2
  49. package/marketing/support/variables.scss +4 -5
  50. package/marketing/type/index.scss +2 -2
  51. package/marketing/type/typography.scss +23 -23
  52. package/marketing/utilities/index.scss +5 -5
  53. package/marketing/utilities/layout.scss +1 -1
  54. package/package.json +7 -7
  55. package/popover/popover.scss +42 -4
  56. package/support/mixins/layout.scss +5 -5
  57. package/support/mixins/misc.scss +1 -1
  58. package/support/variables/layout.scss +5 -5
  59. package/support/variables/typography.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -1,11 +1,25 @@
1
1
  # @primer/css
2
2
 
3
+ ## 19.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1759](https://github.com/primer/css/pull/1759) [`74724ce7`](https://github.com/primer/css/commit/74724ce7c72b1cb540a9ef3d845169f1df17b55e) Thanks [@langermank](https://github.com/langermank)! - Remove `popover` responsive hack
8
+
3
9
  ## 19.0.0
4
10
 
5
11
  ### Major Changes
6
12
 
7
13
  - [#1716](https://github.com/primer/css/pull/1716) [`9b97dc8f`](https://github.com/primer/css/commit/9b97dc8fec28e44d8619aff6da636ecd8e48daf9) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Update marketing buttons (including color mode support)
8
14
 
15
+ ### Minor Changes
16
+
17
+ - [#1756](https://github.com/primer/css/pull/1756) [`ece7a3e6`](https://github.com/primer/css/commit/ece7a3e68c65252960b41d6df1b8ff64cb33c93f) Thanks [@heiskr](https://github.com/heiskr)! - Update mark tag to use background-color: var(--color-attention-subtle);
18
+
19
+ * [#1754](https://github.com/primer/css/pull/1754) [`3838e174`](https://github.com/primer/css/commit/3838e1743aa63bacf0ca241c2a3c4983ba92c5e6) Thanks [@simurai](https://github.com/simurai)! - Add `Box--overlay` styles
20
+
21
+ - [#1755](https://github.com/primer/css/pull/1755) [`1714778a`](https://github.com/primer/css/commit/1714778af72f5647894fca9561c56dfbccac62df) Thanks [@jonrohan](https://github.com/jonrohan)! - Updating primer/primitives@7.1.0 and adding Light High Contrast theme
22
+
9
23
  ### Patch Changes
10
24
 
11
25
  - [#1746](https://github.com/primer/css/pull/1746) [`9e6b5f56`](https://github.com/primer/css/commit/9e6b5f5671ab60e3a9d452f516fb7b38173f0135) Thanks [@simurai](https://github.com/simurai)! - Remove `Label` bg hack
package/DEVELOP.md CHANGED
@@ -41,6 +41,20 @@ The [docs directory](../docs/) contains all of the documentation files in our do
41
41
  ### Code blocks
42
42
  All `html` fenced code blocks in `src/**/*.md` will be rendered as stories and listed under the relevant module's name in the left-hand nav. File changes should trigger a live reload automatically (after a brief delay).
43
43
 
44
+ ## Storybook
45
+
46
+ Primer CSS Storybook is used for designing and prototyping components. Stories are written in HTML and leverage the Storybook API for configuring conditional logic.
47
+
48
+ ```sh
49
+ npm run storybook
50
+ ```
51
+
52
+ ### The Storybook directory
53
+ Storybook configuration files live in [.storybook](../docs/.storybook). Addons and additional global config can be added to [main.js](../docs/.storybook/main.js) or [preview.js](../docs/.storybook/preview.js)
54
+
55
+ ### Stories
56
+ Stories are individual `.jsx` or `.mdx` files that contain component HTML for prototyping, typically showcasing all possible variations of a component. Stories can be found in the [stories directory](../docs/src/stories/components) and are organized by component. Storybook will build and deploy a preview on any open Pull Request.
57
+
44
58
  ## Scripts
45
59
  Our [`package.json`](package.json) houses a collection of [run-scripts] that we use to maintain, test, build, and publish Primer CSS. Run `npm run <script>` with any of the following values for `<script>`:
46
60
 
@@ -51,6 +65,7 @@ Our [`package.json`](package.json) houses a collection of [run-scripts] that we
51
65
  * `now-build` and `now-start` are run on [Now] to build and start the docs site server. `now-test` runs them both in order.
52
66
  * `start` runs the documentation site locally (alias: `dev`).
53
67
  * `test` runs our test suite.
68
+ * `storybook` runs storybook local development server.
54
69
 
55
70
  The above list may not always be up-to-date. You can list all of the available scripts by calling `npm run` with no other arguments.
56
71
 
package/base/normalize.scss CHANGED
@@ -161,7 +161,7 @@ h1 {
161
161
  */
162
162
 
163
163
  mark {
164
- background-color: #ff0;
164
+ background-color: var(--color-attention-subtle);
165
165
  color: var(--color-text-primary);
166
166
  }
167
167
 
package/box/box-overlay.scss ADDED
@@ -0,0 +1,40 @@
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
+ }
package/box/index.scss CHANGED
@@ -1,2 +1,3 @@
1
1
  @import '../support/index.scss';
2
2
  @import './box.scss';
3
+ @import './box-overlay.scss';
package/color-modes/index.scss CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  @import './themes/light.scss';
4
4
  @import './themes/light_colorblind.scss';
5
+ @import './themes/light_high_contrast.scss';
5
6
  @import './themes/dark.scss';
6
7
  @import './themes/dark_dimmed.scss';
7
8
  @import './themes/dark_high_contrast.scss';
package/color-modes/themes/dark.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import "../../support/index.scss";
1
+ @import '../../support/index.scss';
2
2
 
3
- @import "@primer/primitives/dist/scss/colors/_dark.scss";
3
+ @import '@primer/primitives/dist/scss/colors/_dark.scss';
4
4
 
5
5
  @include color-mode-theme(dark) {
6
6
  @include primer-colors-dark;
package/color-modes/themes/dark_colorblind.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import "../../support/index.scss";
1
+ @import '../../support/index.scss';
2
2
 
3
- @import "@primer/primitives/dist/scss/colors/_dark_colorblind.scss";
3
+ @import '@primer/primitives/dist/scss/colors/_dark_colorblind.scss';
4
4
 
5
5
  @include color-mode-theme(dark_colorblind) {
6
6
  @include primer-colors-dark_colorblind;
package/color-modes/themes/dark_dimmed.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import "../../support/index.scss";
1
+ @import '../../support/index.scss';
2
2
 
3
- @import "@primer/primitives/dist/scss/colors/_dark_dimmed.scss";
3
+ @import '@primer/primitives/dist/scss/colors/_dark_dimmed.scss';
4
4
 
5
5
  @include color-mode-theme(dark_dimmed) {
6
6
  @include primer-colors-dark_dimmed;
package/color-modes/themes/dark_high_contrast.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import "../../support/index.scss";
1
+ @import '../../support/index.scss';
2
2
 
3
- @import "@primer/primitives/dist/scss/colors/_dark_high_contrast.scss";
3
+ @import '@primer/primitives/dist/scss/colors/_dark_high_contrast.scss';
4
4
 
5
5
  @include color-mode-theme(dark_high_contrast) {
6
6
  @include primer-colors-dark_high_contrast;
package/color-modes/themes/light.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import "../../support/index.scss";
1
+ @import '../../support/index.scss';
2
2
 
3
- @import "@primer/primitives/dist/scss/colors/_light.scss";
3
+ @import '@primer/primitives/dist/scss/colors/_light.scss';
4
4
 
5
5
  @include color-mode-theme(light, true) {
6
6
  @include primer-colors-light;
package/color-modes/themes/light_colorblind.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import "../../support/index.scss";
1
+ @import '../../support/index.scss';
2
2
 
3
- @import "@primer/primitives/dist/scss/colors/_light_colorblind.scss";
3
+ @import '@primer/primitives/dist/scss/colors/_light_colorblind.scss';
4
4
 
5
5
  @include color-mode-theme(light_colorblind) {
6
6
  @include primer-colors-light_colorblind;
package/color-modes/themes/light_high_contrast.scss ADDED
@@ -0,0 +1,7 @@
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
+ }
package/dist/base.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! 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}
1
+ /*! 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:var(--color-attention-subtle);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}
2
2
  /*# sourceMappingURL=base.css.map */
package/dist/base.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/base/index.scss%23sass"],"names":[],"mappings":"AAggBA,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"}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/base/index.scss%23sass"],"names":[],"mappings":"AAggBA,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,8CAAA,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/box.css CHANGED
@@ -1,2 +1,2 @@
1
- .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}
1
+ .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}.Box--overlay{width:448px;margin-right:auto;margin-left:auto;background-color:var(--color-canvas-default);background-clip:padding-box;border-color:var(--color-border-default);box-shadow:0 0 18px rgba(0,0,0,.4)}.Box--overlay .Box-header{margin:0;border-width:0;border-bottom-width:1px;border-top-left-radius:6px;border-top-right-radius:6px}.Box-overlay--narrow{width:320px}.Box-overlay--wide{width:640px}.Box-body.scrollable-overlay{max-height:400px;overflow-y:scroll}.Box-body .help{padding-top:8px;margin:0;color:var(--color-fg-muted);text-align:center}
2
2
  /*# sourceMappingURL=box.css.map */
package/dist/box.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/box/index.scss%23sass"],"names":[],"mappings":"AAigBA,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"}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/box/index.scss%23sass"],"names":[],"mappings":"AAigBA,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,CAAA,cAAA,WAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,4CAAA,CAAA,2BAAA,CAAA,wCAAA,CAAA,kCAAA,CAAA,0BAAA,QAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,qBAAA,WAAA,CAAA,mBAAA,WAAA,CAAA,6BAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,eAAA,CAAA,QAAA,CAAA,2BAAA,CAAA,iBAAA","file":"box.css"}