@primer/view-components 0.31.1-rc.4d4c576b → 0.31.1-rc.681ebd27

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. package/app/assets/styles/primer_view_components.css +1 -1
  2. package/app/assets/styles/primer_view_components.css.map +1 -1
  3. package/app/components/primer/alpha/action_list.css +1 -1
  4. package/app/components/primer/alpha/action_list.css.json +50 -33
  5. package/app/components/primer/alpha/auto_complete.css +1 -1
  6. package/app/components/primer/alpha/auto_complete.css.json +5 -3
  7. package/app/components/primer/alpha/banner.css +1 -1
  8. package/app/components/primer/alpha/banner.css.json +5 -5
  9. package/app/components/primer/alpha/button_marketing.css +1 -1
  10. package/app/components/primer/alpha/button_marketing.css.json +4 -1
  11. package/app/components/primer/alpha/dialog.css +1 -1
  12. package/app/components/primer/alpha/dialog.css.json +7 -7
  13. package/app/components/primer/alpha/layout.css +1 -1
  14. package/app/components/primer/alpha/layout.css.json +15 -9
  15. package/app/components/primer/alpha/menu.css +1 -1
  16. package/app/components/primer/alpha/menu.css.json +3 -1
  17. package/app/components/primer/alpha/segmented_control.css +1 -1
  18. package/app/components/primer/alpha/segmented_control.css.json +5 -5
  19. package/app/components/primer/alpha/tab_nav.css +1 -1
  20. package/app/components/primer/alpha/tab_nav.css.json +3 -1
  21. package/app/components/primer/alpha/text_field.css +1 -1
  22. package/app/components/primer/alpha/text_field.css.json +78 -37
  23. package/app/components/primer/alpha/toggle_switch.css +1 -1
  24. package/app/components/primer/alpha/toggle_switch.css.json +1 -1
  25. package/app/components/primer/alpha/underline_nav.css +1 -1
  26. package/app/components/primer/alpha/underline_nav.css.json +4 -2
  27. package/app/components/primer/beta/avatar_stack.css +1 -1
  28. package/app/components/primer/beta/avatar_stack.css.json +8 -8
  29. package/app/components/primer/beta/border_box.css +1 -1
  30. package/app/components/primer/beta/border_box.css.json +4 -4
  31. package/app/components/primer/beta/breadcrumbs.css +1 -1
  32. package/app/components/primer/beta/breadcrumbs.css.json +2 -1
  33. package/app/components/primer/beta/button.css +1 -1
  34. package/app/components/primer/beta/button.css.json +8 -6
  35. package/app/components/primer/beta/button_group.css +1 -1
  36. package/app/components/primer/beta/button_group.css.json +3 -3
  37. package/app/components/primer/beta/label.css +1 -1
  38. package/app/components/primer/beta/label.css.json +2 -1
  39. package/app/components/primer/beta/link.css +1 -1
  40. package/app/components/primer/beta/link.css.json +3 -1
  41. package/app/components/primer/beta/popover.css +1 -1
  42. package/app/components/primer/beta/popover.css.json +22 -16
  43. package/app/components/primer/beta/truncate.css +1 -1
  44. package/app/components/primer/beta/truncate.css.json +5 -5
  45. package/package.json +2 -2
  46. package/static/classes.json +21 -39
  47. package/static/info_arch.json +0 -13
  48. package/static/previews.json +0 -13
