@parrot-co/parrot-ui 0.0.58 → 0.0.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +24 -0
- package/dist/main.js.map +1 -1
- package/dist/module.js +24 -0
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +970 -55
- package/dist/types.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/types.d.ts
CHANGED
|
@@ -819,7 +819,18 @@ declare const colors: {
|
|
|
819
819
|
};
|
|
820
820
|
declare const config: {
|
|
821
821
|
prefix: "";
|
|
822
|
-
media: {
|
|
822
|
+
media: {
|
|
823
|
+
xs: "(min-width: 320px)";
|
|
824
|
+
sm: "(min-width: 425px)";
|
|
825
|
+
md: "(min-width: 768px)";
|
|
826
|
+
lg: "(min-width: 1204px)";
|
|
827
|
+
xl: "(min-width: 1440px)";
|
|
828
|
+
"2xl": "(min-width: 1536px)";
|
|
829
|
+
motion: "(prefers-reduced-motion)";
|
|
830
|
+
hover: "(any-hover: hover)";
|
|
831
|
+
dark: "(prefers-color-scheme: dark)";
|
|
832
|
+
light: "(prefers-color-scheme: light)";
|
|
833
|
+
};
|
|
823
834
|
theme: {
|
|
824
835
|
colors: {
|
|
825
836
|
primary: string;
|
|
@@ -1612,7 +1623,29 @@ export const Box: import("@stitches/react/types/styled-component").StyledCompone
|
|
|
1612
1623
|
position?: "fixed" | "relative" | "absolute" | undefined;
|
|
1613
1624
|
stretchX?: boolean | "true" | undefined;
|
|
1614
1625
|
stretchY?: boolean | "true" | undefined;
|
|
1615
|
-
}, {
|
|
1626
|
+
}, {
|
|
1627
|
+
xs: "(min-width: 320px)";
|
|
1628
|
+
sm: "(min-width: 425px)";
|
|
1629
|
+
md: "(min-width: 768px)";
|
|
1630
|
+
lg: "(min-width: 1204px)";
|
|
1631
|
+
xl: "(min-width: 1440px)";
|
|
1632
|
+
"2xl": "(min-width: 1536px)";
|
|
1633
|
+
motion: "(prefers-reduced-motion)";
|
|
1634
|
+
hover: "(any-hover: hover)";
|
|
1635
|
+
dark: "(prefers-color-scheme: dark)";
|
|
1636
|
+
light: "(prefers-color-scheme: light)";
|
|
1637
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
1638
|
+
xs: "(min-width: 320px)";
|
|
1639
|
+
sm: "(min-width: 425px)";
|
|
1640
|
+
md: "(min-width: 768px)";
|
|
1641
|
+
lg: "(min-width: 1204px)";
|
|
1642
|
+
xl: "(min-width: 1440px)";
|
|
1643
|
+
"2xl": "(min-width: 1536px)";
|
|
1644
|
+
motion: "(prefers-reduced-motion)";
|
|
1645
|
+
hover: "(any-hover: hover)";
|
|
1646
|
+
dark: "(prefers-color-scheme: dark)";
|
|
1647
|
+
light: "(prefers-color-scheme: light)";
|
|
1648
|
+
}, {
|
|
1616
1649
|
colors: {
|
|
1617
1650
|
primary: string;
|
|
1618
1651
|
blackA1: string;
|
|
@@ -2400,7 +2433,29 @@ export const Flex: import("@stitches/react/types/styled-component").StyledCompon
|
|
|
2400
2433
|
position?: "fixed" | "relative" | "absolute" | undefined;
|
|
2401
2434
|
stretchX?: boolean | "true" | undefined;
|
|
2402
2435
|
stretchY?: boolean | "true" | undefined;
|
|
2403
|
-
}, {
|
|
2436
|
+
}, {
|
|
2437
|
+
xs: "(min-width: 320px)";
|
|
2438
|
+
sm: "(min-width: 425px)";
|
|
2439
|
+
md: "(min-width: 768px)";
|
|
2440
|
+
lg: "(min-width: 1204px)";
|
|
2441
|
+
xl: "(min-width: 1440px)";
|
|
2442
|
+
"2xl": "(min-width: 1536px)";
|
|
2443
|
+
motion: "(prefers-reduced-motion)";
|
|
2444
|
+
hover: "(any-hover: hover)";
|
|
2445
|
+
dark: "(prefers-color-scheme: dark)";
|
|
2446
|
+
light: "(prefers-color-scheme: light)";
|
|
2447
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
2448
|
+
xs: "(min-width: 320px)";
|
|
2449
|
+
sm: "(min-width: 425px)";
|
|
2450
|
+
md: "(min-width: 768px)";
|
|
2451
|
+
lg: "(min-width: 1204px)";
|
|
2452
|
+
xl: "(min-width: 1440px)";
|
|
2453
|
+
"2xl": "(min-width: 1536px)";
|
|
2454
|
+
motion: "(prefers-reduced-motion)";
|
|
2455
|
+
hover: "(any-hover: hover)";
|
|
2456
|
+
dark: "(prefers-color-scheme: dark)";
|
|
2457
|
+
light: "(prefers-color-scheme: light)";
|
|
2458
|
+
}, {
|
|
2404
2459
|
colors: {
|
|
2405
2460
|
primary: string;
|
|
2406
2461
|
blackA1: string;
|
|
@@ -3193,7 +3248,29 @@ export const Flex: import("@stitches/react/types/styled-component").StyledCompon
|
|
|
3193
3248
|
gap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | 1 | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
3194
3249
|
rowGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
3195
3250
|
columnGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
3196
|
-
}, {
|
|
3251
|
+
}, {
|
|
3252
|
+
xs: "(min-width: 320px)";
|
|
3253
|
+
sm: "(min-width: 425px)";
|
|
3254
|
+
md: "(min-width: 768px)";
|
|
3255
|
+
lg: "(min-width: 1204px)";
|
|
3256
|
+
xl: "(min-width: 1440px)";
|
|
3257
|
+
"2xl": "(min-width: 1536px)";
|
|
3258
|
+
motion: "(prefers-reduced-motion)";
|
|
3259
|
+
hover: "(any-hover: hover)";
|
|
3260
|
+
dark: "(prefers-color-scheme: dark)";
|
|
3261
|
+
light: "(prefers-color-scheme: light)";
|
|
3262
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
3263
|
+
xs: "(min-width: 320px)";
|
|
3264
|
+
sm: "(min-width: 425px)";
|
|
3265
|
+
md: "(min-width: 768px)";
|
|
3266
|
+
lg: "(min-width: 1204px)";
|
|
3267
|
+
xl: "(min-width: 1440px)";
|
|
3268
|
+
"2xl": "(min-width: 1536px)";
|
|
3269
|
+
motion: "(prefers-reduced-motion)";
|
|
3270
|
+
hover: "(any-hover: hover)";
|
|
3271
|
+
dark: "(prefers-color-scheme: dark)";
|
|
3272
|
+
light: "(prefers-color-scheme: light)";
|
|
3273
|
+
}, {
|
|
3197
3274
|
colors: {
|
|
3198
3275
|
primary: string;
|
|
3199
3276
|
blackA1: string;
|
|
@@ -3982,7 +4059,29 @@ export const Grid: import("@stitches/react/types/styled-component").StyledCompon
|
|
|
3982
4059
|
position?: "fixed" | "relative" | "absolute" | undefined;
|
|
3983
4060
|
stretchX?: boolean | "true" | undefined;
|
|
3984
4061
|
stretchY?: boolean | "true" | undefined;
|
|
3985
|
-
}, {
|
|
4062
|
+
}, {
|
|
4063
|
+
xs: "(min-width: 320px)";
|
|
4064
|
+
sm: "(min-width: 425px)";
|
|
4065
|
+
md: "(min-width: 768px)";
|
|
4066
|
+
lg: "(min-width: 1204px)";
|
|
4067
|
+
xl: "(min-width: 1440px)";
|
|
4068
|
+
"2xl": "(min-width: 1536px)";
|
|
4069
|
+
motion: "(prefers-reduced-motion)";
|
|
4070
|
+
hover: "(any-hover: hover)";
|
|
4071
|
+
dark: "(prefers-color-scheme: dark)";
|
|
4072
|
+
light: "(prefers-color-scheme: light)";
|
|
4073
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
4074
|
+
xs: "(min-width: 320px)";
|
|
4075
|
+
sm: "(min-width: 425px)";
|
|
4076
|
+
md: "(min-width: 768px)";
|
|
4077
|
+
lg: "(min-width: 1204px)";
|
|
4078
|
+
xl: "(min-width: 1440px)";
|
|
4079
|
+
"2xl": "(min-width: 1536px)";
|
|
4080
|
+
motion: "(prefers-reduced-motion)";
|
|
4081
|
+
hover: "(any-hover: hover)";
|
|
4082
|
+
dark: "(prefers-color-scheme: dark)";
|
|
4083
|
+
light: "(prefers-color-scheme: light)";
|
|
4084
|
+
}, {
|
|
3986
4085
|
colors: {
|
|
3987
4086
|
primary: string;
|
|
3988
4087
|
blackA1: string;
|
|
@@ -4772,7 +4871,29 @@ export const Grid: import("@stitches/react/types/styled-component").StyledCompon
|
|
|
4772
4871
|
gap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
4773
4872
|
gapX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
4774
4873
|
gapY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
4775
|
-
}, {
|
|
4874
|
+
}, {
|
|
4875
|
+
xs: "(min-width: 320px)";
|
|
4876
|
+
sm: "(min-width: 425px)";
|
|
4877
|
+
md: "(min-width: 768px)";
|
|
4878
|
+
lg: "(min-width: 1204px)";
|
|
4879
|
+
xl: "(min-width: 1440px)";
|
|
4880
|
+
"2xl": "(min-width: 1536px)";
|
|
4881
|
+
motion: "(prefers-reduced-motion)";
|
|
4882
|
+
hover: "(any-hover: hover)";
|
|
4883
|
+
dark: "(prefers-color-scheme: dark)";
|
|
4884
|
+
light: "(prefers-color-scheme: light)";
|
|
4885
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
4886
|
+
xs: "(min-width: 320px)";
|
|
4887
|
+
sm: "(min-width: 425px)";
|
|
4888
|
+
md: "(min-width: 768px)";
|
|
4889
|
+
lg: "(min-width: 1204px)";
|
|
4890
|
+
xl: "(min-width: 1440px)";
|
|
4891
|
+
"2xl": "(min-width: 1536px)";
|
|
4892
|
+
motion: "(prefers-reduced-motion)";
|
|
4893
|
+
hover: "(any-hover: hover)";
|
|
4894
|
+
dark: "(prefers-color-scheme: dark)";
|
|
4895
|
+
light: "(prefers-color-scheme: light)";
|
|
4896
|
+
}, {
|
|
4776
4897
|
colors: {
|
|
4777
4898
|
primary: string;
|
|
4778
4899
|
blackA1: string;
|
|
@@ -5560,7 +5681,29 @@ export const GridItem: import("@stitches/react/types/styled-component").StyledCo
|
|
|
5560
5681
|
position?: "fixed" | "relative" | "absolute" | undefined;
|
|
5561
5682
|
stretchX?: boolean | "true" | undefined;
|
|
5562
5683
|
stretchY?: boolean | "true" | undefined;
|
|
5563
|
-
}, {
|
|
5684
|
+
}, {
|
|
5685
|
+
xs: "(min-width: 320px)";
|
|
5686
|
+
sm: "(min-width: 425px)";
|
|
5687
|
+
md: "(min-width: 768px)";
|
|
5688
|
+
lg: "(min-width: 1204px)";
|
|
5689
|
+
xl: "(min-width: 1440px)";
|
|
5690
|
+
"2xl": "(min-width: 1536px)";
|
|
5691
|
+
motion: "(prefers-reduced-motion)";
|
|
5692
|
+
hover: "(any-hover: hover)";
|
|
5693
|
+
dark: "(prefers-color-scheme: dark)";
|
|
5694
|
+
light: "(prefers-color-scheme: light)";
|
|
5695
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
5696
|
+
xs: "(min-width: 320px)";
|
|
5697
|
+
sm: "(min-width: 425px)";
|
|
5698
|
+
md: "(min-width: 768px)";
|
|
5699
|
+
lg: "(min-width: 1204px)";
|
|
5700
|
+
xl: "(min-width: 1440px)";
|
|
5701
|
+
"2xl": "(min-width: 1536px)";
|
|
5702
|
+
motion: "(prefers-reduced-motion)";
|
|
5703
|
+
hover: "(any-hover: hover)";
|
|
5704
|
+
dark: "(prefers-color-scheme: dark)";
|
|
5705
|
+
light: "(prefers-color-scheme: light)";
|
|
5706
|
+
}, {
|
|
5564
5707
|
colors: {
|
|
5565
5708
|
primary: string;
|
|
5566
5709
|
blackA1: string;
|
|
@@ -6353,7 +6496,29 @@ export const GridItem: import("@stitches/react/types/styled-component").StyledCo
|
|
|
6353
6496
|
gap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | 1 | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
6354
6497
|
rowGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
6355
6498
|
columnGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
6356
|
-
}, {
|
|
6499
|
+
}, {
|
|
6500
|
+
xs: "(min-width: 320px)";
|
|
6501
|
+
sm: "(min-width: 425px)";
|
|
6502
|
+
md: "(min-width: 768px)";
|
|
6503
|
+
lg: "(min-width: 1204px)";
|
|
6504
|
+
xl: "(min-width: 1440px)";
|
|
6505
|
+
"2xl": "(min-width: 1536px)";
|
|
6506
|
+
motion: "(prefers-reduced-motion)";
|
|
6507
|
+
hover: "(any-hover: hover)";
|
|
6508
|
+
dark: "(prefers-color-scheme: dark)";
|
|
6509
|
+
light: "(prefers-color-scheme: light)";
|
|
6510
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
6511
|
+
xs: "(min-width: 320px)";
|
|
6512
|
+
sm: "(min-width: 425px)";
|
|
6513
|
+
md: "(min-width: 768px)";
|
|
6514
|
+
lg: "(min-width: 1204px)";
|
|
6515
|
+
xl: "(min-width: 1440px)";
|
|
6516
|
+
"2xl": "(min-width: 1536px)";
|
|
6517
|
+
motion: "(prefers-reduced-motion)";
|
|
6518
|
+
hover: "(any-hover: hover)";
|
|
6519
|
+
dark: "(prefers-color-scheme: dark)";
|
|
6520
|
+
light: "(prefers-color-scheme: light)";
|
|
6521
|
+
}, {
|
|
6357
6522
|
colors: {
|
|
6358
6523
|
primary: string;
|
|
6359
6524
|
blackA1: string;
|
|
@@ -7138,7 +7303,29 @@ export const GridItem: import("@stitches/react/types/styled-component").StyledCo
|
|
|
7138
7303
|
};
|
|
7139
7304
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, {
|
|
7140
7305
|
colSpan?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | undefined;
|
|
7141
|
-
}, {
|
|
7306
|
+
}, {
|
|
7307
|
+
xs: "(min-width: 320px)";
|
|
7308
|
+
sm: "(min-width: 425px)";
|
|
7309
|
+
md: "(min-width: 768px)";
|
|
7310
|
+
lg: "(min-width: 1204px)";
|
|
7311
|
+
xl: "(min-width: 1440px)";
|
|
7312
|
+
"2xl": "(min-width: 1536px)";
|
|
7313
|
+
motion: "(prefers-reduced-motion)";
|
|
7314
|
+
hover: "(any-hover: hover)";
|
|
7315
|
+
dark: "(prefers-color-scheme: dark)";
|
|
7316
|
+
light: "(prefers-color-scheme: light)";
|
|
7317
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
7318
|
+
xs: "(min-width: 320px)";
|
|
7319
|
+
sm: "(min-width: 425px)";
|
|
7320
|
+
md: "(min-width: 768px)";
|
|
7321
|
+
lg: "(min-width: 1204px)";
|
|
7322
|
+
xl: "(min-width: 1440px)";
|
|
7323
|
+
"2xl": "(min-width: 1536px)";
|
|
7324
|
+
motion: "(prefers-reduced-motion)";
|
|
7325
|
+
hover: "(any-hover: hover)";
|
|
7326
|
+
dark: "(prefers-color-scheme: dark)";
|
|
7327
|
+
light: "(prefers-color-scheme: light)";
|
|
7328
|
+
}, {
|
|
7142
7329
|
colors: {
|
|
7143
7330
|
primary: string;
|
|
7144
7331
|
blackA1: string;
|
|
@@ -7926,7 +8113,29 @@ export const Column: import("@stitches/react/types/styled-component").StyledComp
|
|
|
7926
8113
|
position?: "fixed" | "relative" | "absolute" | undefined;
|
|
7927
8114
|
stretchX?: boolean | "true" | undefined;
|
|
7928
8115
|
stretchY?: boolean | "true" | undefined;
|
|
7929
|
-
}, {
|
|
8116
|
+
}, {
|
|
8117
|
+
xs: "(min-width: 320px)";
|
|
8118
|
+
sm: "(min-width: 425px)";
|
|
8119
|
+
md: "(min-width: 768px)";
|
|
8120
|
+
lg: "(min-width: 1204px)";
|
|
8121
|
+
xl: "(min-width: 1440px)";
|
|
8122
|
+
"2xl": "(min-width: 1536px)";
|
|
8123
|
+
motion: "(prefers-reduced-motion)";
|
|
8124
|
+
hover: "(any-hover: hover)";
|
|
8125
|
+
dark: "(prefers-color-scheme: dark)";
|
|
8126
|
+
light: "(prefers-color-scheme: light)";
|
|
8127
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
8128
|
+
xs: "(min-width: 320px)";
|
|
8129
|
+
sm: "(min-width: 425px)";
|
|
8130
|
+
md: "(min-width: 768px)";
|
|
8131
|
+
lg: "(min-width: 1204px)";
|
|
8132
|
+
xl: "(min-width: 1440px)";
|
|
8133
|
+
"2xl": "(min-width: 1536px)";
|
|
8134
|
+
motion: "(prefers-reduced-motion)";
|
|
8135
|
+
hover: "(any-hover: hover)";
|
|
8136
|
+
dark: "(prefers-color-scheme: dark)";
|
|
8137
|
+
light: "(prefers-color-scheme: light)";
|
|
8138
|
+
}, {
|
|
7930
8139
|
colors: {
|
|
7931
8140
|
primary: string;
|
|
7932
8141
|
blackA1: string;
|
|
@@ -8719,7 +8928,29 @@ export const Column: import("@stitches/react/types/styled-component").StyledComp
|
|
|
8719
8928
|
gap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | 1 | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
8720
8929
|
rowGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
8721
8930
|
columnGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
8722
|
-
}, {
|
|
8931
|
+
}, {
|
|
8932
|
+
xs: "(min-width: 320px)";
|
|
8933
|
+
sm: "(min-width: 425px)";
|
|
8934
|
+
md: "(min-width: 768px)";
|
|
8935
|
+
lg: "(min-width: 1204px)";
|
|
8936
|
+
xl: "(min-width: 1440px)";
|
|
8937
|
+
"2xl": "(min-width: 1536px)";
|
|
8938
|
+
motion: "(prefers-reduced-motion)";
|
|
8939
|
+
hover: "(any-hover: hover)";
|
|
8940
|
+
dark: "(prefers-color-scheme: dark)";
|
|
8941
|
+
light: "(prefers-color-scheme: light)";
|
|
8942
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
8943
|
+
xs: "(min-width: 320px)";
|
|
8944
|
+
sm: "(min-width: 425px)";
|
|
8945
|
+
md: "(min-width: 768px)";
|
|
8946
|
+
lg: "(min-width: 1204px)";
|
|
8947
|
+
xl: "(min-width: 1440px)";
|
|
8948
|
+
"2xl": "(min-width: 1536px)";
|
|
8949
|
+
motion: "(prefers-reduced-motion)";
|
|
8950
|
+
hover: "(any-hover: hover)";
|
|
8951
|
+
dark: "(prefers-color-scheme: dark)";
|
|
8952
|
+
light: "(prefers-color-scheme: light)";
|
|
8953
|
+
}, {
|
|
8723
8954
|
colors: {
|
|
8724
8955
|
primary: string;
|
|
8725
8956
|
blackA1: string;
|
|
@@ -9504,7 +9735,29 @@ export const Column: import("@stitches/react/types/styled-component").StyledComp
|
|
|
9504
9735
|
};
|
|
9505
9736
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, {
|
|
9506
9737
|
span?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | undefined;
|
|
9507
|
-
}, {
|
|
9738
|
+
}, {
|
|
9739
|
+
xs: "(min-width: 320px)";
|
|
9740
|
+
sm: "(min-width: 425px)";
|
|
9741
|
+
md: "(min-width: 768px)";
|
|
9742
|
+
lg: "(min-width: 1204px)";
|
|
9743
|
+
xl: "(min-width: 1440px)";
|
|
9744
|
+
"2xl": "(min-width: 1536px)";
|
|
9745
|
+
motion: "(prefers-reduced-motion)";
|
|
9746
|
+
hover: "(any-hover: hover)";
|
|
9747
|
+
dark: "(prefers-color-scheme: dark)";
|
|
9748
|
+
light: "(prefers-color-scheme: light)";
|
|
9749
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
9750
|
+
xs: "(min-width: 320px)";
|
|
9751
|
+
sm: "(min-width: 425px)";
|
|
9752
|
+
md: "(min-width: 768px)";
|
|
9753
|
+
lg: "(min-width: 1204px)";
|
|
9754
|
+
xl: "(min-width: 1440px)";
|
|
9755
|
+
"2xl": "(min-width: 1536px)";
|
|
9756
|
+
motion: "(prefers-reduced-motion)";
|
|
9757
|
+
hover: "(any-hover: hover)";
|
|
9758
|
+
dark: "(prefers-color-scheme: dark)";
|
|
9759
|
+
light: "(prefers-color-scheme: light)";
|
|
9760
|
+
}, {
|
|
9508
9761
|
colors: {
|
|
9509
9762
|
primary: string;
|
|
9510
9763
|
blackA1: string;
|
|
@@ -10301,15 +10554,39 @@ type Color = (typeof supportedColors)[number];
|
|
|
10301
10554
|
declare const supportedColors: readonly ["white", "black", "gray", "mauve", "slate", "sage", "olive", "sand", "tomato", "red", "crimson", "pink", "plum", "purple", "violet", "indigo", "blue", "cyan", "teal", "green", "grass", "brown", "orange", "sky", "mint", "lime", "yellow", "amber"];
|
|
10302
10555
|
export const Text: import("@stitches/react/types/styled-component").StyledComponent<"p", {
|
|
10303
10556
|
numeric?: boolean | "true" | undefined;
|
|
10304
|
-
size?: "sm" | "
|
|
10305
|
-
color?: "primary" | "
|
|
10557
|
+
size?: "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "inherit" | "2xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
|
|
10558
|
+
color?: "primary" | "dark" | "light" | "inherit" | "lighter" | "error" | "success" | "warning" | "white" | "black" | undefined;
|
|
10306
10559
|
lineHeight?: "normal" | "none" | "shorter" | "short" | "base" | "tall" | "taller" | undefined;
|
|
10307
10560
|
align?: "left" | "right" | "center" | undefined;
|
|
10308
10561
|
weight?: "regular" | "medium" | "bold" | "heavy" | "semi" | undefined;
|
|
10309
10562
|
rounded?: boolean | "true" | undefined;
|
|
10310
10563
|
case?: "capitalize" | "lowercase" | "uppercase" | undefined;
|
|
10311
10564
|
underline?: boolean | "true" | undefined;
|
|
10312
|
-
|
|
10565
|
+
italic?: boolean | "true" | undefined;
|
|
10566
|
+
truncate?: boolean | "true" | undefined;
|
|
10567
|
+
}, {
|
|
10568
|
+
xs: "(min-width: 320px)";
|
|
10569
|
+
sm: "(min-width: 425px)";
|
|
10570
|
+
md: "(min-width: 768px)";
|
|
10571
|
+
lg: "(min-width: 1204px)";
|
|
10572
|
+
xl: "(min-width: 1440px)";
|
|
10573
|
+
"2xl": "(min-width: 1536px)";
|
|
10574
|
+
motion: "(prefers-reduced-motion)";
|
|
10575
|
+
hover: "(any-hover: hover)";
|
|
10576
|
+
dark: "(prefers-color-scheme: dark)";
|
|
10577
|
+
light: "(prefers-color-scheme: light)";
|
|
10578
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
10579
|
+
xs: "(min-width: 320px)";
|
|
10580
|
+
sm: "(min-width: 425px)";
|
|
10581
|
+
md: "(min-width: 768px)";
|
|
10582
|
+
lg: "(min-width: 1204px)";
|
|
10583
|
+
xl: "(min-width: 1440px)";
|
|
10584
|
+
"2xl": "(min-width: 1536px)";
|
|
10585
|
+
motion: "(prefers-reduced-motion)";
|
|
10586
|
+
hover: "(any-hover: hover)";
|
|
10587
|
+
dark: "(prefers-color-scheme: dark)";
|
|
10588
|
+
light: "(prefers-color-scheme: light)";
|
|
10589
|
+
}, {
|
|
10313
10590
|
colors: {
|
|
10314
10591
|
primary: string;
|
|
10315
10592
|
blackA1: string;
|
|
@@ -11099,14 +11376,47 @@ export const Input: React.ForwardRefExoticComponent<InputProps & Omit<AriaTextFi
|
|
|
11099
11376
|
appearance?: "outline" | "filled" | undefined;
|
|
11100
11377
|
shape?: "round" | "sharp" | undefined;
|
|
11101
11378
|
size?: "sm" | "xs" | "md" | "lg" | "xl" | undefined;
|
|
11102
|
-
}, {
|
|
11379
|
+
}, {
|
|
11380
|
+
xs: "(min-width: 320px)";
|
|
11381
|
+
sm: "(min-width: 425px)";
|
|
11382
|
+
md: "(min-width: 768px)";
|
|
11383
|
+
lg: "(min-width: 1204px)";
|
|
11384
|
+
xl: "(min-width: 1440px)";
|
|
11385
|
+
"2xl": "(min-width: 1536px)";
|
|
11386
|
+
motion: "(prefers-reduced-motion)";
|
|
11387
|
+
hover: "(any-hover: hover)";
|
|
11388
|
+
dark: "(prefers-color-scheme: dark)";
|
|
11389
|
+
light: "(prefers-color-scheme: light)";
|
|
11390
|
+
}> & {
|
|
11103
11391
|
css?: _CSS | undefined;
|
|
11104
11392
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
11105
11393
|
declare const Wrapper: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
11106
11394
|
position?: "fixed" | "relative" | "absolute" | undefined;
|
|
11107
11395
|
stretchX?: boolean | "true" | undefined;
|
|
11108
11396
|
stretchY?: boolean | "true" | undefined;
|
|
11109
|
-
}, {
|
|
11397
|
+
}, {
|
|
11398
|
+
xs: "(min-width: 320px)";
|
|
11399
|
+
sm: "(min-width: 425px)";
|
|
11400
|
+
md: "(min-width: 768px)";
|
|
11401
|
+
lg: "(min-width: 1204px)";
|
|
11402
|
+
xl: "(min-width: 1440px)";
|
|
11403
|
+
"2xl": "(min-width: 1536px)";
|
|
11404
|
+
motion: "(prefers-reduced-motion)";
|
|
11405
|
+
hover: "(any-hover: hover)";
|
|
11406
|
+
dark: "(prefers-color-scheme: dark)";
|
|
11407
|
+
light: "(prefers-color-scheme: light)";
|
|
11408
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
11409
|
+
xs: "(min-width: 320px)";
|
|
11410
|
+
sm: "(min-width: 425px)";
|
|
11411
|
+
md: "(min-width: 768px)";
|
|
11412
|
+
lg: "(min-width: 1204px)";
|
|
11413
|
+
xl: "(min-width: 1440px)";
|
|
11414
|
+
"2xl": "(min-width: 1536px)";
|
|
11415
|
+
motion: "(prefers-reduced-motion)";
|
|
11416
|
+
hover: "(any-hover: hover)";
|
|
11417
|
+
dark: "(prefers-color-scheme: dark)";
|
|
11418
|
+
light: "(prefers-color-scheme: light)";
|
|
11419
|
+
}, {
|
|
11110
11420
|
colors: {
|
|
11111
11421
|
primary: string;
|
|
11112
11422
|
blackA1: string;
|
|
@@ -11889,7 +12199,29 @@ declare const Wrapper: import("@stitches/react/types/styled-component").StyledCo
|
|
|
11889
12199
|
80: string;
|
|
11890
12200
|
96: string;
|
|
11891
12201
|
};
|
|
11892
|
-
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, {}, {
|
|
12202
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, {}, {
|
|
12203
|
+
xs: "(min-width: 320px)";
|
|
12204
|
+
sm: "(min-width: 425px)";
|
|
12205
|
+
md: "(min-width: 768px)";
|
|
12206
|
+
lg: "(min-width: 1204px)";
|
|
12207
|
+
xl: "(min-width: 1440px)";
|
|
12208
|
+
"2xl": "(min-width: 1536px)";
|
|
12209
|
+
motion: "(prefers-reduced-motion)";
|
|
12210
|
+
hover: "(any-hover: hover)";
|
|
12211
|
+
dark: "(prefers-color-scheme: dark)";
|
|
12212
|
+
light: "(prefers-color-scheme: light)";
|
|
12213
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
12214
|
+
xs: "(min-width: 320px)";
|
|
12215
|
+
sm: "(min-width: 425px)";
|
|
12216
|
+
md: "(min-width: 768px)";
|
|
12217
|
+
lg: "(min-width: 1204px)";
|
|
12218
|
+
xl: "(min-width: 1440px)";
|
|
12219
|
+
"2xl": "(min-width: 1536px)";
|
|
12220
|
+
motion: "(prefers-reduced-motion)";
|
|
12221
|
+
hover: "(any-hover: hover)";
|
|
12222
|
+
dark: "(prefers-color-scheme: dark)";
|
|
12223
|
+
light: "(prefers-color-scheme: light)";
|
|
12224
|
+
}, {
|
|
11893
12225
|
colors: {
|
|
11894
12226
|
primary: string;
|
|
11895
12227
|
blackA1: string;
|
|
@@ -12675,7 +13007,29 @@ declare const Wrapper: import("@stitches/react/types/styled-component").StyledCo
|
|
|
12675
13007
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
12676
13008
|
declare const SVG: import("@stitches/react/types/styled-component").StyledComponent<"svg", {
|
|
12677
13009
|
size?: "sm" | "xs" | "md" | "lg" | "xl" | "2xs" | "3xs" | undefined;
|
|
12678
|
-
}, {
|
|
13010
|
+
}, {
|
|
13011
|
+
xs: "(min-width: 320px)";
|
|
13012
|
+
sm: "(min-width: 425px)";
|
|
13013
|
+
md: "(min-width: 768px)";
|
|
13014
|
+
lg: "(min-width: 1204px)";
|
|
13015
|
+
xl: "(min-width: 1440px)";
|
|
13016
|
+
"2xl": "(min-width: 1536px)";
|
|
13017
|
+
motion: "(prefers-reduced-motion)";
|
|
13018
|
+
hover: "(any-hover: hover)";
|
|
13019
|
+
dark: "(prefers-color-scheme: dark)";
|
|
13020
|
+
light: "(prefers-color-scheme: light)";
|
|
13021
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
13022
|
+
xs: "(min-width: 320px)";
|
|
13023
|
+
sm: "(min-width: 425px)";
|
|
13024
|
+
md: "(min-width: 768px)";
|
|
13025
|
+
lg: "(min-width: 1204px)";
|
|
13026
|
+
xl: "(min-width: 1440px)";
|
|
13027
|
+
"2xl": "(min-width: 1536px)";
|
|
13028
|
+
motion: "(prefers-reduced-motion)";
|
|
13029
|
+
hover: "(any-hover: hover)";
|
|
13030
|
+
dark: "(prefers-color-scheme: dark)";
|
|
13031
|
+
light: "(prefers-color-scheme: light)";
|
|
13032
|
+
}, {
|
|
12679
13033
|
colors: {
|
|
12680
13034
|
primary: string;
|
|
12681
13035
|
blackA1: string;
|
|
@@ -13465,9 +13819,31 @@ type LoaderProps = React.ComponentProps<typeof Wrapper> & {
|
|
|
13465
13819
|
export const Loader: React.ForwardRefExoticComponent<Omit<LoaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13466
13820
|
export const Button: React.ForwardRefExoticComponent<AriaButtonProps<"div" | "a" | "button"> & import("@stitches/react/types/styled-component").TransformProps<import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").CssComponent<never, {
|
|
13467
13821
|
color?: "white" | "black" | "gray" | "mauve" | "slate" | "sage" | "olive" | "sand" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "indigo" | "blue" | "cyan" | "teal" | "green" | "grass" | "brown" | "orange" | "sky" | "mint" | "lime" | "yellow" | "amber" | undefined;
|
|
13468
|
-
variant?: "
|
|
13822
|
+
variant?: "light" | "outline" | "solid" | "lightOutline" | "solidMono" | "plain" | undefined;
|
|
13469
13823
|
isInteractive?: undefined;
|
|
13470
|
-
}, {
|
|
13824
|
+
}, {
|
|
13825
|
+
xs: "(min-width: 320px)";
|
|
13826
|
+
sm: "(min-width: 425px)";
|
|
13827
|
+
md: "(min-width: 768px)";
|
|
13828
|
+
lg: "(min-width: 1204px)";
|
|
13829
|
+
xl: "(min-width: 1440px)";
|
|
13830
|
+
"2xl": "(min-width: 1536px)";
|
|
13831
|
+
motion: "(prefers-reduced-motion)";
|
|
13832
|
+
hover: "(any-hover: hover)";
|
|
13833
|
+
dark: "(prefers-color-scheme: dark)";
|
|
13834
|
+
light: "(prefers-color-scheme: light)";
|
|
13835
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
13836
|
+
xs: "(min-width: 320px)";
|
|
13837
|
+
sm: "(min-width: 425px)";
|
|
13838
|
+
md: "(min-width: 768px)";
|
|
13839
|
+
lg: "(min-width: 1204px)";
|
|
13840
|
+
xl: "(min-width: 1440px)";
|
|
13841
|
+
"2xl": "(min-width: 1536px)";
|
|
13842
|
+
motion: "(prefers-reduced-motion)";
|
|
13843
|
+
hover: "(any-hover: hover)";
|
|
13844
|
+
dark: "(prefers-color-scheme: dark)";
|
|
13845
|
+
light: "(prefers-color-scheme: light)";
|
|
13846
|
+
}, {
|
|
13471
13847
|
colors: {
|
|
13472
13848
|
primary: string;
|
|
13473
13849
|
blackA1: string;
|
|
@@ -14252,9 +14628,31 @@ export const Button: React.ForwardRefExoticComponent<AriaButtonProps<"div" | "a"
|
|
|
14252
14628
|
};
|
|
14253
14629
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, {
|
|
14254
14630
|
color?: "white" | "black" | "gray" | "mauve" | "slate" | "sage" | "olive" | "sand" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "indigo" | "blue" | "cyan" | "teal" | "green" | "grass" | "brown" | "orange" | "sky" | "mint" | "lime" | "yellow" | "amber" | undefined;
|
|
14255
|
-
variant?: "
|
|
14631
|
+
variant?: "light" | "outline" | "solid" | "lightOutline" | "solidMono" | "plain" | undefined;
|
|
14256
14632
|
isInteractive?: undefined;
|
|
14257
|
-
}, {
|
|
14633
|
+
}, {
|
|
14634
|
+
xs: "(min-width: 320px)";
|
|
14635
|
+
sm: "(min-width: 425px)";
|
|
14636
|
+
md: "(min-width: 768px)";
|
|
14637
|
+
lg: "(min-width: 1204px)";
|
|
14638
|
+
xl: "(min-width: 1440px)";
|
|
14639
|
+
"2xl": "(min-width: 1536px)";
|
|
14640
|
+
motion: "(prefers-reduced-motion)";
|
|
14641
|
+
hover: "(any-hover: hover)";
|
|
14642
|
+
dark: "(prefers-color-scheme: dark)";
|
|
14643
|
+
light: "(prefers-color-scheme: light)";
|
|
14644
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
14645
|
+
xs: "(min-width: 320px)";
|
|
14646
|
+
sm: "(min-width: 425px)";
|
|
14647
|
+
md: "(min-width: 768px)";
|
|
14648
|
+
lg: "(min-width: 1204px)";
|
|
14649
|
+
xl: "(min-width: 1440px)";
|
|
14650
|
+
"2xl": "(min-width: 1536px)";
|
|
14651
|
+
motion: "(prefers-reduced-motion)";
|
|
14652
|
+
hover: "(any-hover: hover)";
|
|
14653
|
+
dark: "(prefers-color-scheme: dark)";
|
|
14654
|
+
light: "(prefers-color-scheme: light)";
|
|
14655
|
+
}, {
|
|
14258
14656
|
colors: {
|
|
14259
14657
|
primary: string;
|
|
14260
14658
|
blackA1: string;
|
|
@@ -15103,7 +15501,29 @@ export const Button: React.ForwardRefExoticComponent<AriaButtonProps<"div" | "a"
|
|
|
15103
15501
|
};
|
|
15104
15502
|
};
|
|
15105
15503
|
};
|
|
15106
|
-
}]>, {
|
|
15504
|
+
}]>, {
|
|
15505
|
+
xs: "(min-width: 320px)";
|
|
15506
|
+
sm: "(min-width: 425px)";
|
|
15507
|
+
md: "(min-width: 768px)";
|
|
15508
|
+
lg: "(min-width: 1204px)";
|
|
15509
|
+
xl: "(min-width: 1440px)";
|
|
15510
|
+
"2xl": "(min-width: 1536px)";
|
|
15511
|
+
motion: "(prefers-reduced-motion)";
|
|
15512
|
+
hover: "(any-hover: hover)";
|
|
15513
|
+
dark: "(prefers-color-scheme: dark)";
|
|
15514
|
+
light: "(prefers-color-scheme: light)";
|
|
15515
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
15516
|
+
xs: "(min-width: 320px)";
|
|
15517
|
+
sm: "(min-width: 425px)";
|
|
15518
|
+
md: "(min-width: 768px)";
|
|
15519
|
+
lg: "(min-width: 1204px)";
|
|
15520
|
+
xl: "(min-width: 1440px)";
|
|
15521
|
+
"2xl": "(min-width: 1536px)";
|
|
15522
|
+
motion: "(prefers-reduced-motion)";
|
|
15523
|
+
hover: "(any-hover: hover)";
|
|
15524
|
+
dark: "(prefers-color-scheme: dark)";
|
|
15525
|
+
light: "(prefers-color-scheme: light)";
|
|
15526
|
+
}, {
|
|
15107
15527
|
colors: {
|
|
15108
15528
|
primary: string;
|
|
15109
15529
|
blackA1: string;
|
|
@@ -15893,7 +16313,18 @@ export const Button: React.ForwardRefExoticComponent<AriaButtonProps<"div" | "a"
|
|
|
15893
16313
|
size: "sm";
|
|
15894
16314
|
shape: "round";
|
|
15895
16315
|
};
|
|
15896
|
-
}]>, {
|
|
16316
|
+
}]>, {
|
|
16317
|
+
xs: "(min-width: 320px)";
|
|
16318
|
+
sm: "(min-width: 425px)";
|
|
16319
|
+
md: "(min-width: 768px)";
|
|
16320
|
+
lg: "(min-width: 1204px)";
|
|
16321
|
+
xl: "(min-width: 1440px)";
|
|
16322
|
+
"2xl": "(min-width: 1536px)";
|
|
16323
|
+
motion: "(prefers-reduced-motion)";
|
|
16324
|
+
hover: "(any-hover: hover)";
|
|
16325
|
+
dark: "(prefers-color-scheme: dark)";
|
|
16326
|
+
light: "(prefers-color-scheme: light)";
|
|
16327
|
+
}> & {
|
|
15897
16328
|
append?: React.ReactNode;
|
|
15898
16329
|
prepend?: React.ReactNode;
|
|
15899
16330
|
as?: React.ElementType<any> | undefined;
|
|
@@ -15902,9 +16333,31 @@ export const Button: React.ForwardRefExoticComponent<AriaButtonProps<"div" | "a"
|
|
|
15902
16333
|
} & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
15903
16334
|
export const IconButton: React.ForwardRefExoticComponent<AriaButtonProps<"div" | "a" | "button"> & import("@stitches/react/types/styled-component").TransformProps<import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, {
|
|
15904
16335
|
color?: "white" | "black" | "gray" | "mauve" | "slate" | "sage" | "olive" | "sand" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "indigo" | "blue" | "cyan" | "teal" | "green" | "grass" | "brown" | "orange" | "sky" | "mint" | "lime" | "yellow" | "amber" | undefined;
|
|
15905
|
-
variant?: "
|
|
16336
|
+
variant?: "light" | "outline" | "solid" | "lightOutline" | "solidMono" | "plain" | undefined;
|
|
15906
16337
|
isInteractive?: undefined;
|
|
15907
|
-
}, {
|
|
16338
|
+
}, {
|
|
16339
|
+
xs: "(min-width: 320px)";
|
|
16340
|
+
sm: "(min-width: 425px)";
|
|
16341
|
+
md: "(min-width: 768px)";
|
|
16342
|
+
lg: "(min-width: 1204px)";
|
|
16343
|
+
xl: "(min-width: 1440px)";
|
|
16344
|
+
"2xl": "(min-width: 1536px)";
|
|
16345
|
+
motion: "(prefers-reduced-motion)";
|
|
16346
|
+
hover: "(any-hover: hover)";
|
|
16347
|
+
dark: "(prefers-color-scheme: dark)";
|
|
16348
|
+
light: "(prefers-color-scheme: light)";
|
|
16349
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
16350
|
+
xs: "(min-width: 320px)";
|
|
16351
|
+
sm: "(min-width: 425px)";
|
|
16352
|
+
md: "(min-width: 768px)";
|
|
16353
|
+
lg: "(min-width: 1204px)";
|
|
16354
|
+
xl: "(min-width: 1440px)";
|
|
16355
|
+
"2xl": "(min-width: 1536px)";
|
|
16356
|
+
motion: "(prefers-reduced-motion)";
|
|
16357
|
+
hover: "(any-hover: hover)";
|
|
16358
|
+
dark: "(prefers-color-scheme: dark)";
|
|
16359
|
+
light: "(prefers-color-scheme: light)";
|
|
16360
|
+
}, {
|
|
15908
16361
|
colors: {
|
|
15909
16362
|
primary: string;
|
|
15910
16363
|
blackA1: string;
|
|
@@ -16732,7 +17185,18 @@ export const IconButton: React.ForwardRefExoticComponent<AriaButtonProps<"div" |
|
|
|
16732
17185
|
};
|
|
16733
17186
|
};
|
|
16734
17187
|
};
|
|
16735
|
-
}]>, {
|
|
17188
|
+
}]>, {
|
|
17189
|
+
xs: "(min-width: 320px)";
|
|
17190
|
+
sm: "(min-width: 425px)";
|
|
17191
|
+
md: "(min-width: 768px)";
|
|
17192
|
+
lg: "(min-width: 1204px)";
|
|
17193
|
+
xl: "(min-width: 1440px)";
|
|
17194
|
+
"2xl": "(min-width: 1536px)";
|
|
17195
|
+
motion: "(prefers-reduced-motion)";
|
|
17196
|
+
hover: "(any-hover: hover)";
|
|
17197
|
+
dark: "(prefers-color-scheme: dark)";
|
|
17198
|
+
light: "(prefers-color-scheme: light)";
|
|
17199
|
+
}> & {
|
|
16736
17200
|
as?: "div" | "a" | "button" | undefined;
|
|
16737
17201
|
css?: _CSS | undefined;
|
|
16738
17202
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -16742,7 +17206,29 @@ export const Textarea: React.ForwardRefExoticComponent<Omit<InputProps, "append"
|
|
|
16742
17206
|
appearance?: "outline" | "filled" | undefined;
|
|
16743
17207
|
shape?: "round" | "sharp" | undefined;
|
|
16744
17208
|
size?: "sm" | "xs" | "md" | "lg" | "xl" | undefined;
|
|
16745
|
-
}, {
|
|
17209
|
+
}, {
|
|
17210
|
+
xs: "(min-width: 320px)";
|
|
17211
|
+
sm: "(min-width: 425px)";
|
|
17212
|
+
md: "(min-width: 768px)";
|
|
17213
|
+
lg: "(min-width: 1204px)";
|
|
17214
|
+
xl: "(min-width: 1440px)";
|
|
17215
|
+
"2xl": "(min-width: 1536px)";
|
|
17216
|
+
motion: "(prefers-reduced-motion)";
|
|
17217
|
+
hover: "(any-hover: hover)";
|
|
17218
|
+
dark: "(prefers-color-scheme: dark)";
|
|
17219
|
+
light: "(prefers-color-scheme: light)";
|
|
17220
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
17221
|
+
xs: "(min-width: 320px)";
|
|
17222
|
+
sm: "(min-width: 425px)";
|
|
17223
|
+
md: "(min-width: 768px)";
|
|
17224
|
+
lg: "(min-width: 1204px)";
|
|
17225
|
+
xl: "(min-width: 1440px)";
|
|
17226
|
+
"2xl": "(min-width: 1536px)";
|
|
17227
|
+
motion: "(prefers-reduced-motion)";
|
|
17228
|
+
hover: "(any-hover: hover)";
|
|
17229
|
+
dark: "(prefers-color-scheme: dark)";
|
|
17230
|
+
light: "(prefers-color-scheme: light)";
|
|
17231
|
+
}, {
|
|
16746
17232
|
colors: {
|
|
16747
17233
|
primary: string;
|
|
16748
17234
|
blackA1: string;
|
|
@@ -17547,7 +18033,18 @@ export const Textarea: React.ForwardRefExoticComponent<Omit<InputProps, "append"
|
|
|
17547
18033
|
};
|
|
17548
18034
|
};
|
|
17549
18035
|
};
|
|
17550
|
-
}]>, {
|
|
18036
|
+
}]>, {
|
|
18037
|
+
xs: "(min-width: 320px)";
|
|
18038
|
+
sm: "(min-width: 425px)";
|
|
18039
|
+
md: "(min-width: 768px)";
|
|
18040
|
+
lg: "(min-width: 1204px)";
|
|
18041
|
+
xl: "(min-width: 1440px)";
|
|
18042
|
+
"2xl": "(min-width: 1536px)";
|
|
18043
|
+
motion: "(prefers-reduced-motion)";
|
|
18044
|
+
hover: "(any-hover: hover)";
|
|
18045
|
+
dark: "(prefers-color-scheme: dark)";
|
|
18046
|
+
light: "(prefers-color-scheme: light)";
|
|
18047
|
+
}> & {
|
|
17551
18048
|
css?: _CSS | undefined;
|
|
17552
18049
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
17553
18050
|
type Props = AriaCheckboxGroupProps & React.ComponentProps<typeof Flex>;
|
|
@@ -17556,12 +18053,34 @@ export const Checkbox: React.ForwardRefExoticComponent<AriaCheckboxProps & impor
|
|
|
17556
18053
|
shape?: "round" | "sharp" | undefined;
|
|
17557
18054
|
appearance?: "outline" | "flushed" | undefined;
|
|
17558
18055
|
size?: "sm" | "xs" | "md" | "lg" | "xl" | undefined;
|
|
17559
|
-
}, {
|
|
18056
|
+
}, {
|
|
18057
|
+
xs: "(min-width: 320px)";
|
|
18058
|
+
sm: "(min-width: 425px)";
|
|
18059
|
+
md: "(min-width: 768px)";
|
|
18060
|
+
lg: "(min-width: 1204px)";
|
|
18061
|
+
xl: "(min-width: 1440px)";
|
|
18062
|
+
"2xl": "(min-width: 1536px)";
|
|
18063
|
+
motion: "(prefers-reduced-motion)";
|
|
18064
|
+
hover: "(any-hover: hover)";
|
|
18065
|
+
dark: "(prefers-color-scheme: dark)";
|
|
18066
|
+
light: "(prefers-color-scheme: light)";
|
|
18067
|
+
}> & AriaCheckboxGroupItemProps & React.RefAttributes<HTMLLabelElement>>;
|
|
17560
18068
|
export const Radio: React.ForwardRefExoticComponent<AriaRadioProps & import("@stitches/react/types/styled-component").TransformProps<{
|
|
17561
18069
|
shape?: "round" | "sharp" | undefined;
|
|
17562
18070
|
appearance?: "outline" | "flushed" | undefined;
|
|
17563
18071
|
size?: "sm" | "xs" | "md" | "lg" | "xl" | undefined;
|
|
17564
|
-
}, {
|
|
18072
|
+
}, {
|
|
18073
|
+
xs: "(min-width: 320px)";
|
|
18074
|
+
sm: "(min-width: 425px)";
|
|
18075
|
+
md: "(min-width: 768px)";
|
|
18076
|
+
lg: "(min-width: 1204px)";
|
|
18077
|
+
xl: "(min-width: 1440px)";
|
|
18078
|
+
"2xl": "(min-width: 1536px)";
|
|
18079
|
+
motion: "(prefers-reduced-motion)";
|
|
18080
|
+
hover: "(any-hover: hover)";
|
|
18081
|
+
dark: "(prefers-color-scheme: dark)";
|
|
18082
|
+
light: "(prefers-color-scheme: light)";
|
|
18083
|
+
}> & React.RefAttributes<HTMLLabelElement>>;
|
|
17565
18084
|
export const RadioGroup: React.ForwardRefExoticComponent<AriaRadioGroupProps & {
|
|
17566
18085
|
children?: React.ReactNode;
|
|
17567
18086
|
css?: _CSS | undefined;
|
|
@@ -17575,10 +18094,32 @@ export const RadioGroup: React.ForwardRefExoticComponent<AriaRadioGroupProps & {
|
|
|
17575
18094
|
gap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | 1 | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
17576
18095
|
rowGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
17577
18096
|
columnGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
17578
|
-
}, {
|
|
18097
|
+
}, {
|
|
18098
|
+
xs: "(min-width: 320px)";
|
|
18099
|
+
sm: "(min-width: 425px)";
|
|
18100
|
+
md: "(min-width: 768px)";
|
|
18101
|
+
lg: "(min-width: 1204px)";
|
|
18102
|
+
xl: "(min-width: 1440px)";
|
|
18103
|
+
"2xl": "(min-width: 1536px)";
|
|
18104
|
+
motion: "(prefers-reduced-motion)";
|
|
18105
|
+
hover: "(any-hover: hover)";
|
|
18106
|
+
dark: "(prefers-color-scheme: dark)";
|
|
18107
|
+
light: "(prefers-color-scheme: light)";
|
|
18108
|
+
}> & React.RefAttributes<HTMLDivElement>>;
|
|
17579
18109
|
export const RadioCard: React.ForwardRefExoticComponent<AriaRadioProps & import("@stitches/react/types/styled-component").TransformProps<{
|
|
17580
18110
|
appearance?: "outline" | "flushed" | undefined;
|
|
17581
|
-
}, {
|
|
18111
|
+
}, {
|
|
18112
|
+
xs: "(min-width: 320px)";
|
|
18113
|
+
sm: "(min-width: 425px)";
|
|
18114
|
+
md: "(min-width: 768px)";
|
|
18115
|
+
lg: "(min-width: 1204px)";
|
|
18116
|
+
xl: "(min-width: 1440px)";
|
|
18117
|
+
"2xl": "(min-width: 1536px)";
|
|
18118
|
+
motion: "(prefers-reduced-motion)";
|
|
18119
|
+
hover: "(any-hover: hover)";
|
|
18120
|
+
dark: "(prefers-color-scheme: dark)";
|
|
18121
|
+
light: "(prefers-color-scheme: light)";
|
|
18122
|
+
}> & {
|
|
17582
18123
|
title?: React.ReactNode;
|
|
17583
18124
|
description?: React.ReactNode;
|
|
17584
18125
|
children?: React.ReactNode;
|
|
@@ -17591,7 +18132,29 @@ declare const SelectTrigger: import("@stitches/react/types/styled-component").St
|
|
|
17591
18132
|
appearance?: "outline" | "filled" | undefined;
|
|
17592
18133
|
shape?: "round" | "sharp" | undefined;
|
|
17593
18134
|
size?: "sm" | "xs" | "md" | "lg" | "xl" | undefined;
|
|
17594
|
-
}, {
|
|
18135
|
+
}, {
|
|
18136
|
+
xs: "(min-width: 320px)";
|
|
18137
|
+
sm: "(min-width: 425px)";
|
|
18138
|
+
md: "(min-width: 768px)";
|
|
18139
|
+
lg: "(min-width: 1204px)";
|
|
18140
|
+
xl: "(min-width: 1440px)";
|
|
18141
|
+
"2xl": "(min-width: 1536px)";
|
|
18142
|
+
motion: "(prefers-reduced-motion)";
|
|
18143
|
+
hover: "(any-hover: hover)";
|
|
18144
|
+
dark: "(prefers-color-scheme: dark)";
|
|
18145
|
+
light: "(prefers-color-scheme: light)";
|
|
18146
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
18147
|
+
xs: "(min-width: 320px)";
|
|
18148
|
+
sm: "(min-width: 425px)";
|
|
18149
|
+
md: "(min-width: 768px)";
|
|
18150
|
+
lg: "(min-width: 1204px)";
|
|
18151
|
+
xl: "(min-width: 1440px)";
|
|
18152
|
+
"2xl": "(min-width: 1536px)";
|
|
18153
|
+
motion: "(prefers-reduced-motion)";
|
|
18154
|
+
hover: "(any-hover: hover)";
|
|
18155
|
+
dark: "(prefers-color-scheme: dark)";
|
|
18156
|
+
light: "(prefers-color-scheme: light)";
|
|
18157
|
+
}, {
|
|
17595
18158
|
colors: {
|
|
17596
18159
|
primary: string;
|
|
17597
18160
|
blackA1: string;
|
|
@@ -18388,7 +18951,29 @@ declare const StyledDateField: import("@stitches/react/types/styled-component").
|
|
|
18388
18951
|
position?: "fixed" | "relative" | "absolute" | undefined;
|
|
18389
18952
|
stretchX?: boolean | "true" | undefined;
|
|
18390
18953
|
stretchY?: boolean | "true" | undefined;
|
|
18391
|
-
}, {
|
|
18954
|
+
}, {
|
|
18955
|
+
xs: "(min-width: 320px)";
|
|
18956
|
+
sm: "(min-width: 425px)";
|
|
18957
|
+
md: "(min-width: 768px)";
|
|
18958
|
+
lg: "(min-width: 1204px)";
|
|
18959
|
+
xl: "(min-width: 1440px)";
|
|
18960
|
+
"2xl": "(min-width: 1536px)";
|
|
18961
|
+
motion: "(prefers-reduced-motion)";
|
|
18962
|
+
hover: "(any-hover: hover)";
|
|
18963
|
+
dark: "(prefers-color-scheme: dark)";
|
|
18964
|
+
light: "(prefers-color-scheme: light)";
|
|
18965
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
18966
|
+
xs: "(min-width: 320px)";
|
|
18967
|
+
sm: "(min-width: 425px)";
|
|
18968
|
+
md: "(min-width: 768px)";
|
|
18969
|
+
lg: "(min-width: 1204px)";
|
|
18970
|
+
xl: "(min-width: 1440px)";
|
|
18971
|
+
"2xl": "(min-width: 1536px)";
|
|
18972
|
+
motion: "(prefers-reduced-motion)";
|
|
18973
|
+
hover: "(any-hover: hover)";
|
|
18974
|
+
dark: "(prefers-color-scheme: dark)";
|
|
18975
|
+
light: "(prefers-color-scheme: light)";
|
|
18976
|
+
}, {
|
|
18392
18977
|
colors: {
|
|
18393
18978
|
primary: string;
|
|
18394
18979
|
blackA1: string;
|
|
@@ -19181,7 +19766,29 @@ declare const StyledDateField: import("@stitches/react/types/styled-component").
|
|
|
19181
19766
|
gap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | 1 | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
19182
19767
|
rowGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
19183
19768
|
columnGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
19184
|
-
}, {
|
|
19769
|
+
}, {
|
|
19770
|
+
xs: "(min-width: 320px)";
|
|
19771
|
+
sm: "(min-width: 425px)";
|
|
19772
|
+
md: "(min-width: 768px)";
|
|
19773
|
+
lg: "(min-width: 1204px)";
|
|
19774
|
+
xl: "(min-width: 1440px)";
|
|
19775
|
+
"2xl": "(min-width: 1536px)";
|
|
19776
|
+
motion: "(prefers-reduced-motion)";
|
|
19777
|
+
hover: "(any-hover: hover)";
|
|
19778
|
+
dark: "(prefers-color-scheme: dark)";
|
|
19779
|
+
light: "(prefers-color-scheme: light)";
|
|
19780
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
19781
|
+
xs: "(min-width: 320px)";
|
|
19782
|
+
sm: "(min-width: 425px)";
|
|
19783
|
+
md: "(min-width: 768px)";
|
|
19784
|
+
lg: "(min-width: 1204px)";
|
|
19785
|
+
xl: "(min-width: 1440px)";
|
|
19786
|
+
"2xl": "(min-width: 1536px)";
|
|
19787
|
+
motion: "(prefers-reduced-motion)";
|
|
19788
|
+
hover: "(any-hover: hover)";
|
|
19789
|
+
dark: "(prefers-color-scheme: dark)";
|
|
19790
|
+
light: "(prefers-color-scheme: light)";
|
|
19791
|
+
}, {
|
|
19185
19792
|
colors: {
|
|
19186
19793
|
primary: string;
|
|
19187
19794
|
blackA1: string;
|
|
@@ -19970,7 +20577,29 @@ declare const StyledDateField: import("@stitches/react/types/styled-component").
|
|
|
19970
20577
|
appearance?: "outline" | "filled" | undefined;
|
|
19971
20578
|
shape?: "round" | "sharp" | undefined;
|
|
19972
20579
|
size?: "sm" | "xs" | "md" | "lg" | "xl" | undefined;
|
|
19973
|
-
}, {
|
|
20580
|
+
}, {
|
|
20581
|
+
xs: "(min-width: 320px)";
|
|
20582
|
+
sm: "(min-width: 425px)";
|
|
20583
|
+
md: "(min-width: 768px)";
|
|
20584
|
+
lg: "(min-width: 1204px)";
|
|
20585
|
+
xl: "(min-width: 1440px)";
|
|
20586
|
+
"2xl": "(min-width: 1536px)";
|
|
20587
|
+
motion: "(prefers-reduced-motion)";
|
|
20588
|
+
hover: "(any-hover: hover)";
|
|
20589
|
+
dark: "(prefers-color-scheme: dark)";
|
|
20590
|
+
light: "(prefers-color-scheme: light)";
|
|
20591
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
20592
|
+
xs: "(min-width: 320px)";
|
|
20593
|
+
sm: "(min-width: 425px)";
|
|
20594
|
+
md: "(min-width: 768px)";
|
|
20595
|
+
lg: "(min-width: 1204px)";
|
|
20596
|
+
xl: "(min-width: 1440px)";
|
|
20597
|
+
"2xl": "(min-width: 1536px)";
|
|
20598
|
+
motion: "(prefers-reduced-motion)";
|
|
20599
|
+
hover: "(any-hover: hover)";
|
|
20600
|
+
dark: "(prefers-color-scheme: dark)";
|
|
20601
|
+
light: "(prefers-color-scheme: light)";
|
|
20602
|
+
}, {
|
|
19974
20603
|
colors: {
|
|
19975
20604
|
primary: string;
|
|
19976
20605
|
blackA1: string;
|
|
@@ -20769,7 +21398,29 @@ declare const AvatarWrapper: import("@stitches/react/types/styled-component").St
|
|
|
20769
21398
|
position?: "fixed" | "relative" | "absolute" | undefined;
|
|
20770
21399
|
stretchX?: boolean | "true" | undefined;
|
|
20771
21400
|
stretchY?: boolean | "true" | undefined;
|
|
20772
|
-
}, {
|
|
21401
|
+
}, {
|
|
21402
|
+
xs: "(min-width: 320px)";
|
|
21403
|
+
sm: "(min-width: 425px)";
|
|
21404
|
+
md: "(min-width: 768px)";
|
|
21405
|
+
lg: "(min-width: 1204px)";
|
|
21406
|
+
xl: "(min-width: 1440px)";
|
|
21407
|
+
"2xl": "(min-width: 1536px)";
|
|
21408
|
+
motion: "(prefers-reduced-motion)";
|
|
21409
|
+
hover: "(any-hover: hover)";
|
|
21410
|
+
dark: "(prefers-color-scheme: dark)";
|
|
21411
|
+
light: "(prefers-color-scheme: light)";
|
|
21412
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
21413
|
+
xs: "(min-width: 320px)";
|
|
21414
|
+
sm: "(min-width: 425px)";
|
|
21415
|
+
md: "(min-width: 768px)";
|
|
21416
|
+
lg: "(min-width: 1204px)";
|
|
21417
|
+
xl: "(min-width: 1440px)";
|
|
21418
|
+
"2xl": "(min-width: 1536px)";
|
|
21419
|
+
motion: "(prefers-reduced-motion)";
|
|
21420
|
+
hover: "(any-hover: hover)";
|
|
21421
|
+
dark: "(prefers-color-scheme: dark)";
|
|
21422
|
+
light: "(prefers-color-scheme: light)";
|
|
21423
|
+
}, {
|
|
20773
21424
|
colors: {
|
|
20774
21425
|
primary: string;
|
|
20775
21426
|
blackA1: string;
|
|
@@ -21554,9 +22205,31 @@ declare const AvatarWrapper: import("@stitches/react/types/styled-component").St
|
|
|
21554
22205
|
};
|
|
21555
22206
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, {
|
|
21556
22207
|
color?: "white" | "black" | "gray" | "mauve" | "slate" | "sage" | "olive" | "sand" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "indigo" | "blue" | "cyan" | "teal" | "green" | "grass" | "brown" | "orange" | "sky" | "mint" | "lime" | "yellow" | "amber" | undefined;
|
|
21557
|
-
variant?: "
|
|
22208
|
+
variant?: "light" | "outline" | "solid" | "lightOutline" | "solidMono" | "plain" | undefined;
|
|
21558
22209
|
isInteractive?: undefined;
|
|
21559
|
-
}, {
|
|
22210
|
+
}, {
|
|
22211
|
+
xs: "(min-width: 320px)";
|
|
22212
|
+
sm: "(min-width: 425px)";
|
|
22213
|
+
md: "(min-width: 768px)";
|
|
22214
|
+
lg: "(min-width: 1204px)";
|
|
22215
|
+
xl: "(min-width: 1440px)";
|
|
22216
|
+
"2xl": "(min-width: 1536px)";
|
|
22217
|
+
motion: "(prefers-reduced-motion)";
|
|
22218
|
+
hover: "(any-hover: hover)";
|
|
22219
|
+
dark: "(prefers-color-scheme: dark)";
|
|
22220
|
+
light: "(prefers-color-scheme: light)";
|
|
22221
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
22222
|
+
xs: "(min-width: 320px)";
|
|
22223
|
+
sm: "(min-width: 425px)";
|
|
22224
|
+
md: "(min-width: 768px)";
|
|
22225
|
+
lg: "(min-width: 1204px)";
|
|
22226
|
+
xl: "(min-width: 1440px)";
|
|
22227
|
+
"2xl": "(min-width: 1536px)";
|
|
22228
|
+
motion: "(prefers-reduced-motion)";
|
|
22229
|
+
hover: "(any-hover: hover)";
|
|
22230
|
+
dark: "(prefers-color-scheme: dark)";
|
|
22231
|
+
light: "(prefers-color-scheme: light)";
|
|
22232
|
+
}, {
|
|
21560
22233
|
colors: {
|
|
21561
22234
|
primary: string;
|
|
21562
22235
|
blackA1: string;
|
|
@@ -22401,7 +23074,29 @@ declare const AvatarWrapper: import("@stitches/react/types/styled-component").St
|
|
|
22401
23074
|
};
|
|
22402
23075
|
};
|
|
22403
23076
|
};
|
|
22404
|
-
}]>, {
|
|
23077
|
+
}]>, {
|
|
23078
|
+
xs: "(min-width: 320px)";
|
|
23079
|
+
sm: "(min-width: 425px)";
|
|
23080
|
+
md: "(min-width: 768px)";
|
|
23081
|
+
lg: "(min-width: 1204px)";
|
|
23082
|
+
xl: "(min-width: 1440px)";
|
|
23083
|
+
"2xl": "(min-width: 1536px)";
|
|
23084
|
+
motion: "(prefers-reduced-motion)";
|
|
23085
|
+
hover: "(any-hover: hover)";
|
|
23086
|
+
dark: "(prefers-color-scheme: dark)";
|
|
23087
|
+
light: "(prefers-color-scheme: light)";
|
|
23088
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
23089
|
+
xs: "(min-width: 320px)";
|
|
23090
|
+
sm: "(min-width: 425px)";
|
|
23091
|
+
md: "(min-width: 768px)";
|
|
23092
|
+
lg: "(min-width: 1204px)";
|
|
23093
|
+
xl: "(min-width: 1440px)";
|
|
23094
|
+
"2xl": "(min-width: 1536px)";
|
|
23095
|
+
motion: "(prefers-reduced-motion)";
|
|
23096
|
+
hover: "(any-hover: hover)";
|
|
23097
|
+
dark: "(prefers-color-scheme: dark)";
|
|
23098
|
+
light: "(prefers-color-scheme: light)";
|
|
23099
|
+
}, {
|
|
22405
23100
|
colors: {
|
|
22406
23101
|
primary: string;
|
|
22407
23102
|
blackA1: string;
|
|
@@ -23215,8 +23910,30 @@ export const Separator: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.Det
|
|
|
23215
23910
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
23216
23911
|
}, "direction" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
|
|
23217
23912
|
direction?: "horizontal" | "vertical" | undefined;
|
|
23218
|
-
}, {
|
|
23219
|
-
|
|
23913
|
+
}, {
|
|
23914
|
+
xs: "(min-width: 320px)";
|
|
23915
|
+
sm: "(min-width: 425px)";
|
|
23916
|
+
md: "(min-width: 768px)";
|
|
23917
|
+
lg: "(min-width: 1204px)";
|
|
23918
|
+
xl: "(min-width: 1440px)";
|
|
23919
|
+
"2xl": "(min-width: 1536px)";
|
|
23920
|
+
motion: "(prefers-reduced-motion)";
|
|
23921
|
+
hover: "(any-hover: hover)";
|
|
23922
|
+
dark: "(prefers-color-scheme: dark)";
|
|
23923
|
+
light: "(prefers-color-scheme: light)";
|
|
23924
|
+
}> & {
|
|
23925
|
+
css?: import("@stitches/react/types/css-util").CSS<{
|
|
23926
|
+
xs: "(min-width: 320px)";
|
|
23927
|
+
sm: "(min-width: 425px)";
|
|
23928
|
+
md: "(min-width: 768px)";
|
|
23929
|
+
lg: "(min-width: 1204px)";
|
|
23930
|
+
xl: "(min-width: 1440px)";
|
|
23931
|
+
"2xl": "(min-width: 1536px)";
|
|
23932
|
+
motion: "(prefers-reduced-motion)";
|
|
23933
|
+
hover: "(any-hover: hover)";
|
|
23934
|
+
dark: "(prefers-color-scheme: dark)";
|
|
23935
|
+
light: "(prefers-color-scheme: light)";
|
|
23936
|
+
}, {
|
|
23220
23937
|
colors: {
|
|
23221
23938
|
primary: string;
|
|
23222
23939
|
blackA1: string;
|
|
@@ -24001,7 +24718,29 @@ export const Separator: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.Det
|
|
|
24001
24718
|
};
|
|
24002
24719
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
|
|
24003
24720
|
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24004
|
-
declare const StyledProgressWrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
24721
|
+
declare const StyledProgressWrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
24722
|
+
xs: "(min-width: 320px)";
|
|
24723
|
+
sm: "(min-width: 425px)";
|
|
24724
|
+
md: "(min-width: 768px)";
|
|
24725
|
+
lg: "(min-width: 1204px)";
|
|
24726
|
+
xl: "(min-width: 1440px)";
|
|
24727
|
+
"2xl": "(min-width: 1536px)";
|
|
24728
|
+
motion: "(prefers-reduced-motion)";
|
|
24729
|
+
hover: "(any-hover: hover)";
|
|
24730
|
+
dark: "(prefers-color-scheme: dark)";
|
|
24731
|
+
light: "(prefers-color-scheme: light)";
|
|
24732
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
24733
|
+
xs: "(min-width: 320px)";
|
|
24734
|
+
sm: "(min-width: 425px)";
|
|
24735
|
+
md: "(min-width: 768px)";
|
|
24736
|
+
lg: "(min-width: 1204px)";
|
|
24737
|
+
xl: "(min-width: 1440px)";
|
|
24738
|
+
"2xl": "(min-width: 1536px)";
|
|
24739
|
+
motion: "(prefers-reduced-motion)";
|
|
24740
|
+
hover: "(any-hover: hover)";
|
|
24741
|
+
dark: "(prefers-color-scheme: dark)";
|
|
24742
|
+
light: "(prefers-color-scheme: light)";
|
|
24743
|
+
}, {
|
|
24005
24744
|
colors: {
|
|
24006
24745
|
primary: string;
|
|
24007
24746
|
blackA1: string;
|
|
@@ -24794,9 +25533,31 @@ export const Root: React.ForwardRefExoticComponent<TabsProps & React.RefAttribut
|
|
|
24794
25533
|
export const Item: <T>(props: import("react-stately").ItemProps<T>) => JSX.Element;
|
|
24795
25534
|
declare const StyledTag: import("@stitches/react/types/styled-component").StyledComponent<"div", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, {
|
|
24796
25535
|
color?: "white" | "black" | "gray" | "mauve" | "slate" | "sage" | "olive" | "sand" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "indigo" | "blue" | "cyan" | "teal" | "green" | "grass" | "brown" | "orange" | "sky" | "mint" | "lime" | "yellow" | "amber" | undefined;
|
|
24797
|
-
variant?: "
|
|
25536
|
+
variant?: "light" | "outline" | "solid" | "lightOutline" | "solidMono" | "plain" | undefined;
|
|
24798
25537
|
isInteractive?: undefined;
|
|
24799
|
-
}, {
|
|
25538
|
+
}, {
|
|
25539
|
+
xs: "(min-width: 320px)";
|
|
25540
|
+
sm: "(min-width: 425px)";
|
|
25541
|
+
md: "(min-width: 768px)";
|
|
25542
|
+
lg: "(min-width: 1204px)";
|
|
25543
|
+
xl: "(min-width: 1440px)";
|
|
25544
|
+
"2xl": "(min-width: 1536px)";
|
|
25545
|
+
motion: "(prefers-reduced-motion)";
|
|
25546
|
+
hover: "(any-hover: hover)";
|
|
25547
|
+
dark: "(prefers-color-scheme: dark)";
|
|
25548
|
+
light: "(prefers-color-scheme: light)";
|
|
25549
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
25550
|
+
xs: "(min-width: 320px)";
|
|
25551
|
+
sm: "(min-width: 425px)";
|
|
25552
|
+
md: "(min-width: 768px)";
|
|
25553
|
+
lg: "(min-width: 1204px)";
|
|
25554
|
+
xl: "(min-width: 1440px)";
|
|
25555
|
+
"2xl": "(min-width: 1536px)";
|
|
25556
|
+
motion: "(prefers-reduced-motion)";
|
|
25557
|
+
hover: "(any-hover: hover)";
|
|
25558
|
+
dark: "(prefers-color-scheme: dark)";
|
|
25559
|
+
light: "(prefers-color-scheme: light)";
|
|
25560
|
+
}, {
|
|
24800
25561
|
colors: {
|
|
24801
25562
|
primary: string;
|
|
24802
25563
|
blackA1: string;
|
|
@@ -25634,7 +26395,29 @@ declare const StyledTag: import("@stitches/react/types/styled-component").Styled
|
|
|
25634
26395
|
borderRadius: number;
|
|
25635
26396
|
};
|
|
25636
26397
|
}[];
|
|
25637
|
-
}]>, {
|
|
26398
|
+
}]>, {
|
|
26399
|
+
xs: "(min-width: 320px)";
|
|
26400
|
+
sm: "(min-width: 425px)";
|
|
26401
|
+
md: "(min-width: 768px)";
|
|
26402
|
+
lg: "(min-width: 1204px)";
|
|
26403
|
+
xl: "(min-width: 1440px)";
|
|
26404
|
+
"2xl": "(min-width: 1536px)";
|
|
26405
|
+
motion: "(prefers-reduced-motion)";
|
|
26406
|
+
hover: "(any-hover: hover)";
|
|
26407
|
+
dark: "(prefers-color-scheme: dark)";
|
|
26408
|
+
light: "(prefers-color-scheme: light)";
|
|
26409
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
26410
|
+
xs: "(min-width: 320px)";
|
|
26411
|
+
sm: "(min-width: 425px)";
|
|
26412
|
+
md: "(min-width: 768px)";
|
|
26413
|
+
lg: "(min-width: 1204px)";
|
|
26414
|
+
xl: "(min-width: 1440px)";
|
|
26415
|
+
"2xl": "(min-width: 1536px)";
|
|
26416
|
+
motion: "(prefers-reduced-motion)";
|
|
26417
|
+
hover: "(any-hover: hover)";
|
|
26418
|
+
dark: "(prefers-color-scheme: dark)";
|
|
26419
|
+
light: "(prefers-color-scheme: light)";
|
|
26420
|
+
}, {
|
|
25638
26421
|
colors: {
|
|
25639
26422
|
primary: string;
|
|
25640
26423
|
blackA1: string;
|
|
@@ -26425,7 +27208,29 @@ type TagProps = React.ComponentProps<typeof StyledTag> & {
|
|
|
26425
27208
|
export const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
26426
27209
|
declare const CustomSwitch: import("@stitches/react/types/styled-component").StyledComponent<"span", {
|
|
26427
27210
|
size?: "sm" | "md" | "lg" | undefined;
|
|
26428
|
-
}, {
|
|
27211
|
+
}, {
|
|
27212
|
+
xs: "(min-width: 320px)";
|
|
27213
|
+
sm: "(min-width: 425px)";
|
|
27214
|
+
md: "(min-width: 768px)";
|
|
27215
|
+
lg: "(min-width: 1204px)";
|
|
27216
|
+
xl: "(min-width: 1440px)";
|
|
27217
|
+
"2xl": "(min-width: 1536px)";
|
|
27218
|
+
motion: "(prefers-reduced-motion)";
|
|
27219
|
+
hover: "(any-hover: hover)";
|
|
27220
|
+
dark: "(prefers-color-scheme: dark)";
|
|
27221
|
+
light: "(prefers-color-scheme: light)";
|
|
27222
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
27223
|
+
xs: "(min-width: 320px)";
|
|
27224
|
+
sm: "(min-width: 425px)";
|
|
27225
|
+
md: "(min-width: 768px)";
|
|
27226
|
+
lg: "(min-width: 1204px)";
|
|
27227
|
+
xl: "(min-width: 1440px)";
|
|
27228
|
+
"2xl": "(min-width: 1536px)";
|
|
27229
|
+
motion: "(prefers-reduced-motion)";
|
|
27230
|
+
hover: "(any-hover: hover)";
|
|
27231
|
+
dark: "(prefers-color-scheme: dark)";
|
|
27232
|
+
light: "(prefers-color-scheme: light)";
|
|
27233
|
+
}, {
|
|
26429
27234
|
colors: {
|
|
26430
27235
|
primary: string;
|
|
26431
27236
|
blackA1: string;
|
|
@@ -27217,7 +28022,29 @@ interface _Props1 extends AriaSwitchProps, VariantProps<typeof CustomSwitch> {
|
|
|
27217
28022
|
export const Switch: React.ForwardRefExoticComponent<_Props1 & React.RefAttributes<HTMLLabelElement>>;
|
|
27218
28023
|
declare const ColorButton: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
27219
28024
|
size?: "sm" | "md" | "lg" | undefined;
|
|
27220
|
-
}, {
|
|
28025
|
+
}, {
|
|
28026
|
+
xs: "(min-width: 320px)";
|
|
28027
|
+
sm: "(min-width: 425px)";
|
|
28028
|
+
md: "(min-width: 768px)";
|
|
28029
|
+
lg: "(min-width: 1204px)";
|
|
28030
|
+
xl: "(min-width: 1440px)";
|
|
28031
|
+
"2xl": "(min-width: 1536px)";
|
|
28032
|
+
motion: "(prefers-reduced-motion)";
|
|
28033
|
+
hover: "(any-hover: hover)";
|
|
28034
|
+
dark: "(prefers-color-scheme: dark)";
|
|
28035
|
+
light: "(prefers-color-scheme: light)";
|
|
28036
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
28037
|
+
xs: "(min-width: 320px)";
|
|
28038
|
+
sm: "(min-width: 425px)";
|
|
28039
|
+
md: "(min-width: 768px)";
|
|
28040
|
+
lg: "(min-width: 1204px)";
|
|
28041
|
+
xl: "(min-width: 1440px)";
|
|
28042
|
+
"2xl": "(min-width: 1536px)";
|
|
28043
|
+
motion: "(prefers-reduced-motion)";
|
|
28044
|
+
hover: "(any-hover: hover)";
|
|
28045
|
+
dark: "(prefers-color-scheme: dark)";
|
|
28046
|
+
light: "(prefers-color-scheme: light)";
|
|
28047
|
+
}, {
|
|
27221
28048
|
colors: {
|
|
27222
28049
|
primary: string;
|
|
27223
28050
|
blackA1: string;
|
|
@@ -28007,7 +28834,29 @@ interface ColorTrayProps extends React.ComponentProps<typeof RadioGroup>, Varian
|
|
|
28007
28834
|
export const ColorTray: React.ForwardRefExoticComponent<Omit<ColorTrayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
28008
28835
|
declare const _IconButton1: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
28009
28836
|
size?: "sm" | "md" | "lg" | undefined;
|
|
28010
|
-
}, {
|
|
28837
|
+
}, {
|
|
28838
|
+
xs: "(min-width: 320px)";
|
|
28839
|
+
sm: "(min-width: 425px)";
|
|
28840
|
+
md: "(min-width: 768px)";
|
|
28841
|
+
lg: "(min-width: 1204px)";
|
|
28842
|
+
xl: "(min-width: 1440px)";
|
|
28843
|
+
"2xl": "(min-width: 1536px)";
|
|
28844
|
+
motion: "(prefers-reduced-motion)";
|
|
28845
|
+
hover: "(any-hover: hover)";
|
|
28846
|
+
dark: "(prefers-color-scheme: dark)";
|
|
28847
|
+
light: "(prefers-color-scheme: light)";
|
|
28848
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
28849
|
+
xs: "(min-width: 320px)";
|
|
28850
|
+
sm: "(min-width: 425px)";
|
|
28851
|
+
md: "(min-width: 768px)";
|
|
28852
|
+
lg: "(min-width: 1204px)";
|
|
28853
|
+
xl: "(min-width: 1440px)";
|
|
28854
|
+
"2xl": "(min-width: 1536px)";
|
|
28855
|
+
motion: "(prefers-reduced-motion)";
|
|
28856
|
+
hover: "(any-hover: hover)";
|
|
28857
|
+
dark: "(prefers-color-scheme: dark)";
|
|
28858
|
+
light: "(prefers-color-scheme: light)";
|
|
28859
|
+
}, {
|
|
28011
28860
|
colors: {
|
|
28012
28861
|
primary: string;
|
|
28013
28862
|
blackA1: string;
|
|
@@ -28804,7 +29653,29 @@ declare const _Wrapper1: import("@stitches/react/types/styled-component").Styled
|
|
|
28804
29653
|
position?: "fixed" | "relative" | "absolute" | undefined;
|
|
28805
29654
|
stretchX?: boolean | "true" | undefined;
|
|
28806
29655
|
stretchY?: boolean | "true" | undefined;
|
|
28807
|
-
}, {
|
|
29656
|
+
}, {
|
|
29657
|
+
xs: "(min-width: 320px)";
|
|
29658
|
+
sm: "(min-width: 425px)";
|
|
29659
|
+
md: "(min-width: 768px)";
|
|
29660
|
+
lg: "(min-width: 1204px)";
|
|
29661
|
+
xl: "(min-width: 1440px)";
|
|
29662
|
+
"2xl": "(min-width: 1536px)";
|
|
29663
|
+
motion: "(prefers-reduced-motion)";
|
|
29664
|
+
hover: "(any-hover: hover)";
|
|
29665
|
+
dark: "(prefers-color-scheme: dark)";
|
|
29666
|
+
light: "(prefers-color-scheme: light)";
|
|
29667
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
29668
|
+
xs: "(min-width: 320px)";
|
|
29669
|
+
sm: "(min-width: 425px)";
|
|
29670
|
+
md: "(min-width: 768px)";
|
|
29671
|
+
lg: "(min-width: 1204px)";
|
|
29672
|
+
xl: "(min-width: 1440px)";
|
|
29673
|
+
"2xl": "(min-width: 1536px)";
|
|
29674
|
+
motion: "(prefers-reduced-motion)";
|
|
29675
|
+
hover: "(any-hover: hover)";
|
|
29676
|
+
dark: "(prefers-color-scheme: dark)";
|
|
29677
|
+
light: "(prefers-color-scheme: light)";
|
|
29678
|
+
}, {
|
|
28808
29679
|
colors: {
|
|
28809
29680
|
primary: string;
|
|
28810
29681
|
blackA1: string;
|
|
@@ -29597,7 +30468,29 @@ declare const _Wrapper1: import("@stitches/react/types/styled-component").Styled
|
|
|
29597
30468
|
gap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | 1 | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
29598
30469
|
rowGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
29599
30470
|
columnGap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
|
|
29600
|
-
}, {
|
|
30471
|
+
}, {
|
|
30472
|
+
xs: "(min-width: 320px)";
|
|
30473
|
+
sm: "(min-width: 425px)";
|
|
30474
|
+
md: "(min-width: 768px)";
|
|
30475
|
+
lg: "(min-width: 1204px)";
|
|
30476
|
+
xl: "(min-width: 1440px)";
|
|
30477
|
+
"2xl": "(min-width: 1536px)";
|
|
30478
|
+
motion: "(prefers-reduced-motion)";
|
|
30479
|
+
hover: "(any-hover: hover)";
|
|
30480
|
+
dark: "(prefers-color-scheme: dark)";
|
|
30481
|
+
light: "(prefers-color-scheme: light)";
|
|
30482
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
30483
|
+
xs: "(min-width: 320px)";
|
|
30484
|
+
sm: "(min-width: 425px)";
|
|
30485
|
+
md: "(min-width: 768px)";
|
|
30486
|
+
lg: "(min-width: 1204px)";
|
|
30487
|
+
xl: "(min-width: 1440px)";
|
|
30488
|
+
"2xl": "(min-width: 1536px)";
|
|
30489
|
+
motion: "(prefers-reduced-motion)";
|
|
30490
|
+
hover: "(any-hover: hover)";
|
|
30491
|
+
dark: "(prefers-color-scheme: dark)";
|
|
30492
|
+
light: "(prefers-color-scheme: light)";
|
|
30493
|
+
}, {
|
|
29601
30494
|
colors: {
|
|
29602
30495
|
primary: string;
|
|
29603
30496
|
blackA1: string;
|
|
@@ -30382,9 +31275,31 @@ declare const _Wrapper1: import("@stitches/react/types/styled-component").Styled
|
|
|
30382
31275
|
};
|
|
30383
31276
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, {
|
|
30384
31277
|
color?: "white" | "black" | "gray" | "mauve" | "slate" | "sage" | "olive" | "sand" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "indigo" | "blue" | "cyan" | "teal" | "green" | "grass" | "brown" | "orange" | "sky" | "mint" | "lime" | "yellow" | "amber" | undefined;
|
|
30385
|
-
variant?: "
|
|
31278
|
+
variant?: "light" | "outline" | "solid" | "lightOutline" | "solidMono" | "plain" | undefined;
|
|
30386
31279
|
isInteractive?: undefined;
|
|
30387
|
-
}, {
|
|
31280
|
+
}, {
|
|
31281
|
+
xs: "(min-width: 320px)";
|
|
31282
|
+
sm: "(min-width: 425px)";
|
|
31283
|
+
md: "(min-width: 768px)";
|
|
31284
|
+
lg: "(min-width: 1204px)";
|
|
31285
|
+
xl: "(min-width: 1440px)";
|
|
31286
|
+
"2xl": "(min-width: 1536px)";
|
|
31287
|
+
motion: "(prefers-reduced-motion)";
|
|
31288
|
+
hover: "(any-hover: hover)";
|
|
31289
|
+
dark: "(prefers-color-scheme: dark)";
|
|
31290
|
+
light: "(prefers-color-scheme: light)";
|
|
31291
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
31292
|
+
xs: "(min-width: 320px)";
|
|
31293
|
+
sm: "(min-width: 425px)";
|
|
31294
|
+
md: "(min-width: 768px)";
|
|
31295
|
+
lg: "(min-width: 1204px)";
|
|
31296
|
+
xl: "(min-width: 1440px)";
|
|
31297
|
+
"2xl": "(min-width: 1536px)";
|
|
31298
|
+
motion: "(prefers-reduced-motion)";
|
|
31299
|
+
hover: "(any-hover: hover)";
|
|
31300
|
+
dark: "(prefers-color-scheme: dark)";
|
|
31301
|
+
light: "(prefers-color-scheme: light)";
|
|
31302
|
+
}, {
|
|
30388
31303
|
colors: {
|
|
30389
31304
|
primary: string;
|
|
30390
31305
|
blackA1: string;
|