@plasmicapp/react-web 0.2.314 → 0.2.315

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/all.d.ts CHANGED
@@ -1,28 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import * as React$1 from 'react';
3
- import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties as CSSProperties$1, Key, ReactNode, ReactElement, FocusEvent, KeyboardEvent as KeyboardEvent$3, SyntheticEvent } from 'react';
4
-
5
- // LICENSE is MIT
6
- //
7
- // Copyright (c) 2018
8
- // Dave Keen <http://www.keendevelopment.ch>
9
- // Adi Dahiya <https://github.com/adidahiya>
10
- // Jason Killian <https://github.com/JKillian>
11
- // Sean Kelley <https://github.com/seansfkelley>
12
- // Michal Adamczyk <https://github.com/mradamczyk>
13
- // Marvin Hagemeister <https://github.com/marvinhagemeister>
14
-
15
- declare namespace classNames$1 {
16
- type Value = string | number | boolean | undefined | null;
17
- type Mapping = Record<string, unknown>;
18
- interface ArgumentArray extends Array<Argument> {}
19
- type Argument = Value | Mapping | ArgumentArray;
20
- }
21
-
22
- /**
23
- * A simple JavaScript utility for conditionally joining classNames together.
24
- */
25
- declare function classNames$1(...args: classNames$1.ArgumentArray): string;
3
+ import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties as CSSProperties$1, ReactNode, ReactElement, FocusEvent, KeyboardEvent as KeyboardEvent$1, SyntheticEvent } from 'react';
26
4
 
