@innovaccer/design-system 4.26.0 → 4.27.0

package/CHANGELOG.md

@@ -1,3 +1,37 @@
+## 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

package/css/dist/index.css

@@ -2732,15 +2732,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);
@@ -5790,13 +5789,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 {
@@ -5809,12 +5820,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;
 }
 
@@ -6201,6 +6212,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;