primer_view_components 0.0.110 → 0.0.111
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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +20 -0
- data/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/app/assets/styles/primer_view_components.css +1 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_list/item.rb +2 -2
- data/app/components/primer/alpha/x_banner.d.ts +2 -1
- data/app/components/primer/alpha/x_banner.js +0 -1
- data/app/components/primer/alpha/x_banner.ts +1 -1
- data/app/components/primer/beta/avatar.css +1 -0
- data/app/components/primer/beta/avatar.css.json +1 -0
- data/app/components/primer/beta/avatar.css.map +1 -0
- data/app/components/primer/beta/avatar.pcss +73 -0
- data/app/components/primer/beta/avatar_stack.css +1 -0
- data/app/components/primer/beta/avatar_stack.css.json +1 -0
- data/app/components/primer/beta/avatar_stack.css.map +1 -0
- data/app/components/primer/beta/avatar_stack.pcss +141 -0
- data/app/components/primer/beta/button.rb +1 -1
- data/app/components/primer/beta/flash.css +1 -0
- data/app/components/primer/beta/flash.css.json +1 -0
- data/app/components/primer/beta/flash.css.map +1 -0
- data/app/components/primer/beta/flash.pcss +143 -0
- data/app/components/primer/dropdown.css +1 -0
- data/app/components/primer/dropdown.css.json +1 -0
- data/app/components/primer/dropdown.css.map +1 -0
- data/app/components/primer/dropdown.pcss +260 -0
- data/app/components/primer/popover_component.css +1 -0
- data/app/components/primer/popover_component.css.json +1 -0
- data/app/components/primer/popover_component.css.map +1 -0
- data/app/components/primer/popover_component.pcss +225 -0
- data/app/components/primer/primer.pcss +6 -0
- data/app/components/primer/timeline_item_component.css +1 -0
- data/app/components/primer/timeline_item_component.css.json +1 -0
- data/app/components/primer/timeline_item_component.css.map +1 -0
- data/app/components/primer/timeline_item_component.pcss +93 -0
- data/lib/primer/deprecations.rb +0 -1
- data/lib/primer/view_components/version.rb +1 -1
- data/previews/primer/alpha/banner_preview.rb +1 -1
- data/previews/primer/beta/avatar_preview.rb +61 -5
- data/previews/primer/beta/avatar_stack_preview.rb +54 -12
- data/previews/primer/beta/blankslate_preview.rb +29 -5
- data/previews/primer/beta/flash_preview.rb +45 -8
- data/previews/primer/beta/label_preview.rb +86 -8
- data/previews/primer/dropdown_preview.rb +161 -10
- data/static/audited_at.json +0 -1
- data/static/constants.json +0 -2
- data/static/statuses.json +0 -1
- metadata +26 -3
- data/app/components/primer/counter_component.rb +0 -7
@@ -4,23 +4,101 @@ module Primer
|
|
4
4
|
module Beta
|
5
5
|
# @label Label
|
6
6
|
class LabelPreview < ViewComponent::Preview
|
7
|
-
# @label
|
7
|
+
# @label Playground
|
8
8
|
#
|
9
9
|
# @param size [Symbol] select [medium, large]
|
10
10
|
# @param tag [Symbol] select [span, summary, a, div]
|
11
11
|
# @param inline [Boolean] toggle
|
12
|
-
def
|
12
|
+
def playground(size: :medium, tag: :span, inline: false)
|
13
13
|
render(Primer::Beta::Label.new(tag: tag, size: size, inline: inline)) { "Label" }
|
14
14
|
end
|
15
15
|
|
16
|
-
# @label
|
16
|
+
# @label Default Options
|
17
|
+
def default
|
18
|
+
render(Primer::Beta::Label.new) { "Label" }
|
19
|
+
end
|
20
|
+
|
21
|
+
# @!group Color Schemes
|
17
22
|
#
|
18
|
-
# @
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
+
# @label Default
|
24
|
+
def color_scheme_default
|
25
|
+
render(Primer::Beta::Label.new) { "Default" }
|
26
|
+
end
|
27
|
+
|
28
|
+
# @label Primary
|
29
|
+
def color_scheme_primary
|
30
|
+
render(Primer::Beta::Label.new(scheme: :primary)) { "Primary" }
|
31
|
+
end
|
32
|
+
|
33
|
+
# @label Secondary
|
34
|
+
def color_scheme_secondary
|
35
|
+
render(Primer::Beta::Label.new(scheme: :secondary)) { "Secondary" }
|
36
|
+
end
|
37
|
+
|
38
|
+
# @label Accent
|
39
|
+
def color_scheme_accent
|
40
|
+
render(Primer::Beta::Label.new(scheme: :accent)) { "Accent" }
|
41
|
+
end
|
42
|
+
|
43
|
+
# @label Success
|
44
|
+
def color_scheme_success
|
45
|
+
render(Primer::Beta::Label.new(scheme: :success)) { "Success" }
|
46
|
+
end
|
47
|
+
|
48
|
+
# @label Attention
|
49
|
+
def color_scheme_attention
|
50
|
+
render(Primer::Beta::Label.new(scheme: :attention)) { "Attention" }
|
23
51
|
end
|
52
|
+
|
53
|
+
# @label Danger
|
54
|
+
def color_scheme_danger
|
55
|
+
render(Primer::Beta::Label.new(scheme: :danger)) { "Danger" }
|
56
|
+
end
|
57
|
+
|
58
|
+
# @label Severe
|
59
|
+
def color_scheme_severe
|
60
|
+
render(Primer::Beta::Label.new(scheme: :severe)) { "Severe" }
|
61
|
+
end
|
62
|
+
|
63
|
+
# @label Done
|
64
|
+
def color_scheme_done
|
65
|
+
render(Primer::Beta::Label.new(scheme: :done)) { "Done" }
|
66
|
+
end
|
67
|
+
|
68
|
+
# @label Sponsors
|
69
|
+
def color_scheme_sponsors
|
70
|
+
render(Primer::Beta::Label.new(scheme: :sponsors)) { "Sponsors" }
|
71
|
+
end
|
72
|
+
#
|
73
|
+
# @!endgroup
|
74
|
+
|
75
|
+
# @!group Sizes
|
76
|
+
#
|
77
|
+
# @label Default
|
78
|
+
def size_default
|
79
|
+
render(Primer::Beta::Label.new) { "Default" }
|
80
|
+
end
|
81
|
+
|
82
|
+
# @label Large
|
83
|
+
def size_large
|
84
|
+
render(Primer::Beta::Label.new(size: :large)) { "Large" }
|
85
|
+
end
|
86
|
+
#
|
87
|
+
# @!endgroup
|
88
|
+
|
89
|
+
# @!group Inline
|
90
|
+
#
|
91
|
+
# @label Default
|
92
|
+
def inline_default
|
93
|
+
render(Primer::Beta::Label.new) { "Default" }
|
94
|
+
end
|
95
|
+
|
96
|
+
# @label Inline
|
97
|
+
def inline_inline
|
98
|
+
render(Primer::Beta::Label.new(inline: true)) { "Inline" }
|
99
|
+
end
|
100
|
+
#
|
101
|
+
# @!endgroup
|
24
102
|
end
|
25
103
|
end
|
26
104
|
end
|
@@ -21,25 +21,20 @@ module Primer
|
|
21
21
|
end
|
22
22
|
end
|
23
23
|
|
24
|
-
# @label Default
|
24
|
+
# @label Default
|
25
25
|
#
|
26
|
-
|
27
|
-
|
28
|
-
def default(overlay: :default, with_caret: false)
|
29
|
-
render(Primer::Dropdown.new(overlay: overlay, with_caret: with_caret)) do |c|
|
26
|
+
def default
|
27
|
+
render(Primer::Dropdown.new) do |c|
|
30
28
|
c.with_button { "Dropdown" }
|
31
|
-
|
32
|
-
c.with_menu(header: "Header") do |m|
|
29
|
+
c.with_menu do |m|
|
33
30
|
m.with_item { "Item 1" }
|
34
31
|
m.with_item { "Item 2" }
|
35
|
-
m.with_item(divider: true)
|
36
32
|
m.with_item { "Item 3" }
|
37
|
-
m.with_item { "Item 4" }
|
38
33
|
end
|
39
34
|
end
|
40
35
|
end
|
41
36
|
|
42
|
-
# @label Menu
|
37
|
+
# @label Menu
|
43
38
|
#
|
44
39
|
# @param as [Symbol] select [list, default]
|
45
40
|
# @param direction [Symbol] select [se, sw, w, e, ne, s]
|
@@ -53,5 +48,161 @@ module Primer
|
|
53
48
|
m.with_item { "Item 4" }
|
54
49
|
end
|
55
50
|
end
|
51
|
+
|
52
|
+
# @!group Direction
|
53
|
+
#
|
54
|
+
# @label Direction e
|
55
|
+
def direction_e
|
56
|
+
render(Primer::Dropdown.new(display: :inline_block)) do |c|
|
57
|
+
c.with_button { "Dropdown" }
|
58
|
+
c.with_menu(direction: :e) do |m|
|
59
|
+
m.with_item { "Item 1" }
|
60
|
+
m.with_item { "Item 2" }
|
61
|
+
m.with_item { "Item 3" }
|
62
|
+
end
|
63
|
+
end
|
64
|
+
end
|
65
|
+
|
66
|
+
# @label Direction ne
|
67
|
+
def direction_ne
|
68
|
+
render(Primer::Dropdown.new(display: :inline_block)) do |c|
|
69
|
+
c.with_button { "Dropdown" }
|
70
|
+
c.with_menu(direction: :ne) do |m|
|
71
|
+
m.with_item { "Item 1" }
|
72
|
+
m.with_item { "Item 2" }
|
73
|
+
m.with_item { "Item 3" }
|
74
|
+
end
|
75
|
+
end
|
76
|
+
end
|
77
|
+
|
78
|
+
# @label Direction s
|
79
|
+
def direction_s
|
80
|
+
render(Primer::Dropdown.new(display: :inline_block)) do |c|
|
81
|
+
c.with_button { "Dropdown" }
|
82
|
+
c.with_menu(direction: :s) do |m|
|
83
|
+
m.with_item { "Item 1" }
|
84
|
+
m.with_item { "Item 2" }
|
85
|
+
m.with_item { "Item 3" }
|
86
|
+
end
|
87
|
+
end
|
88
|
+
end
|
89
|
+
|
90
|
+
# @label Direction se
|
91
|
+
def direction_se
|
92
|
+
render(Primer::Dropdown.new(display: :inline_block)) do |c|
|
93
|
+
c.with_button { "Dropdown" }
|
94
|
+
c.with_menu(direction: :se) do |m|
|
95
|
+
m.with_item { "Item 1" }
|
96
|
+
m.with_item { "Item 2" }
|
97
|
+
m.with_item { "Item 3" }
|
98
|
+
end
|
99
|
+
end
|
100
|
+
end
|
101
|
+
|
102
|
+
# @label Direction sw
|
103
|
+
def direction_sw
|
104
|
+
render(Primer::Dropdown.new(display: :inline_block)) do |c|
|
105
|
+
c.with_button { "Dropdown" }
|
106
|
+
c.with_menu(direction: :sw) do |m|
|
107
|
+
m.with_item { "Item 1" }
|
108
|
+
m.with_item { "Item 2" }
|
109
|
+
m.with_item { "Item 3" }
|
110
|
+
end
|
111
|
+
end
|
112
|
+
end
|
113
|
+
|
114
|
+
# @label Direction w
|
115
|
+
def direction_w
|
116
|
+
render(Primer::Dropdown.new(display: :inline_block)) do |c|
|
117
|
+
c.with_button { "Dropdown" }
|
118
|
+
c.with_menu(direction: :w) do |m|
|
119
|
+
m.with_item { "Item 1" }
|
120
|
+
m.with_item { "Item 2" }
|
121
|
+
m.with_item { "Item 3" }
|
122
|
+
end
|
123
|
+
end
|
124
|
+
end
|
125
|
+
#
|
126
|
+
# @!endgroup
|
127
|
+
|
128
|
+
# @!group Options
|
129
|
+
#
|
130
|
+
# @label With caret
|
131
|
+
def options_with_caret
|
132
|
+
render(Primer::Dropdown.new(with_caret: true)) do |c|
|
133
|
+
c.with_button { "Dropdown" }
|
134
|
+
c.with_menu do |m|
|
135
|
+
m.with_item { "Item 1" }
|
136
|
+
m.with_item { "Item 2" }
|
137
|
+
m.with_item { "Item 3" }
|
138
|
+
end
|
139
|
+
end
|
140
|
+
end
|
141
|
+
|
142
|
+
# @label With header
|
143
|
+
def options_with_header
|
144
|
+
render(Primer::Dropdown.new) do |c|
|
145
|
+
c.with_button { "Dropdown" }
|
146
|
+
c.with_menu(header: "Header") do |m|
|
147
|
+
m.with_item { "Item 1" }
|
148
|
+
m.with_item { "Item 2" }
|
149
|
+
m.with_item { "Item 3" }
|
150
|
+
end
|
151
|
+
end
|
152
|
+
end
|
153
|
+
|
154
|
+
# @label With dividers
|
155
|
+
def options_with_dividers
|
156
|
+
render(Primer::Dropdown.new) do |c|
|
157
|
+
c.with_button { "Dropdown" }
|
158
|
+
c.with_menu do |m|
|
159
|
+
m.with_item { "Item 1" }
|
160
|
+
m.with_item { "Item 2" }
|
161
|
+
m.with_item(divider: true)
|
162
|
+
m.with_item { "Item 3" }
|
163
|
+
m.with_item { "Item 4" }
|
164
|
+
m.with_item(divider: true)
|
165
|
+
m.with_item { "Item 5" }
|
166
|
+
end
|
167
|
+
end
|
168
|
+
end
|
169
|
+
|
170
|
+
# @label As list
|
171
|
+
def options_as_list
|
172
|
+
render(Primer::Dropdown.new) do |c|
|
173
|
+
c.with_button { "Dropdown" }
|
174
|
+
c.with_menu(as: :list) do |m|
|
175
|
+
m.with_item { "Item 1" }
|
176
|
+
m.with_item { "Item 2" }
|
177
|
+
m.with_item { "Item 3" }
|
178
|
+
end
|
179
|
+
end
|
180
|
+
end
|
181
|
+
|
182
|
+
# @label Overlay none
|
183
|
+
def options_overlay_none
|
184
|
+
render(Primer::Dropdown.new(overlay: :none)) do |c|
|
185
|
+
c.with_button { "Dropdown" }
|
186
|
+
c.with_menu do |m|
|
187
|
+
m.with_item { "Item 1" }
|
188
|
+
m.with_item { "Item 2" }
|
189
|
+
m.with_item { "Item 3" }
|
190
|
+
end
|
191
|
+
end
|
192
|
+
end
|
193
|
+
|
194
|
+
# @label Overlay dark
|
195
|
+
def options_overlay_dark
|
196
|
+
render(Primer::Dropdown.new(overlay: :dark)) do |c|
|
197
|
+
c.with_button { "Dropdown" }
|
198
|
+
c.with_menu do |m|
|
199
|
+
m.with_item { "Item 1" }
|
200
|
+
m.with_item { "Item 2" }
|
201
|
+
m.with_item { "Item 3" }
|
202
|
+
end
|
203
|
+
end
|
204
|
+
end
|
205
|
+
#
|
206
|
+
# @!endgroup
|
56
207
|
end
|
57
208
|
end
|
data/static/audited_at.json
CHANGED
data/static/constants.json
CHANGED
data/static/statuses.json
CHANGED
@@ -61,7 +61,6 @@
|
|
61
61
|
"Primer::ClipboardCopy": "beta",
|
62
62
|
"Primer::ConditionalWrapper": "alpha",
|
63
63
|
"Primer::Content": "stable",
|
64
|
-
"Primer::CounterComponent": "deprecated",
|
65
64
|
"Primer::Dropdown": "alpha",
|
66
65
|
"Primer::Dropdown::Menu": "alpha",
|
67
66
|
"Primer::Dropdown::Menu::Item": "alpha",
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: primer_view_components
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.111
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- GitHub Open Source
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-11-
|
11
|
+
date: 2022-11-18 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: actionview
|
@@ -500,8 +500,16 @@ files:
|
|
500
500
|
- app/components/primer/beta/auto_complete/auto_complete.ts
|
501
501
|
- app/components/primer/beta/auto_complete/item.html.erb
|
502
502
|
- app/components/primer/beta/auto_complete/item.rb
|
503
|
+
- app/components/primer/beta/avatar.css
|
504
|
+
- app/components/primer/beta/avatar.css.json
|
505
|
+
- app/components/primer/beta/avatar.css.map
|
506
|
+
- app/components/primer/beta/avatar.pcss
|
503
507
|
- app/components/primer/beta/avatar.rb
|
508
|
+
- app/components/primer/beta/avatar_stack.css
|
509
|
+
- app/components/primer/beta/avatar_stack.css.json
|
510
|
+
- app/components/primer/beta/avatar_stack.css.map
|
504
511
|
- app/components/primer/beta/avatar_stack.html.erb
|
512
|
+
- app/components/primer/beta/avatar_stack.pcss
|
505
513
|
- app/components/primer/beta/avatar_stack.rb
|
506
514
|
- app/components/primer/beta/base_button.rb
|
507
515
|
- app/components/primer/beta/blankslate.css
|
@@ -536,7 +544,11 @@ files:
|
|
536
544
|
- app/components/primer/beta/counter.rb
|
537
545
|
- app/components/primer/beta/details.html.erb
|
538
546
|
- app/components/primer/beta/details.rb
|
547
|
+
- app/components/primer/beta/flash.css
|
548
|
+
- app/components/primer/beta/flash.css.json
|
549
|
+
- app/components/primer/beta/flash.css.map
|
539
550
|
- app/components/primer/beta/flash.html.erb
|
551
|
+
- app/components/primer/beta/flash.pcss
|
540
552
|
- app/components/primer/beta/flash.rb
|
541
553
|
- app/components/primer/beta/heading.rb
|
542
554
|
- app/components/primer/beta/icon_button.html.erb
|
@@ -574,10 +586,13 @@ files:
|
|
574
586
|
- app/components/primer/component.rb
|
575
587
|
- app/components/primer/conditional_wrapper.rb
|
576
588
|
- app/components/primer/content.rb
|
577
|
-
- app/components/primer/
|
589
|
+
- app/components/primer/dropdown.css
|
590
|
+
- app/components/primer/dropdown.css.json
|
591
|
+
- app/components/primer/dropdown.css.map
|
578
592
|
- app/components/primer/dropdown.d.ts
|
579
593
|
- app/components/primer/dropdown.html.erb
|
580
594
|
- app/components/primer/dropdown.js
|
595
|
+
- app/components/primer/dropdown.pcss
|
581
596
|
- app/components/primer/dropdown.rb
|
582
597
|
- app/components/primer/dropdown.ts
|
583
598
|
- app/components/primer/dropdown/menu.d.ts
|
@@ -608,7 +623,11 @@ files:
|
|
608
623
|
- app/components/primer/octicon_component.rb
|
609
624
|
- app/components/primer/octicon_symbols_component.html.erb
|
610
625
|
- app/components/primer/octicon_symbols_component.rb
|
626
|
+
- app/components/primer/popover_component.css
|
627
|
+
- app/components/primer/popover_component.css.json
|
628
|
+
- app/components/primer/popover_component.css.map
|
611
629
|
- app/components/primer/popover_component.html.erb
|
630
|
+
- app/components/primer/popover_component.pcss
|
612
631
|
- app/components/primer/popover_component.rb
|
613
632
|
- app/components/primer/primer.d.ts
|
614
633
|
- app/components/primer/primer.js
|
@@ -636,7 +655,11 @@ files:
|
|
636
655
|
- app/components/primer/time_ago_component.js
|
637
656
|
- app/components/primer/time_ago_component.rb
|
638
657
|
- app/components/primer/time_ago_component.ts
|
658
|
+
- app/components/primer/timeline_item_component.css
|
659
|
+
- app/components/primer/timeline_item_component.css.json
|
660
|
+
- app/components/primer/timeline_item_component.css.map
|
639
661
|
- app/components/primer/timeline_item_component.html.erb
|
662
|
+
- app/components/primer/timeline_item_component.pcss
|
640
663
|
- app/components/primer/timeline_item_component.rb
|
641
664
|
- app/components/primer/tooltip.rb
|
642
665
|
- app/components/primer/truncate.css
|