@innovaccer/design-system 4.23.0 → 4.25.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 (88) hide show
  1. package/CHANGELOG.md +115 -0
  2. package/README.md +3 -3
  3. package/css/dist/index.css +1374 -348
  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 +65 -13
  17. package/css/src/components/datePicker.module.css +9 -0
  18. package/css/src/components/dateRangePicker.module.css +5 -0
  19. package/css/src/components/dropdown.module.css +7 -0
  20. package/css/src/components/dropzone.module.css +36 -0
  21. package/css/src/components/grid.module.css +29 -12
  22. package/css/src/components/horizontalNav.module.css +17 -6
  23. package/css/src/components/input.module.css +1 -0
  24. package/css/src/components/link.module.css +59 -6
  25. package/css/src/components/linkButton.module.css +82 -10
  26. package/css/src/components/listbox.module.css +85 -1
  27. package/css/src/components/metricInput.module.css +89 -35
  28. package/css/src/components/modal.module.css +8 -0
  29. package/css/src/components/pageHeader.module.css +103 -8
  30. package/css/src/components/segmentedControl.module.css +1 -1
  31. package/css/src/components/select.module.css +7 -0
  32. package/css/src/components/selectionCard.module.css +38 -0
  33. package/css/src/components/sidesheet.module.css +8 -0
  34. package/css/src/components/slider.module.css +21 -0
  35. package/css/src/components/switch.module.css +39 -0
  36. package/css/src/components/table.module.css +32 -1
  37. package/css/src/components/tabs.module.css +20 -0
  38. package/css/src/components/timePicker.module.css +4 -0
  39. package/css/src/components/toast.module.css +10 -0
  40. package/css/src/components/tooltip.module.css +1 -0
  41. package/css/src/tokens/index.css +156 -156
  42. package/css/src/utils/utility.css +4 -0
  43. package/css/src/variables/index.css +116 -1
  44. package/dist/brotli/index.js +1 -1
  45. package/dist/brotli/index.js.br +0 -0
  46. package/dist/cjs/index.js +1 -1
  47. package/dist/core/components/atoms/heading/Heading.d.ts +1 -0
  48. package/dist/core/components/atoms/link/Link.d.ts +4 -2
  49. package/dist/core/components/atoms/linkButton/LinkButton.d.ts +1 -0
  50. package/dist/core/components/atoms/message/Message.d.ts +2 -0
  51. package/dist/core/components/atoms/outsideClick/OutsideClick.d.ts +1 -0
  52. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +1 -0
  53. package/dist/core/components/atoms/progressBar/ProgressBar.d.ts +2 -0
  54. package/dist/core/components/atoms/progressRing/ProgressRing.d.ts +3 -0
  55. package/dist/core/components/atoms/segmentedControl/SegmentedControl.d.ts +2 -0
  56. package/dist/core/components/atoms/subheading/Subheading.d.ts +1 -0
  57. package/dist/core/components/atoms/text/Text.d.ts +1 -0
  58. package/dist/core/components/atoms/toast/Toast.d.ts +3 -0
  59. package/dist/core/components/molecules/chat/Chat.d.ts +3 -0
  60. package/dist/core/components/molecules/chat/chatBubble/IncomingBubble.d.ts +1 -0
  61. package/dist/core/components/molecules/chat/chatBubble/OutgoingBubble.d.ts +1 -0
  62. package/dist/core/components/molecules/chat/chatInput/ChatInput.d.ts +1 -0
  63. package/dist/core/components/molecules/chat/unreadMessage/UnreadMessage.d.ts +3 -0
  64. package/dist/core/components/molecules/dropzone/Dropzone.d.ts +1 -0
  65. package/dist/core/components/molecules/editableInput/EditableInput.d.ts +4 -0
  66. package/dist/core/components/molecules/emptyState/EmptyState.d.ts +1 -0
  67. package/dist/core/components/molecules/emptyState/EmptyStateTitle.d.ts +1 -0
  68. package/dist/core/components/molecules/inputMask/InputMask.d.ts +1 -0
  69. package/dist/core/components/molecules/modal/ModalHeader.d.ts +1 -0
  70. package/dist/core/components/molecules/overlayHeader/OverlayHeader.d.ts +1 -0
  71. package/dist/core/components/molecules/popover/Popover.d.ts +1 -0
  72. package/dist/core/components/organisms/grid/Grid.d.ts +1 -0
  73. package/dist/core/components/organisms/grid/GridContext.d.ts +1 -0
  74. package/dist/core/components/organisms/grid/VirtualList.d.ts +1 -0
  75. package/dist/core/components/organisms/listbox/reorderList/Draggable.d.ts +11 -0
  76. package/dist/core/components/organisms/menu/SubMenuContext.d.ts +1 -0
  77. package/dist/core/components/organisms/pageHeader/utils.d.ts +9 -9
  78. package/dist/core/components/organisms/textField/TextFieldCommon.d.ts +1 -0
  79. package/dist/core/components/organisms/verticalNav/VerticalNav.d.ts +2 -0
  80. package/dist/esm/index.js +2058 -874
  81. package/dist/gzip/index.js +1 -1
  82. package/dist/gzip/index.js.gz +0 -0
  83. package/dist/index.js +1872 -745
  84. package/dist/index.js.map +1 -1
  85. package/dist/index.umd.css +1371 -345
  86. package/dist/index.umd.js +1 -1
  87. package/dist/types/tsconfig.type.tsbuildinfo +173 -134
  88. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,118 @@
