@innovaccer/design-system 2.31.0 → 2.32.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 (33) hide show
  1. package/CHANGELOG.md +93 -0
  2. package/css/dist/index.css +50 -46
  3. package/css/dist/index.css.map +1 -1
  4. package/css/src/components/actionCard.css +1 -1
  5. package/css/src/components/backdrop.css +3 -3
  6. package/css/src/components/fullscreenModal.css +2 -2
  7. package/css/src/components/grid.css +13 -11
  8. package/css/src/components/horizontalNav.css +1 -1
  9. package/css/src/components/listbox.css +3 -3
  10. package/css/src/components/message.css +4 -4
  11. package/css/src/components/navigation.css +1 -1
  12. package/css/src/components/popover.css +1 -1
  13. package/css/src/components/select.css +4 -0
  14. package/css/src/components/selectionCard.css +5 -5
  15. package/css/src/components/tabs.css +1 -1
  16. package/css/src/components/toast.css +7 -7
  17. package/css/src/components/verticalNav.css +1 -1
  18. package/css/src/variables/index.css +21 -23
  19. package/dist/.lib/tsconfig.type.tsbuildinfo +27 -27
  20. package/dist/core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionOption.d.ts +2 -0
  21. package/dist/core/components/atoms/checkbox/Checkbox.d.ts +1 -0
  22. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +0 -1
  23. package/dist/core/components/molecules/tooltip/Tooltip.d.ts +1 -0
  24. package/dist/core/components/organisms/menu/MenuItem.d.ts +2 -0
  25. package/dist/core/components/organisms/select/SelectContext.d.ts +1 -0
  26. package/dist/core/components/organisms/table/utils.d.ts +2 -2
  27. package/dist/index.esm.js +136 -79
  28. package/dist/index.js +106 -64
  29. package/dist/index.js.map +1 -1
  30. package/dist/index.umd.js +1 -1
  31. package/dist/index.umd.js.br +0 -0
  32. package/dist/index.umd.js.gz +0 -0
  33. package/package.json +1 -1
@@ -35,6 +35,6 @@
35
35
  bottom: 0;
36
36
  left: 0;
37
37
  z-index: 2;
38
- opacity: 50%;
38
+ opacity: var(--opacity-10);
39
39
  background: var(--secondary-light);
40
40
  }
@@ -3,13 +3,13 @@
3
3
  opacity: 0;
4
4
  }
5
5
  to {
6
- opacity: 60;
6
+ opacity: var(--opacity-16);
7
7
  }
8
8
  }
9
9
 
