@stylexjs/shared 0.2.0-beta.9 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (183) hide show
  1. package/README.md +3 -3
  2. package/lib/common-types.d.ts +49 -0
  3. package/lib/common-types.js.flow +64 -0
  4. package/lib/convert-to-className.d.ts +16 -0
  5. package/lib/convert-to-className.js +17 -26
  6. package/lib/convert-to-className.js.flow +23 -0
  7. package/lib/generate-css-rule.d.ts +17 -0
  8. package/lib/generate-css-rule.js +6 -17
  9. package/lib/generate-css-rule.js.flow +17 -0
  10. package/lib/hash.d.ts +11 -0
  11. package/lib/hash.js +3 -27
  12. package/lib/hash.js.flow +10 -0
  13. package/lib/index.d.ts +42 -85
  14. package/lib/index.js +21 -29
  15. package/lib/index.js.flow +57 -3
  16. package/lib/messages.d.ts +41 -0
  17. package/lib/messages.js +33 -53
  18. package/lib/messages.js.flow +44 -0
  19. package/lib/physical-rtl/generate-ltr.d.ts +11 -0
  20. package/lib/physical-rtl/generate-ltr.js +18 -46
  21. package/lib/physical-rtl/generate-ltr.js.flow +12 -0
  22. package/lib/physical-rtl/generate-rtl.d.ts +13 -0
  23. package/lib/physical-rtl/generate-rtl.js +18 -50
  24. package/lib/physical-rtl/generate-rtl.js.flow +12 -0
  25. package/lib/preprocess-rules/PreRule.d.ts +52 -0
  26. package/lib/preprocess-rules/PreRule.js +87 -0
  27. package/lib/preprocess-rules/PreRule.js.flow +64 -0
  28. package/lib/preprocess-rules/application-order.d.ts +290 -0
  29. package/lib/preprocess-rules/application-order.js +60 -133
  30. package/lib/preprocess-rules/application-order.js.flow +241 -0
  31. package/lib/preprocess-rules/basic-validation.d.ts +13 -0
  32. package/lib/preprocess-rules/basic-validation.js +83 -0
  33. package/lib/preprocess-rules/basic-validation.js.flow +13 -0
  34. package/lib/preprocess-rules/flatten-raw-style-obj.d.ts +25 -0
  35. package/lib/preprocess-rules/flatten-raw-style-obj.js +120 -0
  36. package/lib/preprocess-rules/flatten-raw-style-obj.js.flow +27 -0
  37. package/lib/preprocess-rules/index.d.ts +18 -0
  38. package/lib/preprocess-rules/index.js +0 -9
  39. package/lib/preprocess-rules/index.js.flow +19 -0
  40. package/lib/preprocess-rules/legacy-expand-shorthands.d.ts +200 -0
  41. package/lib/preprocess-rules/legacy-expand-shorthands.js +90 -123
  42. package/lib/preprocess-rules/legacy-expand-shorthands.js.flow +179 -0
  43. package/lib/preprocess-rules/property-specificity.d.ts +89 -0
  44. package/lib/preprocess-rules/property-specificity.js +46 -74
  45. package/lib/preprocess-rules/property-specificity.js.flow +98 -0
  46. package/lib/properties/CSS Animations.json +445 -0
  47. package/lib/properties/CSS Backgrounds and Borders.json +1085 -0
  48. package/lib/properties/CSS Basic User Interface.json +365 -0
  49. package/lib/properties/CSS Box Alignment.json +245 -0
  50. package/lib/properties/CSS Box Model.json +501 -0
  51. package/lib/properties/CSS Color.json +100 -0
  52. package/lib/properties/CSS Columns.json +185 -0
  53. package/lib/properties/CSS Containment.json +203 -0
  54. package/lib/properties/CSS Counter Styles.json +56 -0
  55. package/lib/properties/CSS Display.json +20 -0
  56. package/lib/properties/CSS Flexible Box Layout.json +167 -0
  57. package/lib/properties/CSS Fonts.json +684 -0
  58. package/lib/properties/CSS Fragmentation.json +110 -0
  59. package/lib/properties/CSS Generated Content.json +38 -0
  60. package/lib/properties/CSS Grid Layout.json +500 -0
  61. package/lib/properties/CSS Images.json +91 -0
  62. package/lib/properties/CSS Inline.json +38 -0
  63. package/lib/properties/CSS Lists and Counters.json +86 -0
  64. package/lib/properties/CSS Logical Properties.json +1086 -0
  65. package/lib/properties/CSS Masking.json +399 -0
  66. package/lib/properties/CSS Miscellaneous.json +38 -0
  67. package/lib/properties/CSS Motion Path.json +132 -0
  68. package/lib/properties/CSS Overflow.json +216 -0
  69. package/lib/properties/CSS Pages.json +83 -0
  70. package/lib/properties/CSS Positioning.json +166 -0
  71. package/lib/properties/CSS Ruby.json +55 -0
  72. package/lib/properties/CSS Scroll Anchoring.json +19 -0
  73. package/lib/properties/CSS Scroll Snap.json +604 -0
  74. package/lib/properties/CSS Scrollbars.json +38 -0
  75. package/lib/properties/CSS Shapes.json +56 -0
  76. package/lib/properties/CSS Speech.json +20 -0
  77. package/lib/properties/CSS Table.json +115 -0
  78. package/lib/properties/CSS Text Decoration.json +312 -0
  79. package/lib/properties/CSS Text.json +415 -0
  80. package/lib/properties/CSS Transforms.json +188 -0
  81. package/lib/properties/CSS Transitions.json +122 -0
  82. package/lib/properties/CSS Variables.json +20 -0
  83. package/lib/properties/CSS View Transitions.json +20 -0
  84. package/lib/properties/CSS Will Change.json +20 -0
  85. package/lib/properties/CSS Writing Modes.json +92 -0
  86. package/lib/properties/Compositing and Blending.json +62 -0
  87. package/lib/properties/Filter Effects.json +38 -0
  88. package/lib/properties/MathML.json +56 -0
  89. package/lib/properties/Microsoft Extensions.json +885 -0
  90. package/lib/properties/Mozilla Extensions.json +607 -0
  91. package/lib/properties/Pointer Events.json +20 -0
  92. package/lib/properties/WebKit Extensions.json +707 -0
  93. package/lib/properties.json +10122 -0
  94. package/lib/stylex-create-theme.d.ts +26 -0
  95. package/lib/stylex-create-theme.js +67 -0
  96. package/lib/stylex-create-theme.js.flow +19 -0
  97. package/lib/stylex-create.d.ts +23 -0
  98. package/lib/stylex-create.js +30 -146
  99. package/lib/stylex-create.js.flow +30 -0
  100. package/lib/stylex-define-vars.d.ts +29 -0
  101. package/lib/stylex-define-vars.js +73 -0
  102. package/lib/stylex-define-vars.js.flow +26 -0
  103. package/lib/stylex-first-that-works.d.ts +13 -0
  104. package/lib/stylex-first-that-works.js +0 -10
  105. package/lib/stylex-first-that-works.js.flow +12 -0
  106. package/lib/stylex-include.d.ts +18 -0
  107. package/lib/stylex-include.js +2 -12
  108. package/lib/stylex-include.js.flow +20 -0
  109. package/lib/stylex-keyframes.d.ts +17 -0
  110. package/lib/stylex-keyframes.js +6 -26
  111. package/lib/stylex-keyframes.js.flow +20 -0
  112. package/lib/transform-value.d.ts +22 -0
  113. package/lib/transform-value.js +9 -23
  114. package/lib/transform-value.js.flow +25 -0
  115. package/lib/types/index.d.ts +205 -0
  116. package/lib/types/index.js +191 -0
  117. package/lib/types/index.js.flow +241 -0
  118. package/lib/utils/Rule.d.ts +58 -0
  119. package/lib/utils/Rule.js +0 -21
  120. package/lib/utils/Rule.js.flow +64 -0
  121. package/lib/utils/dashify.d.ts +11 -0
  122. package/lib/utils/dashify.js +0 -8
  123. package/lib/utils/dashify.js.flow +10 -0
  124. package/lib/utils/default-options.d.ts +11 -0
  125. package/lib/utils/default-options.js +13 -0
  126. package/lib/utils/default-options.js.flow +25 -0
  127. package/lib/utils/file-based-identifier.d.ts +15 -0
  128. package/lib/utils/file-based-identifier.js +14 -0
  129. package/lib/utils/file-based-identifier.js.flow +14 -0
  130. package/lib/utils/genCSSRule.d.ts +15 -0
  131. package/lib/utils/genCSSRule.js +9 -18
  132. package/lib/utils/genCSSRule.js.flow +15 -0
  133. package/lib/utils/normalize-value.d.ts +16 -0
  134. package/lib/utils/normalize-value.js +8 -15
  135. package/lib/utils/normalize-value.js.flow +16 -0
  136. package/lib/utils/normalizers/convert-camel-case-transition-props.d.ts +14 -0
  137. package/lib/utils/normalizers/convert-camel-case-transition-props.js +23 -0
  138. package/lib/utils/normalizers/convert-camel-case-transition-props.js.flow +13 -0
  139. package/lib/utils/normalizers/convert-camel-case-values.d.ts +14 -0
  140. package/lib/utils/normalizers/convert-camel-case-values.js +23 -0
  141. package/lib/utils/normalizers/convert-camel-case-values.js.flow +13 -0
  142. package/lib/utils/normalizers/detect-unclosed-fns.d.ts +17 -0
  143. package/lib/utils/normalizers/detect-unclosed-fns.js +2 -14
  144. package/lib/utils/normalizers/detect-unclosed-fns.js.flow +16 -0
  145. package/lib/utils/normalizers/font-size-px-to-rem.d.ts +19 -0
  146. package/lib/utils/normalizers/font-size-px-to-rem.js +9 -19
  147. package/lib/utils/normalizers/font-size-px-to-rem.js.flow +18 -0
  148. package/lib/utils/normalizers/leading-zero.d.ts +17 -0
  149. package/lib/utils/normalizers/leading-zero.js +0 -12
  150. package/lib/utils/normalizers/leading-zero.js.flow +16 -0
  151. package/lib/utils/normalizers/quotes.d.ts +18 -0
  152. package/lib/utils/normalizers/quotes.js +0 -13
  153. package/lib/utils/normalizers/quotes.js.flow +17 -0
  154. package/lib/utils/normalizers/timings.d.ts +18 -0
  155. package/lib/utils/normalizers/timings.js +0 -14
  156. package/lib/utils/normalizers/timings.js.flow +17 -0
  157. package/lib/utils/normalizers/whitespace.d.ts +19 -0
  158. package/lib/utils/normalizers/whitespace.js +0 -15
  159. package/lib/utils/normalizers/whitespace.js.flow +18 -0
  160. package/lib/utils/normalizers/zero-dimensions.d.ts +19 -0
  161. package/lib/utils/normalizers/zero-dimensions.js +0 -15
  162. package/lib/utils/normalizers/zero-dimensions.js.flow +18 -0
  163. package/lib/utils/object-utils.d.ts +66 -0
  164. package/lib/utils/object-utils.js +21 -13
  165. package/lib/utils/object-utils.js.flow +77 -0
  166. package/lib/utils/property-priorities.d.ts +11 -0
  167. package/lib/utils/property-priorities.js +516 -101
  168. package/lib/utils/property-priorities.js.flow +10 -0
  169. package/lib/utils/split-css-value.d.ts +14 -0
  170. package/lib/utils/split-css-value.js +0 -14
  171. package/lib/utils/split-css-value.js.flow +15 -0
  172. package/lib/validate.d.ts +12 -0
  173. package/lib/validate.js +1 -10
  174. package/lib/validate.js.flow +12 -0
  175. package/package.json +4 -5
  176. package/lib/expand-shorthands.d.ts +0 -5
  177. package/lib/expand-shorthands.js +0 -330
  178. package/lib/namespace-transforms/__tests__/preflatten.test.js +0 -120
  179. package/lib/namespace-transforms/preflatten.js +0 -89
  180. package/lib/preprocess-rules/expand-shorthands.js +0 -156
  181. package/lib/preprocess-rules/null-out-longhand.js +0 -310
  182. package/lib/preprocess-rules/react-native-web.js +0 -142
  183. package/lib/stylex-defaultValue.js +0 -397
