@mirohq/design-system-dropdown-menu 3.5.16 → 3.5.18

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 (2) hide show
  1. package/dist/types.d.ts +315 -63
  2. package/package.json +6 -6
package/dist/types.d.ts CHANGED
@@ -121,6 +121,9 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
121
121
  "background-primary-subtle-pressed-hover"?: any;
122
122
  "background-primary-subtle-selected"?: any;
123
123
  "background-success"?: any;
124
+ "background-success-prominent"?: any;
125
+ "background-success-prominent-active"?: any;
126
+ "background-success-prominent-hover"?: any;
124
127
  "background-warning-prominent"?: any;
125
128
  "background-warning-subtle"?: any;
126
129
  "border-danger"?: any;
@@ -149,6 +152,8 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
149
152
  "border-primary-hover"?: any;
150
153
  "border-primary-inverted"?: any;
151
154
  "border-success"?: any;
155
+ "border-success-active"?: any;
156
+ "border-success-hover"?: any;
152
157
  "border-warning"?: any;
153
158
  "icon-danger"?: any;
154
159
  "icon-danger-active"?: any;
@@ -168,9 +173,12 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
168
173
  "icon-primary-inverted"?: any;
169
174
  "icon-primary-selected"?: any;
170
175
  "icon-success"?: any;
176
+ "icon-success-active"?: any;
177
+ "icon-success-hover"?: any;
171
178
  "icon-success-inverted"?: any;
172
179
  "icon-warning"?: any;
173
180
  "icon-warning-prominent"?: any;
181
+ "icon-warning-subtle"?: any;
174
182
  "text-danger"?: any;
175
183
  "text-danger-active"?: any;
176
184
  "text-danger-hover"?: any;
@@ -192,7 +200,11 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
192
200
  "text-primary-inverted-subtle"?: any;
193
201
  "text-primary-selected"?: any;
194
202
  "text-success"?: any;
203
+ "text-success-active"?: any;
204
+ "text-success-hover"?: any;
205
+ "text-success-inverted"?: any;
195
206
  "text-warning"?: any;
207
+ "text-warning-subtle"?: any;
196
208
  };
197
209
  'font-sizes': {
198
210
  readonly 150: "0.75rem";
@@ -221,8 +233,6 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
221
233
  readonly 200: "16px";
222
234
  };
223
235
  shadows: {
224
- readonly 50: "0 4px 16px #05003812";
225
- readonly 100: "0 8px 32px #05003808";
226
236
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
227
237
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
228
238
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -236,7 +246,8 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
236
246
  readonly 'icon-400': "32px";
237
247
  };
238
248
  space: {
239
- readonly 0: 0;
249
+ readonly 0: "0px";
250
+ readonly 25: "2px";
240
251
  readonly 50: "4px";
241
252
  readonly 100: "8px";
242
253
  readonly 150: "12px";
@@ -266,6 +277,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
266
277
  readonly 300: any;
267
278
  readonly 400: any;
268
279
  readonly 600: any;
280
+ readonly 700: any;
269
281
  readonly 800: any;
270
282
  readonly 1200: any;
271
283
  readonly 1600: any;
@@ -631,6 +643,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
631
643
  "background-primary-subtle-pressed-hover"?: any;
632
644
  "background-primary-subtle-selected"?: any;
633
645
  "background-success"?: any;
646
+ "background-success-prominent"?: any;
647
+ "background-success-prominent-active"?: any;
648
+ "background-success-prominent-hover"?: any;
634
649
  "background-warning-prominent"?: any;
635
650
  "background-warning-subtle"?: any;
636
651
  "border-danger"?: any;
@@ -659,6 +674,8 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
659
674
  "border-primary-hover"?: any;
660
675
  "border-primary-inverted"?: any;
661
676
  "border-success"?: any;
677
+ "border-success-active"?: any;
678
+ "border-success-hover"?: any;
662
679
  "border-warning"?: any;
663
680
  "icon-danger"?: any;
664
681
  "icon-danger-active"?: any;
@@ -678,9 +695,12 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
678
695
  "icon-primary-inverted"?: any;
679
696
  "icon-primary-selected"?: any;
680
697
  "icon-success"?: any;
698
+ "icon-success-active"?: any;
699
+ "icon-success-hover"?: any;
681
700
  "icon-success-inverted"?: any;
682
701
  "icon-warning"?: any;
683
702
  "icon-warning-prominent"?: any;
703
+ "icon-warning-subtle"?: any;
684
704
  "text-danger"?: any;
685
705
  "text-danger-active"?: any;
686
706
  "text-danger-hover"?: any;
@@ -702,7 +722,11 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
702
722
  "text-primary-inverted-subtle"?: any;
703
723
  "text-primary-selected"?: any;
704
724
  "text-success"?: any;
725
+ "text-success-active"?: any;
726
+ "text-success-hover"?: any;
727
+ "text-success-inverted"?: any;
705
728
  "text-warning"?: any;
729
+ "text-warning-subtle"?: any;
706
730
  };
707
731
  'font-sizes': {
708
732
  readonly 150: "0.75rem";
@@ -731,8 +755,6 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
731
755
  readonly 200: "16px";
732
756
  };
733
757
  shadows: {
734
- readonly 50: "0 4px 16px #05003812";
735
- readonly 100: "0 8px 32px #05003808";
736
758
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
737
759
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
738
760
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -746,7 +768,8 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
746
768
  readonly 'icon-400': "32px";
747
769
  };
748
770
  space: {
749
- readonly 0: 0;
771
+ readonly 0: "0px";
772
+ readonly 25: "2px";
750
773
  readonly 50: "4px";
751
774
  readonly 100: "8px";
752
775
  readonly 150: "12px";
@@ -776,6 +799,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
776
799
  readonly 300: any;
777
800
  readonly 400: any;
778
801
  readonly 600: any;
802
+ readonly 700: any;
779
803
  readonly 800: any;
780
804
  readonly 1200: any;
781
805
  readonly 1600: any;
@@ -1248,6 +1272,9 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1248
1272
  "background-primary-subtle-pressed-hover"?: any;
1249
1273
  "background-primary-subtle-selected"?: any;
1250
1274
  "background-success"?: any;
1275
+ "background-success-prominent"?: any;
1276
+ "background-success-prominent-active"?: any;
1277
+ "background-success-prominent-hover"?: any;
1251
1278
  "background-warning-prominent"?: any;
1252
1279
  "background-warning-subtle"?: any;
1253
1280
  "border-danger"?: any;
@@ -1276,6 +1303,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1276
1303
  "border-primary-hover"?: any;
1277
1304
  "border-primary-inverted"?: any;
1278
1305
  "border-success"?: any;
1306
+ "border-success-active"?: any;
1307
+ "border-success-hover"?: any;
1279
1308
  "border-warning"?: any;
1280
1309
  "icon-danger"?: any;
1281
1310
  "icon-danger-active"?: any;
@@ -1295,9 +1324,12 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1295
1324
  "icon-primary-inverted"?: any;
1296
1325
  "icon-primary-selected"?: any;
1297
1326
  "icon-success"?: any;
1327
+ "icon-success-active"?: any;
1328
+ "icon-success-hover"?: any;
1298
1329
  "icon-success-inverted"?: any;
1299
1330
  "icon-warning"?: any;
1300
1331
  "icon-warning-prominent"?: any;
1332
+ "icon-warning-subtle"?: any;
1301
1333
  "text-danger"?: any;
1302
1334
  "text-danger-active"?: any;
1303
1335
  "text-danger-hover"?: any;
@@ -1319,7 +1351,11 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1319
1351
  "text-primary-inverted-subtle"?: any;
1320
1352
  "text-primary-selected"?: any;
1321
1353
  "text-success"?: any;
1354
+ "text-success-active"?: any;
1355
+ "text-success-hover"?: any;
1356
+ "text-success-inverted"?: any;
1322
1357
  "text-warning"?: any;
1358
+ "text-warning-subtle"?: any;
1323
1359
  };
1324
1360
  'font-sizes': {
1325
1361
  readonly 150: "0.75rem";
@@ -1348,8 +1384,6 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1348
1384
  readonly 200: "16px";
1349
1385
  };
