@innovaccer/design-system 2.16.2 → 2.18.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.
- package/CHANGELOG.md +86 -0
- package/css/dist/index.css +71 -30
- package/css/dist/index.css.map +1 -1
- package/css/src/components/avatar.css +1 -1
- package/css/src/components/avatarGroup.css +13 -1
- package/css/src/components/calendar.css +5 -5
- package/css/src/components/chipInput.css +42 -18
- package/css/src/components/radio.css +6 -4
- package/css/src/components/toast.css +1 -1
- package/css/src/core/typography.css +3 -0
- package/dist/.lib/tsconfig.type.tsbuildinfo +34 -32
- package/dist/core/accessibility/utils/useAccessibilityProps.d.ts +3 -1
- package/dist/core/common.type.d.ts +1 -0
- package/dist/core/components/atoms/_chip/index.d.ts +1 -0
- package/dist/core/components/atoms/avatar/Avatar.d.ts +1 -2
- package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +4 -1
- package/dist/core/components/atoms/chip/Chip.d.ts +1 -0
- package/dist/core/components/organisms/grid/Cell.d.ts +1 -0
- package/dist/core/components/organisms/grid/GridNestedRow.d.ts +2 -0
- package/dist/index.esm.js +150 -113
- package/dist/index.js +112 -77
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.br +0 -0
- package/dist/index.umd.js.gz +0 -0
- package/package.json +2 -2
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
.AvatarGroup-item {
|
|
2
|
-
|
|
2
|
+
border-radius: 50%;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.AvatarGroup-item--regular {
|
|
6
|
+
margin-right: calc(var(--spacing-m) * -1);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.AvatarGroup-item--tiny {
|
|
10
|
+
margin-right: calc(var(--spacing-s) * -1);
|
|
3
11
|
}
|
|
4
12
|
|
|
5
13
|
.AvatarGroup-Popper {
|
|
@@ -17,3 +25,7 @@
|
|
|
17
25
|
align-items: flex-end;
|
|
18
26
|
overflow-y: auto;
|
|
19
27
|
}
|
|
28
|
+
|
|
29
|
+
.AvatarCount-wrapper {
|
|
30
|
+
border-radius: 50%;
|
|
31
|
+
}
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.Calendar-month--small {
|
|
25
|
-
height:
|
|
25
|
+
height: 200px;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.Calendar-year--small {
|
|
29
|
-
height:
|
|
29
|
+
height: 200px;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.Calendar--large {
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.Calendar-month--large {
|
|
45
|
-
height:
|
|
45
|
+
height: 276px;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.Calendar-year--large {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
display: flex;
|
|
63
63
|
justify-content: center;
|
|
64
64
|
align-items: center;
|
|
65
|
-
padding-bottom: var(--spacing
|
|
65
|
+
padding-bottom: var(--spacing);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.Calendar-headerIcon {
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
display: flex;
|
|
96
96
|
flex-direction: column;
|
|
97
97
|
flex-grow: 1;
|
|
98
|
-
justify-content: space-
|
|
98
|
+
justify-content: space-between;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
.Calendar-valueRow {
|
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
.ChipInput {
|
|
2
|
-
box-sizing: border-box;
|
|
3
2
|
display: flex;
|
|
4
3
|
border-radius: var(--spacing-m);
|
|
5
|
-
|
|
6
|
-
padding-left:
|
|
7
|
-
padding-
|
|
8
|
-
padding-bottom: var(--spacing-xs);
|
|
4
|
+
box-shadow: inset 0 0 0 var(--spacing-xs) var(--secondary);
|
|
5
|
+
padding-left: 10px;
|
|
6
|
+
padding-right: 10px;
|
|
9
7
|
background: var(--white);
|
|
10
8
|
cursor: text;
|
|
11
9
|
flex: 100%;
|
|
12
10
|
}
|
|
13
11
|
|
|
14
|
-
.ChipInput
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
align-items: center;
|
|
18
|
-
flex-wrap: wrap;
|
|
12
|
+
.ChipInput:focus,
|
|
13
|
+
.ChipInput:focus-visible {
|
|
14
|
+
outline: var(--spacing-xs) var(--primary);
|
|
19
15
|
}
|
|
20
16
|
|
|
21
17
|
.ChipInput:focus-within {
|
|
22
|
-
|
|
23
|
-
box-shadow: var(--shadow-spread) var(--primary-shadow);
|
|
18
|
+
box-shadow: inset 0 0 0 var(--spacing-xs) var(--primary);
|
|
24
19
|
}
|
|
25
20
|
|
|
26
21
|
.ChipInput--disabled {
|
|
@@ -29,6 +24,22 @@
|
|
|
29
24
|
pointer-events: none;
|
|
30
25
|
}
|
|
31
26
|
|
|
27
|
+
.ChipInput--withChips {
|
|
28
|
+
padding-right: var(--spacing);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.ChipInput-wrapper {
|
|
32
|
+
display: flex;
|
|
33
|
+
flex: 100%;
|
|
34
|
+
align-items: center;
|
|
35
|
+
flex-wrap: wrap;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.ChipInput-border:focus-within {
|
|
39
|
+
border-radius: var(--spacing-m);
|
|
40
|
+
box-shadow: var(--shadow-spread) var(--primary-shadow);
|
|
41
|
+
}
|
|
42
|
+
|
|
32
43
|
.ChipInput-input {
|
|
33
44
|
border: none;
|
|
34
45
|
outline: none;
|
|
@@ -38,17 +49,30 @@
|
|
|
38
49
|
flex: 0px;
|
|
39
50
|
box-sizing: border-box;
|
|
40
51
|
height: var(--spacing-xl);
|
|
41
|
-
margin-top: var(--spacing-
|
|
42
|
-
margin-bottom: var(--spacing-
|
|
43
|
-
padding-left: var(--spacing-m);
|
|
52
|
+
margin-top: var(--spacing-m);
|
|
53
|
+
margin-bottom: var(--spacing-m);
|
|
44
54
|
font-family: var(--font-family);
|
|
45
55
|
font-size: var(--font-size);
|
|
46
56
|
}
|
|
47
57
|
|
|
48
58
|
.ChipInput-icon {
|
|
49
59
|
height: var(--spacing-2);
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
margin-
|
|
60
|
+
padding: var(--spacing-s);
|
|
61
|
+
margin-left: var(--spacing);
|
|
62
|
+
margin-top: 6px;
|
|
53
63
|
cursor: pointer;
|
|
64
|
+
border-radius: 10px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.ChipInput-icon:hover {
|
|
68
|
+
background-color: var(--secondary);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.ChipInput-icon:active {
|
|
72
|
+
background-color: var(--secondary-dark);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.ChipInput-icon:focus,
|
|
76
|
+
.ChipInput-icon:focus-visible {
|
|
77
|
+
outline: var(--spacing-s) solid var(--secondary-shadow);
|
|
54
78
|
}
|
|
@@ -98,22 +98,24 @@
|
|
|
98
98
|
border-color: var(--alert-darker);
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.Radio-
|
|
101
|
+
.Radio:focus-within .Radio-wrapper {
|
|
102
102
|
outline: 0;
|
|
103
103
|
box-shadow: var(--shadow-spread) var(--secondary-shadow);
|
|
104
|
+
border-radius: 50%;
|
|
104
105
|
}
|
|
105
106
|
|
|
106
|
-
.Radio-
|
|
107
|
+
.Radio:focus-within .Radio-errorWrapper {
|
|
107
108
|
outline: 0;
|
|
108
109
|
box-shadow: var(--shadow-spread) var(--alert-shadow);
|
|
110
|
+
border-radius: 50%;
|
|
109
111
|
}
|
|
110
112
|
|
|
111
|
-
.Radio-input:checked ~ .Radio-wrapper
|
|
113
|
+
.Radio:focus-within .Radio-input:checked ~ .Radio-wrapper {
|
|
112
114
|
outline: 0;
|
|
113
115
|
box-shadow: var(--shadow-spread) var(--primary-shadow);
|
|
114
116
|
}
|
|
115
117
|
|
|
116
|
-
.Radio-input:checked ~ .Radio-errorWrapper
|
|
118
|
+
.Radio:focus-within .Radio-input:checked ~ .Radio-errorWrapper {
|
|
117
119
|
outline: 0;
|
|
118
120
|
box-shadow: var(--shadow-spread) var(--primary-shadow);
|
|
119
121
|
}
|
|
@@ -131,6 +131,7 @@ body {
|
|
|
131
131
|
.Label-text {
|
|
132
132
|
line-height: var(--font-height-s);
|
|
133
133
|
font-weight: var(--font-weight-medium);
|
|
134
|
+
word-break: break-all;
|
|
134
135
|
}
|
|
135
136
|
|
|
136
137
|
.Label-optionalText {
|
|
@@ -148,6 +149,8 @@ body {
|
|
|
148
149
|
border-radius: 50%;
|
|
149
150
|
background: var(--alert);
|
|
150
151
|
margin-left: var(--spacing-m);
|
|
152
|
+
margin-bottom: 6px;
|
|
153
|
+
display: inline-flex;
|
|
151
154
|
}
|
|
152
155
|
|
|
153
156
|
/* Caption */
|
|
@@ -232,8 +232,8 @@
|
|
|
232
232
|
"affectsGlobalScope": false
|
|
233
233
|
},
|
|
234
234
|
"../../core/components/atoms/avatar/Avatar.tsx": {
|
|
235
|
-
"version": "
|
|
236
|
-
"signature": "
|
|
235
|
+
"version": "b047a2d2d3524645a492a130d43b8ebac4e44a0e566fce7ac0cdae0676aec70c",
|
|
236
|
+
"signature": "5b8cab30364e8daa0afadd8c184c45e1e44757bb1d7fa53df4d64be299a03b51",
|
|
237
237
|
"affectsGlobalScope": false
|
|
238
238
|
},
|
|
239
239
|
"../../core/components/atoms/avatar/index.tsx": {
|
|
@@ -242,12 +242,12 @@
|
|
|
242
242
|
"affectsGlobalScope": false
|
|
243
243
|
},
|
|
244
244
|
"../../core/components/atoms/avatarGroup/AvatarCount.tsx": {
|
|
245
|
-
"version": "
|
|
245
|
+
"version": "9988e292990f14ff0f0dca6ecaa213a5186e646630aec7a668f0c15b1c62beb4",
|
|
246
246
|
"signature": "28638b5b5c48afd430b5756033eefbe33a8098c1c0f56ee71b8c98c127808d1c",
|
|
247
247
|
"affectsGlobalScope": false
|
|
248
248
|
},
|
|
249
249
|
"../../core/components/atoms/avatarGroup/Avatars.tsx": {
|
|
250
|
-
"version": "
|
|
250
|
+
"version": "c3e28979e684787b885964e7daec3674d63ac42fecc66dc6aa86c0e22080e1a1",
|
|
251
251
|
"signature": "695e51eeb303f29c0263fa5c6b977153066291197a52797f11988ab8e4e7e43b",
|
|
252
252
|
"affectsGlobalScope": false
|
|
253
253
|
},
|
|
@@ -257,8 +257,8 @@
|
|
|
257
257
|
"affectsGlobalScope": false
|
|
258
258
|
},
|
|
259
259
|
"../../core/components/atoms/avatarGroup/AvatarGroup.tsx": {
|
|
260
|
-
"version": "
|
|
261
|
-
"signature": "
|
|
260
|
+
"version": "98ffacedf310585b5dcb23d9ac1d9d0100bd4fd6e55966a34735537599f46023",
|
|
261
|
+
"signature": "f1ce022850aac94e4b631f7169a974fae72bec47b9db5df00244abd1822835e9",
|
|
262
262
|
"affectsGlobalScope": false
|
|
263
263
|
},
|
|
264
264
|
"../../core/components/atoms/avatarGroup/index.tsx": {
|
|
@@ -412,8 +412,8 @@
|
|
|
412
412
|
"affectsGlobalScope": false
|
|
413
413
|
},
|
|
414
414
|
"../../core/accessibility/utils/useAccessibilityProps.ts": {
|
|
415
|
-
"version": "
|
|
416
|
-
"signature": "
|
|
415
|
+
"version": "05105112f6557f671bdaec3224459c2ac1e74c2626fc12ecf6b62ca64212ed04",
|
|
416
|
+
"signature": "223d68c9ab2fa0e155cf70bf3b20a45e9011562d86cb390de713055b42afee55",
|
|
417
417
|
"affectsGlobalScope": false
|
|
418
418
|
},
|
|
419
419
|
"../../core/accessibility/utils/index.ts": {
|
|
@@ -447,13 +447,13 @@
|
|
|
447
447
|
"affectsGlobalScope": false
|
|
448
448
|
},
|
|
449
449
|
"../../core/components/atoms/_chip/index.tsx": {
|
|
450
|
-
"version": "
|
|
451
|
-
"signature": "
|
|
450
|
+
"version": "ebfafc05ea02749f9c3ef5ab0cc483c8a35b9e079e78ea05a40e47f946e20509",
|
|
451
|
+
"signature": "9ddde0081ad6cfabc13d27fab42b167f3308671fca8ffecde6d3f892bbc1f1a7",
|
|
452
452
|
"affectsGlobalScope": false
|
|
453
453
|
},
|
|
454
454
|
"../../core/components/atoms/chip/Chip.tsx": {
|
|
455
|
-
"version": "
|
|
456
|
-
"signature": "
|
|
455
|
+
"version": "1eed2a59759d8f1281df13156a2dccb11a52282df5a677536506b6576d4f7e7c",
|
|
456
|
+
"signature": "d7c0c1781f170ae67e4d15ee9be70376f7abdf6e2382ef759a79d01c50db3a90",
|
|
457
457
|
"affectsGlobalScope": false
|
|
458
458
|
},
|
|
459
459
|
"../../core/components/atoms/chip/index.tsx": {
|
|
@@ -507,7 +507,7 @@
|
|
|
507
507
|
"affectsGlobalScope": false
|
|
508
508
|
},
|
|
509
509
|
"../../core/components/organisms/datePicker/DatePicker.tsx": {
|
|
510
|
-
"version": "
|
|
510
|
+
"version": "b1b68a5868e4d29387c601f01fcffd3a7fe2b4215884fa20043da8eaba581ef4",
|
|
511
511
|
"signature": "60130413fd988c89f00840e237722c22c1cb6827bc0da4d672949b9d941e2f9b",
|
|
512
512
|
"affectsGlobalScope": false
|
|
513
513
|
},
|
|
@@ -682,7 +682,7 @@
|
|
|
682
682
|
"affectsGlobalScope": false
|
|
683
683
|
},
|
|
684
684
|
"../../core/components/molecules/inputMask/InputMask.tsx": {
|
|
685
|
-
"version": "
|
|
685
|
+
"version": "ee6a77bcd074d1dd7e7ce647b7cd0250708fcc16c46cd57a97818da06a0ddbf9",
|
|
686
686
|
"signature": "e262e3518d5b605bc1ccdd5b3f51bfca531d27b205ac0f9dcfb6982e6110c426",
|
|
687
687
|
"affectsGlobalScope": false
|
|
688
688
|
},
|
|
@@ -692,7 +692,7 @@
|
|
|
692
692
|
"affectsGlobalScope": false
|
|
693
693
|
},
|
|
694
694
|
"../../core/components/atoms/label/Label.tsx": {
|
|
695
|
-
"version": "
|
|
695
|
+
"version": "e7d34307fcb33e72682bc084f68721d6e0d33015f491a9ee30a1d26fd7078e78",
|
|
696
696
|
"signature": "2e10ae72a9921c270de3dcc16dd1dd163670f55cc64ec95921830b6f5dcf93e1",
|
|
697
697
|
"affectsGlobalScope": false
|
|
698
698
|
},
|
|
@@ -837,7 +837,7 @@
|
|
|
837
837
|
"affectsGlobalScope": false
|
|
838
838
|
},
|
|
839
839
|
"../../core/components/atoms/radio/Radio.tsx": {
|
|
840
|
-
"version": "
|
|
840
|
+
"version": "b51e6761bdbe91e2d303c26cef3797f61f9eee4e8ee6feaaeb5d9e70a1486d71",
|
|
841
841
|
"signature": "b5e6689f6b40f07a2bc0a948469389520da6061ad313f9eec96b6035f5a4962a",
|
|
842
842
|
"affectsGlobalScope": false
|
|
843
843
|
},
|
|
@@ -1092,7 +1092,7 @@
|
|
|
1092
1092
|
"affectsGlobalScope": false
|
|
1093
1093
|
},
|
|
1094
1094
|
"../../core/components/molecules/chipInput/ChipInput.tsx": {
|
|
1095
|
-
"version": "
|
|
1095
|
+
"version": "80cdf7bb7037dfb381134b93db3f9f61a0b6cbfd1cf2878f641ef967bb2f4410",
|
|
1096
1096
|
"signature": "7e03f5815331aceb4dcdde07a2a73a891636dae43f459ee8d91a4ecd78d6cb09",
|
|
1097
1097
|
"affectsGlobalScope": false
|
|
1098
1098
|
},
|
|
@@ -1142,7 +1142,7 @@
|
|
|
1142
1142
|
"affectsGlobalScope": false
|
|
1143
1143
|
},
|
|
1144
1144
|
"../../core/components/molecules/editableInput/EditableInput.tsx": {
|
|
1145
|
-
"version": "
|
|
1145
|
+
"version": "d24b5bdb12cc8080bc7f83a3f10c336f3dcfda22b16c3b947b96cb2d32ec5750",
|
|
1146
1146
|
"signature": "ecfe16f129ccf80ceeed9b9bd6d2a6656f8e04e332800cead71e5f86e1d483de",
|
|
1147
1147
|
"affectsGlobalScope": false
|
|
1148
1148
|
},
|
|
@@ -1366,14 +1366,9 @@
|
|
|
1366
1366
|
"signature": "45b9750de5fca677d704d53b48ba6c8542e717e1c7809461edb4f1870b3b54b6",
|
|
1367
1367
|
"affectsGlobalScope": false
|
|
1368
1368
|
},
|
|
1369
|
-
"../../core/components/organisms/grid/GridNestedRow.tsx": {
|
|
1370
|
-
"version": "a6298c169d843e5d5f0b271f9b927032669a7b5566e67e0b5b19d9d2fd0db140",
|
|
1371
|
-
"signature": "386ef87ed06daefa64d1f6f8c0ca9393650091499109945f28811b9c7dee62db",
|
|
1372
|
-
"affectsGlobalScope": false
|
|
1373
|
-
},
|
|
1374
1369
|
"../../core/components/organisms/grid/Cell.tsx": {
|
|
1375
|
-
"version": "
|
|
1376
|
-
"signature": "
|
|
1370
|
+
"version": "73104fd491abcbca1077685c3d5503c4eb2ad681babee44e73467b0df53921b6",
|
|
1371
|
+
"signature": "b1b23efb36cc3b1bcd7567c1b108157e79b087b39671ed9764180282d778597a",
|
|
1377
1372
|
"affectsGlobalScope": false
|
|
1378
1373
|
},
|
|
1379
1374
|
"../../core/components/organisms/grid/GridHead.tsx": {
|
|
@@ -1381,8 +1376,13 @@
|
|
|
1381
1376
|
"signature": "74985f2a6ea97b6d48bdbceda6d2e90fdd7ffdd17a2e8ee17e34315ba6b2d843",
|
|
1382
1377
|
"affectsGlobalScope": false
|
|
1383
1378
|
},
|
|
1379
|
+
"../../core/components/organisms/grid/GridNestedRow.tsx": {
|
|
1380
|
+
"version": "cd9c0e29a819faed46cebf3c9d3d391ae14fdb418d739ed63d1961b9aad54558",
|
|
1381
|
+
"signature": "0a4e9f7cc7e17a39cd24a46abb15b76074438c472dda09d1398c7547531d72cd",
|
|
1382
|
+
"affectsGlobalScope": false
|
|
1383
|
+
},
|
|
1384
1384
|
"../../core/components/organisms/grid/GridRow.tsx": {
|
|
1385
|
-
"version": "
|
|
1385
|
+
"version": "50371d8993c998080f957d34f5cfe2131f363209b392b435b4ee5564b3b337ea",
|
|
1386
1386
|
"signature": "e896c56db3e619dd4457355c752791be2e3f267ac73a43142d2481b1cea0a79d",
|
|
1387
1387
|
"affectsGlobalScope": false
|
|
1388
1388
|
},
|
|
@@ -1417,7 +1417,7 @@
|
|
|
1417
1417
|
"affectsGlobalScope": false
|
|
1418
1418
|
},
|
|
1419
1419
|
"../../core/components/organisms/table/Table.tsx": {
|
|
1420
|
-
"version": "
|
|
1420
|
+
"version": "1ff019274d2e6008aa65272bdb08fff888d1b50f1675cd6aff1ff02e884e46cc",
|
|
1421
1421
|
"signature": "4b3dd8a0a3daee2fc4a0ec207dcd33ff8a559d7394730b36e2119d1a76a5a7fd",
|
|
1422
1422
|
"affectsGlobalScope": false
|
|
1423
1423
|
},
|
|
@@ -1587,8 +1587,8 @@
|
|
|
1587
1587
|
"affectsGlobalScope": false
|
|
1588
1588
|
},
|
|
1589
1589
|
"../../core/common.type.tsx": {
|
|
1590
|
-
"version": "
|
|
1591
|
-
"signature": "
|
|
1590
|
+
"version": "19a1cad1e4b5585b5414e1cf95d819d4faf715017c6404e7b996322adf9e7002",
|
|
1591
|
+
"signature": "209f276faa4987f4e04260886f92238156e1720a211c4c25d59c56d56f3ba42b",
|
|
1592
1592
|
"affectsGlobalScope": false
|
|
1593
1593
|
},
|
|
1594
1594
|
"../../core/global.d.ts": {
|
|
@@ -4673,6 +4673,7 @@
|
|
|
4673
4673
|
"../../node_modules/classnames/index.d.ts"
|
|
4674
4674
|
],
|
|
4675
4675
|
"../../core/components/atoms/avatarGroup/AvatarGroup.tsx": [
|
|
4676
|
+
"../../core/common.type.tsx",
|
|
4676
4677
|
"../../core/components/atoms/avatarGroup/AvatarCount.tsx",
|
|
4677
4678
|
"../../core/components/atoms/avatarGroup/AvatarPopperBody.tsx",
|
|
4678
4679
|
"../../core/components/atoms/avatarGroup/Avatars.tsx",
|
|
@@ -4692,7 +4693,8 @@
|
|
|
4692
4693
|
"../../core/components/atoms/avatarGroup/Avatars.tsx": [
|
|
4693
4694
|
"../../core/index.tsx",
|
|
4694
4695
|
"../../node_modules/@types/node/util.d.ts",
|
|
4695
|
-
"../../node_modules/@types/react/index.d.ts"
|
|
4696
|
+
"../../node_modules/@types/react/index.d.ts",
|
|
4697
|
+
"../../node_modules/classnames/index.d.ts"
|
|
4696
4698
|
],
|
|
4697
4699
|
"../../core/components/atoms/avatarGroup/index.tsx": [
|
|
4698
4700
|
"../../core/components/atoms/avatarGroup/AvatarGroup.tsx",
|
|
@@ -5923,7 +5925,8 @@
|
|
|
5923
5925
|
"../../core/index.type.tsx",
|
|
5924
5926
|
"../../core/utils/types.tsx",
|
|
5925
5927
|
"../../node_modules/@types/node/util.d.ts",
|
|
5926
|
-
"../../node_modules/@types/react/index.d.ts"
|
|
5928
|
+
"../../node_modules/@types/react/index.d.ts",
|
|
5929
|
+
"../../node_modules/classnames/index.d.ts"
|
|
5927
5930
|
],
|
|
5928
5931
|
"../../core/components/organisms/datePicker/Trigger.tsx": [
|
|
5929
5932
|
"../../core/components/organisms/calendar/utility.ts",
|
|
@@ -5975,7 +5978,6 @@
|
|
|
5975
5978
|
"../../core/components/organisms/grid/Grid.tsx",
|
|
5976
5979
|
"../../core/components/organisms/grid/GridContext.ts",
|
|
5977
5980
|
"../../core/components/organisms/grid/GridHead.tsx",
|
|
5978
|
-
"../../core/components/organisms/grid/GridNestedRow.tsx",
|
|
5979
5981
|
"../../core/components/organisms/grid/columnUtility.tsx",
|
|
5980
5982
|
"../../core/components/organisms/grid/utility.tsx",
|
|
5981
5983
|
"../../core/index.tsx",
|
|
@@ -4,9 +4,10 @@ interface IProps {
|
|
|
4
4
|
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
5
|
onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
|
|
6
6
|
role?: AriaRoleType;
|
|
7
|
+
tabIndex?: number;
|
|
7
8
|
'aria-label'?: React.AriaAttributes['aria-label'];
|
|
8
9
|
}
|
|
9
|
-
declare const useAccessibilityProps: ({ onClick, onKeyDown, role, ...rest }: IProps) => {
|
|
10
|
+
declare const useAccessibilityProps: ({ onClick, onKeyDown, role, tabIndex, ...rest }: IProps) => {
|
|
10
11
|
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
11
12
|
role: React.AriaRole;
|
|
12
13
|
tabIndex: number;
|
|
@@ -14,6 +15,7 @@ declare const useAccessibilityProps: ({ onClick, onKeyDown, role, ...rest }: IPr
|
|
|
14
15
|
onKeyDown: (e: React.SyntheticEvent<HTMLElement>) => void;
|
|
15
16
|
} | {
|
|
16
17
|
role: React.AriaRole;
|
|
18
|
+
tabIndex: number | undefined;
|
|
17
19
|
'aria-label': string | undefined;
|
|
18
20
|
};
|
|
19
21
|
export default useAccessibilityProps;
|
|
@@ -11,3 +11,4 @@ export declare type AutoComplete = 'on' | 'off';
|
|
|
11
11
|
export declare type NumberRange = [number, number];
|
|
12
12
|
export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
|
|
13
13
|
export declare type TextColor = 'white' | 'primary' | 'secondary' | 'success' | 'alert' | 'warning' | 'accent1' | 'accent2' | 'accent3' | 'accent4' | 'inverse' | 'primary-dark' | 'secondary-dark' | 'success-dark' | 'alert-dark' | 'warning-dark' | 'accent1-dark' | 'accent2-dark' | 'accent3-dark' | 'accent4-dark' | 'primary-darker' | 'success-darker' | 'alert-darker' | 'warning-darker' | 'accent1-darker' | 'accent2-darker' | 'accent3-darker' | 'accent4-darker' | 'primary-light' | 'secondary-light' | 'success-light' | 'alert-light' | 'warning-light' | 'accent1-light' | 'accent2-light' | 'accent3-light' | 'accent4-light' | 'inverse-light' | 'primary-lighter' | 'secondary-lighter' | 'success-lighter' | 'alert-lighter' | 'warning-lighter' | 'accent1-lighter' | 'accent2-lighter' | 'accent3-lighter' | 'accent4-lighter' | 'inverse-lighter' | 'primary-lightest' | 'secondary-lightest' | 'success-lightest' | 'alert-lightest' | 'warning-lightest' | 'accent1-lightest' | 'accent2-lightest' | 'accent3-lightest' | 'accent4-lightest' | 'inverse-lightest' | 'primary-shadow' | 'secondary-shadow' | 'success-shadow' | 'alert-shadow' | 'warning-shadow' | 'accent1-shadow' | 'accent2-shadow' | 'accent3-shadow' | 'accent4-shadow' | 'inverse-shadow';
|
|
14
|
+
export declare type AvatarSize = 'regular' | 'tiny';
|
|
@@ -3,6 +3,7 @@ import { Name } from "../chip/Chip";
|
|
|
3
3
|
import { BaseProps } from "../../../utils/types";
|
|
4
4
|
export interface GenericChipProps extends BaseProps {
|
|
5
5
|
label: string | React.ReactElement;
|
|
6
|
+
labelPrefix?: string;
|
|
6
7
|
icon?: string;
|
|
7
8
|
clearButton?: boolean;
|
|
8
9
|
disabled?: boolean;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { BaseProps } from "../../../utils/types";
|
|
2
2
|
import { TooltipProps } from "../../../index.type";
|
|
3
|
-
import { AccentAppearance } from "../../../common.type";
|
|
4
|
-
export declare type AvatarSize = 'regular' | 'tiny';
|
|
3
|
+
import { AccentAppearance, AvatarSize } from "../../../common.type";
|
|
5
4
|
export interface AvatarProps extends BaseProps {
|
|
6
5
|
appearance?: AccentAppearance;
|
|
7
6
|
children?: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BaseProps } from "../../../utils/types";
|
|
2
2
|
import { AvatarProps, PopoverProps } from "../../../index.type";
|
|
3
|
+
import { AvatarSize } from "../../../common.type";
|
|
3
4
|
interface AvatarData extends Record<string, any> {
|
|
4
5
|
firstName?: string;
|
|
5
6
|
lastName?: string;
|
|
@@ -18,6 +19,7 @@ export interface AvatarGroupProps extends BaseProps {
|
|
|
18
19
|
list: AvatarData[];
|
|
19
20
|
max: number;
|
|
20
21
|
borderColor: string;
|
|
22
|
+
size: AvatarSize;
|
|
21
23
|
popoverOptions: AvatarPopoverProps;
|
|
22
24
|
tooltipPosition: PopoverProps['position'];
|
|
23
25
|
}
|
|
@@ -26,9 +28,10 @@ export declare const AvatarGroup: {
|
|
|
26
28
|
displayName: string;
|
|
27
29
|
defaultProps: {
|
|
28
30
|
max: number;
|
|
29
|
-
borderColor: string;
|
|
30
31
|
tooltipPosition: string;
|
|
32
|
+
borderColor: string;
|
|
31
33
|
popoverOptions: {};
|
|
34
|
+
size: string;
|
|
32
35
|
};
|
|
33
36
|
};
|
|
34
37
|
export default AvatarGroup;
|
|
@@ -4,6 +4,7 @@ export declare type ChipType = 'action' | 'selection' | 'input';
|
|
|
4
4
|
export declare type Name = number | string | object;
|
|
5
5
|
export interface ChipProps extends BaseProps {
|
|
6
6
|
label: string | React.ReactElement;
|
|
7
|
+
labelPrefix?: string;
|
|
7
8
|
icon?: string;
|
|
8
9
|
clearButton?: boolean;
|
|
9
10
|
disabled?: boolean;
|
|
@@ -4,12 +4,14 @@ import { RowData } from "./Grid";
|
|
|
4
4
|
export interface GridNestedRowProps {
|
|
5
5
|
data: RowData;
|
|
6
6
|
rowIndex: number;
|
|
7
|
+
expanded?: boolean;
|
|
7
8
|
}
|
|
8
9
|
export interface NestedRowProps {
|
|
9
10
|
rowIndex: number;
|
|
10
11
|
data: RowData;
|
|
11
12
|
schema: GridProps['schema'];
|
|
12
13
|
loading: GridProps['loading'];
|
|
14
|
+
expanded?: boolean;
|
|
13
15
|
}
|
|
14
16
|
export declare const GridNestedRow: (props: GridNestedRowProps) => React.ReactElement<any, any> | null;
|
|
15
17
|
export default GridNestedRow;
|