10
10
  @keyframes backdrop-close {
11
11
  from {
12
- opacity: 60;
12
+ opacity: var(--opacity-16);
13
13
  }
14
14
  to {
15
15
  opacity: 0;
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  .Backdrop {
20
- background-color: color-mod(var(--inverse) a(0.6));
20
+ background-color: color-mod(var(--inverse) a(var(--opacity-16)));
21
21
  height: 100vh;
22
22
  width: 100vw;
23
23
  position: fixed;
@@ -4,14 +4,14 @@
4
4
  transform: translateY(20px);
5
5
  }
6
6
  to {
7
- opacity: 100;
7
+ opacity: 1;
8
8
  transform: translateY(0px);
9
9
  }
10
10
  }
11
11
 
12
12
  @keyframes fullscreenModal-close {
13
13
  from {
14
- opacity: 100;
14
+ opacity: 1;
15
15
  transform: translateY(0px);
16
16
  }
17
17
  to {
@@ -28,7 +28,7 @@
28
28
  }
29
29
 
30
30
  .Grid--resource .Grid-row--body:focus {
31
- box-shadow: var(--shadow-spread) color-mod(var(--secondary) a(var(--opacity-16)));
31
+ box-shadow: var(--shadow-spread) color-mod(var(--secondary) a(var(--opacity-4)));
32
32
  outline: none;
33
33
  }
34
34
 
@@ -147,13 +147,13 @@
147
147
 
148
148
  .Grid-row--selected,
149
149
  .Grid-row--selected .Grid-cellGroup {
150
- background: color-mod(var(--primary-lightest) a(var(--opacity-48)));
150
+ background: color-mod(var(--primary-lightest) a(var(--opacity-12)));
151
151
  transition: var(--duration--fast-02) var(--standard-productive-curve);
152
152
  }
153
153
 
154
154
  .Grid-row--selected:hover,
155
155
  .Grid-row--selected .Grid-cellGroup:hover {
156
- background: color-mod(var(--primary-lighter) a(var(--opacity-48))) !important;
156
+ background: color-mod(var(--primary-lighter) a(var(--opacity-12))) !important;
157
157
  }
158
158
 
159
159
  .Grid-row--selected:active,
@@ -164,7 +164,7 @@
164
164
  .Grid-row--selected:focus,
165
165
  .Grid-row--selected .Grid-cellGroup:focus {
166
166
  outline: none;
167
- box-shadow: var(--shadow-spread) color-mod(var(--primary) a(var(--opacity-16)));
167
+ box-shadow: var(--shadow-spread) color-mod(var(--primary) a(var(--opacity-4)));
168
168
  }
169
169
 
170
170
  .Grid-rowWrapper:last-child .Grid-row--body {
@@ -243,7 +243,7 @@
243
243
  } */
244
244
 
245
245
  .Grid-row--disabled {
246
- opacity: var(--opacity-40);
246
+ opacity: var(--opacity-10);
247
247
  pointer-events: none;
248
248
  }
249
249
 
@@ -332,12 +332,13 @@
332
332
 
333
333
  .Grid-cellGroup--pinned-left {
334
334
  left: 0;
335
- border-right: var(--border);
335
+ border-style: inset;
336
+ border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));
336
337
  border-right-width: 4px;
337
338
  border-image: linear-gradient(
338
339
  to right,
339
- var(--secondary),
340
- var(--secondary) 25%,
340
+ var(--secondary-light),
341
+ var(--secondary-light) 25%,
341
342
  color-mod(var(--secondary) a(0.1)) 25%,
342
343
  color-mod(var(--secondary) a(0.1))
343
344
  )
@@ -346,12 +347,13 @@
346
347
 
347
348
  .Grid-cellGroup--pinned-right {
348
349
  right: 0;
349
- border-left: var(--border);
350
+ border-style: inset;
351
+ border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));
350
352
  border-left-width: 4px;
351
353
  border-image: linear-gradient(
352
354
  to left,
353
- var(--secondary),
354
- var(--secondary) 25%,
355
+ var(--secondary-light),
356
+ var(--secondary-light) 25%,
355
357
  color-mod(var(--secondary) a(0.1)) 25%,
356
358
  color-mod(var(--secondary) a(0.1))
357
359
  )
@@ -81,5 +81,5 @@
81
81
  }
82
82
 
83
83
  .HorizontalNav-pills--disabled {
84
- opacity: 0.6;
84
+ opacity: var(--opacity-10);
85
85
  }
@@ -59,11 +59,11 @@
59
59
  }
60
60
 
61
61
  .Listbox-item--selected {
62
- background: color-mod(var(--primary-lightest) a(var(--opacity-48)));
62
+ background: color-mod(var(--primary-lightest) a(var(--opacity-12)));
63
63
  }
64
64
 
65
65
  .Listbox-item--selected:hover {
66
- background: color-mod(var(--primary-lighter) a(var(--opacity-48)));
66
+ background: color-mod(var(--primary-lighter) a(var(--opacity-12)));
67
67
  }
68
68
 
69
69
  .Listbox-item--selected:focus,
@@ -108,7 +108,7 @@
108
108
  /* Listbox type - disabled */
109
109
 
110
110
  .Listbox-item--disabled {
111
- opacity: var(--opacity-40);
111
+ opacity: var(--opacity-10);
112
112
  pointer-events: none;
113
113
  }
114
114
 
@@ -11,22 +11,22 @@
11
11
 
12
12
  .Message--alert {
13
13
  border-color: var(--alert);
14
- background-color: color-mod(var(--alert-lightest) a(0.4));
14
+ background-color: color-mod(var(--alert-lightest) a(var(--opacity-10)));
15
15
  }
16
16
 
17
17
  .Message--success {
18
18
  border-color: var(--success);
19
- background-color: color-mod(var(--success-lightest) a(0.4));
19
+ background-color: color-mod(var(--success-lightest) a(var(--opacity-10)));
20
20
  }
21
21
 
22
22
  .Message--info {
23
23
  border-color: var(--primary);
24
- background-color: color-mod(var(--primary-lightest) a(0.4));
24
+ background-color: color-mod(var(--primary-lightest) a(var(--opacity-10)));
25
25
  }
26
26
 
