@primer/css 19.0.0-rc.dbdedf98 → 19.1.0-rc.052fcf01

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 (78) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/DEVELOP.md +15 -0
  3. package/actionlist/action-list-item.scss +50 -18
  4. package/actionlist/action-list.scss +5 -0
  5. package/base/normalize.scss +1 -1
  6. package/box/box-overlay.scss +40 -0
  7. package/box/index.scss +1 -0
  8. package/buttons/misc.scss +7 -3
  9. package/color-modes/index.scss +1 -0
  10. package/color-modes/themes/dark.scss +2 -2
  11. package/color-modes/themes/dark_colorblind.scss +2 -2
  12. package/color-modes/themes/dark_dimmed.scss +2 -2
  13. package/color-modes/themes/dark_high_contrast.scss +2 -2
  14. package/color-modes/themes/light.scss +2 -2
  15. package/color-modes/themes/light_colorblind.scss +2 -2
  16. package/color-modes/themes/light_high_contrast.scss +7 -0
  17. package/dist/actionlist.css +1 -1
  18. package/dist/actionlist.css.map +1 -1
  19. package/dist/base.css +1 -1
  20. package/dist/base.css.map +1 -1
  21. package/dist/box.css +1 -1
  22. package/dist/box.css.map +1 -1
  23. package/dist/buttons.css +1 -1
  24. package/dist/buttons.css.map +1 -1
  25. package/dist/color-modes.css +1 -1
  26. package/dist/color-modes.css.map +1 -1
  27. package/dist/core.css +1 -1
  28. package/dist/core.css.map +1 -1
  29. package/dist/marketing-buttons.css +1 -1
  30. package/dist/marketing-buttons.css.map +1 -1
  31. package/dist/marketing-links.css +2 -0
  32. package/dist/marketing-links.css.map +1 -0
  33. package/dist/marketing-links.js +1 -0
  34. package/dist/marketing-type.css.map +1 -1
  35. package/dist/marketing-utilities.css +1 -1
  36. package/dist/marketing-utilities.css.map +1 -1
  37. package/dist/marketing.css +1 -1
  38. package/dist/marketing.css.map +1 -1
  39. package/dist/meta.json +58 -60
  40. package/dist/popover.css +1 -1
  41. package/dist/popover.css.map +1 -1
  42. package/dist/primer.css +4 -4
  43. package/dist/primer.css.map +1 -1
  44. package/dist/product.css +1 -1
  45. package/dist/product.css.map +1 -1
  46. package/dist/stats/actionlist.json +1 -1
  47. package/dist/stats/base.json +1 -1
  48. package/dist/stats/box.json +1 -1
  49. package/dist/stats/buttons.json +1 -1
  50. package/dist/stats/color-modes.json +1 -1
  51. package/dist/stats/core.json +1 -1
  52. package/dist/stats/marketing-buttons.json +1 -1
  53. package/dist/stats/marketing-links.json +1 -0
  54. package/dist/stats/marketing-utilities.json +1 -1
  55. package/dist/stats/marketing.json +1 -1
  56. package/dist/stats/popover.json +1 -1
  57. package/dist/stats/primer.json +1 -1
  58. package/dist/stats/product.json +1 -1
  59. package/dist/variables.json +62 -62
  60. package/index.scss +4 -4
  61. package/marketing/buttons/button.scss +22 -8
  62. package/marketing/buttons/index.scss +2 -2
  63. package/marketing/index.scss +1 -0
  64. package/marketing/links/index.scss +3 -0
  65. package/marketing/links/link.scss +50 -0
  66. package/marketing/support/index.scss +2 -2
  67. package/marketing/support/variables.scss +4 -5
  68. package/marketing/type/index.scss +2 -2
  69. package/marketing/type/typography.scss +23 -23
  70. package/marketing/utilities/animations.scss +42 -0
  71. package/marketing/utilities/index.scss +5 -5
  72. package/marketing/utilities/layout.scss +1 -1
  73. package/package.json +13 -13
  74. package/popover/popover.scss +42 -4
  75. package/support/mixins/layout.scss +5 -5
  76. package/support/mixins/misc.scss +1 -1
  77. package/support/variables/layout.scss +5 -5
  78. package/support/variables/typography.scss +1 -1
