@innovaccer/design-system 5.0.0-22 → 5.0.0-24
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.
- package/CHANGELOG.md +151 -0
- package/README.md +1 -1
- package/css/dist/index.css +592 -259
- package/css/dist/index.css.map +1 -1
- package/css/src/ai-components/chat.module.css +0 -13
- package/css/src/components/avatar.module.css +26 -4
- package/css/src/components/avatarGroup.module.css +18 -3
- package/css/src/components/avatarSelection.module.css +27 -5
- package/css/src/components/badge.module.css +1 -1
- package/css/src/components/button.module.css +12 -32
- package/css/src/components/calendar.module.css +47 -22
- package/css/src/components/chatInput.module.css +2 -3
- package/css/src/components/checkbox.module.css +2 -0
- package/css/src/components/chip.module.css +19 -5
- package/css/src/components/chipInput.module.css +7 -6
- package/css/src/components/inlineMessage.module.css +1 -1
- package/css/src/components/link.module.css +4 -3
- package/css/src/components/radio.module.css +2 -0
- package/css/src/components/slider.module.css +22 -0
- package/css/src/components/stepper.module.css +1 -0
- package/css/src/components/toast.module.css +14 -41
- package/css/src/core/utilities.css +3 -3
- package/css/src/tokens/index.css +325 -59
- package/css/src/variables/index.css +18 -17
- package/dist/brotli/index.js +4 -4
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +3 -3
- package/dist/core/components/atoms/avatar/Avatar.d.ts +1 -0
- package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -0
- package/dist/core/components/atoms/avatarSelection/AvatarSelection.d.ts +2 -0
- package/dist/core/components/atoms/icon/Icon.d.ts +1 -0
- package/dist/core/components/atoms/multiSlider/Handle.d.ts +5 -1
- package/dist/core/components/atoms/multiSlider/SliderUtils.d.ts +1 -1
- package/dist/core/components/molecules/stepper/Step.d.ts +3 -4
- package/dist/core/components/molecules/tooltip/Tooltip.d.ts +2 -0
- package/dist/core/components/organisms/calendar/Calendar.d.ts +15 -2
- package/dist/core/components/organisms/calendar/utils.d.ts +54 -0
- package/dist/core/utils/Keys.d.ts +4 -0
- package/dist/core/utils/docPage/AccessibilityPropTable.d.ts +7 -0
- package/dist/core/utils/docPage/accessibilityProps.d.ts +18 -0
- package/dist/core/utils/overlayHelper.d.ts +1 -0
- package/dist/esm/index.js +1431 -499
- package/dist/gzip/index.js +4 -4
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.umd.css +582 -249
- package/dist/index.umd.js +3 -3
- package/dist/types/tsconfig.type.tsbuildinfo +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,154 @@
|
|
|
1
|
+
## 4.22.0 (2026-03-30)
|
|
2
|
+
|
|
3
|
+
### Highlights
|
|
4
|
+
|
|
5
|
+
- feat(colors): introduced primitive color scale tokens.
|
|
6
|
+
- Extended WCAG 2.2 AA accessibility coverage across Table, FileList, Breadcrumbs, Pagination, ProgressRing, Modal, Calendar, Tooltip, Slider, and Avatar;
|
|
7
|
+
|
|
8
|
+
### Breaking changes
|
|
9
|
+
|
|
10
|
+
NA
|
|
11
|
+
|
|
12
|
+
### Migration guide
|
|
13
|
+
|
|
14
|
+
NA
|
|
15
|
+
|
|
16
|
+
### Deprecations
|
|
17
|
+
|
|
18
|
+
NA
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
- feat(Table): add aria-labels to column filter and menu icon buttons (e56f9a4d6)
|
|
23
|
+
- feat(fileList): enhance accessibility with aria-labels for file items (fd42fdbab)
|
|
24
|
+
- feat(breadcrumbs): enhance accessibility by adding aria-labels and changing div to nav (293c1be80)
|
|
25
|
+
- feat(pagination): add aria-labels for accessibility on pagination buttons (0e3897481)
|
|
26
|
+
- feat(progressRing): add accessibility attributes for progress indication (5169b0b8e)
|
|
27
|
+
- feat(modal): add aria-label for close button to improve accessibility (66f22a52a)
|
|
28
|
+
- feat(a11y): add accessibility prop table (159bcebfc)
|
|
29
|
+
- feat(calendar): add keyboard navigation (730dd9339)
|
|
30
|
+
- feat(tooltip): close tooltip on Escape key for WCAG (48aee979d)
|
|
31
|
+
- feat(slider): improve keyboard navigation and story updates (7233a83c0)
|
|
32
|
+
- feat(avatar): add accessibility support in avatar family components (040a32c00)
|
|
33
|
+
- feat(tokens): introduce primitive color scale and update palette (339e8d307)
|
|
34
|
+
|
|
35
|
+
### Fixes
|
|
36
|
+
|
|
37
|
+
- fix(combobox): update multiselect clear icon to match Input clear icon pattern (3d48abbb7)
|
|
38
|
+
- fix(chatInput): update focus state to outline-based ring per design spec (a5309c8d8)
|
|
39
|
+
- fix(chipInput): update focus ring to outline-based style, remove error halo (040f94e1f)
|
|
40
|
+
- fix(button): revert focus ring to primary-focus, keep inverse-focus only for toast (bfd4fca54)
|
|
41
|
+
- fix(colors): replace hardcoded colors with design tokens and update focus styles (5b3677350)
|
|
42
|
+
- fix(table): update infinite scroll fetch rows issue (03855578a)
|
|
43
|
+
- fix(button): remove blend mode from outlined variants (9364aa673)
|
|
44
|
+
|
|
45
|
+
### Improvements
|
|
46
|
+
|
|
47
|
+
- chore: fix synk vulnerability badge link (12e3ae1f4)
|
|
48
|
+
- chore: add mkdirp dependencies for docs site (135834ae8)
|
|
49
|
+
|
|
50
|
+
---
|
|
51
|
+
|
|
52
|
+
## 4.21.0 (2026-03-19)
|
|
53
|
+
|
|
54
|
+
### Highlights
|
|
55
|
+
|
|
56
|
+
- feat: add accessibility in design system components based on WCAG 2.2 AA guidelines
|
|
57
|
+
|
|
58
|
+
### Breaking changes
|
|
59
|
+
|
|
60
|
+
NA
|
|
61
|
+
|
|
62
|
+
### Migration guide
|
|
63
|
+
|
|
64
|
+
NA
|
|
65
|
+
|
|
66
|
+
### Deprecations
|
|
67
|
+
|
|
68
|
+
NA
|
|
69
|
+
|
|
70
|
+
### Features
|
|
71
|
+
|
|
72
|
+
- feat(slider): add keyboard navigation (0e88dab18)
|
|
73
|
+
- feat(stepper): keyboard accessibility — Arrow navigation, Home/End (8c3c67b48)
|
|
74
|
+
- feat(chip): update action icon button in chip component (ddc4dc716)
|
|
75
|
+
- feat(select): add wrap behavior story (7f9aec6b9)
|
|
76
|
+
- feat(VerticalNav): add Tree View keyboard accessibility (WAI-ARIA) (14def7ce5)
|
|
77
|
+
- feat(chatInput): fixed the bg color on hover to fix placeholder contrast issue (e6d709f44)
|
|
78
|
+
- feat(verticalNav): enhance focus and active states for menu items (c983af292)
|
|
79
|
+
- feat(calendar): update calendar colors for WCAG 2.2 compliance (817f71c25)
|
|
80
|
+
- feat(stories): add a11y props in all component stories (1c84fdc52)
|
|
81
|
+
- feat(chip): add ally props in chip family components (cf1f72971)
|
|
82
|
+
- feat(styles): update focus states across multiple components to use consistent outline styling (500957700)
|
|
83
|
+
- feat(select): update touchpoint of action icon button (8c0d3bc62)
|
|
84
|
+
- feat(editableInput): update space key behavior (2a10d98b6)
|
|
85
|
+
- feat(input): update focus state for input component (6bfa7abe0)
|
|
86
|
+
- feat(input): update touchpoint area for icon in input component (e296a098c)
|
|
87
|
+
- feat(tabs): update touchpoint area for icon in tabs component (7c773595c)
|
|
88
|
+
- feat(AIChip): update focus ring to outline-based style (1ad88257b)
|
|
89
|
+
- feat(textarea): update focus styles to use outline-based focus ring (bb815bb3e)
|
|
90
|
+
- feat(metricInput): update focus style for metricInput (910096c2b)
|
|
91
|
+
- feat(chip): updated focus states for chips and updated with new outline and background colors (ae4d60ebc)
|
|
92
|
+
- feat(modal): add a11y (92e118fa6)
|
|
93
|
+
- feat(verticalNav): add a11y support in vertical nav (6da6a6e10)
|
|
94
|
+
- feat(horizontalNav): add a11y support in horizontal nav (77bbe047d)
|
|
95
|
+
- feat(tabs): update a11y for tabs component (23d820fa9, abf9bccd4)
|
|
96
|
+
- feat(modal): add aria-labelledBy prop in modal component (c8efaa73e)
|
|
97
|
+
- feat(tabs): updated focus and tab click handler (30b800282)
|
|
98
|
+
- feat(sidesheet): add focus trap support in sidesheet component (456df25eb)
|
|
99
|
+
- feat(horizontalNav): update focus states for horizontal navigation (5b8607c79)
|
|
100
|
+
- feat(listbox): update focus outlines for Listbox items to improve accessibility (e293273cb)
|
|
101
|
+
- feat(modal): add focus trap support in modal component (1445837fa)
|
|
102
|
+
- feat(switch): enhance focus and existing states with outlines and border adjustments (a10d42af4)
|
|
103
|
+
- feat(link): enhance focus state for Link (0e0baa513)
|
|
104
|
+
- feat(linkButton): update focus styles for LinkButton (116dcf924)
|
|
105
|
+
- feat(ai button): updated focus styles for ai buttons (1840940ce)
|
|
106
|
+
- feat(AI Response): made accessibility changes to AI Response Component (b1b2b36a7)
|
|
107
|
+
|
|
108
|
+
### Fixes
|
|
109
|
+
|
|
110
|
+
- fix(docs): update wcag a11y images in docs (607d58c09)
|
|
111
|
+
- fix(select): fixes custom trigger story in select (47901c265)
|
|
112
|
+
- fix(chip): update selected chip states visually (ca2d7af71)
|
|
113
|
+
- fix(patterns): fixed a11y issues in patterns example (e7cc0273d)
|
|
114
|
+
- fix(link): update border styles for default and subtle link states (b3574c909)
|
|
115
|
+
- fix(checkbox, radio): gap between label and radio, checkbox interactive (d86404727)
|
|
116
|
+
- fix(icons): prevent role/tabIndex to non-interactive icons to avoid nested controls (dc8ad26a5)
|
|
117
|
+
- fix(patterns): update patterns stories with a11y issues (fda590a69)
|
|
118
|
+
- fix(dropzone): keyboard accessibility improvements (b33dbd385)
|
|
119
|
+
- fix(switch,selectionCard): keyboard accessibility improvements (78193e55d)
|
|
120
|
+
- fix(segmentedControl): update border style for improved visual consistency (a721a8c61)
|
|
121
|
+
|
|
122
|
+
### Improvements
|
|
123
|
+
|
|
124
|
+
- style(stepper): add stroke to the activated and activated completed state (fda7b585a)
|
|
125
|
+
- style(horizontalNav): update states visually for improving accessibility (2b28ebb76)
|
|
126
|
+
- style(button): enhance box-shadow for selected button states on focus and active (16027e831)
|
|
127
|
+
- style(button): update box-shadow for selected active button states (7115dd870)
|
|
128
|
+
- style: update hexcode with color tokens (52f2a4d13)
|
|
129
|
+
- refactor: remove design token usage rules file (7d40eee00)
|
|
130
|
+
- chore(deps-dev): bump svgo from 2.8.0 to 2.8.2 (4f8dba124)
|
|
131
|
+
- chore(deps-dev): bump minimatch from 3.1.2 to 3.1.5 (4d064aa84)
|
|
132
|
+
- chore(deps-dev): bump rollup from 2.79.2 to 2.80.0 (dde5b8c3b)
|
|
133
|
+
|
|
134
|
+
### Documentation
|
|
135
|
+
|
|
136
|
+
- docs(linkButton): add a11y guidelines for link button (e092dafe2)
|
|
137
|
+
- chore(images): add an accessibility tab in Input and a guideline (cd2b298e5)
|
|
138
|
+
- feat(inputs): add 'Accessibility' tab to inputs documentation and guidelines (8d5973d45)
|
|
139
|
+
- feat(linkButton): add Accessibility tab to usage documentation and a guideline inside it (5f38dc9c8)
|
|
140
|
+
- feat(icons): add 'Accessibility' tab to icon usage documentation and a guideline for accessibility (edc440eb4)
|
|
141
|
+
- feat(select): add Accessibility tab to usage documentation and a guideline (653fde909)
|
|
142
|
+
- feat(radio): add Accessibility tab to radio usage documentation and a guidline inside it (fd9ed4c8e)
|
|
143
|
+
- feat(badges): add Accessibility tab to badges usage documentation and a guideline for accessibility (55a0ff9fb)
|
|
144
|
+
- feat(links): add Accessibility tab to links usage documentation and a guideline inside it (c2cce3ecc)
|
|
145
|
+
- feat(chips): add Accessibility tab to usage documentation and a guideline inside it (3a6f036c8)
|
|
146
|
+
- feat(usage): add Accessibility tab to inline editable fields documentation and a guideline inside it (0138cddfa)
|
|
147
|
+
- feat(breadcrumbs): add Accessibility tab to usage documentation and a guideline inside (7296f92a0)
|
|
148
|
+
- feat(checkbox): add 'Accessibility' tab to usage documentation and an error guideline (789fceb26)
|
|
149
|
+
|
|
150
|
+
---
|
|
151
|
+
|
|
1
152
|
## 4.20.0 (2026-02-24)
|
|
2
153
|
|
|
3
154
|
### Highlights
|
package/README.md
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
<div align="center">
|
|
18
18
|
|
|
19
|
-
[](https://codecov.io/gh/innovaccer/design-system)   ](https://codecov.io/gh/innovaccer/design-system)   [](https://snyk.io/test/github/innovaccer/design-system)
|
|
20
20
|
|
|
21
21
|
</div>
|
|
22
22
|
<br/>
|