27
27
  .Message--warning {
28
28
  border-color: var(--accent1);
29
- background-color: color-mod(var(--warning-lightest) a(0.4));
29
+ background-color: color-mod(var(--warning-lightest) a(var(--opacity-10)));
30
30
  }
31
31
 
32
32
  .Message-icon {
@@ -102,7 +102,7 @@
102
102
  }
103
103
 
104
104
  .Navigation-horizontalPills--disabled {
105
- opacity: 0.6;
105
+ opacity: var(--opacity-10);
106
106
  }
107
107
 
108
108
  .Navigation-footer {
@@ -21,7 +21,7 @@
21
21
  opacity: 0;
22
22
  }
23
23
  80% {
24
- opacity: 0.2;
24
+ opacity: var(--opacity-6);
25
25
  }
26
26
  100% {
27
27
  opacity: 1;
@@ -77,6 +77,10 @@
77
77
  white-space: nowrap;
78
78
  overflow: hidden;
79
79
  text-overflow: ellipsis;
80
+ max-width: 100%;
81
+ margin: 0;
82
+ font-size: var(--font-size);
83
+ line-height: var(--font-height);
80
84
  }
81
85
 
82
86
  .Select-trigger--regular {
@@ -67,25 +67,25 @@
67
67
 
68
68
  .Selection-card:active .Selection-card-overlay {
69
69
  background-color: var(--primary);
70
- opacity: 10%;
70
+ opacity: var(--opacity-3);
71
71
  }
72
72
 
73
73
  .Selection-card--disabled .Selection-card-overlay {
74
74
  background-color: var(--secondary-lightest);
75
- opacity: 50%;
75
+ opacity: var(--opacity-10);
76
76
  }
77
77
 
78
78
  .Selection-card--selected .Selection-card-overlay {
79
79
  background-color: var(--primary);
80
- opacity: 4%;
80
+ opacity: var(--opacity-1);
81
81
  }
82
82
 
83
83
  .Selection-card--selected:active .Selection-card-overlay {
84
84
  background-color: var(--primary);
85
- opacity: 4%;
85
+ opacity: var(--opacity-1);
86
86
  }
87
87
 
88
88
  .Selection-card--selected-disabled .Selection-card-overlay {
89
89
  background-color: var(--primary-lightest);
90
- opacity: 50%;
90
+ opacity: var(--opacity-10);
91
91
  }
@@ -120,7 +120,7 @@
120
120
  }
121
121
 
122
122
  .Tab-pills--disabled {
123
- opacity: 60%;
123
+ opacity: var(--opacity-10);
124
124
  cursor: not-allowed;
125
125
  }
126
126
 
@@ -71,7 +71,7 @@
71
71
  .Toast-close-icon--warning:focus,
72
72
  .Toast-close-icon--warning:focus-visible {
73
73
  outline: none;
74
- box-shadow: var(--shadow-spread) color-mod(var(--warning-dark) a(0.16));
74
+ box-shadow: var(--shadow-spread) color-mod(var(--warning-dark) a(var(--opacity-4)));
75
75
  }
76
76
 
77
77
  .Toast-close-icon--warning:hover,
@@ -82,7 +82,7 @@
82
82
  .Toast-close-icon--success:focus,
83
83
  .Toast-close-icon--success:focus-visible {
84
84
  outline: none;
85
- box-shadow: var(--shadow-spread) color-mod(var(--success-dark) a(0.16));
85
+ box-shadow: var(--shadow-spread) color-mod(var(--success-dark) a(var(--opacity-4)));
86
86
  }
87
87
 
88
88
  .Toast-close-icon--success:hover,
@@ -93,7 +93,7 @@
93
93
  .Toast-close-icon--info:focus,
94
94
  .Toast-close-icon--info:focus-visible {
95
95
  outline: none;
96
- box-shadow: var(--shadow-spread) color-mod(var(--primary-dark) a(0.16));
96
+ box-shadow: var(--shadow-spread) color-mod(var(--primary-dark) a(var(--opacity-4)));
97
97
  }
98
98
 
99
99
  .Toast-close-icon--info:hover,
@@ -104,7 +104,7 @@
104
104
  .Toast-close-icon--alert:focus,
105
105
  .Toast-close-icon--alert:focus-visible {
106
106
  outline: none;
107
- box-shadow: var(--shadow-spread) color-mod(var(--alert-dark) a(0.16));
107
+ box-shadow: var(--shadow-spread) color-mod(var(--alert-dark) a(var(--opacity-4)));
108
108
  }