1
+ ## 4.25.0 (2026-05-19)
2
+
3
+ ### Highlights
4
+
5
+ - Added responsive behavior to PageHeader and DatePicker patterns; improved Table interactions and refined a11y across Chip, Input, and Header components.
6
+
7
+ ### Breaking changes
8
+
9
+ NA
10
+
11
+ ### Migration guide
12
+
13
+ NA
14
+
15
+ ### Deprecations
16
+
17
+ NA
18
+
19
+ ### Features
20
+
21
+ - feat(table): update dropdown single click dragging movement in table component (da364d866)
22
+ - feat(pageheader): add responsive behavior for pageheader component (3a95c6c3e)
23
+
24
+ ### Fixes
25
+
26
+ - fix(input): update alignment of input clear icon (7f85ab1e3)
27
+ - fix(chip): update a11y role for chip component (3f943673f)
28
+ - fix(table): update table resizable behaviour (4cbe3b253)
29
+ - fix(pattern): add responsive behavior in datepicker story pattern (4add940d5)
30
+ - fix(header): update heading hierarchy (eb7cbc1e0)
31
+ - fix(chip): update a11y attributes for nested interactive elements (6768fcc40)
32
+ - fix(chip): update a11y attributes for nested interactive elements (eb172bd7d)
33
+
34
+ ### Improvements
35
+
36
+ - style(icons): change stroke color from #DD2D38 to #CA1822 in AISparkle (4bebed62e)
37
+
38
+ ---
39
+
40
+ ## 4.24.0 (2026-04-24)
41
+
42
+ ### Highlights
43
+
44
+ - Extended WCAG 2.2 AA accessibility coverage to Table, Grid, Menu, SegmentedControl, Calendar, Toast, ProgressBar, ProgressRing, Message, Dropzone, ChatInput, VerticalNav, EditableInput, and more;
45
+ - Added disabled-state info affordance to Button, Avatar, Link, and LinkButton;
46
+ - Introduced Windows high contrast mode support.
47
+
48
+ ### Breaking changes
49
+
50
+ NA
51
+
52
+ ### Migration guide
53
+
54
+ NA
55
+
56
+ ### Deprecations
57
+
58
+ NA
59
+
60
+ ### Features
61
+
62
+ - feat(a11y): add A11y Component Tracker and enhance accessibilityProp with tabIndex and aria (f88393781)
63
+ - feat(metricInput): update arrow buttons touchpoint for a11y (e19affaef)
64
+ - feat(button): add info icon for disabled state interaction (af245f892)
65
+ - feat(avatar): update info icon for disabled state interaction (39ccf820b)
66
+ - feat(linkbutton): add info icon on disabled interactions (494af8b52)
67
+ - feat(Listbox): implement sticky-drag visual states and zero-drift UI (a7ca338cd)
68
+ - feat(link): add disabled state info affordance (e8c4c897f)
69
+ - feat(menu): add keyboard navigation for sub-menu trigger (1a1ffa0af)
70
+ - feat(menu): add keyboard navigation for menu trigger (b09955c71)
71
+ - feat(menu): add aria attributes for accessibility (dbe5fb67d)
72
+ - feat(SegmentedControl): enhance accessibility with ARIA roles and roving tabindex (76caf0de6)
73
+ - feat(dropzone): add accessibility attributes (feb6e0250)
74
+ - feat(calendar): add tooltip and aria-label for prev/next navigation button (fbc21902c)
75
+ - feat(segmentedControl): add aria attributes for accessibility (a3897b589)
76
+ - feat(chipGroup): add a11y sttribute to chip component (e0631a7c4)
77
+ - feat(toast): add aria attributes for accessibility (2732dd33a)
78
+ - feat(progressRing): add aria attributes for accessibility (e3df442ff)
79
+ - feat(progressBar): add aria attributes for accessibility (e2fe2ca21)
80
+ - feat(message): add aria attributes for accessibility (bd78b15d0)
81
+ - feat(editableInput): add aria attribute in editable input component (f407ff3d7)
82
+ - feat(grid): add keyboard navigation support for accessibility (10ccb6af6)
83
+ - feat(verticalNav): add aria attributes for accessibility (0e4d33d91)
84
+ - feat(table): add aria attributes and keyboard a11y support in grid and table (5b073d599)
85
+ - feat(grid): add aria attributes in grid component (d7db67be2)
86
+ - feat: add windows high contrast mode support in component (ecf0cff4d)
87
+ - feat(chatInput): add wcag a11y support in chatInput component (d2f63c7e1)
88
+
89
+ ### Fixes
90
+
91
+ - fix(table): update id for checkboxes (f41eba735)
92
+ - fix(spacekey): update keyboard events with space key utility (c718e9ea5)
93
+ - fix(link): update disabled state (3b273ba1b)
94
+ - fix(inputMask): update id attribute conflict in inputmask component (204d332e4)
95
+ - fix(avatar): update role attribute for correct accessibility (3a06fe0ec)
96
+ - fix(grid): fix whitespace issue is grid cell (f3499e85d)
97
+ - fix(TimePicker): set 320px default width, 256px min-width, and wrap options text (104f60e32)
98
+ - fix(Listbox): adjust position of selected and activated items in tight layout (04fec3ddd)
99
+ - fix(MultiSlider): remove misleading role="button" from track and tick labels (6c2bf7185)
100
+ - fix(MetricInput): resolve WCAG 2.2 AA a11y issues (ad75c0f57)
101
+ - fix(VerificationCodeInput): prevent shared aria-label from overwriting per-digit labels (ae425fc5a)
102
+ - fix(Input): forward aria-labelledby and honour consumer tabIndex (a7478ed1e)
103
+ - fix(TextField): associate label with control and link helpText via aria-describedby (00b2444f7)
104
+ - fix(InputMask): associate helpText/caption with input via aria-describedby (dc75c3dde)
105
+ - fix(Radio): stable id, aria-label/labelledby/describedby, helpText association (5257f7665)
106
+ - fix(Textarea): correct htmlFor/id pairing and aria-labelledby tokens in Size story (075b2303a)
107
+
108
+ ### Improvements
109
+
110
+ - style(tokens): update semantic colors and ramps (d615dde03)
111
+ - style(aicolor): update gradients and sara sparkle stroke (517554db8)
112
+ - fix(contributors): update profile information (44bed37ec)
113
+
114
+ ---
115
+
1
116
  ## 4.23.0 (2026-04-10)
2
117
 
3
118
  ### 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>