primer_view_components 0.0.123 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +36 -0
  3. data/app/assets/javascripts/primer_view_components.js +1 -1
  4. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  5. data/app/assets/styles/primer_view_components.css +2 -2
  6. data/app/assets/styles/primer_view_components.css.map +1 -1
  7. data/app/components/primer/alpha/action_list/divider.rb +2 -2
  8. data/app/components/primer/alpha/action_list/heading.html.erb +1 -1
  9. data/app/components/primer/alpha/action_list/heading.rb +10 -4
  10. data/app/components/primer/alpha/action_list/item.rb +7 -3
  11. data/app/components/primer/alpha/action_list.css.json +41 -0
  12. data/app/components/primer/alpha/action_list.html.erb +6 -8
  13. data/app/components/primer/alpha/action_list.rb +5 -10
  14. data/app/components/primer/alpha/auto_complete.css.json +11 -0
  15. data/app/components/primer/alpha/banner.css.json +14 -0
  16. data/app/components/primer/alpha/button_marketing.css.json +10 -0
  17. data/app/components/primer/alpha/dialog.css.json +63 -0
  18. data/app/components/primer/alpha/dropdown.css.json +21 -0
  19. data/app/components/primer/alpha/layout.css.json +27 -0
  20. data/app/components/primer/alpha/menu.css.json +11 -0
  21. data/app/components/primer/alpha/nav_list/{section.rb → group.rb} +9 -9
  22. data/app/components/primer/alpha/nav_list/item.html.erb +1 -1
  23. data/app/components/primer/alpha/nav_list/item.rb +18 -2
  24. data/app/components/primer/alpha/nav_list.d.ts +1 -0
  25. data/app/components/primer/alpha/nav_list.html.erb +8 -8
  26. data/app/components/primer/alpha/nav_list.js +24 -0
  27. data/app/components/primer/alpha/nav_list.rb +28 -32
  28. data/app/components/primer/alpha/nav_list.ts +27 -0
  29. data/app/components/primer/alpha/navigation/tab.rb +168 -0
  30. data/app/components/primer/alpha/overlay/body.rb +26 -0
  31. data/app/components/primer/alpha/overlay/footer.rb +41 -0
  32. data/app/components/primer/alpha/overlay/header.html.erb +15 -0
  33. data/app/components/primer/alpha/overlay/header.rb +47 -0
  34. data/app/components/primer/alpha/overlay.css +1 -0
  35. data/app/components/primer/alpha/overlay.css.json +11 -0
  36. data/app/components/primer/alpha/overlay.css.map +1 -0
  37. data/app/components/primer/alpha/overlay.html.erb +11 -0
  38. data/app/components/primer/alpha/overlay.pcss +14 -0
  39. data/app/components/primer/alpha/overlay.rb +207 -0
  40. data/app/components/primer/alpha/segmented_control.css.json +15 -0
  41. data/app/components/primer/alpha/tab_nav.css.json +10 -0
  42. data/app/components/primer/alpha/tab_nav.rb +10 -3
  43. data/app/components/primer/alpha/tab_panels.rb +2 -2
  44. data/app/components/primer/alpha/text_field.css.json +38 -0
  45. data/app/components/primer/alpha/toggle_switch.css.json +16 -0
  46. data/app/components/primer/alpha/underline_nav.css +1 -1
  47. data/app/components/primer/alpha/underline_nav.css.json +13 -0
  48. data/app/components/primer/alpha/underline_nav.css.map +1 -1
  49. data/app/components/primer/alpha/underline_nav.pcss +1 -0
  50. data/app/components/primer/alpha/underline_nav.rb +2 -2
  51. data/app/components/primer/alpha/underline_panels.rb +2 -2
  52. data/app/components/primer/anchored_position.d.ts +27 -0
  53. data/app/components/primer/anchored_position.js +149 -0
  54. data/app/components/primer/anchored_position.ts +167 -0
  55. data/app/components/primer/beta/avatar.css.json +14 -0
  56. data/app/components/primer/beta/avatar_stack.css.json +9 -0
  57. data/app/components/primer/beta/blankslate.css.json +12 -0
  58. data/app/components/primer/beta/border_box.css.json +32 -0
  59. data/app/components/primer/beta/breadcrumbs.css.json +4 -0
  60. data/app/components/primer/beta/button.css.json +22 -0
  61. data/app/components/primer/beta/button.html.erb +1 -1
  62. data/app/components/primer/beta/button.rb +2 -1
  63. data/app/components/primer/beta/counter.css.json +6 -0
  64. data/app/components/primer/beta/flash.css.json +15 -0
  65. data/app/components/primer/beta/flash.html.erb +1 -2
  66. data/app/components/primer/beta/label.css.json +20 -0
  67. data/app/components/primer/beta/link.css.json +8 -0
  68. data/app/components/primer/beta/popover.css.json +18 -0
  69. data/app/components/primer/beta/progress_bar.css.json +6 -0
  70. data/app/components/primer/beta/state.css.json +10 -0
  71. data/app/components/primer/beta/subhead.css.json +8 -0
  72. data/app/components/primer/beta/timeline_item.css.json +9 -0
  73. data/app/components/primer/beta/truncate.css.json +6 -0
  74. data/app/components/primer/component.rb +34 -0
  75. data/app/components/primer/navigation/tab_component.rb +3 -157
  76. data/app/components/primer/primer.d.ts +2 -0
  77. data/app/components/primer/primer.js +2 -0
  78. data/app/components/primer/primer.pcss +3 -0
  79. data/app/components/primer/primer.ts +2 -0
  80. data/app/components/primer/truncate.css.json +7 -0
  81. data/app/lib/primer/css/layout.css.json +263 -0
  82. data/app/lib/primer/css/utilities.css.json +1636 -0
  83. data/lib/primer/deprecations.yml +4 -0
  84. data/lib/primer/view_components/linters/base_linter.rb +1 -1
  85. data/lib/primer/view_components/linters/disallow_component_css_counter.rb +30 -0
  86. data/lib/primer/view_components/version.rb +2 -2
  87. data/lib/primer/yard/component_manifest.rb +3 -1
  88. data/lib/tasks/docs.rake +1 -1
  89. data/previews/primer/alpha/action_list_preview.rb +6 -14
  90. data/previews/primer/alpha/nav_list_preview/trailing_action.html.erb +19 -0
  91. data/previews/primer/alpha/nav_list_preview.rb +19 -30
  92. data/previews/primer/alpha/overlay_preview/middle_of_page.html.erb +17 -0
  93. data/previews/primer/alpha/overlay_preview.rb +112 -0
  94. data/previews/primer/alpha/tab_nav_preview/with_extra.html.erb +8 -0
  95. data/previews/primer/alpha/tab_nav_preview.rb +5 -0
  96. data/previews/primer/alpha/tab_panels_preview/with_extra.html.erb +17 -0
  97. data/previews/primer/alpha/tab_panels_preview.rb +5 -0
  98. data/static/arguments.json +167 -7
  99. data/static/audited_at.json +6 -1
  100. data/static/classes.json +311 -0
  101. data/static/constants.json +122 -8
  102. data/static/previews.json +31 -0
  103. data/static/statuses.json +7 -2
  104. metadata +25 -6
  105. data/app/components/primer/alpha/nav_list/section.html.erb +0 -3
  106. data/previews/primer/alpha/action_list_preview/heading.html.erb +0 -4
  107. /data/app/components/primer/{navigation/tab_component.html.erb → alpha/navigation/tab.html.erb} +0 -0