109
109
 
110
110
  .Toast-close-icon--alert:hover,
@@ -160,7 +160,7 @@
160
160
  }
161
161
 
162
162
  .Toast-actionButton--default:focus {
163
- box-shadow: var(--shadow-spread) color-mod(var(--inverse-lighter) a(0.16));
163
+ box-shadow: var(--shadow-spread) color-mod(var(--inverse-lighter) a(var(--opacity-4)));
164
164
  }
165
165
 
166
166
  .Toast-actionButton--info {
@@ -173,7 +173,7 @@
173
173
  }
174
174
 
175
175
  .Toast-actionButton--info:focus {
176
- box-shadow: var(--shadow-spread) color-mod(var(--primary-dark) a(0.16));
176
+ box-shadow: var(--shadow-spread) color-mod(var(--primary-dark) a(var(--opacity-4)));
177
177
  }
178
178
 
179
179
  .Toast-actionButton--success {
@@ -186,7 +186,7 @@
186
186
  }
187
187
 
188
188
  .Toast-actionButton--success:focus {
189
- box-shadow: var(--shadow-spread) color-mod(var(--success-dark) a(0.16));
189
+ box-shadow: var(--shadow-spread) color-mod(var(--success-dark) a(var(--opacity-4)));
190
190
  }
191
191
 
192
192
  .Toast-actionButton--alert {
@@ -124,6 +124,6 @@
124
124
  }
125
125
 
126
126
  .MenuItem-count--disabled {
127
- opacity: 0.6;
127
+ opacity: var(--opacity-10);
128
128
  color: var(--text);
129
129
  }
@@ -71,16 +71,16 @@
71
71
  --inverse-lightest: var(--night-lightest);
72
72
 
73
73
  /* shadow */
74
- --primary-shadow: color-mod(var(--primary) a(0.16));
75
- --secondary-shadow: color-mod(var(--secondary) a(0.16));
76
- --success-shadow: color-mod(var(--success) a(0.16));
77
- --alert-shadow: color-mod(var(--alert) a(0.16));
78
- --warning-shadow: color-mod(var(--warning) a(0.16));
79
- --accent1-shadow: color-mod(var(--accent1) a(0.16));
80
- --accent2-shadow: color-mod(var(--accent2) a(0.16));
81
- --accent3-shadow: color-mod(var(--accent3) a(0.16));
82
- --accent4-shadow: color-mod(var(--accent4) a(0.16));
83
- --inverse-shadow: color-mod(var(--inverse) a(0.16));
74
+ --primary-shadow: color-mod(var(--primary) a(var(--opacity-4)));
75
+ --secondary-shadow: color-mod(var(--secondary) a(var(--opacity-4)));
76
+ --success-shadow: color-mod(var(--success) a(var(--opacity-4)));
77
+ --alert-shadow: color-mod(var(--alert) a(var(--opacity-4)));
78
+ --warning-shadow: color-mod(var(--warning) a(var(--opacity-4)));
79
+ --accent1-shadow: color-mod(var(--accent1) a(var(--opacity-4)));
80
+ --accent2-shadow: color-mod(var(--accent2) a(var(--opacity-4)));
81
+ --accent3-shadow: color-mod(var(--accent3) a(var(--opacity-4)));
82
+ --accent4-shadow: color-mod(var(--accent4) a(var(--opacity-4)));
83
+ --inverse-shadow: color-mod(var(--inverse) a(var(--opacity-4)));
84
84
 
85
85
  /* Text colors */
86
86
  --text: var(--night);
@@ -205,17 +205,15 @@
205
205
  --duration--slow-01: 400ms;
206
206
  --duration--slow-02: 720ms;
207
207
 
208
- /**** Opacity ****/
209
- --opacity-0: 0;
210
- --opacity-4: 0.04;
211
- --opacity-8: 0.08;
212
- --opacity-12: 0.12;
213
- --opacity-16: 0.16;
214
- --opacity-24: 0.24;
215
- --opacity-32: 0.32;
216
- --opacity-40: 0.4;
217
- --opacity-48: 0.48;
218
- --opacity-64: 0.64;
219
- --opacity-80: 0.8;
220
- --opacity-100: 1;
208
+ /* Opacity */
209
+ --opacity-1: 0.04;
210
+ --opacity-2: 0.08;
211
+ --opacity-3: 0.12;
212
+ --opacity-4: 0.16;
213
+ --opacity-6: 0.24;
214
+ --opacity-8: 0.32;
215
+ --opacity-10: 0.4;
216
+ --opacity-12: 0.48;
217
+ --opacity-16: 0.64;
218
+ --opacity-20: 0.8;
221
219
  }
