primer_view_components 0.0.48 → 0.0.52

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +155 -0
  3. data/app/components/primer/base_component.rb +2 -2
  4. data/app/components/primer/beta/avatar.rb +1 -1
  5. data/app/components/primer/{avatar_stack_component.html.erb → beta/avatar_stack.html.erb} +0 -0
  6. data/app/components/primer/beta/avatar_stack.rb +92 -0
  7. data/app/components/primer/beta/truncate.html.erb +5 -0
  8. data/app/components/primer/beta/truncate.rb +110 -0
  9. data/app/components/primer/border_box_component.rb +27 -1
  10. data/app/components/primer/clipboard_copy.html.erb +2 -2
  11. data/app/components/primer/clipboard_copy.rb +1 -1
  12. data/app/components/primer/dropdown.rb +7 -7
  13. data/app/components/primer/icon_button.rb +1 -1
  14. data/app/components/primer/image_crop.html.erb +4 -4
  15. data/app/components/primer/label_component.rb +13 -12
  16. data/app/components/primer/navigation/tab_component.rb +16 -2
  17. data/app/components/primer/progress_bar_component.rb +0 -3
  18. data/app/components/primer/tab_nav_component.rb +4 -3
  19. data/app/components/primer/truncate.rb +1 -1
  20. data/app/components/primer/underline_nav_component.rb +3 -2
  21. data/app/lib/primer/fetch_or_fallback_helper.rb +2 -0
  22. data/app/lib/primer/octicon/cache.rb +1 -1
  23. data/app/lib/primer/tabbed_component_helper.rb +1 -1
  24. data/app/lib/primer/view_helper.rb +1 -0
  25. data/lib/primer/classify.rb +4 -16
  26. data/lib/primer/classify/cache.rb +0 -5
  27. data/lib/primer/classify/flex.rb +1 -1
  28. data/lib/primer/classify/functional_colors.rb +1 -1
  29. data/lib/primer/classify/utilities.rb +51 -13
  30. data/lib/primer/classify/utilities.yml +16 -0
  31. data/lib/primer/classify/validation.rb +18 -0
  32. data/lib/primer/view_components.rb +34 -6
  33. data/lib/primer/view_components/constants.rb +55 -0
  34. data/lib/primer/view_components/linters/argument_mappers/base.rb +100 -0
  35. data/lib/primer/view_components/linters/argument_mappers/button.rb +33 -46
  36. data/lib/primer/view_components/linters/argument_mappers/clipboard_copy.rb +19 -0
  37. data/lib/primer/view_components/linters/argument_mappers/helpers/erb_block.rb +67 -0
  38. data/lib/primer/view_components/linters/argument_mappers/label.rb +49 -0
  39. data/lib/primer/view_components/linters/argument_mappers/system_arguments.rb +6 -5
  40. data/lib/primer/view_components/linters/autocorrectable.rb +30 -0
  41. data/lib/primer/view_components/linters/button_component_migration_counter.rb +9 -23
  42. data/lib/primer/view_components/linters/clipboard_copy_component_migration_counter.rb +21 -0
  43. data/lib/primer/view_components/linters/close_button_component_migration_counter.rb +16 -0
  44. data/lib/primer/view_components/linters/helpers.rb +47 -42
  45. data/lib/primer/view_components/linters/label_component_migration_counter.rb +25 -0
  46. data/lib/primer/view_components/version.rb +1 -1
  47. data/lib/rubocop/config/default.yml +5 -0
  48. data/lib/rubocop/cop/primer.rb +1 -2
  49. data/lib/rubocop/cop/primer/deprecated_arguments.rb +173 -0
  50. data/lib/rubocop/cop/primer/no_tag_memoize.rb +1 -0
  51. data/lib/rubocop/cop/primer/primer_octicon.rb +178 -0
  52. data/lib/rubocop/cop/primer/system_argument_instead_of_class.rb +12 -16
  53. data/lib/tasks/constants.rake +12 -0
  54. data/lib/tasks/coverage.rake +4 -0
  55. data/lib/tasks/docs.rake +27 -25
  56. data/lib/tasks/utilities.rake +9 -13
  57. data/lib/yard/docs_helper.rb +15 -5
  58. data/static/arguments.yml +980 -0
  59. data/static/assets/view-components.svg +18 -0
  60. data/static/classes.yml +182 -0
  61. data/static/constants.json +640 -0
  62. data/static/statuses.json +4 -2
  63. metadata +29 -10
  64. data/app/components/primer/avatar_stack_component.rb +0 -90