@@ -1 +1 @@
1
- .Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--overlay-bgColor);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-floating-legacy,var(--color-shadow-large))!important;margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--borderColor-default);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor);margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after,:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before{border-bottom-color:#0000;top:auto}:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before{border-top-color:var(--borderColor-default);bottom:-16px}:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after{border-top-color:var(--overlay-bgColor);bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}:is(.Popover-message--top-right,.Popover-message--bottom-right):after,:is(.Popover-message--top-right,.Popover-message--bottom-right):before{left:auto;margin-left:0}:is(.Popover-message--top-right,.Popover-message--bottom-right):before{right:20px}:is(.Popover-message--top-right,.Popover-message--bottom-right):after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}:is(.Popover-message--top-left,.Popover-message--bottom-left):after,:is(.Popover-message--top-left,.Popover-message--bottom-left):before{left:24px;margin-left:0}:is(.Popover-message--top-left,.Popover-message--bottom-left):after{left:25px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after,:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before{margin-top:-9px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after{margin-top:-8px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):before{border-left-color:var(--borderColor-default);right:-16px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):after{border-left-color:var(--overlay-bgColor);right:-14px}:is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before{border-right-color:var(--borderColor-default);left:-16px}:is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after{border-right-color:var(--overlay-bgColor);left:-14px}:is(.Popover-message--right-top,.Popover-message--left-top):after,:is(.Popover-message--right-top,.Popover-message--left-top):before{top:24px}:is(.Popover-message--right-bottom,.Popover-message--left-bottom):after,:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before{top:auto}:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before{bottom:16px}:is(.Popover-message--right-bottom,.Popover-message--left-bottom):after{bottom:17px}@media (min-width:544px){.Popover-message--large{min-width:320px}}@media (max-width:767.98px){.Popover{bottom:0!important;left:0!important;position:fixed;right:0!important;top:auto!important}.Popover-message{bottom:auto;left:auto;margin:var(--stack-gap-condensed);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal)!important}.Popover-message:after,.Popover-message:before{display:none}}
1
+ .Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--overlay-bgColor);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-floating-legacy,var(--color-shadow-large))!important;margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--borderColor-default);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor);margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--bottom:after,.Popover-message--bottom:before{border-bottom-color:#0000;top:auto}.Popover-message--bottom-left:before,.Popover-message--bottom-right:before,.Popover-message--bottom:before{border-top-color:var(--borderColor-default);bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--overlay-bgColor);bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--top-right:after,.Popover-message--top-right:before{left:auto;margin-left:0}.Popover-message--bottom-right:before,.Popover-message--top-right:before{right:20px}.Popover-message--bottom-right:after,.Popover-message--top-right:after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--top-left:after,.Popover-message--top-left:before{left:24px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--top-left:after{left:25px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--left:after,.Popover-message--left:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before,.Popover-message--right-top:after,.Popover-message--right-top:before,.Popover-message--right:after,.Popover-message--right:before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before,.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{margin-top:-9px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after,.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{margin-top:-8px}.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{border-left-color:var(--borderColor-default);right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--overlay-bgColor);right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--borderColor-default);left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--overlay-bgColor);left:-14px}.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--right-top:after,.Popover-message--right-top:before{top:24px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before{top:auto}.Popover-message--left-bottom:before,.Popover-message--right-bottom:before{bottom:16px}.Popover-message--left-bottom:after,.Popover-message--right-bottom:after{bottom:17px}@media (min-width:544px){.Popover-message--large{min-width:320px}}@media (max-width:767.98px){.Popover{bottom:0!important;left:0!important;position:fixed;right:0!important;top:auto!important}.Popover-message{bottom:auto;left:auto;margin:var(--stack-gap-condensed);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal)!important}.Popover-message:after,.Popover-message:before{display:none}}
@@ -7,26 +7,32 @@
7
7
  ".Popover-message:before",
8
8
  ".Popover-message--no-caret:after",
9
9
  ".Popover-message--no-caret:before",
10
- ":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after",
11
- ":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before",
10
+ ".Popover-message--bottom-left:after",
11
+ ".Popover-message--bottom-left:before",
12
+ ".Popover-message--bottom-right:after",
13
+ ".Popover-message--bottom-right:before",
14
+ ".Popover-message--bottom:after",
15
+ ".Popover-message--bottom:before",
12
16
  ".Popover-message--bottom-right",
13
17
  ".Popover-message--top-right",
14
- ":is(.Popover-message--top-right,.Popover-message--bottom-right):after",
15
- ":is(.Popover-message--top-right,.Popover-message--bottom-right):before",
18
+ ".Popover-message--top-right:after",
19
+ ".Popover-message--top-right:before",
16
20
  ".Popover-message--bottom-left",
17
21
  ".Popover-message--top-left",
18
- ":is(.Popover-message--top-left,.Popover-message--bottom-left):after",
19
- ":is(.Popover-message--top-left,.Popover-message--bottom-left):before",
20
- ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after",
21
- ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before",
22
- ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):before",
23
- ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):after",
24
- ":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before",
25
- ":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after",
26
- ":is(.Popover-message--right-top,.Popover-message--left-top):after",
27
- ":is(.Popover-message--right-top,.Popover-message--left-top):before",
28
- ":is(.Popover-message--right-bottom,.Popover-message--left-bottom):after",
29
- ":is(.Popover-message--right-bottom,.Popover-message--left-bottom):before",
22
+ ".Popover-message--top-left:after",
23
+ ".Popover-message--top-left:before",
24
+ ".Popover-message--left-bottom:after",
25
+ ".Popover-message--left-bottom:before",
26
+ ".Popover-message--left-top:after",
27
+ ".Popover-message--left-top:before",
28
+ ".Popover-message--left:after",
29
+ ".Popover-message--left:before",
30
+ ".Popover-message--right-bottom:after",
31
+ ".Popover-message--right-bottom:before",
32
+ ".Popover-message--right-top:after",
33
+ ".Popover-message--right-top:before",
34
+ ".Popover-message--right:after",
35
+ ".Popover-message--right:before",
30
36
  ".Popover-message--large",