@@ -507,8 +507,8 @@
507
507
  "affectsGlobalScope": false
508
508
  },
509
509
  "../../core/components/atoms/checkbox/Checkbox.tsx": {
510
- "version": "9fa063ab463ab2648127e84eaafd611af611915cf59aea935c0d2f6c812402ff",
511
- "signature": "a8465361acdffabca8badb5be1a772388fd94f09774d0765da4117696bd99c6e",
510
+ "version": "c53c5c64f4f2bbefa43cbfb59dc85d941e7b70e5ba6faa29137daea81fc7bdfd",
511
+ "signature": "7b0976eac11d559b40a513714a10ab43ee2e93f05cf0522ae06d2fd362f2976a",
512
512
  "affectsGlobalScope": false
513
513
  },
514
514
  "../../core/components/atoms/checkbox/index.tsx": {
@@ -622,17 +622,17 @@
622
622
  "affectsGlobalScope": false
623
623
  },
624
624
  "../../core/components/atoms/dropdown/Dropdown.tsx": {
625
- "version": "363d1e58b07def37475a4f2b538643de75e72b571ee8cb311bd106eb44e86006",
625
+ "version": "f0208abe18bd56a27e778e5280749597b64e174decc4c89412da93ade2c4fb82",
626
626
  "signature": "c171f1203f6dc27aa75553acd55d26d8a6d9ed99c4c7ab6b457e52f29fcfbc1e",
627
627
  "affectsGlobalScope": false
628
628
  },
629
629
  "../../core/components/atoms/dropdown/ErrorTemplate.tsx": {
630
- "version": "e1a421d8e1b20f2852968a802bff6d26f94aca03588944bc8c7b40f696d54fe8",
630
+ "version": "f1c36a9d963e26887b12d9b3e1a3f1c6909d2398750b0e9d751838d4fc000d7e",
631
631
  "signature": "35df89cd787fd433d996895ceca8e80ee3ce338196ce027fd1d6f95720043085",
632
632
  "affectsGlobalScope": false
633
633
  },
634
634
  "../../core/components/atoms/dropdown/DropdownList.tsx": {
635
- "version": "9387df148b29124d31744982b7937cc7702f37429eb3c798f2db96dc4930c2c3",
635
+ "version": "7b62ed9c0f38d6f699f326eaead810a78a1600106d6152475de929544044efe5",
636
636
  "signature": "24048f2aada8f273d401139d7417f7c942b6693b13c8e87284e831f9401d8d5e",
637
637
  "affectsGlobalScope": false
638
638
  },
@@ -1002,8 +1002,8 @@
1002
1002
  "affectsGlobalScope": false
1003
1003
  },
1004
1004
  "../../core/components/molecules/tooltip/Tooltip.tsx": {
1005
- "version": "20e09cda490a406aa08597ac90cc2579e6ce2871e121f762f9ed62521dc189fb",
1006
- "signature": "18a703cc805327b35dedf03be1340d605b0e5cf382298e25d31b6de5a89e0216",
1005
+ "version": "38f75546b5f090a24713940b67be7aa62a11038879ffacae0157a8efcafc3d2c",
1006
+ "signature": "202c82ec16b0ef85a40a049e589953e37cb5e3ab771d8666fb1616a9db2133e5",
1007
1007
  "affectsGlobalScope": false
1008
1008
  },
1009
1009
  "../../core/components/molecules/tooltip/index.tsx": {
@@ -1012,7 +1012,7 @@
1012
1012
  "affectsGlobalScope": false
1013
1013
  },
1014
1014
  "../../core/components/molecules/dialog/Dialog.tsx": {
1015
- "version": "4f810118f2b9544ca72bbaf66fe6dac21323c0b0a84b6be6a6efbc55ba483c10",
1015
+ "version": "d5ad611641cbf58cd3ba9fc3b491503429054f54b6001949add55ef8eaa7079d",
1016
1016
  "signature": "bdb61ad54f812237b0a946e46700c046091f6b49f2b7c9eb5186c15d559ccbbe",
1017
1017
  "affectsGlobalScope": false
1018
1018
  },
@@ -1202,8 +1202,8 @@
1202
1202
  "affectsGlobalScope": false
