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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +53 -0
- data/README.md +1 -0
- data/app/assets/javascripts/app/components/primer/alpha/action_list.d.ts +16 -0
- data/app/assets/javascripts/app/components/primer/beta/nav_list.d.ts +3 -0
- data/app/assets/javascripts/app/components/primer/open_project/page_header_element.d.ts +9 -0
- data/app/assets/javascripts/app/components/primer/primer.d.ts +2 -0
- data/app/assets/javascripts/primer_view_components.js +1 -1
- data/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/app/assets/styles/primer_view_components.css +1 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_list/item.rb +19 -6
- data/app/components/primer/alpha/action_list.css +1 -1
- data/app/components/primer/alpha/action_list.css.json +2 -0
- data/app/components/primer/alpha/action_list.css.map +1 -1
- data/app/components/primer/alpha/action_list.d.ts +16 -0
- data/app/components/primer/alpha/action_list.html.erb +19 -17
- data/app/components/primer/alpha/action_list.js +69 -0
- data/app/components/primer/alpha/action_list.pcss +8 -0
- data/app/components/primer/alpha/action_list.ts +58 -0
- data/app/components/primer/alpha/dialog.css +1 -1
- data/app/components/primer/alpha/dialog.css.json +1 -0
- data/app/components/primer/alpha/dialog.css.map +1 -1
- data/app/components/primer/alpha/dialog.pcss +10 -0
- data/app/components/primer/alpha/dropdown.css +1 -1
- data/app/components/primer/alpha/dropdown.css.map +1 -1
- data/app/components/primer/alpha/dropdown.pcss +1 -1
- data/app/components/primer/alpha/segmented_control.css +1 -1
- data/app/components/primer/alpha/segmented_control.css.map +1 -1
- data/app/components/primer/alpha/segmented_control.pcss +1 -0
- data/app/components/primer/alpha/text_field.css +1 -1
- data/app/components/primer/alpha/text_field.css.json +2 -0
- data/app/components/primer/alpha/text_field.css.map +1 -1
- data/app/components/primer/alpha/text_field.pcss +10 -0
- data/app/components/primer/alpha/toggle_switch.rb +2 -2
- data/app/components/primer/alpha/tool_tip.js +46 -77
- data/app/components/primer/alpha/tool_tip.ts +46 -77
- data/app/components/primer/beta/auto_complete/auto_complete.html.erb +9 -9
- data/app/components/primer/beta/breadcrumbs.css +1 -1
- data/app/components/primer/beta/breadcrumbs.css.map +1 -1
- data/app/components/primer/beta/breadcrumbs.pcss +3 -1
- data/app/components/primer/beta/button.css +1 -1
- data/app/components/primer/beta/button.css.json +1 -0
- data/app/components/primer/beta/button.css.map +1 -1
- data/app/components/primer/beta/button.pcss +4 -0
- data/app/components/primer/beta/nav_list.d.ts +3 -0
- data/app/components/primer/beta/nav_list.html.erb +1 -1
- data/app/components/primer/beta/nav_list.js +25 -2
- data/app/components/primer/beta/nav_list.ts +18 -1
- data/app/components/primer/beta/nav_list_group_element.js +4 -1
- data/app/components/primer/beta/nav_list_group_element.ts +3 -0
- data/app/components/primer/beta/popover.css +1 -1
- data/app/components/primer/beta/popover.css.map +1 -1
- data/app/components/primer/beta/popover.pcss +3 -0
- data/app/components/primer/beta/popover.rb +0 -1
- data/app/components/primer/open_project/page_header.css +1 -1
- data/app/components/primer/open_project/page_header.css.json +3 -4
- data/app/components/primer/open_project/page_header.css.map +1 -1
- data/app/components/primer/open_project/page_header.html.erb +16 -5
- data/app/components/primer/open_project/page_header.pcss +12 -15
- data/app/components/primer/open_project/page_header.rb +164 -57
- data/app/components/primer/open_project/page_header_element.d.ts +9 -0
- data/app/components/primer/open_project/page_header_element.js +23 -0
- data/app/components/primer/open_project/page_header_element.ts +25 -0
- data/app/components/primer/primer.d.ts +2 -0
- data/app/components/primer/primer.js +2 -0
- data/app/components/primer/primer.ts +2 -0
- data/app/forms/auto_complete_form.rb +18 -0
- data/app/forms/select_form.rb +10 -0
- data/lib/primer/forms/auto_complete.html.erb +6 -0
- data/lib/primer/forms/auto_complete.rb +56 -0
- data/lib/primer/forms/builder.rb +19 -0
- data/lib/primer/forms/check_box_group.html.erb +4 -4
- data/lib/primer/forms/check_box_group.rb +0 -3
- data/lib/primer/forms/dsl/auto_complete_input.rb +33 -0
- data/lib/primer/forms/dsl/check_box_group_input.rb +8 -0
- data/lib/primer/forms/dsl/input.rb +8 -2
- data/lib/primer/forms/dsl/input_methods.rb +9 -0
- data/lib/primer/forms/dsl/radio_button_group_input.rb +8 -0
- data/lib/primer/forms/dsl/select_input.rb +5 -1
- data/lib/primer/forms/form_control.rb +1 -2
- data/lib/primer/forms/primer_text_field.js +2 -2
- data/lib/primer/forms/primer_text_field.ts +2 -2
- data/lib/primer/forms/radio_button_group.html.erb +4 -4
- data/lib/primer/forms/radio_button_group.rb +0 -3
- data/lib/primer/forms/select.html.erb +1 -0
- data/lib/primer/forms/select.rb +9 -5
- data/lib/primer/view_components/version.rb +1 -1
- data/previews/primer/alpha/action_list_preview.rb +42 -0
- data/previews/primer/alpha/action_menu_preview.rb +1 -1
- data/previews/primer/alpha/select_preview.rb +12 -1
- data/previews/primer/alpha/text_area_preview.rb +7 -1
- data/previews/primer/alpha/text_field_preview.rb +7 -1
- data/previews/primer/alpha/tooltip_preview/tooltip_e.html.erb +6 -0
- data/previews/primer/alpha/tooltip_preview/tooltip_n.html.erb +6 -0
- data/previews/primer/alpha/tooltip_preview/tooltip_ne.html.erb +6 -0
- data/previews/primer/alpha/tooltip_preview/tooltip_nw.html.erb +6 -0
- data/previews/primer/alpha/tooltip_preview/tooltip_s.html.erb +6 -0
- data/previews/primer/alpha/tooltip_preview/tooltip_se.html.erb +6 -0
- data/previews/primer/alpha/tooltip_preview/tooltip_sw.html.erb +6 -0
- data/previews/primer/alpha/tooltip_preview/tooltip_w.html.erb +6 -0
- data/previews/primer/alpha/tooltip_preview.rb +80 -0
- data/previews/primer/beta/nav_list_preview.rb +43 -0
- data/previews/primer/forms_preview/auto_complete_form.html.erb +3 -0
- data/previews/primer/forms_preview/select_form.html.erb +1 -1
- data/previews/primer/forms_preview.rb +2 -0
- data/previews/primer/open_project/border_grid_preview.rb +2 -2
- data/previews/primer/open_project/input_group_preview.rb +5 -5
- data/previews/primer/open_project/page_header_preview/actions.html.erb +18 -15
- data/previews/primer/open_project/page_header_preview/playground.html.erb +9 -24
- data/previews/primer/open_project/page_header_preview.rb +24 -50
- data/static/arguments.json +41 -8
- data/static/audited_at.json +1 -0
- data/static/classes.json +4 -4
- data/static/constants.json +29 -16
- data/static/info_arch.json +311 -69
- data/static/previews.json +251 -30
- data/static/statuses.json +1 -0
- metadata +23 -3
- 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:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f34dcb94293066e766554e1af872b38cc5cbc94cf18d388a1ad82430c4b0023d
|
|
4
|
+
data.tar.gz: a9765cff5293034b59e33c638b1d9a041e64ca5813cc68d6595260964a269883
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
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;
|
|
@@ -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';
|