1350
1386
  shadows: {
1351
- readonly 50: "0 4px 16px #05003812";
1352
- readonly 100: "0 8px 32px #05003808";
1353
1387
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1354
1388
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1355
1389
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -1363,7 +1397,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1363
1397
  readonly 'icon-400': "32px";
1364
1398
  };
1365
1399
  space: {
1366
- readonly 0: 0;
1400
+ readonly 0: "0px";
1401
+ readonly 25: "2px";
1367
1402
  readonly 50: "4px";
1368
1403
  readonly 100: "8px";
1369
1404
  readonly 150: "12px";
@@ -1393,6 +1428,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1393
1428
  readonly 300: any;
1394
1429
  readonly 400: any;
1395
1430
  readonly 600: any;
1431
+ readonly 700: any;
1396
1432
  readonly 800: any;
1397
1433
  readonly 1200: any;
1398
1434
  readonly 1600: any;
@@ -1748,6 +1784,9 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1748
1784
  "background-primary-subtle-pressed-hover"?: any;
1749
1785
  "background-primary-subtle-selected"?: any;
1750
1786
  "background-success"?: any;
1787
+ "background-success-prominent"?: any;
1788
+ "background-success-prominent-active"?: any;
1789
+ "background-success-prominent-hover"?: any;
1751
1790
  "background-warning-prominent"?: any;
1752
1791
  "background-warning-subtle"?: any;
1753
1792
  "border-danger"?: any;
@@ -1776,6 +1815,8 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1776
1815
  "border-primary-hover"?: any;
1777
1816
  "border-primary-inverted"?: any;
1778
1817
  "border-success"?: any;
1818
+ "border-success-active"?: any;
1819
+ "border-success-hover"?: any;
1779
1820
  "border-warning"?: any;
1780
1821
  "icon-danger"?: any;
1781
1822
  "icon-danger-active"?: any;
@@ -1795,9 +1836,12 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1795
1836
  "icon-primary-inverted"?: any;
1796
1837
  "icon-primary-selected"?: any;
1797
1838
  "icon-success"?: any;
1839
+ "icon-success-active"?: any;
1840
+ "icon-success-hover"?: any;
1798
1841
  "icon-success-inverted"?: any;
1799
1842
  "icon-warning"?: any;
1800
1843
  "icon-warning-prominent"?: any;
1844
+ "icon-warning-subtle"?: any;
1801
1845
  "text-danger"?: any;
1802
1846
  "text-danger-active"?: any;
1803
1847
  "text-danger-hover"?: any;
@@ -1819,7 +1863,11 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1819
1863
  "text-primary-inverted-subtle"?: any;
1820
1864
  "text-primary-selected"?: any;
1821
1865
  "text-success"?: any;
1866
+ "text-success-active"?: any;
1867
+ "text-success-hover"?: any;
1868
+ "text-success-inverted"?: any;
1822
1869
  "text-warning"?: any;
1870
+ "text-warning-subtle"?: any;
1823
1871
  };
1824
1872
  'font-sizes': {
1825
1873
  readonly 150: "0.75rem";
@@ -1848,8 +1896,6 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1848
1896
  readonly 200: "16px";
1849
1897
  };
1850
1898
  shadows: {
1851
- readonly 50: "0 4px 16px #05003812";
1852
- readonly 100: "0 8px 32px #05003808";
1853
1899
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1854
1900
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1855
1901
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -1863,7 +1909,8 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1863
1909
  readonly 'icon-400': "32px";
1864
1910
  };
1865
1911
  space: {
1866
- readonly 0: 0;
1912
+ readonly 0: "0px";
1913
+ readonly 25: "2px";
1867
1914
  readonly 50: "4px";
1868
1915
  readonly 100: "8px";
1869
1916
  readonly 150: "12px";
@@ -1893,6 +1940,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1893
1940
  readonly 300: any;
1894
1941
  readonly 400: any;
1895
1942
  readonly 600: any;
1943
+ readonly 700: any;
1896
1944
  readonly 800: any;
1897
1945
  readonly 1200: any;
1898
1946
  readonly 1600: any;
@@ -2237,6 +2285,9 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2237
2285
  "background-primary-subtle-pressed-hover"?: any;
2238
2286
  "background-primary-subtle-selected"?: any;
2239
2287
  "background-success"?: any;
2288
+ "background-success-prominent"?: any;
2289
+ "background-success-prominent-active"?: any;
2290
+ "background-success-prominent-hover"?: any;
2240
2291
  "background-warning-prominent"?: any;
2241
2292
  "background-warning-subtle"?: any;
2242
2293
  "border-danger"?: any;
@@ -2265,6 +2316,8 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2265
2316
  "border-primary-hover"?: any;
2266
2317
  "border-primary-inverted"?: any;
2267
2318
  "border-success"?: any;
2319
+ "border-success-active"?: any;
2320
+ "border-success-hover"?: any;
2268
2321
  "border-warning"?: any;
2269
2322
  "icon-danger"?: any;
2270
2323
  "icon-danger-active"?: any;
@@ -2284,9 +2337,12 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2284
2337
  "icon-primary-inverted"?: any;
2285
2338
  "icon-primary-selected"?: any;
2286
2339
  "icon-success"?: any;
2340
+ "icon-success-active"?: any;
2341
+ "icon-success-hover"?: any;
2287
2342
  "icon-success-inverted"?: any;
2288
2343
  "icon-warning"?: any;
2289
2344
  "icon-warning-prominent"?: any;
2345
+ "icon-warning-subtle"?: any;
2290
2346
  "text-danger"?: any;
2291
2347
  "text-danger-active"?: any;
2292
2348
  "text-danger-hover"?: any;
@@ -2308,7 +2364,11 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2308
2364
  "text-primary-inverted-subtle"?: any;
2309
2365
  "text-primary-selected"?: any;
2310
2366
  "text-success"?: any;
2367
+ "text-success-active"?: any;
2368
+ "text-success-hover"?: any;
2369
+ "text-success-inverted"?: any;
2311
2370
  "text-warning"?: any;
2371
+ "text-warning-subtle"?: any;
2312
2372
  };
2313
2373
  'font-sizes': {
2314
2374
  readonly 150: "0.75rem";
@@ -2337,8 +2397,6 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2337
2397
  readonly 200: "16px";
2338
2398
  };
2339
2399
  shadows: {
2340
- readonly 50: "0 4px 16px #05003812";
2341
- readonly 100: "0 8px 32px #05003808";
2342
2400
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2343
2401
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2344
2402
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -2352,7 +2410,8 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2352
2410
  readonly 'icon-400': "32px";
2353
2411
  };
2354
2412
  space: {
2355
- readonly 0: 0;
2413
+ readonly 0: "0px";
2414
+ readonly 25: "2px";
2356
2415
  readonly 50: "4px";
2357
2416
  readonly 100: "8px";
2358
2417
  readonly 150: "12px";
@@ -2382,6 +2441,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2382
2441
  readonly 300: any;
2383
2442
  readonly 400: any;
2384
2443
  readonly 600: any;
2444
+ readonly 700: any;
2385
2445
  readonly 800: any;
2386
2446
  readonly 1200: any;
2387
2447
  readonly 1600: any;
@@ -2739,6 +2799,9 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2739
2799
  "background-primary-subtle-pressed-hover"?: any;
2740
2800
  "background-primary-subtle-selected"?: any;
2741
2801
  "background-success"?: any;
2802
+ "background-success-prominent"?: any;
2803
+ "background-success-prominent-active"?: any;
2804
+ "background-success-prominent-hover"?: any;
2742
2805
  "background-warning-prominent"?: any;
2743
2806
  "background-warning-subtle"?: any;
2744
2807
  "border-danger"?: any;
@@ -2767,6 +2830,8 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2767
2830
  "border-primary-hover"?: any;
2768
2831
  "border-primary-inverted"?: any;
2769
2832
  "border-success"?: any;
2833
+ "border-success-active"?: any;
2834
+ "border-success-hover"?: any;
2770
2835
  "border-warning"?: any;
2771
2836
  "icon-danger"?: any;
2772
2837
  "icon-danger-active"?: any;
@@ -2786,9 +2851,12 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2786
2851
  "icon-primary-inverted"?: any;
2787
2852
  "icon-primary-selected"?: any;
2788
2853
  "icon-success"?: any;
2854
+ "icon-success-active"?: any;
2855
+ "icon-success-hover"?: any;
2789
2856
  "icon-success-inverted"?: any;
2790
2857
  "icon-warning"?: any;
2791
2858
  "icon-warning-prominent"?: any;
2859
+ "icon-warning-subtle"?: any;
2792
2860
  "text-danger"?: any;
2793
2861
  "text-danger-active"?: any;
2794
2862
  "text-danger-hover"?: any;
@@ -2810,7 +2878,11 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2810
2878
  "text-primary-inverted-subtle"?: any;
2811
2879
  "text-primary-selected"?: any;
2812
2880
  "text-success"?: any;
2881
+ "text-success-active"?: any;
2882
+ "text-success-hover"?: any;
2883
+ "text-success-inverted"?: any;
2813
2884
  "text-warning"?: any;
2885
+ "text-warning-subtle"?: any;
2814
2886
  };