1203
1203
  },
1204
1204
  "../../core/components/atoms/popperWrapper/PopperWrapper.tsx": {
1205
- "version": "c70b75757beb9e6f1efaae8d5b19fdbb3bbd60afa0a5c078434429270255ea85",
1206
- "signature": "b1bb25f70becbb32d1ae7744c81ce02bb296971b6a4058dd814b578a756a0d0b",
1205
+ "version": "a54d196c7466a9a7d275d4b66f53c7bbd73b33d982c636b050937a8e97f2d61b",
1206
+ "signature": "ac33238ce724a8b94967a75c9c18e7294a192d81b14d89155a9e4f7869555f20",
1207
1207
  "affectsGlobalScope": false
1208
1208
  },
1209
1209
  "../../core/components/atoms/popperWrapper/index.tsx": {
@@ -1442,17 +1442,17 @@
1442
1442
  "affectsGlobalScope": false
1443
1443
  },
1444
1444
  "../../core/components/organisms/table/Header.tsx": {
1445
- "version": "83707cf85387fcdd0fd573238510fd819ddcf64fe80fa8bee497b4ad71aa1040",
1445
+ "version": "0c26a544af7e767dfb90c62b7468dfe398ad7afbecc725114660d13fe34e1a04",
1446
1446
  "signature": "a15955f6aa0ca3d2d2cd6b8619b5a9bea81500fad8d18515c3914f8605e56688",
1447
1447
  "affectsGlobalScope": false
1448
1448
  },
1449
1449
  "../../core/components/organisms/table/utils.tsx": {
1450
- "version": "22c72eb66d3854b8f01f77cc7ea33e4b0ce02899b6499fd4bab695ea31ae32f7",
1451
- "signature": "2f9fd66ccdd1799bf995a0f8a5aa81cf3243a96fb874b5fa26fb433a99e752c5",
1450
+ "version": "312d0397081e5ffbcdb061b17e43c87964f05e6226bba2dbb27e8ea3d3855650",
1451
+ "signature": "1864c5d66715271163493b60731f982e9aa850ecd52ffab1c2835c73cd54660b",
1452
1452
  "affectsGlobalScope": false
1453
1453
  },
1454
1454
  "../../core/components/organisms/table/Table.tsx": {
1455
- "version": "420d8c23b537b8fa2bab3e7e16b0e1825b8b579dda20fd6d29128da3c97b388b",
1455
+ "version": "94b4a480a004cbf3758c812b10108002c5cea3c9144736602b7811e845338148",
1456
1456
  "signature": "d1b01f382f3550d66f528697b3255a8322e143078ff37888c1ad2a1db87f4dc2",
1457
1457
  "affectsGlobalScope": false
1458
1458
  },
@@ -1462,7 +1462,7 @@
1462
1462
  "affectsGlobalScope": false
1463
1463
  },
1464
1464
  "../../core/components/organisms/list/List.tsx": {
1465
- "version": "80b3521aaf5f9cab2366e56e6accf19db1fd12e302c95455d19f48f0cac5d16c",
1465
+ "version": "7c9415368c8652a1a0341aadf74490519fdea9bec9fe7796b913a01ca52e17e1",
1466
1466
  "signature": "38f25a1d0f8b4730a94a8f62ed7b105fcd9cd13498733b94cdfe2299f3f48c62",
1467
1467
  "affectsGlobalScope": false
1468
1468
  },
@@ -1757,8 +1757,8 @@
1757
1757
  "affectsGlobalScope": false
1758
1758
  },
1759
1759
  "../../core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionOption.tsx": {
1760
- "version": "73dfbda526151f8cb24faf9f5d858f69414e01d43d6884940dfcef280056228a",
1761
- "signature": "cf14d30d897a00b19bc936b0db2a711ec0bd4c26f236e0dc5cb31636e2b51002",
1760
+ "version": "4ee2573ac4d8838660981410b36ef3e72e59b35e7b40da1430b74ed7ccf03205",
1761
+ "signature": "4b098955d1df3c7ccda9296179a4e2978177de7847c2aeae421f037cad5457cc",
1762
1762
  "affectsGlobalScope": false
1763
1763
  },
1764
1764
  "../../core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionEmptyState.tsx": {
@@ -1767,7 +1767,7 @@
1767
1767
  "affectsGlobalScope": false
1768
1768
  },