27
5
  interface PlasmicPageGuardProps {
28
6
  appId: string;
@@ -174,7 +152,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
174
152
  *
175
153
  * | Chrome | Firefox | Safari | Edge | IE |
176
154
  * | :-----: | :-----: | :----: | :--: | :-: |
177
- * | **112** | n/a | **16** | n/a | No |
155
+ * | **112** | **115** | **16** | n/a | No |
178
156
  *
179
157
  * @see https://developer.mozilla.org/docs/Web/CSS/animation-composition
180
158
  */
@@ -284,6 +262,34 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
284
262
  * @see https://developer.mozilla.org/docs/Web/CSS/animation-play-state
285
263
  */
286
264
  animationPlayState?: Property.AnimationPlayState | undefined;
265
+ /**
266
+ * The **`animation-range-end`** CSS property is used to set the end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will end.
267
+ *
268
+ * **Syntax**: `[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#`
269
+ *
270
+ * **Initial value**: `normal`
271
+ *
272
+ * | Chrome | Firefox | Safari | Edge | IE |
273
+ * | :-----: | :-----: | :----: | :--: | :-: |
274
+ * | **115** | No | No | n/a | No |
275
+ *
276
+ * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-end
277
+ */
278
+ animationRangeEnd?: Property.AnimationRangeEnd<TLength> | undefined;
279
+ /**
280
+ * The **`animation-range-start`** CSS property is used to set the start of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start.
281
+ *
282
+ * **Syntax**: `[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#`
283
+ *
284
+ * **Initial value**: `normal`
285
+ *
286
+ * | Chrome | Firefox | Safari | Edge | IE |
287
+ * | :-----: | :-----: | :----: | :--: | :-: |
288
+ * | **115** | No | No | n/a | No |
289
+ *
290
+ * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-start
291
+ */
292
+ animationRangeStart?: Property.AnimationRangeStart<TLength> | undefined;
287
293
  /**
288
294
  * The **`animation-timeline`** CSS property specifies the timeline that is used to control the progress of an animation.
289
295
  *
@@ -291,9 +297,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
291
297
  *
292
298
  * **Initial value**: `auto`
293
299
  *
294
- * | Chrome | Firefox | Safari | Edge | IE |
295
- * | :----: | :-----: | :----: | :--: | :-: |
296
- * | No | n/a | No | n/a | No |
300
+ * | Chrome | Firefox | Safari | Edge | IE |
301
+ * | :-----: | :-----: | :----: | :--: | :-: |
302
+ * | **115** | n/a | No | n/a | No |
297
303
  *
298
304
  * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline
299
305
  */
@@ -363,10 +369,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
363
369
  *
364
370
  * **Initial value**: `visible`
365
371
  *
366
- * | Chrome | Firefox | Safari | Edge | IE |
367
- * | :------: | :------: | :-------: | :----: | :----: |
368
- * | **36** | **16** | **15.4** | **12** | **10** |
369
- * | 12 _-x-_ | 10 _-x-_ | 5.1 _-x-_ | | |
372
+ * | Chrome | Firefox | Safari | Edge | IE |
373
+ * | :------: | :-----: | :-------: | :----: | :----: |
374
+ * | **36** | **16** | **15.4** | **12** | **10** |
375
+ * | 12 _-x-_ | | 5.1 _-x-_ | | |
370
376
  *
371
377
  * @see https://developer.mozilla.org/docs/Web/CSS/backface-visibility
372
378
  */
@@ -408,7 +414,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
408
414
  *
409
415
  * | Chrome | Firefox | Safari | Edge | IE |
410
416
  * | :----: | :-----: | :-----: | :----: | :---: |
411
- * | **1** | **4** | **14** | **12** | **9** |
417
+ * | **1** | **4** | **5** | **12** | **9** |
412
418
  * | | | 3 _-x-_ | | |
413
419
  *
414
420
  * @see https://developer.mozilla.org/docs/Web/CSS/background-clip
@@ -1514,13 +1520,13 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
1514
1520
  /**
1515
1521
  * The **`contain-intrinsic-block-size`** CSS logical property defines the block size of an element that a browser can use for layout when the element is subject to size containment.
1516
1522
  *
1517
- * **Syntax**: `none | <length> | auto <length>`
1523
+ * **Syntax**: `auto? [ none | <length> ]`
1518
1524
  *
1519
1525
  * **Initial value**: `none`
1520
1526
  *
1521
1527
  * | Chrome | Firefox | Safari | Edge | IE |
1522
1528
  * | :----: | :-----: | :----: | :--: | :-: |
1523
- * | **95** | **107** | No | n/a | No |
1529
+ * | **95** | **107** | **17** | n/a | No |
1524
1530
  *
1525
1531
  * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-block-size
1526
1532
  */
@@ -1528,13 +1534,13 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
1528
1534
  /**
1529
1535
  * The **`contain-intrinsic-length`** CSS property sets the height of an element that a browser can use for layout when the element is subject to size containment.
1530
1536
  *
1531
- * **Syntax**: `none | <length> | auto <length>`
1537
+ * **Syntax**: `auto? [ none | <length> ]`
1532
1538
  *
1533
1539
  * **Initial value**: `none`
1534
1540
  *
1535
1541
  * | Chrome | Firefox | Safari | Edge | IE |
1536
1542
  * | :----: | :-----: | :----: | :--: | :-: |
1537
- * | **83** | **107** | No | n/a | No |
1543
+ * | **95** | **107** | **17** | n/a | No |
1538
1544
  *
1539
1545
  * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height
1540
1546
  */
@@ -1542,13 +1548,13 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
1542
1548
  /**
1543
1549
  * The **`contain-intrinsic-inline-size`** CSS logical property defines the inline-size of an element that a browser can use for layout when the element is subject to size containment.
1544
1550
  *
1545
- * **Syntax**: `none | <length> | auto <length>`
1551
+ * **Syntax**: `auto? [ none | <length> ]`
1546
1552
  *
1547
1553
  * **Initial value**: `none`
1548
1554
  *
1549
1555
  * | Chrome | Firefox | Safari | Edge | IE |
1550
1556
  * | :----: | :-----: | :----: | :--: | :-: |
1551
- * | **95** | **107** | No | n/a | No |
1557
+ * | **95** | **107** | **17** | n/a | No |
1552
1558
  *
1553
1559
  * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-inline-size
1554
1560
  */
@@ -1556,13 +1562,13 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
1556
1562
  /**
1557
1563
  * The **`contain-intrinsic-width`** CSS property sets the width of an element that a browser will use for layout when the element is subject to size containment.
1558
1564
  *
1559
- * **Syntax**: `none | <length> | auto <length>`
1565
+ * **Syntax**: `auto? [ none | <length> ]`
1560
1566
  *
1561
1567
  * **Initial value**: `none`
1562
1568
  *
1563
1569
  * | Chrome | Firefox | Safari | Edge | IE |
1564
1570
  * | :----: | :-----: | :----: | :--: | :-: |
1565
- * | **83** | **107** | No | n/a | No |
1571
+ * | **95** | **107** | **17** | n/a | No |
1566
1572
  *
1567
1573
  * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width
1568
1574
  */
@@ -1616,9 +1622,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
1616
1622
  *
1617
1623
  * **Initial value**: `visible`
1618
1624
  *
1619
- * | Chrome | Firefox | Safari | Edge | IE |
1620
- * | :----: | :-----: | :----: | :--: | :-: |
1621
- * | **85** | n/a | No | n/a | No |
1625
+ * | Chrome | Firefox | Safari | Edge | IE |
1626
+ * | :----: | :---------: | :----: | :--: | :-: |
1627
+ * | **85** | **preview** | No | n/a | No |
1622
1628
  *
1623
1629
  * @see https://developer.mozilla.org/docs/Web/CSS/content-visibility
1624
1630
  */
@@ -1658,9 +1664,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
1658
1664
  *
1659
1665
  * **Initial value**: `none`
1660
1666
  *
1661
- * | Chrome | Firefox | Safari | Edge | IE |
1662
- * | :----: | :-----: | :----: | :--: | :-: |
1663
- * | **85** | **68** | No | n/a | No |
1667
+ * | Chrome | Firefox | Safari | Edge | IE |
1668
+ * | :----: | :-----: | :------: | :--: | :-: |
1669
+ * | **85** | **68** | **17.2** | n/a | No |
1664
1670
  *
1665
1671
  * @see https://developer.mozilla.org/docs/Web/CSS/counter-set
1666
1672
  */
@@ -1983,9 +1989,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
1983
1989
  /**
1984
1990
  * The **`font-synthesis`** CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.
1985
1991
  *
1986
- * **Syntax**: `none | [ weight || style || small-caps ]`
1992
+ * **Syntax**: `none | [ weight || style || small-caps || position]`
1987
1993
  *
1988
- * **Initial value**: `weight style`
1994
+ * **Initial value**: `weight style small-caps position `
1989
1995
  *
1990
1996
  * | Chrome | Firefox | Safari | Edge | IE |
1991
1997
  * | :----: | :-----: | :----: | :--: | :-: |
@@ -1994,6 +2000,62 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
1994
2000
  * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis
1995
2001
  */
1996
2002
  fontSynthesis?: Property.FontSynthesis | undefined;
2003
+ /**
2004
+ * The **`font-synthesis-position`** CSS property lets you specify whether or not a browser may synthesize the subscript and superscript "position" typefaces when they are missing in a font family, while using `font-variant-position` to set the positions.
2005
+ *
2006
+ * **Syntax**: `auto | none`
2007
+ *
2008
+ * **Initial value**: `none`
2009
+ *
2010
+ * | Chrome | Firefox | Safari | Edge | IE |
2011
+ * | :----: | :-----: | :----: | :--: | :-: |
2012
+ * | No | **118** | No | n/a | No |
2013
+ *
2014
+ * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-position
2015
+ */
2016
+ fontSynthesisPosition?: Property.FontSynthesisPosition | undefined;
2017
+ /**
2018
+ * The **`font-synthesis-small-caps`** CSS property lets you specify whether or not the browser may synthesize small-caps typeface when it is missing in a font family. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters.
2019
+ *
2020
+ * **Syntax**: `auto | none`
2021
+ *
2022
+ * **Initial value**: `auto`
2023
+ *
2024
+ * | Chrome | Firefox | Safari | Edge | IE |
2025
+ * | :----: | :-----: | :------: | :--: | :-: |
2026
+ * | **97** | **111** | **16.4** | n/a | No |
2027
+ *
2028
+ * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-small-caps
2029
+ */
2030
+ fontSynthesisSmallCaps?: Property.FontSynthesisSmallCaps | undefined;
2031
+ /**
2032
+ * The **`font-synthesis-style`** CSS property lets you specify whether or not the browser may synthesize the oblique typeface when it is missing in a font family.
2033
+ *
2034
+ * **Syntax**: `auto | none`
2035
+ *
2036
+ * **Initial value**: `auto`
2037
+ *
2038
+ * | Chrome | Firefox | Safari | Edge | IE |
2039
+ * | :----: | :-----: | :------: | :--: | :-: |
2040
+ * | **97** | **111** | **16.4** | n/a | No |
2041
+ *
2042
+ * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-style
2043
+ */
2044
+ fontSynthesisStyle?: Property.FontSynthesisStyle | undefined;
2045
+ /**
2046
+ * The **`font-synthesis-weight`** CSS property lets you specify whether or not the browser may synthesize the bold typeface when it is missing in a font family.
2047
+ *
2048
+ * **Syntax**: `auto | none`
2049
+ *
2050
+ * **Initial value**: `auto`
2051
+ *
2052
+ * | Chrome | Firefox | Safari | Edge | IE |
2053
+ * | :----: | :-----: | :------: | :--: | :-: |
2054
+ * | **97** | **111** | **16.4** | n/a | No |
2055
+ *
2056
+ * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-weight
2057
+ */
2058
+ fontSynthesisWeight?: Property.FontSynthesisWeight | undefined;
1997
2059
  /**
1998
2060
  * The **`font-variant`** CSS shorthand property allows you to set all the font variants for a font.
1999
2061
  *
@@ -2015,9 +2077,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2015
2077
  *
2016
2078
  * **Initial value**: `normal`
2017
2079
  *
2018
- * | Chrome | Firefox | Safari | Edge | IE |
2019
- * | :----: | :-----: | :-----: | :--: | :-: |
2020
- * | No | **34** | **9.1** | n/a | No |
2080
+ * | Chrome | Firefox | Safari | Edge | IE |
2081
+ * | :-----: | :-----: | :-----: | :--: | :-: |
2082
+ * | **111** | **34** | **9.1** | n/a | No |
2021
2083
  *
2022
2084
  * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates
2023
2085
  */
@@ -2057,7 +2119,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2057
2119
  *
2058
2120
  * | Chrome | Firefox | Safari | Edge | IE |
2059
2121
  * | :----: | :-----: | :----: | :--: | :-: |
2060
- * | No | **108** | No | n/a | No |
2122
+ * | No | n/a | No | n/a | No |
2061
2123
  *
2062
2124
  * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-emoji
2063
2125
  */
@@ -2098,9 +2160,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2098
2160
  *
2099
2161
  * **Initial value**: `normal`
2100
2162
  *
2101
- * | Chrome | Firefox | Safari | Edge | IE |
2102
- * | :----: | :-----: | :-----: | :--: | :-: |
2103
- * | No | **34** | **9.1** | n/a | No |
2163
+ * | Chrome | Firefox | Safari | Edge | IE |
2164
+ * | :-----: | :-----: | :-----: | :--: | :-: |
2165
+ * | **117** | **34** | **9.1** | n/a | No |
2104
2166
  *
2105
2167
  * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-position
2106
2168
  */
@@ -2142,7 +2204,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2142
2204
  *
2143
2205
  * | Chrome | Firefox | Safari | Edge | IE |
2144
2206
  * | :----: | :-----: | :----: | :-----------------------------: | :---------------------------------: |
2145
- * | **89** | No | No | **79** | **10** _(-ms-high-contrast-adjust)_ |
2207
+ * | **89** | **113** | No | **79** | **10** _(-ms-high-contrast-adjust)_ |
2146
2208
  * | | | | 12 _(-ms-high-contrast-adjust)_ | |
2147
2209
  *
2148
2210
  * @see https://developer.mozilla.org/docs/Web/CSS/forced-color-adjust
@@ -2323,10 +2385,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2323
2385
  *
2324
2386
  * **Initial value**: `auto`
2325
2387
  *
2326
- * | Chrome | Firefox | Safari | Edge | IE |
2327
- * | :-----: | :-----: | :-----------: | :--: | :-: |
2328
- * | **106** | **98** | **5.1** _-x-_ | n/a | No |
2329
- * | 6 _-x-_ | | | | |
2388
+ * | Chrome | Firefox | Safari | Edge | IE |
2389
+ * | :-----: | :-----: | :-------: | :--: | :-: |
2390
+ * | **106** | **98** | **17** | n/a | No |
2391
+ * | 6 _-x-_ | | 5.1 _-x-_ | | |
2330
2392
  *
2331
2393
  * @see https://developer.mozilla.org/docs/Web/CSS/hyphenate-character
2332
2394
  */
@@ -2350,10 +2412,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2350
2412
  *
2351
2413
  * **Initial value**: `manual`
2352
2414
  *
2353
- * | Chrome | Firefox | Safari | Edge | IE |
2354
- * | :------: | :-----: | :-----------: | :----: | :----------: |
2355
- * | **55** | **43** | **5.1** _-x-_ | **79** | **10** _-x-_ |
2356
- * | 13 _-x-_ | 6 _-x-_ | | | |
2415
+ * | Chrome | Firefox | Safari | Edge | IE |
2416
+ * | :------: | :-----: | :-------: | :----: | :----------: |
2417
+ * | **55** | **43** | **17** | **79** | **10** _-x-_ |
2418
+ * | 13 _-x-_ | 6 _-x-_ | 5.1 _-x-_ | | |
2357
2419
  *
2358
2420
  * @see https://developer.mozilla.org/docs/Web/CSS/hyphens
2359
2421
  */
@@ -2675,7 +2737,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2675
2737
  *
2676
2738
  * | Chrome | Firefox | Safari | Edge | IE |
2677
2739
  * | :----: | :-----: | :------: | :--: | :-: |
2678
- * | **87** | **41** | **12.1** | n/a | No |
2740
+ * | **69** | **41** | **12.1** | n/a | No |
2679
2741
  *
2680
2742
  * @see https://developer.mozilla.org/docs/Web/CSS/margin-block-end
2681
2743
  */
@@ -2689,7 +2751,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2689
2751
  *
2690
2752
  * | Chrome | Firefox | Safari | Edge | IE |
2691
2753
  * | :----: | :-----: | :------: | :--: | :-: |
2692
- * | **87** | **41** | **12.1** | n/a | No |
2754
+ * | **69** | **41** | **12.1** | n/a | No |
2693
2755
  *
2694
2756
  * @see https://developer.mozilla.org/docs/Web/CSS/margin-block-start
2695
2757
  */
@@ -2717,7 +2779,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2717
2779
  *
2718
2780
  * | Chrome | Firefox | Safari | Edge | IE |
2719
2781
  * | :----------------------: | :-------------------: | :----------------------: | :--: | :-: |
2720
- * | **87** | **41** | **12.1** | n/a | No |
2782
+ * | **69** | **41** | **12.1** | n/a | No |
2721
2783
  * | 2 _(-webkit-margin-end)_ | 3 _(-moz-margin-end)_ | 3 _(-webkit-margin-end)_ | | |
2722
2784
  *
2723
2785
  * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-end
@@ -2732,7 +2794,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2732
2794
  *
2733
2795
  * | Chrome | Firefox | Safari | Edge | IE |
2734
2796
  * | :------------------------: | :---------------------: | :------------------------: | :--: | :-: |
2735
- * | **87** | **41** | **12.1** | n/a | No |
2797
+ * | **69** | **41** | **12.1** | n/a | No |
2736
2798
  * | 2 _(-webkit-margin-start)_ | 3 _(-moz-margin-start)_ | 3 _(-webkit-margin-start)_ | | |
2737
2799
  *
2738
2800
  * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-start
@@ -2809,9 +2871,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2809
2871
  *
2810
2872
  * **Initial value**: `0`
2811
2873
  *
2812
- * | Chrome | Firefox | Safari | Edge | IE |
2813
- * | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: |
2814
- * | **1** _(-webkit-mask-box-image-outset)_ | No | **3.1** _(-webkit-mask-box-image-outset)_ | n/a | No |
2874
+ * | Chrome | Firefox | Safari | Edge | IE |
2875
+ * | :-------------------------------------: | :-----: | :-----------------------------------: | :--: | :-: |
2876
+ * | **1** _(-webkit-mask-box-image-outset)_ | No | **17.2** | n/a | No |
2877
+ * | | | 3.1 _(-webkit-mask-box-image-outset)_ | | |
2815
2878
  *
2816
2879
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-outset
2817
2880
  */
@@ -2823,9 +2886,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2823
2886
  *
2824
2887
  * **Initial value**: `stretch`
2825
2888
  *
2826
- * | Chrome | Firefox | Safari | Edge | IE |
2827
- * | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: |
2828
- * | **1** _(-webkit-mask-box-image-repeat)_ | No | **3.1** _(-webkit-mask-box-image-repeat)_ | n/a | No |
2889
+ * | Chrome | Firefox | Safari | Edge | IE |
2890
+ * | :-------------------------------------: | :-----: | :-----------------------------------: | :--: | :-: |
2891
+ * | **1** _(-webkit-mask-box-image-repeat)_ | No | **17.2** | n/a | No |
2892
+ * | | | 3.1 _(-webkit-mask-box-image-repeat)_ | | |
2829
2893
  *
2830
2894
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-repeat
2831
2895
  */
@@ -2837,9 +2901,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2837
2901
  *
2838
2902
  * **Initial value**: `0`
2839
2903
  *
2840
- * | Chrome | Firefox | Safari | Edge | IE |
2841
- * | :------------------------------------: | :-----: | :--------------------------------------: | :--: | :-: |
2842
- * | **1** _(-webkit-mask-box-image-slice)_ | No | **3.1** _(-webkit-mask-box-image-slice)_ | n/a | No |
2904
+ * | Chrome | Firefox | Safari | Edge | IE |
2905
+ * | :------------------------------------: | :-----: | :----------------------------------: | :--: | :-: |
2906
+ * | **1** _(-webkit-mask-box-image-slice)_ | No | **17.2** | n/a | No |
2907
+ * | | | 3.1 _(-webkit-mask-box-image-slice)_ | | |
2843
2908
  *
2844
2909
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-slice
2845
2910
  */
@@ -2851,9 +2916,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2851
2916
  *
2852
2917
  * **Initial value**: `none`
2853
2918
  *
2854
- * | Chrome | Firefox | Safari | Edge | IE |
2855
- * | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: |
2856
- * | **1** _(-webkit-mask-box-image-source)_ | No | **3.1** _(-webkit-mask-box-image-source)_ | n/a | No |
2919
+ * | Chrome | Firefox | Safari | Edge | IE |
2920
+ * | :-------------------------------------: | :-----: | :-----------------------------------: | :--: | :-: |
2921
+ * | **1** _(-webkit-mask-box-image-source)_ | No | **17.2** | n/a | No |
2922
+ * | | | 3.1 _(-webkit-mask-box-image-source)_ | | |
2857
2923
  *
2858
2924
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-source
2859
2925
  */
@@ -2865,9 +2931,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2865
2931
  *
2866
2932
  * **Initial value**: `auto`
2867
2933
  *
2868
- * | Chrome | Firefox | Safari | Edge | IE |
2869
- * | :------------------------------------: | :-----: | :--------------------------------------: | :--: | :-: |
2870
- * | **1** _(-webkit-mask-box-image-width)_ | No | **3.1** _(-webkit-mask-box-image-width)_ | n/a | No |
2934
+ * | Chrome | Firefox | Safari | Edge | IE |
2935
+ * | :------------------------------------: | :-----: | :----------------------------------: | :--: | :-: |
2936
+ * | **1** _(-webkit-mask-box-image-width)_ | No | **17.2** | n/a | No |
2937
+ * | | | 3.1 _(-webkit-mask-box-image-width)_ | | |
2871
2938
  *
2872
2939
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-width
2873
2940
  */
@@ -2879,10 +2946,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2879
2946
  *
2880
2947
  * **Initial value**: `border-box`
2881
2948
  *
2882
- * | Chrome | Firefox | Safari | Edge | IE |
2883
- * | :---------: | :-----: | :------: | :--: | :-: |
2884
- * | **1** _-x-_ | **53** | **15.4** | n/a | No |
2885
- * | | | 4 _-x-_ | | |
2949
+ * | Chrome | Firefox | Safari | Edge | IE |
2950
+ * | :-----: | :-----: | :------: | :--: | :-: |
2951
+ * | **120** | **53** | **15.4** | n/a | No |
2952
+ * | 1 _-x-_ | | 4 _-x-_ | | |
2886
2953
  *
2887
2954
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-clip
2888
2955
  */
@@ -2894,9 +2961,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2894
2961
  *
2895
2962
  * **Initial value**: `add`
2896
2963
  *
2897
- * | Chrome | Firefox | Safari | Edge | IE |
2898
- * | :----: | :-----: | :------: | :---: | :-: |
2899
- * | No | **53** | **15.4** | 18-79 | No |
2964
+ * | Chrome | Firefox | Safari | Edge | IE |
2965
+ * | :-----: | :-----: | :------: | :---: | :-: |
2966
+ * | **120** | **53** | **15.4** | 18-79 | No |
2900
2967
  *
2901
2968
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-composite
2902
2969
  */
@@ -2908,10 +2975,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2908
2975
  *
2909
2976
  * **Initial value**: `none`
2910
2977
  *
2911
- * | Chrome | Firefox | Safari | Edge | IE |
2912
- * | :---------: | :-----: | :------: | :---: | :-: |
2913
- * | **1** _-x-_ | **53** | **15.4** | 16-79 | No |
2914
- * | | | 4 _-x-_ | | |
2978
+ * | Chrome | Firefox | Safari | Edge | IE |
2979
+ * | :-----: | :-----: | :------: | :---: | :-: |
2980
+ * | **120** | **53** | **15.4** | 16-79 | No |
2981
+ * | 1 _-x-_ | | 4 _-x-_ | | |
2915
2982
  *
2916
2983
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-image
2917
2984
  */
@@ -2923,9 +2990,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2923
2990
  *
2924
2991
  * **Initial value**: `match-source`
2925
2992
  *
2926
- * | Chrome | Firefox | Safari | Edge | IE |
2927
- * | :----: | :-----: | :------: | :--: | :-: |
2928
- * | No | **53** | **15.4** | n/a | No |
2993
+ * | Chrome | Firefox | Safari | Edge | IE |
2994
+ * | :-----: | :-----: | :------: | :--: | :-: |
2995
+ * | **120** | **53** | **15.4** | n/a | No |
2929
2996
  *
2930
2997
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-mode
2931
2998
  */
@@ -2937,10 +3004,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2937
3004
  *
2938
3005
  * **Initial value**: `border-box`
2939
3006
  *
2940
- * | Chrome | Firefox | Safari | Edge | IE |
2941
- * | :---------: | :-----: | :------: | :--: | :-: |
2942
- * | **1** _-x-_ | **53** | **15.4** | n/a | No |
2943
- * | | | 4 _-x-_ | | |
3007
+ * | Chrome | Firefox | Safari | Edge | IE |
3008
+ * | :-----: | :-----: | :------: | :--: | :-: |
3009
+ * | **120** | **53** | **15.4** | n/a | No |
3010
+ * | 1 _-x-_ | | 4 _-x-_ | | |
2944
3011
  *
2945
3012
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-origin
2946
3013
  */
@@ -2952,10 +3019,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2952
3019
  *
2953
3020
  * **Initial value**: `center`
2954
3021
  *
2955
- * | Chrome | Firefox | Safari | Edge | IE |
2956
- * | :---------: | :-----: | :-------: | :---: | :-: |
2957
- * | **1** _-x-_ | **53** | **15.4** | 18-79 | No |
2958
- * | | | 3.1 _-x-_ | | |
3022
+ * | Chrome | Firefox | Safari | Edge | IE |
3023
+ * | :-----: | :-----: | :-------: | :---: | :-: |
3024
+ * | **120** | **53** | **15.4** | 18-79 | No |
3025
+ * | 1 _-x-_ | | 3.1 _-x-_ | | |
2959
3026
  *
2960
3027
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-position
2961
3028
  */
@@ -2967,10 +3034,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2967
3034
  *
2968
3035
  * **Initial value**: `repeat`
2969
3036
  *
2970
- * | Chrome | Firefox | Safari | Edge | IE |
2971
- * | :---------: | :-----: | :-------: | :---: | :-: |
2972
- * | **1** _-x-_ | **53** | **15.4** | 18-79 | No |
2973
- * | | | 3.1 _-x-_ | | |
3037
+ * | Chrome | Firefox | Safari | Edge | IE |
3038
+ * | :-----: | :-----: | :-------: | :---: | :-: |
3039
+ * | **120** | **53** | **15.4** | 18-79 | No |
3040
+ * | 1 _-x-_ | | 3.1 _-x-_ | | |
2974
3041
  *
2975
3042
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-repeat
2976
3043
  */
@@ -2982,10 +3049,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
2982
3049
  *
2983
3050
  * **Initial value**: `auto`
2984
3051
  *
2985
- * | Chrome | Firefox | Safari | Edge | IE |
2986
- * | :---------: | :-----: | :------: | :---: | :-: |
2987
- * | **4** _-x-_ | **53** | **15.4** | 18-79 | No |
2988
- * | | | 4 _-x-_ | | |
3052
+ * | Chrome | Firefox | Safari | Edge | IE |
3053
+ * | :-----: | :-----: | :------: | :---: | :-: |
3054
+ * | **120** | **53** | **15.4** | 18-79 | No |
3055
+ * | 4 _-x-_ | | 4 _-x-_ | | |
2989
3056
  *
2990
3057
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-size
2991
3058
  */
@@ -3004,6 +3071,20 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3004
3071
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-type
3005
3072
  */
3006
3073
  maskType?: Property.MaskType | undefined;
3074
+ /**
3075
+ * This feature is not Baseline because it does not work in some of the most widely-used browsers.
3076
+ *
3077
+ * **Syntax**: `[ pack | next ] || [ definite-first | ordered ]`
3078
+ *
3079
+ * **Initial value**: `pack`
3080
+ *
3081
+ * | Chrome | Firefox | Safari | Edge | IE |
3082
+ * | :----: | :-----: | :---------: | :--: | :-: |
3083
+ * | No | No | **preview** | n/a | No |
3084
+ *
3085
+ * @see https://developer.mozilla.org/docs/Web/CSS/masonry-auto-flow
3086
+ */
3087
+ masonryAutoFlow?: Property.MasonryAutoFlow | undefined;
3007
3088
  /**
3008
3089
  * The **`math-depth`** property describes a notion of _depth_ for each element of a mathematical formula, with respect to the top-level container of that formula. Concretely, this is used to determine the computed value of the font-size property when its specified value is `math`.
3009
3090
  *
@@ -3013,7 +3094,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3013
3094
  *
3014
3095
  * | Chrome | Firefox | Safari | Edge | IE |
3015
3096
  * | :-----: | :-----: | :----: | :--: | :-: |
3016
- * | **109** | n/a | No | n/a | No |
3097
+ * | **109** | **117** | No | n/a | No |
3017
3098
  *
3018
3099
  * @see https://developer.mozilla.org/docs/Web/CSS/math-depth
3019
3100
  */
@@ -3041,7 +3122,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3041
3122
  *
3042
3123
  * | Chrome | Firefox | Safari | Edge | IE |
3043
3124
  * | :-----: | :-----: | :------: | :--: | :-: |
3044
- * | **109** | n/a | **14.1** | n/a | No |
3125
+ * | **109** | **117** | **14.1** | n/a | No |
3045
3126
  *
3046
3127
  * @see https://developer.mozilla.org/docs/Web/CSS/math-style
3047
3128
  */
@@ -3186,10 +3267,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3186
3267
  *
3187
3268
  * **Initial value**: `0`
3188
3269
  *
3189
- * | Chrome | Firefox | Safari | Edge | IE |
3190
- * | :--------------------: | :-----: | :---------: | :--: | :-: |
3191
- * | **55** | **72** | **preview** | n/a | No |
3192
- * | 46 _(motion-distance)_ | | | | |
3270
+ * | Chrome | Firefox | Safari | Edge | IE |
3271
+ * | :--------------------: | :-----: | :----: | :--: | :-: |
3272
+ * | **55** | **72** | **16** | n/a | No |
3273
+ * | 46 _(motion-distance)_ | | | | |
3193
3274
  *
3194
3275
  * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
3195
3276
  */
@@ -3197,7 +3278,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3197
3278
  /**
3198
3279
  * The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
3199
3280
  *
3200
- * **Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`
3281
+ * **Syntax**: `none | <offset-path> || <coord-box>`
3201
3282
  *
3202
3283
  * **Initial value**: `none`
3203
3284
  *
@@ -3216,10 +3297,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3216
3297
  *
3217
3298
  * **Initial value**: `auto`
3218
3299
  *
3219
- * | Chrome | Firefox | Safari | Edge | IE |
3220
- * | :--------------------: | :-----: | :---------: | :--: | :-: |
3221
- * | **56** | **72** | **preview** | n/a | No |
3222
- * | 46 _(motion-rotation)_ | | | | |
3300
+ * | Chrome | Firefox | Safari | Edge | IE |
3301
+ * | :--------------------: | :-----: | :----: | :--: | :-: |
3302
+ * | **56** | **72** | **16** | n/a | No |
3303
+ * | 46 _(motion-rotation)_ | | | | |
3223
3304
  *
3224
3305
  * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
3225
3306
  */
@@ -3257,9 +3338,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3257
3338
  *
3258
3339
  * **Initial value**: `auto`
3259
3340
  *
3260
- * | Chrome | Firefox | Safari | Edge | IE |
3261
- * | :----: | :-----: | :---------: | :--: | :-: |
3262
- * | No | **72** | **preview** | n/a | No |
3341
+ * | Chrome | Firefox | Safari | Edge | IE |
3342
+ * | :-----: | :-----: | :----: | :--: | :-: |
3343
+ * | **116** | **72** | **16** | n/a | No |
3263
3344
  *
3264
3345
  * @see https://developer.mozilla.org/docs/Web/CSS/offset-anchor
3265
3346
  */
@@ -3271,10 +3352,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3271
3352
  *
3272
3353
  * **Initial value**: `0`
3273
3354
  *
3274
- * | Chrome | Firefox | Safari | Edge | IE |
3275
- * | :--------------------: | :-----: | :---------: | :--: | :-: |
3276
- * | **55** | **72** | **preview** | n/a | No |
3277
- * | 46 _(motion-distance)_ | | | | |
3355
+ * | Chrome | Firefox | Safari | Edge | IE |
3356
+ * | :--------------------: | :-----: | :----: | :--: | :-: |
3357
+ * | **55** | **72** | **16** | n/a | No |
3358
+ * | 46 _(motion-distance)_ | | | | |
3278
3359
  *
3279
3360
  * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
3280
3361
  */
@@ -3282,7 +3363,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3282
3363
  /**
3283
3364
  * The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
3284
3365
  *
3285
- * **Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`
3366
+ * **Syntax**: `none | <offset-path> || <coord-box>`
3286
3367
  *
3287
3368
  * **Initial value**: `none`
3288
3369
  *
@@ -3295,13 +3376,13 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3295
3376
  */
3296
3377
  offsetPath?: Property.OffsetPath | undefined;
3297
3378
  /**
3298
- * **Syntax**: `auto | <position>`
3379
+ * **Syntax**: `normal | auto | <position>`
3299
3380
  *
3300
3381
  * **Initial value**: `auto`
3301
3382
  *
3302
- * | Chrome | Firefox | Safari | Edge | IE |
3303
- * | :----: | :-----: | :---------: | :--: | :-: |
3304
- * | No | No | **preview** | n/a | No |
3383
+ * | Chrome | Firefox | Safari | Edge | IE |
3384
+ * | :-----: | :-----: | :----: | :--: | :-: |
3385
+ * | **116** | n/a | **16** | n/a | No |
3305
3386
  *
3306
3387
  * @see https://developer.mozilla.org/docs/Web/CSS/offset-position
3307
3388
  */
@@ -3313,10 +3394,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3313
3394
  *
3314
3395
  * **Initial value**: `auto`
3315
3396
  *
3316
- * | Chrome | Firefox | Safari | Edge | IE |
3317
- * | :--------------------: | :-----: | :---------: | :--: | :-: |
3318
- * | **56** | **72** | **preview** | n/a | No |
3319
- * | 46 _(motion-rotation)_ | | | | |
3397
+ * | Chrome | Firefox | Safari | Edge | IE |
3398
+ * | :--------------------: | :-----: | :----: | :--: | :-: |
3399
+ * | **56** | **72** | **16** | n/a | No |
3400
+ * | 46 _(motion-rotation)_ | | | | |
3320
3401
  *
3321
3402
  * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
3322
3403
  */
@@ -3328,10 +3409,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3328
3409
  *
3329
3410
  * **Initial value**: `auto`
3330
3411
  *
3331
- * | Chrome | Firefox | Safari | Edge | IE |
3332
- * | :--------------------: | :-----: | :---------: | :--: | :-: |
3333
- * | **56** | **72** | **preview** | n/a | No |
3334
- * | 46 _(motion-rotation)_ | | | | |
3412
+ * | Chrome | Firefox | Safari | Edge | IE |
3413
+ * | :--------------------: | :-----: | :----: | :--: | :-: |
3414
+ * | **56** | **72** | **16** | n/a | No |
3415
+ * | 46 _(motion-rotation)_ | | | | |
3335
3416
  *
3336
3417
  * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
3337
3418
  */
@@ -3465,12 +3546,6 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3465
3546
  * **Syntax**: `padding-box | content-box`
3466
3547
  *
3467
3548
  * **Initial value**: `padding-box`
3468
- *
3469
- * | Chrome | Firefox | Safari | Edge | IE |
3470
- * | :----: | :-----: | :----: | :--: | :-: |
3471
- * | No | **29** | No | n/a | No |
3472
- *
3473
- * @see https://developer.mozilla.org/docs/Mozilla/Gecko/Chrome/CSS/overflow-clip-box
3474
3549
  */
3475
3550
  overflowClipBox?: Property.OverflowClipBox | undefined;
3476
3551
  /**
@@ -3540,6 +3615,20 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3540
3615
  * @see https://developer.mozilla.org/docs/Web/CSS/overflow-y
3541
3616
  */
3542
3617
  overflowY?: Property.OverflowY | undefined;
3618
+ /**
3619
+ * The **`overlay`** CSS property specifies whether an element appearing in the top layer (for example, a shown popover or modal `<dialog>` element) is actually rendered in the top layer. This property is only relevant within a list of `transition-property` values, and only if `allow-discrete` is set as the `transition-behavior`.
3620
+ *
3621
+ * **Syntax**: `none | auto`
3622
+ *
3623
+ * **Initial value**: `none`
3624
+ *
3625
+ * | Chrome | Firefox | Safari | Edge | IE |
3626
+ * | :-----: | :-----: | :----: | :--: | :-: |
3627
+ * | **117** | No | No | n/a | No |
3628
+ *
3629
+ * @see https://developer.mozilla.org/docs/Web/CSS/overlay
3630
+ */
3631
+ overlay?: Property.Overlay | undefined;
3543
3632
  /**
3544
3633
  * The **`overscroll-behavior-block`** CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.
3545
3634
  *
@@ -3605,7 +3694,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3605
3694
  *
3606
3695
  * | Chrome | Firefox | Safari | Edge | IE |
3607
3696
  * | :----: | :-----: | :------: | :--: | :-: |
3608
- * | **87** | **41** | **12.1** | n/a | No |
3697
+ * | **69** | **41** | **12.1** | n/a | No |
3609
3698
  *
3610
3699
  * @see https://developer.mozilla.org/docs/Web/CSS/padding-block-end
3611
3700
  */
@@ -3619,7 +3708,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3619
3708
  *
3620
3709
  * | Chrome | Firefox | Safari | Edge | IE |
3621
3710
  * | :----: | :-----: | :------: | :--: | :-: |
3622
- * | **87** | **41** | **12.1** | n/a | No |
3711
+ * | **69** | **41** | **12.1** | n/a | No |
3623
3712
  *
3624
3713
  * @see https://developer.mozilla.org/docs/Web/CSS/padding-block-start
3625
3714
  */
@@ -3647,7 +3736,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3647
3736
  *
3648
3737
  * | Chrome | Firefox | Safari | Edge | IE |
3649
3738
  * | :-----------------------: | :--------------------: | :-----------------------: | :--: | :-: |
3650
- * | **87** | **41** | **12.1** | n/a | No |
3739
+ * | **69** | **41** | **12.1** | n/a | No |
3651
3740
  * | 2 _(-webkit-padding-end)_ | 3 _(-moz-padding-end)_ | 3 _(-webkit-padding-end)_ | | |
3652
3741
  *
3653
3742
  * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-end
@@ -3662,7 +3751,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3662
3751
  *
3663
3752
  * | Chrome | Firefox | Safari | Edge | IE |
3664
3753
  * | :-------------------------: | :----------------------: | :-------------------------: | :--: | :-: |
3665
- * | **87** | **41** | **12.1** | n/a | No |
3754
+ * | **69** | **41** | **12.1** | n/a | No |
3666
3755
  * | 2 _(-webkit-padding-start)_ | 3 _(-moz-padding-start)_ | 3 _(-webkit-padding-start)_ | | |
3667
3756
  *
3668
3757
  * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-start
@@ -3717,9 +3806,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3717
3806
  *
3718
3807
  * **Initial value**: `auto`
3719
3808
  *
3720
- * | Chrome | Firefox | Safari | Edge | IE |
3721
- * | :----: | :-----: | :---------: | :--: | :-: |
3722
- * | **85** | **110** | **preview** | n/a | No |
3809
+ * | Chrome | Firefox | Safari | Edge | IE |
3810
+ * | :----: | :-----: | :-------: | :--: | :-: |
3811
+ * | **85** | **110** | **≤13.1** | n/a | No |
3723
3812
  *
3724
3813
  * @see https://developer.mozilla.org/docs/Web/CSS/page
3725
3814
  */
@@ -3787,10 +3876,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3787
3876
  *
3788
3877
  * **Initial value**: `none`
3789
3878
  *
3790
- * | Chrome | Firefox | Safari | Edge | IE |
3791
- * | :------: | :------: | :-----: | :----: | :----: |
3792
- * | **36** | **16** | **9** | **12** | **10** |
3793
- * | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |
3879
+ * | Chrome | Firefox | Safari | Edge | IE |
3880
+ * | :------: | :-----: | :-----: | :----: | :----: |
3881
+ * | **36** | **16** | **9** | **12** | **10** |
3882
+ * | 12 _-x-_ | | 4 _-x-_ | | |
3794
3883
  *
3795
3884
  * @see https://developer.mozilla.org/docs/Web/CSS/perspective
3796
3885
  */
@@ -3802,10 +3891,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3802
3891
  *
3803
3892
  * **Initial value**: `50% 50%`
3804
3893
  *
3805
- * | Chrome | Firefox | Safari | Edge | IE |
3806
- * | :------: | :------: | :-----: | :----: | :----: |
3807
- * | **36** | **16** | **9** | **12** | **10** |
3808
- * | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |
3894
+ * | Chrome | Firefox | Safari | Edge | IE |
3895
+ * | :------: | :-----: | :-----: | :----: | :----: |
3896
+ * | **36** | **16** | **9** | **12** | **10** |
3897
+ * | 12 _-x-_ | | 4 _-x-_ | | |
3809
3898
  *
3810
3899
  * @see https://developer.mozilla.org/docs/Web/CSS/perspective-origin
3811
3900
  */
@@ -3993,9 +4082,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
3993
4082
  *
3994
4083
  * **Initial value**: `0`
3995
4084
  *
3996
- * | Chrome | Firefox | Safari | Edge | IE |
3997
- * | :----: | :-----: | :------: | :--: | :-: |
3998
- * | **69** | **68** | **14.1** | n/a | No |
4085
+ * | Chrome | Firefox | Safari | Edge | IE |
4086
+ * | :----: | :-----: | :----: | :--: | :-: |
4087
+ * | **69** | **68** | **15** | n/a | No |
3999
4088
  *
4000
4089
  * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end
4001
4090
  */
@@ -4007,9 +4096,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4007
4096
  *
4008
4097
  * **Initial value**: `0`
4009
4098
  *
4010
- * | Chrome | Firefox | Safari | Edge | IE |
4011
- * | :----: | :-----: | :------: | :--: | :-: |
4012
- * | **69** | **68** | **14.1** | n/a | No |
4099
+ * | Chrome | Firefox | Safari | Edge | IE |
4100
+ * | :----: | :-----: | :----: | :--: | :-: |
4101
+ * | **69** | **68** | **15** | n/a | No |
4013
4102
  *
4014
4103
  * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start
4015
4104
  */
@@ -4036,9 +4125,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4036
4125
  *
4037
4126
  * **Initial value**: `0`
4038
4127
  *
4039
- * | Chrome | Firefox | Safari | Edge | IE |
4040
- * | :----: | :-----: | :------: | :--: | :-: |
4041
- * | **69** | **68** | **14.1** | n/a | No |
4128
+ * | Chrome | Firefox | Safari | Edge | IE |
4129
+ * | :----: | :-----: | :----: | :--: | :-: |
4130
+ * | **69** | **68** | **15** | n/a | No |
4042
4131
  *
4043
4132
  * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end
4044
4133
  */
@@ -4050,9 +4139,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4050
4139
  *
4051
4140
  * **Initial value**: `0`
4052
4141
  *
4053
- * | Chrome | Firefox | Safari | Edge | IE |
4054
- * | :----: | :-----: | :------: | :--: | :-: |
4055
- * | **69** | **68** | **14.1** | n/a | No |
4142
+ * | Chrome | Firefox | Safari | Edge | IE |
4143
+ * | :----: | :-----: | :----: | :--: | :-: |
4144
+ * | **69** | **68** | **15** | n/a | No |
4056
4145
  *
4057
4146
  * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start
4058
4147
  */
@@ -4320,13 +4409,13 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4320
4409
  /**
4321
4410
  * The **`scroll-timeline-axis`** CSS property can be used to specify the scrollbar that will be used to provide the timeline for a scroll-timeline animation.
4322
4411
  *
4323
- * **Syntax**: `[ block | inline | vertical | horizontal ]#`
4412
+ * **Syntax**: `[ block | inline | x | y ]#`
4324
4413
  *
4325
4414
  * **Initial value**: `block`
4326
4415
  *
4327
- * | Chrome | Firefox | Safari | Edge | IE |
4328
- * | :----: | :-----: | :----: | :--: | :-: |
4329
- * | No | n/a | No | n/a | No |
4416
+ * | Chrome | Firefox | Safari | Edge | IE |
4417
+ * | :-----: | :-----: | :----: | :--: | :-: |
4418
+ * | **115** | n/a | No | n/a | No |
4330
4419
  *
4331
4420
  * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-axis
4332
4421
  */
@@ -4334,13 +4423,13 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4334
4423
  /**
4335
4424
  * The **`scroll-timeline-name`** CSS property defines a name that can be used to identify an element as the source of a scroll timeline for an animation.
4336
4425
  *
4337
- * **Syntax**: `none | <custom-ident>#`
4426
+ * **Syntax**: `none | <dashed-ident>#`
4338
4427
  *
4339
4428
  * **Initial value**: `none`
4340
4429
  *
4341
- * | Chrome | Firefox | Safari | Edge | IE |
4342
- * | :----: | :-----: | :----: | :--: | :-: |
4343
- * | No | n/a | No | n/a | No |
4430
+ * | Chrome | Firefox | Safari | Edge | IE |
4431
+ * | :-----: | :-----: | :----: | :--: | :-: |
4432
+ * | **115** | n/a | No | n/a | No |
4344
4433
  *
4345
4434
  * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name
4346
4435
  */
@@ -4352,9 +4441,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4352
4441
  *
4353
4442
  * **Initial value**: `auto`
4354
4443
  *
4355
- * | Chrome | Firefox | Safari | Edge | IE |
4356
- * | :----: | :-----: | :----: | :--: | :-: |
4357
- * | No | **64** | No | n/a | No |
4444
+ * | Chrome | Firefox | Safari | Edge | IE |
4445
+ * | :-----: | :-----: | :----: | :--: | :-: |
4446
+ * | **121** | **64** | No | n/a | No |
4358
4447
  *
4359
4448
  * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color
4360
4449
  */
@@ -4380,9 +4469,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4380
4469
  *
4381
4470
  * **Initial value**: `auto`
4382
4471
  *
4383
- * | Chrome | Firefox | Safari | Edge | IE |
4384
- * | :----: | :-----: | :----: | :--: | :-: |
4385
- * | No | **64** | No | n/a | No |
4472
+ * | Chrome | Firefox | Safari | Edge | IE |
4473
+ * | :-----: | :-----: | :----: | :--: | :-: |
4474
+ * | **121** | **64** | No | n/a | No |
4386
4475
  *
4387
4476
  * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width
4388
4477
  */
@@ -4493,10 +4582,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4493
4582
  *
4494
4583
  * **Initial value**: `none`
4495
4584
  *
4496
- * | Chrome | Firefox | Safari | Edge | IE |
4497
- * | :------------------------: | :-----: | :--------------------------: | :---: | :------------------------------------: |
4498
- * | **48** | **48** | **preview** | 15-79 | **11** _(-ms-text-combine-horizontal)_ |
4499
- * | 9 _(-webkit-text-combine)_ | | 5.1 _(-webkit-text-combine)_ | | |
4585
+ * | Chrome | Firefox | Safari | Edge | IE |
4586
+ * | :------------------------: | :-----: | :--------------------------: | :----: | :------------------------------------: |
4587
+ * | **48** | **48** | **15.4** | **79** | **11** _(-ms-text-combine-horizontal)_ |
4588
+ * | 9 _(-webkit-text-combine)_ | | 5.1 _(-webkit-text-combine)_ | | |
4500
4589
  *
4501
4590
  * @see https://developer.mozilla.org/docs/Web/CSS/text-combine-upright
4502
4591
  */
@@ -4655,9 +4744,9 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4655
4744
  *
4656
4745
  * **Initial value**: `auto`
4657
4746
  *
4658
- * | Chrome | Firefox | Safari | Edge | IE |
4659
- * | :----: | :-----: | :----: | :----: | :----: |
4660
- * | n/a | **55** | No | **12** | **11** |
4747
+ * | Chrome | Firefox | Safari | Edge | IE |
4748
+ * | :----: | :-----: | :----: | :---: | :----: |
4749
+ * | n/a | **55** | No | 12-79 | **11** |
4661
4750
  *
4662
4751
  * @see https://developer.mozilla.org/docs/Web/CSS/text-justify
4663
4752
  */
@@ -4776,6 +4865,34 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4776
4865
  * @see https://developer.mozilla.org/docs/Web/CSS/text-underline-position
4777
4866
  */
4778
4867
  textUnderlinePosition?: Property.TextUnderlinePosition | undefined;
4868
+ /**
4869
+ * The **`text-wrap`** CSS property controls how text inside an element is wrapped. The different values provide:
4870
+ *
4871
+ * **Syntax**: `wrap | nowrap | balance | stable | pretty`
4872
+ *
4873
+ * **Initial value**: `wrap`
4874
+ *
4875
+ * | Chrome | Firefox | Safari | Edge | IE |
4876
+ * | :-----: | :-----: | :----: | :--: | :-: |
4877
+ * | **114** | **121** | No | n/a | No |
4878
+ *
4879
+ * @see https://developer.mozilla.org/docs/Web/CSS/text-wrap
4880
+ */
4881
+ textWrap?: Property.TextWrap | undefined;
4882
+ /**
4883
+ * The **`timeline-scope`** CSS property modifies the scope of a named animation timeline.
4884
+ *
4885
+ * **Syntax**: `none | <dashed-ident>#`
4886
+ *
4887
+ * **Initial value**: `none`
4888
+ *
4889
+ * | Chrome | Firefox | Safari | Edge | IE |
4890
+ * | :-----: | :-----: | :----: | :--: | :-: |
4891
+ * | **116** | No | No | n/a | No |
4892
+ *
4893
+ * @see https://developer.mozilla.org/docs/Web/CSS/timeline-scope
4894
+ */
4895
+ timelineScope?: Property.TimelineScope | undefined;
4779
4896
  /**
4780
4897
  * The **`top`** CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
4781
4898
  *
@@ -4841,10 +4958,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4841
4958
  *
4842
4959
  * **Initial value**: `50% 50% 0`
4843
4960
  *
4844
- * | Chrome | Firefox | Safari | Edge | IE |
4845
- * | :-----: | :-------: | :-----: | :----: | :-----: |
4846
- * | **36** | **16** | **9** | **12** | **10** |
4847
- * | 1 _-x-_ | 3.5 _-x-_ | 2 _-x-_ | | 9 _-x-_ |
4961
+ * | Chrome | Firefox | Safari | Edge | IE |
4962
+ * | :-----: | :-----: | :-----: | :----: | :-----: |
4963
+ * | **36** | **16** | **9** | **12** | **10** |
4964
+ * | 1 _-x-_ | | 2 _-x-_ | | 9 _-x-_ |
4848
4965
  *
4849
4966
  * @see https://developer.mozilla.org/docs/Web/CSS/transform-origin
4850
4967
  */
@@ -4856,14 +4973,28 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4856
4973
  *
4857
4974
  * **Initial value**: `flat`
4858
4975
  *
4859
- * | Chrome | Firefox | Safari | Edge | IE |
4860
- * | :------: | :------: | :-----: | :----: | :-: |
4861
- * | **36** | **16** | **9** | **12** | No |
4862
- * | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |
4976
+ * | Chrome | Firefox | Safari | Edge | IE |
4977
+ * | :------: | :-----: | :-----: | :----: | :-: |
4978
+ * | **36** | **16** | **9** | **12** | No |
4979
+ * | 12 _-x-_ | | 4 _-x-_ | | |
4863
4980
  *
4864
4981
  * @see https://developer.mozilla.org/docs/Web/CSS/transform-style
4865
4982
  */
4866
4983
  transformStyle?: Property.TransformStyle | undefined;
4984
+ /**
4985
+ * The **`transition-behavior`** CSS property specifies whether transitions will be started for properties whose animation behavior is discrete.
4986
+ *
4987
+ * **Syntax**: `<transition-behavior-value>#`
4988
+ *
4989
+ * **Initial value**: `normal`
4990
+ *
4991
+ * | Chrome | Firefox | Safari | Edge | IE |
4992
+ * | :-----: | :-----: | :----: | :--: | :-: |
4993
+ * | **117** | No | No | n/a | No |
4994
+ *
4995
+ * @see https://developer.mozilla.org/docs/Web/CSS/transition-behavior
4996
+ */
4997
+ transitionBehavior?: Property.TransitionBehavior | undefined;
4867
4998
  /**
4868
4999
  * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
4869
5000
  *
@@ -4874,7 +5005,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4874
5005
  * | Chrome | Firefox | Safari | Edge | IE |
4875
5006
  * | :-----: | :-----: | :-----: | :----: | :----: |
4876
5007
  * | **26** | **16** | **9** | **12** | **10** |
4877
- * | 1 _-x-_ | 4 _-x-_ | 4 _-x-_ | | |
5008
+ * | 1 _-x-_ | | 4 _-x-_ | | |
4878
5009
  *
4879
5010
  * @see https://developer.mozilla.org/docs/Web/CSS/transition-delay
4880
5011
  */
@@ -4889,7 +5020,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4889
5020
  * | Chrome | Firefox | Safari | Edge | IE |
4890
5021
  * | :-----: | :-----: | :-------: | :----: | :----: |
4891
5022
  * | **26** | **16** | **9** | **12** | **10** |
4892
- * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ | | |
5023
+ * | 1 _-x-_ | | 3.1 _-x-_ | | |
4893
5024
  *
4894
5025
  * @see https://developer.mozilla.org/docs/Web/CSS/transition-duration
4895
5026
  */
@@ -4904,7 +5035,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4904
5035
  * | Chrome | Firefox | Safari | Edge | IE |
4905
5036
  * | :-----: | :-----: | :-------: | :----: | :----: |
4906
5037
  * | **26** | **16** | **9** | **12** | **10** |
4907
- * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ | | |
5038
+ * | 1 _-x-_ | | 3.1 _-x-_ | | |
4908
5039
  *
4909
5040
  * @see https://developer.mozilla.org/docs/Web/CSS/transition-property
4910
5041
  */
@@ -4919,7 +5050,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4919
5050
  * | Chrome | Firefox | Safari | Edge | IE |
4920
5051
  * | :-----: | :-----: | :-------: | :----: | :----: |
4921
5052
  * | **26** | **16** | **9** | **12** | **10** |
4922
- * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ | | |
5053
+ * | 1 _-x-_ | | 3.1 _-x-_ | | |
4923
5054
  *
4924
5055
  * @see https://developer.mozilla.org/docs/Web/CSS/transition-timing-function
4925
5056
  */
@@ -4981,6 +5112,48 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
4981
5112
  * @see https://developer.mozilla.org/docs/Web/CSS/vertical-align
4982
5113
  */
4983
5114
  verticalAlign?: Property.VerticalAlign<TLength> | undefined;
5115
+ /**
5116
+ * The **`view-timeline-axis`** CSS property is used to specify the scrollbar direction that will be used to provide the timeline for a _named view progress timeline_ animation, which is progressed through based on the change in visibility of an element (known as the _subject_) inside a scrollable element (_scroller_). `view-timeline-axis` is set on the subject. See CSS scroll-driven animations for more details.
5117
+ *
5118
+ * **Syntax**: `[ block | inline | x | y ]#`
5119
+ *
5120
+ * **Initial value**: `block`
5121
+ *
5122
+ * | Chrome | Firefox | Safari | Edge | IE |
5123
+ * | :-----: | :-----: | :----: | :--: | :-: |
5124
+ * | **115** | n/a | No | n/a | No |
5125
+ *
5126
+ * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-axis
5127
+ */
5128
+ viewTimelineAxis?: Property.ViewTimelineAxis | undefined;
5129
+ /**
5130
+ * The **`view-timeline-inset`** CSS property is used to specify one or two values representing an adjustment to the position of the scrollport (see Scroll container for more details) in which the subject element of a _named view progress timeline_ animation is deemed to be visible. Put another way, this allows you to specify start and/or end inset (or outset) values that offset the position of the timeline.
5131
+ *
5132
+ * **Syntax**: `[ [ auto | <length-percentage> ]{1,2} ]#`
5133
+ *
5134
+ * **Initial value**: `auto`
5135
+ *
5136
+ * | Chrome | Firefox | Safari | Edge | IE |
5137
+ * | :-----: | :-----: | :----: | :--: | :-: |
5138
+ * | **115** | No | No | n/a | No |
5139
+ *
5140
+ * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-inset
5141
+ */
5142
+ viewTimelineInset?: Property.ViewTimelineInset<TLength> | undefined;
5143
+ /**
5144
+ * The **`view-timeline-name`** CSS property is used to define the name of a _named view progress timeline_, which is progressed through based on the change in visibility of an element (known as the _subject_) inside a scrollable element (_scroller_). `view-timeline` is set on the subject.
5145
+ *
5146
+ * **Syntax**: `none | <dashed-ident>#`
5147
+ *
5148
+ * **Initial value**: `none`
5149
+ *
5150
+ * | Chrome | Firefox | Safari | Edge | IE |
5151
+ * | :-----: | :-----: | :----: | :--: | :-: |
5152
+ * | **115** | n/a | No | n/a | No |
5153
+ *
5154
+ * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-name
5155
+ */
5156
+ viewTimelineName?: Property.ViewTimelineName | undefined;
4984
5157
  /**
4985
5158
  * The **`view-transition-name`** CSS property provides the selected element with a distinct identifying name (a `<custom-ident>`) and causes it to participate in a separate view transition from the root view transition — or no view transition if the `none` value is specified.
4986
5159
  *
@@ -5012,7 +5185,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
5012
5185
  /**
5013
5186
  * The **`white-space`** CSS property sets how white space inside an element is handled.
5014
5187
  *
5015
- * **Syntax**: `normal | pre | nowrap | pre-wrap | pre-line | break-spaces`
5188
+ * **Syntax**: `normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]`
5016
5189
  *
5017
5190
  * **Initial value**: `normal`
5018
5191
  *
@@ -5023,6 +5196,26 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
5023
5196
  * @see https://developer.mozilla.org/docs/Web/CSS/white-space
5024
5197
  */
5025
5198
  whiteSpace?: Property.WhiteSpace | undefined;
5199
+ /**
5200
+ * The **`white-space-collapse`** CSS property controls how white space inside an element is collapsed.
5201
+ *
5202
+ * **Syntax**: `collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces`
5203
+ *
5204
+ * **Initial value**: `collapse`
5205
+ *
5206
+ * | Chrome | Firefox | Safari | Edge | IE |
5207
+ * | :-----: | :-----: | :----: | :--: | :-: |
5208
+ * | **114** | No | No | n/a | No |
5209
+ *
5210
+ * @see https://developer.mozilla.org/docs/Web/CSS/white-space-collapse
5211
+ */
5212
+ whiteSpaceCollapse?: Property.WhiteSpaceCollapse | undefined;
5213
+ /**
5214
+ * **Syntax**: `none | discard-before || discard-after || discard-inner`
5215
+ *
5216
+ * **Initial value**: `none`
5217
+ */
5218
+ whiteSpaceTrim?: Property.WhiteSpaceTrim | undefined;
5026
5219
  /**
5027
5220
  * The **`widows`** CSS property sets the minimum number of lines in a block container that must be shown at the _top_ of a page, region, or column.
5028
5221
  *
@@ -5099,6 +5292,10 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
5099
5292
  * **Syntax**: `normal | break-word`
5100
5293
  *
5101
5294
  * **Initial value**: `normal`
5295
+ *
5296
+ * | Chrome | Firefox | Safari | Edge | IE |
5297
+ * | :-----: | :-----: | :-------: | :-----: | :-: |
5298
+ * | **≤80** | **≤72** | **≤13.1** | **≤80** | No |
5102
5299
  */
5103
5300
  wordWrap?: Property.WordWrap | undefined;
5104
5301
  /**
@@ -5139,7 +5336,7 @@ interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string
5139
5336
  *
5140
5337
  * | Chrome | Firefox | Safari | Edge | IE |
5141
5338
  * | :----: | :-----: | :-----: | :----: | :-----: |
5142
- * | **1** | No | **3.1** | **12** | **5.5** |
5339
+ * | **1** | n/a | **3.1** | **12** | **5.5** |
5143
5340
  *
5144
5341
  * @see https://developer.mozilla.org/docs/Web/CSS/zoom
5145
5342
  */
@@ -5174,6 +5371,18 @@ interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = strin
5174
5371
  * @see https://developer.mozilla.org/docs/Web/CSS/animation
5175
5372
  */
5176
5373
  animation?: Property.Animation<TTime> | undefined;
5374
+ /**
5375
+ * The **`animation-range`** CSS shorthand property is used to set the start and end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start and end.
5376
+ *
5377
+ * **Syntax**: `[ <'animation-range-start'> <'animation-range-end'>? ]#`
5378
+ *
5379
+ * | Chrome | Firefox | Safari | Edge | IE |
5380
+ * | :-----: | :-----: | :----: | :--: | :-: |
5381
+ * | **115** | No | No | n/a | No |
5382
+ *
5383
+ * @see https://developer.mozilla.org/docs/Web/CSS/animation-range
5384
+ */
5385
+ animationRange?: Property.AnimationRange<TLength> | undefined;
5177
5386
  /**
5178
5387
  * The **`background`** shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.
5179
5388
  *
@@ -5425,11 +5634,11 @@ interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = strin
5425
5634
  /**
5426
5635
  * The **`contain-intrinsic-size`** CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment.
5427
5636
  *
5428
- * **Syntax**: `[ none | <length> | auto <length> ]{1,2}`
5637
+ * **Syntax**: `[ auto? [ none | <length> ] ]{1,2}`
5429
5638
  *
5430
5639
  * | Chrome | Firefox | Safari | Edge | IE |
5431
5640
  * | :----: | :-----: | :----: | :--: | :-: |
5432
- * | **83** | **107** | No | n/a | No |
5641
+ * | **83** | **107** | **17** | n/a | No |
5433
5642
  *
5434
5643
  * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size
5435
5644
  */
@@ -5651,9 +5860,10 @@ interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = strin
5651
5860
  *
5652
5861
  * **Syntax**: `<mask-layer>#`
5653
5862
  *
5654
- * | Chrome | Firefox | Safari | Edge | IE |
5655
- * | :----: | :-----: | :-----: | :---: | :-: |
5656
- * | **1** | **2** | **3.1** | 12-79 | No |
5863
+ * | Chrome | Firefox | Safari | Edge | IE |
5864
+ * | :----: | :-----: | :-------: | :---: | :-: |
5865
+ * | **1** | **53** | **15.4** | 12-79 | No |
5866
+ * | | | 3.1 _-x-_ | | |
5657
5867
  *
5658
5868
  * @see https://developer.mozilla.org/docs/Web/CSS/mask
5659
5869
  */
@@ -5663,9 +5873,10 @@ interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = strin
5663
5873
  *
5664
5874
  * **Syntax**: `<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>`
5665
5875
  *
5666
- * | Chrome | Firefox | Safari | Edge | IE |
5667
- * | :------------------------------: | :-----: | :--------------------------------: | :--: | :-: |
5668
- * | **1** _(-webkit-mask-box-image)_ | No | **3.1** _(-webkit-mask-box-image)_ | n/a | No |
5876
+ * | Chrome | Firefox | Safari | Edge | IE |
5877
+ * | :------------------------------: | :-----: | :----------------------------: | :--: | :-: |
5878
+ * | **1** _(-webkit-mask-box-image)_ | No | **17.2** | n/a | No |
5879
+ * | | | 3.1 _(-webkit-mask-box-image)_ | | |
5669
5880
  *
5670
5881
  * @see https://developer.mozilla.org/docs/Web/CSS/mask-border
5671
5882
  */
@@ -5701,9 +5912,9 @@ interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = strin
5701
5912
  *
5702
5913
  * **Syntax**: `[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]`
5703
5914
  *
5704
- * | Chrome | Firefox | Safari | Edge | IE |
5705
- * | :----: | :-----: | :-----: | :----: | :---: |
5706
- * | **94** | **88** | **1.2** | **94** | **8** |
5915
+ * | Chrome | Firefox | Safari | Edge | IE |
5916
+ * | :----: | :-----: | :------: | :----: | :---: |
5917
+ * | **94** | **88** | **16.4** | **94** | **8** |
5707
5918
  *
5708
5919
  * @see https://developer.mozilla.org/docs/Web/CSS/outline
5709
5920
  */
@@ -5826,9 +6037,9 @@ interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = strin
5826
6037
  *
5827
6038
  * **Syntax**: `<length>{1,2}`
5828
6039
  *
5829
- * | Chrome | Firefox | Safari | Edge | IE |
5830
- * | :----: | :-----: | :------: | :--: | :-: |
5831
- * | **69** | **68** | **14.1** | n/a | No |
6040
+ * | Chrome | Firefox | Safari | Edge | IE |
6041
+ * | :----: | :-----: | :----: | :--: | :-: |
6042
+ * | **69** | **68** | **15** | n/a | No |
5832
6043
  *
5833
6044
  * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
5834
6045
  */
@@ -5838,9 +6049,9 @@ interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = strin
5838
6049
  *
5839
6050
  * **Syntax**: `<length>{1,2}`
5840
6051
  *
5841
- * | Chrome | Firefox | Safari | Edge | IE |
5842
- * | :----: | :-----: | :------: | :--: | :-: |
5843
- * | **69** | **68** | **14.1** | n/a | No |
6052
+ * | Chrome | Firefox | Safari | Edge | IE |
6053
+ * | :----: | :-----: | :----: | :--: | :-: |
6054
+ * | **69** | **68** | **15** | n/a | No |
5844
6055
  *
5845
6056
  * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
5846
6057
  */
@@ -5897,11 +6108,11 @@ interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = strin
5897
6108
  /**
5898
6109
  * The **`scroll-timeline`** CSS shorthand property defines a name that can be used to identify the source element of a scroll timeline, along with the scrollbar axis that should provide the timeline.
5899
6110
  *
5900
- * **Syntax**: `[<'scroll-timeline-name'> <'scroll-timeline-axis'>?]#`
6111
+ * **Syntax**: `[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#`
5901
6112
  *
5902
- * | Chrome | Firefox | Safari | Edge | IE |
5903
- * | :----: | :-----: | :----: | :--: | :-: |
5904
- * | No | n/a | No | n/a | No |
6113
+ * | Chrome | Firefox | Safari | Edge | IE |
6114
+ * | :-----: | :-----: | :----: | :--: | :-: |
6115
+ * | **115** | n/a | No | n/a | No |
5905
6116
  *
5906
6117
  * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline
5907
6118
  */
@@ -5939,11 +6150,23 @@ interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = strin
5939
6150
  * | Chrome | Firefox | Safari | Edge | IE |
5940
6151
  * | :-----: | :-----: | :-------: | :----: | :----: |
5941
6152
  * | **26** | **16** | **9** | **12** | **10** |
5942
- * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ | | |
6153
+ * | 1 _-x-_ | | 3.1 _-x-_ | | |
5943
6154
  *
5944
6155
  * @see https://developer.mozilla.org/docs/Web/CSS/transition
5945
6156
  */
5946
6157
  transition?: Property.Transition<TTime> | undefined;
6158
+ /**
6159
+ * The **`view-timeline`** CSS shorthand property is used to define a _named view progress timeline_, which is progressed through based on the change in visibility of an element (known as the _subject_) inside a scrollable element (_scroller_). `view-timeline` is set on the subject.
6160
+ *
6161
+ * **Syntax**: `[ <'view-timeline-name'> <'view-timeline-axis'>? ]#`
6162
+ *
6163
+ * | Chrome | Firefox | Safari | Edge | IE |
6164
+ * | :-----: | :-----: | :----: | :--: | :-: |
6165
+ * | **115** | n/a | No | n/a | No |
6166
+ *
6167
+ * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline
6168
+ */
6169
+ viewTimeline?: Property.ViewTimeline | undefined;
5947
6170
  }