2815
2887
  'font-sizes': {
2816
2888
  readonly 150: "0.75rem";
@@ -2839,8 +2911,6 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2839
2911
  readonly 200: "16px";
2840
2912
  };
2841
2913
  shadows: {
2842
- readonly 50: "0 4px 16px #05003812";
2843
- readonly 100: "0 8px 32px #05003808";
2844
2914
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2845
2915
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2846
2916
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -2854,7 +2924,8 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2854
2924
  readonly 'icon-400': "32px";
2855
2925
  };
2856
2926
  space: {
2857
- readonly 0: 0;
2927
+ readonly 0: "0px";
2928
+ readonly 25: "2px";
2858
2929
  readonly 50: "4px";
2859
2930
  readonly 100: "8px";
2860
2931
  readonly 150: "12px";
@@ -2884,6 +2955,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2884
2955
  readonly 300: any;
2885
2956
  readonly 400: any;
2886
2957
  readonly 600: any;
2958
+ readonly 700: any;
2887
2959
  readonly 800: any;
2888
2960
  readonly 1200: any;
2889
2961
  readonly 1600: any;
@@ -3220,6 +3292,9 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3220
3292
  "background-primary-subtle-pressed-hover"?: any;
3221
3293
  "background-primary-subtle-selected"?: any;
3222
3294
  "background-success"?: any;
3295
+ "background-success-prominent"?: any;
3296
+ "background-success-prominent-active"?: any;
3297
+ "background-success-prominent-hover"?: any;
3223
3298
  "background-warning-prominent"?: any;
3224
3299
  "background-warning-subtle"?: any;
3225
3300
  "border-danger"?: any;
@@ -3248,6 +3323,8 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3248
3323
  "border-primary-hover"?: any;
3249
3324
  "border-primary-inverted"?: any;
3250
3325
  "border-success"?: any;
3326
+ "border-success-active"?: any;
3327
+ "border-success-hover"?: any;
3251
3328
  "border-warning"?: any;
3252
3329
  "icon-danger"?: any;
3253
3330
  "icon-danger-active"?: any;
@@ -3267,9 +3344,12 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3267
3344
  "icon-primary-inverted"?: any;
3268
3345
  "icon-primary-selected"?: any;
3269
3346
  "icon-success"?: any;
3347
+ "icon-success-active"?: any;
3348
+ "icon-success-hover"?: any;
3270
3349
  "icon-success-inverted"?: any;
3271
3350
  "icon-warning"?: any;
3272
3351
  "icon-warning-prominent"?: any;
3352
+ "icon-warning-subtle"?: any;
3273
3353
  "text-danger"?: any;
3274
3354
  "text-danger-active"?: any;
3275
3355
  "text-danger-hover"?: any;
@@ -3291,7 +3371,11 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3291
3371
  "text-primary-inverted-subtle"?: any;
3292
3372
  "text-primary-selected"?: any;
3293
3373
  "text-success"?: any;
3374
+ "text-success-active"?: any;
3375
+ "text-success-hover"?: any;
3376
+ "text-success-inverted"?: any;
3294
3377
  "text-warning"?: any;
3378
+ "text-warning-subtle"?: any;
3295
3379
  };
3296
3380
  'font-sizes': {
3297
3381
  readonly 150: "0.75rem";
@@ -3320,8 +3404,6 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3320
3404
  readonly 200: "16px";
3321
3405
  };
3322
3406
  shadows: {
3323
- readonly 50: "0 4px 16px #05003812";
3324
- readonly 100: "0 8px 32px #05003808";
3325
3407
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3326
3408
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3327
3409
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -3335,7 +3417,8 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3335
3417
  readonly 'icon-400': "32px";
3336
3418
  };
3337
3419
  space: {
3338
- readonly 0: 0;
3420
+ readonly 0: "0px";
3421
+ readonly 25: "2px";
3339
3422
  readonly 50: "4px";
3340
3423
  readonly 100: "8px";
3341
3424
  readonly 150: "12px";
@@ -3365,6 +3448,7 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3365
3448
  readonly 300: any;
3366
3449
  readonly 400: any;
3367
3450
  readonly 600: any;
3451
+ readonly 700: any;
3368
3452
  readonly 800: any;
3369
3453
  readonly 1200: any;
3370
3454
  readonly 1600: any;
@@ -3730,6 +3814,9 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3730
3814
  "background-primary-subtle-pressed-hover"?: any;
3731
3815
  "background-primary-subtle-selected"?: any;
3732
3816
  "background-success"?: any;
3817
+ "background-success-prominent"?: any;
3818
+ "background-success-prominent-active"?: any;
3819
+ "background-success-prominent-hover"?: any;
3733
3820
  "background-warning-prominent"?: any;
3734
3821
  "background-warning-subtle"?: any;
3735
3822
  "border-danger"?: any;
@@ -3758,6 +3845,8 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3758
3845
  "border-primary-hover"?: any;
3759
3846
  "border-primary-inverted"?: any;
3760
3847
  "border-success"?: any;
3848
+ "border-success-active"?: any;
3849
+ "border-success-hover"?: any;
3761
3850
  "border-warning"?: any;
3762
3851
  "icon-danger"?: any;
3763
3852
  "icon-danger-active"?: any;
@@ -3777,9 +3866,12 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3777
3866
  "icon-primary-inverted"?: any;
3778
3867
  "icon-primary-selected"?: any;
3779
3868
  "icon-success"?: any;
3869
+ "icon-success-active"?: any;
3870
+ "icon-success-hover"?: any;
3780
3871
  "icon-success-inverted"?: any;
3781
3872
  "icon-warning"?: any;
3782
3873
  "icon-warning-prominent"?: any;
3874
+ "icon-warning-subtle"?: any;
3783
3875
  "text-danger"?: any;
3784
3876
  "text-danger-active"?: any;
3785
3877
  "text-danger-hover"?: any;
@@ -3801,7 +3893,11 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3801
3893
  "text-primary-inverted-subtle"?: any;
3802
3894
  "text-primary-selected"?: any;
3803
3895
  "text-success"?: any;
3896
+ "text-success-active"?: any;
3897
+ "text-success-hover"?: any;
3898
+ "text-success-inverted"?: any;
3804
3899
  "text-warning"?: any;
3900
+ "text-warning-subtle"?: any;
3805
3901
  };
3806
3902
  'font-sizes': {
3807
3903
  readonly 150: "0.75rem";
@@ -3830,8 +3926,6 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3830
3926
  readonly 200: "16px";
3831
3927
  };
3832
3928
  shadows: {
3833
- readonly 50: "0 4px 16px #05003812";
3834
- readonly 100: "0 8px 32px #05003808";
3835
3929
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3836
3930
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3837
3931
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -3845,7 +3939,8 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3845
3939
  readonly 'icon-400': "32px";
3846
3940
  };
