primer_view_components 0.5.1 → 0.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (169) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +90 -0
  3. data/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts +3 -2
  4. data/app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts +3 -1
  5. data/app/assets/javascripts/primer_view_components.js +1 -1
  6. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  7. data/app/assets/styles/primer_view_components.css +1 -1
  8. data/app/assets/styles/primer_view_components.css.map +1 -1
  9. data/app/components/primer/alpha/action_bar.rb +0 -8
  10. data/app/components/primer/alpha/action_list/item.rb +17 -6
  11. data/app/components/primer/alpha/action_list.css +1 -1
  12. data/app/components/primer/alpha/action_list.css.json +2 -0
  13. data/app/components/primer/alpha/action_list.css.map +1 -1
  14. data/app/components/primer/alpha/action_list.pcss +4 -2
  15. data/app/components/primer/alpha/action_list.rb +61 -6
  16. data/app/components/primer/alpha/action_menu/action_menu_element.d.ts +3 -2
  17. data/app/components/primer/alpha/action_menu/action_menu_element.js +17 -3
  18. data/app/components/primer/alpha/action_menu/action_menu_element.ts +20 -6
  19. data/app/components/primer/alpha/action_menu/list.rb +63 -34
  20. data/app/components/primer/alpha/action_menu.rb +12 -269
  21. data/app/components/primer/alpha/auto_complete/item.rb +0 -12
  22. data/app/components/primer/alpha/auto_complete.css +1 -1
  23. data/app/components/primer/alpha/auto_complete.css.map +1 -1
  24. data/app/components/primer/alpha/auto_complete.rb +0 -47
  25. data/app/components/primer/alpha/banner.css +1 -1
  26. data/app/components/primer/alpha/banner.css.map +1 -1
  27. data/app/components/primer/alpha/banner.html.erb +1 -1
  28. data/app/components/primer/alpha/banner.rb +12 -39
  29. data/app/components/primer/alpha/button_marketing.rb +0 -12
  30. data/app/components/primer/alpha/dialog.css +1 -1
  31. data/app/components/primer/alpha/dialog.css.map +1 -1
  32. data/app/components/primer/alpha/dialog.pcss +1 -1
  33. data/app/components/primer/alpha/dialog.rb +2 -18
  34. data/app/components/primer/alpha/dropdown.css +1 -1
  35. data/app/components/primer/alpha/dropdown.css.map +1 -1
  36. data/app/components/primer/alpha/dropdown.rb +0 -105
  37. data/app/components/primer/alpha/form_control.rb +0 -11
  38. data/app/components/primer/alpha/hellip_button.rb +0 -9
  39. data/app/components/primer/alpha/hidden_text_expander.rb +0 -9
  40. data/app/components/primer/alpha/image.rb +0 -16
  41. data/app/components/primer/alpha/image_crop.rb +0 -11
  42. data/app/components/primer/alpha/layout.css +1 -1
  43. data/app/components/primer/alpha/layout.css.map +1 -1
  44. data/app/components/primer/alpha/layout.pcss +1 -1
  45. data/app/components/primer/alpha/layout.rb +0 -118
  46. data/app/components/primer/alpha/menu.css +1 -1
  47. data/app/components/primer/alpha/menu.css.map +1 -1
  48. data/app/components/primer/alpha/menu.rb +0 -19
  49. data/app/components/primer/alpha/multi_input.rb +0 -33
  50. data/app/components/primer/alpha/nav_list/group.rb +12 -3
  51. data/app/components/primer/alpha/nav_list.rb +79 -84
  52. data/app/components/primer/alpha/navigation/tab.rb +0 -35
  53. data/app/components/primer/alpha/octicon_symbols.rb +0 -6
  54. data/app/components/primer/alpha/overlay.rb +0 -14
  55. data/app/components/primer/alpha/segmented_control.css +1 -1
  56. data/app/components/primer/alpha/segmented_control.css.map +1 -1
  57. data/app/components/primer/alpha/segmented_control.rb +0 -61
  58. data/app/components/primer/alpha/tab_container.rb +0 -18
  59. data/app/components/primer/alpha/tab_nav.css +1 -1
  60. data/app/components/primer/alpha/tab_nav.css.map +1 -1
  61. data/app/components/primer/alpha/tab_nav.rb +0 -63
  62. data/app/components/primer/alpha/tab_panels.rb +0 -16
  63. data/app/components/primer/alpha/text_field.css +1 -1
  64. data/app/components/primer/alpha/text_field.css.map +1 -1
  65. data/app/components/primer/alpha/text_field.rb +0 -68
  66. data/app/components/primer/alpha/toggle_switch.css +1 -1
  67. data/app/components/primer/alpha/toggle_switch.css.map +1 -1
  68. data/app/components/primer/alpha/toggle_switch.rb +0 -18
  69. data/app/components/primer/alpha/tool_tip.js +3 -3
  70. data/app/components/primer/alpha/tool_tip.ts +3 -3
  71. data/app/components/primer/alpha/tooltip.rb +1 -69
  72. data/app/components/primer/alpha/underline_nav.css +1 -1
  73. data/app/components/primer/alpha/underline_nav.css.map +1 -1
  74. data/app/components/primer/alpha/underline_nav.rb +0 -61
  75. data/app/components/primer/alpha/underline_panels.rb +0 -19
  76. data/app/components/primer/alpha/x_banner.d.ts +3 -1
  77. data/app/components/primer/alpha/x_banner.js +24 -10
  78. data/app/components/primer/alpha/x_banner.ts +14 -12
  79. data/app/components/primer/base_component.rb +1 -1
  80. data/app/components/primer/beta/auto_complete/item.rb +0 -8
  81. data/app/components/primer/beta/auto_complete.rb +0 -56
  82. data/app/components/primer/beta/avatar.css +1 -1
  83. data/app/components/primer/beta/avatar.css.map +1 -1
  84. data/app/components/primer/beta/avatar.rb +1 -19
  85. data/app/components/primer/beta/avatar_stack.css +1 -1
  86. data/app/components/primer/beta/avatar_stack.css.map +1 -1
  87. data/app/components/primer/beta/avatar_stack.rb +0 -21
  88. data/app/components/primer/beta/base_button.rb +0 -4
  89. data/app/components/primer/beta/blankslate.css +1 -1
  90. data/app/components/primer/beta/blankslate.css.map +1 -1
  91. data/app/components/primer/beta/blankslate.rb +0 -104
  92. data/app/components/primer/beta/border_box/header.rb +4 -11
  93. data/app/components/primer/beta/border_box.css +1 -1
  94. data/app/components/primer/beta/border_box.css.map +1 -1
  95. data/app/components/primer/beta/border_box.html.erb +2 -2
  96. data/app/components/primer/beta/border_box.rb +11 -55
  97. data/app/components/primer/beta/breadcrumbs.rb +0 -7
  98. data/app/components/primer/beta/button.css +1 -1
  99. data/app/components/primer/beta/button.css.map +1 -1
  100. data/app/components/primer/beta/button.pcss +3 -3
  101. data/app/components/primer/beta/button.rb +2 -43
  102. data/app/components/primer/beta/button_group.css +1 -1
  103. data/app/components/primer/beta/button_group.css.map +1 -1
  104. data/app/components/primer/beta/button_group.rb +0 -16
  105. data/app/components/primer/beta/clipboard_copy.rb +0 -12
  106. data/app/components/primer/beta/close_button.rb +0 -3
  107. data/app/components/primer/beta/counter.rb +0 -8
  108. data/app/components/primer/beta/details.rb +0 -11
  109. data/app/components/primer/beta/flash.css +1 -1
  110. data/app/components/primer/beta/flash.css.map +1 -1
  111. data/app/components/primer/beta/flash.rb +1 -23
  112. data/app/components/primer/beta/heading.rb +0 -8
  113. data/app/components/primer/beta/icon_button.rb +0 -21
  114. data/app/components/primer/beta/label.css +1 -1
  115. data/app/components/primer/beta/label.css.map +1 -1
  116. data/app/components/primer/beta/label.rb +0 -20
  117. data/app/components/primer/beta/link.rb +0 -22
  118. data/app/components/primer/beta/markdown.rb +1 -262
  119. data/app/components/primer/beta/octicon.rb +0 -10
  120. data/app/components/primer/beta/popover.css +1 -1
  121. data/app/components/primer/beta/popover.css.map +1 -1
  122. data/app/components/primer/beta/popover.rb +0 -43
  123. data/app/components/primer/beta/progress_bar.rb +1 -22
  124. data/app/components/primer/beta/relative_time.rb +0 -9
  125. data/app/components/primer/beta/spinner.rb +2 -10
  126. data/app/components/primer/beta/state.rb +0 -13
  127. data/app/components/primer/beta/subhead.rb +0 -55
  128. data/app/components/primer/beta/text.rb +0 -4
  129. data/app/components/primer/beta/timeline_item.css +1 -1
  130. data/app/components/primer/beta/timeline_item.css.map +1 -1
  131. data/app/components/primer/beta/timeline_item.rb +0 -9
  132. data/app/components/primer/beta/truncate.rb +0 -50
  133. data/app/components/primer/blankslate_component.rb +0 -76
  134. data/app/components/primer/box.rb +0 -6
  135. data/app/components/primer/button_component.rb +0 -49
  136. data/app/components/primer/conditional_wrapper.rb +2 -17
  137. data/app/components/primer/icon_button.rb +0 -30
  138. data/app/components/primer/layout_component.rb +0 -12
  139. data/app/components/primer/tooltip.rb +0 -27
  140. data/app/components/primer/truncate.rb +0 -19
  141. data/app/forms/submit_button_form.rb +1 -1
  142. data/lib/primer/accessibility.rb +1 -1
  143. data/lib/primer/classify/utilities.yml +2 -0
  144. data/lib/primer/deprecations.yml +3 -3
  145. data/lib/primer/forms/button.rb +0 -5
  146. data/lib/primer/forms/dsl/input.rb +3 -0
  147. data/lib/primer/static/generate_info_arch.rb +1 -0
  148. data/lib/primer/view_components/linters/details_menu_migration.rb +1 -1
  149. data/lib/primer/view_components/linters/migrations/truncate_component.rb +45 -0
  150. data/lib/primer/view_components/linters/tooltipped_migration.rb +1 -1
  151. data/lib/primer/view_components/linters.rb +1 -0
  152. data/lib/primer/view_components/version.rb +2 -2
  153. data/lib/primer/yard/lookbook_pages_backend.rb +31 -0
  154. data/lib/primer/yard.rb +8 -9
  155. data/lib/tasks/custom_utilities.yml +2 -0
  156. data/previews/primer/alpha/action_list_preview.rb +89 -17
  157. data/previews/primer/alpha/action_menu_preview.rb +79 -37
  158. data/previews/primer/alpha/banner_preview/with_action_button.html.erb +1 -1
  159. data/previews/primer/alpha/banner_preview/with_action_content.html.erb +1 -1
  160. data/previews/primer/alpha/banner_preview.rb +11 -14
  161. data/previews/primer/alpha/nav_list_preview.rb +17 -0
  162. data/previews/primer/alpha/tooltip_preview/with_multiple_on_a_page.html.erb +3 -3
  163. data/previews/primer/alpha/tooltip_preview.rb +11 -23
  164. data/static/arguments.json +18 -13
  165. data/static/constants.json +6 -0
  166. data/static/info_arch.json +493 -36
  167. data/static/previews.json +15 -15
  168. metadata +3 -3
  169. data/lib/primer/yard/legacy_gatsby_backend.rb +0 -233
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c56da5d8c87afc356d7126bd8bc00db2dca3f16bfa39bef54f6d74a4b6656af3
4
- data.tar.gz: 624b20fb84352a134330e339823f777353798a013ad901242581c59912e7a0ae
3
+ metadata.gz: 5cde9666cc6c7615d376b0ecc532bdb65c6bd4d4f09547c87fdd87a218ae93bd
4
+ data.tar.gz: 6fc333163744967fa7ba4dfc2c26cf9423c6872b67f18a75dc1f01d37499abc7
5
5
  SHA512:
6
- metadata.gz: 65597735adb8bf2c9154d7813dc23d9465db1ef8e31dfda679610f8173f4ecad57c1688e722595d63f3c71361a2f4c99f8cc5ab973814748b094ea199189b19c
7
- data.tar.gz: ca0c947fa808d4a79c47ea05789dd7f094cada17f86226ae462fece7d1ce9a0cf20ac07355399fb7c692849c34159e02f1ea58de1ce63a3facbeca2b10b7e710
6
+ metadata.gz: 1c6137d46b50c9cc6832b836a99b1f0098bf7342e3feda213af353b857842a4ad7b60d09b35fa44b146ef4b0ef4d69e31a1578143a5ea78d5507bcedf77286dd
7
+ data.tar.gz: 7af2ebbf5650af454c4b84804d93cd38400b1c136aebad1326e2c8806118587a41c4669d63eb402c805609f842f73696e07e3a779314b08a4396dccceb409ddc
data/CHANGELOG.md CHANGED
@@ -1,5 +1,95 @@
1
1
  # CHANGELOG
2
2
 
3
+ ## 0.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#2200](https://github.com/primer/view_components/pull/2200) [`1b770f90`](https://github.com/primer/view_components/commit/1b770f9000faa119eb2ece3035be2eaa476ca1a1) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Add rubocop linter for `Truncate` component
8
+
9
+ <!-- Changed components: _none_ -->
10
+
11
+ - [#2207](https://github.com/primer/view_components/pull/2207) [`ba01f4e9`](https://github.com/primer/view_components/commit/ba01f4e9f7d287c01fb3dab1b04b58c49c1d71fb) Thanks [@langermank](https://github.com/langermank)! - Bump Primitives v7.12.0
12
+
13
+ <!-- Changed components: _none_ -->
14
+
15
+ - [#2210](https://github.com/primer/view_components/pull/2210) [`aded2aa4`](https://github.com/primer/view_components/commit/aded2aa45261b13d870f474889d6bc6a803c484a) Thanks [@khiga8](https://github.com/khiga8)! - Fix accessibility bug of missing accessible name on `Primer::Alpha::Dialog`
16
+
17
+ <!-- Changed components: Primer::Alpha::Dialog -->
18
+
19
+ ### Patch Changes
20
+
21
+ - [#2203](https://github.com/primer/view_components/pull/2203) [`3f504021`](https://github.com/primer/view_components/commit/3f504021e26cb92c99b16b63fe3e9b45fd5ede3b) Thanks [@orhantoy](https://github.com/orhantoy)! - Fix guide URLs (in lib/primer/deprecations.yml)
22
+
23
+ <!-- Changed components: _none_ -->
24
+
25
+ - [#2192](https://github.com/primer/view_components/pull/2192) [`73fc40bb`](https://github.com/primer/view_components/commit/73fc40bb83ac2b14936e38ad2706cfdd68abc34f) Thanks [@camertron](https://github.com/camertron)! - ActionMenu: Don't allow items to be unchecked in single-select mode
26
+
27
+ <!-- Changed components: Primer::Alpha::ActionMenu -->
28
+
29
+ - [#2211](https://github.com/primer/view_components/pull/2211) [`9623ab63`](https://github.com/primer/view_components/commit/9623ab63dfb6a658d416376291d28ade9bf2b1fd) Thanks [@jonrohan](https://github.com/jonrohan)! - Updating tooltip migration linter link to correct url
30
+
31
+ - [#2202](https://github.com/primer/view_components/pull/2202) [`d7da4012`](https://github.com/primer/view_components/commit/d7da4012cb0a1d268cb0557cce171137dc766890) Thanks [@camertron](https://github.com/camertron)! - Label BorderBox lists with their header
32
+
33
+ <!-- Changed components: Primer::Beta::BorderBox -->
34
+
35
+ - [#2190](https://github.com/primer/view_components/pull/2190) [`0a9bcda2`](https://github.com/primer/view_components/commit/0a9bcda29eedd5b4854ce71a413b22f275283729) Thanks [@radglob](https://github.com/radglob)! - Updates Primer::Beta::Button.with_tooltip to not accept `:label` type.
36
+
37
+ <!-- Changed components: Primer::Beta::Button -->
38
+
39
+ - [#2201](https://github.com/primer/view_components/pull/2201) [`ba90a43d`](https://github.com/primer/view_components/commit/ba90a43d9904bb088e1ce3988c3b94211155e722) Thanks [@kintner](https://github.com/kintner)! - add aria-invalid when fields are invalid
40
+
41
+ <!-- Changed components: Primer::Alpha::CheckBox, Primer::Alpha::CheckBoxGroup, Primer::Alpha::FormButton, Primer::Alpha::MultiInput, Primer::Alpha::RadioButton, Primer::Alpha::RadioButtonGroup, Primer::Alpha::Select, Primer::Alpha::SubmitButton, Primer::Alpha::TextArea, Primer::Alpha::TextField, Primer::Alpha::ToggleSwitch -->
42
+
43
+ ## 0.6.0
44
+
45
+ ### Minor Changes
46
+
47
+ - [#2187](https://github.com/primer/view_components/pull/2187) [`ce2011e6`](https://github.com/primer/view_components/commit/ce2011e615325b2e18d0974b5a08831ef442681f) Thanks [@camertron](https://github.com/camertron)! - Expose ActionList's #build_item and #build_avatar_item externally to facilitate parent-less item construction
48
+
49
+ <!-- Changed components: Primer::Alpha::ActionList, Primer::Alpha::ActionMenu, Primer::Alpha::NavList -->
50
+
51
+ - [#2188](https://github.com/primer/view_components/pull/2188) [`5950afea`](https://github.com/primer/view_components/commit/5950afea48dca275df11603ffab6f8689777e08d) Thanks [@camertron](https://github.com/camertron)! - Allow disabling submit buttons
52
+
53
+ <!-- Changed components: Primer::Alpha::FormButton, Primer::Alpha::SubmitButton -->
54
+
55
+ - [#2165](https://github.com/primer/view_components/pull/2165) [`1b8ff1b7`](https://github.com/primer/view_components/commit/1b8ff1b7883b9870dfc09c6b59f26d17b8d2be92) Thanks [@camertron](https://github.com/camertron)! - Add an accessible avatar item to ActionList, NavList, and ActionMenu
56
+
57
+ <!-- Changed components: Primer::Alpha::ActionList, Primer::Alpha::ActionMenu, Primer::Alpha::NavList -->
58
+
59
+ - [#2186](https://github.com/primer/view_components/pull/2186) [`eab82c07`](https://github.com/primer/view_components/commit/eab82c0780b219f1d3a118cc912561f33ac49e7e) Thanks [@camertron](https://github.com/camertron)! - On dismiss, allow banners to be hidden instead of removed from DOM
60
+
61
+ <!-- Changed components: Primer::Alpha::Banner -->
62
+
63
+ ### Patch Changes
64
+
65
+ - [#2164](https://github.com/primer/view_components/pull/2164) [`93344455`](https://github.com/primer/view_components/commit/93344455a3fc7666dd459eeb06843e2a9c7a7806) Thanks [@camertron](https://github.com/camertron)! - Allow form buttons to be disabled on click with data-disable-with
66
+
67
+ <!-- Changed components: Primer::Alpha::FormButton -->
68
+
69
+ - [#2158](https://github.com/primer/view_components/pull/2158) [`0afaecc6`](https://github.com/primer/view_components/commit/0afaecc6051ff5f85f804db3ac3494d208ed4999) Thanks [@jonrohan](https://github.com/jonrohan)! - Fix bug in ActionMenu button where return doesn't trigger menu
70
+
71
+ <!-- Changed components: Primer::Alpha::ActionMenu -->
72
+
73
+ - [#2168](https://github.com/primer/view_components/pull/2168) [`45822328`](https://github.com/primer/view_components/commit/4582232870286d9cc2d6ae8bea6c6fd9da9659a6) Thanks [@keithamus](https://github.com/keithamus)! - Guard tooltip popover calls from `Failed to execute 'showPopover' on 'HTMLElement': Not supported on elements that do not have a valid value for the 'popover' attribute.`
74
+
75
+ <!-- Changed components: Primer::Alpha::Tooltip -->
76
+
77
+ - [#2160](https://github.com/primer/view_components/pull/2160) [`8464823b`](https://github.com/primer/view_components/commit/8464823b7cb1d27cea9e4ead25014f1518e6bd26) Thanks [@langermank](https://github.com/langermank)! - Fix Dialog backdrop color fallback
78
+
79
+ <!-- Changed components: _none_ -->
80
+
81
+ - [#2163](https://github.com/primer/view_components/pull/2163) [`e3aeda1f`](https://github.com/primer/view_components/commit/e3aeda1f567f3a8d08a252ab98e0aeae880d1eaf) Thanks [@langermank](https://github.com/langermank)! - Add fallbacks for primary Button
82
+
83
+ <!-- Changed components: _none_ -->
84
+
85
+ - [#2170](https://github.com/primer/view_components/pull/2170) [`4391873d`](https://github.com/primer/view_components/commit/4391873d9970ef981e22d1b7360343037683c1d1) Thanks [@Tonkpils](https://github.com/Tonkpils)! - Add support for capitalize to text-transform
86
+
87
+ <!-- Changed components: Primer::BaseComponent -->
88
+
89
+ - [#2169](https://github.com/primer/view_components/pull/2169) [`4f11f5e3`](https://github.com/primer/view_components/commit/4f11f5e32d0d108bce6fb688156b21704a75785f) Thanks [@camertron](https://github.com/camertron)! - Fix color contrast issues for action list hover state (danger style)
90
+
91
+ <!-- Changed components: Primer::Alpha::ActionList, Primer::Alpha::ActionMenu -->
92
+
3
93
  ## 0.5.1
4
94
 
5
95
  ### Patch Changes
@@ -1,4 +1,5 @@
1
- import IncludeFragmentElement from '@github/include-fragment-element';
1
+ import '@oddbird/popover-polyfill';
2
+ import type { IncludeFragmentElement } from '@github/include-fragment-element';
2
3
  type SelectVariant = 'none' | 'single' | 'multiple' | null;
3
4
  type SelectedItem = {
4
5
  label: string | null | undefined;
@@ -15,7 +16,7 @@ export declare class ActionMenuElement extends HTMLElement {
15
16
  get dynamicLabel(): boolean;
16
17
  set dynamicLabel(value: boolean);
17
18
  get popoverElement(): HTMLElement | null;
18
- get invokerElement(): HTMLElement | null;
19
+ get invokerElement(): HTMLButtonElement | null;
19
20
  get invokerLabel(): HTMLElement | null;
20
21
  get selectedItems(): SelectedItem[];
21
22
  connectedCallback(): void;
@@ -1,7 +1,9 @@
1
1
  declare class XBannerElement extends HTMLElement {
2
+ #private;
2
3
  titleText: HTMLElement;
3
4
  dismiss(): void;
4
- private shouldReappear;
5
+ show(): void;
6
+ hide(): void;
5
7
  }
6
8
  declare global {
7
9
  interface Window {