5948
6171
 
5949
6172
  interface StandardProperties<TLength = (string & {}) | 0, TTime = string & {}>
@@ -6023,14 +6246,6 @@ interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = string &
6023
6246
  * **Initial value**: `none` (but this value is overridden in the user agent CSS)
6024
6247
  */
6025
6248
  MozAppearance?: Property.MozAppearance | undefined;
6026
- /**
6027
- * The **`backface-visibility`** CSS property sets whether the back face of an element is visible when turned towards the user.
6028
- *
6029
- * **Syntax**: `visible | hidden`
6030
- *
6031
- * **Initial value**: `visible`
6032
- */
6033
- MozBackfaceVisibility?: Property.BackfaceVisibility | undefined;
6034
6249
  /**
6035
6250
  * The **`-moz-binding`** CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.
6036
6251
  *
@@ -6240,37 +6455,53 @@ interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = string &
6240
6455
  */
6241
6456
  MozOsxFontSmoothing?: Property.FontSmooth<TLength> | undefined;
6242
6457
  /**
6243
- * The **`padding-inline-end`** CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
6458
+ * In Mozilla applications, the **`-moz-outline-radius-bottomleft`** CSS property can be used to round the bottom-left corner of an element's `outline`.
6244
6459
  *
6245
- * **Syntax**: `<'padding-left'>`
6460
+ * **Syntax**: `<outline-radius>`
6246
6461
  *
6247
6462
  * **Initial value**: `0`
6248
6463
  */