3847
3941
  space: {
3848
- readonly 0: 0;
3942
+ readonly 0: "0px";
3943
+ readonly 25: "2px";
3849
3944
  readonly 50: "4px";
3850
3945
  readonly 100: "8px";
3851
3946
  readonly 150: "12px";
@@ -3875,6 +3970,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3875
3970
  readonly 300: any;
3876
3971
  readonly 400: any;
3877
3972
  readonly 600: any;
3973
+ readonly 700: any;
3878
3974
  readonly 800: any;
3879
3975
  readonly 1200: any;
3880
3976
  readonly 1600: any;
@@ -4213,6 +4309,9 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4213
4309
  "background-primary-subtle-pressed-hover"?: any;
4214
4310
  "background-primary-subtle-selected"?: any;
4215
4311
  "background-success"?: any;
4312
+ "background-success-prominent"?: any;
4313
+ "background-success-prominent-active"?: any;
4314
+ "background-success-prominent-hover"?: any;
4216
4315
  "background-warning-prominent"?: any;
4217
4316
  "background-warning-subtle"?: any;
4218
4317
  "border-danger"?: any;
@@ -4241,6 +4340,8 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4241
4340
  "border-primary-hover"?: any;
4242
4341
  "border-primary-inverted"?: any;
4243
4342
  "border-success"?: any;
4343
+ "border-success-active"?: any;
4344
+ "border-success-hover"?: any;
4244
4345
  "border-warning"?: any;
4245
4346
  "icon-danger"?: any;
4246
4347
  "icon-danger-active"?: any;
@@ -4260,9 +4361,12 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4260
4361
  "icon-primary-inverted"?: any;
4261
4362
  "icon-primary-selected"?: any;
4262
4363
  "icon-success"?: any;
4364
+ "icon-success-active"?: any;
4365
+ "icon-success-hover"?: any;
4263
4366
  "icon-success-inverted"?: any;
4264
4367
  "icon-warning"?: any;
4265
4368
  "icon-warning-prominent"?: any;
4369
+ "icon-warning-subtle"?: any;
4266
4370
  "text-danger"?: any;
4267
4371
  "text-danger-active"?: any;
4268
4372
  "text-danger-hover"?: any;
@@ -4284,7 +4388,11 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4284
4388
  "text-primary-inverted-subtle"?: any;
4285
4389
  "text-primary-selected"?: any;
4286
4390
  "text-success"?: any;
4391
+ "text-success-active"?: any;
4392
+ "text-success-hover"?: any;
4393
+ "text-success-inverted"?: any;
4287
4394
  "text-warning"?: any;
4395
+ "text-warning-subtle"?: any;
4288
4396
  };
4289
4397
  'font-sizes': {
4290
4398
  readonly 150: "0.75rem";
@@ -4313,8 +4421,6 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4313
4421
  readonly 200: "16px";
4314
4422
  };
4315
4423
  shadows: {
4316
- readonly 50: "0 4px 16px #05003812";
4317
- readonly 100: "0 8px 32px #05003808";
4318
4424
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
4319
4425
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
4320
4426
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -4328,7 +4434,8 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4328
4434
  readonly 'icon-400': "32px";
4329
4435
  };
4330
4436
  space: {
4331
- readonly 0: 0;
4437
+ readonly 0: "0px";
4438
+ readonly 25: "2px";
4332
4439
  readonly 50: "4px";
4333
4440
  readonly 100: "8px";
4334
4441
  readonly 150: "12px";
@@ -4358,6 +4465,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4358
4465
  readonly 300: any;
4359
4466
  readonly 400: any;
4360
4467
  readonly 600: any;
4468
+ readonly 700: any;
4361
4469
  readonly 800: any;
4362
4470
  readonly 1200: any;
4363
4471
  readonly 1600: any;
@@ -4704,6 +4812,9 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4704
4812
  "background-primary-subtle-pressed-hover"?: any;
4705
4813
  "background-primary-subtle-selected"?: any;
4706
4814
  "background-success"?: any;
4815
+ "background-success-prominent"?: any;
4816
+ "background-success-prominent-active"?: any;
4817
+ "background-success-prominent-hover"?: any;
4707
4818
  "background-warning-prominent"?: any;
4708
4819
  "background-warning-subtle"?: any;
4709
4820
  "border-danger"?: any;
@@ -4732,6 +4843,8 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4732
4843
  "border-primary-hover"?: any;
4733
4844
  "border-primary-inverted"?: any;
4734
4845
  "border-success"?: any;
4846
+ "border-success-active"?: any;
4847
+ "border-success-hover"?: any;
4735
4848
  "border-warning"?: any;
4736
4849
  "icon-danger"?: any;
4737
4850
  "icon-danger-active"?: any;
@@ -4751,9 +4864,12 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4751
4864
  "icon-primary-inverted"?: any;
4752
4865
  "icon-primary-selected"?: any;
4753
4866
  "icon-success"?: any;
4867
+ "icon-success-active"?: any;
4868
+ "icon-success-hover"?: any;
4754
4869
  "icon-success-inverted"?: any;
4755
4870
  "icon-warning"?: any;
4756
4871
  "icon-warning-prominent"?: any;
4872
+ "icon-warning-subtle"?: any;
4757
4873
  "text-danger"?: any;
4758
4874
  "text-danger-active"?: any;
4759
4875
  "text-danger-hover"?: any;
@@ -4775,7 +4891,11 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4775
4891
  "text-primary-inverted-subtle"?: any;
4776
4892
  "text-primary-selected"?: any;
4777
4893
  "text-success"?: any;
4894
+ "text-success-active"?: any;
4895
+ "text-success-hover"?: any;
4896
+ "text-success-inverted"?: any;
4778
4897
  "text-warning"?: any;
4898
+ "text-warning-subtle"?: any;
4779
4899
  };
4780
4900
  'font-sizes': {
4781
4901
  readonly 150: "0.75rem";
@@ -4804,8 +4924,6 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4804
4924
  readonly 200: "16px";
4805
4925
  };
4806
4926
  shadows: {
4807
- readonly 50: "0 4px 16px #05003812";
4808
- readonly 100: "0 8px 32px #05003808";
4809
4927
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
4810
4928
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
4811
4929
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -4819,7 +4937,8 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4819
4937
  readonly 'icon-400': "32px";
4820
4938
  };
4821
4939
  space: {
4822
- readonly 0: 0;
4940
+ readonly 0: "0px";
4941
+ readonly 25: "2px";
4823
4942
  readonly 50: "4px";
4824
4943
  readonly 100: "8px";
4825
4944
  readonly 150: "12px";
@@ -4849,6 +4968,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4849
4968
  readonly 300: any;
4850
4969
  readonly 400: any;
4851
4970
  readonly 600: any;
4971
+ readonly 700: any;
4852
4972
  readonly 800: any;
4853
4973
  readonly 1200: any;
4854
4974
  readonly 1600: any;
@@ -5272,6 +5392,9 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5272
5392
  "background-primary-subtle-pressed-hover"?: any;
5273
5393
  "background-primary-subtle-selected"?: any;
5274
5394
  "background-success"?: any;
5395
+ "background-success-prominent"?: any;
5396
+ "background-success-prominent-active"?: any;
5397
+ "background-success-prominent-hover"?: any;
5275
5398
  "background-warning-prominent"?: any;
5276
5399
  "background-warning-subtle"?: any;
5277
5400
  "border-danger"?: any;
@@ -5300,6 +5423,8 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5300
5423
  "border-primary-hover"?: any;
5301
5424
  "border-primary-inverted"?: any;
5302
5425
  "border-success"?: any;
5426
+ "border-success-active"?: any;
5427
+ "border-success-hover"?: any;
5303
5428
  "border-warning"?: any;
5304
5429
  "icon-danger"?: any;
5305
5430
  "icon-danger-active"?: any;
@@ -5319,9 +5444,12 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5319
5444
  "icon-primary-inverted"?: any;
5320
5445
  "icon-primary-selected"?: any;
5321
5446
  "icon-success"?: any;
5447
+ "icon-success-active"?: any;
5448
+ "icon-success-hover"?: any;
5322
5449
  "icon-success-inverted"?: any;
5323
5450
  "icon-warning"?: any;
5324
5451
  "icon-warning-prominent"?: any;
5452
+ "icon-warning-subtle"?: any;
5325
5453
  "text-danger"?: any;
5326
5454
  "text-danger-active"?: any;
5327
5455
  "text-danger-hover"?: any;
@@ -5343,7 +5471,11 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5343
5471
  "text-primary-inverted-subtle"?: any;
5344
5472
  "text-primary-selected"?: any;
5345
5473
  "text-success"?: any;
5474
+ "text-success-active"?: any;
5475
+ "text-success-hover"?: any;
5476
+ "text-success-inverted"?: any;
5346
5477
  "text-warning"?: any;
5478
+ "text-warning-subtle"?: any;
5347
5479
  };
