primer_view_components 0.13.2 → 0.15.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6c8bbbce5be514ecedd10e2f8079db655290cd3a1e1aaf49524bb3ec20ef75e5
-  data.tar.gz: 5bed9dc5e9a22a03994921856af366d53efde51b11d0dae951679729d4c4c88f
+  metadata.gz: 9d5675f24042db7300ba5e1f0b3dc4df854583a83ecf422db24d0a2b2ea66b9d
+  data.tar.gz: 78c71be07c636c061789536a7a70eb9462d720091f78c939c7f1959ebb26e366
 SHA512:
-  metadata.gz: 4c2ce33948d6048299ae896f5a450d95a1822c1ed8a8df633b1e9e6ce91329f47013a879100b49dd767425b1f3bcee3029265dd1e08b86a364dc8028cc685837
-  data.tar.gz: fc8ef42812b025d0a72f3006a22bea606eedde58f1efae6724d2a9c041a06ca7b2c3ba22df4669aafb59b6c94abbec6f460b69c249a84bef53530bba3a7faf94
+  metadata.gz: 24e2d5d9855fdb9108c231318c062b6ce8c9486c68076d27e8d29ce0eb8b2074b317442cddf19c1e91b724df5441fd10a00c747d07a32bb6a51ce111d3b3fb14
+  data.tar.gz: 59f3c44cecb5d09c2e82fe189c3d69434dddc901d34d2795704c9311b7c66e83f77cdcf32be85c879d4b4a578b7faa980ba8826d255a94e43ee71349ac525fe1

data/CHANGELOG.md

@@ -1,5 +1,68 @@
 # CHANGELOG
 
+
+## 0.15.0
+
+### Minor Changes
+
+- [#2378](https://github.com/primer/view_components/pull/2378) [`81b5acc6`](https://github.com/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) [`b8d05407`](https://github.com/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) [`745eae0d`](https://github.com/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) [`48a2405a`](https://github.com/primer/view_components/commit/48a2405a2cdb6865eb57c2ea411fcece026590d0) Thanks [@keithamus](https://github.com/keithamus)! - Prevent other Overlays closing when Escape is pressed while Tooltips are open
+
+- [#2379](https://github.com/primer/view_components/pull/2379) [`2c59c33b`](https://github.com/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) [`57586da4`](https://github.com/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) [`fb9bf257`](https://github.com/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) [`e7c9a6c6`](https://github.com/primer/view_components/commit/e7c9a6c62b82ec9ebff575ddd5fbd361fcc40334) Thanks [@camertron](https://github.com/camertron)! - Prevent Blankslates from having a zero width inside flex containers
+
+## 0.14.0
+
+### Minor Changes
+
+- [#2367](https://github.com/primer/view_components/pull/2367) [`b2acc97d`](https://github.com/primer/view_components/commit/b2acc97d69203094911d013eea07c8e0de6daa02) Thanks [@camertron](https://github.com/camertron)! - Add an ActionMenu form input
+
+- [#2335](https://github.com/primer/view_components/pull/2335) [`684f9a51`](https://github.com/primer/view_components/commit/684f9a51a1ccb006a9ce2fbadb296ca5c68bd560) Thanks [@camertron](https://github.com/camertron)! - Add a ClipboardCopyButton component
+
+- [#2365](https://github.com/primer/view_components/pull/2365) [`314c0f1f`](https://github.com/primer/view_components/commit/314c0f1f1ec8152c0a0862ee3468e88efcad0ec8) Thanks [@camertron](https://github.com/camertron)! - Remove touch target gaps between ActionBar items
+
+- [#2296](https://github.com/primer/view_components/pull/2296) [`3374555e`](https://github.com/primer/view_components/commit/3374555ee1d2c24e88ca4a53cc58221a0ec2bc51) Thanks [@jonrohan](https://github.com/jonrohan)! - Removing the button wrapper `Button--withTooltip` when using a tooltip with a button.
+
+- [#2330](https://github.com/primer/view_components/pull/2330) [`6bf8da54`](https://github.com/primer/view_components/commit/6bf8da54220c3301ad0bc2bbb44c2905ad6db89c) Thanks [@camertron](https://github.com/camertron)! - Allow several font sizes for Subhead headings
+
+- [#2336](https://github.com/primer/view_components/pull/2336) [`94db2c4b`](https://github.com/primer/view_components/commit/94db2c4bc590e6b41760f5a8867c6b1cae669a1d) Thanks [@camertron](https://github.com/camertron)! - Add Rails 7.1 support
+
+- [#2366](https://github.com/primer/view_components/pull/2366) [`73d05613`](https://github.com/primer/view_components/commit/73d05613ec2a5eb2731b170927c505e9c688f4e0) Thanks [@camertron](https://github.com/camertron)! - Add missing 64px Avatar size
+
+- [#2377](https://github.com/primer/view_components/pull/2377) [`482152ae`](https://github.com/primer/view_components/commit/482152aec156982cc309aaa830e46269a46ef355) Thanks [@gwwar](https://github.com/gwwar)! - Updates Primer::Alpha::TextField to support success inline validation messages and allows validation messages to contain html fragments.
+  <!-- Changed components: Primer::Alpha::TextField -->
+
+### Patch Changes
+
+- [#2360](https://github.com/primer/view_components/pull/2360) [`94b7a445`](https://github.com/primer/view_components/commit/94b7a4455fbe0c80472034c7268f4beaa654cd2f) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Removes redundant `aria-disabled` from list item within `ActionMenu`.
+
+- [#2337](https://github.com/primer/view_components/pull/2337) [`0189b553`](https://github.com/primer/view_components/commit/0189b553f9fb94858d5526a669d006dc0b2a6050) Thanks [@mperrotti](https://github.com/mperrotti)! - Adapts Blankslate to render proportionally in narrow areas
+
+  <!-- Changed components: Blankslate -->
+
+- [#2383](https://github.com/primer/view_components/pull/2383) [`7c2e6f6c`](https://github.com/primer/view_components/commit/7c2e6f6c6c3cc8cd69758b36760f4e18ec4e48ba) Thanks [@strackoverflow](https://github.com/strackoverflow)! - Fix an issue where ActionMenu wouldn't scroll its contents
+
+- [#2384](https://github.com/primer/view_components/pull/2384) [`2c778661`](https://github.com/primer/view_components/commit/2c7786615ceb6b0149b87fb9d01ad31f977a908d) Thanks [@camertron](https://github.com/camertron)! - Re-introduce require 'primer/form_helper' for setups that rely on Rails eager load paths
+
 ## 0.13.2
 
 ### Patch Changes

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

@@ -6,6 +6,7 @@ import './focus_group';
 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';