package/dist/meta.json CHANGED
@@ -55,6 +55,17 @@
55
55
  "legacy": "primer-breadcrumb/index.scss",
56
56
  "imports": []
57
57
  },
58
+ "links": {
59
+ "name": "links",
60
+ "source": "src/links/index.scss",
61
+ "sass": "@primer/css/links/index.scss",
62
+ "css": "dist/links.css",
63
+ "map": "dist/links.css.map",
64
+ "js": "dist/links.js",
65
+ "stats": "dist/stats/links.json",
66
+ "legacy": "primer-links/index.scss",
67
+ "imports": []
68
+ },
58
69
  "header": {
59
70
  "name": "header",
60
71
  "source": "src/header/index.scss",
@@ -77,6 +88,17 @@
77
88
  "legacy": "primer-blankslate/index.scss",
78
89
  "imports": []
79
90
  },
91
+ "pagination": {
92
+ "name": "pagination",
93
+ "source": "src/pagination/index.scss",
94
+ "sass": "@primer/css/pagination/index.scss",
95
+ "css": "dist/pagination.css",
96
+ "map": "dist/pagination.css.map",
97
+ "js": "dist/pagination.js",
98
+ "stats": "dist/stats/pagination.json",
99
+ "legacy": "primer-pagination/index.scss",
100
+ "imports": []
101
+ },
80
102
  "alerts": {
81
103
  "name": "alerts",
82
104
  "source": "src/alerts/index.scss",
@@ -88,17 +110,6 @@
88
110
  "legacy": "primer-alerts/index.scss",
89
111
  "imports": []
90
112
  },
91
- "box": {
92
- "name": "box",
93
- "source": "src/box/index.scss",
94
- "sass": "@primer/css/box/index.scss",
95
- "css": "dist/box.css",
96
- "map": "dist/box.css.map",
97
- "js": "dist/box.js",
98
- "stats": "dist/stats/box.json",
99
- "legacy": "primer-box/index.scss",
100
- "imports": []
101
- },
102
113
  "dropdown": {
103
114
  "name": "dropdown",
104
115
  "source": "src/dropdown/index.scss",
@@ -121,17 +132,6 @@
121
132
  "legacy": "primer-progress/index.scss",
122
133
  "imports": []
123
134
  },
124
- "links": {
125
- "name": "links",
126
- "source": "src/links/index.scss",
127
- "sass": "@primer/css/links/index.scss",
128
- "css": "dist/links.css",
129
- "map": "dist/links.css.map",
130
- "js": "dist/links.js",
131
- "stats": "dist/stats/links.json",
132
- "legacy": "primer-links/index.scss",
133
- "imports": []
134
- },
135
135
  "truncate": {
136
136
  "name": "truncate",
137
137
  "source": "src/truncate/index.scss",
@@ -165,15 +165,15 @@
165
165
  "legacy": "primer-timeline/index.scss",
166
166
  "imports": []
167
167
  },