5348
5480
  'font-sizes': {
5349
5481
  readonly 150: "0.75rem";
@@ -5372,8 +5504,6 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5372
5504
  readonly 200: "16px";
5373
5505
  };
5374
5506
  shadows: {
5375
- readonly 50: "0 4px 16px #05003812";
5376
- readonly 100: "0 8px 32px #05003808";
5377
5507
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
5378
5508
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
5379
5509
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -5387,7 +5517,8 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5387
5517
  readonly 'icon-400': "32px";
5388
5518
  };
5389
5519
  space: {
5390
- readonly 0: 0;
5520
+ readonly 0: "0px";
5521
+ readonly 25: "2px";
5391
5522
  readonly 50: "4px";
5392
5523
  readonly 100: "8px";
5393
5524
  readonly 150: "12px";
@@ -5417,6 +5548,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5417
5548
  readonly 300: any;
5418
5549
  readonly 400: any;
5419
5550
  readonly 600: any;
5551
+ readonly 700: any;
5420
5552
  readonly 800: any;
5421
5553
  readonly 1200: any;
5422
5554
  readonly 1600: any;
@@ -5789,6 +5921,9 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
5789
5921
  "background-primary-subtle-pressed-hover"?: any;
5790
5922
  "background-primary-subtle-selected"?: any;
5791
5923
  "background-success"?: any;
5924
+ "background-success-prominent"?: any;
5925
+ "background-success-prominent-active"?: any;
5926
+ "background-success-prominent-hover"?: any;
5792
5927
  "background-warning-prominent"?: any;
5793
5928
  "background-warning-subtle"?: any;
5794
5929
  "border-danger"?: any;
@@ -5817,6 +5952,8 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
5817
5952
  "border-primary-hover"?: any;
5818
5953
  "border-primary-inverted"?: any;
5819
5954
  "border-success"?: any;
5955
+ "border-success-active"?: any;
5956
+ "border-success-hover"?: any;
5820
5957
  "border-warning"?: any;
5821
5958
  "icon-danger"?: any;
5822
5959
  "icon-danger-active"?: any;
@@ -5836,9 +5973,12 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
5836
5973
  "icon-primary-inverted"?: any;
5837
5974
  "icon-primary-selected"?: any;
5838
5975
  "icon-success"?: any;
5976
+ "icon-success-active"?: any;
5977
+ "icon-success-hover"?: any;
5839
5978
  "icon-success-inverted"?: any;
5840
5979
  "icon-warning"?: any;
5841
5980
  "icon-warning-prominent"?: any;
5981
+ "icon-warning-subtle"?: any;
5842
5982
  "text-danger"?: any;
5843
5983
  "text-danger-active"?: any;
5844
5984
  "text-danger-hover"?: any;
@@ -5860,7 +6000,11 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
5860
6000
  "text-primary-inverted-subtle"?: any;
5861
6001
  "text-primary-selected"?: any;
5862
6002
  "text-success"?: any;
6003
+ "text-success-active"?: any;
6004
+ "text-success-hover"?: any;
6005
+ "text-success-inverted"?: any;
5863
6006
  "text-warning"?: any;
6007
+ "text-warning-subtle"?: any;
5864
6008
  };
5865
6009
  'font-sizes': {
5866
6010
  readonly 150: "0.75rem";
@@ -5889,8 +6033,6 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
5889
6033
  readonly 200: "16px";
5890
6034
  };
5891
6035
  shadows: {
5892
- readonly 50: "0 4px 16px #05003812";
5893
- readonly 100: "0 8px 32px #05003808";
5894
6036
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
5895
6037
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
5896
6038
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -5904,7 +6046,8 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
5904
6046
  readonly 'icon-400': "32px";
5905
6047
  };
5906
6048
  space: {
5907
- readonly 0: 0;
6049
+ readonly 0: "0px";
6050
+ readonly 25: "2px";
5908
6051
  readonly 50: "4px";
5909
6052
  readonly 100: "8px";
5910
6053
  readonly 150: "12px";
@@ -5934,6 +6077,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
5934
6077
  readonly 300: any;
5935
6078
  readonly 400: any;
5936
6079
  readonly 600: any;
6080
+ readonly 700: any;
5937
6081
  readonly 800: any;
5938
6082
  readonly 1200: any;
5939
6083
  readonly 1600: any;
@@ -6269,6 +6413,9 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6269
6413
  "background-primary-subtle-pressed-hover"?: any;
6270
6414
  "background-primary-subtle-selected"?: any;
6271
6415
  "background-success"?: any;
6416
+ "background-success-prominent"?: any;
6417
+ "background-success-prominent-active"?: any;
6418
+ "background-success-prominent-hover"?: any;
6272
6419
  "background-warning-prominent"?: any;
6273
6420
  "background-warning-subtle"?: any;
6274
6421
  "border-danger"?: any;
@@ -6297,6 +6444,8 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6297
6444
  "border-primary-hover"?: any;
6298
6445
  "border-primary-inverted"?: any;
6299
6446
  "border-success"?: any;
6447
+ "border-success-active"?: any;
6448
+ "border-success-hover"?: any;
6300
6449
  "border-warning"?: any;
6301
6450
  "icon-danger"?: any;
6302
6451
  "icon-danger-active"?: any;
@@ -6316,9 +6465,12 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6316
6465
  "icon-primary-inverted"?: any;
6317
6466
  "icon-primary-selected"?: any;
6318
6467
  "icon-success"?: any;
6468
+ "icon-success-active"?: any;
6469
+ "icon-success-hover"?: any;
6319
6470
  "icon-success-inverted"?: any;
6320
6471
  "icon-warning"?: any;
6321
6472
  "icon-warning-prominent"?: any;
6473
+ "icon-warning-subtle"?: any;
6322
6474
  "text-danger"?: any;
6323
6475
  "text-danger-active"?: any;
6324
6476
  "text-danger-hover"?: any;
@@ -6340,7 +6492,11 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6340
6492
  "text-primary-inverted-subtle"?: any;
6341
6493
  "text-primary-selected"?: any;
6342
6494
  "text-success"?: any;
6495
+ "text-success-active"?: any;
6496
+ "text-success-hover"?: any;
6497
+ "text-success-inverted"?: any;
6343
6498
  "text-warning"?: any;
6499
+ "text-warning-subtle"?: any;
6344
6500
  };
6345
6501
  'font-sizes': {
6346
6502
  readonly 150: "0.75rem";
@@ -6369,8 +6525,6 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6369
6525
  readonly 200: "16px";
6370
6526
  };
6371
6527
  shadows: {
6372
- readonly 50: "0 4px 16px #05003812";
6373
- readonly 100: "0 8px 32px #05003808";
6374
6528
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
6375
6529
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
6376
6530
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -6384,7 +6538,8 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6384
6538
  readonly 'icon-400': "32px";
6385
6539
  };
