@innovaccer/design-system 4.23.0 → 4.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/CHANGELOG.md +76 -0
  2. package/README.md +3 -3
  3. package/css/dist/index.css +1226 -325
  4. package/css/dist/index.css.map +1 -1
  5. package/css/src/ai-components/button.module.css +4 -24
  6. package/css/src/ai-components/chip.module.css +5 -30
  7. package/css/src/ai-components/iconButton.module.css +2 -12
  8. package/css/src/components/avatarGroup.module.css +7 -0
  9. package/css/src/components/avatarSelection.module.css +22 -0
  10. package/css/src/components/badge.module.css +3 -3
  11. package/css/src/components/button.module.css +187 -18
  12. package/css/src/components/calendar.module.css +49 -0
  13. package/css/src/components/card.module.css +14 -0
  14. package/css/src/components/chatBubble.module.css +6 -1
  15. package/css/src/components/chatInput.module.css +14 -3
  16. package/css/src/components/chip.module.css +34 -0
  17. package/css/src/components/dropdown.module.css +7 -0
  18. package/css/src/components/dropzone.module.css +36 -0
  19. package/css/src/components/grid.module.css +29 -12
  20. package/css/src/components/horizontalNav.module.css +15 -0
  21. package/css/src/components/link.module.css +59 -6
  22. package/css/src/components/linkButton.module.css +82 -10
  23. package/css/src/components/listbox.module.css +85 -1
  24. package/css/src/components/metricInput.module.css +89 -35
  25. package/css/src/components/modal.module.css +8 -0
  26. package/css/src/components/segmentedControl.module.css +1 -1
  27. package/css/src/components/select.module.css +7 -0
  28. package/css/src/components/selectionCard.module.css +38 -0
  29. package/css/src/components/sidesheet.module.css +8 -0
  30. package/css/src/components/slider.module.css +21 -0
  31. package/css/src/components/switch.module.css +39 -0
  32. package/css/src/components/table.module.css +32 -1
  33. package/css/src/components/tabs.module.css +20 -0
  34. package/css/src/components/timePicker.module.css +4 -0
  35. package/css/src/components/toast.module.css +10 -0
  36. package/css/src/components/tooltip.module.css +1 -0
  37. package/css/src/tokens/index.css +156 -156
  38. package/css/src/utils/utility.css +4 -0
  39. package/css/src/variables/index.css +116 -1
  40. package/dist/brotli/index.js +1 -1
  41. package/dist/brotli/index.js.br +0 -0
  42. package/dist/cjs/index.js +1 -1
  43. package/dist/core/components/atoms/link/Link.d.ts +4 -2
  44. package/dist/core/components/atoms/linkButton/LinkButton.d.ts +1 -0
  45. package/dist/core/components/atoms/message/Message.d.ts +1 -0
  46. package/dist/core/components/atoms/outsideClick/OutsideClick.d.ts +1 -0
  47. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +1 -0
  48. package/dist/core/components/atoms/progressBar/ProgressBar.d.ts +2 -0
  49. package/dist/core/components/atoms/progressRing/ProgressRing.d.ts +3 -0
  50. package/dist/core/components/atoms/segmentedControl/SegmentedControl.d.ts +2 -0
  51. package/dist/core/components/atoms/toast/Toast.d.ts +3 -0
  52. package/dist/core/components/molecules/chat/Chat.d.ts +3 -0
  53. package/dist/core/components/molecules/chat/chatBubble/IncomingBubble.d.ts +1 -0
  54. package/dist/core/components/molecules/chat/chatBubble/OutgoingBubble.d.ts +1 -0
  55. package/dist/core/components/molecules/chat/chatInput/ChatInput.d.ts +1 -0
  56. package/dist/core/components/molecules/chat/unreadMessage/UnreadMessage.d.ts +3 -0
  57. package/dist/core/components/molecules/dropzone/Dropzone.d.ts +1 -0
  58. package/dist/core/components/molecules/editableInput/EditableInput.d.ts +4 -0
  59. package/dist/core/components/molecules/inputMask/InputMask.d.ts +1 -0
  60. package/dist/core/components/molecules/popover/Popover.d.ts +1 -0
  61. package/dist/core/components/organisms/grid/Grid.d.ts +1 -0
  62. package/dist/core/components/organisms/grid/GridContext.d.ts +1 -0
  63. package/dist/core/components/organisms/grid/VirtualList.d.ts +1 -0
  64. package/dist/core/components/organisms/listbox/reorderList/Draggable.d.ts +11 -0
  65. package/dist/core/components/organisms/menu/SubMenuContext.d.ts +1 -0
  66. package/dist/core/components/organisms/textField/TextFieldCommon.d.ts +1 -0
  67. package/dist/core/components/organisms/verticalNav/VerticalNav.d.ts +2 -0
  68. package/dist/esm/index.js +1695 -709
  69. package/dist/gzip/index.js +1 -1
  70. package/dist/gzip/index.js.gz +0 -0
  71. package/dist/index.js +1536 -570
  72. package/dist/index.js.map +1 -1
  73. package/dist/index.umd.css +1216 -315
  74. package/dist/index.umd.js +1 -1
  75. package/dist/types/tsconfig.type.tsbuildinfo +152 -114
  76. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,79 @@