6249
- MozPaddingEnd?: Property.PaddingInlineEnd<TLength> | undefined;
6464
+ MozOutlineRadiusBottomleft?: Property.MozOutlineRadiusBottomleft<TLength> | undefined;
6250
6465
  /**
6251
- * The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
6466
+ * In Mozilla applications, the **`-moz-outline-radius-bottomright`** CSS property can be used to round the bottom-right corner of an element's `outline`.
6252
6467
  *
6253
- * **Syntax**: `<'padding-left'>`
6468
+ * **Syntax**: `<outline-radius>`
6254
6469
  *
6255
6470
  * **Initial value**: `0`
6256
6471
  */
6257
- MozPaddingStart?: Property.PaddingInlineStart<TLength> | undefined;
6472
+ MozOutlineRadiusBottomright?: Property.MozOutlineRadiusBottomright<TLength> | undefined;
6258
6473
  /**
6259
- * The **`perspective`** CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
6474
+ * In Mozilla applications, the **`-moz-outline-radius-topleft`** CSS property can be used to round the top-left corner of an element's `outline`.
6260
6475
  *
6261
- * **Syntax**: `none | <length>`
6476
+ * **Syntax**: `<outline-radius>`
6262
6477
  *
6263
- * **Initial value**: `none`
6478
+ * **Initial value**: `0`
6264
6479
  */
