primer_view_components 0.48.0 → 0.49.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8ecebf361a0a9f970f9988a38a273b068f25e814829ff53b05cd62c5371ab994
-  data.tar.gz: 93dfdbd63070b23ea32b4ed998170111acdf82eee7230e9172e5835685ed9ca3
+  metadata.gz: e7d509e9a9307fdbd82ab00604ce697321ae66150e5a48de692319bf347bedeb
+  data.tar.gz: 190adebddee0cf2dec941d19b5b90b1b16141381015eac139750cbb9f8890eb6
 SHA512:
-  metadata.gz: b94999bd5be6d2b53e948c4416dcb8b90ca5d9e9327e0dabd7959647aa58d80f2f5fc6856c8dbd93849e3a2fe78eb0b3f5af1bc3b5dda47005560525bbbdb83c
-  data.tar.gz: abddb151adc4586f697bf3243c91552407f03acead38942eede2ba70b35fda2d6bbf248ff68fa53d023abd0399575e88bcdf0658705b18387ee4b2de2edef5c4
+  metadata.gz: e19c2477a87cdc1636ade610c2bf05e772c9538b5eb0b0ee9b55876f66c1a184cbc9e416ba40d41660540d023ca58327fcaa4c2a64f72a26225f138d7aa620a2
+  data.tar.gz: 97ca0e52e8941bbd9c27b4f2ac707edc476a139053e8a4abcf6a0fc74ffc071cfab300a6b7f0f1ad659d732d0623310608485333112f3ce869641ecc8124abbe

data/CHANGELOG.md

@@ -1,5 +1,23 @@
 # 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
@@ -382,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.
 
@@ -559,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
@@ -761,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
@@ -831,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
@@ -885,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.
 
@@ -924,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
 
@@ -1639,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
@@ -2457,7 +2468,6 @@
   _Manuel Puyol_
 
 - Change spacing in `Blankslate`:
-
   - Between `description` and `primary_action` to `32px`.
   - Between `primary_action` and `secondary_action` to `16px`.
 
@@ -2815,7 +2825,6 @@
   _Manuel Puyol_
 
 - Linters can:
-
   - convert values with ERB interpolations.
   - autocorrect cases with custom classes.
 
@@ -2930,7 +2939,6 @@
   _Kate Higa_
 
 - Renames:
-
   - `Primer::AvatarStackComponent` to `Primer::Beta::AvatarStack`.
 
     _Manuel Puyol_
@@ -2972,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`
@@ -3116,7 +3123,6 @@
   _Kate Higa_
 
 - Renames:
-
   - `DropdownComponent` to `Dropdown`.
   - `Dropdown::MenuComponent` to `Dropdown::Menu`.
   - `Primer::ButtonMarketingComponent` to `Primer::Alpha::ButtonMarketing`.
@@ -3574,7 +3580,6 @@
   _Simon Taranto_
 
 - Update `LinkComponent`:
-
   - use `Link--muted` instead of `muted-link`.
   - accept `variant` and `underline` options.
   - accept `:span` as a tag.
@@ -3884,7 +3889,6 @@
 
 - Add support for box_shadow
 - Add components:
-
   - Popover
 
     _Sarah Vessels_
@@ -3906,7 +3910,6 @@
   _Joel Hawksley_
 
 - Add components:
-
   - Avatar
   - Blankslate
 
@@ -3927,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;