@@ -1445,7 +1445,7 @@
1445
1445
  },
1446
1446
  {
1447
1447
  "component": "Navigation::Tab",
1448
- "status": "alpha",
1448
+ "status": "deprecated",
1449
1449
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
1450
1450
  "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
1451
1451
  "parameters": [
@@ -1493,6 +1493,56 @@
1493
1493
  }
1494
1494
  ]
1495
1495
  },
1496
+ {
1497
+ "component": "Navigation::Tab",
1498
+ "status": "alpha",
1499
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/navigation/tab.rb",
1500
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/navigation/tab/default/",
1501
+ "parameters": [
1502
+ {
1503
+ "name": "list",
1504
+ "type": "Boolean",
1505
+ "default": "`false`",
1506
+ "description": "Whether the Tab is an item in a `<ul>` list."
1507
+ },
1508
+ {
1509
+ "name": "selected",
1510
+ "type": "Boolean",
1511
+ "default": "`false`",
1512
+ "description": "Whether the Tab is selected or not."
1513
+ },
1514
+ {
1515
+ "name": "with_panel",
1516
+ "type": "Boolean",
1517
+ "default": "`false`",
1518
+ "description": "Whether the Tab has an associated panel."
1519
+ },
1520
+ {
1521
+ "name": "panel_id",
1522
+ "type": "String",
1523
+ "default": "`\"\"`",
1524
+ "description": "Only applies if `with_panel` is `true`. Unique id of panel."
1525
+ },
1526
+ {
1527
+ "name": "icon_classes",
1528
+ "type": "Boolean",
1529
+ "default": "`\"\"`",
1530
+ "description": "Classes that must always be applied to icons."
1531
+ },
1532
+ {
1533
+ "name": "wrapper_arguments",
1534
+ "type": "Hash",
1535
+ "default": "`{}`",
1536
+ "description": "[System arguments](/system-arguments) to be used in the `<li>` wrapper when the tab is an item in a list."
1537
+ },
1538
+ {
1539
+ "name": "system_arguments",
1540
+ "type": "Hash",
1541
+ "default": "N/A",
1542
+ "description": "[System arguments](/system-arguments)"
1543
+ }
1544
+ ]
1545
+ },
1496
1546
  {
1497
1547
  "component": "Octicon",
1498
1548
  "status": "beta",
@@ -2039,6 +2089,104 @@
2039
2089
  }
