@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 +764 -720
- package/dist/index-common.d.ts +2 -3
- package/dist/index.cjs.js +1 -0
- package/dist/index.cjs.js.map +1 -1
- package/dist/react-web.esm.js +1 -0
- package/dist/react-web.esm.js.map +1 -1
- package/package.json +4 -4
- package/skinny/dist/index-common.d.ts +2 -3
- package/skinny/dist/index.js +1 -0
- package/skinny/dist/index.js.map +1 -1
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,
|
|
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** |
|
|
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
|
|
295
|
-
* |
|
|
296
|
-
* |
|
|
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
|
|
367
|
-
* | :------: |
|
|
368
|
-
* | **36** |
|
|
369
|
-
* | 12 _-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** |
|
|
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>
|
|
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** |
|
|
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>
|
|
1537
|
+
* **Syntax**: `auto? [ none | <length> ]`
|
|
1532
1538
|
*
|
|
1533
1539
|
* **Initial value**: `none`
|
|
1534
1540
|
*
|
|
1535
1541
|
* | Chrome | Firefox | Safari | Edge | IE |
|
|
1536
1542
|
* | :----: | :-----: | :----: | :--: | :-: |
|
|
1537
|
-
* | **
|
|
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>
|
|
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** |
|
|
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>
|
|
1565
|
+
* **Syntax**: `auto? [ none | <length> ]`
|
|
1560
1566
|
*
|
|
1561
1567
|
* **Initial value**: `none`
|
|
1562
1568
|
*
|
|
1563
1569
|
* | Chrome | Firefox | Safari | Edge | IE |
|
|
1564
1570
|
* | :----: | :-----: | :----: | :--: | :-: |
|
|
1565
|
-
* | **
|
|
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 |
|
|
1620
|
-
* | :----: |
|
|
1621
|
-
* | **85** |
|
|
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 |
|
|
1662
|
-
* | :----: | :-----: |
|
|
1663
|
-
* | **85** | **68** |
|
|
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
|
|
2019
|
-
* |
|
|
2020
|
-
* |
|
|
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 |
|
|
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
|
|
2102
|
-
* |
|
|
2103
|
-
* |
|
|
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** |
|
|
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 |
|
|
2327
|
-
* | :-----: | :-----: |
|
|
2328
|
-
* | **106** | **98** |
|
|
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 |
|
|
2354
|
-
* | :------: | :-----: |
|
|
2355
|
-
* | **55** | **43** |
|
|
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
|
-
* | **
|
|
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
|
-
* | **
|
|
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
|
-
* | **
|
|
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
|
-
* | **
|
|
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 |
|
|
2813
|
-
* | :-------------------------------------: | :-----: |
|
|
2814
|
-
* | **1** _(-webkit-mask-box-image-outset)_ | 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 |
|
|
2827
|
-
* | :-------------------------------------: | :-----: |
|
|
2828
|
-
* | **1** _(-webkit-mask-box-image-repeat)_ | 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 |
|
|
2841
|
-
* | :------------------------------------: | :-----: |
|
|
2842
|
-
* | **1** _(-webkit-mask-box-image-slice)_ | 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 |
|
|
2855
|
-
* | :-------------------------------------: | :-----: |
|
|
2856
|
-
* | **1** _(-webkit-mask-box-image-source)_ | 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 |
|
|
2869
|
-
* | :------------------------------------: | :-----: |
|
|
2870
|
-
* | **1** _(-webkit-mask-box-image-width)_ | 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
|
-
* |
|
|
2883
|
-
* |
|
|
2884
|
-
* | **
|
|
2885
|
-
* |
|
|
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
|
|
2898
|
-
* |
|
|
2899
|
-
* |
|
|
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
|
-
* |
|
|
2912
|
-
* |
|
|
2913
|
-
* | **
|
|
2914
|
-
* |
|
|
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
|
|
2927
|
-
* |
|
|
2928
|
-
* |
|
|
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
|
-
* |
|
|
2941
|
-
* |
|
|
2942
|
-
* | **
|
|
2943
|
-
* |
|
|
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
|
-
* |
|
|
2956
|
-
* |
|
|
2957
|
-
* | **
|
|
2958
|
-
* |
|
|
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
|
-
* |
|
|
2971
|
-
* |
|
|
2972
|
-
* | **
|
|
2973
|
-
* |
|
|
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
|
-
* |
|
|
2986
|
-
* |
|
|
2987
|
-
* | **
|
|
2988
|
-
* |
|
|
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** |
|
|
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** |
|
|
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 |
|
|
3190
|
-
* | :--------------------: | :-----: |
|
|
3191
|
-
* | **55** | **72** | **
|
|
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 |
|
|
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 |
|
|
3220
|
-
* | :--------------------: | :-----: |
|
|
3221
|
-
* | **56** | **72** | **
|
|
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
|
|
3261
|
-
* |
|
|
3262
|
-
* |
|
|
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 |
|
|
3275
|
-
* | :--------------------: | :-----: |
|
|
3276
|
-
* | **55** | **72** | **
|
|
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 |
|
|
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
|
|
3303
|
-
* |
|
|
3304
|
-
* |
|
|
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 |
|
|
3317
|
-
* | :--------------------: | :-----: |
|
|
3318
|
-
* | **56** | **72** | **
|
|
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 |
|
|
3332
|
-
* | :--------------------: | :-----: |
|
|
3333
|
-
* | **56** | **72** | **
|
|
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
|
-
* | **
|
|
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
|
-
* | **
|
|
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
|
-
* | **
|
|
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
|
-
* | **
|
|
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 |
|
|
3721
|
-
* | :----: | :-----: |
|
|
3722
|
-
* | **85** | **110** | **
|
|
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
|
|
3791
|
-
* | :------: |
|
|
3792
|
-
* | **36** |
|
|
3793
|
-
* | 12 _-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
|
|
3806
|
-
* | :------: |
|
|
3807
|
-
* | **36** |
|
|
3808
|
-
* | 12 _-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 |
|
|
3997
|
-
* | :----: | :-----: |
|
|
3998
|
-
* | **69** | **68** | **
|
|
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 |
|
|
4011
|
-
* | :----: | :-----: |
|
|
4012
|
-
* | **69** | **68** | **
|
|
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 |
|
|
4040
|
-
* | :----: | :-----: |
|
|
4041
|
-
* | **69** | **68** | **
|
|
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 |
|
|
4054
|
-
* | :----: | :-----: |
|
|
4055
|
-
* | **69** | **68** | **
|
|
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 |
|
|
4412
|
+
* **Syntax**: `[ block | inline | x | y ]#`
|
|
4324
4413
|
*
|
|
4325
4414
|
* **Initial value**: `block`
|
|
4326
4415
|
*
|
|
4327
|
-
* | Chrome
|
|
4328
|
-
* |
|
|
4329
|
-
* |
|
|
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 | <
|
|
4426
|
+
* **Syntax**: `none | <dashed-ident>#`
|
|
4338
4427
|
*
|
|
4339
4428
|
* **Initial value**: `none`
|
|
4340
4429
|
*
|
|
4341
|
-
* | Chrome
|
|
4342
|
-
* |
|
|
4343
|
-
* |
|
|
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
|
|
4356
|
-
* |
|
|
4357
|
-
* |
|
|
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
|
|
4384
|
-
* |
|
|
4385
|
-
* |
|
|
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 |
|
|
4497
|
-
* | :------------------------: | :-----: | :--------------------------: |
|
|
4498
|
-
* | **48** | **48** |
|
|
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 |
|
|
4659
|
-
* | :----: | :-----: | :----: |
|
|
4660
|
-
* | n/a | **55** | No |
|
|
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 |
|
|
4845
|
-
* | :-----: |
|
|
4846
|
-
* | **36** |
|
|
4847
|
-
* | 1 _-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
|
|
4860
|
-
* | :------: |
|
|
4861
|
-
* | **36** |
|
|
4862
|
-
* | 12 _-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-_ |
|
|
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-_ |
|
|
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-_ |
|
|
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-_ |
|
|
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** |
|
|
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**: `[
|
|
5637
|
+
* **Syntax**: `[ auto? [ none | <length> ] ]{1,2}`
|
|
5429
5638
|
*
|
|
5430
5639
|
* | Chrome | Firefox | Safari | Edge | IE |
|
|
5431
5640
|
* | :----: | :-----: | :----: | :--: | :-: |
|
|
5432
|
-
* | **83** | **107** |
|
|
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 |
|
|
5655
|
-
* | :----: | :-----: |
|
|
5656
|
-
* | **1** |
|
|
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 |
|
|
5667
|
-
* | :------------------------------: | :-----: |
|
|
5668
|
-
* | **1** _(-webkit-mask-box-image)_ | 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 |
|
|
5705
|
-
* | :----: | :-----: |
|
|
5706
|
-
* | **94** | **88** | **
|
|
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 |
|
|
5830
|
-
* | :----: | :-----: |
|
|
5831
|
-
* | **69** | **68** | **
|
|
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 |
|
|
5842
|
-
* | :----: | :-----: |
|
|
5843
|
-
* | **69** | **68** | **
|
|
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
|
|
5903
|
-
* |
|
|
5904
|
-
* |
|
|
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-_ |
|
|
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
|
-
*
|
|
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**: `<
|
|
6460
|
+
* **Syntax**: `<outline-radius>`
|
|
6246
6461
|
*
|
|
6247
6462
|
* **Initial value**: `0`
|
|
6248
6463
|
*/
|
|
6249
|
-
|
|
6464
|
+
MozOutlineRadiusBottomleft?: Property.MozOutlineRadiusBottomleft<TLength> | undefined;
|
|
6250
6465
|
/**
|
|
6251
|
-
*
|
|
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**: `<
|
|
6468
|
+
* **Syntax**: `<outline-radius>`
|
|
6254
6469
|
*
|
|
6255
6470
|
* **Initial value**: `0`
|
|
6256
6471
|
*/
|
|
6257
|
-
|
|
6472
|
+
MozOutlineRadiusBottomright?: Property.MozOutlineRadiusBottomright<TLength> | undefined;
|
|
6258
6473
|
/**
|
|
6259
|
-
*
|
|
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**:
|
|
6476
|
+
* **Syntax**: `<outline-radius>`
|
|
6262
6477
|
*
|
|
6263
|
-
* **Initial value**: `
|
|
6478
|
+
* **Initial value**: `0`
|
|
6264
6479
|
*/
|
|
6265
|
-
|
|
6480
|
+
MozOutlineRadiusTopleft?: Property.MozOutlineRadiusTopleft<TLength> | undefined;
|
|
6266
6481
|
/**
|
|
6267
|
-
*
|
|
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**: `<
|
|
6484
|
+
* **Syntax**: `<outline-radius>`
|
|
6270
6485
|
*
|
|
6271
|
-
* **Initial value**: `
|
|
6486
|
+
* **Initial value**: `0`
|
|
6272
6487
|
*/
|
|
6273
|
-
|
|
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
|
-
*
|
|
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**: `<
|
|
7959
|
+
* **Syntax**: `<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?`
|
|
7777
7960
|
*/
|
|
7778
|
-
|
|
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
|
-
*
|
|
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**:
|
|
8670
|
+
* **Syntax**: `auto | <'border-style'>`
|
|
8506
8671
|
*
|
|
8507
|
-
* **Initial value**: `
|
|
8672
|
+
* **Initial value**: `none`
|
|
8508
8673
|
*
|
|
8509
8674
|
* @deprecated
|
|
8510
8675
|
*/
|
|
8511
|
-
|
|
8676
|
+
MozOutlineStyle?: Property.OutlineStyle | undefined;
|
|
8512
8677
|
/**
|
|
8513
|
-
*
|
|
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**: `<
|
|
8680
|
+
* **Syntax**: `<line-width>`
|
|
8516
8681
|
*
|
|
8517
|
-
* **Initial value**: `
|
|
8682
|
+
* **Initial value**: `medium`
|
|
8518
8683
|
*
|
|
8519
8684
|
* @deprecated
|
|
8520
8685
|
*/
|
|
8521
|
-
|
|
8686
|
+
MozOutlineWidth?: Property.OutlineWidth<TLength> | undefined;
|
|
8522
8687
|
/**
|
|
8523
|
-
* The **`
|
|
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**: `
|
|
8690
|
+
* **Syntax**: `none | <length>`
|
|
8526
8691
|
*
|
|
8527
8692
|
* **Initial value**: `none`
|
|
8528
8693
|
*
|
|
8529
8694
|
* @deprecated
|
|
8530
8695
|
*/
|
|
8531
|
-
|
|
8696
|
+
MozPerspective?: Property.Perspective<TLength> | undefined;
|
|
8532
8697
|
/**
|
|
8533
|
-
* The
|
|
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**: `<
|
|
8700
|
+
* **Syntax**: `<position>`
|
|
8536
8701
|
*
|
|
8537
|
-
* **Initial value**: `
|
|
8702
|
+
* **Initial value**: `50% 50%`
|
|
8538
8703
|
*
|
|
8539
8704
|
* @deprecated
|
|
8540
8705
|
*/
|
|
8541
|
-
|
|
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
|
-
*
|
|
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**: `
|
|
8750
|
+
* **Syntax**: `none | <transform-list>`
|
|
8586
8751
|
*
|
|
8587
|
-
* **Initial value**: `
|
|
8752
|
+
* **Initial value**: `none`
|
|
8588
8753
|
*
|
|
8589
8754
|
* @deprecated
|
|
8590
8755
|
*/
|
|
8591
|
-
|
|
8756
|
+
MozTransform?: Property.Transform | undefined;
|
|
8592
8757
|
/**
|
|
8593
|
-
* The **`
|
|
8758
|
+
* The **`transform-origin`** CSS property sets the origin for an element's transformations.
|
|
8594
8759
|
*
|
|
8595
|
-
* **Syntax**: `
|
|
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**: `
|
|
8762
|
+
* **Initial value**: `50% 50% 0`
|
|
8598
8763
|
*
|
|
8599
8764
|
* @deprecated
|
|
8600
8765
|
*/
|
|
8601
|
-
|
|
8766
|
+
MozTransformOrigin?: Property.TransformOrigin<TLength> | undefined;
|
|
8602
8767
|
/**
|
|
8603
|
-
* The **`
|
|
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**:
|
|
8770
|
+
* **Syntax**: `flat | preserve-3d`
|
|
8771
|
+
*
|
|
8772
|
+
* **Initial value**: `flat`
|
|
8606
8773
|
*
|
|
8607
8774
|
* @deprecated
|
|
8608
8775
|
*/
|
|
8609
|
-
|
|
8776
|
+
MozTransformStyle?: Property.TransformStyle | undefined;
|
|
8610
8777
|
/**
|
|
8611
|
-
* The **`
|
|
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
|
-
* **
|
|
8780
|
+
* **Syntax**: `<single-transition>#`
|
|
8616
8781
|
*
|
|
8617
8782
|
* @deprecated
|
|
8618
8783
|
*/
|
|
8619
|
-
|
|
8784
|
+
MozTransition?: Property.Transition<TTime> | undefined;
|
|
8620
8785
|
/**
|
|
8621
|
-
* The **`
|
|
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**: `<
|
|
8788
|
+
* **Syntax**: `<time>#`
|
|
8624
8789
|
*
|
|
8625
|
-
* **Initial value**: `
|
|
8790
|
+
* **Initial value**: `0s`
|
|
8626
8791
|
*
|
|
8627
8792
|
* @deprecated
|
|
8628
8793
|
*/
|
|
8629
|
-
|
|
8794
|
+
MozTransitionDelay?: Property.TransitionDelay<TTime> | undefined;
|
|
8630
8795
|
/**
|
|
8631
|
-
* The **`
|
|
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
|
-
|
|
8804
|
+
MozTransitionDuration?: Property.TransitionDuration<TTime> | undefined;
|
|
8640
8805
|
/**
|
|
8641
|
-
* The **`
|
|
8806
|
+
* The **`transition-property`** CSS property sets the CSS properties to which a transition effect should be applied.
|
|
8642
8807
|
*
|
|
8643
|
-
* **Syntax**:
|
|
8808
|
+
* **Syntax**: `none | <single-transition-property>#`
|
|
8644
8809
|
*
|
|
8645
|
-
* **Initial value**:
|
|
8810
|
+
* **Initial value**: all
|
|
8646
8811
|
*
|
|
8647
8812
|
* @deprecated
|
|
8648
8813
|
*/
|
|
8649
|
-
|
|
8814
|
+
MozTransitionProperty?: Property.TransitionProperty | undefined;
|
|
8650
8815
|
/**
|
|
8651
|
-
* The **`
|
|
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**: `<
|
|
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> |
|
|
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 |
|
|
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" | "
|
|
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 =
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
13054
|
+
interface KeyboardEvents {
|
|
12730
13055
|
/** Handler that is called when a key is pressed. */
|
|
12731
|
-
onKeyDown?: (e: KeyboardEvent
|
|
13056
|
+
onKeyDown?: (e: KeyboardEvent) => void,
|
|
12732
13057
|
/** Handler that is called when a key is released. */
|
|
12733
|
-
onKeyUp?: (e: KeyboardEvent
|
|
13058
|
+
onKeyUp?: (e: KeyboardEvent) => void
|
|
12734
13059
|
}
|
|
12735
13060
|
|
|
12736
|
-
interface FocusEvents
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
14073
|
+
interface BaseTriggeredOverlayProps extends StyleProps, DOMProps {
|
|
14030
14074
|
children?: React$1.ReactNode;
|
|
14031
14075
|
}
|
|
14032
14076
|
interface TriggeredOverlayConfig<C extends AnyPlasmicClass> {
|