primer_view_components 0.47.0 → 0.49.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f0f682e7337690e0fe1d5c020ab010381b30ea772ab5c0bf21c7eed911e67c13
-  data.tar.gz: 3a06c5482c32f5fa77655e35f271bae0e7c2be88524b8d78e679d50c70b0ca57
+  metadata.gz: e7d509e9a9307fdbd82ab00604ce697321ae66150e5a48de692319bf347bedeb
+  data.tar.gz: 190adebddee0cf2dec941d19b5b90b1b16141381015eac139750cbb9f8890eb6
 SHA512:
-  metadata.gz: d57afd621a61d90850157b11a2269095b6b448acc7f6463116f0cac63ad5c3e65d013cc6aa3ef719360662737cc6e72490daa25f278d354863a68ad0fe4176e7
-  data.tar.gz: 1cacf26cd9d3793613dcf7fb75a8245cd42152a658fc7c39a60429a609a2e5e88d4bae4a390cc0f96b8c12dce253c0b1fb1e7bd0661aba00b7ff4c7044d5607a
+  metadata.gz: e19c2477a87cdc1636ade610c2bf05e772c9538b5eb0b0ee9b55876f66c1a184cbc9e416ba40d41660540d023ca58327fcaa4c2a64f72a26225f138d7aa620a2
+  data.tar.gz: 97ca0e52e8941bbd9c27b4f2ac707edc476a139053e8a4abcf6a0fc74ffc071cfab300a6b7f0f1ad659d732d0623310608485333112f3ce869641ecc8124abbe

data/CHANGELOG.md

@@ -1,5 +1,29 @@
 # CHANGELOG
 
