@innovaccer/design-system 5.0.0-27 → 5.0.0-29

package/CHANGELOG.md

@@ -1,3 +1,79 @@
+## 4.27.0 (2026-08-04)
+
+### Highlights
+
+- Full keyboard navigation in the Calendar component, plus a broad sweep of ARIA and semantic-structure fixes across Dropdown, Select, Table, HorizontalNav, and Icon.
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(calendar): add keyboard navigation in calendar component (d548c7824)
+
+### Fixes
+
+- fix(dropdown): add a11y attribute in dropdown component (36213a930)
+- fix(horizontalNav): fix a11y list structure of nav items (5f0a26b6e)
+- fix(table): update a11y attributes in draggable dropdown (2d782a127)
+- fix(icon): add aria attributes for decorative icon (6984f1d93)
+- fix(table): update target size of resize drag element (5b7ba50e5)
+- fix(select): add aria attributes in select component (4a61bbe25)
+- fix(stories): update accessibility relates issues (5284d8aff)
+
+---
+
+## 4.26.0 (2026-07-14)
+
+### Highlights
+
+- Broad accessibility improvements across form patterns, Dropdown, Grid, Icon, Select, and VerticalNav — screen-reader announcements, associated labels, and consistent autocomplete handling.
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Fixes
+
+- fix(a11y): form pattern stories — headings, labels & autocomplete (0828d520c)
+- fix(Dropdown): hide decorative option icons from screen readers (2a86cabe7)
+- fix(StepperForm): add persistent format hint for Prefix input (52f992a52)
+- fix(Forms): add placeholder to Stepper regex textarea (90d697b3b)
+- fix(Dropdown): wire Time label in Date And Time Picker story (90d270792)
+- fix(TimePeriodForm): reflow Region and Organization selects at 320px (9e8845c3f)
+- fix(avatar): udpate accessibility props in avatar selection component (86c9f88ae)
+- fix(Icon): announce aria-label instead of icon name (role=img) (77d3829d9)
+- fix(InputMask): honor consumer autoComplete (c91ddf556)
+- fix(Grid): accessible table cell/row structure (3a1a9b826)
+- fix(Grid): announce loading state to screen readers (60176b291)
+- fix(Forms): label Create User gender/user-type selects for screen readers (dbad104b6)
+- fix(Forms): use direct aria-label for Set as Default checkbox (0244aab4c)
+- fix(Forms): remove no-op DOB autocomplete on Create User (217b7252c)
+- fix(Forms): wire field labels and autocomplete on Create User & Inline Label forms (db5f4dcfd)
+- fix(VerticalNav): announce selected item via aria-selected (c5f1c4d61)
+- fix(Forms): convey Inline Form gender selection via aria-pressed (a4b0b946d)
+- fix(Select): announce option text and hide decorative trigger icons (6e762c62d)
+- fix(Forms): accessible password show/hide toggle (4a9ce22dd)
+
+---
+
 ## 4.25.1 (2026-07-01)
 
 ### Highlights

package/css/dist/index.css

@@ -2740,15 +2740,14 @@ body {
   color: inherit;
 }
 
+/* Always show focus on calendar cells: open-via-click moves focus programmatically
+   (mouse modality → :focus-visible is false), and roving tabindex needs a visible target. */
+.Calendar-value:focus,
 .Calendar-value:focus-visible {
   outline: var(--border-width-05) solid var(--primary-focus);
   outline-offset: 1px;
 }
 
-.Calendar-value:focus:not(:focus-visible) {
-  outline: none;
-}
-
 .Calendar-value:hover {
   background: var(--secondary-light);
   border-color: var(--secondary-dark);
@@ -5814,13 +5813,25 @@ body {
 
 .Grid-cellResize {
   position: absolute;
+  top: 0;
   right: 0;
-  width: var(--spacing-10);
+  width: var(--spacing-60);
+  height: 100%;
   cursor: ew-resize;
+  box-sizing: border-box;
+}
+
+.Grid-cellResize::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: var(--spacing-10);
   height: 100%;
-  padding-right: var(--spacing-60);
-  margin-right: calc(-1 * var(--spacing-60));
-  box-sizing: content-box;
+}
+
+.Grid-headCell:has(> .Grid-cellResize) {
+  padding-right: calc(var(--spacing-60) - var(--spacing-10));
 }
 
 .Grid-cellSortIcon {
@@ -5833,12 +5844,12 @@ body {
   background: var(--secondary);
 }
 
-.Grid-cellResize:hover {
+.Grid-cellResize:hover::after,
+.Grid-cellResize:focus-visible::after {
   background: var(--primary);
 }
 
 .Grid-cellResize:focus-visible {
-  background: var(--primary);
   outline: none;
 }
 
@@ -6225,6 +6236,17 @@ body {
   display: flex;
 }
 
+.HorizontalNav-list {
+  display: flex;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.HorizontalNav-listItem {
+  display: flex;
+}
+
 .HorizontalNav-menu {
   box-sizing: border-box;
   display: flex;