6265
- MozPerspective?: Property.Perspective<TLength> | undefined;
6480
+ MozOutlineRadiusTopleft?: Property.MozOutlineRadiusTopleft<TLength> | undefined;
6266
6481
  /**
6267
- * The **`perspective-origin`** CSS property determines the position at which the viewer is looking. It is used as the _vanishing point_ by the `perspective` property.
6482
+ * In Mozilla applications, the **`-moz-outline-radius-topright`** CSS property can be used to round the top-right corner of an element's `outline`.
6268
6483
  *
6269
- * **Syntax**: `<position>`
6484
+ * **Syntax**: `<outline-radius>`
6270
6485
  *
6271
- * **Initial value**: `50% 50%`
6486
+ * **Initial value**: `0`
6272
6487
  */
6273
- MozPerspectiveOrigin?: Property.PerspectiveOrigin<TLength> | undefined;
6488
+ MozOutlineRadiusTopright?: Property.MozOutlineRadiusTopright<TLength> | undefined;
6489
+ /**
6490
+ * The **`padding-inline-end`** CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
6491
+ *
6492
+ * **Syntax**: `<'padding-left'>`
6493
+ *
6494
+ * **Initial value**: `0`
6495
+ */
6496
+ MozPaddingEnd?: Property.PaddingInlineEnd<TLength> | undefined;
6497
+ /**
6498
+ * The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
6499
+ *
6500
+ * **Syntax**: `<'padding-left'>`
6501
+ *
6502
+ * **Initial value**: `0`
6503
+ */
6504
+ MozPaddingStart?: Property.PaddingInlineStart<TLength> | undefined;
6274
6505
  /**
6275
6506
  * **`-moz-stack-sizing`** is an extended CSS property. Normally, a `<xul:stack>` will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible.
6276
6507
  *
@@ -6303,54 +6534,6 @@ interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = string &
6303
6534
  * **Initial value**: `auto` for smartphone browsers supporting inflation, `none` in other cases (and then not modifiable).
6304
6535
  */
6305
6536
  MozTextSizeAdjust?: Property.TextSizeAdjust | undefined;
6306
- /**
6307
- * The **`transform-origin`** CSS property sets the origin for an element's transformations.
6308
- *
6309
- * **Syntax**: `[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?`
6310
- *
6311
- * **Initial value**: `50% 50% 0`
6312
- */
6313
- MozTransformOrigin?: Property.TransformOrigin<TLength> | undefined;
6314
- /**
6315
- * The **`transform-style`** CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
6316
- *
6317
- * **Syntax**: `flat | preserve-3d`
6318
- *
6319
- * **Initial value**: `flat`
6320
- */
6321
- MozTransformStyle?: Property.TransformStyle | undefined;
6322
- /**
6323
- * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
6324
- *
6325
- * **Syntax**: `<time>#`
6326
- *
6327
- * **Initial value**: `0s`
6328
- */
6329
- MozTransitionDelay?: Property.TransitionDelay<TTime> | undefined;
6330
- /**
6331
- * The **`transition-duration`** CSS property sets the length of time a transition animation should take to complete. By default, the value is `0s`, meaning that no animation will occur.
6332
- *
6333
- * **Syntax**: `<time>#`
6334
- *
6335
- * **Initial value**: `0s`
6336
- */
6337
- MozTransitionDuration?: Property.TransitionDuration<TTime> | undefined;
6338
- /**
6339
- * The **`transition-property`** CSS property sets the CSS properties to which a transition effect should be applied.
6340
- *
6341
- * **Syntax**: `none | <single-transition-property>#`
6342
- *
6343
- * **Initial value**: all
6344
- */
6345
- MozTransitionProperty?: Property.TransitionProperty | undefined;
6346
- /**
6347
- * The **`transition-timing-function`** CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
6348
- *
6349
- * **Syntax**: `<easing-function>#`
6350
- *
6351
- * **Initial value**: `ease`
6352
- */
6353
- MozTransitionTimingFunction?: Property.TransitionTimingFunction | undefined;
6354
6537
  /**
6355
6538
  * The **`-moz-user-focus`** CSS property is used to indicate whether an element can have the focus.
6356
6539
  *
@@ -7771,11 +7954,11 @@ interface VendorShorthandProperties<TLength = (string & {}) | 0, TTime = string
7771
7954
  */
7772
7955
  MozColumns?: Property.Columns<TLength> | undefined;
