@stylexjs/stylex 0.11.1 → 0.13.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 (67) hide show
  1. package/README.md +0 -27
  2. package/lib/{stylex-inject.d.ts → cjs/inject.d.ts} +1 -5
  3. package/lib/cjs/inject.js +210 -0
  4. package/lib/{stylex-inject.js.flow → cjs/inject.js.flow} +2 -3
  5. package/lib/cjs/stylesheet/createCSSStyleSheet.d.ts +13 -0
  6. package/lib/cjs/stylesheet/createCSSStyleSheet.js.flow +13 -0
  7. package/lib/cjs/stylesheet/createOrderedCSSStyleSheet.d.ts +31 -0
  8. package/lib/cjs/stylesheet/createOrderedCSSStyleSheet.js.flow +32 -0
  9. package/lib/cjs/stylesheet/createSheet.d.ts +12 -0
  10. package/lib/cjs/stylesheet/createSheet.js.flow +16 -0
  11. package/lib/cjs/stylesheet/utils.d.ts +18 -0
  12. package/lib/cjs/stylesheet/utils.js.flow +19 -0
  13. package/lib/{stylex.d.ts → cjs/stylex.d.ts} +8 -21
  14. package/lib/cjs/stylex.js +242 -0
  15. package/lib/{stylex.js.flow → cjs/stylex.js.flow} +10 -26
  16. package/lib/{StyleXCSSTypes.d.ts → cjs/types/StyleXCSSTypes.d.ts} +22 -0
  17. package/lib/{StyleXCSSTypes.js.flow → cjs/types/StyleXCSSTypes.js.flow} +25 -0
  18. package/lib/{StyleXTypes.d.ts → cjs/types/StyleXTypes.d.ts} +60 -5
  19. package/lib/{StyleXTypes.js.flow → cjs/types/StyleXTypes.js.flow} +56 -5
  20. package/lib/{VarTypes.d.ts → cjs/types/VarTypes.d.ts} +19 -18
  21. package/lib/{VarTypes.js.flow → cjs/types/VarTypes.js.flow} +17 -19
  22. package/lib/es/inject.d.ts +11 -0
  23. package/lib/es/inject.js.flow +13 -0
  24. package/lib/es/inject.mjs +208 -0
  25. package/lib/es/stylesheet/createCSSStyleSheet.d.ts +13 -0
  26. package/lib/es/stylesheet/createCSSStyleSheet.js.flow +13 -0
  27. package/lib/es/stylesheet/createOrderedCSSStyleSheet.d.ts +31 -0
  28. package/lib/es/stylesheet/createOrderedCSSStyleSheet.js.flow +32 -0
  29. package/lib/es/stylesheet/createSheet.d.ts +12 -0
  30. package/lib/es/stylesheet/createSheet.js.flow +16 -0
  31. package/lib/es/stylesheet/utils.d.ts +18 -0
  32. package/lib/es/stylesheet/utils.js.flow +19 -0
  33. package/lib/es/stylex.d.ts +135 -0
  34. package/lib/es/stylex.js.flow +134 -0
  35. package/lib/es/stylex.mjs +8 -20
  36. package/lib/es/types/StyleXCSSTypes.d.ts +1487 -0
  37. package/lib/es/types/StyleXCSSTypes.js.flow +1580 -0
  38. package/lib/es/types/StyleXOpaqueTypes.d.ts +11 -0
  39. package/lib/es/types/StyleXOpaqueTypes.js.flow +16 -0
  40. package/lib/es/types/StyleXTypes.d.ts +292 -0
  41. package/lib/es/types/StyleXTypes.js.flow +240 -0
  42. package/lib/es/types/StyleXUtils.d.ts +15 -0
  43. package/lib/es/types/StyleXUtils.js.flow +15 -0
  44. package/lib/es/types/VarTypes.d.ts +104 -0
  45. package/lib/es/types/VarTypes.js.flow +102 -0
  46. package/package.json +20 -28
  47. package/lib/StyleXCSSTypes.js +0 -1
  48. package/lib/StyleXOpaqueTypes.js +0 -1
  49. package/lib/StyleXSheet.d.ts +0 -49
  50. package/lib/StyleXSheet.js +0 -188
  51. package/lib/StyleXSheet.js.flow +0 -49
  52. package/lib/StyleXTypes.js +0 -1
  53. package/lib/VarTypes.js +0 -1
  54. package/lib/es/StyleXCSSTypes.mjs +0 -1
  55. package/lib/es/StyleXOpaqueTypes.mjs +0 -0
  56. package/lib/es/StyleXSheet.mjs +0 -247
  57. package/lib/es/StyleXTypes.mjs +0 -1
  58. package/lib/es/VarTypes.mjs +0 -0
  59. package/lib/es/stylex-inject.mjs +0 -5
  60. package/lib/es/util-types.mjs +0 -0
  61. package/lib/stylex-inject.js +0 -11
  62. package/lib/stylex.js +0 -125
  63. package/lib/util-types.js +0 -1
  64. /package/lib/{StyleXOpaqueTypes.d.ts → cjs/types/StyleXOpaqueTypes.d.ts} +0 -0
  65. /package/lib/{StyleXOpaqueTypes.js.flow → cjs/types/StyleXOpaqueTypes.js.flow} +0 -0
  66. /package/lib/{util-types.d.ts → cjs/types/StyleXUtils.d.ts} +0 -0
  67. /package/lib/{util-types.js.flow → cjs/types/StyleXUtils.js.flow} +0 -0
