@primer/view-components 0.1.6-rc.fbd3190c → 0.1.7-rc.0234dd36
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.
- package/app/assets/styles/primer_view_components.css +3 -3
- package/app/assets/styles/primer_view_components.css.map +1 -1
- package/app/components/primer/alpha/action_list.css +1 -1
- package/app/components/primer/alpha/auto_complete.css +1 -1
- package/app/components/primer/alpha/banner.css +1 -1
- package/app/components/primer/alpha/dialog.css +1 -1
- package/app/components/primer/alpha/dropdown.css +1 -1
- package/app/components/primer/alpha/layout.css +1 -1
- package/app/components/primer/alpha/menu.css +1 -1
- package/app/components/primer/alpha/segmented_control.css +1 -1
- package/app/components/primer/alpha/tab_nav.css +1 -1
- package/app/components/primer/alpha/text_field.css +3 -3
- package/app/components/primer/alpha/toggle_switch.css +1 -1
- package/app/components/primer/alpha/underline_nav.css +1 -1
- package/app/components/primer/beta/avatar.css +1 -1
- package/app/components/primer/beta/avatar_stack.css +1 -1
- package/app/components/primer/beta/blankslate.css +1 -1
- package/app/components/primer/beta/border_box.css +1 -1
- package/app/components/primer/beta/border_box.css.json +1 -1
- package/app/components/primer/beta/button.css +1 -1
- package/app/components/primer/beta/counter.css +1 -1
- package/app/components/primer/beta/flash.css +1 -1
- package/app/components/primer/beta/label.css +1 -1
- package/app/components/primer/beta/popover.css +1 -1
- package/app/components/primer/beta/state.css +1 -1
- package/app/components/primer/beta/subhead.css +1 -1
- package/app/components/primer/beta/timeline_item.css +1 -1
- package/app/components/primer/beta/truncate.css +1 -1
- package/package.json +3 -3
- package/static/arguments.json +6 -0
- package/static/constants.json +6 -1
- package/static/info_arch.json +40 -12
- package/static/previews.json +10 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--
|
|
1
|
+
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--borderWidth-thin,1px) solid var(--color-border-default);border-radius:var(--borderRadius-medium,6px);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(--color-border-default);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--color-canvas-overlay);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(--color-border-default);bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--color-canvas-overlay);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(--color-border-default);right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--color-canvas-overlay);right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--color-border-default);left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--color-canvas-overlay);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,8px);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal,12px)!important}.Popover-message:after,.Popover-message:before{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.State,.state{border-radius:2em;display:inline-block;font-size:var(--
|
|
1
|
+
.State,.state{border-radius:2em;display:inline-block;font-size:var(--text-body-size-medium,14px);font-weight:var(--base-text-weight-medium,500);line-height:var(--control-medium-lineBoxHeight,20px);padding:5px var(--control-medium-paddingInline-normal,12px);text-align:center;white-space:nowrap}.State,.State--draft,.state{background-color:var(--color-neutral-emphasis);border:var(--borderWidth-thin,1px) solid #0000;color:var(--color-fg-on-emphasis)}.State--open{background-color:var(--color-open-emphasis)}.State--merged,.State--open{color:var(--color-fg-on-emphasis)}.State--merged{background-color:var(--color-done-emphasis)}.State--closed{background-color:var(--color-closed-emphasis);color:var(--color-fg-on-emphasis)}.State--small{font-size:var(--text-body-size-small,12px);line-height:var(--base-size-24,24px);padding:0 10px}.State--small .octicon{width:1em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Subhead{border-bottom:var(--
|
|
1
|
+
.Subhead{border-bottom:var(--borderWidth-thin,1px) solid var(--color-border-muted);display:flex;flex-flow:row wrap;justify-content:flex-end;margin-bottom:var(--stack-gap-normal,16px);padding-bottom:var(--stack-padding-condensed,8px)}.Subhead--spacious{margin-top:var(--base-size-40,40px)}.Subhead-heading{flex:1 1 auto;font-size:24px;font-weight:var(--base-text-weight-normal,400);order:0}.Subhead-heading--danger{color:var(--color-danger-fg);font-weight:var(--base-text-weight-semibold,600)}.Subhead-description{color:var(--color-fg-muted);flex:1 100%;font-size:var(--text-body-size-medium,14px);order:2}.Subhead-actions{align-self:center;justify-content:flex-end;margin:var(--base-size-4,4px) 0 var(--base-size-4,4px) var(--base-size-4,4px);order:1}.Subhead-actions+.Subhead-description{margin-top:var(--base-size-4,4px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.TimelineItem{display:flex;margin-left:var(--
|
|
1
|
+
.TimelineItem{display:flex;margin-left:var(--stack-gap-normal,16px);padding:var(--stack-padding-normal,16px) 0;position:relative}.TimelineItem:before{background-color:var(--color-border-muted);bottom:0;content:"";display:block;left:0;position:absolute;top:0;width:var(--borderWidth-thick,2px)}.TimelineItem:target .TimelineItem-badge{border-color:var(--color-accent-emphasis);box-shadow:0 0 .2em var(--color-accent-muted)}.TimelineItem-badge{align-items:center;background-color:var(--color-timeline-badge-bg);border:var(--borderWidth-thick,2px) solid var(--color-canvas-default);border-radius:50%;color:var(--color-fg-muted);display:flex;flex-shrink:0;height:var(--control-medium-size,32px);justify-content:center;margin-left:calc(var(--control-medium-size, 32px)/-2 + 1px);margin-right:var(--controlStack-medium-gap-condensed,8px);position:relative;width:var(--control-medium-size,32px);z-index:1}.TimelineItem-badge--success{background-color:var(--color-success-emphasis);border:var(--borderWidth-thin,1px) solid #0000;color:var(--color-fg-on-emphasis)}.TimelineItem-body{color:var(--color-fg-muted);flex:auto;margin-top:var(--base-size-4,4px);max-width:100%;min-width:0}.TimelineItem-avatar{left:-72px;position:absolute;z-index:1}.TimelineItem-break{background-color:var(--color-canvas-default);border:0;border-top:var(--borderWidth-thicker,4px) solid var(--color-border-default);height:var(--stack-gap-spacious,24px);margin:0;margin-bottom:calc(var(--stack-gap-normal, 16px)*-1);margin-left:-56px;position:relative;z-index:1}.TimelineItem--condensed{padding-bottom:0;padding-top:var(--base-size-4,4px)}.TimelineItem--condensed:last-child{padding-bottom:var(--stack-gap-normal,16px)}.TimelineItem--condensed .TimelineItem-badge{background-color:var(--color-canvas-default);border:0;color:var(--color-fg-muted);height:var(--base-size-16,16px);margin-bottom:var(--base-size-8,8px);margin-top:var(--base-size-8,8px)}
|
|
@@ -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}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--
|
|
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,4px)}.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}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/view-components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.7-rc.0234dd36",
|
|
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",
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"@github/markdownlint-github": "^0.2.2",
|
|
65
65
|
"@github/prettier-config": "0.0.4",
|
|
66
66
|
"@playwright/test": "^1.27.1",
|
|
67
|
-
"@primer/css": "
|
|
68
|
-
"@primer/primitives": "^7.11.
|
|
67
|
+
"@primer/css": "21.0.1",
|
|
68
|
+
"@primer/primitives": "^7.11.7",
|
|
69
69
|
"@rollup/plugin-node-resolve": "^13.3.0",
|
|
70
70
|
"@rollup/plugin-typescript": "^8.3.3",
|
|
71
71
|
"@typescript-eslint/eslint-plugin": "^5.31.0",
|
package/static/arguments.json
CHANGED
|
@@ -263,6 +263,12 @@
|
|
|
263
263
|
"default": "`:outside_bottom`",
|
|
264
264
|
"description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`.."
|
|
265
265
|
},
|
|
266
|
+
{
|
|
267
|
+
"name": "size",
|
|
268
|
+
"type": "Symbol",
|
|
269
|
+
"default": "`:auto`",
|
|
270
|
+
"description": "One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`.."
|
|
271
|
+
},
|
|
266
272
|
{
|
|
267
273
|
"name": "src",
|
|
268
274
|
"type": "String",
|
package/static/constants.json
CHANGED
|
@@ -623,7 +623,12 @@
|
|
|
623
623
|
]
|
|
624
624
|
},
|
|
625
625
|
"Primer::Beta::AutoComplete::Item": {
|
|
626
|
-
"
|
|
626
|
+
"DEFAULT_DESCRIPTION_VARIANT": "block",
|
|
627
|
+
"DESCRIPTION_VARIANT_MAPPINGS": {
|
|
628
|
+
"inline": "ActionListItem-descriptionWrap--inline",
|
|
629
|
+
"block": "ActionListItem-descriptionWrap"
|
|
630
|
+
},
|
|
631
|
+
"DESCRIPTION_VARIANT_OPTIONS": [
|
|
627
632
|
"inline",
|
|
628
633
|
"block"
|
|
629
634
|
]
|
package/static/info_arch.json
CHANGED
|
@@ -583,6 +583,12 @@
|
|
|
583
583
|
"default": "`:outside_bottom`",
|
|
584
584
|
"description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`.."
|
|
585
585
|
},
|
|
586
|
+
{
|
|
587
|
+
"name": "size",
|
|
588
|
+
"type": "Symbol",
|
|
589
|
+
"default": "`:auto`",
|
|
590
|
+
"description": "One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`.."
|
|
591
|
+
},
|
|
586
592
|
{
|
|
587
593
|
"name": "src",
|
|
588
594
|
"type": "String",
|
|
@@ -647,13 +653,13 @@
|
|
|
647
653
|
},
|
|
648
654
|
{
|
|
649
655
|
"name": "with_show_button",
|
|
650
|
-
"description": "Button to activate the menu.
|
|
656
|
+
"description": "Button to activate the menu.",
|
|
651
657
|
"parameters": [
|
|
652
658
|
{
|
|
653
|
-
"name": "
|
|
654
|
-
"type": "
|
|
659
|
+
"name": "system_arguments",
|
|
660
|
+
"type": "Hash",
|
|
655
661
|
"default": "N/A",
|
|
656
|
-
"description": "
|
|
662
|
+
"description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::Overlay{{/link_to_component}}'s `show_button` slot."
|
|
657
663
|
}
|
|
658
664
|
]
|
|
659
665
|
},
|
|
@@ -705,6 +711,11 @@
|
|
|
705
711
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/default",
|
|
706
712
|
"name": "default"
|
|
707
713
|
},
|
|
714
|
+
{
|
|
715
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/wide",
|
|
716
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/wide",
|
|
717
|
+
"name": "wide"
|
|
718
|
+
},
|
|
708
719
|
{
|
|
709
720
|
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_icon_button",
|
|
710
721
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_icon_button",
|
|
@@ -775,6 +786,11 @@
|
|
|
775
786
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/block_description",
|
|
776
787
|
"name": "block_description"
|
|
777
788
|
},
|
|
789
|
+
{
|
|
790
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/submitting_forms",
|
|
791
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/submitting_forms",
|
|
792
|
+
"name": "submitting_forms"
|
|
793
|
+
},
|
|
778
794
|
{
|
|
779
795
|
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/inline_description",
|
|
780
796
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/inline_description",
|
|
@@ -3352,10 +3368,22 @@
|
|
|
3352
3368
|
"description": "Optional button to open the Overlay.",
|
|
3353
3369
|
"parameters": [
|
|
3354
3370
|
{
|
|
3355
|
-
"name": "
|
|
3371
|
+
"name": "icon",
|
|
3372
|
+
"type": "String",
|
|
3373
|
+
"default": "N/A",
|
|
3374
|
+
"description": "Name of {{link_to_octicons}} to use instead of text. If provided, a {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}} will be rendered. Otherwise a {{#link_to_component}}Primer::Beta::Button{{/link_to_component}} will be rendered."
|
|
3375
|
+
},
|
|
3376
|
+
{
|
|
3377
|
+
"name": "controls",
|
|
3378
|
+
"type": "String",
|
|
3379
|
+
"default": "N/A",
|
|
3380
|
+
"description": "The ID of the menu this button controls. Used internally."
|
|
3381
|
+
},
|
|
3382
|
+
{
|
|
3383
|
+
"name": "button_arguments",
|
|
3356
3384
|
"type": "Hash",
|
|
3357
3385
|
"default": "N/A",
|
|
3358
|
-
"description": "The
|
|
3386
|
+
"description": "The arguments accepted by {{#link_to_component}}Primer::Beta::Button{{/link_to_component}} or {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}} depending on the presence of the `icon:` argument."
|
|
3359
3387
|
}
|
|
3360
3388
|
]
|
|
3361
3389
|
},
|
|
@@ -3369,6 +3397,12 @@
|
|
|
3369
3397
|
"default": "N/A",
|
|
3370
3398
|
"description": "Show a divider between the header and body."
|
|
3371
3399
|
},
|
|
3400
|
+
{
|
|
3401
|
+
"name": "size",
|
|
3402
|
+
"type": "Symbol",
|
|
3403
|
+
"default": "N/A",
|
|
3404
|
+
"description": "One of One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`.."
|
|
3405
|
+
},
|
|
3372
3406
|
{
|
|
3373
3407
|
"name": "visually_hide_title",
|
|
3374
3408
|
"type": "Boolean",
|
|
@@ -5538,13 +5572,7 @@
|
|
|
5538
5572
|
}
|
|
5539
5573
|
],
|
|
5540
5574
|
"methods": [
|
|
5541
|
-
{
|
|
5542
|
-
"name": "description_variant_class",
|
|
5543
|
-
"description": "Description variant class.",
|
|
5544
|
-
"parameters": [
|
|
5545
5575
|
|
|
5546
|
-
]
|
|
5547
|
-
}
|
|
5548
5576
|
],
|
|
5549
5577
|
"previews": [
|
|
5550
5578
|
{
|
package/static/previews.json
CHANGED
|
@@ -133,6 +133,11 @@
|
|
|
133
133
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/default",
|
|
134
134
|
"name": "default"
|
|
135
135
|
},
|
|
136
|
+
{
|
|
137
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/wide",
|
|
138
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/wide",
|
|
139
|
+
"name": "wide"
|
|
140
|
+
},
|
|
136
141
|
{
|
|
137
142
|
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_icon_button",
|
|
138
143
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_icon_button",
|
|
@@ -203,6 +208,11 @@
|
|
|
203
208
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/block_description",
|
|
204
209
|
"name": "block_description"
|
|
205
210
|
},
|
|
211
|
+
{
|
|
212
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/submitting_forms",
|
|
213
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/submitting_forms",
|
|
214
|
+
"name": "submitting_forms"
|
|
215
|
+
},
|
|
206
216
|
{
|
|
207
217
|
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/inline_description",
|
|
208
218
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/inline_description",
|