@innovaccer/design-system 4.26.1 → 4.27.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 (31) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/css/dist/index.css +32 -10
  3. package/css/dist/index.css.map +1 -1
  4. package/css/src/components/calendar.module.css +3 -4
  5. package/css/src/components/grid.module.css +18 -6
  6. package/css/src/components/horizontalNav.module.css +11 -0
  7. package/dist/brotli/index.js +1 -1
  8. package/dist/brotli/index.js.br +0 -0
  9. package/dist/cjs/index.js +1 -1
  10. package/dist/core/components/atoms/dropdown/DropdownButton.d.ts +1 -0
  11. package/dist/core/components/atoms/input/Input.d.ts +1 -0
  12. package/dist/core/components/organisms/calendar/Calendar.d.ts +2 -0
  13. package/dist/core/components/organisms/calendar/utils.d.ts +5 -0
  14. package/dist/core/components/organisms/datePicker/DatePicker.d.ts +4 -0
  15. package/dist/core/components/organisms/datePicker/Trigger.d.ts +2 -0
  16. package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +8 -0
  17. package/dist/core/components/organisms/dateRangePicker/SingleInputTrigger.d.ts +2 -0
  18. package/dist/core/components/organisms/dateRangePicker/Trigger.d.ts +6 -0
  19. package/dist/core/components/organisms/grid/columnUtility.d.ts +1 -1
  20. package/dist/core/components/organisms/select/Select.d.ts +2 -0
  21. package/dist/core/components/organisms/select/SelectOption.d.ts +1 -0
  22. package/dist/core/components/organisms/select/SelectTrigger.d.ts +2 -0
  23. package/dist/esm/index.js +744 -375
  24. package/dist/gzip/index.js +1 -1
  25. package/dist/gzip/index.js.gz +0 -0
  26. package/dist/index.js +609 -289
  27. package/dist/index.js.map +1 -1
  28. package/dist/index.umd.css +32 -10
  29. package/dist/index.umd.js +1 -1
  30. package/dist/types/tsconfig.type.tsbuildinfo +43 -39
  31. package/package.json +1 -1
@@ -216,15 +216,14 @@
216
216
  color: inherit;
217
217
  }
218
218
 
219
+ /* Always show focus on calendar cells: open-via-click moves focus programmatically
220
+ (mouse modality → :focus-visible is false), and roving tabindex needs a visible target. */
221
+ .Calendar-value:focus,
219
222
  .Calendar-value:focus-visible {
220
223
  outline: var(--border-width-05) solid var(--primary-focus);
221
224
  outline-offset: 1px;
222
225
  }
223
226
 
224
- .Calendar-value:focus:not(:focus-visible) {
225
- outline: none;
226
- }
227
-
228
227
  .Calendar-value:hover {
229
228
  background: var(--secondary-light);
230
229
  border-color: var(--secondary-dark);
@@ -251,13 +251,25 @@
251
251
 
252
252
  .Grid-cellResize {
253
253
  position: absolute;
254
+ top: 0;
254
255
  right: 0;
255
- width: var(--spacing-10);
256
+ width: var(--spacing-60);
257
+ height: 100%;
256
258
  cursor: ew-resize;
259
+ box-sizing: border-box;
260
+ }
261
+
262
+ .Grid-cellResize::after {
263
+ content: '';
264
+ position: absolute;
265
+ top: 0;
266
+ right: 0;
267
+ width: var(--spacing-10);
257
268
  height: 100%;
258
- padding-right: var(--spacing-60);
259
- margin-right: calc(-1 * var(--spacing-60));
260
- box-sizing: content-box;
269
+ }
270
+
271
+ .Grid-headCell:has(> .Grid-cellResize) {
272
+ padding-right: calc(var(--spacing-60) - var(--spacing-10));
261
273
  }
262
274
 
263
275
  .Grid-cellSortIcon {
@@ -270,12 +282,12 @@
270
282
  background: var(--secondary);
271
283
  }
272
284
 
273
- .Grid-cellResize:hover {
285
+ .Grid-cellResize:hover::after,
286
+ .Grid-cellResize:focus-visible::after {
274
287
  background: var(--primary);
275
288
  }
276
289
 
277
290
  .Grid-cellResize:focus-visible {
278
- background: var(--primary);
279
291
  outline: none;
280
292
  }
281
293
 
@@ -2,6 +2,17 @@
2
2
  display: flex;
3
3
  }
4
4
 
5
+ .HorizontalNav-list {
6
+ display: flex;
7
+ list-style: none;
8
+ margin: 0;
9
+ padding: 0;
10
+ }
11
+
12
+ .HorizontalNav-listItem {
13
+ display: flex;
14
+ }
15
+
5
16
  .HorizontalNav-menu {
6
17
  box-sizing: border-box;
7
18
  display: flex;