@stylexjs/shared 0.2.0-beta.21 → 0.2.0-beta.22

Sign up to get free protection for your applications and to get access to all the features.
Files changed (106) hide show
  1. package/lib/convert-to-className.js +6 -6
  2. package/lib/generate-css-rule.js +3 -3
  3. package/lib/hash.js +10 -11
  4. package/lib/index.d.ts +4 -4
  5. package/lib/index.js +12 -21
  6. package/lib/index.js.flow +4 -4
  7. package/lib/messages.d.ts +2 -1
  8. package/lib/messages.js +29 -54
  9. package/lib/messages.js.flow +2 -1
  10. package/lib/physical-rtl/generate-ltr.js +39 -39
  11. package/lib/physical-rtl/generate-rtl.js +57 -57
  12. package/lib/preprocess-rules/PreRule.js +2 -2
  13. package/lib/preprocess-rules/application-order.d.ts +36 -8
  14. package/lib/preprocess-rules/application-order.js +149 -164
  15. package/lib/preprocess-rules/application-order.js.flow +35 -7
  16. package/lib/preprocess-rules/basic-validation.js +6 -6
  17. package/lib/preprocess-rules/flatten-raw-style-obj.js +10 -10
  18. package/lib/preprocess-rules/index.js +6 -6
  19. package/lib/preprocess-rules/legacy-expand-shorthands.d.ts +22 -2
  20. package/lib/preprocess-rules/legacy-expand-shorthands.js +81 -65
  21. package/lib/preprocess-rules/legacy-expand-shorthands.js.flow +22 -2
  22. package/lib/preprocess-rules/property-specificity.d.ts +29 -25
  23. package/lib/preprocess-rules/property-specificity.js +63 -75
  24. package/lib/preprocess-rules/property-specificity.js.flow +28 -24
  25. package/lib/properties/CSS Animations.json +445 -0
  26. package/lib/properties/CSS Backgrounds and Borders.json +1085 -0
  27. package/lib/properties/CSS Basic User Interface.json +365 -0
  28. package/lib/properties/CSS Box Alignment.json +245 -0
  29. package/lib/properties/CSS Box Model.json +501 -0
  30. package/lib/properties/CSS Color.json +100 -0
  31. package/lib/properties/CSS Columns.json +185 -0
  32. package/lib/properties/CSS Containment.json +203 -0
  33. package/lib/properties/CSS Counter Styles.json +56 -0
  34. package/lib/properties/CSS Display.json +20 -0
  35. package/lib/properties/CSS Flexible Box Layout.json +167 -0
  36. package/lib/properties/CSS Fonts.json +684 -0
  37. package/lib/properties/CSS Fragmentation.json +110 -0
  38. package/lib/properties/CSS Generated Content.json +38 -0
  39. package/lib/properties/CSS Grid Layout.json +500 -0
  40. package/lib/properties/CSS Images.json +91 -0
  41. package/lib/properties/CSS Inline.json +38 -0
  42. package/lib/properties/CSS Lists and Counters.json +86 -0
  43. package/lib/properties/CSS Logical Properties.json +1086 -0
  44. package/lib/properties/CSS Masking.json +399 -0
  45. package/lib/properties/CSS Miscellaneous.json +38 -0
  46. package/lib/properties/CSS Motion Path.json +132 -0
  47. package/lib/properties/CSS Overflow.json +216 -0
  48. package/lib/properties/CSS Pages.json +83 -0
  49. package/lib/properties/CSS Positioning.json +166 -0
  50. package/lib/properties/CSS Ruby.json +55 -0
  51. package/lib/properties/CSS Scroll Anchoring.json +19 -0
  52. package/lib/properties/CSS Scroll Snap.json +604 -0
  53. package/lib/properties/CSS Scrollbars.json +38 -0
  54. package/lib/properties/CSS Shapes.json +56 -0
  55. package/lib/properties/CSS Speech.json +20 -0
  56. package/lib/properties/CSS Table.json +115 -0
  57. package/lib/properties/CSS Text Decoration.json +312 -0
  58. package/lib/properties/CSS Text.json +415 -0
  59. package/lib/properties/CSS Transforms.json +188 -0
  60. package/lib/properties/CSS Transitions.json +122 -0
  61. package/lib/properties/CSS Variables.json +20 -0
  62. package/lib/properties/CSS View Transitions.json +20 -0
  63. package/lib/properties/CSS Will Change.json +20 -0
  64. package/lib/properties/CSS Writing Modes.json +92 -0
  65. package/lib/properties/Compositing and Blending.json +62 -0
  66. package/lib/properties/Filter Effects.json +38 -0
  67. package/lib/properties/MathML.json +56 -0
  68. package/lib/properties/Microsoft Extensions.json +885 -0
  69. package/lib/properties/Mozilla Extensions.json +607 -0
  70. package/lib/properties/Pointer Events.json +20 -0
  71. package/lib/properties/WebKit Extensions.json +707 -0
  72. package/lib/properties.json +10122 -0
  73. package/lib/{stylex-override-vars.d.ts → stylex-create-theme.d.ts} +2 -2
  74. package/lib/{stylex-override-vars.js → stylex-create-theme.js} +13 -13
  75. package/lib/{stylex-override-vars.js.flow → stylex-create-theme.js.flow} +1 -1
  76. package/lib/stylex-create.js +1 -1
  77. package/lib/{stylex-create-vars.d.ts → stylex-define-vars.d.ts} +2 -2
  78. package/lib/{stylex-create-vars.js → stylex-define-vars.js} +9 -9
  79. package/lib/{stylex-create-vars.js.flow → stylex-define-vars.js.flow} +1 -1
  80. package/lib/stylex-keyframes.js +6 -6
  81. package/lib/transform-value.js +13 -15
  82. package/lib/types/index.js +33 -46
  83. package/lib/utils/dashify.js +1 -1
  84. package/lib/utils/default-options.js +4 -5
  85. package/lib/utils/file-based-identifier.js +1 -1
  86. package/lib/utils/genCSSRule.js +6 -6
  87. package/lib/utils/normalize-value.js +3 -2
  88. package/lib/utils/normalizers/convert-camel-case-transition-props.d.ts +14 -0
  89. package/lib/utils/normalizers/convert-camel-case-transition-props.js +23 -0
  90. package/lib/utils/normalizers/convert-camel-case-transition-props.js.flow +13 -0
  91. package/lib/utils/normalizers/convert-camel-case-values.d.ts +14 -0
  92. package/lib/utils/normalizers/convert-camel-case-values.js +23 -0
  93. package/lib/utils/normalizers/convert-camel-case-values.js.flow +13 -0
  94. package/lib/utils/normalizers/detect-unclosed-fns.js +2 -2
  95. package/lib/utils/normalizers/font-size-px-to-rem.js +4 -4
  96. package/lib/utils/normalizers/leading-zero.js +3 -3
  97. package/lib/utils/normalizers/quotes.js +4 -4
  98. package/lib/utils/normalizers/timings.js +4 -4
  99. package/lib/utils/normalizers/whitespace.js +12 -12
  100. package/lib/utils/normalizers/zero-dimensions.js +8 -8
  101. package/lib/utils/object-utils.d.ts +3 -6
  102. package/lib/utils/object-utils.js +2 -2
  103. package/lib/utils/property-priorities.js +527 -88
  104. package/lib/utils/split-css-value.js +8 -8
  105. package/lib/validate.js +2 -2
  106. package/package.json +2 -2