2040
2090
  ]
2041
2091
  },
2092
+ {
2093
+ "component": "Overlay",
2094
+ "status": "alpha",
2095
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay.rb",
2096
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/default/",
2097
+ "parameters": [
2098
+ {
2099
+ "name": "id",
2100
+ "type": "String",
2101
+ "default": "`self.class.generate_id`",
2102
+ "description": "The id of the Overlay."
2103
+ },
2104
+ {
2105
+ "name": "title",
2106
+ "type": "String",
2107
+ "default": "N/A",
2108
+ "description": "Describes the content of the Overlay."
2109
+ },
2110
+ {
2111
+ "name": "subtitle",
2112
+ "type": "String",
2113
+ "default": "`nil`",
2114
+ "description": "Provides dditional context for the Overlay, also setting the `aria-describedby` attribute."
2115
+ },
2116
+ {
2117
+ "name": "popover",
2118
+ "type": "Symbol",
2119
+ "default": "`:auto`",
2120
+ "description": "The popover behaviour. One of `:auto` or `:manual`."
2121
+ },
2122
+ {
2123
+ "name": "popover",
2124
+ "type": "Symbol",
2125
+ "default": "`:auto`",
2126
+ "description": "The popover behaviour. One of `:auto` or `:manual`."
2127
+ },
2128
+ {
2129
+ "name": "size",
2130
+ "type": "Symbol",
2131
+ "default": "`:auto`",
2132
+ "description": "The size of the Overlay. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
2133
+ },
2134
+ {
2135
+ "name": "padding",
2136
+ "type": "Symbol",
2137
+ "default": "`:normal`",
2138
+ "description": "The padding given to the Overlay body. One of `:condensed`, `:none`, or `:normal`."
2139
+ },
2140
+ {
2141
+ "name": "anchor",
2142
+ "type": "String",
2143
+ "default": "`nil`",
2144
+ "description": "An ID of the element to anchor onto. Defaults to the `show_button`."
2145
+ },
2146
+ {
2147
+ "name": "anchor_align",
2148
+ "type": "Symbol",
2149
+ "default": "`:start`",
2150
+ "description": "The anchor alignment of the Overlay. One of `:center`, `:end`, or `:start`."
2151
+ },
2152
+ {
2153
+ "name": "anchor_side",
2154
+ "type": "Symbol",
2155
+ "default": "`:outside_bottom`",
2156
+ "description": "The side to anchor the Overlay to. One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
2157
+ },
2158
+ {
2159
+ "name": "anchor_offset",
2160
+ "type": "Symbol",
2161
+ "default": "`:normal`",
2162
+ "description": "The anchor offset to give the Overlay. One of `:normal` or `:spacious`."
2163
+ },
2164
+ {
2165
+ "name": "allow_out_of_bounds",
2166
+ "type": "Boolean",
2167
+ "default": "`false`",
2168
+ "description": "Allow the Overlay to overflow its container."
2169
+ },
2170
+ {
2171
+ "name": "visually_hide_title",
2172
+ "type": "Boolean",
2173
+ "default": "`false`",
2174
+ "description": "If true will hide the heading title, while still making it available to Screen Readers."
2175
+ },
2176
+ {
2177
+ "name": "role",
2178
+ "type": "String",
2179
+ "default": "N/A",
2180
+ "description": "The ARIA role. One of `:dialog` or `:menu`."
2181
+ },
2182
+ {
2183
+ "name": "system_arguments",
2184
+ "type": "Hash",
2185
+ "default": "N/A",
2186
+ "description": "[System arguments](/system-arguments)"
2187
+ }
2188
+ ]
2189
+ },
2042
2190
  {
2043
2191
  "component": "NavList",
2044
2192
  "status": "alpha",
@@ -2098,10 +2246,10 @@
2098
2246
  ]