@@ -0,0 +1,1580 @@
1
+ /**
2
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
3
+ *
4
+ * This source code is licensed under the MIT license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ *
7
+ * @flow strict
8
+ */
9
+
10
+ type CSSCursor =
11
+ | 'auto'
12
+ | 'default'
13
+ | 'none'
14
+ | 'context-menu'
15
+ | 'help'
16
+ | 'inherit'
17
+ | 'pointer'
18
+ | 'progress'
19
+ | 'wait'
20
+ | 'cell'
21
+ | 'crosshair'
22
+ | 'text'
23
+ | 'vertical-text'
24
+ | 'alias'
25
+ | 'copy'
26
+ | 'move'
27
+ | 'no-drop'
28
+ | 'not-allowed'
29
+ | 'e-resize'
30
+ | 'n-resize'
31
+ | 'ne-resize'
32
+ | 'nw-resize'
33
+ | 's-resize'
34
+ | 'se-resize'
35
+ | 'sw-resize'
36
+ | 'w-resize'
37
+ | 'ew-resize'
38
+ | 'ns-resize'
39
+ | 'nesw-resize'
40
+ | 'nwse-resize'
41
+ | 'col-resize'
42
+ | 'row-resize'
43
+ | 'all-scroll'
44
+ | 'zoom-in'
45
+ | 'zoom-out'
46
+ | 'grab'
47
+ | 'grabbing'
48
+ | '-webkit-grab'
49
+ | '-webkit-grabbing';
50
+
51
+ type alignContent =
52
+ | 'center'
53
+ | 'start'
54
+ | 'end'
55
+ | 'flex-start'
56
+ | 'flex-end'
57
+ | 'normal'
58
+ | 'baseline'
59
+ | 'first baseline'
60
+ | 'last baseline'
61
+ | 'space-between'
62
+ | 'space-around'
63
+ | 'space-evenly'
64
+ | 'stretch'
65
+ | 'safe center'
66
+ | 'unsafe center'
67
+ | all;
68
+ type alignItems =
69
+ | 'normal'
70
+ | 'stretch'
71
+ | 'center'
72
+ | 'start'
73
+ | 'end'
74
+ | 'flex-start'
75
+ | 'flex-end'
76
+ | 'self-start'
77
+ | 'self-end'
78
+ | 'baseline'
79
+ | 'first baseline'
80
+ | 'last baseline'
81
+ | 'safe center'
82
+ | 'unsafe center'
83
+ | all;
84
+ type alignSelf =
85
+ | 'auto'
86
+ | 'normal'
87
+ | 'center'
88
+ | 'start'
89
+ | 'end'
90
+ | 'self-start'
91
+ | 'self-end'
92
+ | 'flex-start'
93
+ | 'flex-end'
94
+ | 'baseline'
95
+ | 'first baseline'
96
+ | 'last baseline'
97
+ | 'stretch'
98
+ | 'safe center'
99
+ | 'unsafe center'
100
+ | all;
101
+ type all = null | 'initial' | 'inherit' | 'unset';
102
+ type animationDelay = time;
103
+ type animationDirection = singleAnimationDirection;
104
+ type animationDuration = time;
105
+ type animationFillMode = singleAnimationFillMode;
106
+ type animationIterationCount = singleAnimationIterationCount;
107
+ type animationName = singleAnimationName;
108
+ type animationPlayState = singleAnimationPlayState;
109
+ type animationTimingFunction = singleTimingFunction;
110
+ type appearance = 'auto' | 'none' | 'textfield' | string;
111
+ type backdropFilter = 'none' | string;
112
+ type backfaceVisibility = 'visible' | 'hidden';
113
+ // type background = string | finalBgLayer;
114
+ type backgroundAttachment = attachment;
115
+ type backgroundBlendMode = blendMode;
116
+ type backgroundClip = box | 'text';
117
+ type backgroundColor = color;
118
+ type backgroundImage = bgImage;
119
+ type backgroundOrigin = box;
120
+ type backgroundPosition = string;
121
+ type backgroundPositionX = string;
122
+ type backgroundPositionY = string;
123
+ type backgroundRepeat = repeatStyle;
124
+ type backgroundSize = bgSize;
125
+ type blockSize = width;
126
+ type border = borderWidth | brStyle | color;
127
+ type borderBlockEnd = borderWidth | borderStyle | color;
128
+ type borderBlockEndColor = color;
129
+ type borderBlockEndStyle = borderStyle;
130
+ type borderBlockEndWidth = borderWidth;
131
+ type borderBlockStart = borderWidth | borderStyle | color;
132
+ type borderBlockStartColor = color;
133
+ type borderBlockStartStyle = borderStyle;
134
+ type borderBlockStartWidth = borderWidth;
135
+ type borderBottomLeftRadius = lengthPercentage;
136
+ type borderBottomRightRadius = lengthPercentage;
137
+ type borderBottomStyle = brStyle;
138
+ type borderBottomWidth = borderWidth;
139
+ type borderCollapse = 'collapse' | 'separate';
140
+ type borderColor = color;
141
+ type borderImage =
142
+ | borderImageSource
143
+ | borderImageSlice
144
+ | string
145
+ | borderImageRepeat;
146
+ type borderImageOutset = string;
147
+ type borderImageRepeat = string;
148
+ type borderImageSlice = string | number | 'fill';
149
+ type borderImageSource = 'none' | string;
150
+ type borderImageWidth = string;
151
+ type borderInlineEnd = borderWidth | borderStyle | color;
152
+ type borderInlineEndColor = color;
153
+ type borderInlineEndStyle = borderStyle;
154
+ type borderInlineEndWidth = borderWidth;
155
+ type borderInlineStart = borderWidth | borderStyle | color;
156
+ type borderInlineStartColor = color;
157
+ type borderInlineStartStyle = borderStyle;
158
+ type borderInlineStartWidth = borderWidth;
159
+ type borderLeftColor = color;
160
+ type borderLeftStyle = brStyle;
161
+ type borderLeftWidth = borderWidth;
162
+ type borderRightColor = color;
163
+ type borderRightStyle = brStyle;
164
+ type borderRightWidth = borderWidth;
165
+ type borderRadius = lengthPercentage;
166
+ type borderSpacing = number | string;
167
+ type borderStyle = brStyle;
168
+ type borderTopLeftRadius = lengthPercentage;
169
+ type borderTopRightRadius = lengthPercentage;
170
+ type borderTopStyle = brStyle;
171
+ type borderTopWidth = borderWidth;
172
+ type boxAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
173
+ type boxDecorationBreak = 'slice' | 'clone';
174
+ type boxDirection = 'normal' | 'reverse' | 'inherit';
175
+ type boxFlex = number | string;
176
+ type boxFlexGroup = number | string;
177
+ type boxLines = 'single' | 'multiple';
178
+ type boxOrdinalGroup = number | string;
179
+ type boxOrient =
180
+ | 'horizontal'
181
+ | 'vertical'
182
+ | 'inline-axis'
183
+ | 'block-axis'
184
+ | 'inherit';
185
+ type boxShadow = 'none' | string;
186
+ type boxSizing = 'content-box' | 'border-box';
187
+ type boxSuppress = 'show' | 'discard' | 'hide';
188
+ type breakAfter =
189
+ | 'auto'
190
+ | 'avoid'
191
+ | 'avoid-page'
192
+ | 'page'
193
+ | 'left'
194
+ | 'right'
195
+ | 'recto'
196
+ | 'verso'
197
+ | 'avoid-column'
198
+ | 'column'
199
+ | 'avoid-region'
200
+ | 'region';
201
+ type breakBefore =
202
+ | 'auto'
203
+ | 'avoid'
204
+ | 'avoid-page'
205
+ | 'page'
206
+ | 'left'
207
+ | 'right'
208
+ | 'recto'
209
+ | 'verso'
210
+ | 'avoid-column'
211
+ | 'column'
212
+ | 'avoid-region'
213
+ | 'region';
214
+ type breakInside =
215
+ | 'auto'
216
+ | 'avoid'
217
+ | 'avoid-page'
218
+ | 'avoid-column'
219
+ | 'avoid-region';
220
+ type captionSide =
221
+ | 'top'
222
+ | 'bottom'
223
+ | 'block-start'
224
+ | 'block-end'
225
+ | 'inline-start'
226
+ | 'inline-end';
227
+ type clear = 'none' | 'left' | 'right' | 'both' | 'inline-start' | 'inline-end';
228
+ type clip = string | 'auto';
229
+ type clipPath = string | 'none';
230
+ type columnCount = number | 'auto' | string;
231
+ type columnFill = 'auto' | 'balance';
232
+ type columnGap = number | string | 'normal';
233
+ type columnRule = columnRuleWidth | columnRuleStyle | columnRuleColor;
234
+ type columnRuleColor = color;
235
+ type columnRuleStyle = brStyle;
236
+ type columnRuleWidth = borderWidth;
237
+ type columnSpan = 'none' | 'all';
238
+ type columnWidth = number | 'auto' | string;
239
+ type columns = columnWidth | columnCount;
240
+ type contain = 'none' | 'strict' | 'content' | string;
241
+ type content = string;
242
+ type counterIncrement = string | 'none';
243
+ type counterReset = string | 'none';
244
+ type cursor = CSSCursor;
245
+ type direction = 'ltr' | 'rtl' | 'inherit';
246
+ type display =
247
+ | 'none'
248
+ | 'inherit'
249
+ | 'inline'
250
+ | 'block'
251
+ | 'flow-root'
252
+ | 'list-item'
253
+ | 'inline-list-item'
254
+ | 'inline-block'
255
+ | 'inline-table'
256
+ | 'table'
257
+ | 'table-cell'
258
+ | 'table-column'
259
+ | 'table-column-group'
260
+ | 'table-footer-group'
261
+ | 'table-header-group'
262
+ | 'table-row'
263
+ | 'table-row-group'
264
+ | 'flex'
265
+ | 'inline-flex'
266
+ | 'grid'
267
+ | 'inline-grid'
268
+ | '-webkit-box'
269
+ | 'run-in'
270
+ | 'ruby'
271
+ | 'ruby-base'
272
+ | 'ruby-text'
273
+ | 'ruby-base-container'
274
+ | 'ruby-text-container'
275
+ | 'contents';
276
+ type displayInside = 'auto' | 'block' | 'table' | 'flex' | 'grid' | 'ruby';
277
+ type displayList = 'none' | 'list-item';
278
+ type displayOutside =
279
+ | 'block-level'
280
+ | 'inline-level'
281
+ | 'run-in'
282
+ | 'contents'
283
+ | 'none'
284
+ | 'table-row-group'
285
+ | 'table-header-group'
286
+ | 'table-footer-group'
287
+ | 'table-row'
288
+ | 'table-cell'
289
+ | 'table-column-group'
290
+ | 'table-column'
291
+ | 'table-caption'
292
+ | 'ruby-base'
293
+ | 'ruby-text'
294
+ | 'ruby-base-container'
295
+ | 'ruby-text-container';
296
+ type emptyCells = 'show' | 'hide';
297
+ type filter = 'none' | string;
298
+ type flex = 'none' | string | number;
299
+ type flexBasis = 'content' | number | string | 'inherit';
300
+ type flexDirection =
301
+ | 'row'
302
+ | 'row-reverse'
303
+ | 'column'
304
+ | 'column-reverse'
305
+ | 'inherit';
306
+ type flexFlow = flexDirection | flexWrap;
307
+ type flexGrow = all | number | string;
308
+ type flexShrink = all | number | string;
309
+ type flexWrap = 'nowrap' | 'wrap' | 'wrap-reverse' | 'inherit';
310
+ type float =
311
+ | 'left'
312
+ | 'right'
313
+ | 'none'
314
+ | 'start'
315
+ | 'end'
316
+ | 'inline-start'
317
+ | 'inline-end'
318
+ | 'inherit';
319
+ type fontFamily = string;
320
+ type fontFeatureSettings = 'normal' | string;
321
+ type fontKerning = 'auto' | 'normal' | 'none';
322
+ type fontLanguageOverride = 'normal' | string;
323
+ type fontSize = absoluteSize | relativeSize | lengthPercentage;
324
+ type fontSizeAdjust = 'none' | number;
325
+ type fontStretch =
326
+ | 'normal'
327
+ | 'ultra-condensed'
328
+ | 'extra-condensed'
329
+ | 'condensed'
330
+ | 'semi-condensed'
331
+ | 'semi-expanded'
332
+ | 'expanded'
333
+ | 'extra-expanded'
334
+ | 'ultra-expanded'
335
+ | string;
336
+ type fontStyle = 'normal' | 'italic' | 'oblique';
337
+ type fontSynthesis = 'none' | string;
338
+ type fontVariant = 'normal' | 'none' | string;
339
+ type fontVariantAlternates = 'normal' | string;
340
+ type fontVariantCaps =
341
+ | 'normal'
342
+ | 'small-caps'
343
+ | 'all-small-caps'
344
+ | 'petite-caps'
345
+ | 'all-petite-caps'
346
+ | 'unicase'
347
+ | 'titling-caps';
348
+ type fontVariantEastAsian = 'normal' | string;
349
+ type fontVariantLigatures = 'normal' | 'none' | string;
350
+ type fontVariantNumeric = 'normal' | string;
351
+ type fontVariantPosition = 'normal' | 'sub' | 'super';
352
+ type fontWeight =
353
+ | 'inherit'
354
+ | 'normal'
355
+ | 'bold'
356
+ | 'bolder'
357
+ | 'lighter'
358
+ | 100
359
+ | 200
360
+ | 300
361
+ | 400
362
+ | 500
363
+ | 600
364
+ | 700
365
+ | 800
366
+ | 900
367
+ | string
368
+ | number;
369
+ type gap = number | string;
370
+ type grid = gridTemplate | string;
371
+ type gridArea = gridLine | string;
372
+ type gridAutoColumns = trackSize;
373
+ type gridAutoFlow = string | 'dense';
374
+ type gridAutoRows = trackSize;
375
+ type gridColumn = gridLine | string;
376
+ type gridColumnEnd = gridLine;
377
+ type gridColumnGap = lengthPercentage;
378
+ type gridColumnStart = gridLine;
379
+ type gridGap = gridRowGap | gridColumnGap;
380
+ type gridRow = gridLine | string;
381
+ type gridRowEnd = gridLine;
382
+ type gridRowGap = lengthPercentage;
383
+ type gridRowStart = gridLine;
384
+ type gridTemplate = 'none' | 'subgrid' | string;
385
+ type gridTemplateAreas = 'none' | string;
386
+ type gridTemplateColumns = 'none' | 'subgrid' | string;
387
+ type gridTemplateRows = 'none' | 'subgrid' | string;
388
+ type hyphens = 'none' | 'manual' | 'auto';
389
+ type imageOrientation = 'from-image' | number | string;
390
+ type imageRendering =
391
+ | 'auto'
392
+ | 'crisp-edges'
393
+ | 'pixelated'
394
+ | 'optimizeSpeed'
395
+ | 'optimizeQuality'
396
+ | string;
397
+ type imageResolution = string | 'snap';
398
+ type imeMode = 'auto' | 'normal' | 'active' | 'inactive' | 'disabled';
399
+ type initialLetter = 'normal' | string;
400
+ type initialLetterAlign = string;
401
+ type inlineSize = width;
402
+ type interpolateSize = 'allow-keywords' | 'numeric-only';
403
+ type isolation = 'auto' | 'isolate';
404
+ type justifyContent =
405
+ | 'center'
406
+ | 'start'
407
+ | 'end'
408
+ | 'flex-start'
409
+ | 'flex-end'
410
+ | 'left'
411
+ | 'right'
412
+ | 'normal'
413
+ | 'space-between'
414
+ | 'space-around'
415
+ | 'space-evenly'
416
+ | 'stretch'
417
+ | 'safe center'
418
+ | 'unsafe center'
419
+ | 'inherit';
420
+ type justifyItems =
421
+ | 'normal'
422
+ | 'stretch'
423
+ | 'center'
424
+ | 'start'
425
+ | 'end'
426
+ | 'flex-start'
427
+ | 'flex-end'
428
+ | 'self-start'
429
+ | 'self-end'
430
+ | 'left'
431
+ | 'right'
432
+ | 'baseline'
433
+ | 'first baseline'
434
+ | 'last baseline'
435
+ | 'safe center'
436
+ | 'unsafe center'
437
+ | 'legacy right'
438
+ | 'legacy left'
439
+ | 'legacy center'
440
+ | all;
441
+ // There's an optional overflowPosition (safe vs unsafe) prefix to
442
+ // [selfPosition | 'left' | 'right']. It's not used on www, so, it's not added
443
+ // here.
444
+ type justifySelf =
445
+ | 'auto'
446
+ | 'normal'
447
+ | 'stretch'
448
+ | 'center'
449
+ | 'start'
450
+ | 'end'
451
+ | 'flex-start'
452
+ | 'flex-end'
453
+ | 'self-start'
454
+ | 'self-end'
455
+ | 'left'
456
+ | 'right'
457
+ | 'baseline'
458
+ | 'first baseline'
459
+ | 'last baseline'
460
+ | 'safe center'
461
+ | 'unsafe center';
462
+
463
+ type letterSpacing = 'normal' | lengthPercentage;
464
+ type lineBreak = 'auto' | 'loose' | 'normal' | 'strict';
465
+ type lineHeight = 'inherit' | number | string;
466
+ type listStyle = listStyleType | listStylePosition | listStyleImage;
467
+ type listStyleImage = string | 'none';
468
+ type listStylePosition = 'inside' | 'outside';
469
+ type listStyleType = string | 'none';
470
+ type margin = number | string;
471
+ type marginBlockEnd = marginLeft;
472
+ type marginBlockStart = marginLeft;
473
+ type marginBottom = number | string | 'auto';
474
+ type marginInlineEnd = marginLeft;
475
+ type marginInlineStart = marginLeft;
476
+ type marginLeft = number | string | 'auto';
477
+ type marginRight = number | string | 'auto';
478
+ type marginTop = number | string | 'auto';
479
+ type markerOffset = number | 'auto' | string;
480
+ type mask = maskLayer;
481
+ type maskClip = string;
482
+ type maskComposite = compositeOperator;
483
+ type maskMode = maskingMode;
484
+ type maskOrigin = geometryBox;
485
+ type maskPosition = string;
486
+ type maskRepeat = repeatStyle;
487
+ type maskSize = bgSize;
488
+ type maskType = 'luminance' | 'alpha';
489
+ type maxBlockSize = maxWidth;
490
+ type maxHeight =
491
+ | number
492
+ | string
493
+ | 'none'
494
+ | 'max-content'
495
+ | 'min-content'
496
+ | 'fit-content'
497
+ | 'fill-available';
498
+ type maxInlineSize = maxWidth;
499
+ type maxWidth =
500
+ | number
501
+ | string
502
+ | 'none'
503
+ | 'max-content'
504
+ | 'min-content'
505
+ | 'fit-content'
506
+ | 'fill-available';
507
+ type minBlockSize = minWidth;
508
+ type minHeight =
509
+ | number
510
+ | string
511
+ | 'auto'
512
+ | 'max-content'
513
+ | 'min-content'
514
+ | 'fit-content'
515
+ | 'fill-available';
516
+ type minInlineSize = minWidth;
517
+ type minWidth =
518
+ | number
519
+ | string
520
+ | 'auto'
521
+ | 'max-content'
522
+ | 'min-content'
523
+ | 'fit-content'
524
+ | 'fill-available';
525
+ type mixBlendMode = blendMode;
526
+ type motion = motionPath | motionOffset | motionRotation;
527
+ type motionOffset = lengthPercentage;
528
+ type motionPath = string | geometryBox | 'none';
529
+ type motionRotation = string | number;
530
+ type MsOverflowStyle =
531
+ | 'auto'
532
+ | 'none'
533
+ | 'scrollbar'
534
+ | '-ms-autohiding-scrollbar';
535
+ type objectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
536
+ type objectPosition = string;
537
+ type opacity = number | string;
538
+ type order = number | string;
539
+ type orphans = number | string;
540
+ type outline = string;
541
+ type outlineColor = color | 'invert';
542
+ type outlineOffset = number | string;
543
+ type outlineStyle = 'auto' | brStyle;
544
+ type outlineWidth = borderWidth;
545
+ type overflow = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto';
546
+ type overflowAnchor = 'auto' | 'none';
547
+ type overflowWrap = 'normal' | 'break-word' | 'anywhere';
548
+ type overflowX = overflow;
549
+ type overflowY = overflow;
550
+ type overscrollBehavior = 'none' | 'contain' | 'auto';
551
+ type overscrollBehaviorX = 'none' | 'contain' | 'auto';
552
+ type overscrollBehaviorY = 'none' | 'contain' | 'auto';
553
+ type padding = number | string;
554
+ type paddingBlockEnd = paddingLeft;
555
+ type paddingBlockStart = paddingLeft;
556
+ type paddingBottom = number | string;
557
+ type paddingLeft = number | string;
558
+ type paddingRight = number | string;
559
+ type paddingTop = number | string;
560
+ type pageBreakAfter = 'auto' | 'always' | 'avoid' | 'left' | 'right';
561
+ type pageBreakBefore = 'auto' | 'always' | 'avoid' | 'left' | 'right';
562
+ type pageBreakInside = 'auto' | 'avoid';
563
+ type perspective = 'none' | number;
564
+ type perspectiveOrigin = string;
565
+ type pointerEvents =
566
+ | 'auto'
567
+ | 'none'
568
+ | 'visiblePainted'
569
+ | 'visibleFill'
570
+ | 'visibleStroke'
571
+ | 'visible'
572
+ | 'painted'
573
+ | 'fill'
574
+ | 'stroke'
575
+ | 'all'
576
+ | 'inherit';
577
+ type position = 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
578
+ type positionArea =
579
+ | 'top'
580
+ | 'left'
581
+ | 'bottom'
582
+ | 'right'
583
+ | 'center'
584
+ | 'block-start'
585
+ | 'block-end'
586
+ | 'inline-start'
587
+ | 'inline-end'
588
+ | 'span-inline-start'
589
+ | 'span-inline-end'
590
+ | 'span-block-start'
591
+ | 'span-block-end';
592
+ type positionVisibility = 'always' | 'anchors-visible' | 'no-overflow';
593
+ type quotes = string | 'none';
594
+ type resize = 'none' | 'both' | 'horizontal' | 'vertical';
595
+ type rowGap = number | string;
596
+ type rubyAlign = 'start' | 'center' | 'space-between' | 'space-around';
597
+ type rubyMerge = 'separate' | 'collapse' | 'auto';
598
+ type rubyPosition = 'over' | 'under' | 'inter-character';
599
+ type scrollBehavior = 'auto' | 'smooth';
600
+ type scrollSnapAlign = 'none' | 'start' | 'end' | 'center';
601
+ type scrollSnapType =
602
+ | 'none'
603
+ | 'block mandatory'
604
+ | 'block proximity'
605
+ | 'block'
606
+ | 'both mandatory'
607
+ | 'both proximity'
608
+ | 'both'
609
+ | 'inline mandatory'
610
+ | 'inline proximity'
611
+ | 'inline'
612
+ | 'x'
613
+ | 'x mandatory'
614
+ | 'x proximity'
615
+ | 'y'
616
+ | 'y mandatory'
617
+ | 'y proximity';
618
+ type shapeImageThreshold = number | string;
619
+ type shapeMargin = lengthPercentage;
620
+ type shapeOutside = 'none' | shapeBox | string;
621
+ type tabSize = number | string;
622
+ type tableLayout = 'auto' | 'fixed';
623
+ type textAlign =
624
+ | 'start'
625
+ | 'end'
626
+ | 'left'
627
+ | 'right'
628
+ | 'center'
629
+ | 'justify'
630
+ | 'match-parent'
631
+ | 'inherit';
632
+ type textAlignLast =
633
+ | 'auto'
634
+ | 'start'
635
+ | 'end'
636
+ | 'left'
637
+ | 'right'
638
+ | 'center'
639
+ | 'justify'
640
+ | 'inherit';
641
+ type textCombineUpright = 'none' | 'all' | string;
642
+ type textDecoration =
643
+ | textDecorationLine
644
+ | textDecorationStyle
645
+ | textDecorationColor;
646
+ type textDecorationColor = color;
647
+ type textDecorationLine = 'none' | string;
648
+ type textDecorationSkip = 'none' | string;
649
+ type textDecorationStyle = 'solid' | 'double' | 'dotted' | 'dashed' | 'wavy';
650
+ type textEmphasis = textEmphasisStyle | textEmphasisColor;
651
+ type textEmphasisColor = color;
652
+ type textEmphasisPosition = string;
653
+ type textEmphasisStyle = 'none' | string;
654
+ type textIndent = lengthPercentage | 'hanging' | 'each-line';
655
+ type textOrientation = 'mixed' | 'upright' | 'sideways';
656
+ type textOverflow = string;
657
+ type textRendering =
658
+ | 'auto'
659
+ | 'optimizeSpeed'
660
+ | 'optimizeLegibility'
661
+ | 'geometricPrecision';
662
+ type textShadow = 'none' | string;
663
+ type textSizeAdjust = 'none' | 'auto' | string;
664
+ type textTransform =
665
+ | 'none'
666
+ | 'capitalize'
667
+ | 'uppercase'
668
+ | 'lowercase'
669
+ | 'full-width';
670
+ type textUnderlinePosition = 'auto' | string;
671
+ type touchAction = 'auto' | 'none' | string | 'manipulation';
672
+ type transform = 'none' | string;
673
+ type transformBox = 'border-box' | 'fill-box' | 'view-box';
674
+ type transformOrigin = string | number;
675
+ type transformStyle = 'flat' | 'preserve-3d';
676
+ type transition = singleTransition;
677
+ type transitionDelay = time;
678
+ type transitionDuration = time;
679
+ type transitionProperty = 'none' | singleTransitionProperty;
680
+ type transitionTimingFunction = singleTransitionTimingFunction;
681
+ type unicodeBidi =
682
+ | 'normal'
683
+ | 'embed'
684
+ | 'isolate'
685
+ | 'bidi-override'
686
+ | 'isolate-override'
687
+ | 'plaintext';
688
+ type userSelect = 'auto' | 'text' | 'none' | 'contain' | 'all';
689
+ type verticalAlign =
690
+ | 'baseline'
691
+ | 'sub'
692
+ | 'super'
693
+ | 'text-top'
694
+ | 'text-bottom'
695
+ | 'middle'
696
+ | 'top'
697
+ | 'bottom'
698
+ | string
699
+ | number;
700
+ type visibility = 'visible' | 'hidden' | 'collapse';
701
+ type whiteSpace =
702
+ | 'normal'
703
+ | 'pre'
704
+ | 'nowrap'
705
+ | 'pre-wrap'
706
+ | 'pre-line'
707
+ | 'initial'
708
+ | 'inherit';
709
+ type widows = number | string;
710
+ type width =
711
+ | string
712
+ | number
713
+ | 'available'
714
+ | 'min-content'
715
+ | 'max-content'
716
+ | 'fit-content'
717
+ | 'auto';
718
+ type willChange = 'auto' | animatableFeature;
719
+ type wordBreak = 'normal' | 'break-all' | 'keep-all' | nonStandardWordBreak;
720
+ type wordSpacing = 'normal' | lengthPercentage;
721
+ type wordWrap = 'normal' | 'break-word';
722
+ type writingMode =
723
+ | 'horizontal-tb'
724
+ | 'vertical-rl'
725
+ | 'vertical-lr'
726
+ | 'sideways-rl'
727
+ | 'sideways-lr'
728
+ | svgWritingMode;
729
+ type zIndex = 'auto' | number;
730
+ type alignmentBaseline =
731
+ | 'auto'
732
+ | 'baseline'
733
+ | 'before-edge'
734
+ | 'text-before-edge'
735
+ | 'middle'
736
+ | 'central'
737
+ | 'after-edge'
738
+ | 'text-after-edge'
739
+ | 'ideographic'
740
+ | 'alphabetic'
741
+ | 'hanging'
742
+ | 'mathematical';
743
+ type baselineShift = 'baseline' | 'sub' | 'super' | svgLength;
744
+ type behavior = string;
745
+ type clipRule = 'nonzero' | 'evenodd';
746
+ type cue = cueBefore | cueAfter;
747
+ type cueAfter = string | number | 'none';
748
+ type cueBefore = string | number | 'none';
749
+ type dominantBaseline =
750
+ | 'auto'
751
+ | 'use-script'
752
+ | 'no-change'
753
+ | 'reset-size'
754
+ | 'ideographic'
755
+ | 'alphabetic'
756
+ | 'hanging'
757
+ | 'mathematical'
758
+ | 'central'
759
+ | 'middle'
760
+ | 'text-after-edge'
761
+ | 'text-before-edge';
762
+ type fill = paint;
763
+ type fillOpacity = number | string;
764
+ type fillRule = 'nonzero' | 'evenodd';
765
+ type glyphOrientationHorizontal = number | string;
766
+ type glyphOrientationVertical = number | string;
767
+ type kerning = 'auto' | svgLength;
768
+ type marker = 'none' | string;
769
+ type markerEnd = 'none' | string;
770
+ type markerMid = 'none' | string;
771
+ type markerStart = 'none' | string;
772
+ type pause = pauseBefore | pauseAfter;
773
+ type pauseAfter =
774
+ | number
775
+ | 'none'
776
+ | 'x-weak'
777
+ | 'weak'
778
+ | 'medium'
779
+ | 'strong'
780
+ | 'x-strong';
781
+ type pauseBefore =
782
+ | number
783
+ | 'none'
784
+ | 'x-weak'
785
+ | 'weak'
786
+ | 'medium'
787
+ | 'strong'
788
+ | 'x-strong';
789
+ type rest = restBefore | restAfter;
790
+ type restAfter =
791
+ | number
792
+ | 'none'
793
+ | 'x-weak'
794
+ | 'weak'
795
+ | 'medium'
796
+ | 'strong'
797
+ | 'x-strong';
798
+ type restBefore =
799
+ | number
800
+ | 'none'
801
+ | 'x-weak'
802
+ | 'weak'
803
+ | 'medium'
804
+ | 'strong'
805
+ | 'x-strong';
806
+ type shapeRendering =
807
+ | 'auto'
808
+ | 'optimizeSpeed'
809
+ | 'crispEdges'
810
+ | 'geometricPrecision';
811
+ type src = string;
812
+ type speak = 'auto' | 'none' | 'normal';
813
+ type speakAs = 'normal' | 'spell-out' | 'digits' | string;
814
+ type stroke = paint;
815
+ type strokeDasharray = 'none' | string;
816
+ type strokeDashoffset = svgLength;
817
+ type strokeLinecap = 'butt' | 'round' | 'square';
818
+ type strokeLinejoin = 'miter' | 'round' | 'bevel';
819
+ type strokeMiterlimit = number | string;
820
+ type strokeOpacity = number | string;
821
+ type strokeWidth = svgLength;
822
+ type textAnchor = 'start' | 'middle' | 'end';
823
+ type unicodeRange = string;
824
+ type voiceBalance =
825
+ | number
826
+ | 'left'
827
+ | 'center'
828
+ | 'right'
829
+ | 'leftwards'
830
+ | 'rightwards';
831
+ type voiceDuration = 'auto' | time;
832
+ type voiceFamily = string | 'preserve';
833
+ type voicePitch = number | 'absolute' | string;
834
+ type voiceRange = number | 'absolute' | string;
835
+ type voiceRate = string;
836
+ type voiceStress = 'normal' | 'strong' | 'moderate' | 'none' | 'reduced';
837
+ type voiceVolume = 'silent' | string;
838
+ type absoluteSize =
839
+ | 'xx-small'
840
+ | 'x-small'
841
+ | 'small'
842
+ | 'medium'
843
+ | 'large'
844
+ | 'x-large'
845
+ | 'xx-large';
846
+ type animatableFeature = 'scroll-position' | 'contents' | string;
847
+ type attachment = 'scroll' | 'fixed' | 'local';
848
+ type bgImage = 'none' | string;
849
+ type bgSize = string | 'cover' | 'contain';
850
+ type box = 'border-box' | 'padding-box' | 'content-box';
851
+ type brStyle =
852
+ | 'none'
853
+ | 'hidden'
854
+ | 'dotted'
855
+ | 'dashed'
856
+ | 'solid'
857
+ | 'double'
858
+ | 'groove'
859
+ | 'ridge'
860
+ | 'inset'
861
+ | 'outset';
862
+ type borderWidth = number | 'thin' | 'medium' | 'thick' | string;
863
+ type color = string;
864
+ type compositeOperator = 'add' | 'subtract' | 'intersect' | 'exclude';
865
+ // type finalBgLayer =
866
+ // | bgImage
867
+ // | string
868
+ // | repeatStyle
869
+ // | attachment
870
+ // | box
871
+ // | backgroundColor;
872
+ type geometryBox = shapeBox | 'fill-box' | 'stroke-box' | 'view-box';
873
+ type gridLine = 'auto' | string;
874
+ type lengthPercentage = number | string;
875
+ type maskLayer =
876
+ | maskReference
877
+ | maskingMode
878
+ | string
879
+ | repeatStyle
880
+ | geometryBox
881
+ | compositeOperator;
882
+ type maskReference = 'none' | string;
883
+ type maskingMode = 'alpha' | 'luminance' | 'match-source';
884
+ type relativeSize = 'larger' | 'smaller';
885
+ type repeatStyle = 'repeat-x' | 'repeat-y' | string;
886
+ type shapeBox = box | 'margin-box';
887
+ type singleAnimationDirection =
888
+ | 'normal'
889
+ | 'reverse'
890
+ | 'alternate'
891
+ | 'alternate-reverse';
892
+ type singleAnimationFillMode = 'none' | 'forwards' | 'backwards' | 'both';
893
+ type singleAnimationIterationCount = 'infinite' | number;
894
+ type singleAnimationName = 'none' | string;
895
+ type singleAnimationPlayState = 'running' | 'paused';
896
+ type singleTimingFunction = singleTransitionTimingFunction;
897
+ type singleTransition = singleTransitionTimingFunction | string | number;
898
+ type singleTransitionTimingFunction =
899
+ | 'ease'
900
+ | 'linear'
901
+ | 'ease-in'
902
+ | 'ease-out'
903
+ | 'ease-in-out'
904
+ | 'step-start'
905
+ | 'step-end'
906
+ | string;
907
+ type singleTransitionProperty = 'all' | string;
908
+ type time = string;
909
+ type trackBreadth =
910
+ | lengthPercentage
911
+ | string
912
+ | 'min-content'
913
+ | 'max-content'
914
+ | 'auto';
915
+ type trackSize = trackBreadth | string;
916
+ type nonStandardWordBreak = 'break-word';
917
+ type blendMode =
918
+ | 'normal'
919
+ | 'multiply'
920
+ | 'screen'
921
+ | 'overlay'
922
+ | 'darken'
923
+ | 'lighten'
924
+ | 'color-dodge'
925
+ | 'color-burn'
926
+ | 'hard-light'
927
+ | 'soft-light'
928
+ | 'difference'
929
+ | 'exclusion'
930
+ | 'hue'
931
+ | 'saturation'
932
+ | 'color'
933
+ | 'luminosity';
934
+ type maskImage = maskReference;
935
+ type paint = 'none' | 'currentColor' | color | string;
936
+ type svgLength = string | number;
937
+ type svgWritingMode = 'lr-tb' | 'rl-tb' | 'tb-rl' | 'lr' | 'rl' | 'tb';
938
+ type top = number | string;
939
+
940
+ type OptionalArray<T> = Array<T> | T;
941
+
942
+ export type SupportedVendorSpecificCSSProperties = $ReadOnly<{
943
+ MozOsxFontSmoothing?: null | 'grayscale',
944
+ WebkitAppearance?: null | appearance,
945
+ WebkitFontSmoothing?: null | 'antialiased',
946
+ WebkitTapHighlightColor?: null | color,
947
+ }>;
948
+
949
+ export type CSSProperties = $ReadOnly<{
950
+ // NOTE: adding a non-CSS property here for support themes in Stylex.
951
+ theme?: all | string,
952
+
953
+ // ...$Exact<SupportedVendorSpecificCSSProperties>, for TypeScript compatibility
954
+ MozOsxFontSmoothing?: all | 'grayscale',
955
+ WebkitAppearance?: all | appearance,
956
+ WebkitFontSmoothing?: all | 'antialiased',
957
+ WebkitTapHighlightColor?: all | color,
958
+
959
+ WebkitMaskImage?: all | maskImage,
960
+
961
+ WebkitTextFillColor?: all | color,
962
+ textFillColor?: all | color,
963
+ WebkitTextStrokeWidth?: all | number | string,
964
+ WebkitTextStrokeColor?: all | color,
965
+ WebkitBackgroundClip?:
966
+ | null
967
+ | 'border-box'
968
+ | 'padding-box'
969
+ | 'content-box'
970
+ | 'text',
971
+
972
+ WebkitBoxOrient?:
973
+ | null
974
+ | 'vertical'
975
+ | 'horizontal'
976
+ | 'inline-axis'
977
+ | 'block-axis',
978
+ WebkitLineClamp?: all | number | string,
979
+ // ENDOF ...$Exact<SupportedVendorSpecificCSSProperties>,
980
+
981
+ accentColor?: all | color,
982
+
983
+ aspectRatio?: all | number | string,
984
+
985
+ placeContent?: all | string,
986
+ alignContent?: all | alignContent,
987
+ justifyContent?: all | justifyContent,
988
+ placeItems?: all | string,
989
+ placeSelf?: all | string,
990
+ alignItems?: all | alignItems,
991
+ justifyItems?: all | justifyItems,
992
+ alignSelf?: all | alignSelf,
993
+ justifySelf?: all | justifySelf,
994
+
995
+ alignmentBaseline?: all | alignmentBaseline,
996
+ alignTracks?: all | string,
997
+ justifyTracks?: all | string,
998
+ masonryAutoFlow?: all | string,
999
+
1000
+ anchorName?: all | string,
1001
+
1002
+ // Not Allowed:
1003
+ // all?: all | all,
1004
+ animation?: all | string,
1005
+ animationComposition?: all | string,
1006
+ animationDelay?: all | OptionalArray<animationDelay>,
1007
+ animationDirection?: all | OptionalArray<animationDirection>,
1008
+ animationDuration?: all | OptionalArray<animationDuration>,
1009
+ animationFillMode?: all | OptionalArray<animationFillMode>,
1010
+ animationIterationCount?: all | OptionalArray<animationIterationCount>,
1011
+ animationName?: all | OptionalArray<animationName>,
1012
+ animationPlayState?: all | OptionalArray<animationPlayState>,
1013
+ animationTimingFunction?: all | OptionalArray<animationTimingFunction>,
1014
+ animationTimeline?: all | string,
1015
+ animationRange?: all | string,
1016
+ animationRangeStart?: all | string,
1017
+ animationRangeEnd?: all | string,
1018
+ appearance?: all | appearance,
1019
+ azimuth?: all | string,
1020
+
1021
+ backdropFilter?: all | backdropFilter,
1022
+ backfaceVisibility?: all | backfaceVisibility,
1023
+ background?: all | string,
1024
+ backgroundAttachment?: all | OptionalArray<backgroundAttachment>,
1025
+ backgroundBlendMode?: all | OptionalArray<backgroundBlendMode>,
1026
+ backgroundClip?: all | OptionalArray<backgroundClip>,
1027
+ backgroundColor?: all | backgroundColor,
1028
+ backgroundImage?: all | OptionalArray<backgroundImage>,
1029
+ backgroundOrigin?: all | OptionalArray<backgroundOrigin>,
1030
+ backgroundPosition?: all | OptionalArray<backgroundPosition>,
1031
+ backgroundPositionX?: all | OptionalArray<backgroundPositionX>,
1032
+ backgroundPositionY?: all | OptionalArray<backgroundPositionY>,
1033
+ backgroundRepeat?: all | OptionalArray<backgroundRepeat>,
1034
+ backgroundSize?: all | OptionalArray<backgroundSize>,
1035
+ baselineShift?: all | baselineShift,
1036
+ behavior?: all | behavior,
1037
+ blockSize?: all | blockSize,
1038
+ border?: all | border,
1039
+ borderBlock?: all | borderBlockEnd,
1040
+ borderBlockColor?: all | borderBlockEndColor,
1041
+ borderBlockStyle?: all | borderBlockEndStyle,
1042
+ borderBlockWidth?: all | borderBlockEndWidth,
1043
+ borderBlockEnd?: all | borderBlockEnd,
1044
+ borderBlockEndColor?: all | borderBlockEndColor,
1045
+ borderBlockEndStyle?: all | borderBlockEndStyle,
1046
+ borderBlockEndWidth?: all | borderBlockEndWidth,
1047
+ borderBlockStart?: all | borderBlockStart,
1048
+ borderBlockStartColor?: all | borderBlockStartColor,
1049
+ borderBlockStartStyle?: all | borderBlockStartStyle,
1050
+ borderBlockStartWidth?: all | borderBlockStartWidth,
1051
+ borderBottom?: all | border,
1052
+ borderBottomColor?: all | color,
1053
+ borderBottomStyle?: all | borderBottomStyle,
1054
+ borderBottomWidth?: all | borderBottomWidth,
1055
+ borderCollapse?: all | borderCollapse,
1056
+ borderColor?: all | borderColor,
1057
+ borderImage?: all | borderImage,
1058
+ borderImageOutset?: all | borderImageOutset,
1059
+ borderImageRepeat?: all | borderImageRepeat,
1060
+ borderImageSlice?: all | borderImageSlice,
1061
+ borderImageSource?: all | borderImageSource,
1062
+ borderImageWidth?: all | borderImageWidth,
1063
+ borderInline?: all | borderInlineEnd,
1064
+ borderInlineColor?: all | borderInlineEndColor,
1065
+ borderInlineStyle?: all | borderInlineEndStyle,
1066
+ borderInlineWidth?: all | borderInlineEndWidth,
1067
+ borderInlineEnd?: all | borderInlineEnd,
1068
+ borderInlineEndColor?: all | borderInlineEndColor,
1069
+ borderInlineEndStyle?: all | borderInlineEndStyle,
1070
+ borderInlineEndWidth?: all | borderInlineEndWidth,
1071
+ borderInlineStart?: all | borderInlineStart,
1072
+ borderInlineStartColor?: all | borderInlineStartColor,
1073
+ borderInlineStartStyle?: all | borderInlineStartStyle,
1074
+ borderInlineStartWidth?: all | borderInlineStartWidth,
1075
+ borderLeft?: all | border,
1076
+ borderLeftColor?: all | borderLeftColor,
1077
+ borderLeftStyle?: all | borderLeftStyle,
1078
+ borderLeftWidth?: all | borderLeftWidth,
1079
+ borderRight?: all | border,
1080
+ borderRightColor?: all | borderRightColor,
1081
+ borderRightStyle?: all | borderRightStyle,
1082
+ borderRightWidth?: all | borderRightWidth,
1083
+ borderSpacing?: all | borderSpacing,
1084
+ borderStyle?: all | borderStyle,
1085
+ borderTop?: all | border,
1086
+ borderTopColor?: all | color,
1087
+
1088
+ borderRadius?: all | borderRadius,
1089
+ borderEndStartRadius?: all | borderBottomLeftRadius,
1090
+ borderStartStartRadius?: all | borderTopLeftRadius,
1091
+ borderStartEndRadius?: all | borderTopRightRadius,
1092
+ borderEndEndRadius?: all | borderBottomRightRadius,
1093
+ borderTopLeftRadius?: all | borderTopLeftRadius,
1094
+ borderTopRightRadius?: all | borderTopRightRadius,
1095
+ borderBottomLeftRadius?: all | borderBottomLeftRadius,
1096
+ borderBottomRightRadius?: all | borderBottomRightRadius,
1097
+
1098
+ borderTopStyle?: all | borderTopStyle,
1099
+ borderTopWidth?: all | borderTopWidth,
1100
+ borderWidth?: all | borderWidth,
1101
+ bottom?: all | number | string,
1102
+ boxAlign?: all | boxAlign,
1103
+ boxDecorationBreak?: all | boxDecorationBreak,
1104
+ boxDirection?: all | boxDirection,
1105
+ boxFlex?: all | boxFlex,
1106
+ boxFlexGroup?: all | boxFlexGroup,
1107
+ boxLines?: all | boxLines,
1108
+ boxOrdinalGroup?: all | boxOrdinalGroup,
1109
+ boxOrient?: all | boxOrient,
1110
+ boxShadow?: all | OptionalArray<boxShadow>,
1111
+ boxSizing?: all | boxSizing,
1112
+ boxSuppress?: all | boxSuppress,
1113
+ breakAfter?: all | breakAfter,
1114
+ breakBefore?: all | breakBefore,
1115
+ breakInside?: all | breakInside,
1116
+
1117
+ captionSide?: all | captionSide,
1118
+ caret?: all | string,
1119
+ caretColor?: all | color,
1120
+ caretShape?: all | string,
1121
+ clear?: all | clear,
1122
+ clip?: all | clip,
1123
+ clipPath?: all | clipPath,
1124
+ clipRule?: all | clipRule,
1125
+ color?: all | color,
1126
+
1127
+ colorScheme?:
1128
+ | null
1129
+ | 'normal'
1130
+ | 'light'
1131
+ | 'dark'
1132
+ | 'light dark'
1133
+ | 'only light'
1134
+ | 'only dark',
1135
+ forcedColorAdjust?: all | 'auto' | 'none',
1136
+ printColorAdjust?: all | 'economy' | 'exact',
1137
+
1138
+ columns?: all | columns,
1139
+ columnCount?: all | columnCount,
1140
+ columnWidth?: all | columnWidth,
1141
+
1142
+ columnRule?: all | columnRule,
1143
+ columnRuleColor?: all | columnRuleColor,
1144
+ columnRuleStyle?: all | columnRuleStyle,
1145
+ columnRuleWidth?: all | columnRuleWidth,
1146
+
1147
+ columnFill?: all | columnFill,
1148
+ columnGap?: all | columnGap,
1149
+ columnSpan?: all | columnSpan,
1150
+
1151
+ contain?: all | contain,
1152
+ containIntrinsicSize?: all | number | string,
1153
+ containIntrinsicBlockSize?: all | number | string,
1154
+ containIntrinsicInlineSize?: all | number | string,
1155
+ containIntrinsicHeight?: all | number | string,
1156
+ containIntrinsicWidth?: all | number | string,
1157
+
1158
+ container?: all | string,
1159
+ containerName?: all | string,
1160
+ containerType?: all | 'size' | 'inline-size' | 'normal',
1161
+
1162
+ contentVisibility?: all | 'visible' | 'hidden' | 'auto',
1163
+
1164
+ content?: all | content,
1165
+
1166
+ counterIncrement?: all | counterIncrement,
1167
+ counterReset?: all | counterReset,
1168
+ counterSet?: all | string | number,
1169
+
1170
+ cue?: all | cue,
1171
+ cueAfter?: all | cueAfter,
1172
+ cueBefore?: all | cueBefore,
1173
+ cursor?: all | OptionalArray<cursor>,
1174
+ direction?: all | direction,
1175
+ display?: all | display,
1176
+ displayInside?: all | displayInside,
1177
+ displayList?: all | displayList,
1178
+ displayOutside?: all | displayOutside,
1179
+ dominantBaseline?: all | dominantBaseline,
1180
+ emptyCells?: all | emptyCells,
1181
+ end?: all | number | string,
1182
+ fill?: all | fill,
1183
+ fillOpacity?: all | fillOpacity,
1184
+ fillRule?: all | fillRule,
1185
+ filter?: all | filter,
1186
+ flex?: all | flex,
1187
+ flexBasis?: all | flexBasis,
1188
+ flexDirection?: all | flexDirection,
1189
+ flexFlow?: all | flexFlow,
1190
+ flexGrow?: all | flexGrow,
1191
+ flexShrink?: all | flexShrink,
1192
+ flexWrap?: all | flexWrap,
1193
+ float?: all | float,
1194
+
1195
+ font?: all | string,
1196
+ fontFamily?: all | fontFamily,
1197
+ fontFeatureSettings?: all | fontFeatureSettings,
1198
+ fontKerning?: all | fontKerning,
1199
+ fontLanguageOverride?: all | fontLanguageOverride,
1200
+ fontSize?: all | fontSize,
1201
+ fontSizeAdjust?: all | fontSizeAdjust,
1202
+ fontStretch?: all | fontStretch,
1203
+ fontStyle?: all | fontStyle,
1204
+ fontSynthesis?: all | fontSynthesis,
1205
+ fontSynthesisWeight?: all | 'auto' | 'none',
1206
+ fontSynthesisStyle?: all | 'auto' | 'none',
1207
+ fontSynthesisSmallCaps?: all | 'auto' | 'none',
1208
+ fontSynthesisPosition?: all | 'auto' | 'none',
1209
+
1210
+ fontVariant?: all | fontVariant,
1211
+ fontVariantAlternates?: all | fontVariantAlternates,
1212
+ fontVariantCaps?: all | fontVariantCaps,
1213
+ fontVariantEastAsian?: all | fontVariantEastAsian,
1214
+ fontVariantLigatures?: all | fontVariantLigatures,
1215
+ fontVariantNumeric?: all | fontVariantNumeric,
1216
+ fontVariantPosition?: all | fontVariantPosition,
1217
+ fontWeight?: all | fontWeight,
1218
+ // fontHeight?: all | number | string,
1219
+ // fontWidth?: all | number | string,
1220
+ fontOpticalSizing?: all | 'auto' | 'none',
1221
+ fontPalette?: all | 'light' | 'dark' | string,
1222
+ fontVariationSettings?: all | string,
1223
+
1224
+ gap?: all | gap,
1225
+ glyphOrientationHorizontal?: all | glyphOrientationHorizontal,
1226
+ glyphOrientationVertical?: all | glyphOrientationVertical,
1227
+ grid?: all | grid,
1228
+ gridArea?: all | gridArea,
1229
+ gridAutoColumns?: all | gridAutoColumns,
1230
+ gridAutoFlow?: all | gridAutoFlow,
1231
+ gridAutoRows?: all | gridAutoRows,
1232
+ gridColumn?: all | gridColumn,
1233
+ gridColumnEnd?: all | gridColumnEnd,
1234
+ gridColumnGap?: all | gridColumnGap,
1235
+ gridColumnStart?: all | gridColumnStart,
1236
+ gridGap?: all | gridGap,
1237
+ gridRow?: all | gridRow,
1238
+ gridRowEnd?: all | gridRowEnd,
1239
+ gridRowGap?: all | gridRowGap,
1240
+ gridRowStart?: all | gridRowStart,
1241
+ gridTemplate?: all | gridTemplate,
1242
+ gridTemplateAreas?: all | gridTemplateAreas,
1243
+ gridTemplateColumns?: all | gridTemplateColumns,
1244
+ gridTemplateRows?: all | gridTemplateRows,
1245
+
1246
+ hangingPunctuation?: all | string,
1247
+ hyphenateCharacter?: all | string,
1248
+ hyphenateLimitChars?: all | string | number,
1249
+ hyphens?: all | hyphens,
1250
+
1251
+ height?: all | number | string,
1252
+
1253
+ imageOrientation?: all | imageOrientation,
1254
+ imageRendering?: all | imageRendering,
1255
+ imageResolution?: all | imageResolution,
1256
+ imeMode?: all | imeMode,
1257
+ // inputSecurity?: all | string,
1258
+ initialLetter?: all | initialLetter,
1259
+ initialLetterAlign?: all | initialLetterAlign,
1260
+ inlineSize?: all | inlineSize,
1261
+
1262
+ interpolateSize?: all | interpolateSize,
1263
+
1264
+ inset?: all | number | string,
1265
+ insetBlock?: all | number | string,
1266
+ insetBlockEnd?: all | number | string,
1267
+ insetBlockStart?: all | number | string,
1268
+ insetInline?: all | number | string,
1269
+ insetInlineEnd?: all | number | string,
1270
+ insetInlineStart?: all | number | string,
1271
+
1272
+ isolation?: all | isolation,
1273
+ kerning?: all | kerning,
1274
+ left?: all | number | string,
1275
+ letterSpacing?: all | letterSpacing,
1276
+ lineBreak?: all | lineBreak,
1277
+ lineHeight?: all | lineHeight,
1278
+ lineHeightStep?: all | number | string,
1279
+ listStyle?: all | listStyle,
1280
+ listStyleImage?: all | listStyleImage,
1281
+ listStylePosition?: all | listStylePosition,
1282
+ listStyleType?: all | listStyleType,
1283
+ margin?: all | margin,
1284
+ marginBlock?: all | marginBlockEnd,
1285
+ marginBlockEnd?: all | marginBlockEnd,
1286
+ marginBlockStart?: all | marginBlockStart,
1287
+ marginBottom?: all | marginBottom,
1288
+ marginInline?: all | marginInlineEnd,
1289
+ marginInlineEnd?: all | marginInlineEnd,
1290
+ marginInlineStart?: all | marginInlineStart,
1291
+ marginLeft?: all | marginLeft,
1292
+ marginRight?: all | marginRight,
1293
+ marginTop?: all | marginTop,
1294
+
1295
+ marginTrim?:
1296
+ | null
1297
+ | 'none'
1298
+ | 'block'
1299
+ | 'block-start'
1300
+ | 'block-end'
1301
+ | 'inline'
1302
+ | 'inline-start'
1303
+ | 'inline-end',
1304
+
1305
+ marker?: all | marker,
1306
+ markerEnd?: all | markerEnd,
1307
+ markerMid?: all | markerMid,
1308
+ markerOffset?: all | markerOffset,
1309
+ markerStart?: all | markerStart,
1310
+ mask?: all | mask,
1311
+ maskClip?: all | maskClip,
1312
+ maskComposite?: all | maskComposite,
1313
+ maskImage?: all | maskImage,
1314
+ maskMode?: all | maskMode,
1315
+ maskOrigin?: all | maskOrigin,
1316
+ maskPosition?: all | maskPosition,
1317
+ maskRepeat?: all | maskRepeat,
1318
+ maskSize?: all | maskSize,
1319
+ maskType?: all | maskType,
1320
+
1321
+ maskBorder?: all | string,
1322
+ maskBorderMode?: all | 'alpha' | 'luminance',
1323
+ maskBorderOutset?: all | string | number,
1324
+ maskBorderRepeat?: all | 'stretch' | 'repeat' | 'round' | 'space',
1325
+ maskBorderSlice?: all | string | number,
1326
+ maskBorderSource?: all | string,
1327
+ maskBorderWidth?: all | string | number,
1328
+
1329
+ maxBlockSize?: all | maxBlockSize,
1330
+ maxHeight?: all | maxHeight,
1331
+ maxInlineSize?: all | maxInlineSize,
1332
+ maxWidth?: all | maxWidth,
1333
+ minBlockSize?: all | minBlockSize,
1334
+ minHeight?: all | minHeight,
1335
+ minInlineSize?: all | minInlineSize,
1336
+ minWidth?: all | minWidth,
1337
+ mixBlendMode?: all | mixBlendMode,
1338
+ motion?: all | motion,
1339
+ motionOffset?: all | motionOffset,
1340
+ motionPath?: all | motionPath,
1341
+ motionRotation?: all | motionRotation,
1342
+ MsOverflowStyle?: all | MsOverflowStyle,
1343
+ objectFit?: all | objectFit,
1344
+ objectPosition?: all | objectPosition,
1345
+
1346
+ offset?: all | string,
1347
+ offsetAnchor?: all | string,
1348
+ offsetDistance?: all | string | number,
1349
+ offsetPath?: all | string,
1350
+ offsetPosition?: all | string,
1351
+ offsetRotate?: all | string,
1352
+
1353
+ opacity?: all | opacity,
1354
+ order?: all | order,
1355
+ orphans?: all | orphans,
1356
+ outline?: all | outline,
1357
+ outlineColor?: all | outlineColor,
1358
+ outlineOffset?: all | outlineOffset,
1359
+ outlineStyle?: all | outlineStyle,
1360
+ outlineWidth?: all | outlineWidth,
1361
+
1362
+ overflow?: all | overflow,
1363
+ overflowBlock?: all | overflowY,
1364
+ overflowBlockX?: all | overflowX,
1365
+ overflowX?: all | overflowX,
1366
+ overflowY?: all | overflowY,
1367
+
1368
+ overflowAnchor?: all | overflowAnchor,
1369
+ // overflowClipBox?: all | overflowClipBox,
1370
+ overflowClipMargin?: all | string,
1371
+
1372
+ overflowWrap?: all | overflowWrap,
1373
+
1374
+ overscrollBehavior?: all | overscrollBehavior,
1375
+ overscrollBehaviorBlock?: all | overscrollBehaviorY,
1376
+ overscrollBehaviorY?: all | overscrollBehaviorY,
1377
+ overscrollBehaviorInline?: all | overscrollBehaviorX,
1378
+ overscrollBehaviorX?: all | overscrollBehaviorX,
1379
+
1380
+ padding?: all | padding,
1381
+ paddingBlock?: all | paddingBlockEnd,
1382
+ paddingBlockEnd?: all | paddingBlockEnd,
1383
+ paddingBlockStart?: all | paddingBlockStart,
1384
+ paddingInline?: all | paddingBlockEnd,
1385
+ paddingInlineEnd?: all | paddingBlockEnd,
1386
+ paddingInlineStart?: all | paddingBlockStart,
1387
+ paddingBottom?: all | paddingBottom,
1388
+ paddingLeft?: all | paddingLeft,
1389
+ paddingRight?: all | paddingRight,
1390
+ paddingTop?: all | paddingTop,
1391
+
1392
+ page?: all | string,
1393
+ pageBreakAfter?: all | pageBreakAfter,
1394
+ pageBreakBefore?: all | pageBreakBefore,
1395
+ pageBreakInside?: all | pageBreakInside,
1396
+ paintOrder?:
1397
+ | null
1398
+ | 'normal'
1399
+ | 'stroke'
1400
+ | 'fill'
1401
+ | 'markers'
1402
+ | 'stroke fill'
1403
+ | 'stroke markers'
1404
+ | 'fill markers'
1405
+ | 'stroke fill markers',
1406
+ pause?: all | pause,
1407
+ pauseAfter?: all | pauseAfter,
1408
+ pauseBefore?: all | pauseBefore,
1409
+ perspective?: all | perspective,
1410
+ perspectiveOrigin?: all | perspectiveOrigin,
1411
+ pointerEvents?: all | pointerEvents,
1412
+
1413
+ position?: all | position,
1414
+ positionAnchor?: all | string,
1415
+ positionArea?: all | positionArea,
1416
+ positionTry?: all | string,
1417
+ positionTryFallbacks?: all | string,
1418
+ positionTryOptions?: all | string,
1419
+ positionVisibility?: all | positionVisibility,
1420
+
1421
+ quotes?: all | quotes,
1422
+ resize?: all | resize,
1423
+ rest?: all | rest,
1424
+ restAfter?: all | restAfter,
1425
+ restBefore?: all | restBefore,
1426
+ right?: all | number | string,
1427
+ rowGap?: all | rowGap,
1428
+
1429
+ // Ruby properties.
1430
+ rubyAlign?: all | rubyAlign,
1431
+ rubyMerge?: all | rubyMerge,
1432
+ rubyPosition?: all | rubyPosition,
1433
+ // Math properties
1434
+ mathDepth?: all | number | string,
1435
+ mathShift?: all | 'normal' | 'compact',
1436
+ mathStyle?: all | 'normal' | 'compact',
1437
+
1438
+ scrollBehavior?: all | scrollBehavior,
1439
+
1440
+ scrollMargin?: all | number | string,
1441
+ scrollMarginTop?: all | number | string,
1442
+ scrollMarginRight?: all | number | string,
1443
+ scrollMarginBottom?: all | number | string,
1444
+ scrollMarginLeft?: all | number | string,
1445
+ scrollMarginBlock?: all | number | string,
1446
+ scrollMarginBlockEnd?: all | number | string,
1447
+ scrollMarginBlockStart?: all | number | string,
1448
+ scrollMarginInline?: all | number | string,
1449
+ scrollMarginInlineEnd?: all | number | string,
1450
+ scrollMarginInlineStart?: all | number | string,
1451
+
1452
+ scrollPadding?: all | number | string,
1453
+ scrollPaddingTop?: all | number | string,
1454
+ scrollPaddingRight?: all | number | string,
1455
+ scrollPaddingBottom?: all | number | string,
1456
+ scrollPaddingLeft?: all | number | string,
1457
+ scrollPaddingBlock?: all | number | string,
1458
+ scrollPaddingBlockEnd?: all | number | string,
1459
+ scrollPaddingBlockStart?: all | number | string,
1460
+ scrollPaddingInline?: all | number | string,
1461
+ scrollPaddingInlineEnd?: all | number | string,
1462
+ scrollPaddingInlineStart?: all | number | string,
1463
+
1464
+ scrollSnapAlign?: all | scrollSnapAlign,
1465
+ scrollSnapStop?: all | 'normal' | 'always',
1466
+ scrollSnapType?: all | scrollSnapType,
1467
+
1468
+ scrollTimeline?: all | string,
1469
+ scrollTimelineAxis?: all | 'block' | 'inline' | 'x' | 'y',
1470
+ scrollTimelineName?: all | string,
1471
+
1472
+ scrollbarColor?: all | color,
1473
+ scrollbarGutter?: all | 'auto' | 'stable' | 'stable both-edges',
1474
+ scrollbarWidth?: all | 'auto' | 'thin' | 'none',
1475
+
1476
+ shapeImageThreshold?: all | shapeImageThreshold,
1477
+ shapeMargin?: all | shapeMargin,
1478
+ shapeOutside?: all | shapeOutside,
1479
+ shapeRendering?: all | shapeRendering,
1480
+ speak?: all | speak,
1481
+ speakAs?: all | speakAs,
1482
+ src?: all | src,
1483
+ start?: all | number | string,
1484
+ stroke?: all | stroke,
1485
+ strokeDasharray?: all | strokeDasharray,
1486
+ strokeDashoffset?: all | strokeDashoffset,
1487
+ strokeLinecap?: all | strokeLinecap,
1488
+ strokeLinejoin?: all | strokeLinejoin,
1489
+ strokeMiterlimit?: all | strokeMiterlimit,
1490
+ strokeOpacity?: all | strokeOpacity,
1491
+ strokeWidth?: all | strokeWidth,
1492
+ tabSize?: all | tabSize,
1493
+ tableLayout?: all | tableLayout,
1494
+ textAlign?: all | textAlign,
1495
+ textAlignLast?: all | textAlignLast,
1496
+ textAnchor?: all | textAnchor,
1497
+ textCombineUpright?: all | textCombineUpright,
1498
+
1499
+ textDecoration?: all | textDecoration,
1500
+ textDecorationColor?: all | textDecorationColor,
1501
+ textDecorationLine?: all | textDecorationLine,
1502
+ textDecorationSkip?: all | textDecorationSkip,
1503
+ textDecorationSkipInk?: all | 'auto' | 'none' | 'all',
1504
+ textDecorationStyle?: all | textDecorationStyle,
1505
+ textDecorationThickness?: all | number | string,
1506
+
1507
+ textEmphasis?: all | textEmphasis,
1508
+ textEmphasisColor?: all | textEmphasisColor,
1509
+ textEmphasisPosition?: all | textEmphasisPosition,
1510
+ textEmphasisStyle?: all | textEmphasisStyle,
1511
+ textIndent?: all | textIndent,
1512
+ textJustify?:
1513
+ | null
1514
+ | 'none'
1515
+ | 'auto'
1516
+ | 'inter-word'
1517
+ | 'inter-character'
1518
+ | 'distribute',
1519
+ textOrientation?: all | textOrientation,
1520
+ textOverflow?: all | textOverflow,
1521
+ textRendering?: all | textRendering,
1522
+ textShadow?: all | OptionalArray<textShadow>,
1523
+ textSizeAdjust?: all | textSizeAdjust,
1524
+ textTransform?: all | textTransform,
1525
+ textUnderlineOffset?: all | number | string,
1526
+ textUnderlinePosition?: all | textUnderlinePosition,
1527
+ textWrap?: all | 'wrap' | 'nowrap' | 'balance',
1528
+
1529
+ timelineScope?: all | string,
1530
+ top?: all | top,
1531
+ touchAction?: all | touchAction,
1532
+
1533
+ transform?: all | transform,
1534
+ transformBox?: all | transformBox,
1535
+ transformOrigin?: all | transformOrigin,
1536
+ transformStyle?: all | transformStyle,
1537
+ rotate?: all | number | string,
1538
+ scale?: all | number | string,
1539
+ translate?: all | number | string,
1540
+
1541
+ transition?: all | OptionalArray<transition>,
1542
+ transitionDelay?: all | OptionalArray<transitionDelay>,
1543
+ transitionDuration?: all | OptionalArray<transitionDuration>,
1544
+ transitionProperty?: all | OptionalArray<transitionProperty>,
1545
+ transitionTimingFunction?: all | OptionalArray<transitionTimingFunction>,
1546
+ unicodeBidi?: all | unicodeBidi,
1547
+ unicodeRange?: all | unicodeRange,
1548
+ userSelect?: all | userSelect,
1549
+ verticalAlign?: all | verticalAlign,
1550
+
1551
+ viewTimeline?: all | string,
1552
+ viewTimelineAxis?: all | 'block' | 'inline' | 'x' | 'y',
1553
+ viewTimelineName?: all | string,
1554
+ viewTimelineInset?: all | number | string,
1555
+
1556
+ viewTransitionName?: all | string,
1557
+
1558
+ visibility?: all | visibility,
1559
+ voiceBalance?: all | voiceBalance,
1560
+ voiceDuration?: all | voiceDuration,
1561
+ voiceFamily?: all | voiceFamily,
1562
+ voicePitch?: all | voicePitch,
1563
+ voiceRange?: all | voiceRange,
1564
+ voiceRate?: all | voiceRate,
1565
+ voiceStress?: all | voiceStress,
1566
+ voiceVolume?: all | voiceVolume,
1567
+ whiteSpace?: all | whiteSpace,
1568
+ // whiteSpaceCollapse?: all | string,
1569
+
1570
+ widows?: all | widows,
1571
+ width?: all | width,
1572
+ willChange?: all | willChange,
1573
+ wordBreak?: all | wordBreak,
1574
+ wordSpacing?: all | wordSpacing,
1575
+ wordWrap?: all | wordWrap,
1576
+ writingMode?: all | writingMode,
1577
+ zIndex?: all | zIndex,
1578
+
1579
+ zoom?: all | 'normal' | number | string,
1580
+ }>;