+## 0.49.0
+
+### Minor Changes
+
+- [#3785](https://github.com/primer/view_components/pull/3785) [`7526370`](https://github.com/primer/view_components/commit/75263700b8c00ffdd525c81feed0de61b81d1067) Thanks [@lindseywild](https://github.com/lindseywild)! - Adds character_limit option to TextArea and TextField components
+
+### Patch Changes
+
+- [#3832](https://github.com/primer/view_components/pull/3832) [`15ac0d4`](https://github.com/primer/view_components/commit/15ac0d498dca5947ca38992fb74b1e485d97a88a) Thanks [@llastflowers](https://github.com/llastflowers)! - Make Retry button focusable in loading_failure_story
+
+- [#3848](https://github.com/primer/view_components/pull/3848) [`20d2e9f`](https://github.com/primer/view_components/commit/20d2e9f195864fb900fab2473592d2249eed5ac0) Thanks [@joelhawksley](https://github.com/joelhawksley)! - Add support for Ruby 4 in test suite.
+
+- [#3823](https://github.com/primer/view_components/pull/3823) [`954596a`](https://github.com/primer/view_components/commit/954596a07c4230f107c24dad2967f25577828d5b) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Tooltip: Prevents tooltip from appearing when popover (e.g. ActionMenu) is opened
+
+- [#3850](https://github.com/primer/view_components/pull/3850) [`d722644`](https://github.com/primer/view_components/commit/d722644d98e7b80ee684ccd53d3192f51322512c) Thanks [@joelhawksley](https://github.com/joelhawksley)! - Fix compatibility issues with Herb, add linter to CI.
+
+- [#3849](https://github.com/primer/view_components/pull/3849) [`7efbd32`](https://github.com/primer/view_components/commit/7efbd32a4d90388a13a524f41261b91693b3b222) Thanks [@llastflowers](https://github.com/llastflowers)! - Make AvatarStack accessible via keyboard navigation
+
+## 0.48.0
+
+### Minor Changes
+
+- [#3776](https://github.com/primer/view_components/pull/3776) [`edc480f`](https://github.com/primer/view_components/commit/edc480fe8ac9352fa5584488e9f6d3887fe088d2) Thanks [@TylerJDev](https://github.com/TylerJDev)! - AvatarStack: Adds support for individual tooltips on AvatarStack component, avatars.
+
 ## 0.47.0
 
 ### Minor Changes
@@ -376,7 +400,6 @@
 - [#2983](https://github.com/primer/view_components/pull/2983) [`5d68193`](https://github.com/primer/view_components/commit/5d681938247c4a957d62b05c2560fef24195ff51) Thanks [@keithamus](https://github.com/keithamus)! - Ensure ActionMenu restores focus on close of a dialog, if a menu item opened that dialog
 
 - [#3010](https://github.com/primer/view_components/pull/3010) [`ebab85a`](https://github.com/primer/view_components/commit/ebab85a3a3d2644079aaf495fd1e6689b89f713b) Thanks [@camertron](https://github.com/camertron)! - Fixes several SelectPanel bugs:
-
   1. If multiple server-rendered items are checked, the panel will only show one item checked.
   2. If no `data-value` attributes are provided, panels in single-select mode will allow multiple items to be checked.
 
@@ -553,7 +576,6 @@
 ### Patch Changes
 
 - [#2751](https://github.com/primer/view_components/pull/2751) [`b1fef3c`](https://github.com/primer/view_components/commit/b1fef3cf8ae547241b4d63fde81bc6c127fbd862) Thanks [@langermank](https://github.com/langermank)! - - Add `label_wrap` param to `Beta::Button`
-
   - Bug fix: text overflows in SegmentedControl instead of ellipses
 
 - [#2765](https://github.com/primer/view_components/pull/2765) [`1857983`](https://github.com/primer/view_components/commit/1857983591752336d34133c83af3c8cfe232f1af) Thanks [@camertron](https://github.com/camertron)! - Fix issue preventing expansion and collapse of nav list items with tooltips
@@ -755,7 +777,6 @@
 - [#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
@@ -825,7 +846,6 @@
 ### Minor Changes
 
 - [#2284](https://github.com/primer/view_components/pull/2284) [`374d10fd`](https://github.com/primer/view_components/commit/374d10fd18e7371f49abf75dde135c3ed29fe33d) Thanks [@langermank](https://github.com/langermank)! - Update tooltip design
-
   - Removes caret
   - Decrease offset
   - Remove animation delay
@@ -879,7 +899,6 @@
   <!-- Changed components: Primer::Alpha::ActionBar -->
 
 - [#2259](https://github.com/primer/view_components/pull/2259) [`a2fe6134`](https://github.com/primer/view_components/commit/a2fe61342b2f3527533902d845f5a9d500d6910c) Thanks [@TylerJDev](https://github.com/TylerJDev)! - \* Includes ActionMenu in ActionBar focus trap when present.
-
   - Adjusts `focus_group.ts` to set `tabindex="0"` back to invoker if it is non-focusable.
   - Prevents popover invokers from being triggered with 'left' and 'right' arrow keys.
 
@@ -918,7 +937,6 @@
   <!-- Changed components: _none_ -->
 
 - [#2250](https://github.com/primer/view_components/pull/2250) [`66c4dd69`](https://github.com/primer/view_components/commit/66c4dd6936b386caa42868beef9ea1b33f84b11b) Thanks [@langermank](https://github.com/langermank)! - - Improve contrast for icons in `invisible` button on hover in dark mode (within v8 colors)
-
   - Fix disabled button styles (v8 colors)
   - Bump Primitives to latest
 
@@ -1633,7 +1651,6 @@
 - [#1632](https://github.com/primer/view_components/pull/1632) [`7f1181be`](https://github.com/primer/view_components/commit/7f1181be49960337254db834e9b2b9a5fdb7b0b8) Thanks [@camertron](https://github.com/camertron)! - Improve performance of the deny\_\* methods
 
 * [#1625](https://github.com/primer/view_components/pull/1625) [`3af9bf5e`](https://github.com/primer/view_components/commit/3af9bf5e778bb1fe475ed7efda9fc1a5ed36d695) Thanks [@jonrohan](https://github.com/jonrohan)! - Deprecate components and moving to new namespace:
-
   - Primer::Dropdown moving to Primer::Alpha::Dropdown
   - Primer::Dropdown::Menu moving to Primer::Alpha::Dropdown::Menu
   - Primer::Dropdown::Menu::Item moving to Primer::Alpha::Dropdown::Menu::Item
@@ -2451,7 +2468,6 @@
   _Manuel Puyol_
 
 - Change spacing in `Blankslate`:
-
   - Between `description` and `primary_action` to `32px`.
   - Between `primary_action` and `secondary_action` to `16px`.
 
@@ -2809,7 +2825,6 @@
   _Manuel Puyol_
 
 - Linters can:
-
   - convert values with ERB interpolations.
   - autocorrect cases with custom classes.
 
@@ -2924,7 +2939,6 @@
   _Kate Higa_
 
 - Renames:
-
   - `Primer::AvatarStackComponent` to `Primer::Beta::AvatarStack`.
 
     _Manuel Puyol_
@@ -2966,7 +2980,6 @@
   _Kate Higa_
 
 - Renames:
-
   - `Primer::AutoComplete` to `Primer::Beta::AutoComplete`
   - `Primer::AutoComplete::Item` to `Primer::Beta::AutoComplete::Item`
   - `Primer::AvatarComponent` to `Primer::Beta::Avatar`
@@ -3110,7 +3123,6 @@
   _Kate Higa_
 
 - Renames:
-
   - `DropdownComponent` to `Dropdown`.
   - `Dropdown::MenuComponent` to `Dropdown::Menu`.
   - `Primer::ButtonMarketingComponent` to `Primer::Alpha::ButtonMarketing`.
@@ -3568,7 +3580,6 @@
   _Simon Taranto_
 
 - Update `LinkComponent`:
-
   - use `Link--muted` instead of `muted-link`.
   - accept `variant` and `underline` options.
   - accept `:span` as a tag.
@@ -3878,7 +3889,6 @@
 
 - Add support for box_shadow
 - Add components:
-
   - Popover
 
     _Sarah Vessels_
@@ -3900,7 +3910,6 @@
   _Joel Hawksley_
 
 - Add components:
-
   - Avatar
   - Blankslate
 
@@ -3921,7 +3930,6 @@
   _Manuel Puyol_
 
 - Add components:
-
   - BorderBox
   - Box
   - Breadcrumb

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

@@ -22,6 +22,7 @@ import './beta/relative_time';
 import './alpha/tab_container';
 import '../../lib/primer/forms/primer_multi_input';
 import '../../lib/primer/forms/primer_text_field';
+import '../../lib/primer/forms/primer_text_area';
 import '../../lib/primer/forms/toggle_switch_input';
 import './alpha/action_menu/action_menu_element';
 import './alpha/select_panel_element';

data/app/assets/javascripts/lib/primer/forms/character_counter.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Shared character counting functionality for text inputs with character limits.
+ * Handles real-time character count updates, validation, and aria-live announcements.
+ */
+export declare class CharacterCounter {
+    private inputElement;
+    private characterLimitElement;
+    private characterLimitSrElement;
+    private SCREEN_READER_DELAY;
+    private announceTimeout;
+    private isInitialLoad;
+    constructor(inputElement: HTMLInputElement | HTMLTextAreaElement, characterLimitElement: HTMLElement, characterLimitSrElement: HTMLElement);
+    /**
+     * Initialize character counting by setting up event listener and initial count
+     */
+    initialize(signal?: AbortSignal): void;
+    /**
+     * Clean up any pending timeouts
+     */
+    cleanup(): void;
+    /**
+     * Pluralizes a word based on the count
+     */
+    private pluralize;
+    /**
+     * Update the character count display and validation state
+     */
+    private updateCharacterCount;
+    /**
+     * Announce character count to screen readers with debouncing
+     */
+    private announceToScreenReader;
+    /**
+     * Set error when character limit is exceeded
+     */
+    private setError;
+    /**
+     * Clear error when back under character limit
+     */
+    private clearError;
+}

data/app/assets/javascripts/lib/primer/forms/primer_text_area.d.ts

@@ -0,0 +1,13 @@
+export declare class PrimerTextAreaElement extends HTMLElement {
+    #private;
+    inputElement: HTMLTextAreaElement;
+    characterLimitElement: HTMLElement;
+    characterLimitSrElement: HTMLElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface Window {
+        PrimerTextAreaElement: typeof PrimerTextAreaElement;
+    }
+}

data/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts

@@ -15,6 +15,8 @@ export declare class PrimerTextFieldElement extends HTMLElement {
     validationErrorIcon: HTMLElement;
     leadingVisual: HTMLElement;
     leadingSpinner: HTMLElement;
+    characterLimitElement: HTMLElement;
+    characterLimitSrElement: HTMLElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
     clearContents(): void;