31
37
  ".Popover-message>.btn-octicon"
32
38
  ]
@@ -1 +1 @@
1
- .Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.Truncate>.Truncate-text)+.Truncate-text{margin-left:var(--control-small-gap)}.Truncate-text--primary:is(.Truncate>.Truncate-text){flex-basis:200%}.Truncate-text--expandable:is(.Truncate>.Truncate-text):active,.Truncate-text--expandable:is(.Truncate>.Truncate-text):focus,.Truncate-text--expandable:is(.Truncate>.Truncate-text):hover{cursor:pointer;flex-shrink:0;max-width:100%!important}
1
+ .Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--control-small-gap)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100%!important}
@@ -3,10 +3,10 @@
3
3
  "selectors": [
4
4
  ".Truncate",
5
5
  ".Truncate>.Truncate-text",
6
- ":is(.Truncate>.Truncate-text)+.Truncate-text",
7
- ".Truncate-text--primary:is(.Truncate>.Truncate-text)",
8
- ".Truncate-text--expandable:is(.Truncate>.Truncate-text):active",
9
- ".Truncate-text--expandable:is(.Truncate>.Truncate-text):focus",
10
- ".Truncate-text--expandable:is(.Truncate>.Truncate-text):hover"
6
+ ".Truncate>.Truncate-text+.Truncate-text",
7
+ ".Truncate>.Truncate-text.Truncate-text--primary",
8
+ ".Truncate>.Truncate-text.Truncate-text--expandable:active",
9
+ ".Truncate>.Truncate-text.Truncate-text--expandable:focus",
10
+ ".Truncate>.Truncate-text.Truncate-text--expandable:hover"
11
11
  ]
12
12
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/view-components",
3
- "version": "0.31.1-rc.4d4c576b",
3
+ "version": "0.31.1-rc.681ebd27",
4
4
  "description": "ViewComponents for the Primer Design System",
5
5
  "main": "app/assets/javascripts/primer_view_components.js",
6
6
  "module": "app/components/primer/primer.js",
@@ -85,7 +85,7 @@
85
85
  "postcss-cli": "^11.0.0",
86
86
  "postcss-import": "^16.0.0",
87
87
  "postcss-mixins": "^10.0.0",
88
- "postcss-preset-env": "^10.0.2",
88
+ "postcss-preset-env": "^9.3.0",
89
89
  "prettier": "^3.3.2",
90
90
  "rollup": "^2.79.1",
91
91
  "rollup-plugin-terser": "^7.0.2",
@@ -251,9 +251,6 @@
251
251
  "FormControl-checkbox-wrap": [
252
252
  "Primer::Alpha::TextField"
253
253
  ],
254
- "FormControl-error": [
255
- "Primer::Alpha::TextField"
256
- ],
257
254
  "FormControl-horizontalGroup": [
258
255
  "Primer::Alpha::TextField"
259
256
  ],
@@ -269,27 +266,12 @@
269
266
  "FormControl-input": [
270
267
  "Primer::Alpha::TextField"
271
268
  ],
272
- "FormControl-input-trailingAction--divider": [
273
- "Primer::Alpha::TextField"
274
- ],
275
269
  "FormControl-input-wrap": [
276
270
  "Primer::Alpha::TextField"
277
271
  ],
278
- "FormControl-inset": [
279
- "Primer::Alpha::TextField"
280
- ],
281
272
  "FormControl-label": [
282
273
  "Primer::Alpha::TextField"
283
274
  ],
284
- "FormControl-large": [
285
- "Primer::Alpha::TextField"
286
- ],
287
- "FormControl-medium": [
288
- "Primer::Alpha::TextField"
289
- ],
290
- "FormControl-monospace": [
291
- "Primer::Alpha::TextField"
292
- ],
293
275
  "FormControl-radio-group-wrap": [
294
276
  "Primer::Alpha::TextField"
295
277
  ],