6386
6540
  space: {
6387
- readonly 0: 0;
6541
+ readonly 0: "0px";
6542
+ readonly 25: "2px";
6388
6543
  readonly 50: "4px";
6389
6544
  readonly 100: "8px";
6390
6545
  readonly 150: "12px";
@@ -6414,6 +6569,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6414
6569
  readonly 300: any;
6415
6570
  readonly 400: any;
6416
6571
  readonly 600: any;
6572
+ readonly 700: any;
6417
6573
  readonly 800: any;
6418
6574
  readonly 1200: any;
6419
6575
  readonly 1600: any;
@@ -6743,6 +6899,9 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6743
6899
  "background-primary-subtle-pressed-hover"?: any;
6744
6900
  "background-primary-subtle-selected"?: any;
6745
6901
  "background-success"?: any;
6902
+ "background-success-prominent"?: any;
6903
+ "background-success-prominent-active"?: any;
6904
+ "background-success-prominent-hover"?: any;
6746
6905
  "background-warning-prominent"?: any;
6747
6906
  "background-warning-subtle"?: any;
6748
6907
  "border-danger"?: any;
@@ -6771,6 +6930,8 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6771
6930
  "border-primary-hover"?: any;
6772
6931
  "border-primary-inverted"?: any;
6773
6932
  "border-success"?: any;
6933
+ "border-success-active"?: any;
6934
+ "border-success-hover"?: any;
6774
6935
  "border-warning"?: any;
6775
6936
  "icon-danger"?: any;
6776
6937
  "icon-danger-active"?: any;
@@ -6790,9 +6951,12 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6790
6951
  "icon-primary-inverted"?: any;
6791
6952
  "icon-primary-selected"?: any;
6792
6953
  "icon-success"?: any;
6954
+ "icon-success-active"?: any;
6955
+ "icon-success-hover"?: any;
6793
6956
  "icon-success-inverted"?: any;
6794
6957
  "icon-warning"?: any;
6795
6958
  "icon-warning-prominent"?: any;
6959
+ "icon-warning-subtle"?: any;
6796
6960
  "text-danger"?: any;
6797
6961
  "text-danger-active"?: any;
6798
6962
  "text-danger-hover"?: any;
@@ -6814,7 +6978,11 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6814
6978
  "text-primary-inverted-subtle"?: any;
6815
6979
  "text-primary-selected"?: any;
6816
6980
  "text-success"?: any;
6981
+ "text-success-active"?: any;
6982
+ "text-success-hover"?: any;
6983
+ "text-success-inverted"?: any;
6817
6984
  "text-warning"?: any;
6985
+ "text-warning-subtle"?: any;
6818
6986
  };
6819
6987
  'font-sizes': {
6820
6988
  readonly 150: "0.75rem";
@@ -6843,8 +7011,6 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6843
7011
  readonly 200: "16px";
6844
7012
  };
6845
7013
  shadows: {
6846
- readonly 50: "0 4px 16px #05003812";
6847
- readonly 100: "0 8px 32px #05003808";
6848
7014
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
6849
7015
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
6850
7016
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -6858,7 +7024,8 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6858
7024
  readonly 'icon-400': "32px";
6859
7025
  };
6860
7026
  space: {
6861
- readonly 0: 0;
7027
+ readonly 0: "0px";
7028
+ readonly 25: "2px";
6862
7029
  readonly 50: "4px";
6863
7030
  readonly 100: "8px";
6864
7031
  readonly 150: "12px";
@@ -6888,6 +7055,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6888
7055
  readonly 300: any;
6889
7056
  readonly 400: any;
6890
7057
  readonly 600: any;
7058
+ readonly 700: any;
6891
7059
  readonly 800: any;
6892
7060
  readonly 1200: any;
6893
7061
  readonly 1600: any;
@@ -7221,6 +7389,9 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7221
7389
  "background-primary-subtle-pressed-hover"?: any;
7222
7390
  "background-primary-subtle-selected"?: any;
7223
7391
  "background-success"?: any;
7392
+ "background-success-prominent"?: any;
7393
+ "background-success-prominent-active"?: any;
7394
+ "background-success-prominent-hover"?: any;
7224
7395
  "background-warning-prominent"?: any;
7225
7396
  "background-warning-subtle"?: any;
7226
7397
  "border-danger"?: any;
@@ -7249,6 +7420,8 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7249
7420
  "border-primary-hover"?: any;
7250
7421
  "border-primary-inverted"?: any;
7251
7422
  "border-success"?: any;
7423
+ "border-success-active"?: any;
7424
+ "border-success-hover"?: any;
7252
7425
  "border-warning"?: any;
7253
7426
  "icon-danger"?: any;
7254
7427
  "icon-danger-active"?: any;
@@ -7268,9 +7441,12 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7268
7441
  "icon-primary-inverted"?: any;
7269
7442
  "icon-primary-selected"?: any;
7270
7443
  "icon-success"?: any;
7444
+ "icon-success-active"?: any;
7445
+ "icon-success-hover"?: any;
7271
7446
  "icon-success-inverted"?: any;
7272
7447
  "icon-warning"?: any;
7273
7448
  "icon-warning-prominent"?: any;
7449
+ "icon-warning-subtle"?: any;
7274
7450
  "text-danger"?: any;
7275
7451
  "text-danger-active"?: any;
7276
7452
  "text-danger-hover"?: any;
@@ -7292,7 +7468,11 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7292
7468
  "text-primary-inverted-subtle"?: any;
7293
7469
  "text-primary-selected"?: any;
7294
7470
  "text-success"?: any;
7471
+ "text-success-active"?: any;
7472
+ "text-success-hover"?: any;
7473
+ "text-success-inverted"?: any;
7295
7474
  "text-warning"?: any;
7475
+ "text-warning-subtle"?: any;
7296
7476
  };
7297
7477
  'font-sizes': {
7298
7478
  readonly 150: "0.75rem";
@@ -7321,8 +7501,6 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7321
7501
  readonly 200: "16px";
7322
7502
  };
7323
7503
  shadows: {
7324
- readonly 50: "0 4px 16px #05003812";
7325
- readonly 100: "0 8px 32px #05003808";
7326
7504
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
7327
7505
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
7328
7506
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -7336,7 +7514,8 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7336
7514
  readonly 'icon-400': "32px";
7337
7515
  };
7338
7516
  space: {
7339
- readonly 0: 0;
7517
+ readonly 0: "0px";
7518
+ readonly 25: "2px";
7340
7519
  readonly 50: "4px";
7341
7520
  readonly 100: "8px";
7342
7521
  readonly 150: "12px";
@@ -7366,6 +7545,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7366
7545
  readonly 300: any;
7367
7546
  readonly 400: any;
7368
7547
  readonly 600: any;
7548
+ readonly 700: any;
7369
7549
  readonly 800: any;
7370
7550
  readonly 1200: any;
7371
7551
  readonly 1600: any;
@@ -7705,6 +7885,9 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
7705
7885
  "background-primary-subtle-pressed-hover"?: any;
7706
7886
  "background-primary-subtle-selected"?: any;
7707
7887
  "background-success"?: any;
7888
+ "background-success-prominent"?: any;
7889
+ "background-success-prominent-active"?: any;
7890
+ "background-success-prominent-hover"?: any;
7708
7891
  "background-warning-prominent"?: any;
7709
7892
  "background-warning-subtle"?: any;
7710
7893
  "border-danger"?: any;
@@ -7733,6 +7916,8 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
7733
7916
  "border-primary-hover"?: any;
7734
7917
  "border-primary-inverted"?: any;
7735
7918
  "border-success"?: any;
7919
+ "border-success-active"?: any;
7920
+ "border-success-hover"?: any;
7736
7921
  "border-warning"?: any;
7737
7922
  "icon-danger"?: any;
7738
7923
  "icon-danger-active"?: any;
@@ -7752,9 +7937,12 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
7752
7937
  "icon-primary-inverted"?: any;
7753
7938
  "icon-primary-selected"?: any;
7754
7939
  "icon-success"?: any;
7940
+ "icon-success-active"?: any;
7941
+ "icon-success-hover"?: any;
7755
7942
  "icon-success-inverted"?: any;
7756
7943
  "icon-warning"?: any;
7757
7944
  "icon-warning-prominent"?: any;
7945
+ "icon-warning-subtle"?: any;
7758
7946
  "text-danger"?: any;
7759
7947
  "text-danger-active"?: any;
7760
7948
  "text-danger-hover"?: any;
@@ -7776,7 +7964,11 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
7776
7964
  "text-primary-inverted-subtle"?: any;
7777
7965
  "text-primary-selected"?: any;
7778
7966
  "text-success"?: any;
7967
+ "text-success-active"?: any;
7968
+ "text-success-hover"?: any;
7969
+ "text-success-inverted"?: any;
7779
7970
  "text-warning"?: any;
7971
+ "text-warning-subtle"?: any;
7780
7972
  };
7781
7973
  'font-sizes': {
7782
7974
  readonly 150: "0.75rem";
@@ -7805,8 +7997,6 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
7805
7997
  readonly 200: "16px";
7806
7998
  };
7807
7999
  shadows: {
7808
- readonly 50: "0 4px 16px #05003812";
7809
- readonly 100: "0 8px 32px #05003808";
7810
8000
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
7811
8001
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
7812
8002
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -7820,7 +8010,8 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
7820
8010
  readonly 'icon-400': "32px";
7821
8011
  };
