openproject-primer_view_components 0.23.0 → 0.25.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 (120) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +53 -0
  3. data/README.md +1 -0
  4. data/app/assets/javascripts/app/components/primer/alpha/action_list.d.ts +16 -0
  5. data/app/assets/javascripts/app/components/primer/beta/nav_list.d.ts +3 -0
  6. data/app/assets/javascripts/app/components/primer/open_project/page_header_element.d.ts +9 -0
  7. data/app/assets/javascripts/app/components/primer/primer.d.ts +2 -0
  8. data/app/assets/javascripts/primer_view_components.js +1 -1
  9. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  10. data/app/assets/styles/primer_view_components.css +1 -1
  11. data/app/assets/styles/primer_view_components.css.map +1 -1
  12. data/app/components/primer/alpha/action_list/item.rb +19 -6
  13. data/app/components/primer/alpha/action_list.css +1 -1
  14. data/app/components/primer/alpha/action_list.css.json +2 -0
  15. data/app/components/primer/alpha/action_list.css.map +1 -1
  16. data/app/components/primer/alpha/action_list.d.ts +16 -0
  17. data/app/components/primer/alpha/action_list.html.erb +19 -17
  18. data/app/components/primer/alpha/action_list.js +69 -0
  19. data/app/components/primer/alpha/action_list.pcss +8 -0
  20. data/app/components/primer/alpha/action_list.ts +58 -0
  21. data/app/components/primer/alpha/dialog.css +1 -1
  22. data/app/components/primer/alpha/dialog.css.json +1 -0
  23. data/app/components/primer/alpha/dialog.css.map +1 -1
  24. data/app/components/primer/alpha/dialog.pcss +10 -0
  25. data/app/components/primer/alpha/dropdown.css +1 -1
  26. data/app/components/primer/alpha/dropdown.css.map +1 -1
  27. data/app/components/primer/alpha/dropdown.pcss +1 -1
  28. data/app/components/primer/alpha/segmented_control.css +1 -1
  29. data/app/components/primer/alpha/segmented_control.css.map +1 -1
  30. data/app/components/primer/alpha/segmented_control.pcss +1 -0
  31. data/app/components/primer/alpha/text_field.css +1 -1
  32. data/app/components/primer/alpha/text_field.css.json +2 -0
  33. data/app/components/primer/alpha/text_field.css.map +1 -1
  34. data/app/components/primer/alpha/text_field.pcss +10 -0
  35. data/app/components/primer/alpha/toggle_switch.rb +2 -2
  36. data/app/components/primer/alpha/tool_tip.js +46 -77
  37. data/app/components/primer/alpha/tool_tip.ts +46 -77
  38. data/app/components/primer/beta/auto_complete/auto_complete.html.erb +9 -9
  39. data/app/components/primer/beta/breadcrumbs.css +1 -1
  40. data/app/components/primer/beta/breadcrumbs.css.map +1 -1
  41. data/app/components/primer/beta/breadcrumbs.pcss +3 -1
  42. data/app/components/primer/beta/button.css +1 -1
  43. data/app/components/primer/beta/button.css.json +1 -0
  44. data/app/components/primer/beta/button.css.map +1 -1
  45. data/app/components/primer/beta/button.pcss +4 -0
  46. data/app/components/primer/beta/nav_list.d.ts +3 -0
  47. data/app/components/primer/beta/nav_list.html.erb +1 -1
  48. data/app/components/primer/beta/nav_list.js +25 -2
  49. data/app/components/primer/beta/nav_list.ts +18 -1
  50. data/app/components/primer/beta/nav_list_group_element.js +4 -1
  51. data/app/components/primer/beta/nav_list_group_element.ts +3 -0
  52. data/app/components/primer/beta/popover.css +1 -1
  53. data/app/components/primer/beta/popover.css.map +1 -1
  54. data/app/components/primer/beta/popover.pcss +3 -0
  55. data/app/components/primer/beta/popover.rb +0 -1
  56. data/app/components/primer/open_project/page_header.css +1 -1
  57. data/app/components/primer/open_project/page_header.css.json +3 -4
  58. data/app/components/primer/open_project/page_header.css.map +1 -1
  59. data/app/components/primer/open_project/page_header.html.erb +16 -5
  60. data/app/components/primer/open_project/page_header.pcss +12 -15
  61. data/app/components/primer/open_project/page_header.rb +164 -57
  62. data/app/components/primer/open_project/page_header_element.d.ts +9 -0
  63. data/app/components/primer/open_project/page_header_element.js +23 -0
  64. data/app/components/primer/open_project/page_header_element.ts +25 -0
  65. data/app/components/primer/primer.d.ts +2 -0
  66. data/app/components/primer/primer.js +2 -0
  67. data/app/components/primer/primer.ts +2 -0
  68. data/app/forms/auto_complete_form.rb +18 -0
  69. data/app/forms/select_form.rb +10 -0
  70. data/lib/primer/forms/auto_complete.html.erb +6 -0
  71. data/lib/primer/forms/auto_complete.rb +56 -0
  72. data/lib/primer/forms/builder.rb +19 -0
  73. data/lib/primer/forms/check_box_group.html.erb +4 -4
  74. data/lib/primer/forms/check_box_group.rb +0 -3
  75. data/lib/primer/forms/dsl/auto_complete_input.rb +33 -0
  76. data/lib/primer/forms/dsl/check_box_group_input.rb +8 -0
  77. data/lib/primer/forms/dsl/input.rb +8 -2
  78. data/lib/primer/forms/dsl/input_methods.rb +9 -0
  79. data/lib/primer/forms/dsl/radio_button_group_input.rb +8 -0
  80. data/lib/primer/forms/dsl/select_input.rb +5 -1
  81. data/lib/primer/forms/form_control.rb +1 -2
  82. data/lib/primer/forms/primer_text_field.js +2 -2
  83. data/lib/primer/forms/primer_text_field.ts +2 -2
  84. data/lib/primer/forms/radio_button_group.html.erb +4 -4
  85. data/lib/primer/forms/radio_button_group.rb +0 -3
  86. data/lib/primer/forms/select.html.erb +1 -0
  87. data/lib/primer/forms/select.rb +9 -5
  88. data/lib/primer/view_components/version.rb +1 -1
  89. data/previews/primer/alpha/action_list_preview.rb +42 -0
  90. data/previews/primer/alpha/action_menu_preview.rb +1 -1
  91. data/previews/primer/alpha/select_preview.rb +12 -1
  92. data/previews/primer/alpha/text_area_preview.rb +7 -1
  93. data/previews/primer/alpha/text_field_preview.rb +7 -1
  94. data/previews/primer/alpha/tooltip_preview/tooltip_e.html.erb +6 -0
  95. data/previews/primer/alpha/tooltip_preview/tooltip_n.html.erb +6 -0
  96. data/previews/primer/alpha/tooltip_preview/tooltip_ne.html.erb +6 -0
  97. data/previews/primer/alpha/tooltip_preview/tooltip_nw.html.erb +6 -0
  98. data/previews/primer/alpha/tooltip_preview/tooltip_s.html.erb +6 -0
  99. data/previews/primer/alpha/tooltip_preview/tooltip_se.html.erb +6 -0
  100. data/previews/primer/alpha/tooltip_preview/tooltip_sw.html.erb +6 -0
  101. data/previews/primer/alpha/tooltip_preview/tooltip_w.html.erb +6 -0
  102. data/previews/primer/alpha/tooltip_preview.rb +80 -0
  103. data/previews/primer/beta/nav_list_preview.rb +43 -0
  104. data/previews/primer/forms_preview/auto_complete_form.html.erb +3 -0
  105. data/previews/primer/forms_preview/select_form.html.erb +1 -1
  106. data/previews/primer/forms_preview.rb +2 -0
  107. data/previews/primer/open_project/border_grid_preview.rb +2 -2
  108. data/previews/primer/open_project/input_group_preview.rb +5 -5
  109. data/previews/primer/open_project/page_header_preview/actions.html.erb +18 -15
  110. data/previews/primer/open_project/page_header_preview/playground.html.erb +9 -24
  111. data/previews/primer/open_project/page_header_preview.rb +24 -50
  112. data/static/arguments.json +41 -8
  113. data/static/audited_at.json +1 -0
  114. data/static/classes.json +4 -4
  115. data/static/constants.json +29 -16
  116. data/static/info_arch.json +311 -69
  117. data/static/previews.json +251 -30
  118. data/static/statuses.json +1 -0
  119. metadata +23 -3
  120. data/previews/primer/open_project/page_header_preview/context_bar_actions.html.erb +0 -25
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 62d58b2b1e99edd2d49360b5f04b5237c0e66de39ff866ac862f0a698840b572
4
- data.tar.gz: f0fdceb91efa390914590bd67fa9efae4d346b28fcd3cce522889e00e60173eb
3
+ metadata.gz: f34dcb94293066e766554e1af872b38cc5cbc94cf18d388a1ad82430c4b0023d
4
+ data.tar.gz: a9765cff5293034b59e33c638b1d9a041e64ca5813cc68d6595260964a269883
5
5
  SHA512:
6
- metadata.gz: 2b2a8317d4e2689e3dcf5f60e2960c29e776a5ab1de51f65481ef7aa60b346b8baf326e36af38bb9075fcb8031e1cbe3f84f88bb7468c995773416f464a47604
7
- data.tar.gz: bfdc884cbdf78fb388cc3762f57ea97441ac381b0ccc46851392b4ca3d6817ebc7cb6029280e7bde8f9fab22f046d1069789c9ed7af6dfaeaa45980aa9eb484d
6
+ metadata.gz: 4b38ed02f496304285f5c135cfcc65dad81d618b0e0d97e823a92fce445507fbaa03f709cad334b35a680ef85cd3f9d2b1e9dae73000a39f32fb1328c17c793f
7
+ data.tar.gz: 11b15dcb76dd5a37862884960fee4d47cda9183e302118719d4aee8a4d911963438637a34421d672297ea7baa40f1518956e359776067047c675a7fc546df3d7
data/CHANGELOG.md CHANGED
@@ -1,5 +1,58 @@
1
1
  # CHANGELOG
2
2
 
3
+ ## 0.25.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#2603](https://github.com/primer/view_components/pull/2603) [`bbc1776`](https://github.com/opf/primer_view_components/commit/bbc1776b44e089516658aa76d2fec3724a4dccfc) Thanks [@langermank](https://github.com/langermank)! - Tooltip visual refresh to match Primer React
8
+
9
+ - [#89](https://github.com/opf/primer_view_components/pull/89) [`0d06bec`](https://github.com/opf/primer_view_components/commit/0d06bec7224ad70c071586f5884b2ef8692237dc) Thanks [@HDinger](https://github.com/HDinger)! - Changes `Primer::OpenProject::PageHeader`:
10
+
11
+ - Remove the `context_bar_actions` slot
12
+ - Make `breadcrumbs` required
13
+ - Remove the `parent_link` slot (will be derived automatically from the breadcrumb)
14
+ - Change the slot definition for `actions` to be type specific (allowed types are: icon_button, button, link, text and menu)
15
+ - On mobile, the actions collapse into a single action menu which is placed in the context_bar
16
+
17
+ ### Patch Changes
18
+
19
+ - [#2706](https://github.com/primer/view_components/pull/2706) [`60c5f01`](https://github.com/opf/primer_view_components/commit/60c5f014e60c6f2e5e5e1bcfb8702fdf48d26fa7) Thanks [@camertron](https://github.com/camertron)! - Fix dialog CSS to prevent tooltip issues
20
+
21
+ - [#2705](https://github.com/primer/view_components/pull/2705) [`90192bb`](https://github.com/opf/primer_view_components/commit/90192bb652992cc47672a571aa8fb03b866703c5) Thanks [@langermank](https://github.com/langermank)! - Revert "Swap bg-gradient with bg-color for Banner/Flash"
22
+
23
+ ## 0.24.0
24
+
25
+ ### Minor Changes
26
+
27
+ - [#2627](https://github.com/primer/view_components/pull/2627) [`226481e`](https://github.com/opf/primer_view_components/commit/226481e51e8c459dcd6d2a49d57c5005a8103aff) Thanks [@camertron](https://github.com/camertron)! - Support `<select>` elements that allow selecting multiple values
28
+
29
+ - [#2689](https://github.com/primer/view_components/pull/2689) [`a7f7dad`](https://github.com/opf/primer_view_components/commit/a7f7dad6170afc1dea1071639b5beb3aa20b7918) Thanks [@langermank](https://github.com/langermank)! - - Bug fix: inactive button colors
30
+
31
+ - Bug fix: double border/box-shadow on popover and dropdown
32
+ - Bug fix: text color for primary button in dark dimmed
33
+
34
+ - [#81](https://github.com/opf/primer_view_components/pull/81) [`b2011f7`](https://github.com/opf/primer_view_components/commit/b2011f7f2d26a9f364274454aa0f67803133873a) Thanks [@HDinger](https://github.com/HDinger)! - Move the implementation of Primer::OpenProject::PageHeader closer to the specification of Primer
35
+
36
+ - [#2610](https://github.com/primer/view_components/pull/2610) [`14890a3`](https://github.com/opf/primer_view_components/commit/14890a30c736a5a01596f0863e36d81861e6d6ac) Thanks [@thesnowrose](https://github.com/thesnowrose)! - Add the ability to show a tooltip for navlists on text truncation
37
+
38
+ - [#2609](https://github.com/primer/view_components/pull/2609) [`14d8dc5`](https://github.com/opf/primer_view_components/commit/14d8dc583541879eda26b7f1836d3df7c752507f) Thanks [@camertron](https://github.com/camertron)! - Add an AutoComplete form input
39
+
40
+ ### Patch Changes
41
+
42
+ - [#2673](https://github.com/primer/view_components/pull/2673) [`3a6762d`](https://github.com/opf/primer_view_components/commit/3a6762db6a55b5f918b86c58ee835fe52e66eac3) Thanks [@camertron](https://github.com/camertron)! - Make text field and other form inputs respect the full_width: option
43
+
44
+ - [#2665](https://github.com/primer/view_components/pull/2665) [`c7c206a`](https://github.com/opf/primer_view_components/commit/c7c206a5f434ec023aec87623f0dc1e90902d3ee) Thanks [@langermank](https://github.com/langermank)! - Default IconButton text color `muted`
45
+
46
+ - [#2629](https://github.com/primer/view_components/pull/2629) [`862f05a`](https://github.com/opf/primer_view_components/commit/862f05ae7a751b87650c72616360cdbabb7504ee) Thanks [@camertron](https://github.com/camertron)! - Fix autofocus behavior for radio button and check box groups
47
+
48
+ - [#2642](https://github.com/primer/view_components/pull/2642) [`7f17b7c`](https://github.com/opf/primer_view_components/commit/7f17b7c1686cfa875ae75b58c8ff3245ea08eb24) Thanks [@tbenning](https://github.com/tbenning)! - Unify breadcrumbs
49
+
50
+ - [#2666](https://github.com/primer/view_components/pull/2666) [`53a3390`](https://github.com/opf/primer_view_components/commit/53a3390e897b5959e6d38f2f212ac773622c51f7) Thanks [@camertron](https://github.com/camertron)! - Make sure labels and form inputs are properly associated when a custom ID is provided
51
+
52
+ - [#2672](https://github.com/primer/view_components/pull/2672) [`f1ab24a`](https://github.com/opf/primer_view_components/commit/f1ab24ab59dd989ef21b0674b7b95189d7b50c2b) Thanks [@orhantoy](https://github.com/orhantoy)! - Fix documented options for ToggleSwitch size and status_label_position
53
+
54
+ - [#2643](https://github.com/primer/view_components/pull/2643) [`70a6dee`](https://github.com/opf/primer_view_components/commit/70a6dee654562b505ac17991a53d1039c57f81e3) Thanks [@langermank](https://github.com/langermank)! - Swap bg-gradient with bg-color for Banner/Flash
55
+
3
56
  ## 0.23.0
4
57
 
5
58
  ### Minor Changes
data/README.md CHANGED
@@ -11,6 +11,7 @@ Please have a look at our [Contribution docs](./docs/contributors/README.md) to
11
11
  * [Getting started](./docs/contributors/setup.md)
12
12
  * [Adding a component](./docs/contributors/adding-components.md)
13
13
  * [Releasing](./docs/contributors/releasing.md)
14
+ * [Updating the fork](./docs/contributors/updating-fork.md)
14
15
  * ...
15
16
 
16
17
  ## CI & Automation
@@ -0,0 +1,16 @@
1
+ export declare class ActionListTruncationObserver {
2
+ resizeObserver: ResizeObserver;
3
+ constructor(el: HTMLElement);
4
+ unobserve(el: HTMLElement): void;
5
+ update(el: HTMLElement): void;
6
+ }
7
+ export declare class ActionListElement extends HTMLElement {
8
+ #private;
9
+ connectedCallback(): void;
10
+ disconnectedCallback(): void;
11
+ }
12
+ declare global {
13
+ interface Window {
14
+ ActionListElement: typeof ActionListElement;
15
+ }
16
+ }
@@ -1,6 +1,9 @@
1
1
  export declare class NavListElement extends HTMLElement {
2
2
  #private;
3
3
  items: HTMLElement[];
4
+ topLevelList: HTMLElement;
5
+ connectedCallback(): void;
6
+ disconnectedCallback(): void;
4
7
  selectItemById(itemId: string | null): boolean;
5
8
  selectItemByHref(href: string | null): boolean;
6
9
  selectItemByCurrentLocation(): boolean;
@@ -0,0 +1,9 @@
1
+ declare class PageHeaderElement extends HTMLElement {
2
+ menuItemClick(event: Event): void;
3
+ }
4
+ declare global {
5
+ interface Window {
6
+ PageHeaderElement: typeof PageHeaderElement;
7
+ }
8
+ }
9
+ export {};
@@ -1,4 +1,5 @@
1
1
  import '@github/include-fragment-element';
2
+ import './alpha/action_list';
2
3
  import './alpha/action_bar_element';
3
4
  import './alpha/dropdown';
4
5
  import './anchored_position';
@@ -21,3 +22,4 @@ import '../../../lib/primer/forms/primer_multi_input';
21
22
  import '../../../lib/primer/forms/primer_text_field';
22
23
  import '../../../lib/primer/forms/toggle_switch_input';
23
24
  import './alpha/action_menu/action_menu_element';
25
+ import './open_project/page_header_element';