@innovaccer/design-system 4.19.2 → 4.21.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 (97) hide show
  1. package/CHANGELOG.md +136 -0
  2. package/css/dist/index.css +418 -236
  3. package/css/dist/index.css.map +1 -1
  4. package/css/src/ai-components/button.module.css +2 -2
  5. package/css/src/ai-components/chat.module.css +0 -13
  6. package/css/src/ai-components/chip.module.css +3 -2
  7. package/css/src/ai-components/iconButton.module.css +3 -4
  8. package/css/src/components/actionButton.module.css +1 -1
  9. package/css/src/components/actionCard.module.css +2 -3
  10. package/css/src/components/avatarGroup.module.css +1 -0
  11. package/css/src/components/avatarSelection.module.css +2 -1
  12. package/css/src/components/breadcrumbs.module.css +2 -1
  13. package/css/src/components/button.module.css +55 -35
  14. package/css/src/components/calendar.module.css +82 -28
  15. package/css/src/components/chatInput.module.css +1 -0
  16. package/css/src/components/checkbox.module.css +12 -15
  17. package/css/src/components/chip.module.css +32 -18
  18. package/css/src/components/collapsible.module.css +2 -2
  19. package/css/src/components/dropdown.module.css +1 -0
  20. package/css/src/components/horizontalNav.module.css +19 -7
  21. package/css/src/components/input.module.css +11 -9
  22. package/css/src/components/link.module.css +8 -15
  23. package/css/src/components/linkButton.module.css +4 -4
  24. package/css/src/components/listbox.module.css +8 -4
  25. package/css/src/components/metricInput.module.css +6 -4
  26. package/css/src/components/radio.module.css +16 -16
  27. package/css/src/components/segmentedControl.module.css +3 -3
  28. package/css/src/components/select.module.css +3 -10
  29. package/css/src/components/selectionCard.module.css +6 -4
  30. package/css/src/components/slider.module.css +20 -2
  31. package/css/src/components/spinner.module.css +3 -3
  32. package/css/src/components/stepper.module.css +7 -6
  33. package/css/src/components/switch.module.css +22 -2
  34. package/css/src/components/tabs.module.css +35 -10
  35. package/css/src/components/textarea.module.css +6 -5
  36. package/css/src/components/verticalNav.module.css +37 -7
  37. package/css/src/variables/index.css +3 -0
  38. package/dist/brotli/index.js +1 -1
  39. package/dist/brotli/index.js.br +0 -0
  40. package/dist/cjs/index.js +1 -1
  41. package/dist/core/accessibility/utils/useAccessibilityProps.d.ts +12 -4
  42. package/dist/core/components/atoms/_chip/index.d.ts +5 -1
  43. package/dist/core/components/atoms/avatar/Avatar.d.ts +1 -0
  44. package/dist/core/components/atoms/chip/Chip.d.ts +3 -0
  45. package/dist/core/components/atoms/dropdown/DropdownButton.d.ts +2 -0
  46. package/dist/core/components/atoms/dropdown/DropdownList.d.ts +1 -0
  47. package/dist/core/components/atoms/dropdown/option/index.d.ts +1 -0
  48. package/dist/core/components/atoms/icon/Icon.d.ts +1 -0
  49. package/dist/core/components/atoms/legend/Legend.d.ts +1 -1
  50. package/dist/core/components/atoms/multiSlider/Handle.d.ts +1 -1
  51. package/dist/core/components/atoms/multiSlider/SliderUtils.d.ts +1 -1
  52. package/dist/core/components/atoms/pills/Pills.d.ts +1 -0
  53. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +1 -1
  54. package/dist/core/components/atoms/segmentedControl/SegmentedControlItem.d.ts +2 -0
  55. package/dist/core/components/atoms/spinner/Spinner.d.ts +2 -0
  56. package/dist/core/components/molecules/chipInput/ChipInput.d.ts +4 -0
  57. package/dist/core/components/molecules/fullscreenModal/FullscreenModal.d.ts +4 -0
  58. package/dist/core/components/molecules/modal/Modal.d.ts +8 -0
  59. package/dist/core/components/molecules/modal/ModalHeader.d.ts +1 -0
  60. package/dist/core/components/molecules/overlayFooter/OverlayFooter.d.ts +1 -0
  61. package/dist/core/components/molecules/overlayHeader/OverlayHeader.d.ts +1 -0
  62. package/dist/core/components/molecules/sidesheet/Sidesheet.d.ts +11 -0
  63. package/dist/core/components/molecules/stepper/Step.d.ts +3 -4
  64. package/dist/core/components/molecules/tabs/Tabs.d.ts +1 -0
  65. package/dist/core/components/organisms/calendar/Calendar.d.ts +2 -0
  66. package/dist/core/components/organisms/choiceList/ChoiceList.d.ts +7 -0
  67. package/dist/core/components/organisms/combobox/Combobox.d.ts +2 -0
  68. package/dist/core/components/organisms/combobox/trigger/ComboboxTrigger.d.ts +2 -0
  69. package/dist/core/components/organisms/combobox/trigger/MultiselectTrigger.d.ts +3 -0
  70. package/dist/core/components/organisms/datePicker/DatePicker.d.ts +2 -0
  71. package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +2 -0
  72. package/dist/core/components/organisms/grid/Grid.d.ts +2 -0
  73. package/dist/core/components/organisms/horizontalNav/HorizontalNav.d.ts +3 -1
  74. package/dist/core/components/organisms/menu/Menu.d.ts +2 -0
  75. package/dist/core/components/organisms/menu/trigger/MenuTrigger.d.ts +1 -0
  76. package/dist/core/components/organisms/navigation/VerticalNavigation.d.ts +2 -0
  77. package/dist/core/components/organisms/pageHeader/PageHeader.d.ts +1 -0
  78. package/dist/core/components/organisms/select/SelectList.d.ts +1 -0
  79. package/dist/core/components/organisms/select/SelectOption.d.ts +1 -0
  80. package/dist/core/components/organisms/select/SelectTrigger.d.ts +1 -0
  81. package/dist/core/components/organisms/table/Table.d.ts +2 -0
  82. package/dist/core/components/organisms/timePicker/TimePicker.d.ts +1 -0
  83. package/dist/core/components/organisms/timePicker/TimePickerWithInput.d.ts +1 -0
  84. package/dist/core/components/organisms/timePicker/TimePickerWithSearch.d.ts +3 -0
  85. package/dist/core/components/organisms/verticalNav/MenuItem.d.ts +1 -0
  86. package/dist/core/components/organisms/verticalNav/utils.d.ts +20 -0
  87. package/dist/core/utils/Keys.d.ts +4 -0
  88. package/dist/core/utils/overlayHelper.d.ts +2 -0
  89. package/dist/esm/index.js +2049 -847
  90. package/dist/gzip/index.js +1 -1
  91. package/dist/gzip/index.js.gz +0 -0
  92. package/dist/index.js +1700 -521
  93. package/dist/index.js.map +1 -1
  94. package/dist/index.umd.css +418 -236
  95. package/dist/index.umd.js +1 -1
  96. package/dist/types/tsconfig.type.tsbuildinfo +163 -145
  97. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,139 @@