1
+ ## 4.24.0 (2026-04-24)
2
+
3
+ ### Highlights
4
+
5
+ - Extended WCAG 2.2 AA accessibility coverage to Table, Grid, Menu, SegmentedControl, Calendar, Toast, ProgressBar, ProgressRing, Message, Dropzone, ChatInput, VerticalNav, EditableInput, and more;
6
+ - Added disabled-state info affordance to Button, Avatar, Link, and LinkButton;
7
+ - Introduced Windows high contrast mode support.
8
+
9
+ ### Breaking changes
10
+
11
+ NA
12
+
13
+ ### Migration guide
14
+
15
+ NA
16
+
17
+ ### Deprecations
18
+
19
+ NA
20
+
21
+ ### Features
22
+
23
+ - feat(a11y): add A11y Component Tracker and enhance accessibilityProp with tabIndex and aria (f88393781)
24
+ - feat(metricInput): update arrow buttons touchpoint for a11y (e19affaef)
25
+ - feat(button): add info icon for disabled state interaction (af245f892)
26
+ - feat(avatar): update info icon for disabled state interaction (39ccf820b)
27
+ - feat(linkbutton): add info icon on disabled interactions (494af8b52)
28
+ - feat(Listbox): implement sticky-drag visual states and zero-drift UI (a7ca338cd)
29
+ - feat(link): add disabled state info affordance (e8c4c897f)
30
+ - feat(menu): add keyboard navigation for sub-menu trigger (1a1ffa0af)
31
+ - feat(menu): add keyboard navigation for menu trigger (b09955c71)
32
+ - feat(menu): add aria attributes for accessibility (dbe5fb67d)
33
+ - feat(SegmentedControl): enhance accessibility with ARIA roles and roving tabindex (76caf0de6)
34
+ - feat(dropzone): add accessibility attributes (feb6e0250)
35
+ - feat(calendar): add tooltip and aria-label for prev/next navigation button (fbc21902c)
36
+ - feat(segmentedControl): add aria attributes for accessibility (a3897b589)
37
+ - feat(chipGroup): add a11y sttribute to chip component (e0631a7c4)
38
+ - feat(toast): add aria attributes for accessibility (2732dd33a)
39
+ - feat(progressRing): add aria attributes for accessibility (e3df442ff)
40
+ - feat(progressBar): add aria attributes for accessibility (e2fe2ca21)
41
+ - feat(message): add aria attributes for accessibility (bd78b15d0)
42
+ - feat(editableInput): add aria attribute in editable input component (f407ff3d7)
43
+ - feat(grid): add keyboard navigation support for accessibility (10ccb6af6)
44
+ - feat(verticalNav): add aria attributes for accessibility (0e4d33d91)
45
+ - feat(table): add aria attributes and keyboard a11y support in grid and table (5b073d599)
46
+ - feat(grid): add aria attributes in grid component (d7db67be2)
47
+ - feat: add windows high contrast mode support in component (ecf0cff4d)
48
+ - feat(chatInput): add wcag a11y support in chatInput component (d2f63c7e1)
49
+
50
+ ### Fixes
51
+
52
+ - fix(table): update id for checkboxes (f41eba735)
53
+ - fix(spacekey): update keyboard events with space key utility (c718e9ea5)
54
+ - fix(link): update disabled state (3b273ba1b)
55
+ - fix(inputMask): update id attribute conflict in inputmask component (204d332e4)
56
+ - fix(avatar): update role attribute for correct accessibility (3a06fe0ec)
57
+ - fix(grid): fix whitespace issue is grid cell (f3499e85d)
58
+ - fix(TimePicker): set 320px default width, 256px min-width, and wrap options text (104f60e32)
59
+ - fix(Listbox): adjust position of selected and activated items in tight layout (04fec3ddd)
60
+ - fix(MultiSlider): remove misleading role="button" from track and tick labels (6c2bf7185)
61
+ - fix(MetricInput): resolve WCAG 2.2 AA a11y issues (ad75c0f57)
62
+ - fix(VerificationCodeInput): prevent shared aria-label from overwriting per-digit labels (ae425fc5a)
63
+ - fix(Input): forward aria-labelledby and honour consumer tabIndex (a7478ed1e)
64
+ - fix(TextField): associate label with control and link helpText via aria-describedby (00b2444f7)
65
+ - fix(InputMask): associate helpText/caption with input via aria-describedby (dc75c3dde)
66
+ - fix(Radio): stable id, aria-label/labelledby/describedby, helpText association (5257f7665)
67
+ - fix(Textarea): correct htmlFor/id pairing and aria-labelledby tokens in Size story (075b2303a)
68
+
69
+ ### Improvements
70
+
71
+ - style(tokens): update semantic colors and ramps (d615dde03)
72
+ - style(aicolor): update gradients and sara sparkle stroke (517554db8)
73
+ - fix(contributors): update profile information (44bed37ec)
74
+
75
+ ---
76
+
1
77
  ## 4.23.0 (2026-04-10)