1769
1769
  "../../core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionPopover.tsx": {
1770
- "version": "e73ea88805d306ca0490bd1fbeaebefd74687dc501177cdd944d61938458fce8",
1770
+ "version": "e9a41b33ffec6f3f49358e47e5fd9557250c134e6d733a56e82e197009b734de",
1771
1771
  "signature": "09fa6315494df1357b840c3c6088908fb1094cb5c09c1515dd3ef8f26caf0595",
1772
1772
  "affectsGlobalScope": false
1773
1773
  },
@@ -1842,8 +1842,8 @@
1842
1842
  "affectsGlobalScope": false
1843
1843
  },
1844
1844
  "../../core/components/organisms/select/SelectContext.tsx": {
1845
- "version": "770303673ccb10036f10ceb83a16cddcc1caa325c74a6325a85db3467466d38d",
1846
- "signature": "085fadc11486d1d26a4d7803f063f53a32ec6e65a1fe3f7998a5ee41e08b546b",
1845
+ "version": "f16ffd42f147f244a4ab43b194d660e9fff84110bf1ff0e33ee8cf1fa5a5bf66",
1846
+ "signature": "5679cd420a0ab42f0ba52e146d247d5462e69425b67b688f3510d44fd2615621",
1847
1847
  "affectsGlobalScope": false
1848
1848
  },
1849
1849
  "../../core/components/organisms/select/SelectList.tsx": {
@@ -1862,7 +1862,7 @@
1862
1862
  "affectsGlobalScope": false
1863
1863
  },
1864
1864
  "../../core/components/organisms/select/SelectTrigger.tsx": {
1865
- "version": "a5a53391496bdea65d7bde300ee0162343edb3c552c5ed29018b50a320dc2052",
1865
+ "version": "cc506991c8b89b521a6015b9ffe07e2d6a740326f91a3db4dc16ce0a8eea983b",
1866
1866
  "signature": "342e41566380c2b501da61c4a9eb07c72385c14f64bb177d4d5744e1e6217919",
1867
1867
  "affectsGlobalScope": false
1868
1868
  },
@@ -1882,7 +1882,7 @@
1882
1882
  "affectsGlobalScope": false
1883
1883
  },
1884
1884
  "../../core/components/organisms/select/Select.tsx": {
1885
- "version": "7a089aa857dfed86a8e1646effd94b867712e00cb1241c07fffc8b20e12bad48",
1885
+ "version": "2c96ad056bd4908e63dabbe4d8b7d34f890b97c2bed9cbfb0157649b97eb9835",
1886
1886
  "signature": "a310c882f903b62c07d5199c3ce6af1ef34d25482d6646441508867bcf148b72",
1887
1887
  "affectsGlobalScope": false
1888
1888
  },
@@ -1912,8 +1912,8 @@
1912
1912
  "affectsGlobalScope": false
1913
1913
  },
1914
1914
  "../../core/components/organisms/menu/MenuItem.tsx": {
1915
- "version": "1a682c20b2bad42db7327c8400d37504c65504213c2af696eab27d3a04114fe1",
1916
- "signature": "7262a36e4d325c33dedfb2a96327817979a89a0550efe40da3c82c3d8306c63e",
1915
+ "version": "bef31ebe0668c6e4eb68580b14e53e7619d9904bc90e257169b7cee77e54bb58",
1916
+ "signature": "aa1745897f650b0dec64729cdae0a61cf5713c0613f15ddb941c70f775ba674f",
1917
1917
  "affectsGlobalScope": false
1918
1918
  },
1919
1919
  "../../core/components/organisms/menu/MenuList.tsx": {
@@ -2017,7 +2017,7 @@
2017
2017
  "affectsGlobalScope": false
2018
2018
  },
2019
2019
  "../../core/components/css-utilities/designTokens/Data.tsx": {
2020
- "version": "4e0bc923f624727c873b141796051ae0a318ac99e91a0f567ab8b482d1a15b85",
2020
+ "version": "65190ad3be86bc70dee646ca84e2158789c4d7180506c0e650ac10c7b8789bf1",
2021
2021
  "signature": "2583c1f78c1b3d0dfe4ab20b9118007fd35cbc26426964b94c6f8a32844c4dc7",
2022
2022
  "affectsGlobalScope": false
2023
2023
  },
@@ -3187,12 +3187,12 @@
3187
3187
  "affectsGlobalScope": false
3188
3188
  },
