@innovaccer/design-system 4.26.1 → 4.28.0-1
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 +58 -0
- package/css/SCOPED_CSS.md +145 -0
- package/css/dist/index.css +36 -14
- package/css/dist/index.css.map +1 -1
- package/css/dist/mds-scoped.css +13826 -0
- package/css/gulpfile.js +34 -25
- package/css/scoped/package.json +5 -0
- package/css/scripts/build-scoped.mjs +313 -0
- package/css/scripts/css-sources.cjs +49 -0
- package/css/scripts/portal-roots.cjs +47 -0
- package/css/src/components/calendar.module.css +3 -4
- package/css/src/components/grid.module.css +18 -6
- package/css/src/components/horizontalNav.module.css +11 -0
- package/css/src/components/spinner.module.css +4 -4
- package/dist/brotli/index.js +1 -1
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +1 -1
- package/dist/core/components/atoms/dropdown/DropdownButton.d.ts +1 -0
- package/dist/core/components/atoms/input/Input.d.ts +1 -0
- package/dist/core/components/organisms/calendar/Calendar.d.ts +2 -0
- package/dist/core/components/organisms/calendar/utils.d.ts +5 -0
- package/dist/core/components/organisms/datePicker/DatePicker.d.ts +4 -0
- package/dist/core/components/organisms/datePicker/Trigger.d.ts +2 -0
- package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +8 -0
- package/dist/core/components/organisms/dateRangePicker/SingleInputTrigger.d.ts +2 -0
- package/dist/core/components/organisms/dateRangePicker/Trigger.d.ts +6 -0
- package/dist/core/components/organisms/grid/columnUtility.d.ts +1 -1
- package/dist/core/components/organisms/select/Select.d.ts +2 -0
- package/dist/core/components/organisms/select/SelectOption.d.ts +1 -0
- package/dist/core/components/organisms/select/SelectTrigger.d.ts +2 -0
- package/dist/esm/index.js +744 -375
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +609 -289
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +36 -14
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +43 -39
- package/package.json +3 -2
package/dist/index.umd.css
CHANGED
|
@@ -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-
|
|
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
|
-
|
|
6105
|
-
|
|
6106
|
-
|
|
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
|
|
|
@@ -9296,7 +9307,7 @@ body {
|
|
|
9296
9307
|
cursor: default;
|
|
9297
9308
|
}
|
|
9298
9309
|
|
|
9299
|
-
@keyframes rotate {
|
|
9310
|
+
@keyframes mds-rotate {
|
|
9300
9311
|
0% {
|
|
9301
9312
|
transform: rotate(0deg);
|
|
9302
9313
|
}
|
|
@@ -9305,7 +9316,7 @@ body {
|
|
|
9305
9316
|
}
|
|
9306
9317
|
}
|
|
9307
9318
|
|
|
9308
|
-
@keyframes spin {
|
|
9319
|
+
@keyframes mds-spin {
|
|
9309
9320
|
0% {
|
|
9310
9321
|
stroke-dasharray: 1, 200;
|
|
9311
9322
|
stroke-dashoffset: 0;
|
|
@@ -9321,7 +9332,7 @@ body {
|
|
|
9321
9332
|
}
|
|
9322
9333
|
|
|
9323
9334
|
.Spinner {
|
|
9324
|
-
animation: rotate 2s linear infinite;
|
|
9335
|
+
animation: mds-rotate 2s linear infinite;
|
|
9325
9336
|
}
|
|
9326
9337
|
|
|
9327
9338
|
.Spinner--xsmall {
|
|
@@ -9348,7 +9359,7 @@ body {
|
|
|
9348
9359
|
stroke-linecap: round;
|
|
9349
9360
|
stroke-dasharray: 1 200;
|
|
9350
9361
|
stroke-dashoffset: 0;
|
|
9351
|
-
animation: spin 1.5s ease-in-out infinite;
|
|
9362
|
+
animation: mds-spin 1.5s ease-in-out infinite;
|
|
9352
9363
|
}
|
|
9353
9364
|
|
|
9354
9365
|
.Circle--primary {
|
|
@@ -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;
|