7822
8012
  space: {
7823
- readonly 0: 0;
8013
+ readonly 0: "0px";
8014
+ readonly 25: "2px";
7824
8015
  readonly 50: "4px";
7825
8016
  readonly 100: "8px";
7826
8017
  readonly 150: "12px";
@@ -7850,6 +8041,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
7850
8041
  readonly 300: any;
7851
8042
  readonly 400: any;
7852
8043
  readonly 600: any;
8044
+ readonly 700: any;
7853
8045
  readonly 800: any;
7854
8046
  readonly 1200: any;
7855
8047
  readonly 1600: any;
@@ -8179,6 +8371,9 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8179
8371
  "background-primary-subtle-pressed-hover"?: any;
8180
8372
  "background-primary-subtle-selected"?: any;
8181
8373
  "background-success"?: any;
8374
+ "background-success-prominent"?: any;
8375
+ "background-success-prominent-active"?: any;
8376
+ "background-success-prominent-hover"?: any;
8182
8377
  "background-warning-prominent"?: any;
8183
8378
  "background-warning-subtle"?: any;
8184
8379
  "border-danger"?: any;
@@ -8207,6 +8402,8 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8207
8402
  "border-primary-hover"?: any;
8208
8403
  "border-primary-inverted"?: any;
8209
8404
  "border-success"?: any;
8405
+ "border-success-active"?: any;
8406
+ "border-success-hover"?: any;
8210
8407
  "border-warning"?: any;
8211
8408
  "icon-danger"?: any;
8212
8409
  "icon-danger-active"?: any;
@@ -8226,9 +8423,12 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8226
8423
  "icon-primary-inverted"?: any;
8227
8424
  "icon-primary-selected"?: any;
8228
8425
  "icon-success"?: any;
8426
+ "icon-success-active"?: any;
8427
+ "icon-success-hover"?: any;
8229
8428
  "icon-success-inverted"?: any;
8230
8429
  "icon-warning"?: any;
8231
8430
  "icon-warning-prominent"?: any;
8431
+ "icon-warning-subtle"?: any;
8232
8432
  "text-danger"?: any;
8233
8433
  "text-danger-active"?: any;
8234
8434
  "text-danger-hover"?: any;
@@ -8250,7 +8450,11 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8250
8450
  "text-primary-inverted-subtle"?: any;
8251
8451
  "text-primary-selected"?: any;
8252
8452
  "text-success"?: any;
8453
+ "text-success-active"?: any;
8454
+ "text-success-hover"?: any;
8455
+ "text-success-inverted"?: any;
8253
8456
  "text-warning"?: any;
8457
+ "text-warning-subtle"?: any;
8254
8458
  };
8255
8459
  'font-sizes': {
8256
8460
  readonly 150: "0.75rem";
@@ -8279,8 +8483,6 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8279
8483
  readonly 200: "16px";
8280
8484
  };
8281
8485
  shadows: {
8282
- readonly 50: "0 4px 16px #05003812";
8283
- readonly 100: "0 8px 32px #05003808";
8284
8486
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
8285
8487
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
8286
8488
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -8294,7 +8496,8 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8294
8496
  readonly 'icon-400': "32px";
8295
8497
  };
8296
8498
  space: {
8297
- readonly 0: 0;
8499
+ readonly 0: "0px";
8500
+ readonly 25: "2px";
8298
8501
  readonly 50: "4px";
8299
8502
  readonly 100: "8px";
8300
8503
  readonly 150: "12px";
@@ -8324,6 +8527,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8324
8527
  readonly 300: any;
8325
8528
  readonly 400: any;
8326
8529
  readonly 600: any;
8530
+ readonly 700: any;
8327
8531
  readonly 800: any;
8328
8532
  readonly 1200: any;
8329
8533
  readonly 1600: any;
@@ -8657,6 +8861,9 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8657
8861
  "background-primary-subtle-pressed-hover"?: any;
8658
8862
  "background-primary-subtle-selected"?: any;
8659
8863
  "background-success"?: any;
8864
+ "background-success-prominent"?: any;
8865
+ "background-success-prominent-active"?: any;
8866
+ "background-success-prominent-hover"?: any;
8660
8867
  "background-warning-prominent"?: any;
8661
8868
  "background-warning-subtle"?: any;
8662
8869
  "border-danger"?: any;
@@ -8685,6 +8892,8 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8685
8892
  "border-primary-hover"?: any;
8686
8893
  "border-primary-inverted"?: any;
8687
8894
  "border-success"?: any;
8895
+ "border-success-active"?: any;
8896
+ "border-success-hover"?: any;
8688
8897
  "border-warning"?: any;
8689
8898
  "icon-danger"?: any;
8690
8899
  "icon-danger-active"?: any;
@@ -8704,9 +8913,12 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8704
8913
  "icon-primary-inverted"?: any;
8705
8914
  "icon-primary-selected"?: any;
8706
8915
  "icon-success"?: any;
8916
+ "icon-success-active"?: any;
8917
+ "icon-success-hover"?: any;
8707
8918
  "icon-success-inverted"?: any;
8708
8919
  "icon-warning"?: any;
8709
8920
  "icon-warning-prominent"?: any;
8921
+ "icon-warning-subtle"?: any;
8710
8922
  "text-danger"?: any;
8711
8923
  "text-danger-active"?: any;
8712
8924
  "text-danger-hover"?: any;
@@ -8728,7 +8940,11 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8728
8940
  "text-primary-inverted-subtle"?: any;
8729
8941
  "text-primary-selected"?: any;
8730
8942
  "text-success"?: any;
8943
+ "text-success-active"?: any;
8944
+ "text-success-hover"?: any;
8945
+ "text-success-inverted"?: any;
8731
8946
  "text-warning"?: any;
8947
+ "text-warning-subtle"?: any;
8732
8948
  };
8733
8949
  'font-sizes': {
8734
8950
  readonly 150: "0.75rem";
@@ -8757,8 +8973,6 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8757
8973
  readonly 200: "16px";
8758
8974
  };
8759
8975
  shadows: {
8760
- readonly 50: "0 4px 16px #05003812";
8761
- readonly 100: "0 8px 32px #05003808";
8762
8976
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
8763
8977
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
8764
8978
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -8772,7 +8986,8 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8772
8986
  readonly 'icon-400': "32px";
8773
8987
  };
8774
8988
  space: {
8775
- readonly 0: 0;
8989
+ readonly 0: "0px";
8990
+ readonly 25: "2px";
8776
8991
  readonly 50: "4px";
8777
8992
  readonly 100: "8px";
8778
8993
  readonly 150: "12px";
@@ -8802,6 +9017,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8802
9017
  readonly 300: any;
8803
9018
  readonly 400: any;
8804
9019
  readonly 600: any;
9020
+ readonly 700: any;
8805
9021
  readonly 800: any;
8806
9022
  readonly 1200: any;
8807
9023
  readonly 1600: any;
@@ -9137,6 +9353,9 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9137
9353
  "background-primary-subtle-pressed-hover"?: any;
9138
9354
  "background-primary-subtle-selected"?: any;
9139
9355
  "background-success"?: any;
9356
+ "background-success-prominent"?: any;
9357
+ "background-success-prominent-active"?: any;
9358
+ "background-success-prominent-hover"?: any;
9140
9359
  "background-warning-prominent"?: any;
9141
9360
  "background-warning-subtle"?: any;
9142
9361
  "border-danger"?: any;
@@ -9165,6 +9384,8 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9165
9384
  "border-primary-hover"?: any;
9166
9385
  "border-primary-inverted"?: any;
9167
9386
  "border-success"?: any;
9387
+ "border-success-active"?: any;
9388
+ "border-success-hover"?: any;
9168
9389
  "border-warning"?: any;
9169
9390
  "icon-danger"?: any;
9170
9391
  "icon-danger-active"?: any;
@@ -9184,9 +9405,12 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9184
9405
  "icon-primary-inverted"?: any;
9185
9406
  "icon-primary-selected"?: any;
9186
9407
  "icon-success"?: any;
9408
+ "icon-success-active"?: any;
9409
+ "icon-success-hover"?: any;
9187
9410
  "icon-success-inverted"?: any;
9188
9411
  "icon-warning"?: any;
9189
9412
  "icon-warning-prominent"?: any;
9413
+ "icon-warning-subtle"?: any;
9190
9414
  "text-danger"?: any;
9191
9415
  "text-danger-active"?: any;
9192
9416
  "text-danger-hover"?: any;
@@ -9208,7 +9432,11 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9208
9432
  "text-primary-inverted-subtle"?: any;
9209
9433
  "text-primary-selected"?: any;
9210
9434
  "text-success"?: any;
9435
+ "text-success-active"?: any;
9436
+ "text-success-hover"?: any;
9437
+ "text-success-inverted"?: any;
9211
9438
  "text-warning"?: any;
9439
+ "text-warning-subtle"?: any;
9212
9440
  };