@@ -0,0 +1,18 @@
1
+ <svg width="400" height="220" viewBox="0 0 400 220" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="400" height="220" fill="#1B1F23"/>
3
+ <rect x="115" y="25" width="170" height="170" fill="#1B1F23" stroke="#79B8FF"/>
4
+ <circle cx="130.597" cy="117.49" r="3.66652" stroke="#C8E1FF"/>
5
+ <circle cx="255.666" cy="92.6387" r="7.33303" fill="#1B1F23" stroke="#C8E1FF"/>
6
+ <rect x="222.26" y="161.673" width="20.3695" height="16.2956" fill="#044289"/>
7
+ <rect x="205" y="162" width="12" height="16" fill="#044289"/>
8
+ <rect x="258.925" y="161.673" width="28.5173" height="16.2956" fill="#044289"/>
9
+ <rect x="106" y="66" width="49" height="17" fill="#005CC5"/>
10
+ <path d="M165.632 51.8996C220.5 29.5 263.42 80.2095 206 99C148.58 117.791 174.28 166.185 222.259 136.23C253 117.037 262.499 142.847 249.962 152.118" stroke="#C8E1FF"/>
11
+ <path d="M241.203 61.677L238.555 56.7883L241.203 51.8997L246.499 51.8997L249.147 56.7883L246.499 61.677H241.203Z" stroke="#2188FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
12
+ <path d="M157.892 170.45L151.374 170.45L154.633 164.747L157.892 170.45Z" stroke="#2188FF" stroke-width="2" stroke-linejoin="round"/>
13
+ <path d="M228.37 111.379C226.293 111.379 226.293 107.305 224.215 107.305C222.137 107.305 222.137 111.379 220.059 111.379C217.982 111.379 217.982 107.305 215.904 107.305C213.826 107.305 213.826 111.379 211.749 111.379C209.671 111.379 209.671 107.305 207.593 107.305" stroke="#2188FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
14
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M151.954 65H145.75C144.784 65 144 64.2165 144 63.25V51.75C144 50.7835 144.784 50 145.75 50H164.25C165.216 50 166 50.7835 166 51.75V63.25C166 64.2165 165.216 65 164.25 65H158.046C158.217 66.3751 158.851 67.6522 159.815 68.7568C160.008 68.9784 160.054 69.2926 159.933 69.5604C159.811 69.8281 159.544 70 159.25 70H150.75C150.456 70 150.189 69.8281 150.067 69.5604C149.945 69.2926 149.991 68.9784 150.185 68.7568C151.149 67.6522 151.783 66.3751 151.954 65ZM164.5 51.75V63.25C164.5 63.3881 164.388 63.5 164.25 63.5H145.75C145.612 63.5 145.5 63.3881 145.5 63.25V51.75C145.5 51.6119 145.612 51.5 145.75 51.5H164.25C164.388 51.5 164.5 51.6119 164.5 51.75ZM156.537 65C156.662 66.2662 157.101 67.445 157.76 68.5H152.24C152.899 67.445 153.337 66.2662 153.463 65H156.537Z" fill="#79B8FF"/>
15
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M248.544 149.734C247.683 148.873 246.228 149.132 245.718 150.238L245.105 151.565C244.953 151.895 244.744 152.196 244.486 152.453C244.083 152.856 243.576 153.14 243.021 153.272L240.567 153.856C239.235 154.173 238.767 155.828 239.735 156.796L241.939 159L238.22 162.72C237.927 163.013 237.927 163.487 238.22 163.78C238.513 164.073 238.987 164.073 239.28 163.78L243 160.061L245.204 162.265C246.172 163.233 247.827 162.765 248.144 161.433L248.728 158.979C248.86 158.424 249.144 157.917 249.547 157.514C249.804 157.256 250.105 157.047 250.435 156.895L251.762 156.282C252.868 155.772 253.127 154.317 252.266 153.456L248.544 149.734ZM247.08 150.866C247.153 150.709 247.361 150.671 247.484 150.794L251.206 154.516C251.329 154.639 251.291 154.847 251.134 154.92L249.806 155.533C249.315 155.759 248.869 156.071 248.486 156.453C247.887 157.052 247.466 157.806 247.269 158.631L246.685 161.085C246.64 161.276 246.403 161.343 246.265 161.204L240.796 155.735C240.657 155.597 240.724 155.36 240.915 155.315L243.369 154.731C244.194 154.534 244.948 154.113 245.547 153.514C245.929 153.131 246.241 152.685 246.467 152.194L247.08 150.866Z" fill="#79B8FF"/>
16
+ <path d="M186.5 106H175.5L170.5 111.5L181 123.5L191.5 112L186.5 106Z" fill="#1B1F23"/>
17
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M174.873 105.26C174.943 105.179 175.03 105.113 175.128 105.068C175.226 105.023 175.332 105 175.44 105H186.75C186.86 105 186.969 105.024 187.068 105.071C187.168 105.118 187.256 105.186 187.326 105.27L192.326 111.27C192.443 111.41 192.505 111.589 192.5 111.771C192.494 111.954 192.423 112.128 192.298 112.262L181.548 123.762C181.478 123.837 181.393 123.897 181.299 123.938C181.204 123.979 181.103 124 181 124C180.897 124 180.796 123.979 180.701 123.938C180.607 123.897 180.522 123.837 180.452 123.762L169.702 112.262C169.575 112.127 169.503 111.95 169.5 111.764C169.496 111.579 169.561 111.399 169.682 111.259L174.872 105.259L174.873 105.26ZM175.783 106.5L171.258 111.73L181 122.153L190.75 111.723L186.399 106.5H175.783Z" fill="#79B8FF"/>
18
+ </svg>
@@ -0,0 +1,182 @@
1
+ ---
2
+ - ".AvatarStack"
3
+ - ".AvatarStack--right"
4
+ - ".AvatarStack--three-plus"
5
+ - ".AvatarStack-body"
6
+ - ".Box"
7
+ - ".Box--condensed"
8
+ - ".Box-body"
9
+ - ".Box-btn-octicon"
10
+ - ".Box-footer"
11
+ - ".Box-header"
12
+ - ".Box-row"
13
+ - ".Box-row--blue"
14
+ - ".Box-row--gray"
15
+ - ".Box-row--yellow"
16
+ - ".BtnGroup"
17
+ - ".BtnGroup-item"
18
+ - ".Counter"
19
+ - ".Counter--primary"
20
+ - ".Counter--secondary"
21
+ - ".Label"
22
+ - ".Label--danger"
23
+ - ".Label--info"
24
+ - ".Label--large"
25
+ - ".Label--primary"
26
+ - ".Label--secondary"
27
+ - ".Label--success"
28
+ - ".Label--warning"
29
+ - ".Link"
30
+ - ".Link--muted"
31
+ - ".Link--primary"
32
+ - ".Link--secondary"
33
+ - ".Popover"
34
+ - ".Popover-message"
35
+ - ".Popover-message--large"
36
+ - ".Popover-message--left"
37
+ - ".Progress"
38
+ - ".Progress--large"
39
+ - ".Progress--small"
40
+ - ".Progress-item"
41
+ - ".State"
42
+ - ".State--closed"
43
+ - ".State--merged"
44
+ - ".State--open"
45
+ - ".State--small"
46
+ - ".Subhead"
47
+ - ".Subhead-actions"
48
+ - ".Subhead-description"
49
+ - ".Subhead-heading"
50
+ - ".Subhead-heading--danger"
51
+ - ".TimelineItem"
52
+ - ".TimelineItem-avatar"
53
+ - ".TimelineItem-badge"
54
+ - ".TimelineItem-body"
55
+ - ".Truncate"
56
+ - ".Truncate-text"
57
+ - ".Truncate-text--expandable"
58
+ - ".Truncate-text--primary"
59
+ - ".UnderlineNav"
60
+ - ".UnderlineNav--right"
61
+ - ".UnderlineNav-actions"
62
+ - ".UnderlineNav-body"
63
+ - ".UnderlineNav-item"
64
+ - ".UnderlineNav-octicon"
65
+ - ".anim-rotate"
66
+ - ".autocomplete-item"
67
+ - ".autocomplete-results"
68
+ - ".avatar"
69
+ - ".avatar-more"
70
+ - ".avatar-small"
71
+ - ".blankslate"
72
+ - ".blankslate-icon"
73
+ - ".blankslate-large"
74
+ - ".blankslate-narrow"
75
+ - ".blankslate-spacious"
76
+ - ".border"
77
+ - ".border-bottom-0"
78
+ - ".breadcrumb-item"
79
+ - ".btn"
80
+ - ".btn-block"
81
+ - ".btn-danger"
82
+ - ".btn-invisible"
83
+ - ".btn-large"
84
+ - ".btn-large-mktg"
85
+ - ".btn-link"
86
+ - ".btn-mktg"
87
+ - ".btn-octicon"
88
+ - ".btn-octicon-danger"
89
+ - ".btn-outline"
90
+ - ".btn-outline-mktg"
91
+ - ".btn-primary"
92
+ - ".btn-primary-mktg"
93
+ - ".btn-sm"
94
+ - ".btn-transparent"
95
+ - ".circle"
96
+ - ".close-button"
97
+ - ".col-2"
98
+ - ".col-3"
99
+ - ".col-9"
100
+ - ".color-bg-canvas-inverse"
101
+ - ".color-bg-danger-inverse"
102
+ - ".color-bg-info-inverse"
103
+ - ".color-bg-secondary"
104
+ - ".color-bg-success-inverse"
105
+ - ".color-bg-tertiary"
106
+ - ".color-border-info"
107
+ - ".color-icon-success"
108
+ - ".color-shadow-large"
109
+ - ".color-text-danger"
110
+ - ".color-text-white"
111
+ - ".css-truncate"
112
+ - ".css-truncate-overflow"
113
+ - ".css-truncate-target"
114
+ - ".custom-class"
115
+ - ".d-flex"
116
+ - ".d-inline-block"
117
+ - ".details-overlay"
118
+ - ".details-reset"
119
+ - ".dropdown"
120
+ - ".dropdown-caret"
121
+ - ".dropdown-divider"
122
+ - ".dropdown-header"
123
+ - ".dropdown-item"
124
+ - ".dropdown-menu"
125
+ - ".dropdown-menu-s"
126
+ - ".dropdown-menu-se"
127
+ - ".ellipsis-expander"
128
+ - ".expandable"
129
+ - ".flash"
130
+ - ".flash-action"
131
+ - ".flash-close"
132
+ - ".flash-error"
133
+ - ".flash-full"
134
+ - ".flash-success"
135
+ - ".flash-warn"
136
+ - ".flex-1"
137
+ - ".flex-auto"
138
+ - ".flex-column"
139
+ - ".flex-items-end"
140
+ - ".flex-justify-center"
141
+ - ".flex-shrink-0"
142
+ - ".float-right"
143
+ - ".form-control"
144
+ - ".gutter-condensed"
145
+ - ".gutter-lg"
146
+ - ".hidden-text-expander"
147
+ - ".hx_Subhead--responsive"
148
+ - ".inline"
149
+ - ".left-0"
150
+ - ".lh-0"
151
+ - ".list-style-none"
152
+ - ".markdown-body"
153
+ - ".mb-0"
154
+ - ".mb-1"
155
+ - ".mb-2"
156
+ - ".mb-3"
157
+ - ".menu"
158
+ - ".menu-heading"
159
+ - ".menu-item"
160
+ - ".mr-2"
161
+ - ".mt-2"
162
+ - ".mx-auto"
163
+ - ".no-underline"
164
+ - ".no-wrap"
165
+ - ".p-1"
166
+ - ".p-3"
167
+ - ".p-4"
168
+ - ".p-5"
169
+ - ".position-relative"
170
+ - ".pr-2"
171
+ - ".pt-5"
172
+ - ".right-0"
173
+ - ".tabnav"
174
+ - ".tabnav-tab"
175
+ - ".tabnav-tabs"
176
+ - ".text-bold"
177
+ - ".text-left"
178
+ - ".text-normal"
179
+ - ".tooltipped"
180
+ - ".tooltipped-n"
181
+ - ".tooltipped-no-delay"
182
+ - ".tooltipped-s"
@@ -0,0 +1,640 @@
1
+ {
2
+ "Primer::Alpha::ButtonMarketing": {
3
+ "DEFAULT_SCHEME": "default",
4
+ "DEFAULT_TAG": "button",
5
+ "DEFAULT_TYPE": "button",
6
+ "DEFAULT_VARIANT": "default",
7
+ "SCHEME_MAPPINGS": {
8
+ "default": "",
9
+ "primary": "btn-primary-mktg",
10
+ "outline": "btn-outline-mktg",
11
+ "transparent": "btn-transparent"
12
+ },
13
+ "SCHEME_OPTIONS": [
14
+ "default",
15
+ "primary",
16
+ "outline",
17
+ "transparent"
18
+ ],
19
+ "TAG_OPTIONS": [
20
+ "button",
21
+ "a"
22
+ ],
23
+ "TYPE_OPTIONS": [
24
+ "button",
25
+ "submit"
26
+ ],
27
+ "VARIANT_MAPPINGS": {
28
+ "default": "",
29
+ "large": "btn-large-mktg"
30
+ },
31
+ "VARIANT_OPTIONS": [
32
+ "default",
33
+ "large"
34
+ ]
35
+ },
36
+ "Primer::BaseButton": {
37
+ "DEFAULT_TAG": "button",
38
+ "DEFAULT_TYPE": "button",
39
+ "TAG_OPTIONS": [
40
+ "button",
41
+ "a",
42
+ "summary"
43
+ ],
44
+ "TYPE_OPTIONS": [
45
+ "button",
46
+ "reset",
47
+ "submit"
48
+ ]
49
+ },
50
+ "Primer::BaseComponent": {
51
+ },
52
+ "Primer::Beta::AutoComplete": {
53
+ "Input": "Primer::Beta::AutoComplete::Input",
54
+ "Item": "Primer::Beta::AutoComplete::Item"
55
+ },
56
+ "Primer::Beta::AutoComplete::Input": {
57
+ "DEFAULT_TYPE": "text",
58
+ "TYPE_OPTIONS": [
59
+ "text",
60
+ "search"
61
+ ]
62
+ },
63
+ "Primer::Beta::AutoComplete::Item": {
64
+ },
65
+ "Primer::Beta::Avatar": {
66
+ "SMALL_THRESHOLD": 24
67
+ },
68
+ "Primer::Beta::AvatarStack": {
69
+ "ALIGN_DEFAULT": "left",
70
+ "ALIGN_OPTIONS": [
71
+ "left",
72
+ "right"
73
+ ],
74
+ "BODY_TAG_OPTIONS": [
75
+ "div",
76
+ "span"
77
+ ],
78
+ "DEFAULT_BODY_TAG": "div",
79
+ "DEFAULT_TAG": "div",
80
+ "TAG_OPTIONS": [
81
+ "div",
82
+ "span"
83
+ ]
84
+ },
85
+ "Primer::Beta::Text": {
86
+ "DEFAULT_TAG": "span"
87
+ },
88
+ "Primer::Beta::Truncate": {
89
+ "TruncateText": "Primer::Beta::Truncate::TruncateText"
90
+ },
91
+ "Primer::Beta::Truncate::TruncateText": {
92
+ },
93
+ "Primer::BlankslateComponent": {
94
+ },
95
+ "Primer::BorderBoxComponent": {
96
+ "DEFAULT_PADDING": "default",
97
+ "DEFAULT_ROW_SCHEME": "default",
98
+ "PADDING_MAPPINGS": {
99
+ "default": "",
100
+ "condensed": "Box--condensed",
101
+ "spacious": "Box--spacious"
102
+ },
103
+ "PADDING_SUGGESTION": "Perhaps you could consider using :padding options of default, condensed, and spacious?",
104
+ "ROW_SCHEME_MAPPINGS": {
105
+ "default": "",
106
+ "neutral": "Box-row--gray",
107
+ "info": "Box-row--blue",
108
+ "warning": "Box-row--yellow"
109
+ }
110
+ },
111
+ "Primer::BoxComponent": {
112
+ },
113
+ "Primer::BreadcrumbComponent": {
114
+ "ItemComponent": "Primer::BreadcrumbComponent::ItemComponent"
115
+ },
116
+ "Primer::BreadcrumbComponent::ItemComponent": {
117
+ },
118
+ "Primer::ButtonComponent": {
119
+ "DEFAULT_SCHEME": "default",
120
+ "DEFAULT_VARIANT": "medium",
121
+ "LINK_SCHEME": "link",
122
+ "SCHEME_MAPPINGS": {
123
+ "default": "",
124
+ "primary": "btn-primary",
125
+ "danger": "btn-danger",
126
+ "outline": "btn-outline",
127
+ "invisible": "btn-invisible",
128
+ "link": "btn-link"
129
+ },
130
+ "SCHEME_OPTIONS": [
131
+ "default",
132
+ "primary",
133
+ "danger",
134
+ "outline",
135
+ "invisible",
136
+ "link"
137
+ ],
138
+ "VARIANT_MAPPINGS": {
139
+ "small": "btn-sm",
140
+ "medium": "",
141
+ "large": "btn-large"
142
+ },
143
+ "VARIANT_OPTIONS": [
144
+ "small",
145
+ "medium",
146
+ "large"
147
+ ]
148
+ },
149
+ "Primer::ButtonGroup": {
150
+ },
151
+ "Primer::ClipboardCopy": {
152
+ },
153
+ "Primer::CloseButton": {
154
+ "DEFAULT_TYPE": "button",
155
+ "TYPE_OPTIONS": [
156
+ "button",
157
+ "submit"
158
+ ]
159
+ },
160
+ "Primer::CounterComponent": {
161
+ "DEFAULT_SCHEME": "default",
162
+ "DEPRECATED_SCHEME_OPTIONS": [
163
+ "gray",
164
+ "light_gray"
165
+ ],
166
+ "SCHEME_MAPPINGS": {
167
+ "default": "",
168
+ "primary": "Counter--primary",
169
+ "secondary": "Counter--secondary",
170
+ "gray": "Counter--primary",
171
+ "light_gray": "Counter--secondary"
172
+ },
173
+ "SCHEME_OPTIONS": [
174
+ "default",
175
+ "primary",
176
+ "secondary"
177
+ ]
178
+ },
179
+ "Primer::DetailsComponent": {
180
+ "BODY_TAG_DEFAULT": "div",
181
+ "BODY_TAG_OPTIONS": [
182
+ "ul",
183
+ "details-menu",
184
+ "details-dialog",
185
+ "div"
186
+ ],
187
+ "NO_OVERLAY": "none",
188
+ "OVERLAY_MAPPINGS": {
189
+ "none": "",
190
+ "default": "details-overlay",
191
+ "dark": "details-overlay details-overlay-dark"
192
+ }
193
+ },
194
+ "Primer::Dropdown": {
195
+ "Menu": "Primer::Dropdown::Menu"
196
+ },
197
+ "Primer::Dropdown::Menu": {
198
+ "AS_DEFAULT": "default",
199
+ "AS_OPTIONS": [
200
+ "default",
201
+ "list"
202
+ ],
203
+ "DIRECTION_DEFAULT": "se",
204
+ "DIRECTION_OPTIONS": [
205
+ "se",
206
+ "sw",
207
+ "w",
208
+ "e",
209
+ "ne",
210
+ "s"
211
+ ],
212
+ "Item": "Primer::Dropdown::Menu::Item",
213
+ "SCHEME_DEFAULT": "default",
214
+ "SCHEME_MAPPINGS": {
215
+ "default": "",
216
+ "dark": "dropdown-menu-dark"
217
+ }
218
+ },
219
+ "Primer::Dropdown::Menu::Item": {
220
+ "BUTTON_TAGS": [
221
+ "button",
222
+ "summary"
223
+ ],
224
+ "TAG_DEFAULT": "a",
225
+ "TAG_OPTIONS": [
226
+ "a",
227
+ "button",
228
+ "summary"
229
+ ]
230
+ },
231
+ "Primer::DropdownMenuComponent": {
232
+ "DIRECTION_DEFAULT": "se",
233
+ "DIRECTION_OPTIONS": [
234
+ "se",
235
+ "sw",
236
+ "w",
237
+ "e",
238
+ "ne",
239
+ "s"
240
+ ],
241
+ "SCHEME_DEFAULT": "default",
242
+ "SCHEME_MAPPINGS": {
243
+ "default": "",
244
+ "dark": "dropdown-menu-dark"
245
+ }
246
+ },
247
+ "Primer::FlashComponent": {
248
+ "DEFAULT_SCHEME": "default",
249
+ "SCHEME_MAPPINGS": {
250
+ "default": "",
251
+ "warning": "flash-warn",
252
+ "danger": "flash-error",
253
+ "success": "flash-success"
254
+ }
255
+ },
256
+ "Primer::FlexComponent": {
257
+ "ALIGN_ITEMS_DEFAULT": null,
258
+ "ALIGN_ITEMS_MAPPINGS": {
259
+ "start": "flex-items-start",
260
+ "end": "flex-items-end",
261
+ "center": "flex-items-center",
262
+ "baseline": "flex-items-baseline",
263
+ "stretch": "flex-items-stretch"
264
+ },
265
+ "ALIGN_ITEMS_OPTIONS": [
266
+ null,
267
+ "start",
268
+ "end",
269
+ "center",
270
+ "baseline",
271
+ "stretch"
272
+ ],
273
+ "ALLOWED_DIRECTIONS": [
274
+ null,
275
+ "column",
276
+ "column_reverse",
277
+ "row",
278
+ "row_reverse"
279
+ ],
280
+ "DEFAULT_DIRECTION": null,
281
+ "FLEX_WRAP_DEFAULT": null,
282
+ "FLEX_WRAP_OPTIONS": [
283
+ null,
284
+ true,
285
+ false
286
+ ],
287
+ "INLINE_DEFAULT": false,
288
+ "INLINE_OPTIONS": [
289
+ false,
290
+ true
291
+ ],
292
+ "JUSTIFY_CONTENT_DEFAULT": null,
293
+ "JUSTIFY_CONTENT_MAPPINGS": {
294
+ "flex_start": "flex-justify-start",
295
+ "flex_end": "flex-justify-end",
296
+ "center": "flex-justify-center",
297
+ "space_between": "flex-justify-between",
298
+ "space_around": "flex-justify-around"
299
+ },
300
+ "JUSTIFY_CONTENT_OPTIONS": [
301
+ null,
302
+ "flex_start",
303
+ "flex_end",
304
+ "center",
305
+ "space_between",
306
+ "space_around"
307
+ ]
308
+ },
309
+ "Primer::FlexItemComponent": {
310
+ "FLEX_AUTO_ALLOWED_VALUES": [
311
+ false,
312
+ true
313
+ ],
314
+ "FLEX_AUTO_DEFAULT": false
315
+ },
316
+ "Primer::HeadingComponent": {
317
+ "TAG_FALLBACK": "h2",
318
+ "TAG_OPTIONS": [
319
+ "h1",
320
+ "h2",
321
+ "h3",
322
+ "h4",
323
+ "h5",
324
+ "h6"
325
+ ]
326
+ },
327
+ "Primer::HiddenTextExpander": {
328
+ },
329
+ "Primer::IconButton": {
330
+ "DEFAULT_SCHEME": "default",
331
+ "SCHEME_MAPPINGS": {
332
+ "default": "",
333
+ "danger": "btn-octicon-danger"
334
+ },
335
+ "SCHEME_OPTIONS": [
336
+ "default",
337
+ "danger"
338
+ ]
339
+ },
340
+ "Primer::Image": {
341
+ },
342
+ "Primer::ImageCrop": {
343
+ },
344
+ "Primer::LabelComponent": {
345
+ "DEFAULT_TAG": "span",
346
+ "DEPRECATED_SCHEME_OPTIONS": [
347
+ "orange",
348
+ "purple"
349
+ ],
350
+ "SCHEME_MAPPINGS": {
351
+ "primary": "Label--primary",
352
+ "secondary": "Label--secondary",
353
+ "info": "Label--info",
354
+ "success": "Label--success",
355
+ "warning": "Label--warning",
356
+ "danger": "Label--danger",
357
+ "orange": "Label--orange",
358
+ "purple": "Label--purple"
359
+ },
360
+ "SCHEME_OPTIONS": [
361
+ "primary",
362
+ "secondary",
363
+ "info",
364
+ "success",
365
+ "warning",
366
+ "danger",
367
+ null
368
+ ],
369
+ "TAG_OPTIONS": [
370
+ "span",
371
+ "summary",
372
+ "a",
373
+ "div"
374
+ ],
375
+ "VARIANT_MAPPINGS": {
376
+ "large": "Label--large",
377
+ "inline": "Label--inline"
378
+ },
379
+ "VARIANT_OPTIONS": [
380
+ "large",
381
+ "inline",
382
+ null
383
+ ]
384
+ },
385
+ "Primer::LayoutComponent": {
386
+ "ALLOWED_SIDEBAR_COLS": [
387
+ 1,
388
+ 2,
389
+ 3,
390
+ 4,
391
+ 5,
392
+ 6,
393
+ 7,
394
+ 8,
395
+ 9,
396
+ 10,
397
+ 11
398
+ ],
399
+ "ALLOWED_SIDES": [
400
+ "right",
401
+ "left"
402
+ ],
403
+ "DEFAULT_SIDE": "right",
404
+ "DEFAULT_SIDEBAR_COL": 3,
405
+ "MAX_COL": 12
406
+ },
407
+ "Primer::LinkComponent": {
408
+ "DEFAULT_SCHEME": "default",
409
+ "DEFAULT_TAG": "a",
410
+ "SCHEME_MAPPINGS": {
411
+ "default": "",
412
+ "primary": "Link--primary",
413
+ "secondary": "Link--secondary"
414
+ },
415
+ "TAG_OPTIONS": [
416
+ "a",
417
+ "span"
418
+ ]
419
+ },
420
+ "Primer::LocalTime": {
421
+ "DEFAULT_DIGIT_TYPE": "numeric",
422
+ "DEFAULT_TEXT_TYPE": "short",
423
+ "DIGIT_TYPE_OPTIONS": [
424
+ "numeric",
425
+ "2-digit"
426
+ ],
427
+ "TEXT_TYPE_OPTIONS": [
428
+ "short",
429
+ "long"
430
+ ]
431
+ },
432
+ "Primer::Markdown": {
433
+ "DEFAULT_TAG": "div",
434
+ "TAG_OPTIONS": [
435
+ "div",
436
+ "article",
437
+ "td"
438
+ ]
439
+ },
440
+ "Primer::MenuComponent": {
441
+ "HEADING_TAG_FALLBACK": "h2",
442
+ "HEADING_TAG_OPTIONS": [
443
+ "h1",
444
+ "h2",
445
+ "h3",
446
+ "h4",
447
+ "h5",
448
+ "h6"
449
+ ]
450
+ },
451
+ "Primer::Navigation::TabComponent": {
452
+ "ARIA_CURRENT_OPTIONS_FOR_ANCHOR": [
453
+ true,
454
+ "page"
455
+ ],
456
+ "DEFAULT_ARIA_CURRENT_FOR_ANCHOR": "page"
457
+ },
458
+ "Primer::OcticonComponent": {
459
+ "SIZE_DEFAULT": "small",
460
+ "SIZE_MAPPINGS": {
461
+ "small": 16,
462
+ "medium": 24
463
+ },
464
+ "SIZE_MEDIUM": "medium",
465
+ "SIZE_OPTIONS": [
466
+ "small",
467
+ "medium"
468
+ ]
469
+ },
470
+ "Primer::OcticonSymbolsComponent": {
471
+ },
472
+ "Primer::PopoverComponent": {
473
+ "CARET_DEFAULT": "top",
474
+ "CARET_MAPPINGS": {
475
+ "top": "",
476
+ "bottom": "Popover-message--bottom",
477
+ "bottom_right": "Popover-message--bottom-right",
478
+ "bottom_left": "Popover-message--bottom-left",
479
+ "left": "Popover-message--left",
480
+ "left_bottom": "Popover-message--left-bottom",
481
+ "left_top": "Popover-message--left-top",
482
+ "right": "Popover-message--right",
483
+ "right_bottom": "Popover-message--right-bottom",
484
+ "right_top": "Popover-message--right-top",
485
+ "top_left": "Popover-message--top-left",
486
+ "top_right": "Popover-message--top-right"
487
+ },
488
+ "DEFAULT_HEADING_TAG": "h4"
489
+ },
490
+ "Primer::ProgressBarComponent": {
491
+ "SIZE_DEFAULT": "default",
492
+ "SIZE_MAPPINGS": {
493
+ "default": "",
494
+ "small": "Progress--small",
495
+ "large": "Progress--large"
496
+ },
497
+ "SIZE_OPTIONS": [
498
+ "default",
499
+ "small",
500
+ "large"
501
+ ]
502
+ },
503
+ "Primer::SpinnerComponent": {
504
+ "DEFAULT_SIZE": "medium",
505
+ "DEFAULT_STYLE": "box-sizing: content-box; color: var(--color-icon-primary);",
506
+ "SIZE_MAPPINGS": {
507
+ "small": 16,
508
+ "medium": 32,
509
+ "large": 64
510
+ },
511
+ "SIZE_OPTIONS": [
512
+ "small",
513
+ "medium",
514
+ "large"
515
+ ]
516
+ },
517
+ "Primer::StateComponent": {
518
+ "DEPRECATED_SCHEME_MAPPINGS": {
519
+ "default": "",
520
+ "green": "State--open",
521
+ "red": "State--closed",
522
+ "purple": "State--merged"
523
+ },
524
+ "NEW_SCHEME_MAPPINGS": {
525
+ "open": "State--open",
526
+ "closed": "State--closed",
527
+ "merged": "State--merged"
528
+ },
529
+ "SCHEME_DEFAULT": "default",
530
+ "SCHEME_MAPPINGS": {
531
+ "open": "State--open",
532
+ "closed": "State--closed",
533
+ "merged": "State--merged",
534
+ "default": "",
535
+ "green": "State--open",
536
+ "red": "State--closed",
537
+ "purple": "State--merged"
538
+ },
539
+ "SCHEME_OPTIONS": [
540
+ "open",
541
+ "closed",
542
+ "merged",
543
+ "default",
544
+ "green",
545
+ "red",
546
+ "purple"
547
+ ],
548
+ "SIZE_DEFAULT": "default",
549
+ "SIZE_MAPPINGS": {
550
+ "default": "",
551
+ "small": "State--small"
552
+ },
553
+ "SIZE_OPTIONS": [
554
+ "default",
555
+ "small"
556
+ ],
557
+ "TAG_DEFAULT": "span",
558
+ "TAG_OPTIONS": [
559
+ "span",
560
+ "div"
561
+ ]
562
+ },
563
+ "Primer::SubheadComponent": {
564
+ "DEFAULT_HEADING_TAG": "div",
565
+ "HEADING_TAG_OPTIONS": [
566
+ "div",
567
+ "h1",
568
+ "h2",
569
+ "h3",
570
+ "h4",
571
+ "h5",
572
+ "h6"
573
+ ]
574
+ },
575
+ "Primer::TabContainerComponent": {
576
+ },
577
+ "Primer::TabNavComponent": {
578
+ "DEFAULT_EXTRA_ALIGN": "left",
579
+ "EXTRA_ALIGN_OPTIONS": [
580
+ "left",
581
+ "right"
582
+ ]
583
+ },
584
+ "Primer::TimeAgoComponent": {
585
+ },
586
+ "Primer::TimelineItemComponent": {
587
+ "BadgeComponent": "Primer::TimelineItemComponent::BadgeComponent"
588
+ },
589
+ "Primer::TimelineItemComponent::BadgeComponent": {
590
+ },
591
+ "Primer::Tooltip": {
592
+ "ALIGN_DEFAULT": "default",
593
+ "ALIGN_MAPPING": {
594
+ "default": "",
595
+ "left_1": "tooltipped-align-left-1",
596
+ "right_1": "tooltipped-align-right-1",
597
+ "left_2": "tooltipped-align-left-2",
598
+ "right_2": "tooltipped-align-right-2"
599
+ },
600
+ "DELAY_DEFAULT": false,
601
+ "DIRECTION_DEFAULT": "n",
602
+ "DIRECTION_OPTIONS": [
603
+ "n",
604
+ "nw",
605
+ "ne",
606
+ "w",
607
+ "e",
608
+ "sw",
609
+ "s",
610
+ "se"
611
+ ],
612
+ "MULTILINE_DEFAULT": false
613
+ },
614
+ "Primer::Truncate": {
615
+ "DEFAULT_TAG": "div",
616
+ "TAG_OPTIONS": [
617
+ "div",
618
+ "span",
619
+ "p",
620
+ "strong"
621
+ ]
622
+ },
623
+ "Primer::UnderlineNavComponent": {
624
+ "ACTIONS_TAG_DEFAULT": "div",
625
+ "ACTIONS_TAG_OPTIONS": [
626
+ "div",
627
+ "span"
628
+ ],
629
+ "ALIGN_DEFAULT": "left",
630
+ "ALIGN_OPTIONS": [
631
+ "left",
632
+ "right"
633
+ ],
634
+ "BODY_TAG_DEFAULT": "div",
635
+ "BODY_TAG_OPTIONS": [
636
+ "div",
637
+ "ul"
638
+ ]
639
+ }
640
+ }