@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.
Files changed (32) hide show
  1. package/dist/components/AnimatedList/AnimatedList.css.d.ts +1 -0
  2. package/dist/components/AnimatedList/AnimatedList.d.ts +2 -2
  3. package/dist/components/AppBackground.d.ts +2 -0
  4. package/dist/components/BaseInput/BaseInput.css.d.ts +1 -1
  5. package/dist/components/Box/Box.d.ts +39 -0
  6. package/dist/components/Box/Box.stories.d.ts +5 -0
  7. package/dist/components/Box/index.d.ts +1 -0
  8. package/dist/components/Button/Button.css.d.ts +1 -1
  9. package/dist/components/Button/Button.d.ts +1 -1
  10. package/dist/components/Button/Button.stories.d.ts +2 -2
  11. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +2 -2
  12. package/dist/components/Card/Card.stories.d.ts +2 -2
  13. package/dist/components/Icon/Icon.d.ts +1 -1
  14. package/dist/components/Icon/Icon.stories.d.ts +4 -4
  15. package/dist/components/Image/Image.css.d.ts +1 -1
  16. package/dist/components/Image/Image.stories.d.ts +2 -2
  17. package/dist/components/Switch/Switch.css.d.ts +1 -1
  18. package/dist/components/Switch/Switch.stories.d.ts +2 -2
  19. package/dist/components/Text/Text.d.ts +1 -1
  20. package/dist/components/Text/Text.stories.d.ts +4 -4
  21. package/dist/components/ToggleButton/ToggleButton.d.ts +1 -1
  22. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +2 -2
  23. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +4 -4
  24. package/dist/index.d.ts +2 -0
  25. package/dist/index.es.js +7847 -7830
  26. package/dist/index.umd.js +97 -97
  27. package/dist/style.css +1 -1
  28. package/dist/theme/colors.d.ts +119 -0
  29. package/dist/theme/selectors.d.ts +48 -0
  30. package/dist/theme/sprinkles.css.d.ts +73 -194
  31. package/dist/theme/vars.css.d.ts +135 -134
  32. 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
- currentColor: {
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
- inherit: {
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
- transparent: {
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
- currentColor: {
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
- inherit: {
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
- transparent: {
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
- currentColor: {
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
- inherit: {
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
- transparent: {
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
- currentColor: {
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
- inherit: {
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
- transparent: {
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
- currentColor: {
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
- inherit: {
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
- transparent: {
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
- "10px": {
6111
+ inherit: {
6087
6112
  defaultClass: string;
6088
6113
  };
6089
- "12px": {
6114
+ "10px": {
6090
6115
  defaultClass: string;
6091
6116
  };
6092
- inherit: {
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
- "0px": {
6152
+ inherit: {
6128
6153
  defaultClass: string;
6129
6154
  };
6130
- inherit: {
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
- "12px": {
6165
+ inherit: {
6141
6166
  defaultClass: string;
6142
6167
  };
6143
- inherit: {
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
- "fit-content": {
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
- "fit-content": {
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
- "fit-content": {
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
- "fit-content": {
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
- "fit-content": {
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
- "fit-content": {
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 const colors: {
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];