primer_view_components 0.0.46 → 0.0.50
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +144 -0
- data/app/components/primer/base_component.rb +2 -2
- data/app/components/primer/beta/auto_complete.rb +159 -0
- data/app/components/primer/beta/auto_complete/auto_complete.d.ts +1 -0
- data/app/components/primer/{auto_complete → beta/auto_complete}/auto_complete.html.erb +0 -0
- data/app/components/primer/beta/auto_complete/auto_complete.js +1 -0
- data/app/components/primer/{auto_complete → beta/auto_complete}/auto_complete.ts +0 -0
- data/app/components/primer/beta/auto_complete/item.rb +44 -0
- data/app/components/primer/beta/avatar.rb +77 -0
- data/app/components/primer/{avatar_stack_component.html.erb → beta/avatar_stack.html.erb} +0 -0
- data/app/components/primer/beta/avatar_stack.rb +92 -0
- data/app/components/primer/clipboard_copy.html.erb +2 -2
- data/app/components/primer/component.rb +5 -1
- data/app/components/primer/details_component.rb +7 -7
- data/app/components/primer/image_crop.html.erb +4 -4
- data/app/components/primer/label_component.rb +13 -12
- data/app/components/primer/markdown.rb +9 -9
- data/app/components/primer/navigation/tab_component.rb +30 -2
- data/app/components/primer/popover_component.rb +6 -3
- data/app/components/primer/primer.d.ts +1 -1
- data/app/components/primer/primer.js +1 -1
- data/app/components/primer/primer.ts +1 -1
- data/app/components/primer/tab_nav_component.rb +4 -3
- data/app/components/primer/timeline_item_component.rb +2 -2
- data/app/components/primer/truncate.rb +6 -1
- data/app/components/primer/underline_nav_component.rb +4 -3
- data/app/lib/primer/octicon/cache.rb +1 -1
- data/lib/primer/classify.rb +4 -18
- data/lib/primer/classify/cache.rb +0 -5
- data/lib/primer/classify/utilities.rb +54 -22
- data/lib/primer/classify/utilities.yml +16 -0
- data/lib/primer/view_components.rb +34 -6
- data/lib/primer/view_components/constants.rb +55 -0
- data/lib/primer/view_components/linters/argument_mappers/base.rb +74 -0
- data/lib/primer/view_components/linters/argument_mappers/button.rb +32 -44
- data/lib/primer/view_components/linters/argument_mappers/clipboard_copy.rb +20 -0
- data/lib/primer/view_components/linters/argument_mappers/helpers/erb_block.rb +24 -0
- data/lib/primer/view_components/linters/argument_mappers/label.rb +50 -0
- data/lib/primer/view_components/linters/argument_mappers/system_arguments.rb +4 -1
- data/lib/primer/view_components/linters/autocorrectable.rb +30 -0
- data/lib/primer/view_components/linters/button_component_migration_counter.rb +9 -23
- data/lib/primer/view_components/linters/clipboard_copy_component_migration_counter.rb +21 -0
- data/lib/primer/view_components/linters/close_button_component_migration_counter.rb +16 -0
- data/lib/primer/view_components/linters/helpers.rb +56 -38
- data/lib/primer/view_components/linters/label_component_migration_counter.rb +25 -0
- data/lib/primer/view_components/statuses.rb +14 -0
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/rubocop/config/default.yml +12 -0
- data/lib/rubocop/cop/primer.rb +4 -0
- data/lib/rubocop/cop/primer/no_tag_memoize.rb +42 -0
- data/lib/rubocop/cop/primer/system_argument_instead_of_class.rb +75 -0
- data/lib/tasks/constants.rake +12 -0
- data/lib/tasks/docs.rake +87 -32
- data/lib/tasks/utilities.rake +4 -10
- data/lib/yard/docs_helper.rb +12 -3
- data/static/arguments.yml +973 -0
- data/static/assets/view-components.svg +18 -0
- data/static/classes.yml +174 -0
- data/static/constants.json +628 -0
- data/static/statuses.json +5 -5
- metadata +34 -13
- data/app/components/primer/auto_complete.rb +0 -157
- data/app/components/primer/auto_complete/item.rb +0 -42
- data/app/components/primer/avatar_component.rb +0 -75
- 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>
|
data/static/classes.yml
ADDED
@@ -0,0 +1,174 @@
|
|
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
|
+
- ".BtnGroup"
|
14
|
+
- ".BtnGroup-item"
|
15
|
+
- ".Counter"
|
16
|
+
- ".Counter--primary"
|
17
|
+
- ".Counter--secondary"
|
18
|
+
- ".Label"
|
19
|
+
- ".Label--danger"
|
20
|
+
- ".Label--info"
|
21
|
+
- ".Label--large"
|
22
|
+
- ".Label--primary"
|
23
|
+
- ".Label--secondary"
|
24
|
+
- ".Label--success"
|
25
|
+
- ".Label--warning"
|
26
|
+
- ".Link"
|
27
|
+
- ".Link--muted"
|
28
|
+
- ".Link--primary"
|
29
|
+
- ".Link--secondary"
|
30
|
+
- ".Popover"
|
31
|
+
- ".Popover-message"
|
32
|
+
- ".Popover-message--large"
|
33
|
+
- ".Popover-message--left"
|
34
|
+
- ".Progress"
|
35
|
+
- ".Progress--large"
|
36
|
+
- ".Progress--small"
|
37
|
+
- ".Progress-item"
|
38
|
+
- ".State"
|
39
|
+
- ".State--closed"
|
40
|
+
- ".State--merged"
|
41
|
+
- ".State--open"
|
42
|
+
- ".State--small"
|
43
|
+
- ".Subhead"
|
44
|
+
- ".Subhead-actions"
|
45
|
+
- ".Subhead-description"
|
46
|
+
- ".Subhead-heading"
|
47
|
+
- ".Subhead-heading--danger"
|
48
|
+
- ".TimelineItem"
|
49
|
+
- ".TimelineItem-avatar"
|
50
|
+
- ".TimelineItem-badge"
|
51
|
+
- ".TimelineItem-body"
|
52
|
+
- ".UnderlineNav"
|
53
|
+
- ".UnderlineNav--right"
|
54
|
+
- ".UnderlineNav-actions"
|
55
|
+
- ".UnderlineNav-body"
|
56
|
+
- ".UnderlineNav-item"
|
57
|
+
- ".UnderlineNav-octicon"
|
58
|
+
- ".anim-rotate"
|
59
|
+
- ".autocomplete-item"
|
60
|
+
- ".autocomplete-results"
|
61
|
+
- ".avatar"
|
62
|
+
- ".avatar-more"
|
63
|
+
- ".avatar-small"
|
64
|
+
- ".blankslate"
|
65
|
+
- ".blankslate-icon"
|
66
|
+
- ".blankslate-large"
|
67
|
+
- ".blankslate-narrow"
|
68
|
+
- ".blankslate-spacious"
|
69
|
+
- ".border"
|
70
|
+
- ".border-bottom-0"
|
71
|
+
- ".breadcrumb-item"
|
72
|
+
- ".btn"
|
73
|
+
- ".btn-block"
|
74
|
+
- ".btn-danger"
|
75
|
+
- ".btn-invisible"
|
76
|
+
- ".btn-large"
|
77
|
+
- ".btn-large-mktg"
|
78
|
+
- ".btn-link"
|
79
|
+
- ".btn-mktg"
|
80
|
+
- ".btn-octicon"
|
81
|
+
- ".btn-octicon-danger"
|
82
|
+
- ".btn-outline"
|
83
|
+
- ".btn-outline-mktg"
|
84
|
+
- ".btn-primary"
|
85
|
+
- ".btn-primary-mktg"
|
86
|
+
- ".btn-sm"
|
87
|
+
- ".btn-transparent"
|
88
|
+
- ".circle"
|
89
|
+
- ".close-button"
|
90
|
+
- ".col-2"
|
91
|
+
- ".col-3"
|
92
|
+
- ".col-9"
|
93
|
+
- ".color-bg-canvas-inverse"
|
94
|
+
- ".color-bg-danger-inverse"
|
95
|
+
- ".color-bg-info-inverse"
|
96
|
+
- ".color-bg-secondary"
|
97
|
+
- ".color-bg-success-inverse"
|
98
|
+
- ".color-bg-tertiary"
|
99
|
+
- ".color-border-info"
|
100
|
+
- ".color-icon-success"
|
101
|
+
- ".color-shadow-large"
|
102
|
+
- ".color-text-danger"
|
103
|
+
- ".color-text-white"
|
104
|
+
- ".css-truncate"
|
105
|
+
- ".css-truncate-overflow"
|
106
|
+
- ".css-truncate-target"
|
107
|
+
- ".custom-class"
|
108
|
+
- ".d-flex"
|
109
|
+
- ".d-inline-block"
|
110
|
+
- ".details-overlay"
|
111
|
+
- ".details-reset"
|
112
|
+
- ".dropdown"
|
113
|
+
- ".dropdown-caret"
|
114
|
+
- ".dropdown-divider"
|
115
|
+
- ".dropdown-header"
|
116
|
+
- ".dropdown-item"
|
117
|
+
- ".dropdown-menu"
|
118
|
+
- ".dropdown-menu-s"
|
119
|
+
- ".dropdown-menu-se"
|
120
|
+
- ".ellipsis-expander"
|
121
|
+
- ".expandable"
|
122
|
+
- ".flash"
|
123
|
+
- ".flash-action"
|
124
|
+
- ".flash-close"
|
125
|
+
- ".flash-error"
|
126
|
+
- ".flash-full"
|
127
|
+
- ".flash-success"
|
128
|
+
- ".flash-warn"
|
129
|
+
- ".flex-1"
|
130
|
+
- ".flex-auto"
|
131
|
+
- ".flex-column"
|
132
|
+
- ".flex-items-end"
|
133
|
+
- ".flex-justify-center"
|
134
|
+
- ".flex-shrink-0"
|
135
|
+
- ".float-right"
|
136
|
+
- ".form-control"
|
137
|
+
- ".gutter-condensed"
|
138
|
+
- ".gutter-lg"
|
139
|
+
- ".hidden-text-expander"
|
140
|
+
- ".hx_Subhead--responsive"
|
141
|
+
- ".inline"
|
142
|
+
- ".left-0"
|
143
|
+
- ".lh-0"
|
144
|
+
- ".list-style-none"
|
145
|
+
- ".markdown-body"
|
146
|
+
- ".mb-0"
|
147
|
+
- ".mb-1"
|
148
|
+
- ".mb-2"
|
149
|
+
- ".mb-3"
|
150
|
+
- ".menu"
|
151
|
+
- ".menu-heading"
|
152
|
+
- ".menu-item"
|
153
|
+
- ".mr-2"
|
154
|
+
- ".mt-2"
|
155
|
+
- ".mx-auto"
|
156
|
+
- ".no-underline"
|
157
|
+
- ".no-wrap"
|
158
|
+
- ".p-1"
|
159
|
+
- ".p-3"
|
160
|
+
- ".p-4"
|
161
|
+
- ".p-5"
|
162
|
+
- ".position-relative"
|
163
|
+
- ".pr-2"
|
164
|
+
- ".pt-5"
|
165
|
+
- ".right-0"
|
166
|
+
- ".tabnav"
|
167
|
+
- ".tabnav-tab"
|
168
|
+
- ".tabnav-tabs"
|
169
|
+
- ".text-bold"
|
170
|
+
- ".text-left"
|
171
|
+
- ".tooltipped"
|
172
|
+
- ".tooltipped-n"
|
173
|
+
- ".tooltipped-no-delay"
|
174
|
+
- ".tooltipped-s"
|
@@ -0,0 +1,628 @@
|
|
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::BlankslateComponent": {
|
89
|
+
},
|
90
|
+
"Primer::BorderBoxComponent": {
|
91
|
+
"DEFAULT_PADDING": "default",
|
92
|
+
"PADDING_MAPPINGS": {
|
93
|
+
"default": "",
|
94
|
+
"condensed": "Box--condensed",
|
95
|
+
"spacious": "Box--spacious"
|
96
|
+
},
|
97
|
+
"PADDING_SUGGESTION": "Perhaps you could consider using :padding options of default, condensed, and spacious?"
|
98
|
+
},
|
99
|
+
"Primer::BoxComponent": {
|
100
|
+
},
|
101
|
+
"Primer::BreadcrumbComponent": {
|
102
|
+
"ItemComponent": "Primer::BreadcrumbComponent::ItemComponent"
|
103
|
+
},
|
104
|
+
"Primer::BreadcrumbComponent::ItemComponent": {
|
105
|
+
},
|
106
|
+
"Primer::ButtonComponent": {
|
107
|
+
"DEFAULT_SCHEME": "default",
|
108
|
+
"DEFAULT_VARIANT": "medium",
|
109
|
+
"LINK_SCHEME": "link",
|
110
|
+
"SCHEME_MAPPINGS": {
|
111
|
+
"default": "",
|
112
|
+
"primary": "btn-primary",
|
113
|
+
"danger": "btn-danger",
|
114
|
+
"outline": "btn-outline",
|
115
|
+
"invisible": "btn-invisible",
|
116
|
+
"link": "btn-link"
|
117
|
+
},
|
118
|
+
"SCHEME_OPTIONS": [
|
119
|
+
"default",
|
120
|
+
"primary",
|
121
|
+
"danger",
|
122
|
+
"outline",
|
123
|
+
"invisible",
|
124
|
+
"link"
|
125
|
+
],
|
126
|
+
"VARIANT_MAPPINGS": {
|
127
|
+
"small": "btn-sm",
|
128
|
+
"medium": "",
|
129
|
+
"large": "btn-large"
|
130
|
+
},
|
131
|
+
"VARIANT_OPTIONS": [
|
132
|
+
"small",
|
133
|
+
"medium",
|
134
|
+
"large"
|
135
|
+
]
|
136
|
+
},
|
137
|
+
"Primer::ButtonGroup": {
|
138
|
+
},
|
139
|
+
"Primer::ClipboardCopy": {
|
140
|
+
},
|
141
|
+
"Primer::CloseButton": {
|
142
|
+
"DEFAULT_TYPE": "button",
|
143
|
+
"TYPE_OPTIONS": [
|
144
|
+
"button",
|
145
|
+
"submit"
|
146
|
+
]
|
147
|
+
},
|
148
|
+
"Primer::CounterComponent": {
|
149
|
+
"DEFAULT_SCHEME": "default",
|
150
|
+
"DEPRECATED_SCHEME_OPTIONS": [
|
151
|
+
"gray",
|
152
|
+
"light_gray"
|
153
|
+
],
|
154
|
+
"SCHEME_MAPPINGS": {
|
155
|
+
"default": "",
|
156
|
+
"primary": "Counter--primary",
|
157
|
+
"secondary": "Counter--secondary",
|
158
|
+
"gray": "Counter--primary",
|
159
|
+
"light_gray": "Counter--secondary"
|
160
|
+
},
|
161
|
+
"SCHEME_OPTIONS": [
|
162
|
+
"default",
|
163
|
+
"primary",
|
164
|
+
"secondary"
|
165
|
+
]
|
166
|
+
},
|
167
|
+
"Primer::DetailsComponent": {
|
168
|
+
"BODY_TAG_DEFAULT": "div",
|
169
|
+
"BODY_TAG_OPTIONS": [
|
170
|
+
"ul",
|
171
|
+
"details-menu",
|
172
|
+
"details-dialog",
|
173
|
+
"div"
|
174
|
+
],
|
175
|
+
"NO_OVERLAY": "none",
|
176
|
+
"OVERLAY_MAPPINGS": {
|
177
|
+
"none": "",
|
178
|
+
"default": "details-overlay",
|
179
|
+
"dark": "details-overlay details-overlay-dark"
|
180
|
+
}
|
181
|
+
},
|
182
|
+
"Primer::Dropdown": {
|
183
|
+
"Menu": "Primer::Dropdown::Menu"
|
184
|
+
},
|
185
|
+
"Primer::Dropdown::Menu": {
|
186
|
+
"AS_DEFAULT": "default",
|
187
|
+
"AS_OPTIONS": [
|
188
|
+
"default",
|
189
|
+
"list"
|
190
|
+
],
|
191
|
+
"DIRECTION_DEFAULT": "se",
|
192
|
+
"DIRECTION_OPTIONS": [
|
193
|
+
"se",
|
194
|
+
"sw",
|
195
|
+
"w",
|
196
|
+
"e",
|
197
|
+
"ne",
|
198
|
+
"s"
|
199
|
+
],
|
200
|
+
"Item": "Primer::Dropdown::Menu::Item",
|
201
|
+
"SCHEME_DEFAULT": "default",
|
202
|
+
"SCHEME_MAPPINGS": {
|
203
|
+
"default": "",
|
204
|
+
"dark": "dropdown-menu-dark"
|
205
|
+
}
|
206
|
+
},
|
207
|
+
"Primer::Dropdown::Menu::Item": {
|
208
|
+
"BUTTON_TAGS": [
|
209
|
+
"button",
|
210
|
+
"summary"
|
211
|
+
],
|
212
|
+
"TAG_DEFAULT": "a",
|
213
|
+
"TAG_OPTIONS": [
|
214
|
+
"a",
|
215
|
+
"button",
|
216
|
+
"summary"
|
217
|
+
]
|
218
|
+
},
|
219
|
+
"Primer::DropdownMenuComponent": {
|
220
|
+
"DIRECTION_DEFAULT": "se",
|
221
|
+
"DIRECTION_OPTIONS": [
|
222
|
+
"se",
|
223
|
+
"sw",
|
224
|
+
"w",
|
225
|
+
"e",
|
226
|
+
"ne",
|
227
|
+
"s"
|
228
|
+
],
|
229
|
+
"SCHEME_DEFAULT": "default",
|
230
|
+
"SCHEME_MAPPINGS": {
|
231
|
+
"default": "",
|
232
|
+
"dark": "dropdown-menu-dark"
|
233
|
+
}
|
234
|
+
},
|
235
|
+
"Primer::FlashComponent": {
|
236
|
+
"DEFAULT_SCHEME": "default",
|
237
|
+
"SCHEME_MAPPINGS": {
|
238
|
+
"default": "",
|
239
|
+
"warning": "flash-warn",
|
240
|
+
"danger": "flash-error",
|
241
|
+
"success": "flash-success"
|
242
|
+
}
|
243
|
+
},
|
244
|
+
"Primer::FlexComponent": {
|
245
|
+
"ALIGN_ITEMS_DEFAULT": null,
|
246
|
+
"ALIGN_ITEMS_MAPPINGS": {
|
247
|
+
"start": "flex-items-start",
|
248
|
+
"end": "flex-items-end",
|
249
|
+
"center": "flex-items-center",
|
250
|
+
"baseline": "flex-items-baseline",
|
251
|
+
"stretch": "flex-items-stretch"
|
252
|
+
},
|
253
|
+
"ALIGN_ITEMS_OPTIONS": [
|
254
|
+
null,
|
255
|
+
"start",
|
256
|
+
"end",
|
257
|
+
"center",
|
258
|
+
"baseline",
|
259
|
+
"stretch"
|
260
|
+
],
|
261
|
+
"ALLOWED_DIRECTIONS": [
|
262
|
+
null,
|
263
|
+
"column",
|
264
|
+
"column_reverse",
|
265
|
+
"row",
|
266
|
+
"row_reverse"
|
267
|
+
],
|
268
|
+
"DEFAULT_DIRECTION": null,
|
269
|
+
"FLEX_WRAP_DEFAULT": null,
|
270
|
+
"FLEX_WRAP_OPTIONS": [
|
271
|
+
null,
|
272
|
+
true,
|
273
|
+
false
|
274
|
+
],
|
275
|
+
"INLINE_DEFAULT": false,
|
276
|
+
"INLINE_OPTIONS": [
|
277
|
+
false,
|
278
|
+
true
|
279
|
+
],
|
280
|
+
"JUSTIFY_CONTENT_DEFAULT": null,
|
281
|
+
"JUSTIFY_CONTENT_MAPPINGS": {
|
282
|
+
"flex_start": "flex-justify-start",
|
283
|
+
"flex_end": "flex-justify-end",
|
284
|
+
"center": "flex-justify-center",
|
285
|
+
"space_between": "flex-justify-between",
|
286
|
+
"space_around": "flex-justify-around"
|
287
|
+
},
|
288
|
+
"JUSTIFY_CONTENT_OPTIONS": [
|
289
|
+
null,
|
290
|
+
"flex_start",
|
291
|
+
"flex_end",
|
292
|
+
"center",
|
293
|
+
"space_between",
|
294
|
+
"space_around"
|
295
|
+
]
|
296
|
+
},
|
297
|
+
"Primer::FlexItemComponent": {
|
298
|
+
"FLEX_AUTO_ALLOWED_VALUES": [
|
299
|
+
false,
|
300
|
+
true
|
301
|
+
],
|
302
|
+
"FLEX_AUTO_DEFAULT": false
|
303
|
+
},
|
304
|
+
"Primer::HeadingComponent": {
|
305
|
+
"TAG_FALLBACK": "h2",
|
306
|
+
"TAG_OPTIONS": [
|
307
|
+
"h1",
|
308
|
+
"h2",
|
309
|
+
"h3",
|
310
|
+
"h4",
|
311
|
+
"h5",
|
312
|
+
"h6"
|
313
|
+
]
|
314
|
+
},
|
315
|
+
"Primer::HiddenTextExpander": {
|
316
|
+
},
|
317
|
+
"Primer::IconButton": {
|
318
|
+
"DEFAULT_SCHEME": "default",
|
319
|
+
"SCHEME_MAPPINGS": {
|
320
|
+
"default": "",
|
321
|
+
"danger": "btn-octicon-danger"
|
322
|
+
},
|
323
|
+
"SCHEME_OPTIONS": [
|
324
|
+
"default",
|
325
|
+
"danger"
|
326
|
+
]
|
327
|
+
},
|
328
|
+
"Primer::Image": {
|
329
|
+
},
|
330
|
+
"Primer::ImageCrop": {
|
331
|
+
},
|
332
|
+
"Primer::LabelComponent": {
|
333
|
+
"DEFAULT_TAG": "span",
|
334
|
+
"DEPRECATED_SCHEME_OPTIONS": [
|
335
|
+
"orange",
|
336
|
+
"purple"
|
337
|
+
],
|
338
|
+
"SCHEME_MAPPINGS": {
|
339
|
+
"primary": "Label--primary",
|
340
|
+
"secondary": "Label--secondary",
|
341
|
+
"info": "Label--info",
|
342
|
+
"success": "Label--success",
|
343
|
+
"warning": "Label--warning",
|
344
|
+
"danger": "Label--danger",
|
345
|
+
"orange": "Label--orange",
|
346
|
+
"purple": "Label--purple"
|
347
|
+
},
|
348
|
+
"SCHEME_OPTIONS": [
|
349
|
+
"primary",
|
350
|
+
"secondary",
|
351
|
+
"info",
|
352
|
+
"success",
|
353
|
+
"warning",
|
354
|
+
"danger",
|
355
|
+
null
|
356
|
+
],
|
357
|
+
"TAG_OPTIONS": [
|
358
|
+
"span",
|
359
|
+
"summary",
|
360
|
+
"a",
|
361
|
+
"div"
|
362
|
+
],
|
363
|
+
"VARIANT_MAPPINGS": {
|
364
|
+
"large": "Label--large",
|
365
|
+
"inline": "Label--inline"
|
366
|
+
},
|
367
|
+
"VARIANT_OPTIONS": [
|
368
|
+
"large",
|
369
|
+
"inline",
|
370
|
+
null
|
371
|
+
]
|
372
|
+
},
|
373
|
+
"Primer::LayoutComponent": {
|
374
|
+
"ALLOWED_SIDEBAR_COLS": [
|
375
|
+
1,
|
376
|
+
2,
|
377
|
+
3,
|
378
|
+
4,
|
379
|
+
5,
|
380
|
+
6,
|
381
|
+
7,
|
382
|
+
8,
|
383
|
+
9,
|
384
|
+
10,
|
385
|
+
11
|
386
|
+
],
|
387
|
+
"ALLOWED_SIDES": [
|
388
|
+
"right",
|
389
|
+
"left"
|
390
|
+
],
|
391
|
+
"DEFAULT_SIDE": "right",
|
392
|
+
"DEFAULT_SIDEBAR_COL": 3,
|
393
|
+
"MAX_COL": 12
|
394
|
+
},
|
395
|
+
"Primer::LinkComponent": {
|
396
|
+
"DEFAULT_SCHEME": "default",
|
397
|
+
"DEFAULT_TAG": "a",
|
398
|
+
"SCHEME_MAPPINGS": {
|
399
|
+
"default": "",
|
400
|
+
"primary": "Link--primary",
|
401
|
+
"secondary": "Link--secondary"
|
402
|
+
},
|
403
|
+
"TAG_OPTIONS": [
|
404
|
+
"a",
|
405
|
+
"span"
|
406
|
+
]
|
407
|
+
},
|
408
|
+
"Primer::LocalTime": {
|
409
|
+
"DEFAULT_DIGIT_TYPE": "numeric",
|
410
|
+
"DEFAULT_TEXT_TYPE": "short",
|
411
|
+
"DIGIT_TYPE_OPTIONS": [
|
412
|
+
"numeric",
|
413
|
+
"2-digit"
|
414
|
+
],
|
415
|
+
"TEXT_TYPE_OPTIONS": [
|
416
|
+
"short",
|
417
|
+
"long"
|
418
|
+
]
|
419
|
+
},
|
420
|
+
"Primer::Markdown": {
|
421
|
+
"DEFAULT_TAG": "div",
|
422
|
+
"TAG_OPTIONS": [
|
423
|
+
"div",
|
424
|
+
"article",
|
425
|
+
"td"
|
426
|
+
]
|
427
|
+
},
|
428
|
+
"Primer::MenuComponent": {
|
429
|
+
"HEADING_TAG_FALLBACK": "h2",
|
430
|
+
"HEADING_TAG_OPTIONS": [
|
431
|
+
"h1",
|
432
|
+
"h2",
|
433
|
+
"h3",
|
434
|
+
"h4",
|
435
|
+
"h5",
|
436
|
+
"h6"
|
437
|
+
]
|
438
|
+
},
|
439
|
+
"Primer::Navigation::TabComponent": {
|
440
|
+
"ARIA_CURRENT_OPTIONS_FOR_ANCHOR": [
|
441
|
+
true,
|
442
|
+
"page"
|
443
|
+
],
|
444
|
+
"DEFAULT_ARIA_CURRENT_FOR_ANCHOR": "page"
|
445
|
+
},
|
446
|
+
"Primer::OcticonComponent": {
|
447
|
+
"SIZE_DEFAULT": "small",
|
448
|
+
"SIZE_MAPPINGS": {
|
449
|
+
"small": 16,
|
450
|
+
"medium": 24
|
451
|
+
},
|
452
|
+
"SIZE_MEDIUM": "medium",
|
453
|
+
"SIZE_OPTIONS": [
|
454
|
+
"small",
|
455
|
+
"medium"
|
456
|
+
]
|
457
|
+
},
|
458
|
+
"Primer::OcticonSymbolsComponent": {
|
459
|
+
},
|
460
|
+
"Primer::PopoverComponent": {
|
461
|
+
"CARET_DEFAULT": "top",
|
462
|
+
"CARET_MAPPINGS": {
|
463
|
+
"top": "",
|
464
|
+
"bottom": "Popover-message--bottom",
|
465
|
+
"bottom_right": "Popover-message--bottom-right",
|
466
|
+
"bottom_left": "Popover-message--bottom-left",
|
467
|
+
"left": "Popover-message--left",
|
468
|
+
"left_bottom": "Popover-message--left-bottom",
|
469
|
+
"left_top": "Popover-message--left-top",
|
470
|
+
"right": "Popover-message--right",
|
471
|
+
"right_bottom": "Popover-message--right-bottom",
|
472
|
+
"right_top": "Popover-message--right-top",
|
473
|
+
"top_left": "Popover-message--top-left",
|
474
|
+
"top_right": "Popover-message--top-right"
|
475
|
+
},
|
476
|
+
"DEFAULT_HEADING_TAG": "h4"
|
477
|
+
},
|
478
|
+
"Primer::ProgressBarComponent": {
|
479
|
+
"SIZE_DEFAULT": "default",
|
480
|
+
"SIZE_MAPPINGS": {
|
481
|
+
"default": "",
|
482
|
+
"small": "Progress--small",
|
483
|
+
"large": "Progress--large"
|
484
|
+
},
|
485
|
+
"SIZE_OPTIONS": [
|
486
|
+
"default",
|
487
|
+
"small",
|
488
|
+
"large"
|
489
|
+
]
|
490
|
+
},
|
491
|
+
"Primer::SpinnerComponent": {
|
492
|
+
"DEFAULT_SIZE": "medium",
|
493
|
+
"DEFAULT_STYLE": "box-sizing: content-box; color: var(--color-icon-primary);",
|
494
|
+
"SIZE_MAPPINGS": {
|
495
|
+
"small": 16,
|
496
|
+
"medium": 32,
|
497
|
+
"large": 64
|
498
|
+
},
|
499
|
+
"SIZE_OPTIONS": [
|
500
|
+
"small",
|
501
|
+
"medium",
|
502
|
+
"large"
|
503
|
+
]
|
504
|
+
},
|
505
|
+
"Primer::StateComponent": {
|
506
|
+
"DEPRECATED_SCHEME_MAPPINGS": {
|
507
|
+
"default": "",
|
508
|
+
"green": "State--open",
|
509
|
+
"red": "State--closed",
|
510
|
+
"purple": "State--merged"
|
511
|
+
},
|
512
|
+
"NEW_SCHEME_MAPPINGS": {
|
513
|
+
"open": "State--open",
|
514
|
+
"closed": "State--closed",
|
515
|
+
"merged": "State--merged"
|
516
|
+
},
|
517
|
+
"SCHEME_DEFAULT": "default",
|
518
|
+
"SCHEME_MAPPINGS": {
|
519
|
+
"open": "State--open",
|
520
|
+
"closed": "State--closed",
|
521
|
+
"merged": "State--merged",
|
522
|
+
"default": "",
|
523
|
+
"green": "State--open",
|
524
|
+
"red": "State--closed",
|
525
|
+
"purple": "State--merged"
|
526
|
+
},
|
527
|
+
"SCHEME_OPTIONS": [
|
528
|
+
"open",
|
529
|
+
"closed",
|
530
|
+
"merged",
|
531
|
+
"default",
|
532
|
+
"green",
|
533
|
+
"red",
|
534
|
+
"purple"
|
535
|
+
],
|
536
|
+
"SIZE_DEFAULT": "default",
|
537
|
+
"SIZE_MAPPINGS": {
|
538
|
+
"default": "",
|
539
|
+
"small": "State--small"
|
540
|
+
},
|
541
|
+
"SIZE_OPTIONS": [
|
542
|
+
"default",
|
543
|
+
"small"
|
544
|
+
],
|
545
|
+
"TAG_DEFAULT": "span",
|
546
|
+
"TAG_OPTIONS": [
|
547
|
+
"span",
|
548
|
+
"div"
|
549
|
+
]
|
550
|
+
},
|
551
|
+
"Primer::SubheadComponent": {
|
552
|
+
"DEFAULT_HEADING_TAG": "div",
|
553
|
+
"HEADING_TAG_OPTIONS": [
|
554
|
+
"div",
|
555
|
+
"h1",
|
556
|
+
"h2",
|
557
|
+
"h3",
|
558
|
+
"h4",
|
559
|
+
"h5",
|
560
|
+
"h6"
|
561
|
+
]
|
562
|
+
},
|
563
|
+
"Primer::TabContainerComponent": {
|
564
|
+
},
|
565
|
+
"Primer::TabNavComponent": {
|
566
|
+
"DEFAULT_EXTRA_ALIGN": "left",
|
567
|
+
"EXTRA_ALIGN_OPTIONS": [
|
568
|
+
"left",
|
569
|
+
"right"
|
570
|
+
]
|
571
|
+
},
|
572
|
+
"Primer::TimeAgoComponent": {
|
573
|
+
},
|
574
|
+
"Primer::TimelineItemComponent": {
|
575
|
+
"BadgeComponent": "Primer::TimelineItemComponent::BadgeComponent"
|
576
|
+
},
|
577
|
+
"Primer::TimelineItemComponent::BadgeComponent": {
|
578
|
+
},
|
579
|
+
"Primer::Tooltip": {
|
580
|
+
"ALIGN_DEFAULT": "default",
|
581
|
+
"ALIGN_MAPPING": {
|
582
|
+
"default": "",
|
583
|
+
"left_1": "tooltipped-align-left-1",
|
584
|
+
"right_1": "tooltipped-align-right-1",
|
585
|
+
"left_2": "tooltipped-align-left-2",
|
586
|
+
"right_2": "tooltipped-align-right-2"
|
587
|
+
},
|
588
|
+
"DELAY_DEFAULT": false,
|
589
|
+
"DIRECTION_DEFAULT": "n",
|
590
|
+
"DIRECTION_OPTIONS": [
|
591
|
+
"n",
|
592
|
+
"nw",
|
593
|
+
"ne",
|
594
|
+
"w",
|
595
|
+
"e",
|
596
|
+
"sw",
|
597
|
+
"s",
|
598
|
+
"se"
|
599
|
+
],
|
600
|
+
"MULTILINE_DEFAULT": false
|
601
|
+
},
|
602
|
+
"Primer::Truncate": {
|
603
|
+
"DEFAULT_TAG": "div",
|
604
|
+
"TAG_OPTIONS": [
|
605
|
+
"div",
|
606
|
+
"span",
|
607
|
+
"p",
|
608
|
+
"strong"
|
609
|
+
]
|
610
|
+
},
|
611
|
+
"Primer::UnderlineNavComponent": {
|
612
|
+
"ACTIONS_TAG_DEFAULT": "div",
|
613
|
+
"ACTIONS_TAG_OPTIONS": [
|
614
|
+
"div",
|
615
|
+
"span"
|
616
|
+
],
|
617
|
+
"ALIGN_DEFAULT": "left",
|
618
|
+
"ALIGN_OPTIONS": [
|
619
|
+
"left",
|
620
|
+
"right"
|
621
|
+
],
|
622
|
+
"BODY_TAG_DEFAULT": "div",
|
623
|
+
"BODY_TAG_OPTIONS": [
|
624
|
+
"div",
|
625
|
+
"ul"
|
626
|
+
]
|
627
|
+
}
|
628
|
+
}
|