@@ -0,0 +1,365 @@
1
+ [
2
+ {
3
+ "syntax": "auto | <color>",
4
+ "media": "interactive",
5
+ "inherited": true,
6
+ "animationType": "byComputedValueType",
7
+ "percentages": "no",
8
+ "groups": [
9
+ "CSS Basic User Interface"
10
+ ],
11
+ "initial": "auto",
12
+ "appliesto": "allElements",
13
+ "computed": "asAutoOrColor",
14
+ "order": "perGrammar",
15
+ "status": "standard",
16
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/accent-color",
17
+ "property": "accent-color",
18
+ "group": "CSS Basic User Interface"
19
+ },
20
+ {
21
+ "syntax": "none | auto | textfield | menulist-button | <compat-auto>",
22
+ "media": "all",
23
+ "inherited": false,
24
+ "animationType": "discrete",
25
+ "percentages": "no",
26
+ "groups": [
27
+ "CSS Basic User Interface"
28
+ ],
29
+ "initial": "none",
30
+ "appliesto": "allElements",
31
+ "computed": "asSpecified",
32
+ "order": "perGrammar",
33
+ "status": "experimental",
34
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/appearance",
35
+ "property": "appearance",
36
+ "group": "CSS Basic User Interface"
37
+ },
38
+ {
39
+ "syntax": "auto | <ratio>",
40
+ "media": "all",
41
+ "inherited": false,
42
+ "animationType": "byComputedValueType",
43
+ "percentages": "no",
44
+ "groups": [
45
+ "CSS Basic User Interface"
46
+ ],
47
+ "initial": "auto",
48
+ "appliesto": "allElementsExceptInlineBoxesAndInternalRubyOrTableBoxes",
49
+ "computed": "asSpecified",
50
+ "order": "perGrammar",
51
+ "status": "experimental",
52
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/aspect-ratio",
53
+ "property": "aspect-ratio",
54
+ "group": "CSS Basic User Interface"
55
+ },
56
+ {
57
+ "syntax": "<'caret-color'> || <'caret-shape'>",
58
+ "media": "interactive",
59
+ "inherited": true,
60
+ "animationType": [
61
+ "caret-color",
62
+ "caret-shape"
63
+ ],
64
+ "percentages": "no",
65
+ "groups": [
66
+ "CSS Basic User Interface"
67
+ ],
68
+ "initial": [
69
+ "caret-color",
70
+ "caret-shape"
71
+ ],
72
+ "appliesto": "elementsThatAcceptInput",
73
+ "computed": [
74
+ "caret-color",
75
+ "caret-shape"
76
+ ],
77
+ "order": "perGrammar",
78
+ "status": "standard",
79
+ "property": "caret",
80
+ "group": "CSS Basic User Interface"
81
+ },
82
+ {
83
+ "syntax": "auto | <color>",
84
+ "media": "interactive",
85
+ "inherited": true,
86
+ "animationType": "color",
87
+ "percentages": "no",
88
+ "groups": [
89
+ "CSS Basic User Interface"
90
+ ],
91
+ "initial": "auto",
92
+ "appliesto": "allElements",
93
+ "computed": "asAutoOrColor",
94
+ "order": "perGrammar",
95
+ "status": "standard",
96
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/caret-color",
97
+ "property": "caret-color",
98
+ "group": "CSS Basic User Interface"
99
+ },
100
+ {
101
+ "syntax": "auto | bar | block | underscore",
102
+ "media": "interactive",
103
+ "inherited": true,
104
+ "animationType": "byComputedValueType",
105
+ "percentages": "no",
106
+ "groups": [
107
+ "CSS Basic User Interface"
108
+ ],
109
+ "initial": "auto",
110
+ "appliesto": "elementsThatAcceptInput",
111
+ "computed": "asSpecified",
112
+ "order": "perGrammar",
113
+ "status": "standard",
114
+ "property": "caret-shape",
115
+ "group": "CSS Basic User Interface"
116
+ },
117
+ {
118
+ "syntax": "[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]",
119
+ "media": [
120
+ "visual",
121
+ "interactive"
122
+ ],
123
+ "inherited": true,
124
+ "animationType": "discrete",
125
+ "percentages": "no",
126
+ "groups": [
127
+ "CSS Basic User Interface"
128
+ ],
129
+ "initial": "auto",
130
+ "appliesto": "allElements",
131
+ "computed": "asSpecifiedURLsAbsolute",
132
+ "order": "uniqueOrder",
133
+ "status": "standard",
134
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cursor",
135
+ "property": "cursor",
136
+ "group": "CSS Basic User Interface"
137
+ },
138
+ {
139
+ "syntax": "auto | normal | active | inactive | disabled",
140
+ "media": "interactive",
141
+ "inherited": false,
142
+ "animationType": "discrete",
143
+ "percentages": "no",
144
+ "groups": [
145
+ "CSS Basic User Interface"
146
+ ],
147
+ "initial": "auto",
148
+ "appliesto": "textFields",
149
+ "computed": "asSpecified",
150
+ "order": "uniqueOrder",
151
+ "status": "obsolete",
152
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ime-mode",
153
+ "property": "ime-mode",
154
+ "group": "CSS Basic User Interface"
155
+ },
156
+ {
157
+ "syntax": "auto | none",
158
+ "media": "interactive",
159
+ "inherited": false,
160
+ "animationType": "byComputedValueType",
161
+ "percentages": "no",
162
+ "groups": [
163
+ "CSS Basic User Interface"
164
+ ],
165
+ "initial": "auto",
166
+ "appliesto": "sensitiveTextInputs",
167
+ "computed": "asSpecified",
168
+ "order": "perGrammar",
169
+ "status": "standard",
170
+ "property": "input-security",
171
+ "group": "CSS Basic User Interface"
172
+ },
173
+ {
174
+ "syntax": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
175
+ "media": [
176
+ "visual",
177
+ "interactive"
178
+ ],
179
+ "inherited": false,
180
+ "animationType": [
181
+ "outline-color",
182
+ "outline-width",
183
+ "outline-style"
184
+ ],
185
+ "percentages": "no",
186
+ "groups": [
187
+ "CSS Basic User Interface"
188
+ ],
189
+ "initial": [
190
+ "outline-color",
191
+ "outline-style",
192
+ "outline-width"
193
+ ],
194
+ "appliesto": "allElements",
195
+ "computed": [
196
+ "outline-color",
197
+ "outline-width",
198
+ "outline-style"
199
+ ],
200
+ "order": "orderOfAppearance",
201
+ "status": "standard",
202
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/outline",
203
+ "property": "outline",
204
+ "group": "CSS Basic User Interface"
205
+ },
206
+ {
207
+ "syntax": "<color> | invert",
208
+ "media": [
209
+ "visual",
210
+ "interactive"
211
+ ],
212
+ "inherited": false,
213
+ "animationType": "color",
214
+ "percentages": "no",
215
+ "groups": [
216
+ "CSS Basic User Interface"
217
+ ],
218
+ "initial": "invertOrCurrentColor",
219
+ "appliesto": "allElements",
220
+ "computed": "invertForTranslucentColorRGBAOtherwiseRGB",
221
+ "order": "uniqueOrder",
222
+ "status": "standard",
223
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/outline-color",
224
+ "property": "outline-color",
225
+ "group": "CSS Basic User Interface"
226
+ },
227
+ {
228
+ "syntax": "<length>",
229
+ "media": [
230
+ "visual",
231
+ "interactive"
232
+ ],
233
+ "inherited": false,
234
+ "animationType": "length",
235
+ "percentages": "no",
236
+ "groups": [
237
+ "CSS Basic User Interface"
238
+ ],
239
+ "initial": "0",
240
+ "appliesto": "allElements",
241
+ "computed": "asSpecifiedRelativeToAbsoluteLengths",
242
+ "order": "uniqueOrder",
243
+ "status": "standard",
244
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/outline-offset",
245
+ "property": "outline-offset",
246
+ "group": "CSS Basic User Interface"
247
+ },
248
+ {
249
+ "syntax": "auto | <'border-style'>",
250
+ "media": [
251
+ "visual",
252
+ "interactive"
253
+ ],
254
+ "inherited": false,
255
+ "animationType": "byComputedValueType",
256
+ "percentages": "no",
257
+ "groups": [
258
+ "CSS Basic User Interface"
259
+ ],
260
+ "initial": "none",
261
+ "appliesto": "allElements",
262
+ "computed": "asSpecified",
263
+ "order": "uniqueOrder",
264
+ "status": "standard",
265
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/outline-style",
266
+ "property": "outline-style",
267
+ "group": "CSS Basic User Interface"
268
+ },
269
+ {
270
+ "syntax": "<line-width>",
271
+ "media": [
272
+ "visual",
273
+ "interactive"
274
+ ],
275
+ "inherited": false,
276
+ "animationType": "length",
277
+ "percentages": "no",
278
+ "groups": [
279
+ "CSS Basic User Interface"
280
+ ],
281
+ "initial": "medium",
282
+ "appliesto": "allElements",
283
+ "computed": "absoluteLength0ForNone",
284
+ "order": "uniqueOrder",
285
+ "status": "standard",
286
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/outline-width",
287
+ "property": "outline-width",
288
+ "group": "CSS Basic User Interface"
289
+ },
290
+ {
291
+ "syntax": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
292
+ "media": "visual",
293
+ "inherited": true,
294
+ "animationType": "discrete",
295
+ "percentages": "no",
296
+ "groups": [
297
+ "CSS Basic User Interface"
298
+ ],
299
+ "initial": "auto",
300
+ "appliesto": "allElements",
301
+ "computed": "asSpecified",
302
+ "order": "uniqueOrder",
303
+ "status": "standard",
304
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/pointer-events",
305
+ "property": "pointer-events",
306
+ "group": "CSS Basic User Interface"
307
+ },
308
+ {
309
+ "syntax": "none | both | horizontal | vertical | block | inline",
310
+ "media": "visual",
311
+ "inherited": false,
312
+ "animationType": "discrete",
313
+ "percentages": "no",
314
+ "groups": [
315
+ "CSS Basic User Interface"
316
+ ],
317
+ "initial": "none",
318
+ "appliesto": "elementsWithOverflowNotVisibleAndReplacedElements",
319
+ "computed": "asSpecified",
320
+ "order": "uniqueOrder",
321
+ "status": "standard",
322
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/resize",
323
+ "property": "resize",
324
+ "group": "CSS Basic User Interface"
325
+ },
326
+ {
327
+ "syntax": "[ clip | ellipsis | <string> ]{1,2}",
328
+ "media": "visual",
329
+ "inherited": false,
330
+ "animationType": "discrete",
331
+ "percentages": "no",
332
+ "groups": [
333
+ "CSS Basic User Interface"
334
+ ],
335
+ "initial": "clip",
336
+ "appliesto": "blockContainerElements",
337
+ "computed": "asSpecified",
338
+ "order": "uniqueOrder",
339
+ "alsoAppliesTo": [
340
+ "::placeholder"
341
+ ],
342
+ "status": "standard",
343
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/text-overflow",
344
+ "property": "text-overflow",
345
+ "group": "CSS Basic User Interface"
346
+ },
347
+ {
348
+ "syntax": "auto | text | none | contain | all",
349
+ "media": "visual",
350
+ "inherited": false,
351
+ "animationType": "discrete",
352
+ "percentages": "no",
353
+ "groups": [
354
+ "CSS Basic User Interface"
355
+ ],
356
+ "initial": "auto",
357
+ "appliesto": "allElements",
358
+ "computed": "asSpecified",
359
+ "order": "uniqueOrder",
360
+ "status": "standard",
361
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/user-select",
362
+ "property": "user-select",
363
+ "group": "CSS Basic User Interface"
364
+ }
365
+ ]
@@ -0,0 +1,245 @@
1
+ [
2
+ {
3
+ "syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>",
4
+ "media": "visual",
5
+ "inherited": false,
6
+ "animationType": "discrete",
7
+ "percentages": "no",
8
+ "groups": [
9
+ "CSS Box Alignment"
10
+ ],
11
+ "initial": "normal",
12
+ "appliesto": "multilineFlexContainers",
13
+ "computed": "asSpecified",
14
+ "order": "uniqueOrder",
15
+ "status": "standard",
16
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/align-content",
17
+ "property": "align-content",
18
+ "group": "CSS Box Alignment"
19
+ },
20
+ {
21
+ "syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
22
+ "media": "visual",
23
+ "inherited": false,
24
+ "animationType": "discrete",
25
+ "percentages": "no",
26
+ "groups": [
27
+ "CSS Box Alignment"
28
+ ],
29
+ "initial": "normal",
30
+ "appliesto": "allElements",
31
+ "computed": "asSpecified",
32
+ "order": "uniqueOrder",
33
+ "status": "standard",
34
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/align-items",
35
+ "property": "align-items",
36
+ "group": "CSS Box Alignment"
37
+ },
38
+ {
39
+ "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
40
+ "media": "visual",
41
+ "inherited": false,
42
+ "animationType": "discrete",
43
+ "percentages": "no",
44
+ "groups": [
45
+ "CSS Box Alignment"
46
+ ],
47
+ "initial": "auto",
48
+ "appliesto": "flexItemsGridItemsAndAbsolutelyPositionedBoxes",
49
+ "computed": "autoOnAbsolutelyPositionedElementsValueOfAlignItemsOnParent",
50
+ "order": "uniqueOrder",
51
+ "status": "standard",
52
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/align-self",
53
+ "property": "align-self",
54
+ "group": "CSS Box Alignment"
55
+ },
56
+ {
57
+ "syntax": "normal | <length-percentage>",
58
+ "media": "visual",
59
+ "inherited": false,
60
+ "animationType": "lpc",
61
+ "percentages": "referToDimensionOfContentArea",
62
+ "groups": [
63
+ "CSS Box Alignment"
64
+ ],
65
+ "initial": "normal",
66
+ "appliesto": "multiColumnElementsFlexContainersGridContainers",
67
+ "computed": "asSpecifiedWithLengthsAbsoluteAndNormalComputingToZeroExceptMultiColumn",
68
+ "order": "perGrammar",
69
+ "status": "standard",
70
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-gap",
71
+ "property": "column-gap",
72
+ "group": "CSS Box Alignment"
73
+ },
74
+ {
75
+ "syntax": "<'row-gap'> <'column-gap'>?",
76
+ "media": "visual",
77
+ "inherited": false,
78
+ "animationType": [
79
+ "row-gap",
80
+ "column-gap"
81
+ ],
82
+ "percentages": "no",
83
+ "groups": [
84
+ "CSS Box Alignment"
85
+ ],
86
+ "initial": [
87
+ "row-gap",
88
+ "column-gap"
89
+ ],
90
+ "appliesto": "multiColumnElementsFlexContainersGridContainers",
91
+ "computed": [
92
+ "row-gap",
93
+ "column-gap"
94
+ ],
95
+ "order": "uniqueOrder",
96
+ "status": "standard",
97
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gap",
98
+ "property": "gap",
99
+ "group": "CSS Box Alignment"
100
+ },
101
+ {
102
+ "syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]",
103
+ "media": "visual",
104
+ "inherited": false,
105
+ "animationType": "discrete",
106
+ "percentages": "no",
107
+ "groups": [
108
+ "CSS Box Alignment"
109
+ ],
110
+ "initial": "normal",
111
+ "appliesto": "flexContainers",
112
+ "computed": "asSpecified",
113
+ "order": "uniqueOrder",
114
+ "status": "standard",
115
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/justify-content",
116
+ "property": "justify-content",
117
+ "group": "CSS Box Alignment"
118
+ },
119
+ {
120
+ "syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
121
+ "media": "visual",
122
+ "inherited": false,
123
+ "animationType": "discrete",
124
+ "percentages": "no",
125
+ "groups": [
126
+ "CSS Box Alignment"
127
+ ],
128
+ "initial": "legacy",
129
+ "appliesto": "allElements",
130
+ "computed": "asSpecified",
131
+ "order": "perGrammar",
132
+ "status": "standard",
133
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/justify-items",
134
+ "property": "justify-items",
135
+ "group": "CSS Box Alignment"
136
+ },
137
+ {
138
+ "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
139
+ "media": "visual",
140
+ "inherited": false,
141
+ "animationType": "discrete",
142
+ "percentages": "no",
143
+ "groups": [
144
+ "CSS Box Alignment"
145
+ ],
146
+ "initial": "auto",
147
+ "appliesto": "blockLevelBoxesAndAbsolutelyPositionedBoxesAndGridItems",
148
+ "computed": "asSpecified",
149
+ "order": "uniqueOrder",
150
+ "status": "standard",
151
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/justify-self",
152
+ "property": "justify-self",
153
+ "group": "CSS Box Alignment"
154
+ },
155
+ {
156
+ "syntax": "<'align-content'> <'justify-content'>?",
157
+ "media": "visual",
158
+ "inherited": false,
159
+ "animationType": "discrete",
160
+ "percentages": "no",
161
+ "groups": [
162
+ "CSS Box Alignment"
163
+ ],
164
+ "initial": [
165
+ "align-content",
166
+ "justify-content"
167
+ ],
168
+ "appliesto": "multilineFlexContainers",
169
+ "computed": [
170
+ "align-content",
171
+ "justify-content"
172
+ ],
173
+ "order": "uniqueOrder",
174
+ "status": "standard",
175
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/place-content",
176
+ "property": "place-content",
177
+ "group": "CSS Box Alignment"
178
+ },
179
+ {
180
+ "syntax": "<'align-items'> <'justify-items'>?",
181
+ "media": "visual",
182
+ "inherited": false,
183
+ "animationType": "discrete",
184
+ "percentages": "no",
185
+ "groups": [
186
+ "CSS Box Alignment"
187
+ ],
188
+ "initial": [
189
+ "align-items",
190
+ "justify-items"
191
+ ],
192
+ "appliesto": "allElements",
193
+ "computed": [
194
+ "align-items",
195
+ "justify-items"
196
+ ],
197
+ "order": "uniqueOrder",
198
+ "status": "standard",
199
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/place-items",
200
+ "property": "place-items",
201
+ "group": "CSS Box Alignment"
202
+ },
203
+ {
204
+ "syntax": "<'align-self'> <'justify-self'>?",
205
+ "media": "visual",
206
+ "inherited": false,
207
+ "animationType": "discrete",
208
+ "percentages": "no",
209
+ "groups": [
210
+ "CSS Box Alignment"
211
+ ],
212
+ "initial": [
213
+ "align-self",
214
+ "justify-self"
215
+ ],
216
+ "appliesto": "blockLevelBoxesAndAbsolutelyPositionedBoxesAndGridItems",
217
+ "computed": [
218
+ "align-self",
219
+ "justify-self"
220
+ ],
221
+ "order": "uniqueOrder",
222
+ "status": "standard",
223
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/place-self",
224
+ "property": "place-self",
225
+ "group": "CSS Box Alignment"
226
+ },
227
+ {
228
+ "syntax": "normal | <length-percentage>",
229
+ "media": "visual",
230
+ "inherited": false,
231
+ "animationType": "lpc",
232
+ "percentages": "referToDimensionOfContentArea",
233
+ "groups": [
234
+ "CSS Box Alignment"
235
+ ],
236
+ "initial": "normal",
237
+ "appliesto": "multiColumnElementsFlexContainersGridContainers",
238
+ "computed": "asSpecifiedWithLengthsAbsoluteAndNormalComputingToZeroExceptMultiColumn",
239
+ "order": "perGrammar",
240
+ "status": "standard",
241
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/row-gap",
242
+ "property": "row-gap",
243
+ "group": "CSS Box Alignment"
244
+ }
245
+ ]