openproject-primer_view_components 0.23.0 → 0.25.0

Sign up to get free protection for your applications and to get access to all the features.
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';