@prismicio/editor-ui 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AnimatedList/AnimatedList.css.d.ts +1 -0
- package/dist/components/AnimatedList/AnimatedList.d.ts +2 -2
- package/dist/components/AppBackground.d.ts +2 -0
- package/dist/components/BaseInput/BaseInput.css.d.ts +1 -1
- package/dist/components/Box/Box.d.ts +39 -0
- package/dist/components/Box/Box.stories.d.ts +5 -0
- package/dist/components/Box/index.d.ts +1 -0
- package/dist/components/Button/Button.css.d.ts +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.stories.d.ts +2 -2
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +2 -2
- package/dist/components/Card/Card.stories.d.ts +2 -2
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icon/Icon.stories.d.ts +4 -4
- package/dist/components/Image/Image.css.d.ts +1 -1
- package/dist/components/Image/Image.stories.d.ts +2 -2
- package/dist/components/Switch/Switch.css.d.ts +1 -1
- package/dist/components/Switch/Switch.stories.d.ts +2 -2
- package/dist/components/Text/Text.d.ts +1 -1
- package/dist/components/Text/Text.stories.d.ts +4 -4
- package/dist/components/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/components/ToggleButton/ToggleButton.stories.d.ts +2 -2
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +4 -4
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +7847 -7830
- package/dist/index.umd.js +97 -97
- package/dist/style.css +1 -1
- package/dist/theme/colors.d.ts +119 -0
- package/dist/theme/selectors.d.ts +48 -0
- package/dist/theme/sprinkles.css.d.ts +73 -194
- package/dist/theme/vars.css.d.ts +135 -134
- package/package.json +8 -16
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { type Color } from "./vars.css";
|
|
2
1
|
export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles").SprinklesFn<[{
|
|
3
2
|
conditions: {
|
|
4
3
|
defaultCondition: false;
|
|
@@ -7,7 +6,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
7
6
|
styles: {
|
|
8
7
|
backgroundColor: {
|
|
9
8
|
values: {
|
|
10
|
-
|
|
9
|
+
inherit: {
|
|
11
10
|
defaultClass: undefined;
|
|
12
11
|
conditions: {
|
|
13
12
|
darkMode: string;
|
|
@@ -34,7 +33,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
34
33
|
lightModePlaceholder: string;
|
|
35
34
|
};
|
|
36
35
|
};
|
|
37
|
-
|
|
36
|
+
transparent: {
|
|
38
37
|
defaultClass: undefined;
|
|
39
38
|
conditions: {
|
|
40
39
|
darkMode: string;
|
|
@@ -61,7 +60,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
61
60
|
lightModePlaceholder: string;
|
|
62
61
|
};
|
|
63
62
|
};
|
|
64
|
-
|
|
63
|
+
currentColor: {
|
|
65
64
|
defaultClass: undefined;
|
|
66
65
|
conditions: {
|
|
67
66
|
darkMode: string;
|
|
@@ -1118,7 +1117,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
1118
1117
|
};
|
|
1119
1118
|
borderColor: {
|
|
1120
1119
|
values: {
|
|
1121
|
-
|
|
1120
|
+
inherit: {
|
|
1122
1121
|
defaultClass: undefined;
|
|
1123
1122
|
conditions: {
|
|
1124
1123
|
darkMode: string;
|
|
@@ -1145,7 +1144,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
1145
1144
|
lightModePlaceholder: string;
|
|
1146
1145
|
};
|
|
1147
1146
|
};
|
|
1148
|
-
|
|
1147
|
+
transparent: {
|
|
1149
1148
|
defaultClass: undefined;
|
|
1150
1149
|
conditions: {
|
|
1151
1150
|
darkMode: string;
|
|
@@ -1172,7 +1171,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
1172
1171
|
lightModePlaceholder: string;
|
|
1173
1172
|
};
|
|
1174
1173
|
};
|
|
1175
|
-
|
|
1174
|
+
currentColor: {
|
|
1176
1175
|
defaultClass: undefined;
|
|
1177
1176
|
conditions: {
|
|
1178
1177
|
darkMode: string;
|
|
@@ -2229,7 +2228,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
2229
2228
|
};
|
|
2230
2229
|
borderBottomColor: {
|
|
2231
2230
|
values: {
|
|
2232
|
-
|
|
2231
|
+
inherit: {
|
|
2233
2232
|
defaultClass: undefined;
|
|
2234
2233
|
conditions: {
|
|
2235
2234
|
darkMode: string;
|
|
@@ -2256,7 +2255,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
2256
2255
|
lightModePlaceholder: string;
|
|
2257
2256
|
};
|
|
2258
2257
|
};
|
|
2259
|
-
|
|
2258
|
+
transparent: {
|
|
2260
2259
|
defaultClass: undefined;
|
|
2261
2260
|
conditions: {
|
|
2262
2261
|
darkMode: string;
|
|
@@ -2283,7 +2282,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
2283
2282
|
lightModePlaceholder: string;
|
|
2284
2283
|
};
|
|
2285
2284
|
};
|
|
2286
|
-
|
|
2285
|
+
currentColor: {
|
|
2287
2286
|
defaultClass: undefined;
|
|
2288
2287
|
conditions: {
|
|
2289
2288
|
darkMode: string;
|
|
@@ -3340,7 +3339,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
3340
3339
|
};
|
|
3341
3340
|
color: {
|
|
3342
3341
|
values: {
|
|
3343
|
-
|
|
3342
|
+
inherit: {
|
|
3344
3343
|
defaultClass: undefined;
|
|
3345
3344
|
conditions: {
|
|
3346
3345
|
darkMode: string;
|
|
@@ -3367,7 +3366,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
3367
3366
|
lightModePlaceholder: string;
|
|
3368
3367
|
};
|
|
3369
3368
|
};
|
|
3370
|
-
|
|
3369
|
+
transparent: {
|
|
3371
3370
|
defaultClass: undefined;
|
|
3372
3371
|
conditions: {
|
|
3373
3372
|
darkMode: string;
|
|
@@ -3394,7 +3393,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
3394
3393
|
lightModePlaceholder: string;
|
|
3395
3394
|
};
|
|
3396
3395
|
};
|
|
3397
|
-
|
|
3396
|
+
currentColor: {
|
|
3398
3397
|
defaultClass: undefined;
|
|
3399
3398
|
conditions: {
|
|
3400
3399
|
darkMode: string;
|
|
@@ -4451,7 +4450,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
4451
4450
|
};
|
|
4452
4451
|
outlineColor: {
|
|
4453
4452
|
values: {
|
|
4454
|
-
|
|
4453
|
+
inherit: {
|
|
4455
4454
|
defaultClass: undefined;
|
|
4456
4455
|
conditions: {
|
|
4457
4456
|
darkMode: string;
|
|
@@ -4478,7 +4477,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
4478
4477
|
lightModePlaceholder: string;
|
|
4479
4478
|
};
|
|
4480
4479
|
};
|
|
4481
|
-
|
|
4480
|
+
transparent: {
|
|
4482
4481
|
defaultClass: undefined;
|
|
4483
4482
|
conditions: {
|
|
4484
4483
|
darkMode: string;
|
|
@@ -4505,7 +4504,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
4505
4504
|
lightModePlaceholder: string;
|
|
4506
4505
|
};
|
|
4507
4506
|
};
|
|
4508
|
-
|
|
4507
|
+
currentColor: {
|
|
4509
4508
|
defaultClass: undefined;
|
|
4510
4509
|
conditions: {
|
|
4511
4510
|
darkMode: string;
|
|
@@ -5906,6 +5905,19 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
5906
5905
|
};
|
|
5907
5906
|
};
|
|
5908
5907
|
};
|
|
5908
|
+
borderTopStyle: {
|
|
5909
|
+
values: {
|
|
5910
|
+
none: {
|
|
5911
|
+
defaultClass: string;
|
|
5912
|
+
};
|
|
5913
|
+
dashed: {
|
|
5914
|
+
defaultClass: string;
|
|
5915
|
+
};
|
|
5916
|
+
solid: {
|
|
5917
|
+
defaultClass: string;
|
|
5918
|
+
};
|
|
5919
|
+
};
|
|
5920
|
+
};
|
|
5909
5921
|
borderBottomStyle: {
|
|
5910
5922
|
values: {
|
|
5911
5923
|
none: {
|
|
@@ -5932,6 +5944,19 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
5932
5944
|
};
|
|
5933
5945
|
};
|
|
5934
5946
|
};
|
|
5947
|
+
borderLeftStyle: {
|
|
5948
|
+
values: {
|
|
5949
|
+
none: {
|
|
5950
|
+
defaultClass: string;
|
|
5951
|
+
};
|
|
5952
|
+
dashed: {
|
|
5953
|
+
defaultClass: string;
|
|
5954
|
+
};
|
|
5955
|
+
solid: {
|
|
5956
|
+
defaultClass: string;
|
|
5957
|
+
};
|
|
5958
|
+
};
|
|
5959
|
+
};
|
|
5935
5960
|
borderWidth: {
|
|
5936
5961
|
values: {
|
|
5937
5962
|
"0px": {
|
|
@@ -6083,13 +6108,13 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6083
6108
|
};
|
|
6084
6109
|
fontSize: {
|
|
6085
6110
|
values: {
|
|
6086
|
-
|
|
6111
|
+
inherit: {
|
|
6087
6112
|
defaultClass: string;
|
|
6088
6113
|
};
|
|
6089
|
-
"
|
|
6114
|
+
"10px": {
|
|
6090
6115
|
defaultClass: string;
|
|
6091
6116
|
};
|
|
6092
|
-
|
|
6117
|
+
"12px": {
|
|
6093
6118
|
defaultClass: string;
|
|
6094
6119
|
};
|
|
6095
6120
|
"16px": {
|
|
@@ -6124,10 +6149,10 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6124
6149
|
};
|
|
6125
6150
|
letterSpacing: {
|
|
6126
6151
|
values: {
|
|
6127
|
-
|
|
6152
|
+
inherit: {
|
|
6128
6153
|
defaultClass: string;
|
|
6129
6154
|
};
|
|
6130
|
-
|
|
6155
|
+
"0px": {
|
|
6131
6156
|
defaultClass: string;
|
|
6132
6157
|
};
|
|
6133
6158
|
"-0.15px": {
|
|
@@ -6137,10 +6162,10 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6137
6162
|
};
|
|
6138
6163
|
lineHeight: {
|
|
6139
6164
|
values: {
|
|
6140
|
-
|
|
6165
|
+
inherit: {
|
|
6141
6166
|
defaultClass: string;
|
|
6142
6167
|
};
|
|
6143
|
-
|
|
6168
|
+
"12px": {
|
|
6144
6169
|
defaultClass: string;
|
|
6145
6170
|
};
|
|
6146
6171
|
"16px": {
|
|
@@ -6162,6 +6187,9 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6162
6187
|
};
|
|
6163
6188
|
width: {
|
|
6164
6189
|
values: {
|
|
6190
|
+
"fit-content": {
|
|
6191
|
+
defaultClass: string;
|
|
6192
|
+
};
|
|
6165
6193
|
"0px": {
|
|
6166
6194
|
defaultClass: string;
|
|
6167
6195
|
};
|
|
@@ -6195,13 +6223,16 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6195
6223
|
"44px": {
|
|
6196
6224
|
defaultClass: string;
|
|
6197
6225
|
};
|
|
6198
|
-
"
|
|
6226
|
+
"72px": {
|
|
6199
6227
|
defaultClass: string;
|
|
6200
6228
|
};
|
|
6201
6229
|
};
|
|
6202
6230
|
};
|
|
6203
6231
|
minWidth: {
|
|
6204
6232
|
values: {
|
|
6233
|
+
"fit-content": {
|
|
6234
|
+
defaultClass: string;
|
|
6235
|
+
};
|
|
6205
6236
|
"0px": {
|
|
6206
6237
|
defaultClass: string;
|
|
6207
6238
|
};
|
|
@@ -6235,13 +6266,16 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6235
6266
|
"44px": {
|
|
6236
6267
|
defaultClass: string;
|
|
6237
6268
|
};
|
|
6238
|
-
"
|
|
6269
|
+
"72px": {
|
|
6239
6270
|
defaultClass: string;
|
|
6240
6271
|
};
|
|
6241
6272
|
};
|
|
6242
6273
|
};
|
|
6243
6274
|
maxWidth: {
|
|
6244
6275
|
values: {
|
|
6276
|
+
"fit-content": {
|
|
6277
|
+
defaultClass: string;
|
|
6278
|
+
};
|
|
6245
6279
|
"0px": {
|
|
6246
6280
|
defaultClass: string;
|
|
6247
6281
|
};
|
|
@@ -6275,13 +6309,16 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6275
6309
|
"44px": {
|
|
6276
6310
|
defaultClass: string;
|
|
6277
6311
|
};
|
|
6278
|
-
"
|
|
6312
|
+
"72px": {
|
|
6279
6313
|
defaultClass: string;
|
|
6280
6314
|
};
|
|
6281
6315
|
};
|
|
6282
6316
|
};
|
|
6283
6317
|
height: {
|
|
6284
6318
|
values: {
|
|
6319
|
+
"fit-content": {
|
|
6320
|
+
defaultClass: string;
|
|
6321
|
+
};
|
|
6285
6322
|
"0px": {
|
|
6286
6323
|
defaultClass: string;
|
|
6287
6324
|
};
|
|
@@ -6315,13 +6352,16 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6315
6352
|
"44px": {
|
|
6316
6353
|
defaultClass: string;
|
|
6317
6354
|
};
|
|
6318
|
-
"
|
|
6355
|
+
"72px": {
|
|
6319
6356
|
defaultClass: string;
|
|
6320
6357
|
};
|
|
6321
6358
|
};
|
|
6322
6359
|
};
|
|
6323
6360
|
minHeight: {
|
|
6324
6361
|
values: {
|
|
6362
|
+
"fit-content": {
|
|
6363
|
+
defaultClass: string;
|
|
6364
|
+
};
|
|
6325
6365
|
"0px": {
|
|
6326
6366
|
defaultClass: string;
|
|
6327
6367
|
};
|
|
@@ -6355,13 +6395,16 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6355
6395
|
"44px": {
|
|
6356
6396
|
defaultClass: string;
|
|
6357
6397
|
};
|
|
6358
|
-
"
|
|
6398
|
+
"72px": {
|
|
6359
6399
|
defaultClass: string;
|
|
6360
6400
|
};
|
|
6361
6401
|
};
|
|
6362
6402
|
};
|
|
6363
6403
|
maxHeight: {
|
|
6364
6404
|
values: {
|
|
6405
|
+
"fit-content": {
|
|
6406
|
+
defaultClass: string;
|
|
6407
|
+
};
|
|
6365
6408
|
"0px": {
|
|
6366
6409
|
defaultClass: string;
|
|
6367
6410
|
};
|
|
@@ -6395,7 +6438,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
6395
6438
|
"44px": {
|
|
6396
6439
|
defaultClass: string;
|
|
6397
6440
|
};
|
|
6398
|
-
"
|
|
6441
|
+
"72px": {
|
|
6399
6442
|
defaultClass: string;
|
|
6400
6443
|
};
|
|
6401
6444
|
};
|
|
@@ -7063,168 +7106,4 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
|
|
|
7063
7106
|
};
|
|
7064
7107
|
};
|
|
7065
7108
|
}]>;
|
|
7066
|
-
export declare
|
|
7067
|
-
readonly currentColor: {
|
|
7068
|
-
readonly darkMode: "currentColor";
|
|
7069
|
-
readonly lightMode: "currentColor";
|
|
7070
|
-
};
|
|
7071
|
-
readonly grey1: {
|
|
7072
|
-
readonly darkMode: "greyDark1";
|
|
7073
|
-
readonly lightMode: "greyLight1";
|
|
7074
|
-
};
|
|
7075
|
-
readonly grey2: {
|
|
7076
|
-
readonly darkMode: "greyDark2";
|
|
7077
|
-
readonly lightMode: "greyLight2";
|
|
7078
|
-
};
|
|
7079
|
-
readonly grey3: {
|
|
7080
|
-
readonly darkMode: "greyDark3";
|
|
7081
|
-
readonly lightMode: "greyLight3";
|
|
7082
|
-
};
|
|
7083
|
-
readonly grey4: {
|
|
7084
|
-
readonly darkMode: "greyDark4";
|
|
7085
|
-
readonly lightMode: "greyLight4";
|
|
7086
|
-
};
|
|
7087
|
-
readonly grey5: {
|
|
7088
|
-
readonly darkMode: "greyDark5";
|
|
7089
|
-
readonly lightMode: "greyLight5";
|
|
7090
|
-
};
|
|
7091
|
-
readonly grey6: {
|
|
7092
|
-
readonly darkMode: "greyDark6";
|
|
7093
|
-
readonly lightMode: "greyLight6";
|
|
7094
|
-
};
|
|
7095
|
-
readonly grey7: {
|
|
7096
|
-
readonly darkMode: "greyDark7";
|
|
7097
|
-
readonly lightMode: "greyLight7";
|
|
7098
|
-
};
|
|
7099
|
-
readonly grey8: {
|
|
7100
|
-
readonly darkMode: "greyDark8";
|
|
7101
|
-
readonly lightMode: "greyLight8";
|
|
7102
|
-
};
|
|
7103
|
-
readonly grey9: {
|
|
7104
|
-
readonly darkMode: "greyDark9";
|
|
7105
|
-
readonly lightMode: "greyLight9";
|
|
7106
|
-
};
|
|
7107
|
-
readonly grey10: {
|
|
7108
|
-
readonly darkMode: "greyDark10";
|
|
7109
|
-
readonly lightMode: "greyLight10";
|
|
7110
|
-
};
|
|
7111
|
-
readonly grey11: {
|
|
7112
|
-
readonly darkMode: "greyDark11";
|
|
7113
|
-
readonly lightMode: "greyLight11";
|
|
7114
|
-
};
|
|
7115
|
-
readonly grey12: {
|
|
7116
|
-
readonly darkMode: "greyDark12";
|
|
7117
|
-
readonly lightMode: "greyLight12";
|
|
7118
|
-
};
|
|
7119
|
-
readonly inherit: {
|
|
7120
|
-
readonly darkMode: "inherit";
|
|
7121
|
-
readonly lightMode: "inherit";
|
|
7122
|
-
};
|
|
7123
|
-
readonly blue1: {
|
|
7124
|
-
readonly darkMode: "blue1";
|
|
7125
|
-
readonly lightMode: "blue1";
|
|
7126
|
-
};
|
|
7127
|
-
readonly purple1: {
|
|
7128
|
-
readonly darkMode: "purple1";
|
|
7129
|
-
readonly lightMode: "purple1";
|
|
7130
|
-
};
|
|
7131
|
-
readonly purple2: {
|
|
7132
|
-
readonly darkMode: "purple2";
|
|
7133
|
-
readonly lightMode: "purple2";
|
|
7134
|
-
};
|
|
7135
|
-
readonly purple3: {
|
|
7136
|
-
readonly darkMode: "purple3";
|
|
7137
|
-
readonly lightMode: "purple3";
|
|
7138
|
-
};
|
|
7139
|
-
readonly purple4: {
|
|
7140
|
-
readonly darkMode: "purple4";
|
|
7141
|
-
readonly lightMode: "purple4";
|
|
7142
|
-
};
|
|
7143
|
-
readonly purple5: {
|
|
7144
|
-
readonly darkMode: "purple5";
|
|
7145
|
-
readonly lightMode: "purple5";
|
|
7146
|
-
};
|
|
7147
|
-
readonly purple6: {
|
|
7148
|
-
readonly darkMode: "purple6";
|
|
7149
|
-
readonly lightMode: "purple6";
|
|
7150
|
-
};
|
|
7151
|
-
readonly purple7: {
|
|
7152
|
-
readonly darkMode: "purple7";
|
|
7153
|
-
readonly lightMode: "purple7";
|
|
7154
|
-
};
|
|
7155
|
-
readonly purple8: {
|
|
7156
|
-
readonly darkMode: "purple8";
|
|
7157
|
-
readonly lightMode: "purple8";
|
|
7158
|
-
};
|
|
7159
|
-
readonly purple9: {
|
|
7160
|
-
readonly darkMode: "purple9";
|
|
7161
|
-
readonly lightMode: "purple9";
|
|
7162
|
-
};
|
|
7163
|
-
readonly purple10: {
|
|
7164
|
-
readonly darkMode: "purple10";
|
|
7165
|
-
readonly lightMode: "purple10";
|
|
7166
|
-
};
|
|
7167
|
-
readonly purple11: {
|
|
7168
|
-
readonly darkMode: "purple11";
|
|
7169
|
-
readonly lightMode: "purple11";
|
|
7170
|
-
};
|
|
7171
|
-
readonly purple12: {
|
|
7172
|
-
readonly darkMode: "purple12";
|
|
7173
|
-
readonly lightMode: "purple12";
|
|
7174
|
-
};
|
|
7175
|
-
readonly purpleAlpha1: {
|
|
7176
|
-
readonly darkMode: "purpleAlpha1";
|
|
7177
|
-
readonly lightMode: "purpleAlpha1";
|
|
7178
|
-
};
|
|
7179
|
-
readonly transparent: {
|
|
7180
|
-
readonly darkMode: "transparent";
|
|
7181
|
-
readonly lightMode: "transparent";
|
|
7182
|
-
};
|
|
7183
|
-
};
|
|
7184
|
-
declare type ConditionalColor = Readonly<{
|
|
7185
|
-
darkMode: Color;
|
|
7186
|
-
lightMode: Color;
|
|
7187
|
-
}>;
|
|
7188
|
-
export declare const selectors: {
|
|
7189
|
-
active: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7190
|
-
darkModeActive: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7191
|
-
lightModeActive: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7192
|
-
};
|
|
7193
|
-
checked: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7194
|
-
darkModeChecked: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7195
|
-
lightModeChecked: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7196
|
-
};
|
|
7197
|
-
checkedHover: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7198
|
-
darkModeCheckedHover: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7199
|
-
lightModeCheckedHover: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7200
|
-
};
|
|
7201
|
-
disabled: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7202
|
-
darkModeDisabled: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7203
|
-
lightModeDisabled: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7204
|
-
};
|
|
7205
|
-
focusVisible: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7206
|
-
darkModeFocusVisible: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7207
|
-
lightModeFocusVisible: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7208
|
-
};
|
|
7209
|
-
focusWithin: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7210
|
-
darkModeFocusWithin: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7211
|
-
lightModeFocusWithin: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7212
|
-
};
|
|
7213
|
-
highlighted: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7214
|
-
darkModeHighlighted: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7215
|
-
lightModeHighlighted: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7216
|
-
};
|
|
7217
|
-
hover: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7218
|
-
darkModeHover: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7219
|
-
lightModeHover: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7220
|
-
};
|
|
7221
|
-
open: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7222
|
-
darkModeOpen: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7223
|
-
lightModeOpen: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7224
|
-
};
|
|
7225
|
-
placeholder: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
7226
|
-
darkModePlaceholder: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7227
|
-
lightModePlaceholder: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
7228
|
-
};
|
|
7229
|
-
};
|
|
7230
|
-
export {};
|
|
7109
|
+
export declare type Sprinkles = Parameters<typeof sprinkles>[0];
|