7773
7956
  /**
7774
- * The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`.
7957
+ * In Mozilla applications like Firefox, the **`-moz-outline-radius`** CSS shorthand property can be used to give an element's `outline` rounded corners.
7775
7958
  *
7776
- * **Syntax**: `<single-transition>#`
7959
+ * **Syntax**: `<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?`
7777
7960
  */
7778
- MozTransition?: Property.Transition<TTime> | undefined;
7961
+ MozOutlineRadius?: Property.MozOutlineRadius<TLength> | undefined;
7779
7962
  /**
7780
7963
  * The **`-ms-content-zoom-limit`** CSS shorthand property is a Microsoft extension that specifies values for the `-ms-content-zoom-limit-min` and `-ms-content-zoom-limit-max` properties.
7781
7964
  *
@@ -8265,6 +8448,16 @@ interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {
8265
8448
  * @deprecated
8266
8449
  */
8267
8450
  KhtmlUserSelect?: Property.UserSelect | undefined;
8451
+ /**
8452
+ * The **`backface-visibility`** CSS property sets whether the back face of an element is visible when turned towards the user.
8453
+ *
8454
+ * **Syntax**: `visible | hidden`
8455
+ *
8456
+ * **Initial value**: `visible`
8457
+ *
8458
+ * @deprecated
8459
+ */
8460
+ MozBackfaceVisibility?: Property.BackfaceVisibility | undefined;
8268
8461
  /**
8269
8462
  * The **`background-clip`** CSS property sets whether an element's background extends underneath its border box, padding box, or content box.
8270
8463
  *
@@ -8472,73 +8665,45 @@ interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {
8472
8665
  */
8473
8666
  MozOutlineColor?: Property.OutlineColor | undefined;
8474
8667
  /**
8475
- * In Mozilla applications like Firefox, the **`-moz-outline-radius`** CSS shorthand property can be used to give an element's `outline` rounded corners.
8476
- *
8477
- * **Syntax**: `<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?`
8478
- *
8479
- * @deprecated
8480
- */
8481
- MozOutlineRadius?: Property.MozOutlineRadius<TLength> | undefined;
8482
- /**
8483
- * In Mozilla applications, the **`-moz-outline-radius-bottomleft`** CSS property can be used to round the bottom-left corner of an element's `outline`.
8484
- *
8485
- * **Syntax**: `<outline-radius>`
8486
- *
8487
- * **Initial value**: `0`
8488
- *
8489
- * @deprecated
8490
- */
8491
- MozOutlineRadiusBottomleft?: Property.MozOutlineRadiusBottomleft<TLength> | undefined;
8492
- /**
8493
- * In Mozilla applications, the **`-moz-outline-radius-bottomright`** CSS property can be used to round the bottom-right corner of an element's `outline`.
8494
- *
8495
- * **Syntax**: `<outline-radius>`
8496
- *
8497
- * **Initial value**: `0`
8498
- *
8499
- * @deprecated
8500
- */
8501
- MozOutlineRadiusBottomright?: Property.MozOutlineRadiusBottomright<TLength> | undefined;
8502
- /**
8503
- * In Mozilla applications, the **`-moz-outline-radius-topleft`** CSS property can be used to round the top-left corner of an element's `outline`.
8668
+ * The **`outline-style`** CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
8504
8669
  *
8505
- * **Syntax**: `<outline-radius>`
8670
+ * **Syntax**: `auto | <'border-style'>`
8506
8671
  *
8507
- * **Initial value**: `0`
8672
+ * **Initial value**: `none`
8508
8673
  *
8509
8674
  * @deprecated
8510
8675
  */
8511
- MozOutlineRadiusTopleft?: Property.MozOutlineRadiusTopleft<TLength> | undefined;
8676
+ MozOutlineStyle?: Property.OutlineStyle | undefined;
8512
8677
  /**
8513
- * In Mozilla applications, the **`-moz-outline-radius-topright`** CSS property can be used to round the top-right corner of an element's `outline`.
8678
+ * The CSS **`outline-width`** property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
8514
8679
  *
8515
- * **Syntax**: `<outline-radius>`
8680
+ * **Syntax**: `<line-width>`
8516
8681
  *
8517
- * **Initial value**: `0`
8682
+ * **Initial value**: `medium`
8518
8683
  *
8519
8684
  * @deprecated
8520
8685
  */
8521
- MozOutlineRadiusTopright?: Property.MozOutlineRadiusTopright<TLength> | undefined;
8686
+ MozOutlineWidth?: Property.OutlineWidth<TLength> | undefined;
8522
8687
  /**
8523
- * The **`outline-style`** CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
8688
+ * The **`perspective`** CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
8524
8689
  *
8525
- * **Syntax**: `auto | <'border-style'>`
8690
+ * **Syntax**: `none | <length>`
8526
8691
  *
8527
8692
  * **Initial value**: `none`
8528
8693
  *
8529
8694
  * @deprecated
8530
8695
  */
8531
- MozOutlineStyle?: Property.OutlineStyle | undefined;
8696
+ MozPerspective?: Property.Perspective<TLength> | undefined;
8532
8697
  /**
8533
- * The CSS **`outline-width`** property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
8698
+ * The **`perspective-origin`** CSS property determines the position at which the viewer is looking. It is used as the _vanishing point_ by the `perspective` property.
8534
8699
  *
8535
- * **Syntax**: `<line-width>`
8700
+ * **Syntax**: `<position>`
8536
8701
  *
8537
- * **Initial value**: `medium`
8702
+ * **Initial value**: `50% 50%`
8538
8703
  *
8539
8704
  * @deprecated
8540
8705
  */
8541
- MozOutlineWidth?: Property.OutlineWidth<TLength> | undefined;
8706
+ MozPerspectiveOrigin?: Property.PerspectiveOrigin<TLength> | undefined;
8542
8707
  /**
8543
8708
  * The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.
8544
8709
  *
@@ -8580,55 +8745,55 @@ interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {
8580
8745
  */
8581
8746
  MozTextDecorationStyle?: Property.TextDecorationStyle | undefined;
8582
8747
  /**
8583
- * In Mozilla applications, **`-moz-user-input`** determines if an element will accept user input.
8748
+ * The **`transform`** CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
8584
8749
  *
8585
- * **Syntax**: `auto | none | enabled | disabled`
8750
+ * **Syntax**: `none | <transform-list>`
8586
8751
  *
8587
- * **Initial value**: `auto`
8752
+ * **Initial value**: `none`
8588
8753
  *
8589
8754
  * @deprecated
8590
8755
  */
8591
- MozUserInput?: Property.MozUserInput | undefined;
8756
+ MozTransform?: Property.Transform | undefined;
8592
8757
  /**
8593
- * The **`ime-mode`** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.
8758
+ * The **`transform-origin`** CSS property sets the origin for an element's transformations.
8594
8759
  *
8595
- * **Syntax**: `auto | normal | active | inactive | disabled`
8760
+ * **Syntax**: `[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?`
8596
8761
  *
8597
- * **Initial value**: `auto`
8762
+ * **Initial value**: `50% 50% 0`
8598
8763
  *
8599
8764
  * @deprecated
8600
8765
  */
8601
- msImeMode?: Property.ImeMode | undefined;
8766
+ MozTransformOrigin?: Property.TransformOrigin<TLength> | undefined;
8602
8767
  /**
8603
- * The **`animation`** shorthand CSS property applies an animation between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`.
8768
+ * The **`transform-style`** CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
8604
8769
  *
8605
- * **Syntax**: `<single-animation>#`
8770
+ * **Syntax**: `flat | preserve-3d`
8771
+ *
8772
+ * **Initial value**: `flat`
8606
8773
  *
8607
8774
  * @deprecated
8608
8775
  */
8609
- OAnimation?: Property.Animation<TTime> | undefined;
8776
+ MozTransformStyle?: Property.TransformStyle | undefined;
8610
8777
  /**
8611
- * The **`animation-delay`** CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
8612
- *
8613
- * **Syntax**: `<time>#`
8778
+ * The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`.
8614
8779
  *
8615
- * **Initial value**: `0s`
8780
+ * **Syntax**: `<single-transition>#`
8616
8781
  *
8617
8782
  * @deprecated
8618
8783
  */
8619
- OAnimationDelay?: Property.AnimationDelay<TTime> | undefined;
8784
+ MozTransition?: Property.Transition<TTime> | undefined;
8620
8785
  /**
8621
- * The **`animation-direction`** CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward.
8786
+ * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
8622
8787
  *
8623
- * **Syntax**: `<single-animation-direction>#`
8788
+ * **Syntax**: `<time>#`
8624
8789
  *
8625
- * **Initial value**: `normal`
8790
+ * **Initial value**: `0s`
8626
8791
  *
8627
8792
  * @deprecated
8628
8793
  */
8629
- OAnimationDirection?: Property.AnimationDirection | undefined;
8794
+ MozTransitionDelay?: Property.TransitionDelay<TTime> | undefined;
8630
8795
  /**
8631
- * The **`animation-duration`** CSS property sets the length of time that an animation takes to complete one cycle.
8796
+ * The **`transition-duration`** CSS property sets the length of time a transition animation should take to complete. By default, the value is `0s`, meaning that no animation will occur.
8632
8797
  *
8633
8798
  * **Syntax**: `<time>#`
8634
8799
  *
@@ -8636,21 +8801,99 @@ interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {
8636
8801
  *
8637
8802
  * @deprecated
8638
8803
  */
8639
- OAnimationDuration?: Property.AnimationDuration<TTime> | undefined;
8804
+ MozTransitionDuration?: Property.TransitionDuration<TTime> | undefined;
8640
8805
  /**
8641
- * The **`animation-fill-mode`** CSS property sets how a CSS animation applies styles to its target before and after its execution.
8806
+ * The **`transition-property`** CSS property sets the CSS properties to which a transition effect should be applied.
8642
8807
  *
8643
- * **Syntax**: `<single-animation-fill-mode>#`
8808
+ * **Syntax**: `none | <single-transition-property>#`
8644
8809
  *
8645
- * **Initial value**: `none`
8810
+ * **Initial value**: all
8646
8811
  *
8647
8812
  * @deprecated
8648
8813
  */
8649
- OAnimationFillMode?: Property.AnimationFillMode | undefined;
8814
+ MozTransitionProperty?: Property.TransitionProperty | undefined;
8650
8815
  /**
8651
- * The **`animation-iteration-count`** CSS property sets the number of times an animation sequence should be played before stopping.
8816
+ * The **`transition-timing-function`** CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
8652
8817
  *
8653
- * **Syntax**: `<single-animation-iteration-count>#`
8818
+ * **Syntax**: `<easing-function>#`
8819
+ *
8820
+ * **Initial value**: `ease`
8821
+ *
8822
+ * @deprecated
8823
+ */
8824
+ MozTransitionTimingFunction?: Property.TransitionTimingFunction | undefined;
8825
+ /**
8826
+ * In Mozilla applications, **`-moz-user-input`** determines if an element will accept user input.
8827
+ *
8828
+ * **Syntax**: `auto | none | enabled | disabled`
8829
+ *
8830
+ * **Initial value**: `auto`
8831
+ *
8832
+ * @deprecated
8833
+ */
8834
+ MozUserInput?: Property.MozUserInput | undefined;
8835
+ /**
8836
+ * The **`ime-mode`** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.
8837
+ *
8838
+ * **Syntax**: `auto | normal | active | inactive | disabled`
8839
+ *
8840
+ * **Initial value**: `auto`
8841
+ *
8842
+ * @deprecated
8843
+ */
8844
+ msImeMode?: Property.ImeMode | undefined;
8845
+ /**
8846
+ * The **`animation`** shorthand CSS property applies an animation between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`.
8847
+ *
8848
+ * **Syntax**: `<single-animation>#`
8849
+ *
8850
+ * @deprecated
8851
+ */
8852
+ OAnimation?: Property.Animation<TTime> | undefined;
8853
+ /**
8854
+ * The **`animation-delay`** CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
8855
+ *
8856
+ * **Syntax**: `<time>#`
8857
+ *
8858
+ * **Initial value**: `0s`
8859
+ *
8860
+ * @deprecated
8861
+ */
8862
+ OAnimationDelay?: Property.AnimationDelay<TTime> | undefined;
8863
+ /**
8864
+ * The **`animation-direction`** CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward.
8865
+ *
8866
+ * **Syntax**: `<single-animation-direction>#`
8867
+ *
8868
+ * **Initial value**: `normal`
8869
+ *
8870
+ * @deprecated
8871
+ */
8872
+ OAnimationDirection?: Property.AnimationDirection | undefined;
8873
+ /**
8874
+ * The **`animation-duration`** CSS property sets the length of time that an animation takes to complete one cycle.
8875
+ *
8876
+ * **Syntax**: `<time>#`
8877
+ *
8878
+ * **Initial value**: `0s`
8879
+ *
8880
+ * @deprecated
8881
+ */
8882
+ OAnimationDuration?: Property.AnimationDuration<TTime> | undefined;
8883
+ /**
8884
+ * The **`animation-fill-mode`** CSS property sets how a CSS animation applies styles to its target before and after its execution.
8885
+ *
8886
+ * **Syntax**: `<single-animation-fill-mode>#`
8887
+ *
8888
+ * **Initial value**: `none`
8889
+ *
8890
+ * @deprecated
8891
+ */
8892
+ OAnimationFillMode?: Property.AnimationFillMode | undefined;
8893
+ /**
8894
+ * The **`animation-iteration-count`** CSS property sets the number of times an animation sequence should be played before stopping.
8895
+ *
8896
+ * **Syntax**: `<single-animation-iteration-count>#`
8654
8897
  *
8655
8898
  * **Initial value**: `1`
8656
8899
  *
@@ -8893,26 +9136,6 @@ interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {
8893
9136
  * @deprecated
8894
9137
  */
8895
9138
  WebkitBoxPack?: Property.BoxPack | undefined;
8896
- /**
8897
- * The **`scroll-snap-points-x`** CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.
8898
- *
8899
- * **Syntax**: `none | repeat( <length-percentage> )`
8900
- *
8901
- * **Initial value**: `none`
8902
- *
8903
- * @deprecated
8904
- */
8905
- WebkitScrollSnapPointsX?: Property.ScrollSnapPointsX | undefined;
8906
- /**
8907
- * The **`scroll-snap-points-y`** CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.
8908
- *
8909
- * **Syntax**: `none | repeat( <length-percentage> )`
8910
- *
8911
- * **Initial value**: `none`
8912
- *
8913
- * @deprecated
8914
- */
8915
- WebkitScrollSnapPointsY?: Property.ScrollSnapPointsY | undefined;
8916
9139
  }
8917
9140
 