3189
3189
  "../../core/utils/docPage/sandbox.tsx": {
3190
- "version": "ed47c74362e4b3726d6d63f7f7475b50f14f345c1dc5f20fb660a9ec3442d09c",
3190
+ "version": "fa32a88e58f145a1b918e19884ec83d499c5dee4aca041aa907bc75140e3ffe0",
3191
3191
  "signature": "ec75976cfd242c0840083d2bbb758c4799f37de71948af17eef2327c93663ec3",
3192
3192
  "affectsGlobalScope": false
3193
3193
  },
3194
3194
  "../../core/utils/docPage/index.tsx": {
3195
- "version": "691f1f47f83a80310860119b4d6f8ae682e935710245ce038829eec0291e2ee4",
3195
+ "version": "a467a7547190d689b2ff26262d64647d26ab5d25ce27d39fcbeb9d3f30ac56b0",
3196
3196
  "signature": "d793df693e1f566f2a7fd586a5ba76f93009c359e9795372d49bb1dafa1d2c00",
3197
3197
  "affectsGlobalScope": false
3198
3198
  },
@@ -5,6 +5,8 @@ export interface SelectionOptionProps extends BaseProps {
5
5
  children: React.ReactNode;
6
6
  value?: any;
7
7
  tagName: ItemTagType;
8
+ onFocus?: (event: React.FocusEvent) => void;
9
+ onBlur?: (event: React.FocusEvent) => void;
8
10
  }
9
11
  export declare const AvatarSelectionOption: {
10
12
  (props: SelectionOptionProps): JSX.Element;
@@ -16,6 +16,7 @@ export interface CheckboxProps extends BaseProps, OmitNativeProps<HTMLInputEleme
16
16
  onChange?: (event: ChangeEvent) => void;
17
17
  error?: boolean;
18
18
  id?: string;
19
+ labelRef?: React.Ref<HTMLSpanElement>;
19
20
  }
20
21
  export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
21
22
  export default Checkbox;
@@ -39,7 +39,6 @@ interface PopperWrapperState {
39
39
  animationKeyframe: string;
40
40
  isOpen: boolean;
41
41
  uniqueKey: string;
42
- showClosingAnimation: boolean;
43
42
  }
44
43
  export declare class PopperWrapper extends React.Component<PopperWrapperProps, PopperWrapperState> {
45
44
  triggerRef: React.RefObject<HTMLElement>;
@@ -11,6 +11,7 @@ export interface TooltipProps extends Omit<PopoverProps, TooltipPopperProps>, Ba
11
11
  position: Position;
12
12
  showOnTruncation?: boolean;
13
13
  elementRef?: React.RefObject<HTMLElement>;
14
+ open?: boolean;
14
15
  }
15
16
  export declare const detectTruncation: (boundaryRef: React.RefObject<HTMLElement>) => boolean;
16
17
  export declare const Tooltip: {
@@ -6,6 +6,8 @@ export interface MenuItemProps extends BaseProps, BaseHtmlProps<HTMLLIElement |
6
6
  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
7
7
  children: React.ReactNode;
8
8
  disabled?: boolean;
9
+ onFocus?: (event: React.FocusEvent) => void;
10
+ onBlur?: (event: React.FocusEvent) => void;
9
11
  }
10
12
  export declare const MenuItem: {
11
13
  (props: MenuItemProps): JSX.Element;
@@ -10,6 +10,7 @@ export declare type ContextProps = {
10
10
  onOptionClick?: (option: OptionType | OptionType[]) => void;
11
11
  maxHeight?: number;
12
12
  minHeight?: number;
13
+ width?: number;
13
14
  withSearch?: boolean;
14
15
  setWithSearch?: React.Dispatch<React.SetStateAction<boolean>>;
15
16
  multiSelect?: boolean;
@@ -1,3 +1,3 @@
1
1
  import { RowData, GridProps } from "../grid";
2
- export declare const getUpdatedData: (data: GridProps['data'], uniqueColumnName: string, selectedList: [], isCancelSelection?: boolean | undefined, isSelectAll?: boolean | undefined) => RowData[];
3
- export declare const removeDuplicate: (data: RowData[], uniqueColumnName: string) => RowData[];
2
+ export declare const getUpdatedData: (data: GridProps['data'], selectedList: [], uniqueColumnName?: string | undefined, isCancelSelection?: boolean | undefined, isSelectAll?: boolean | undefined) => RowData[];
3
+ export declare const removeDuplicate: (data: RowData[], uniqueColumnName?: string | undefined) => RowData[];