168
- "pagination": {
169
- "name": "pagination",
170
- "source": "src/pagination/index.scss",
171
- "sass": "@primer/css/pagination/index.scss",
172
- "css": "dist/pagination.css",
173
- "map": "dist/pagination.css.map",
174
- "js": "dist/pagination.js",
175
- "stats": "dist/stats/pagination.json",
176
- "legacy": "primer-pagination/index.scss",
168
+ "toasts": {
169
+ "name": "toasts",
170
+ "source": "src/toasts/index.scss",
171
+ "sass": "@primer/css/toasts/index.scss",
172
+ "css": "dist/toasts.css",
173
+ "map": "dist/toasts.css.map",
174
+ "js": "dist/toasts.js",
175
+ "stats": "dist/stats/toasts.json",
176
+ "legacy": "primer-toasts/index.scss",
177
177
  "imports": []
178
178
  },
179
179
  "popover": {
@@ -187,17 +187,6 @@
187
187
  "legacy": "primer-popover/index.scss",
188
188
  "imports": []
189
189
  },
190
- "toasts": {
191
- "name": "toasts",
192
- "source": "src/toasts/index.scss",
193
- "sass": "@primer/css/toasts/index.scss",
194
- "css": "dist/toasts.css",
195
- "map": "dist/toasts.css.map",
196
- "js": "dist/toasts.js",
197
- "stats": "dist/stats/toasts.json",
198
- "legacy": "primer-toasts/index.scss",
199
- "imports": []
200
- },
201
190
  "tooltips": {
202
191
  "name": "tooltips",
203
192
  "source": "src/tooltips/index.scss",
@@ -229,9 +218,7 @@
229
218
  "js": "dist/marketing-support.js",
230
219
  "stats": "dist/stats/marketing-support.json",
231
220
  "legacy": "primer-marketing-support/index.scss",
232
- "imports": [
233
- "support"
234
- ]
221
+ "imports": []
235
222
  },
236
223
  "autocomplete": {
237
224
  "name": "autocomplete",
@@ -244,6 +231,28 @@
244
231
  "legacy": "primer-autocomplete/index.scss",
245
232
  "imports": []
246
233
  },
234
+ "box": {
235
+ "name": "box",
236
+ "source": "src/box/index.scss",
237
+ "sass": "@primer/css/box/index.scss",
238
+ "css": "dist/box.css",
239
+ "map": "dist/box.css.map",
240
+ "js": "dist/box.js",
241
+ "stats": "dist/stats/box.json",
242
+ "legacy": "primer-box/index.scss",
243
+ "imports": []
244
+ },
245
+ "marketing-links": {
246
+ "name": "marketing-links",
247
+ "source": "src/marketing/links/index.scss",
248
+ "sass": "@primer/css/marketing/links/index.scss",
249
+ "css": "dist/marketing-links.css",
250
+ "map": "dist/marketing-links.css.map",
251
+ "js": "dist/marketing-links.js",
252
+ "stats": "dist/stats/marketing-links.json",
253
+ "legacy": "primer-marketing-links/index.scss",
254
+ "imports": []
255
+ },
247
256
  "marketing-buttons": {
248
257
  "name": "marketing-buttons",
249
258
  "source": "src/marketing/buttons/index.scss",
@@ -253,9 +262,7 @@
253
262
  "js": "dist/marketing-buttons.js",
254
263
  "stats": "dist/stats/marketing-buttons.json",
255
264
  "legacy": "primer-marketing-buttons/index.scss",
256
- "imports": [
257
- "marketing-support"
258
- ]
265
+ "imports": []
259
266
  },
260
267
  "marketing-type": {
261
268
  "name": "marketing-type",
@@ -266,9 +273,7 @@
266
273
  "js": "dist/marketing-type.js",
267
274
  "stats": "dist/stats/marketing-type.json",
268
275
  "legacy": "primer-marketing-type/index.scss",
269
- "imports": [
270
- "marketing-support"
271
- ]
276
+ "imports": []
272
277
  },
273
278
  "buttons": {
274
279
  "name": "buttons",
@@ -367,9 +372,7 @@
367
372
  "js": "dist/marketing-utilities.js",
368
373
  "stats": "dist/stats/marketing-utilities.json",
369
374
  "legacy": "primer-marketing-utilities/index.scss",
370
- "imports": [
371
- "marketing-support"
372
- ]
375
+ "imports": []
373
376
  },
374
377
  "markdown": {
375
378
  "name": "markdown",
@@ -446,12 +449,7 @@
446
449
  "js": "dist/primer.js",
447
450
  "stats": "dist/stats/primer.json",
448
451
  "legacy": "primer-primer/index.scss",
449
- "imports": [
450
- "color-modes",
451
- "core",
452
- "product",
453
- "marketing"
454
- ]
452
+ "imports": []
455
453
  }
456
454
  }
457
455
  }