package/lib/properties/CSS Fragmentation.json ADDED
@@ -0,0 +1,110 @@
1
+ [
2
+ {
3
+ "syntax": "slice | clone",
4
+ "media": "visual",
5
+ "inherited": false,
6
+ "animationType": "discrete",
7
+ "percentages": "no",
8
+ "groups": [
9
+ "CSS Fragmentation"
10
+ ],
11
+ "initial": "slice",
12
+ "appliesto": "allElements",
13
+ "computed": "asSpecified",
14
+ "order": "uniqueOrder",
15
+ "status": "standard",
16
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/box-decoration-break",
17
+ "property": "box-decoration-break",
18
+ "group": "CSS Fragmentation"
19
+ },
20
+ {
21
+ "syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
22
+ "media": "visual",
23
+ "inherited": false,
24
+ "animationType": "discrete",
25
+ "percentages": "no",
26
+ "groups": [
27
+ "CSS Fragmentation"
28
+ ],
29
+ "initial": "auto",
30
+ "appliesto": "blockLevelElements",
31
+ "computed": "asSpecified",
32
+ "order": "uniqueOrder",
33
+ "status": "standard",
34
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/break-after",
35
+ "property": "break-after",
36
+ "group": "CSS Fragmentation"
37
+ },
38
+ {
39
+ "syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
40
+ "media": "visual",
41
+ "inherited": false,
42
+ "animationType": "discrete",
43
+ "percentages": "no",
44
+ "groups": [
45
+ "CSS Fragmentation"
46
+ ],
47
+ "initial": "auto",
48
+ "appliesto": "blockLevelElements",
49
+ "computed": "asSpecified",
50
+ "order": "uniqueOrder",
51
+ "status": "standard",
52
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/break-before",
53
+ "property": "break-before",
54
+ "group": "CSS Fragmentation"
55
+ },
56
+ {
57
+ "syntax": "auto | avoid | avoid-page | avoid-column | avoid-region",
58
+ "media": "visual",
59
+ "inherited": false,
60
+ "animationType": "discrete",
61
+ "percentages": "no",
62
+ "groups": [
63
+ "CSS Fragmentation"
64
+ ],
65
+ "initial": "auto",
66
+ "appliesto": "blockLevelElements",
67
+ "computed": "asSpecified",
68
+ "order": "uniqueOrder",
69
+ "status": "standard",
70
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/break-inside",
71
+ "property": "break-inside",
72
+ "group": "CSS Fragmentation"
73
+ },
74
+ {
75
+ "syntax": "<integer>",
76
+ "media": "visual",
77
+ "inherited": true,
78
+ "animationType": "byComputedValueType",
79
+ "percentages": "no",
80
+ "groups": [
81
+ "CSS Fragmentation"
82
+ ],
83
+ "initial": "2",
84
+ "appliesto": "blockContainerElements",
85
+ "computed": "asSpecified",
86
+ "order": "perGrammar",
87
+ "status": "standard",
88
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/orphans",
89
+ "property": "orphans",
90
+ "group": "CSS Fragmentation"
91
+ },
92
+ {
93
+ "syntax": "<integer>",
94
+ "media": "visual",
95
+ "inherited": true,
96
+ "animationType": "byComputedValueType",
97
+ "percentages": "no",
98
+ "groups": [
99
+ "CSS Fragmentation"
100
+ ],
101
+ "initial": "2",
102
+ "appliesto": "blockContainerElements",
103
+ "computed": "asSpecified",
104
+ "order": "perGrammar",
105
+ "status": "standard",
106
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/widows",
107
+ "property": "widows",
108
+ "group": "CSS Fragmentation"
109
+ }
110
+ ]
package/lib/properties/CSS Generated Content.json ADDED
@@ -0,0 +1,38 @@
1
+ [
2
+ {
3
+ "syntax": "normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> ]+ ]?",
4
+ "media": "all",
5
+ "inherited": false,
6
+ "animationType": "discrete",
7
+ "percentages": "no",
8
+ "groups": [
9
+ "CSS Generated Content"
10
+ ],
11
+ "initial": "normal",
12
+ "appliesto": "allElementsTreeAbidingPseudoElementsPageMarginBoxes",
13
+ "computed": "normalOnElementsForPseudosNoneAbsoluteURIStringOrAsSpecified",
14
+ "order": "uniqueOrder",
15
+ "status": "standard",
16
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/content",
17
+ "property": "content",
18
+ "group": "CSS Generated Content"
19
+ },
20
+ {
21
+ "syntax": "none | auto | [ <string> <string> ]+",
22
+ "media": "visual",
23
+ "inherited": true,
24
+ "animationType": "discrete",
25
+ "percentages": "no",
26
+ "groups": [
27
+ "CSS Generated Content"
28
+ ],
29
+ "initial": "dependsOnUserAgent",
30
+ "appliesto": "allElements",
31
+ "computed": "asSpecified",
32
+ "order": "uniqueOrder",
33
+ "status": "standard",
34
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/quotes",
35
+ "property": "quotes",
36
+ "group": "CSS Generated Content"
37
+ }
38
+ ]
package/lib/properties/CSS Grid Layout.json ADDED
@@ -0,0 +1,500 @@
1
+ [
2
+ {
3
+ "syntax": "none | <track-list> | <auto-track-list>",
4
+ "media": "visual",
5
+ "inherited": false,
6
+ "animationType": "simpleListOfLpcDifferenceLpc",
7
+ "percentages": "referToDimensionOfContentArea",
8
+ "groups": [
9
+ "CSS Grid Layout"
10
+ ],
11
+ "initial": "none",
12
+ "appliesto": "gridContainers",
13
+ "computed": "asSpecifiedRelativeToAbsoluteLengths",
14
+ "order": "uniqueOrder",
15
+ "status": "nonstandard",
16
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/-ms-grid-columns",
17
+ "property": "-ms-grid-columns",
18
+ "group": "CSS Grid Layout"
19
+ },
20
+ {
21
+ "syntax": "none | <track-list> | <auto-track-list>",
22
+ "media": "visual",
23
+ "inherited": false,
24
+ "animationType": "simpleListOfLpcDifferenceLpc",
25
+ "percentages": "referToDimensionOfContentArea",
26
+ "groups": [
27
+ "CSS Grid Layout"
28
+ ],
29
+ "initial": "none",
30
+ "appliesto": "gridContainers",
31
+ "computed": "asSpecifiedRelativeToAbsoluteLengths",
32
+ "order": "uniqueOrder",
33
+ "status": "nonstandard",
34
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/-ms-grid-rows",
35
+ "property": "-ms-grid-rows",
36
+ "group": "CSS Grid Layout"
37
+ },
38
+ {
39
+ "syntax": "[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#",
40
+ "media": "visual",
41
+ "inherited": false,
42
+ "animationType": "discrete",
43
+ "percentages": "no",
44
+ "groups": [
45
+ "CSS Grid Layout"
46
+ ],
47
+ "initial": "normal",
48
+ "appliesto": "gridContainersWithMasonryLayoutInTheirBlockAxis",
49
+ "computed": "asSpecified",
50
+ "order": "uniqueOrder",
51
+ "status": "experimental",
52
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/align-tracks",
53
+ "property": "align-tracks",
54
+ "group": "CSS Grid Layout"
55
+ },
56
+ {
57
+ "syntax": "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>",
58
+ "media": "visual",
59
+ "inherited": false,
60
+ "animationType": [
61
+ "grid-template-rows",
62
+ "grid-template-columns",
63
+ "grid-template-areas",
64
+ "grid-auto-rows",
65
+ "grid-auto-columns",
66
+ "grid-auto-flow",
67
+ "grid-column-gap",
68
+ "grid-row-gap",
69
+ "column-gap",
70
+ "row-gap"
71
+ ],
72
+ "percentages": [
73
+ "grid-template-rows",
74
+ "grid-template-columns",
75
+ "grid-auto-rows",
76
+ "grid-auto-columns"
77
+ ],
78
+ "groups": [
79
+ "CSS Grid Layout"
80
+ ],
81
+ "initial": [
82
+ "grid-template-rows",
83
+ "grid-template-columns",
84
+ "grid-template-areas",
85
+ "grid-auto-rows",
86
+ "grid-auto-columns",
87
+ "grid-auto-flow",
88
+ "grid-column-gap",
89
+ "grid-row-gap",
90
+ "column-gap",
91
+ "row-gap"
92
+ ],
93
+ "appliesto": "gridContainers",
94
+ "computed": [
95
+ "grid-template-rows",
96
+ "grid-template-columns",
97
+ "grid-template-areas",
98
+ "grid-auto-rows",
99
+ "grid-auto-columns",
100
+ "grid-auto-flow",
101
+ "grid-column-gap",
102
+ "grid-row-gap",
103
+ "column-gap",
104
+ "row-gap"
105
+ ],
106
+ "order": "uniqueOrder",
107
+ "status": "standard",
108
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid",
109
+ "property": "grid",
110
+ "group": "CSS Grid Layout"
111
+ },
112
+ {
113
+ "syntax": "<grid-line> [ / <grid-line> ]{0,3}",
114
+ "media": "visual",
115
+ "inherited": false,
116
+ "animationType": "discrete",
117
+ "percentages": "no",
118
+ "groups": [
119
+ "CSS Grid Layout"
120
+ ],
121
+ "initial": [
122
+ "grid-row-start",
123
+ "grid-column-start",
124
+ "grid-row-end",
125
+ "grid-column-end"
126
+ ],
127
+ "appliesto": "gridItemsAndBoxesWithinGridContainer",
128
+ "computed": [
129
+ "grid-row-start",
130
+ "grid-column-start",
131
+ "grid-row-end",
132
+ "grid-column-end"
133
+ ],
134
+ "order": "uniqueOrder",
135
+ "status": "standard",
136
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-area",
137
+ "property": "grid-area",
138
+ "group": "CSS Grid Layout"
139
+ },
140
+ {
141
+ "syntax": "<track-size>+",
142
+ "media": "visual",
143
+ "inherited": false,
144
+ "animationType": "byComputedValueType",
145
+ "percentages": "referToDimensionOfContentArea",
146
+ "groups": [
147
+ "CSS Grid Layout"
148
+ ],
149
+ "initial": "auto",
150
+ "appliesto": "gridContainers",
151
+ "computed": "percentageAsSpecifiedOrAbsoluteLength",
152
+ "order": "uniqueOrder",
153
+ "status": "standard",
154
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-columns",
155
+ "property": "grid-auto-columns",
156
+ "group": "CSS Grid Layout"
157
+ },
158
+ {
159
+ "syntax": "[ row | column ] || dense",
160
+ "media": "visual",
161
+ "inherited": false,
162
+ "animationType": "discrete",
163
+ "percentages": "no",
164
+ "groups": [
165
+ "CSS Grid Layout"
166
+ ],
167
+ "initial": "row",
168
+ "appliesto": "gridContainers",
169
+ "computed": "asSpecified",
170
+ "order": "uniqueOrder",
171
+ "status": "standard",
172
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow",
173
+ "property": "grid-auto-flow",
174
+ "group": "CSS Grid Layout"
175
+ },
176
+ {
177
+ "syntax": "<track-size>+",
178
+ "media": "visual",
179
+ "inherited": false,
180
+ "animationType": "byComputedValueType",
181
+ "percentages": "referToDimensionOfContentArea",
182
+ "groups": [
183
+ "CSS Grid Layout"
184
+ ],
185
+ "initial": "auto",
186
+ "appliesto": "gridContainers",
187
+ "computed": "percentageAsSpecifiedOrAbsoluteLength",
188
+ "order": "uniqueOrder",
189
+ "status": "standard",
190
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-rows",
191
+ "property": "grid-auto-rows",
192
+ "group": "CSS Grid Layout"
193
+ },
194
+ {
195
+ "syntax": "<grid-line> [ / <grid-line> ]?",
196
+ "media": "visual",
197
+ "inherited": false,
198
+ "animationType": "discrete",
199
+ "percentages": "no",
200
+ "groups": [
201
+ "CSS Grid Layout"
202
+ ],
203
+ "initial": [
204
+ "grid-column-start",
205
+ "grid-column-end"
206
+ ],
207
+ "appliesto": "gridItemsAndBoxesWithinGridContainer",
208
+ "computed": [
209
+ "grid-column-start",
210
+ "grid-column-end"
211
+ ],
212
+ "order": "uniqueOrder",
213
+ "status": "standard",
214
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-column",
215
+ "property": "grid-column",
216
+ "group": "CSS Grid Layout"
217
+ },
218
+ {
219
+ "syntax": "<grid-line>",
220
+ "media": "visual",
221
+ "inherited": false,
222
+ "animationType": "discrete",
223
+ "percentages": "no",
224
+ "groups": [
225
+ "CSS Grid Layout"
226
+ ],
227
+ "initial": "auto",
228
+ "appliesto": "gridItemsAndBoxesWithinGridContainer",
229
+ "computed": "asSpecified",
230
+ "order": "uniqueOrder",
231
+ "status": "standard",
232
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-column-end",
233
+ "property": "grid-column-end",
234
+ "group": "CSS Grid Layout"
235
+ },
236
+ {
237
+ "syntax": "<length-percentage>",
238
+ "media": "visual",
239
+ "inherited": false,
240
+ "animationType": "length",
241
+ "percentages": "referToDimensionOfContentArea",
242
+ "groups": [
243
+ "CSS Grid Layout"
244
+ ],
245
+ "initial": "0",
246
+ "appliesto": "gridContainers",
247
+ "computed": "percentageAsSpecifiedOrAbsoluteLength",
248
+ "order": "uniqueOrder",
249
+ "status": "obsolete",
250
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-gap",
251
+ "property": "grid-column-gap",
252
+ "group": "CSS Grid Layout"
253
+ },
254
+ {
255
+ "syntax": "<grid-line>",
256
+ "media": "visual",
257
+ "inherited": false,
258
+ "animationType": "discrete",
259
+ "percentages": "no",
260
+ "groups": [
261
+ "CSS Grid Layout"
262
+ ],
263
+ "initial": "auto",
264
+ "appliesto": "gridItemsAndBoxesWithinGridContainer",
265
+ "computed": "asSpecified",
266
+ "order": "uniqueOrder",
267
+ "status": "standard",
268
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-column-start",
269
+ "property": "grid-column-start",
270
+ "group": "CSS Grid Layout"
271
+ },
272
+ {
273
+ "syntax": "<'grid-row-gap'> <'grid-column-gap'>?",
274
+ "media": "visual",
275
+ "inherited": false,
276
+ "animationType": [
277
+ "grid-row-gap",
278
+ "grid-column-gap"
279
+ ],
280
+ "percentages": "no",
281
+ "groups": [
282
+ "CSS Grid Layout"
283
+ ],
284
+ "initial": [
285
+ "grid-row-gap",
286
+ "grid-column-gap"
287
+ ],
288
+ "appliesto": "gridContainers",
289
+ "computed": [
290
+ "grid-row-gap",
291
+ "grid-column-gap"
292
+ ],
293
+ "order": "uniqueOrder",
294
+ "status": "obsolete",
295
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gap",
296
+ "property": "grid-gap",
297
+ "group": "CSS Grid Layout"
298
+ },
299
+ {
300
+ "syntax": "<grid-line> [ / <grid-line> ]?",
301
+ "media": "visual",
302
+ "inherited": false,
303
+ "animationType": "discrete",
304
+ "percentages": "no",
305
+ "groups": [
306
+ "CSS Grid Layout"
307
+ ],
308
+ "initial": [
309
+ "grid-row-start",
310
+ "grid-row-end"
311
+ ],
312
+ "appliesto": "gridItemsAndBoxesWithinGridContainer",
313
+ "computed": [
314
+ "grid-row-start",
315
+ "grid-row-end"
316
+ ],
317
+ "order": "uniqueOrder",
318
+ "status": "standard",
319
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-row",
320
+ "property": "grid-row",
321
+ "group": "CSS Grid Layout"
322
+ },
323
+ {
324
+ "syntax": "<grid-line>",
325
+ "media": "visual",
326
+ "inherited": false,
327
+ "animationType": "discrete",
328
+ "percentages": "no",
329
+ "groups": [
330
+ "CSS Grid Layout"
331
+ ],
332
+ "initial": "auto",
333
+ "appliesto": "gridItemsAndBoxesWithinGridContainer",
334
+ "computed": "asSpecified",
335
+ "order": "uniqueOrder",
336
+ "status": "standard",
337
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-row-end",
338
+ "property": "grid-row-end",
339
+ "group": "CSS Grid Layout"
340
+ },
341
+ {
342
+ "syntax": "<length-percentage>",
343
+ "media": "visual",
344
+ "inherited": false,
345
+ "animationType": "length",
346
+ "percentages": "referToDimensionOfContentArea",
347
+ "groups": [
348
+ "CSS Grid Layout"
349
+ ],
350
+ "initial": "0",
351
+ "appliesto": "gridContainers",
352
+ "computed": "percentageAsSpecifiedOrAbsoluteLength",
353
+ "order": "uniqueOrder",
354
+ "status": "obsolete",
355
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/row-gap",
356
+ "property": "grid-row-gap",
357
+ "group": "CSS Grid Layout"
358
+ },
359
+ {
360
+ "syntax": "<grid-line>",
361
+ "media": "visual",
362
+ "inherited": false,
363
+ "animationType": "discrete",
364
+ "percentages": "no",
365
+ "groups": [
366
+ "CSS Grid Layout"
367
+ ],
368
+ "initial": "auto",
369
+ "appliesto": "gridItemsAndBoxesWithinGridContainer",
370
+ "computed": "asSpecified",
371
+ "order": "uniqueOrder",
372
+ "status": "standard",
373
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-row-start",
374
+ "property": "grid-row-start",
375
+ "group": "CSS Grid Layout"
376
+ },
377
+ {
378
+ "syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?",
379
+ "media": "visual",
380
+ "inherited": false,
381
+ "animationType": [
382
+ "grid-template-columns",
383
+ "grid-template-rows",
384
+ "grid-template-areas"
385
+ ],
386
+ "percentages": [
387
+ "grid-template-columns",
388
+ "grid-template-rows"
389
+ ],
390
+ "groups": [
391
+ "CSS Grid Layout"
392
+ ],
393
+ "initial": [
394
+ "grid-template-columns",
395
+ "grid-template-rows",
396
+ "grid-template-areas"
397
+ ],
398
+ "appliesto": "gridContainers",
399
+ "computed": [
400
+ "grid-template-columns",
401
+ "grid-template-rows",
402
+ "grid-template-areas"
403
+ ],
404
+ "order": "uniqueOrder",
405
+ "status": "standard",
406
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-template",
407
+ "property": "grid-template",
408
+ "group": "CSS Grid Layout"
409
+ },
410
+ {
411
+ "syntax": "none | <string>+",
412
+ "media": "visual",
413
+ "inherited": false,
414
+ "animationType": "discrete",
415
+ "percentages": "no",
416
+ "groups": [
417
+ "CSS Grid Layout"
418
+ ],
419
+ "initial": "none",
420
+ "appliesto": "gridContainers",
421
+ "computed": "asSpecified",
422
+ "order": "uniqueOrder",
423
+ "status": "standard",
424
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-areas",
425
+ "property": "grid-template-areas",
426
+ "group": "CSS Grid Layout"
427
+ },
428
+ {
429
+ "syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
430
+ "media": "visual",
431
+ "inherited": false,
432
+ "animationType": "simpleListOfLpcDifferenceLpc",
433
+ "percentages": "referToDimensionOfContentArea",
434
+ "groups": [
435
+ "CSS Grid Layout"
436
+ ],
437
+ "initial": "none",
438
+ "appliesto": "gridContainers",
439
+ "computed": "asSpecifiedRelativeToAbsoluteLengths",
440
+ "order": "uniqueOrder",
441
+ "status": "standard",
442
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-columns",
443
+ "property": "grid-template-columns",
444
+ "group": "CSS Grid Layout"
445
+ },
446
+ {
447
+ "syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
448
+ "media": "visual",
449
+ "inherited": false,
450
+ "animationType": "simpleListOfLpcDifferenceLpc",
451
+ "percentages": "referToDimensionOfContentArea",
452
+ "groups": [
453
+ "CSS Grid Layout"
454
+ ],
455
+ "initial": "none",
456
+ "appliesto": "gridContainers",
457
+ "computed": "asSpecifiedRelativeToAbsoluteLengths",
458
+ "order": "uniqueOrder",
459
+ "status": "standard",
460
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-rows",
461
+ "property": "grid-template-rows",
462
+ "group": "CSS Grid Layout"
463
+ },
464
+ {
465
+ "syntax": "[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#",
466
+ "media": "visual",
467
+ "inherited": false,
468
+ "animationType": "discrete",
469
+ "percentages": "no",
470
+ "groups": [
471
+ "CSS Grid Layout"
472
+ ],
473
+ "initial": "normal",
474
+ "appliesto": "gridContainersWithMasonryLayoutInTheirInlineAxis",
475
+ "computed": "asSpecified",
476
+ "order": "uniqueOrder",
477
+ "status": "experimental",
478
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/justify-tracks",
479
+ "property": "justify-tracks",
480
+ "group": "CSS Grid Layout"
481
+ },
482
+ {
483
+ "syntax": "[ pack | next ] || [ definite-first | ordered ]",
484
+ "media": "visual",
485
+ "inherited": false,
486
+ "animationType": "discrete",
487
+ "percentages": "no",
488
+ "groups": [
489
+ "CSS Grid Layout"
490
+ ],
491
+ "initial": "pack",
492
+ "appliesto": "gridContainersWithMasonryLayout",
493
+ "computed": "asSpecified",
494
+ "order": "uniqueOrder",
495
+ "status": "experimental",
496
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/masonry-auto-flow",
497
+ "property": "masonry-auto-flow",
498
+ "group": "CSS Grid Layout"
499
+ }
500
+ ]