primer_view_components 0.5.1 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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 {