2
78
 
3
79
  ### Highlights
package/README.md CHANGED
@@ -184,10 +184,10 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
184
184
  <td align="center" valign="top" width="14.28%"><a href="https://github.com/samyak3009"><img src="https://avatars.githubusercontent.com/u/56395892?v=4?s=100" width="100px;" alt="SAMYAK JAIN"/><br /><sub><b>SAMYAK JAIN</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=samyak3009" title="Code">💻</a></td>
185
185
  </tr>
186
186
  <tr>
187
- <td align="center" valign="top" width="14.28%"><a href="https://github.com/atulya-innovaccer"><img src="https://avatars.githubusercontent.com/u/257970374?v=4?s=100" width="100px;" alt="Atulya"/><br /><sub><b>Atulya</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=atulya-innovaccer" title="Code">💻</a> <a href="#design-atulya-innovaccer" title="Design">🎨</a></td>
188
- <td align="center" valign="top" width="14.28%"><a href="https://github.com/abhi-innovaccer"><img src="https://avatars.githubusercontent.com/u/221942494?v=4?s=100" width="100px;" alt="Abhiroop Chaudhuri"/><br /><sub><b>Abhiroop Chaudhuri</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=abhi-innovaccer" title="Code">💻</a> <a href="#design-abhi-innovaccer" title="Design">🎨</a></td>
187
+ <td align="center" valign="top" width="14.28%"><a href="https://github.com/Atulya26"><img src="https://avatars.githubusercontent.com/u/85021422?v=4?s=100" width="100px;" alt="Atulya"/><br /><sub><b>Atulya</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=Atulya26" title="Code">💻</a> <a href="#design-Atulya26" title="Design">🎨</a></td>
188
+ <td align="center" valign="top" width="14.28%"><a href="https://github.com/abhiroopchaudhuri"><img src="https://avatars.githubusercontent.com/u/87370756?v=4?s=100" width="100px;" alt="Abhiroop Chaudhuri"/><br /><sub><b>Abhiroop Chaudhuri</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=abhiroopchaudhuri" title="Code">💻</a> <a href="#design-abhiroopchaudhuri" title="Design">🎨</a></td>
189
189
  <td align="center" valign="top" width="14.28%"><a href="https://github.com/grandhimanshu"><img src="https://avatars.githubusercontent.com/u/165885443?v=4?s=100" width="100px;" alt="Himanshu Jangir"/><br /><sub><b>Himanshu Jangir</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=grandhimanshu" title="Code">💻</a> <a href="#design-grandhimanshu" title="Design">🎨</a></td>
190
- <td align="center" valign="top" width="14.28%"><a href="https://github.com/shivaanshsharmaInno"><img src="https://avatars.githubusercontent.com/u/260635446?v=4?s=100" width="100px;" alt="Shivaansh Sharma"/><br /><sub><b>Shivaansh Sharma</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=shivaanshsharmaInno" title="Code">💻</a> <a href="#design-shivaanshsharmaInno" title="Design">🎨</a></td>
190
+ <td align="center" valign="top" width="14.28%"><a href="https://github.com/Shiv619"><img src="https://avatars.githubusercontent.com/u/83985838?v=4?s=100" width="100px;" alt="Shivaansh Sharma"/><br /><sub><b>Shivaansh Sharma</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=Shiv619" title="Code">💻</a> <a href="#design-Shiv619" title="Design">🎨</a></td>
191
191
  </tr>
192
192
  </tbody>
193
193
  </table>