openproject-primer_view_components 0.18.1 → 0.20.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6bc31a730660d5ea0856b3c739b04ad30ead892c3889a4659191e3fa0cc308e2
-  data.tar.gz: 3fa693ff182c8a4463ee6a560bf0e09bbd8d96557808531b4869406f9aef8aa8
+  metadata.gz: 2e4b0323c06e38ced85cd7397ebe545ccff6a2215dcd969b3a7e281fcf3cb30e
+  data.tar.gz: aec6454c1e351b6836a9124980b7d5cd378bf5b9930f6553f516667c270fcf37
 SHA512:
-  metadata.gz: 2d0da621a6eb5b480d8da3873cd04f4ffbcea4cf2c6cbd678e192cf08bbc54783967c9bcec0d08e944c6dbdb91e49adcee6e67544ef35967021e0ce7a4962c61
-  data.tar.gz: a442c1a00c387e8b6a88c9de3186deedbe2895a0aa936c73c9c2ef794184f0002229da5dfafa2ce98f62ad9c651d1ac970c5fa68a6659df7c19739f8be5c0803
+  metadata.gz: b64d5218076f13536065c168bff9417f052ae151a571995041d33372539d27350a4d55d7e097f33042ea559af1812f37c866c6a447560767ea9248afcd0233b0
+  data.tar.gz: 97d8d9aa7b9b96c2cc38c7a3c40449454cc19877fb46a58edf61917e2baae099c87fe7eb2aa1246991f6c0cf930708d68a6e6e5583c9f0672e9a821961cc909e

data/CHANGELOG.md

@@ -1,5 +1,66 @@
 # CHANGELOG
 