package/dist/popover.css CHANGED
@@ -1,2 +1,2 @@
1
- .Popover{position:absolute;z-index:100}.Popover-message{position:relative;width:232px;margin-right:auto;margin-left:auto}.Popover-message::before,.Popover-message::after{position:absolute;left:50%;display:inline-block;content:""}.Popover-message::before{top:-16px;margin-left:-9px;border:8px solid transparent;border-bottom-color:var(--color-border-default)}.Popover-message::after{top:-14px;margin-left:-8px;border:7px solid transparent;border-bottom-color:var(--color-canvas-overlay)}.Popover-message.Box{background-color:var(--color-canvas-overlay)}.Popover-message--bottom::before,.Popover-message--bottom::after,.Popover-message--bottom-right::before,.Popover-message--bottom-right::after,.Popover-message--bottom-left::before,.Popover-message--bottom-left::after{top:auto;border-bottom-color:transparent}.Popover-message--bottom::before,.Popover-message--bottom-right::before,.Popover-message--bottom-left::before{bottom:-16px;border-top-color:var(--color-border-default)}.Popover-message--bottom::after,.Popover-message--bottom-right::after,.Popover-message--bottom-left::after{bottom:-14px;border-top-color:var(--color-canvas-overlay)}.Popover-message--top-right,.Popover-message--bottom-right{right:-9px;margin-right:0}.Popover-message--top-right::before,.Popover-message--top-right::after,.Popover-message--bottom-right::before,.Popover-message--bottom-right::after{left:auto;margin-left:0}.Popover-message--top-right::before,.Popover-message--bottom-right::before{right:20px}.Popover-message--top-right::after,.Popover-message--bottom-right::after{right:21px}.Popover-message--top-left,.Popover-message--bottom-left{left:-9px;margin-left:0}.Popover-message--top-left::before,.Popover-message--top-left::after,.Popover-message--bottom-left::before,.Popover-message--bottom-left::after{left:24px;margin-left:0}.Popover-message--top-left::after,.Popover-message--bottom-left::after{left:25px}.Popover-message--right::before,.Popover-message--right::after,.Popover-message--right-top::before,.Popover-message--right-top::after,.Popover-message--right-bottom::before,.Popover-message--right-bottom::after,.Popover-message--left::before,.Popover-message--left::after,.Popover-message--left-top::before,.Popover-message--left-top::after,.Popover-message--left-bottom::before,.Popover-message--left-bottom::after{top:50%;left:auto;margin-left:0;border-bottom-color:transparent}.Popover-message--right::before,.Popover-message--right-top::before,.Popover-message--right-bottom::before,.Popover-message--left::before,.Popover-message--left-top::before,.Popover-message--left-bottom::before{margin-top:-9px}.Popover-message--right::after,.Popover-message--right-top::after,.Popover-message--right-bottom::after,.Popover-message--left::after,.Popover-message--left-top::after,.Popover-message--left-bottom::after{margin-top:-8px}.Popover-message--right::before,.Popover-message--right-top::before,.Popover-message--right-bottom::before{right:-16px;border-left-color:var(--color-border-default)}.Popover-message--right::after,.Popover-message--right-top::after,.Popover-message--right-bottom::after{right:-14px;border-left-color:var(--color-canvas-overlay)}.Popover-message--left::before,.Popover-message--left-top::before,.Popover-message--left-bottom::before{left:-16px;border-right-color:var(--color-border-default)}.Popover-message--left::after,.Popover-message--left-top::after,.Popover-message--left-bottom::after{left:-14px;border-right-color:var(--color-canvas-overlay)}.Popover-message--right-top::before,.Popover-message--right-top::after,.Popover-message--left-top::before,.Popover-message--left-top::after{top:24px}.Popover-message--right-bottom::before,.Popover-message--right-bottom::after,.Popover-message--left-bottom::before,.Popover-message--left-bottom::after{top:auto}.Popover-message--right-bottom::before,.Popover-message--left-bottom::before{bottom:16px}.Popover-message--right-bottom::after,.Popover-message--left-bottom::after{bottom:17px}@media(min-width: 544px){.Popover-message--large{min-width:320px}}
1
+ .Popover{position:absolute;z-index:100}.Popover-message{position:relative;width:232px;margin-right:auto;margin-left:auto;background-color:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px}.Popover-message::before,.Popover-message::after{position:absolute;left:50%;display:inline-block;content:""}.Popover-message::before{top:-16px;margin-left:-9px;border:8px solid transparent;border-bottom-color:var(--color-border-default)}.Popover-message::after{top:-14px;margin-left:-8px;border:7px solid transparent;border-bottom-color:var(--color-canvas-overlay)}.Popover-message--no-caret::before,.Popover-message--no-caret::after{display:none}.Popover-message--bottom::before,.Popover-message--bottom::after,.Popover-message--bottom-right::before,.Popover-message--bottom-right::after,.Popover-message--bottom-left::before,.Popover-message--bottom-left::after{top:auto;border-bottom-color:transparent}.Popover-message--bottom::before,.Popover-message--bottom-right::before,.Popover-message--bottom-left::before{bottom:-16px;border-top-color:var(--color-border-default)}.Popover-message--bottom::after,.Popover-message--bottom-right::after,.Popover-message--bottom-left::after{bottom:-14px;border-top-color:var(--color-canvas-overlay)}.Popover-message--top-right,.Popover-message--bottom-right{right:-9px;margin-right:0}.Popover-message--top-right::before,.Popover-message--top-right::after,.Popover-message--bottom-right::before,.Popover-message--bottom-right::after{left:auto;margin-left:0}.Popover-message--top-right::before,.Popover-message--bottom-right::before{right:20px}.Popover-message--top-right::after,.Popover-message--bottom-right::after{right:21px}.Popover-message--top-left,.Popover-message--bottom-left{left:-9px;margin-left:0}.Popover-message--top-left::before,.Popover-message--top-left::after,.Popover-message--bottom-left::before,.Popover-message--bottom-left::after{left:24px;margin-left:0}.Popover-message--top-left::after,.Popover-message--bottom-left::after{left:25px}.Popover-message--right::before,.Popover-message--right::after,.Popover-message--right-top::before,.Popover-message--right-top::after,.Popover-message--right-bottom::before,.Popover-message--right-bottom::after,.Popover-message--left::before,.Popover-message--left::after,.Popover-message--left-top::before,.Popover-message--left-top::after,.Popover-message--left-bottom::before,.Popover-message--left-bottom::after{top:50%;left:auto;margin-left:0;border-bottom-color:transparent}.Popover-message--right::before,.Popover-message--right-top::before,.Popover-message--right-bottom::before,.Popover-message--left::before,.Popover-message--left-top::before,.Popover-message--left-bottom::before{margin-top:-9px}.Popover-message--right::after,.Popover-message--right-top::after,.Popover-message--right-bottom::after,.Popover-message--left::after,.Popover-message--left-top::after,.Popover-message--left-bottom::after{margin-top:-8px}.Popover-message--right::before,.Popover-message--right-top::before,.Popover-message--right-bottom::before{right:-16px;border-left-color:var(--color-border-default)}.Popover-message--right::after,.Popover-message--right-top::after,.Popover-message--right-bottom::after{right:-14px;border-left-color:var(--color-canvas-overlay)}.Popover-message--left::before,.Popover-message--left-top::before,.Popover-message--left-bottom::before{left:-16px;border-right-color:var(--color-border-default)}.Popover-message--left::after,.Popover-message--left-top::after,.Popover-message--left-bottom::after{left:-14px;border-right-color:var(--color-canvas-overlay)}.Popover-message--right-top::before,.Popover-message--right-top::after,.Popover-message--left-top::before,.Popover-message--left-top::after{top:24px}.Popover-message--right-bottom::before,.Popover-message--right-bottom::after,.Popover-message--left-bottom::before,.Popover-message--left-bottom::after{top:auto}.Popover-message--right-bottom::before,.Popover-message--left-bottom::before{bottom:16px}.Popover-message--right-bottom::after,.Popover-message--left-bottom::after{bottom:17px}@media(min-width: 544px){.Popover-message--large{min-width:320px}}@media(max-width: 767px){.Popover{position:fixed;top:auto !important;right:0 !important;bottom:0 !important;left:0 !important}.Popover-message{top:auto;right:auto;bottom:auto;left:auto;width:auto !important;margin:8px}.Popover-message>.btn-octicon{padding:12px !important}.Popover-message::after,.Popover-message::before{display:none}}
2
2
  /*# sourceMappingURL=popover.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/popover/index.scss%23sass"],"names":[],"mappings":"AAggBA,SAAA,iBACE,CAAA,WAAA,CAAA,iBAAA,iBAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,iDAAA,iBAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,yBAAA,SAAA,CAAA,gBAAA,CAAA,4BAAA,CAAA,+CAAA,CAAA,wBAAA,SAAA,CAAA,gBAAA,CAAA,4BAAA,CAAA,+CAAA,CAAA,qBAAA,4CAAA,CAAA,yNAAA,QAAA,CAAA,+BAAA,CAAA,8GAAA,YAAA,CAAA,4CAAA,CAAA,2GAAA,YAAA,CAAA,4CAAA,CAAA,2DAAA,UAAA,CAAA,cAAA,CAAA,oJAAA,SAAA,CAAA,aAAA,CAAA,2EAAA,UAAA,CAAA,yEAAA,UAAA,CAAA,yDAAA,SAAA,CAAA,aAAA,CAAA,gJAAA,SAAA,CAAA,aAAA,CAAA,uEAAA,SAAA,CAAA,gaAAA,OAAA,CAAA,SAAA,CAAA,aAAA,CAAA,+BAAA,CAAA,mNAAA,eAAA,CAAA,6MAAA,eAAA,CAAA,2GAAA,WAAA,CAAA,6CAAA,CAAA,wGAAA,WAAA,CAAA,6CAAA,CAAA,wGAAA,UAAA,CAAA,8CAAA,CAAA,qGAAA,UAAA,CAAA,8CAAA,CAAA,4IAAA,QAAA,CAAA,wJAAA,QAAA,CAAA,6EAAA,WAAA,CAAA,2EAAA,WAAA,CAAA,yBAAA,wBAAA,eAAA,CAAA","file":"popover.css"}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/popover/index.scss%23sass"],"names":[],"mappings":"AAggBA,SAAA,iBACE,CAAA,WAAA,CAAA,iBAAA,iBAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,4CAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,iDAAA,iBAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,yBAAA,SAAA,CAAA,gBAAA,CAAA,4BAAA,CAAA,+CAAA,CAAA,wBAAA,SAAA,CAAA,gBAAA,CAAA,4BAAA,CAAA,+CAAA,CAAA,qEAAA,YAAA,CAAA,yNAAA,QAAA,CAAA,+BAAA,CAAA,8GAAA,YAAA,CAAA,4CAAA,CAAA,2GAAA,YAAA,CAAA,4CAAA,CAAA,2DAAA,UAAA,CAAA,cAAA,CAAA,oJAAA,SAAA,CAAA,aAAA,CAAA,2EAAA,UAAA,CAAA,yEAAA,UAAA,CAAA,yDAAA,SAAA,CAAA,aAAA,CAAA,gJAAA,SAAA,CAAA,aAAA,CAAA,uEAAA,SAAA,CAAA,gaAAA,OAAA,CAAA,SAAA,CAAA,aAAA,CAAA,+BAAA,CAAA,mNAAA,eAAA,CAAA,6MAAA,eAAA,CAAA,2GAAA,WAAA,CAAA,6CAAA,CAAA,wGAAA,WAAA,CAAA,6CAAA,CAAA,wGAAA,UAAA,CAAA,8CAAA,CAAA,qGAAA,UAAA,CAAA,8CAAA,CAAA,4IAAA,QAAA,CAAA,wJAAA,QAAA,CAAA,6EAAA,WAAA,CAAA,2EAAA,WAAA,CAAA,yBAAA,wBAAA,eAAA,CAAA,CAAA,yBAAA,SAAA,cAAA,CAAA,mBAAA,CAAA,kBAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,iBAAA,QAAA,CAAA,UAAA,CAAA,WAAA,CAAA,SAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,8BAAA,uBAAA,CAAA,iDAAA,YAAA,CAAA","file":"popover.css"}