8918
9141
  interface SvgProperties<TLength = (string & {}) | 0, TTime = string & {}> {
@@ -9017,6 +9240,12 @@ declare namespace Property {
9017
9240
 
9018
9241
  export type AnimationPlayState = Globals | "paused" | "running" | (string & {});
9019
9242
 
9243
+ export type AnimationRange<TLength = (string & {}) | 0> = Globals | DataType.TimelineRangeName | TLength | "normal" | (string & {});
9244
+
9245
+ export type AnimationRangeEnd<TLength = (string & {}) | 0> = Globals | DataType.TimelineRangeName | TLength | "normal" | (string & {});
9246
+
9247
+ export type AnimationRangeStart<TLength = (string & {}) | 0> = Globals | DataType.TimelineRangeName | TLength | "normal" | (string & {});
9248
+
9020
9249
  export type AnimationTimeline = Globals | DataType.SingleAnimationTimeline | (string & {});
9021
9250
 
9022
9251
  export type AnimationTimingFunction = Globals | DataType.EasingFunction | (string & {});
@@ -9077,7 +9306,6 @@ declare namespace Property {
9077
9306
  | "-moz-fit-content"
9078
9307
  | "-moz-max-content"
9079
9308
  | "-moz-min-content"
9080
- | "-webkit-fill-available"
9081
9309
  | "auto"
9082
9310
  | "fit-content"
9083
9311
  | "max-content"
@@ -9445,7 +9673,15 @@ declare namespace Property {
9445
9673
 
9446
9674
  export type FontStyle = Globals | "italic" | "normal" | "oblique" | (string & {});
9447
9675
 
9448
- export type FontSynthesis = Globals | "none" | "small-caps" | "style" | "weight" | (string & {});
9676
+ export type FontSynthesis = Globals | "none" | "position" | "small-caps" | "style" | "weight" | (string & {});
9677
+
9678
+ export type FontSynthesisPosition = Globals | "auto" | "none";
9679
+
9680
+ export type FontSynthesisSmallCaps = Globals | "auto" | "none";
9681
+
9682
+ export type FontSynthesisStyle = Globals | "auto" | "none";
9683
+
9684
+ export type FontSynthesisWeight = Globals | "auto" | "none";
9449
9685
 
9450
9686
  export type FontVariant =
9451
9687
  | Globals
@@ -9708,6 +9944,8 @@ declare namespace Property {
9708
9944
 
9709
9945
  export type MaskType = Globals | "alpha" | "luminance";
9710
9946
 
9947
+ export type MasonryAutoFlow = Globals | "definite-first" | "next" | "ordered" | "pack" | (string & {});
9948
+
9711
9949
  export type MathDepth = Globals | "auto-add" | (string & {}) | (number & {});
9712
9950
 
9713
9951
  export type MathShift = Globals | "compact" | "normal";
@@ -9834,11 +10072,11 @@ declare namespace Property {
9834
10072
 
9835
10073
  export type MixBlendMode = Globals | DataType.BlendMode | "plus-lighter";
9836
10074
 
9837
- export type Offset<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | DataType.GeometryBox | "auto" | "none" | (string & {});
10075
+ export type Offset<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | "auto" | "none" | "normal" | (string & {});
9838
10076
 
9839
10077
  export type OffsetDistance<TLength = (string & {}) | 0> = Globals | TLength | (string & {});
9840
10078
 
9841
- export type OffsetPath = Globals | DataType.GeometryBox | "none" | (string & {});
10079
+ export type OffsetPath = Globals | "none" | (string & {});
9842
10080
 
9843
10081
  export type OffsetRotate = Globals | "auto" | "reverse" | (string & {});
9844
10082
 
@@ -9848,7 +10086,7 @@ declare namespace Property {
9848
10086
 
9849
10087
  export type OffsetAnchor<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | "auto";
9850
10088
 
9851
- export type OffsetPosition<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | "auto";
10089
+ export type OffsetPosition<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | "auto" | "normal";
9852
10090
 
9853
10091
  export type Opacity = Globals | (string & {}) | (number & {});
9854
10092
 
@@ -9884,6 +10122,8 @@ declare namespace Property {
9884
10122
 
9885
10123
  export type OverflowY = Globals | "-moz-hidden-unscrollable" | "auto" | "clip" | "hidden" | "scroll" | "visible";
9886
10124
 
10125
+ export type Overlay = Globals | "auto" | "none";
10126
+
9887
10127
  export type OverscrollBehavior = Globals | "auto" | "contain" | "none" | (string & {});
9888
10128
 
9889
10129
  export type OverscrollBehaviorBlock = Globals | "auto" | "contain" | "none";
@@ -10024,7 +10264,7 @@ declare namespace Property {
10024
10264
 
10025
10265
  export type ScrollTimeline = Globals | "none" | (string & {});
10026
10266
 
10027
- export type ScrollTimelineAxis = Globals | "block" | "horizontal" | "inline" | "vertical" | (string & {});
10267
+ export type ScrollTimelineAxis = Globals | "block" | "inline" | "x" | "y" | (string & {});
10028
10268
 
10029
10269
  export type ScrollTimelineName = Globals | "none" | (string & {});
10030
10270
 
@@ -10044,7 +10284,7 @@ declare namespace Property {
10044
10284
 
10045
10285
  export type TableLayout = Globals | "auto" | "fixed";
10046
10286
 
10047
- export type TextAlign = Globals | "center" | "end" | "justify" | "left" | "match-parent" | "right" | "start";
10287
+ export type TextAlign = Globals | "-webkit-match-parent" | "center" | "end" | "justify" | "left" | "match-parent" | "right" | "start";
10048
10288
 
10049
10289
  export type TextAlignLast = Globals | "auto" | "center" | "end" | "justify" | "left" | "right" | "start";
10050
10290
 
@@ -10110,6 +10350,10 @@ declare namespace Property {
10110
10350
 
10111
10351
  export type TextUnderlinePosition = Globals | "auto" | "from-font" | "left" | "right" | "under" | (string & {});
10112
10352
 
10353
+ export type TextWrap = Globals | "balance" | "nowrap" | "pretty" | "stable" | "wrap";
10354
+
10355
+ export type TimelineScope = Globals | "none" | (string & {});
10356
+
10113
10357
  export type Top<TLength = (string & {}) | 0> = Globals | TLength | "auto" | (string & {});
10114
10358
 
10115
10359
  export type TouchAction =
@@ -10139,6 +10383,8 @@ declare namespace Property {
10139
10383
 
10140
10384
  export type Transition<TTime = string & {}> = Globals | DataType.SingleTransition<TTime> | (string & {});
10141
10385
 
10386
+ export type TransitionBehavior = Globals | "allow-discrete" | "normal" | (string & {});
10387
+
10142
10388
  export type TransitionDelay<TTime = string & {}> = Globals | TTime | (string & {});
10143
10389
 
10144
10390
  export type TransitionDuration<TTime = string & {}> = Globals | TTime | (string & {});
@@ -10179,11 +10425,45 @@ declare namespace Property {
10179
10425
  | "top"
10180
10426
  | (string & {});
10181
10427
 
10428
+ export type ViewTimeline = Globals | "none" | (string & {});
10429
+
10430
+ export type ViewTimelineAxis = Globals | "block" | "inline" | "x" | "y" | (string & {});
10431
+
10432
+ export type ViewTimelineInset<TLength = (string & {}) | 0> = Globals | TLength | "auto" | (string & {});
10433
+
10434
+ export type ViewTimelineName = Globals | "none" | (string & {});
10435
+
10182
10436
  export type ViewTransitionName = Globals | "none" | (string & {});
10183
10437
 
10184
10438
  export type Visibility = Globals | "collapse" | "hidden" | "visible";
10185
10439
 
10186
- export type WhiteSpace = Globals | "-moz-pre-wrap" | "break-spaces" | "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
10440
+ export type WhiteSpace =
10441
+ | Globals
10442
+ | "-moz-pre-wrap"
10443
+ | "balance"
10444
+ | "break-spaces"
10445
+ | "collapse"
10446
+ | "discard"
10447
+ | "discard-after"
10448
+ | "discard-before"
10449
+ | "discard-inner"
10450
+ | "none"
10451
+ | "normal"
10452
+ | "nowrap"
10453
+ | "pre"
10454
+ | "pre-line"
10455
+ | "pre-wrap"
10456
+ | "preserve"
10457
+ | "preserve-breaks"
10458
+ | "preserve-spaces"
10459
+ | "pretty"
10460
+ | "stable"
10461
+ | "wrap"
10462
+ | (string & {});
10463
+
10464
+ export type WhiteSpaceCollapse = Globals | "break-spaces" | "collapse" | "discard" | "preserve" | "preserve-breaks" | "preserve-spaces";
10465
+
10466
+ export type WhiteSpaceTrim = Globals | "discard-after" | "discard-before" | "discard-inner" | "none" | (string & {});
10187
10467
 
10188
10468
  export type Widows = Globals | (number & {}) | (string & {});
10189
10469
 
@@ -11002,6 +11282,7 @@ declare namespace DataType {
11002
11282
  | EasingFunction
11003
11283
  | SingleAnimationDirection
11004
11284
  | SingleAnimationFillMode
11285
+ | SingleAnimationTimeline
11005
11286
  | TTime
11006
11287
  | "infinite"
11007
11288
  | "none"
@@ -11018,10 +11299,12 @@ declare namespace DataType {
11018
11299
 
11019
11300
  type SingleAnimationTimeline = "auto" | "none" | (string & {});
11020
11301
 
11021
- type SingleTransition<TTime> = EasingFunction | TTime | "all" | "none" | (string & {});
11302
+ type SingleTransition<TTime> = EasingFunction | TTime | "all" | "allow-discrete" | "none" | "normal" | (string & {});
11022
11303
 
11023
11304
  type StepTimingFunction = "step-end" | "step-start" | (string & {});
11024
11305
 
11306
+ type TimelineRangeName = "contain" | "cover" | "entry" | "entry-crossing" | "exit" | "exit-crossing";
11307
+
11025
11308
  type TrackBreadth<TLength> = TLength | "auto" | "max-content" | "min-content" | (string & {});
11026
11309
 
11027
11310
  type ViewportLength<TLength> = TLength | "auto" | (string & {});
@@ -12487,7 +12770,7 @@ declare const Stack: (<T extends keyof JSX.IntrinsicElements = "div">(props: {
12487
12770
 
12488
12771
 
12489
12772
 
12490
- interface AriaLabelingProps$2 {
12773
+ interface AriaLabelingProps {
12491
12774
  /**
12492
12775
  * Defines a string value that labels the current element.
12493
12776
  */
@@ -12509,16 +12792,24 @@ interface AriaLabelingProps$2 {
12509
12792
  'aria-details'?: string
12510
12793
  }
12511
12794
 
12795
+ interface AriaValidationProps {
12796
+ // https://www.w3.org/TR/wai-aria-1.2/#aria-errormessage
12797
+ /**
12798
+ * Identifies the element that provides an error message for the object.
12799
+ */
12800
+ 'aria-errormessage'?: string
12801
+ }
12802
+
12512
12803
  // A set of common DOM props that are allowed on any component
12513
12804
  // Ensure this is synced with DOMPropNames in filterDOMProps
12514
- interface DOMProps$2 {
12805
+ interface DOMProps {
12515
12806
  /**
12516
12807
  * The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
12517
12808
  */
12518
12809
  id?: string
12519
12810
  }
12520
12811
 
12521
- interface FocusableDOMProps$2 extends DOMProps$2 {
12812
+ interface FocusableDOMProps extends DOMProps {
12522
12813
  /**
12523
12814
  * Whether to exclude the element from the sequential tab order. If true,
12524
12815
  * the element will not be focusable via the keyboard by tabbing. This should
@@ -12528,6 +12819,13 @@ interface FocusableDOMProps$2 extends DOMProps$2 {
12528
12819
  excludeFromTabOrder?: boolean
12529
12820
  }
12530
12821
 
12822
+ interface InputDOMProps {
12823
+ /**
12824
+ * The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
12825
+ */
12826
+ name?: string
12827
+ }
12828
+
12531
12829
  /** Any focusable element, including both HTML and SVG elements. */
12532
12830
  interface FocusableElement extends Element, HTMLOrSVGElement {}
12533
12831
 
@@ -12554,7 +12852,34 @@ interface DOMAttributes<T = FocusableElement> extends AriaAttributes, DOMAttribu
12554
12852
 
12555
12853
 
12556
12854
 
12557
- interface InputBase$2 {
12855
+ type ValidationState = 'valid' | 'invalid';
12856
+
12857
+ type ValidationError = string | string[];
12858
+
12859
+ interface Validation<T> {
12860
+ /** Whether user input is required on the input before form submission. */
12861
+ isRequired?: boolean,
12862
+ /** Whether the input value is invalid. */
12863
+ isInvalid?: boolean,
12864
+ /** @deprecated Use `isInvalid` instead. */
12865
+ validationState?: ValidationState,
12866
+ /**
12867
+ * Whether to use native HTML form validation to prevent form submission
12868
+ * when the value is missing or invalid, or mark the field as required
12869
+ * or invalid via ARIA.
12870
+ * @default 'aria'
12871
+ */
12872
+ validationBehavior?: 'aria' | 'native',
12873
+ /**
12874
+ * A function that returns an error message if a given value is invalid.
12875
+ * Validation errors are displayed to the user when the form is submitted
12876
+ * if `validationBehavior="native"`. For realtime validation, use the `isInvalid`
12877
+ * prop instead.
12878
+ */
12879
+ validate?: (value: T) => ValidationError | true | null | undefined
12880
+ }
12881
+
12882
+ interface InputBase {
12558
12883
  /** Whether the input is disabled. */
12559
12884
  isDisabled?: boolean,
12560
12885
  /** Whether the input can be selected but not changed by the user. */
@@ -12686,7 +13011,7 @@ interface Node<T> {
12686
13011
 
12687
13012
  // Event bubbling can be problematic in real-world applications, so the default for React Spectrum components
12688
13013
  // is not to propagate. This can be overridden by calling continuePropagation() on the event.
12689
- type BaseEvent$2<T extends SyntheticEvent> = T & {
13014
+ type BaseEvent<T extends SyntheticEvent> = T & {
12690
13015
  /**
12691
13016
  * Use continuePropagation.
12692
13017
  * @deprecated */
@@ -12694,7 +13019,7 @@ type BaseEvent$2<T extends SyntheticEvent> = T & {
12694
13019
  continuePropagation(): void
12695
13020
  }
12696
13021
 
12697
- type KeyboardEvent$2 = BaseEvent$2<KeyboardEvent$3<any>>;
13022
+ type KeyboardEvent = BaseEvent<KeyboardEvent$1<any>>;
12698
13023
 
12699
13024
  type PointerType = 'mouse' | 'pen' | 'touch' | 'keyboard' | 'virtual';
12700
13025
 
@@ -12726,14 +13051,14 @@ interface LongPressEvent extends Omit<PressEvent, 'type' | 'continuePropagation'
12726
13051
  type: 'longpressstart' | 'longpressend' | 'longpress'
12727
13052
  }
12728
13053
 
12729
- interface KeyboardEvents$2 {
13054
+ interface KeyboardEvents {
12730
13055
  /** Handler that is called when a key is pressed. */
12731
- onKeyDown?: (e: KeyboardEvent$2) => void,
13056
+ onKeyDown?: (e: KeyboardEvent) => void,
12732
13057
  /** Handler that is called when a key is released. */
12733
- onKeyUp?: (e: KeyboardEvent$2) => void
13058
+ onKeyUp?: (e: KeyboardEvent) => void
12734
13059
  }
12735
13060
 
12736
- interface FocusEvents$2<Target = Element> {
13061
+ interface FocusEvents<Target = Element> {
12737
13062
  /** Handler that is called when the element receives focus. */
12738
13063
  onFocus?: (e: FocusEvent<Target>) => void,
12739
13064
  /** Handler that is called when the element loses focus. */
@@ -12742,11 +13067,25 @@ interface FocusEvents$2<Target = Element> {
12742
13067
  onFocusChange?: (isFocused: boolean) => void
12743
13068
  }
12744
13069
 
12745
- interface FocusableProps$2<Target = Element> extends FocusEvents$2<Target>, KeyboardEvents$2 {
13070
+ interface FocusableProps<Target = Element> extends FocusEvents<Target>, KeyboardEvents {
12746
13071
  /** Whether the element should receive focus on render. */
12747
13072
  autoFocus?: boolean
12748
13073
  }
12749
13074
 
13075
+ /*
13076
+ * Copyright 2023 Adobe. All rights reserved.
13077
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13078
+ * you may not use this file except in compliance with the License. You may obtain a copy
13079
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
13080
+ *
13081
+ * Unless required by applicable law or agreed to in writing, software distributed under
13082
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13083
+ * OF ANY KIND, either express or implied. See the License for the specific language
13084
+ * governing permissions and limitations under the License.
13085
+ */
13086
+
13087
+ type Key = string | number;
13088
+
12750
13089
  declare function useFocused(opts: {
12751
13090
  isTextInput?: boolean;
12752
13091
  }): (boolean | DOMAttributes<FocusableElement>)[];
@@ -12785,7 +13124,7 @@ interface TriggerOpts {
12785
13124
  */
12786
13125
  declare function useTrigger(trigger: TriggerType, opts: TriggerOpts): [boolean, React$1.HTMLAttributes<HTMLElement>];
12787
13126
 
12788
- declare const classNames: typeof classNames$1;
13127
+ declare const classNames: any;
12789
13128
 
12790
13129
  declare function setPlumeStrictMode(mode: boolean): void;
12791
13130
  type VariantArgChoices<T> = T extends (infer M)[] ? M : T extends SingleChoiceArg<infer M> ? M : never;
@@ -12873,172 +13212,7 @@ declare function useButton<P extends PlumeButtonProps, C extends AnyPlasmicClass
12873
13212
 
12874
13213
 
12875
13214
 
12876
- interface AriaLabelingProps$1 {
12877
- /**
12878
- * Defines a string value that labels the current element.
12879
- */
12880
- 'aria-label'?: string,
12881
-
12882
- /**
12883
- * Identifies the element (or elements) that labels the current element.
12884
- */
12885
- 'aria-labelledby'?: string,
12886
-
12887
- /**
12888
- * Identifies the element (or elements) that describes the object.
12889
- */
12890
- 'aria-describedby'?: string,
12891
-
12892
- /**
12893
- * Identifies the element (or elements) that provide a detailed, extended description for the object.
12894
- */
12895
- 'aria-details'?: string
12896
- }
12897
-
12898
- interface AriaValidationProps {
12899
- // https://www.w3.org/TR/wai-aria-1.2/#aria-errormessage
12900
- /**
12901
- * Identifies the element that provides an error message for the object.
12902
- */
12903
- 'aria-errormessage'?: string
12904
- }
12905
-
12906
- // A set of common DOM props that are allowed on any component
12907
- // Ensure this is synced with DOMPropNames in filterDOMProps
12908
- interface DOMProps$1 {
12909
- /**
12910
- * The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
12911
- */
12912
- id?: string
12913
- }
12914
-
12915
- interface FocusableDOMProps$1 extends DOMProps$1 {
12916
- /**
12917
- * Whether to exclude the element from the sequential tab order. If true,
12918
- * the element will not be focusable via the keyboard by tabbing. This should
12919
- * be avoided except in rare scenarios where an alternative means of accessing
12920
- * the element or its functionality via the keyboard is available.
12921
- */
12922
- excludeFromTabOrder?: boolean
12923
- }
12924
-
12925
- interface InputDOMProps$1 {
12926
- /**
12927
- * The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
12928
- */
12929
- name?: string
12930
- }
12931
-
12932
- /*
12933
- * Copyright 2020 Adobe. All rights reserved.
12934
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
12935
- * you may not use this file except in compliance with the License. You may obtain a copy
12936
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
12937
- *
12938
- * Unless required by applicable law or agreed to in writing, software distributed under
12939
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
12940
- * OF ANY KIND, either express or implied. See the License for the specific language
12941
- * governing permissions and limitations under the License.
12942
- */
12943
-
12944
-
12945
-
12946
- type ValidationState = 'valid' | 'invalid';
12947
-
12948
- type ValidationError = string | string[];
12949
-
12950
- interface Validation<T> {
12951
- /** Whether user input is required on the input before form submission. */
12952
- isRequired?: boolean,
12953
- /** Whether the input value is invalid. */
12954
- isInvalid?: boolean,
12955
- /** @deprecated Use `isInvalid` instead. */
12956
- validationState?: ValidationState,
12957
- /**
12958
- * Whether to use native HTML form validation to prevent form submission
12959
- * when the value is missing or invalid, or mark the field as required
12960
- * or invalid via ARIA.
12961
- * @default 'aria'
12962
- */
12963
- validationBehavior?: 'aria' | 'native',
12964
- /**
12965
- * A function that returns an error message if a given value is invalid.
12966
- * Validation errors are displayed to the user when the form is submitted
12967
- * if `validationBehavior="native"`. For realtime validation, use the `isInvalid`
12968
- * prop instead.
12969
- */
12970
- validate?: (value: T) => ValidationError | true | null | undefined
12971
- }
12972
-
12973
- interface InputBase$1 {
12974
- /** Whether the input is disabled. */
12975
- isDisabled?: boolean,
12976
- /** Whether the input can be selected but not changed by the user. */
12977
- isReadOnly?: boolean
12978
- }
12979
-
12980
- /*
12981
- * Copyright 2020 Adobe. All rights reserved.
12982
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
12983
- * you may not use this file except in compliance with the License. You may obtain a copy
12984
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
12985
- *
12986
- * Unless required by applicable law or agreed to in writing, software distributed under
12987
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
12988
- * OF ANY KIND, either express or implied. See the License for the specific language
12989
- * governing permissions and limitations under the License.
12990
- */
12991
-
12992
-
12993
-
12994
- // Event bubbling can be problematic in real-world applications, so the default for React Spectrum components
12995
- // is not to propagate. This can be overridden by calling continuePropagation() on the event.
12996
- type BaseEvent$1<T extends SyntheticEvent> = T & {
12997
- /**
12998
- * Use continuePropagation.
12999
- * @deprecated */
13000
- stopPropagation(): void,
13001
- continuePropagation(): void
13002
- }
13003
-
13004
- type KeyboardEvent$1 = BaseEvent$1<KeyboardEvent$3<any>>;
13005
-
13006
- interface KeyboardEvents$1 {
13007
- /** Handler that is called when a key is pressed. */
13008
- onKeyDown?: (e: KeyboardEvent$1) => void,
13009
- /** Handler that is called when a key is released. */
13010
- onKeyUp?: (e: KeyboardEvent$1) => void
13011
- }
13012
-
13013
- interface FocusEvents$1<Target = Element> {
13014
- /** Handler that is called when the element receives focus. */
13015
- onFocus?: (e: FocusEvent<Target>) => void,
13016
- /** Handler that is called when the element loses focus. */
13017
- onBlur?: (e: FocusEvent<Target>) => void,
13018
- /** Handler that is called when the element's focus status changes. */
13019
- onFocusChange?: (isFocused: boolean) => void
13020
- }
13021
-
13022
- interface FocusableProps$1<Target = Element> extends FocusEvents$1<Target>, KeyboardEvents$1 {
13023
- /** Whether the element should receive focus on render. */
13024
- autoFocus?: boolean
13025
- }
13026
-
13027
- /*
13028
- * Copyright 2020 Adobe. All rights reserved.
13029
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13030
- * you may not use this file except in compliance with the License. You may obtain a copy
13031
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
13032
- *
13033
- * Unless required by applicable law or agreed to in writing, software distributed under
13034
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13035
- * OF ANY KIND, either express or implied. See the License for the specific language
13036
- * governing permissions and limitations under the License.
13037
- */
13038
-
13039
-
13040
-
13041
- interface ToggleProps extends InputBase$1, Validation<boolean>, FocusableProps$1 {
13215
+ interface ToggleProps extends InputBase, Validation<boolean>, FocusableProps {
13042
13216
  /**
13043
13217
  * The label for the element.
13044
13218
  */
@@ -13061,7 +13235,7 @@ interface ToggleProps extends InputBase$1, Validation<boolean>, FocusableProps$1
13061
13235
  value?: string
13062
13236
  }
13063
13237
 
13064
- interface AriaToggleProps extends ToggleProps, FocusableDOMProps$1, AriaLabelingProps$1, AriaValidationProps, InputDOMProps$1 {
13238
+ interface AriaToggleProps extends ToggleProps, FocusableDOMProps, AriaLabelingProps, AriaValidationProps, InputDOMProps {
13065
13239
  /**
13066
13240
  * Identifies the element (or elements) whose contents or presence are controlled by the current element.
13067
13241
  */
@@ -13127,7 +13301,7 @@ declare function useCheckbox<P extends CheckboxProps, C extends AnyPlasmicClass>
13127
13301
  state: CheckboxState;
13128
13302
  };
13129
13303
 
13130
- interface BaseMenuProps extends DOMProps$2, AriaLabelingProps$2, StyleProps {
13304
+ interface BaseMenuProps extends DOMProps, AriaLabelingProps, StyleProps {
13131
13305
  /**
13132
13306
  * List of `Menu.Item`s or `Menu.Group`s that make up the menu
13133
13307
  */
@@ -13369,7 +13543,7 @@ interface DropdownMenuProps {
13369
13543
  }
13370
13544
  declare function DropdownMenu(props: DropdownMenuProps): React$1.JSX.Element;
13371
13545
 
13372
- interface BaseMenuButtonProps extends DOMProps$2, FocusableProps$2, StyleProps, Pick<React$1.ComponentProps<"button">, "title"> {
13546
+ interface BaseMenuButtonProps extends DOMProps, FocusableProps, StyleProps, Pick<React$1.ComponentProps<"button">, "title"> {
13373
13547
  /**
13374
13548
  * The menu to show; can either be a Menu instance, or a function that returns a Menu
13375
13549
  * instance if you want to defer creating the instance till when it's opened.
@@ -13435,7 +13609,7 @@ declare function useMenuButton<P extends BaseMenuButtonProps, C extends AnyPlasm
13435
13609
  state: MenuButtonState;
13436
13610
  };
13437
13611
 
13438
- interface BaseSelectProps extends DOMProps$2, AriaLabelingProps$2, FocusableDOMProps$2, InputBase$2, FocusableProps$2, StyleProps {
13612
+ interface BaseSelectProps extends DOMProps, AriaLabelingProps, FocusableDOMProps, InputBase, FocusableProps, StyleProps {
13439
13613
  /**
13440
13614
  * Key of the currently selected value
13441
13615
  */
@@ -13792,136 +13966,6 @@ declare const SelectContext: React$1.Context<ListState<any> | undefined>;
13792
13966
 
13793
13967
 
13794
13968
 
13795
- interface AriaLabelingProps {
13796
- /**
13797
- * Defines a string value that labels the current element.
13798
- */
13799
- 'aria-label'?: string,
13800
-
13801
- /**
13802
- * Identifies the element (or elements) that labels the current element.
13803
- */
13804
- 'aria-labelledby'?: string,
13805
-
13806
- /**
13807
- * Identifies the element (or elements) that describes the object.
13808
- */
13809
- 'aria-describedby'?: string,
13810
-
13811
- /**
13812
- * Identifies the element (or elements) that provide a detailed, extended description for the object.
13813
- */
13814
- 'aria-details'?: string
13815
- }
13816
-
13817
- // A set of common DOM props that are allowed on any component
13818
- // Ensure this is synced with DOMPropNames in filterDOMProps
13819
- interface DOMProps {
13820
- /**
13821
- * The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
13822
- */
13823
- id?: string
13824
- }
13825
-
13826
- interface FocusableDOMProps extends DOMProps {
13827
- /**
13828
- * Whether to exclude the element from the sequential tab order. If true,
13829
- * the element will not be focusable via the keyboard by tabbing. This should
13830
- * be avoided except in rare scenarios where an alternative means of accessing
13831
- * the element or its functionality via the keyboard is available.
13832
- */
13833
- excludeFromTabOrder?: boolean
13834
- }
13835
-
13836
- interface InputDOMProps {
13837
- /**
13838
- * The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
13839
- */
13840
- name?: string
13841
- }
13842
-
13843
- /*
13844
- * Copyright 2020 Adobe. All rights reserved.
13845
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13846
- * you may not use this file except in compliance with the License. You may obtain a copy
13847
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
13848
- *
13849
- * Unless required by applicable law or agreed to in writing, software distributed under
13850
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13851
- * OF ANY KIND, either express or implied. See the License for the specific language
13852
- * governing permissions and limitations under the License.
13853
- */
13854
-
13855
-
13856
-
13857
- interface InputBase {
13858
- /** Whether the input is disabled. */
13859
- isDisabled?: boolean,
13860
- /** Whether the input can be selected but not changed by the user. */
13861
- isReadOnly?: boolean
13862
- }
13863
-
13864
- /*
13865
- * Copyright 2020 Adobe. All rights reserved.
13866
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13867
- * you may not use this file except in compliance with the License. You may obtain a copy
13868
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
13869
- *
13870
- * Unless required by applicable law or agreed to in writing, software distributed under
13871
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13872
- * OF ANY KIND, either express or implied. See the License for the specific language
13873
- * governing permissions and limitations under the License.
13874
- */
13875
-
13876
-
13877
-
13878
- // Event bubbling can be problematic in real-world applications, so the default for React Spectrum components
13879
- // is not to propagate. This can be overridden by calling continuePropagation() on the event.
13880
- type BaseEvent<T extends SyntheticEvent> = T & {
13881
- /**
13882
- * Use continuePropagation.
13883
- * @deprecated */
13884
- stopPropagation(): void,
13885
- continuePropagation(): void
13886
- }
13887
-
13888
- type KeyboardEvent = BaseEvent<KeyboardEvent$3<any>>;
13889
-
13890
- interface KeyboardEvents {
13891
- /** Handler that is called when a key is pressed. */
13892
- onKeyDown?: (e: KeyboardEvent) => void,
13893
- /** Handler that is called when a key is released. */
13894
- onKeyUp?: (e: KeyboardEvent) => void
13895
- }
13896
-
13897
- interface FocusEvents<Target = Element> {
13898
- /** Handler that is called when the element receives focus. */
13899
- onFocus?: (e: FocusEvent<Target>) => void,
13900
- /** Handler that is called when the element loses focus. */
13901
- onBlur?: (e: FocusEvent<Target>) => void,
13902
- /** Handler that is called when the element's focus status changes. */
13903
- onFocusChange?: (isFocused: boolean) => void
13904
- }
13905
-
13906
- interface FocusableProps<Target = Element> extends FocusEvents<Target>, KeyboardEvents {
13907
- /** Whether the element should receive focus on render. */
13908
- autoFocus?: boolean
13909
- }
13910
-
13911
- /*
13912
- * Copyright 2020 Adobe. All rights reserved.
13913
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
13914
- * you may not use this file except in compliance with the License. You may obtain a copy
13915
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
13916
- *
13917
- * Unless required by applicable law or agreed to in writing, software distributed under
13918
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
13919
- * OF ANY KIND, either express or implied. See the License for the specific language
13920
- * governing permissions and limitations under the License.
13921
- */
13922
-
13923
-
13924
-
13925
13969
  interface SwitchBase extends InputBase, FocusableProps {
13926
13970
  /**
13927
13971
  * The content to render as the Switch's label.
@@ -14026,7 +14070,7 @@ declare function useTextInput<P extends PlumeTextInputProps, C extends AnyPlasmi
14026
14070
  };
14027
14071
  };
14028
14072
 
14029
- interface BaseTriggeredOverlayProps extends StyleProps, DOMProps$2 {
14073
+ interface BaseTriggeredOverlayProps extends StyleProps, DOMProps {
14030
14074
  children?: React$1.ReactNode;
14031
14075
  }
14032
14076
  interface TriggeredOverlayConfig<C extends AnyPlasmicClass> {