9213
9441
  'font-sizes': {
9214
9442
  readonly 150: "0.75rem";
@@ -9237,8 +9465,6 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9237
9465
  readonly 200: "16px";
9238
9466
  };
9239
9467
  shadows: {
9240
- readonly 50: "0 4px 16px #05003812";
9241
- readonly 100: "0 8px 32px #05003808";
9242
9468
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
9243
9469
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
9244
9470
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -9252,7 +9478,8 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9252
9478
  readonly 'icon-400': "32px";
9253
9479
  };
9254
9480
  space: {
9255
- readonly 0: 0;
9481
+ readonly 0: "0px";
9482
+ readonly 25: "2px";
9256
9483
  readonly 50: "4px";
9257
9484
  readonly 100: "8px";
9258
9485
  readonly 150: "12px";
@@ -9282,6 +9509,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9282
9509
  readonly 300: any;
9283
9510
  readonly 400: any;
9284
9511
  readonly 600: any;
9512
+ readonly 700: any;
9285
9513
  readonly 800: any;
9286
9514
  readonly 1200: any;
9287
9515
  readonly 1600: any;
@@ -9611,6 +9839,9 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9611
9839
  "background-primary-subtle-pressed-hover"?: any;
9612
9840
  "background-primary-subtle-selected"?: any;
9613
9841
  "background-success"?: any;
9842
+ "background-success-prominent"?: any;
9843
+ "background-success-prominent-active"?: any;
9844
+ "background-success-prominent-hover"?: any;
9614
9845
  "background-warning-prominent"?: any;
9615
9846
  "background-warning-subtle"?: any;
9616
9847
  "border-danger"?: any;
@@ -9639,6 +9870,8 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9639
9870
  "border-primary-hover"?: any;
9640
9871
  "border-primary-inverted"?: any;
9641
9872
  "border-success"?: any;
9873
+ "border-success-active"?: any;
9874
+ "border-success-hover"?: any;
9642
9875
  "border-warning"?: any;
9643
9876
  "icon-danger"?: any;
9644
9877
  "icon-danger-active"?: any;
@@ -9658,9 +9891,12 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9658
9891
  "icon-primary-inverted"?: any;
9659
9892
  "icon-primary-selected"?: any;
9660
9893
  "icon-success"?: any;
9894
+ "icon-success-active"?: any;
9895
+ "icon-success-hover"?: any;
9661
9896
  "icon-success-inverted"?: any;
9662
9897
  "icon-warning"?: any;
9663
9898
  "icon-warning-prominent"?: any;
9899
+ "icon-warning-subtle"?: any;
9664
9900
  "text-danger"?: any;
9665
9901
  "text-danger-active"?: any;
9666
9902
  "text-danger-hover"?: any;
@@ -9682,7 +9918,11 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9682
9918
  "text-primary-inverted-subtle"?: any;
9683
9919
  "text-primary-selected"?: any;
9684
9920
  "text-success"?: any;
9921
+ "text-success-active"?: any;
9922
+ "text-success-hover"?: any;
9923
+ "text-success-inverted"?: any;
9685
9924
  "text-warning"?: any;
9925
+ "text-warning-subtle"?: any;
9686
9926
  };
9687
9927
  'font-sizes': {
9688
9928
  readonly 150: "0.75rem";
@@ -9711,8 +9951,6 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9711
9951
  readonly 200: "16px";
9712
9952
  };
9713
9953
  shadows: {
9714
- readonly 50: "0 4px 16px #05003812";
9715
- readonly 100: "0 8px 32px #05003808";
9716
9954
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
9717
9955
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
9718
9956
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -9726,7 +9964,8 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9726
9964
  readonly 'icon-400': "32px";
9727
9965
  };
9728
9966
  space: {
9729
- readonly 0: 0;
9967
+ readonly 0: "0px";
9968
+ readonly 25: "2px";
9730
9969
  readonly 50: "4px";
9731
9970
  readonly 100: "8px";
9732
9971
  readonly 150: "12px";
@@ -9756,6 +9995,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9756
9995
  readonly 300: any;
9757
9996
  readonly 400: any;
9758
9997
  readonly 600: any;
9998
+ readonly 700: any;
9759
9999
  readonly 800: any;
9760
10000
  readonly 1200: any;
9761
10001
  readonly 1600: any;
@@ -10089,6 +10329,9 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10089
10329
  "background-primary-subtle-pressed-hover"?: any;
10090
10330
  "background-primary-subtle-selected"?: any;
10091
10331
  "background-success"?: any;
10332
+ "background-success-prominent"?: any;
10333
+ "background-success-prominent-active"?: any;
10334
+ "background-success-prominent-hover"?: any;
10092
10335
  "background-warning-prominent"?: any;
10093
10336
  "background-warning-subtle"?: any;
10094
10337
  "border-danger"?: any;
@@ -10117,6 +10360,8 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10117
10360
  "border-primary-hover"?: any;
10118
10361
  "border-primary-inverted"?: any;
10119
10362
  "border-success"?: any;
10363
+ "border-success-active"?: any;
10364
+ "border-success-hover"?: any;
10120
10365
  "border-warning"?: any;
10121
10366
  "icon-danger"?: any;
10122
10367
  "icon-danger-active"?: any;
@@ -10136,9 +10381,12 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10136
10381
  "icon-primary-inverted"?: any;
10137
10382
  "icon-primary-selected"?: any;
10138
10383
  "icon-success"?: any;
10384
+ "icon-success-active"?: any;
10385
+ "icon-success-hover"?: any;
10139
10386
  "icon-success-inverted"?: any;
10140
10387
  "icon-warning"?: any;
10141
10388
  "icon-warning-prominent"?: any;
10389
+ "icon-warning-subtle"?: any;
10142
10390
  "text-danger"?: any;
10143
10391
  "text-danger-active"?: any;
10144
10392
  "text-danger-hover"?: any;
@@ -10160,7 +10408,11 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10160
10408
  "text-primary-inverted-subtle"?: any;
10161
10409
  "text-primary-selected"?: any;
10162
10410
  "text-success"?: any;
10411
+ "text-success-active"?: any;
10412
+ "text-success-hover"?: any;
10413
+ "text-success-inverted"?: any;
10163
10414
  "text-warning"?: any;
10415
+ "text-warning-subtle"?: any;
10164
10416
  };
10165
10417
  'font-sizes': {
10166
10418
  readonly 150: "0.75rem";
@@ -10189,8 +10441,6 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10189
10441
  readonly 200: "16px";
10190
10442
  };
10191
10443
  shadows: {
10192
- readonly 50: "0 4px 16px #05003812";
10193
- readonly 100: "0 8px 32px #05003808";
10194
10444
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
10195
10445
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
10196
10446
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
@@ -10204,7 +10454,8 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10204
10454
  readonly 'icon-400': "32px";
10205
10455
  };
10206
10456
  space: {
10207
- readonly 0: 0;
10457
+ readonly 0: "0px";
10458
+ readonly 25: "2px";
10208
10459
  readonly 50: "4px";
10209
10460
  readonly 100: "8px";
10210
10461
  readonly 150: "12px";
@@ -10234,6 +10485,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10234
10485
  readonly 300: any;
10235
10486
  readonly 400: any;
10236
10487
  readonly 600: any;
10488
+ readonly 700: any;
10237
10489
  readonly 800: any;
10238
10490
  readonly 1200: any;
10239
10491
  readonly 1600: any;