@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
@@ -4597,15 +4597,14 @@ body {
4597
4597
  color: inherit;
4598
4598
  }
4599
4599
 
4600
+ /* Always show focus on calendar cells: open-via-click moves focus programmatically
4601
+ (mouse modality → :focus-visible is false), and roving tabindex needs a visible target. */
4602
+ .Calendar-value:focus,
4600
4603
  .Calendar-value:focus-visible {
4601
4604
  outline: var(--border-width-05) solid var(--primary-focus);
4602
4605
  outline-offset: 1px;
4603
4606
  }
4604
4607
 
4605
- .Calendar-value:focus:not(:focus-visible) {
4606
- outline: none;
4607
- }
4608
-
4609
4608
  .Calendar-value:hover {
4610
4609
  background: var(--secondary-light);
4611
4610
  border-color: var(--secondary-dark);
@@ -6097,13 +6096,25 @@ body {
6097
6096
 
6098
6097
  .Grid-cellResize {
6099
6098
  position: absolute;
6099
+ top: 0;
6100
6100
  right: 0;
6101
- width: var(--spacing-10);
6101
+ width: var(--spacing-60);
6102
+ height: 100%;
6102
6103
  cursor: ew-resize;
6104
+ box-sizing: border-box;
6105
+ }
6106
+
6107
+ .Grid-cellResize::after {
6108
+ content: '';
6109
+ position: absolute;
6110
+ top: 0;
6111
+ right: 0;
6112
+ width: var(--spacing-10);
6103
6113
  height: 100%;
6104
- padding-right: var(--spacing-60);
6105
- margin-right: calc(-1 * var(--spacing-60));
6106
- box-sizing: content-box;
6114
+ }
6115
+
6116
+ .Grid-headCell:has(> .Grid-cellResize) {
6117
+ padding-right: calc(var(--spacing-60) - var(--spacing-10));
6107
6118
  }
6108
6119
 
6109
6120
  .Grid-cellSortIcon {
@@ -6116,12 +6127,12 @@ body {
6116
6127
  background: var(--secondary);
6117
6128
  }
6118
6129
 
6119
- .Grid-cellResize:hover {
6130
+ .Grid-cellResize:hover::after,
6131
+ .Grid-cellResize:focus-visible::after {
6120
6132
  background: var(--primary);
6121
6133
  }
6122
6134
 
6123
6135
  .Grid-cellResize:focus-visible {
6124
- background: var(--primary);
6125
6136
  outline: none;
6126
6137
  }
6127
6138
 
@@ -10188,6 +10199,17 @@ body {
10188
10199
  display: flex;
10189
10200
  }
10190
10201
 
10202
+ .HorizontalNav-list {
10203
+ display: flex;
10204
+ list-style: none;
10205
+ margin: 0;
10206
+ padding: 0;
10207
+ }
10208
+
10209
+ .HorizontalNav-listItem {
10210
+ display: flex;
10211
+ }
10212
+
10191
10213
  .HorizontalNav-menu {
10192
10214
  box-sizing: border-box;
10193
10215
  display: flex;