2099
2247
  },
2100
2248
  {
2101
- "component": "NavList::Section",
2249
+ "component": "NavList::Group",
2102
2250
  "status": "alpha",
2103
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
2104
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section/default/",
2251
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/group.rb",
2252
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/group/default/",
2105
2253
  "parameters": [
2106
2254
  {
2107
2255
  "name": "selected_item_id",
@@ -2193,6 +2341,12 @@
2193
2341
  "default": "N/A",
2194
2342
  "description": "Sub list title."
2195
2343
  },
2344
+ {
2345
+ "name": "heading_level",
2346
+ "type": "Integer",
2347
+ "default": "`3`",
2348
+ "description": "Heading level. Level 2 results in an `<h2>` tag, level 3 an `<h3>` tag, etc."
2349
+ },
2196
2350
  {
2197
2351
  "name": "subtitle",
2198
2352
  "type": "String",
@@ -2207,8 +2361,8 @@
2207
2361
  },
2208
2362
  {
2209
2363
  "name": "tag",
2210
- "type": "Symbol",
2211
- "default": "`:h3`",
2364
+ "type": "Integer",
2365
+ "default": "N/A",
2212
2366
  "description": "Semantic tag for the heading."
2213
2367
  },
2214
2368
  {
@@ -2249,6 +2403,12 @@
2249
2403
  "default": "`nil`",
2250
2404
  "description": "CSS classes that will be added to the label."
2251
2405
  },
2406
+ {
2407
+ "name": "label_arguments",
2408
+ "type": "Hash",
2409
+ "default": "`{}`",
2410
+ "description": "[System arguments](/system-arguments) used to construct the label."
2411
+ },
2252
2412
  {
2253
2413
  "name": "content_arguments",
2254
2414
  "type": "Hash",
@@ -2270,7 +2430,7 @@
2270
2430
  {
2271
2431
  "name": "role",
2272
2432
  "type": "String",
2273
- "default": "`:listitem`",
2433
+ "default": "`nil`",
2274
2434
  "description": "ARIA role describing the function of the item."
2275
2435
  },
2276
2436
  {
@@ -28,9 +28,14 @@
28
28
  "Primer::Alpha::Menu": "",
29
29
  "Primer::Alpha::MultiInput": "",
30
30
  "Primer::Alpha::NavList": "",
31
+ "Primer::Alpha::NavList::Group": "",
31
32
  "Primer::Alpha::NavList::Item": "",
32
- "Primer::Alpha::NavList::Section": "",
33
+ "Primer::Alpha::Navigation::Tab": "",
33
34
  "Primer::Alpha::OcticonSymbols": "",
35
+ "Primer::Alpha::Overlay": "",
36
+ "Primer::Alpha::Overlay::Body": "",
37
+ "Primer::Alpha::Overlay::Footer": "",
38
+ "Primer::Alpha::Overlay::Header": "",
34
39
  "Primer::Alpha::RadioButton": "",
35
40
  "Primer::Alpha::RadioButtonGroup": "",
36
41
  "Primer::Alpha::SegmentedControl": "2023-02-01",
@@ -0,0 +1,311 @@
1
+ [
2
+ "ActionList--subGroup",
3
+ "ActionList-sectionDivider",
4
+ "ActionList-sectionDivider--filled",
5
+ "ActionList-sectionDivider-title",
6
+ "ActionListContent",
7
+ "ActionListContent--blockDescription",
8
+ "ActionListContent--hasActiveSubItem",
9
+ "ActionListContent--sizeLarge",
10
+ "ActionListContent--sizeXLarge",
11
+ "ActionListContent--visual16",
12
+ "ActionListContent--visual20",
13
+ "ActionListContent--visual24",
14
+ "ActionListItem",
15
+ "ActionListItem--danger",
16
+ "ActionListItem--hasSubItem",
17
+ "ActionListItem--navActive",
18
+ "ActionListItem--subItem",
19
+ "ActionListItem--trailingActionHover",
20
+ "ActionListItem--withActions",
21
+ "ActionListItem-action",
22
+ "ActionListItem-action--leading",
23
+ "ActionListItem-action--trailing",
24
+ "ActionListItem-collapseIcon",
25
+ "ActionListItem-description",
26
+ "ActionListItem-descriptionWrap",
27
+ "ActionListItem-descriptionWrap--inline",
28
+ "ActionListItem-label",
29
+ "ActionListItem-label--truncate",
30
+ "ActionListItem-multiSelectCheckmark",
31
+ "ActionListItem-multiSelectIcon",
32
+ "ActionListItem-multiSelectIconRect",
33
+ "ActionListItem-singleSelectCheckmark",
34
+ "ActionListItem-trailingAction",
35
+ "ActionListItem-visual",
36
+ "ActionListItem-visual--leading",
37
+ "ActionListItem-visual--trailing",
38
+ "ActionListWrap",
39
+ "ActionListWrap--divided",
40
+ "ActionListWrap--inset",
41
+ "AvatarStack",
42
+ "AvatarStack--right",
43
+ "AvatarStack--three-plus",
44
+ "AvatarStack--two",
45
+ "AvatarStack-body",
46
+ "Banner",
47
+ "Banner--error",
48
+ "Banner--full",
49
+ "Banner--full-whenNarrow",
50
+ "Banner--success",
51
+ "Banner--warning",
52
+ "Banner-actions",
53
+ "Banner-close",
54
+ "Banner-message",
55
+ "Banner-title",
56
+ "Banner-visual",
57
+ "Box",
58
+ "Box--blue",
59
+ "Box--condensed",
60
+ "Box--danger",
61
+ "Box--scrollable",
62
+ "Box--spacious",
63
+ "Box-body",
64
+ "Box-btn-octicon",
65
+ "Box-footer",
66
+ "Box-header",
67
+ "Box-header--blue",
68
+ "Box-row",
69
+ "Box-row--blue",
70
+ "Box-row--drag-button",
71
+ "Box-row--drag-hide",
72
+ "Box-row--focus-blue",
73
+ "Box-row--focus-gray",
74
+ "Box-row--gray",
75
+ "Box-row--hover-blue",
76
+ "Box-row--hover-gray",
77
+ "Box-row--unread",
78
+ "Box-row--yellow",
79
+ "Box-row-link",
80
+ "Box-title",
81
+ "Button",
82
+ "Button--danger",
83
+ "Button--fullWidth",
84
+ "Button--iconOnly",
85
+ "Button--invisible",
86
+ "Button--invisible-noVisuals",
87
+ "Button--large",
88
+ "Button--link",
89
+ "Button--medium",
90
+ "Button--primary",
91
+ "Button--secondary",
92
+ "Button--small",
93
+ "Button-content",
94
+ "Button-content--alignStart",
95
+ "Button-label",
96
+ "Button-leadingVisual",
97
+ "Button-trailingAction",
98
+ "Button-trailingVisual",
99
+ "Button-visual",
100
+ "Button-withTooltip",
101
+ "Counter",
102
+ "Counter--primary",
103
+ "Counter--secondary",
104
+ "FormControl",
105
+ "FormControl--fullWidth",
106
+ "FormControl-caption",
107
+ "FormControl-check-group-wrap",
108
+ "FormControl-checkbox",
109
+ "FormControl-checkbox-labelWrap",
110
+ "FormControl-checkbox-wrap",
111
+ "FormControl-error",
112
+ "FormControl-horizontalGroup",
113
+ "FormControl-inlineValidation",
114
+ "FormControl-input",
115
+ "FormControl-input-leadingVisual",
116
+ "FormControl-input-leadingVisualWrap",
117
+ "FormControl-input-trailingAction",
118
+ "FormControl-input-trailingAction--divider",
119
+ "FormControl-input-wrap",
120
+ "FormControl-input-wrap--leadingVisual",
121
+ "FormControl-input-wrap--trailingAction",
122
+ "FormControl-input-wrap-trailingAction--divider",
123
+ "FormControl-inset",
124
+ "FormControl-label",
125
+ "FormControl-large",
126
+ "FormControl-medium",
127
+ "FormControl-monospace",
128
+ "FormControl-radio",
129
+ "FormControl-radio-group-wrap",
130
+ "FormControl-radio-labelWrap",
131
+ "FormControl-radio-wrap",
132
+ "FormControl-select",
133
+ "FormControl-select-wrap",
134
+ "FormControl-small",
135
+ "FormControl-spacingWrapper",
136
+ "FormControl-success",
137
+ "FormControl-textarea",
138
+ "FormControl-toggleSwitchInput",
139
+ "FormControl-warning",
140
+ "Label",
141
+ "Label--accent",
142
+ "Label--attention",
143
+ "Label--closed",
144
+ "Label--danger",
145
+ "Label--done",
146
+ "Label--info",
147
+ "Label--inline",
148
+ "Label--large",
149
+ "Label--open",
150
+ "Label--primary",
151
+ "Label--secondary",
152
+ "Label--severe",
153
+ "Label--sponsors",
154
+ "Label--success",
155
+ "Label--warning",
156
+ "Layout",
157
+ "Layout--divided",
158
+ "Layout--flowRow-until-lg",
159
+ "Layout--flowRow-until-md",
160
+ "Layout--gutter-condensed",
161
+ "Layout--gutter-none",
162
+ "Layout--gutter-spacious",
163
+ "Layout--sidebar-narrow",
164
+ "Layout--sidebar-wide",
165
+ "Layout--sidebarPosition-end",
166
+ "Layout--sidebarPosition-flowRow-end",
167
+ "Layout--sidebarPosition-flowRow-none",
168
+ "Layout--sidebarPosition-flowRow-start",
169
+ "Layout--sidebarPosition-start",
170
+ "Layout-divider",
171
+ "Layout-divider--flowRow-hidden",
172
+ "Layout-divider--flowRow-shallow",
173
+ "Layout-main",
174
+ "Layout-main-centered-lg",
175
+ "Layout-main-centered-md",
176
+ "Layout-main-centered-xl",
177
+ "Layout-sidebar",
178
+ "Link",
179
+ "Link--muted",
180
+ "Link--onHover",
181
+ "Link--primary",
182
+ "Link--secondary",
183
+ "Overlay",
184
+ "Overlay--height-auto",
185
+ "Overlay--height-large",
186
+ "Overlay--height-medium",
187
+ "Overlay--height-small",
188
+ "Overlay--height-xlarge",
189
+ "Overlay--height-xsmall",
190
+ "Overlay--hidden",
191
+ "Overlay--motion-scaleFade",
192
+ "Overlay--size-auto",
193
+ "Overlay--size-full",
194
+ "Overlay--size-large",
195
+ "Overlay--size-medium",
196
+ "Overlay--size-medium-portrait",
197
+ "Overlay--size-small",
198
+ "Overlay--size-small-portrait",
199
+ "Overlay--size-xlarge",
200
+ "Overlay--size-xsmall",
201
+ "Overlay--visibilityHidden",
202
+ "Overlay--width-auto",
203
+ "Overlay--width-large",
204
+ "Overlay--width-medium",
205
+ "Overlay--width-small",
206
+ "Overlay--width-xlarge",
207
+ "Overlay--width-xxlarge",
208
+ "Overlay-actionWrap",
209
+ "Overlay-backdrop--anchor",
210
+ "Overlay-backdrop--anchor-whenNarrow",
211
+ "Overlay-backdrop--center",
212
+ "Overlay-backdrop--center-whenNarrow",
213
+ "Overlay-backdrop--full",
214
+ "Overlay-backdrop--full-whenNarrow",
215
+ "Overlay-backdrop--placement-bottom",
216
+ "Overlay-backdrop--placement-bottom-whenNarrow",
217
+ "Overlay-backdrop--placement-left",
218
+ "Overlay-backdrop--placement-left-whenNarrow",
219
+ "Overlay-backdrop--placement-right",
220
+ "Overlay-backdrop--placement-right-whenNarrow",
221
+ "Overlay-backdrop--placement-top",
222
+ "Overlay-backdrop--placement-top-whenNarrow",
223
+ "Overlay-backdrop--side",
224
+ "Overlay-backdrop--side-whenNarrow",
225
+ "Overlay-body",
226
+ "Overlay-body--paddingCondensed",
227
+ "Overlay-body--paddingNone",
228
+ "Overlay-closeButton",
229
+ "Overlay-description",
230
+ "Overlay-footer",
231
+ "Overlay-footer--alignCenter",
232
+ "Overlay-footer--alignEnd",
233
+ "Overlay-footer--alignStart",
234
+ "Overlay-footer--divided",
235
+ "Overlay-form",
236
+ "Overlay-header",
237
+ "Overlay-header--divided",
238
+ "Overlay-header--large",
239
+ "Overlay-headerContentWrap",
240
+ "Overlay-title",
241
+ "Overlay-titleWrap",
242
+ "Overlay-whenNarrow",
243
+ "Popover",
244
+ "Popover-message",
245
+ "Popover-message--bottom",
246
+ "Popover-message--bottom-left",
247
+ "Popover-message--bottom-right",
248
+ "Popover-message--large",
249
+ "Popover-message--left",
250
+ "Popover-message--left-bottom",
251
+ "Popover-message--left-top",
252
+ "Popover-message--no-caret",
253
+ "Popover-message--right",
254
+ "Popover-message--right-bottom",
255
+ "Popover-message--right-top",
256
+ "Popover-message--top-left",
257
+ "Popover-message--top-right",
258
+ "Progress",
259
+ "Progress--large",
260
+ "Progress--small",
261
+ "Progress-item",
262
+ "SegmentedControl",
263
+ "SegmentedControl--fullWidth",
264
+ "SegmentedControl-item",
265
+ "SegmentedControl-item--selected",
266
+ "State",
267
+ "State--closed",
268
+ "State--draft",
269
+ "State--merged",
270
+ "State--open",
271
+ "State--small",
272
+ "Subhead",
273
+ "Subhead--spacious",
274
+ "Subhead-actions",
275
+ "Subhead-description",
276
+ "Subhead-heading",
277
+ "Subhead-heading--danger",
278
+ "TimelineItem",
279
+ "TimelineItem--condensed",
280
+ "TimelineItem-avatar",
281
+ "TimelineItem-badge",
282
+ "TimelineItem-badge--success",
283
+ "TimelineItem-body",
284
+ "TimelineItem-break",
285
+ "ToggleSwitch",
286
+ "ToggleSwitch--checked",
287
+ "ToggleSwitch--disabled",
288
+ "ToggleSwitch--small",
289
+ "ToggleSwitch--statusAtEnd",
290
+ "ToggleSwitch-circleIcon",
291
+ "ToggleSwitch-icons",
292
+ "ToggleSwitch-knob",
293
+ "ToggleSwitch-lineIcon",
294
+ "ToggleSwitch-status",
295
+ "ToggleSwitch-statusIcon",
296
+ "ToggleSwitch-statusOff",
297
+ "ToggleSwitch-statusOn",
298
+ "ToggleSwitch-track",
299
+ "Truncate",
300
+ "Truncate-text",
301
+ "Truncate-text--expandable",
302
+ "Truncate-text--primary",
303
+ "UnderlineNav",
304
+ "UnderlineNav--full",
305
+ "UnderlineNav--right",
306
+ "UnderlineNav-actions",
307
+ "UnderlineNav-body",
308
+ "UnderlineNav-container",
309
+ "UnderlineNav-item",
310
+ "UnderlineNav-octicon"
311
+ ]