1
+ ## 4.21.0 (2026-03-19)
2
+
3
+ ### Highlights
4
+
5
+ - feat: add accessibility in design system components based on WCAG 2.2 AA guidelines
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(slider): add keyboard navigation (0e88dab18)
22
+ - feat(stepper): keyboard accessibility — Arrow navigation, Home/End (8c3c67b48)
23
+ - feat(chip): update action icon button in chip component (ddc4dc716)
24
+ - feat(select): add wrap behavior story (7f9aec6b9)
25
+ - feat(VerticalNav): add Tree View keyboard accessibility (WAI-ARIA) (14def7ce5)
26
+ - feat(chatInput): fixed the bg color on hover to fix placeholder contrast issue (e6d709f44)
27
+ - feat(verticalNav): enhance focus and active states for menu items (c983af292)
28
+ - feat(calendar): update calendar colors for WCAG 2.2 compliance (817f71c25)
29
+ - feat(stories): add a11y props in all component stories (1c84fdc52)
30
+ - feat(chip): add ally props in chip family components (cf1f72971)
31
+ - feat(styles): update focus states across multiple components to use consistent outline styling (500957700)
32
+ - feat(select): update touchpoint of action icon button (8c0d3bc62)
33
+ - feat(editableInput): update space key behavior (2a10d98b6)
34
+ - feat(input): update focus state for input component (6bfa7abe0)
35
+ - feat(input): update touchpoint area for icon in input component (e296a098c)
36
+ - feat(tabs): update touchpoint area for icon in tabs component (7c773595c)
37
+ - feat(AIChip): update focus ring to outline-based style (1ad88257b)
38
+ - feat(textarea): update focus styles to use outline-based focus ring (bb815bb3e)
39
+ - feat(metricInput): update focus style for metricInput (910096c2b)
40
+ - feat(chip): updated focus states for chips and updated with new outline and background colors (ae4d60ebc)
41
+ - feat(modal): add a11y (92e118fa6)
42
+ - feat(verticalNav): add a11y support in vertical nav (6da6a6e10)
43
+ - feat(horizontalNav): add a11y support in horizontal nav (77bbe047d)
44
+ - feat(tabs): update a11y for tabs component (23d820fa9, abf9bccd4)
45
+ - feat(modal): add aria-labelledBy prop in modal component (c8efaa73e)
46
+ - feat(tabs): updated focus and tab click handler (30b800282)
47
+ - feat(sidesheet): add focus trap support in sidesheet component (456df25eb)
48
+ - feat(horizontalNav): update focus states for horizontal navigation (5b8607c79)
49
+ - feat(listbox): update focus outlines for Listbox items to improve accessibility (e293273cb)
50
+ - feat(modal): add focus trap support in modal component (1445837fa)
51
+ - feat(switch): enhance focus and existing states with outlines and border adjustments (a10d42af4)
52
+ - feat(link): enhance focus state for Link (0e0baa513)
53
+ - feat(linkButton): update focus styles for LinkButton (116dcf924)
54
+ - feat(ai button): updated focus styles for ai buttons (1840940ce)
55
+ - feat(AI Response): made accessibility changes to AI Response Component (b1b2b36a7)
56
+
57
+ ### Fixes
58
+
59
+ - fix(docs): update wcag a11y images in docs (607d58c09)
60
+ - fix(select): fixes custom trigger story in select (47901c265)
61
+ - fix(chip): update selected chip states visually (ca2d7af71)
62
+ - fix(patterns): fixed a11y issues in patterns example (e7cc0273d)
63
+ - fix(link): update border styles for default and subtle link states (b3574c909)
64
+ - fix(checkbox, radio): gap between label and radio, checkbox interactive (d86404727)
65
+ - fix(icons): prevent role/tabIndex to non-interactive icons to avoid nested controls (dc8ad26a5)
66
+ - fix(patterns): update patterns stories with a11y issues (fda590a69)
67
+ - fix(dropzone): keyboard accessibility improvements (b33dbd385)
68
+ - fix(switch,selectionCard): keyboard accessibility improvements (78193e55d)
69
+ - fix(segmentedControl): update border style for improved visual consistency (a721a8c61)
70
+
71
+ ### Improvements
72
+
73
+ - style(stepper): add stroke to the activated and activated completed state (fda7b585a)
74
+ - style(horizontalNav): update states visually for improving accessibility (2b28ebb76)
75
+ - style(button): enhance box-shadow for selected button states on focus and active (16027e831)
76
+ - style(button): update box-shadow for selected active button states (7115dd870)
77
+ - style: update hexcode with color tokens (52f2a4d13)
78
+ - refactor: remove design token usage rules file (7d40eee00)
79
+ - chore(deps-dev): bump svgo from 2.8.0 to 2.8.2 (4f8dba124)
80
+ - chore(deps-dev): bump minimatch from 3.1.2 to 3.1.5 (4d064aa84)
81
+ - chore(deps-dev): bump rollup from 2.79.2 to 2.80.0 (dde5b8c3b)
82
+
83
+ ### Documentation
84
+
85
+ - docs(linkButton): add a11y guidelines for link button (e092dafe2)
86
+ - chore(images): add an accessibility tab in Input and a guideline (cd2b298e5)
87
+ - feat(inputs): add 'Accessibility' tab to inputs documentation and guidelines (8d5973d45)
88
+ - feat(linkButton): add Accessibility tab to usage documentation and a guideline inside it (5f38dc9c8)
89
+ - feat(icons): add 'Accessibility' tab to icon usage documentation and a guideline for accessibility (edc440eb4)
90
+ - feat(select): add Accessibility tab to usage documentation and a guideline (653fde909)
91
+ - feat(radio): add Accessibility tab to radio usage documentation and a guidline inside it (fd9ed4c8e)
92
+ - feat(badges): add Accessibility tab to badges usage documentation and a guideline for accessibility (55a0ff9fb)
93
+ - feat(links): add Accessibility tab to links usage documentation and a guideline inside it (c2cce3ecc)
94
+ - feat(chips): add Accessibility tab to usage documentation and a guideline inside it (3a6f036c8)
95
+ - feat(usage): add Accessibility tab to inline editable fields documentation and a guideline inside it (0138cddfa)
96
+ - feat(breadcrumbs): add Accessibility tab to usage documentation and a guideline inside (7296f92a0)
97
+ - feat(checkbox): add 'Accessibility' tab to usage documentation and an error guideline (789fceb26)
98
+
99
+ ---
100
+
101
+ ## 4.20.0 (2026-02-24)
102
+
103
+ ### Highlights
104
+
105
+ - feat(a11y): add accessibility support in components (b8062d874)
106
+
107
+
108
+ ### Breaking changes
109
+
110
+ NA
111
+
112
+ ### Migration guide
113
+
114
+ NA
115
+
116
+ ### Deprecations
117
+
118
+ NA
119
+
120
+ ### Features
121
+
122
+ - feat(a11y): add accessibility support in components (b8062d874)
123
+
124
+ ### Fixes
125
+
126
+
127
+ ### Improvements
128
+
129
+ NA
130
+
131
+ ### Documentation
132
+
133
+ NA
134
+
135
+ ---
136
+
1
137
  ## 4.19.2 (2026-02-12)
2
138
 
3
139
  ### Highlights