+## 0.20.0
+
+### Minor Changes
+
+- [#2445](https://github.com/primer/view_components/pull/2445) [`da60c73`](https://github.com/opf/primer_view_components/commit/da60c7370104a7edd8713d271210e2c9cb3eeb96) Thanks [@camertron](https://github.com/camertron)! - Always convert CSS classes to system arguments in linters
+
+- [#2447](https://github.com/primer/view_components/pull/2447) [`08a8e01`](https://github.com/opf/primer_view_components/commit/08a8e012572bb5d2248f89acdaf7329747fd3108) Thanks [@kenyonj](https://github.com/kenyonj)! - Support font_size and border_radius in classify/utilities
+
+### Patch Changes
+
+- [#2452](https://github.com/primer/view_components/pull/2452) [`87e03ea`](https://github.com/opf/primer_view_components/commit/87e03ea4dd41822454c72ddb7e55b0aa9294c69c) Thanks [@nicolleromero](https://github.com/nicolleromero)! - Ensure tooltip does not reopen errantly unless focus is visible
+
+- [#2456](https://github.com/primer/view_components/pull/2456) [`fd38b17`](https://github.com/opf/primer_view_components/commit/fd38b170014cfadbd8ecc78814f70a5323fda3ee) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Adds visible outlines to `Overlay` and `Tooltip` in high contrast mode.
+
+- [#2432](https://github.com/primer/view_components/pull/2432) [`c162880`](https://github.com/opf/primer_view_components/commit/c162880a5a57b86fd6f640d0dd5c9a4548335f09) Thanks [@dylanatsmith](https://github.com/dylanatsmith)! - Remove `user-select: none` to allow users to select form label text
+
+- [#2428](https://github.com/primer/view_components/pull/2428) [`4cb9a57`](https://github.com/opf/primer_view_components/commit/4cb9a57de1d507e7c22d7c3cdb39b20e73bc36bc) Thanks [@strackoverflow](https://github.com/strackoverflow)! - Fix an accessibility issue where the Dialog body could not be reached via keyboard navigation
+
+- [#2426](https://github.com/primer/view_components/pull/2426) [`78dd9dd`](https://github.com/opf/primer_view_components/commit/78dd9ddb70ee5ade30e243968c87364a80ff1325) Thanks [@camertron](https://github.com/camertron)! - Fix typo in argument passed to event listener in ToolTip
+
+- [#2478](https://github.com/primer/view_components/pull/2478) [`6e7b7c2`](https://github.com/opf/primer_view_components/commit/6e7b7c2340339a15b21857ee1fbc734a5760135d) Thanks [@jonrohan](https://github.com/jonrohan)! - Bug fix in ActionBar: When collapsed the menu and tooltips aren't visible in Firefox
+
+- [#2411](https://github.com/primer/view_components/pull/2411) [`58e700a`](https://github.com/opf/primer_view_components/commit/58e700ab9222054bc803541d9eccc4877254b1c1) Thanks [@keithamus](https://github.com/keithamus)! - Ensure scroll position does not change when opening ActionMenus
+
+- [#2425](https://github.com/primer/view_components/pull/2425) [`65f418f`](https://github.com/opf/primer_view_components/commit/65f418f8f191768b0fc0b92ffd2a681631594631) Thanks [@camertron](https://github.com/camertron)! - Use floats to hide ActionBar items to address Android Chrome overflow issue
+
+- [#2455](https://github.com/primer/view_components/pull/2455) [`6ca4ac4`](https://github.com/opf/primer_view_components/commit/6ca4ac4476b00be4f5561ae3ad452c4609dd2928) Thanks [@HDinger](https://github.com/HDinger)! - Make dismiss action on Banner translatable
+
+- [#2434](https://github.com/primer/view_components/pull/2434) [`dc87edf`](https://github.com/opf/primer_view_components/commit/dc87edf407d98cdefc32d095fea99909c066a2fc) Thanks [@langermank](https://github.com/langermank)! - Add missing `box-shadow` to text field
+
+## 0.19.0
+
+### Minor Changes
+
+- [#2378](https://github.com/primer/view_components/pull/2378) [`81b5acc`](https://github.com/opf/primer_view_components/commit/81b5acc641d2bebc3a634fe0d5d712ad289747cd) Thanks [@keithamus](https://github.com/keithamus)! - Primer::Alpha::ActionList now uses popover
+
+- [#2340](https://github.com/primer/view_components/pull/2340) [`b8d0540`](https://github.com/opf/primer_view_components/commit/b8d05407b42ec843f4a46b979779e6db69bd56ba) Thanks [@camertron](https://github.com/camertron)! - Add group support to ActionMenu
+
+- [#2393](https://github.com/primer/view_components/pull/2393) [`745eae0`](https://github.com/opf/primer_view_components/commit/745eae0d0be5efa3f368630b49db1eda2a11307e) Thanks [@camertron](https://github.com/camertron)! - [ActionMenu] Don't allow previously hidden items to be checkable; add JavaScript API
+
+### Patch Changes
+
+- [#2414](https://github.com/primer/view_components/pull/2414) [`48a2405`](https://github.com/opf/primer_view_components/commit/48a2405a2cdb6865eb57c2ea411fcece026590d0) Thanks [@keithamus](https://github.com/keithamus)! - Prevent other Overlays closing when Escape is pressed while Tooltips are open
+
+- [#2426](https://github.com/primer/view_components/pull/2426) [`78dd9dd`](https://github.com/opf/primer_view_components/commit/78dd9ddb70ee5ade30e243968c87364a80ff1325) Thanks [@camertron](https://github.com/camertron)! - Fix typo in argument passed to event listener in ToolTip
+
+- [#2379](https://github.com/primer/view_components/pull/2379) [`2c59c33`](https://github.com/opf/primer_view_components/commit/2c59c33bf54e392d743fbdd1076d06bff2151b42) Thanks [@mperrotti](https://github.com/mperrotti)! - Updates 'inactive' state for buttons based on feedback from the a11y team:
+
+  - inactive buttons need to meet the color contrast ratio minimum
+  - inactive buttons shouldn't have aria-disabled since they can still accept interactions such as:
+    - hover/focus to show a tooltip
+    - click/activate to show a dialog with more detailed info on why it's inactive
+
+  <!-- Changed components: Button -->
+
+- [#2408](https://github.com/primer/view_components/pull/2408) [`57586da`](https://github.com/opf/primer_view_components/commit/57586da49cf0f82c0da4736bc276984d6ea3b479) Thanks [@HDinger](https://github.com/HDinger)! - Fix: Allow month attribute for Primer::Beta::RelativeTime
+
+- [#2406](https://github.com/primer/view_components/pull/2406) [`fb9bf25`](https://github.com/opf/primer_view_components/commit/fb9bf257c358add060679d401719993b21ce7f45) Thanks [@strackoverflow](https://github.com/strackoverflow)! - Fix an issue where multiple groups could not be paginated within the same NavList
+
+- [#2412](https://github.com/primer/view_components/pull/2412) [`e7c9a6c`](https://github.com/opf/primer_view_components/commit/e7c9a6c62b82ec9ebff575ddd5fbd361fcc40334) Thanks [@camertron](https://github.com/camertron)! - Prevent Blankslates from having a zero width inside flex containers
+
 ## 0.18.1
 
 ### Patch Changes

data/app/assets/javascripts/app/components/primer/alpha/action_bar_element.d.ts

@@ -1,12 +1,13 @@
+import { ActionMenuElement } from './action_menu/action_menu_element';
 declare class ActionBarElement extends HTMLElement {
     #private;
     items: HTMLElement[];
     itemContainer: HTMLElement;
-    moreMenu: HTMLElement;
+    moreMenu: ActionMenuElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
     menuItemClick(event: Event): void;
-    update(rect?: DOMRect): void;
+    update(): void;
 }
 declare global {
     interface Window {

data/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts

@@ -6,6 +6,15 @@ type SelectedItem = {
     value: string | null | undefined;
     element: Element;
 };
+export type ItemActivatedEvent = {
+    item: Element;
+    checked: boolean;
+};
+declare global {
+    interface HTMLElementEventMap {
+        itemActivated: CustomEvent<ItemActivatedEvent>;
+    }
+}
 export declare class ActionMenuElement extends HTMLElement {
     #private;
     includeFragment: IncludeFragmentElement;
@@ -22,6 +31,17 @@ export declare class ActionMenuElement extends HTMLElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     handleEvent(event: Event): void;
+    get items(): HTMLElement[];
+    getItemById(itemId: string): HTMLElement | null;
+    isItemDisabled(item: Element | null): boolean;
+    disableItem(item: Element | null): void;
+    enableItem(item: Element | null): void;
+    isItemHidden(item: Element | null): boolean;
+    hideItem(item: Element | null): void;
+    showItem(item: Element | null): void;
+    isItemChecked(item: Element | null): boolean;
+    checkItem(item: Element | null): void;
+    uncheckItem(item: Element | null): void;
 }
 declare global {
     interface Window {

data/app/assets/javascripts/app/components/primer/beta/nav_list.d.ts

@@ -1,15 +1,6 @@
 export declare class NavListElement extends HTMLElement {
     #private;
     items: HTMLElement[];
-    showMoreItem: HTMLElement;
-    focusMarkers: HTMLElement[];
-    connectedCallback(): void;
-    get showMoreDisabled(): boolean;
-    set showMoreDisabled(value: boolean);
-    set currentPage(value: number);
-    get currentPage(): number;
-    get totalPages(): number;
-    get paginationSrc(): string;
     selectItemById(itemId: string | null): boolean;
     selectItemByHref(href: string | null): boolean;
     selectItemByCurrentLocation(): boolean;
@@ -18,8 +9,6 @@ export declare class NavListElement extends HTMLElement {
     itemIsExpanded(item: HTMLElement | null): boolean;
     handleItemWithSubItemClick(e: Event): void;
     handleItemWithSubItemKeydown(e: KeyboardEvent): void;
-    private showMore;
-    private setShowMoreItemState;
 }
 declare global {
     interface Window {

data/app/assets/javascripts/app/components/primer/beta/nav_list_group_element.d.ts

@@ -0,0 +1,19 @@
+export declare class NavListGroupElement extends HTMLElement {
+    #private;
+    showMoreItem: HTMLElement;
+    focusMarkers: HTMLElement[];
+    connectedCallback(): void;
+    get showMoreDisabled(): boolean;
+    set showMoreDisabled(value: boolean);
+    set currentPage(value: number);
+    get currentPage(): number;
+    get totalPages(): number;
+    get paginationSrc(): string;
+    private showMore;
+    private setShowMoreItemState;
+}
+declare global {
+    interface Window {
+        NavListGroupElement: typeof NavListGroupElement;
+    }
+}

data/app/assets/javascripts/app/components/primer/primer.d.ts

@@ -3,9 +3,11 @@ import './alpha/action_bar_element';
 import './alpha/dropdown';
 import './anchored_position';
 import './focus_group';
+import './scrollable_region';
 import './alpha/image_crop';
 import './alpha/modal_dialog';
 import './beta/nav_list';
+import './beta/nav_list_group_element';
 import './alpha/segmented_control';
 import './alpha/toggle_switch';
 import './alpha/tool_tip';

data/app/assets/javascripts/app/components/primer/scrollable_region.d.ts

@@ -0,0 +1,13 @@
+export declare class ScrollableRegionElement extends HTMLElement {
+    hasOverflow: boolean;
+    labelledBy: string;
+    observer: ResizeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+}
+declare global {
+    interface Window {
+        ScrollableRegionElement: typeof ScrollableRegionElement;
+    }
+}