@@ -302,24 +284,15 @@
302
284
  "FormControl-select-wrap": [
303
285
  "Primer::Alpha::TextField"
304
286
  ],
305
- "FormControl-small": [
306
- "Primer::Alpha::TextField"
307
- ],
308
287
  "FormControl-spacingWrapper": [
309
288
  "Primer::Alpha::TextField"
310
289
  ],
311
- "FormControl-success": [
312
- "Primer::Alpha::TextField"
313
- ],
314
290
  "FormControl-textarea": [
315
291
  "Primer::Alpha::TextField"
316
292
  ],
317
293
  "FormControl-toggleSwitchInput": [
318
294
  "Primer::Alpha::TextField"
319
295
  ],
320
- "FormControl-warning": [
321
- "Primer::Alpha::TextField"
322
- ],
323
296
  "Label": [
324
297
  "Primer::Beta::Label"
325
298
  ],
@@ -374,12 +347,6 @@
374
347
  "Layout-divider": [
375
348
  "Primer::Alpha::Layout"
376
349
  ],
377
- "Layout-divider--flowRow-hidden": [
378
- "Primer::Alpha::Layout"
379
- ],
380
- "Layout-divider--flowRow-shallow": [
381
- "Primer::Alpha::Layout"
382
- ],
383
350
  "Layout-main": [
384
351
  "Primer::Alpha::Layout"
385
352
  ],
@@ -447,6 +414,9 @@
447
414
  "Popover-message": [
448
415
  "Primer::Beta::Popover"
449
416
  ],
417
+ "Popover-message--bottom": [
418
+ "Primer::Beta::Popover"
419
+ ],
450
420
  "Popover-message--bottom-left": [
451
421
  "Primer::Beta::Popover"
452
422
  ],
@@ -456,9 +426,27 @@
456
426
  "Popover-message--large": [
457
427
  "Primer::Beta::Popover"
458
428
  ],
429
+ "Popover-message--left": [
430
+ "Primer::Beta::Popover"
431
+ ],
432
+ "Popover-message--left-bottom": [
433
+ "Primer::Beta::Popover"
434
+ ],
435
+ "Popover-message--left-top": [
436
+ "Primer::Beta::Popover"
437
+ ],
459
438
  "Popover-message--no-caret": [
460
439
  "Primer::Beta::Popover"
461
440
  ],
441
+ "Popover-message--right": [
442
+ "Primer::Beta::Popover"
443
+ ],
444
+ "Popover-message--right-bottom": [
445
+ "Primer::Beta::Popover"
446
+ ],
447
+ "Popover-message--right-top": [
448
+ "Primer::Beta::Popover"
449
+ ],
462
450
  "Popover-message--top-left": [
463
451
  "Primer::Beta::Popover"
464
452
  ],
@@ -603,12 +591,6 @@
603
591
  "Truncate": [
604
592
  "Primer::Beta::Truncate"
605
593
  ],
606
- "Truncate-text--expandable": [
607
- "Primer::Beta::Truncate"
608
- ],
609
- "Truncate-text--primary": [
610
- "Primer::Beta::Truncate"
611
- ],
612
594
  "UnderlineNav": [
613
595
  "Primer::Alpha::UnderlineNav"
614
596
  ],
@@ -8118,19 +8118,6 @@
8118
8118
  "color-contrast"
8119
8119
  ]
8120
8120
  }
8121
- },
8122
- {
8123
- "preview_path": "primer/alpha/select_panel/no_values",
8124
- "name": "no_values",
8125
- "snapshot": "interactive",
8126
- "skip_rules": {
8127
- "wont_fix": [
8128
- "region"
8129
- ],
8130
- "will_fix": [
8131
- "color-contrast"
8132
- ]
8133
- }
8134
8121
  }
8135
8122
  ],
8136
8123
  "subcomponents": [
@@ -6173,19 +6173,6 @@
6173
6173
  "color-contrast"
6174
6174
  ]
6175
6175
  }
6176
- },
6177
- {
6178
- "preview_path": "primer/alpha/select_panel/no_values",
6179
- "name": "no_values",
6180
- "snapshot": "interactive",
6181
- "skip_rules": {
6182
- "wont_fix": [
6183
- "region"
6184
- ],
6185
- "will_fix": [
6186
- "color-contrast"
6187
- ]
6188
- }
6189
6176
  }
6190
6177
  ]
6191
6178
  },