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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) 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} +4 -4
  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} +4 -4
  80. package/lib/stylex-keyframes.js +6 -6
  81. package/lib/transform-value.js +13 -15
  82. package/lib/types/index.d.ts +1 -4
  83. package/lib/types/index.js +33 -46
  84. package/lib/types/index.js.flow +2 -2
  85. package/lib/utils/dashify.js +1 -1
  86. package/lib/utils/default-options.js +4 -5
  87. package/lib/utils/file-based-identifier.js +1 -1
  88. package/lib/utils/genCSSRule.js +6 -6
  89. package/lib/utils/normalize-value.js +3 -2
  90. package/lib/utils/normalizers/convert-camel-case-transition-props.d.ts +14 -0
  91. package/lib/utils/normalizers/convert-camel-case-transition-props.js +23 -0
  92. package/lib/utils/normalizers/convert-camel-case-transition-props.js.flow +13 -0
  93. package/lib/utils/normalizers/convert-camel-case-values.d.ts +14 -0
  94. package/lib/utils/normalizers/convert-camel-case-values.js +23 -0
  95. package/lib/utils/normalizers/convert-camel-case-values.js.flow +13 -0
  96. package/lib/utils/normalizers/detect-unclosed-fns.js +2 -2
  97. package/lib/utils/normalizers/font-size-px-to-rem.js +4 -4
  98. package/lib/utils/normalizers/leading-zero.js +3 -3
  99. package/lib/utils/normalizers/quotes.js +4 -4
  100. package/lib/utils/normalizers/timings.js +4 -4
  101. package/lib/utils/normalizers/whitespace.js +12 -12
  102. package/lib/utils/normalizers/zero-dimensions.js +8 -8
  103. package/lib/utils/object-utils.d.ts +3 -6
  104. package/lib/utils/object-utils.js +2 -2
  105. package/lib/utils/property-priorities.js +527 -88
  106. package/lib/utils/split-css-value.js +8 -8
  107. package/lib/validate.js +2 -2
  108. package/package.json +2 -2
@@ -0,0 +1,185 @@
1
+ [
2
+ {
3
+ "syntax": "<integer> | auto",
4
+ "media": "visual",
5
+ "inherited": false,
6
+ "animationType": "integer",
7
+ "percentages": "no",
8
+ "groups": [
9
+ "CSS Columns"
10
+ ],
11
+ "initial": "auto",
12
+ "appliesto": "blockContainersExceptTableWrappers",
13
+ "computed": "asSpecified",
14
+ "order": "perGrammar",
15
+ "status": "standard",
16
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-count",
17
+ "property": "column-count",
18
+ "group": "CSS Columns"
19
+ },
20
+ {
21
+ "syntax": "auto | balance | balance-all",
22
+ "media": "visualInContinuousMediaNoEffectInOverflowColumns",
23
+ "inherited": false,
24
+ "animationType": "discrete",
25
+ "percentages": "no",
26
+ "groups": [
27
+ "CSS Columns"
28
+ ],
29
+ "initial": "balance",
30
+ "appliesto": "multicolElements",
31
+ "computed": "asSpecified",
32
+ "order": "perGrammar",
33
+ "status": "standard",
34
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-fill",
35
+ "property": "column-fill",
36
+ "group": "CSS Columns"
37
+ },
38
+ {
39
+ "syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>",
40
+ "media": "visual",
41
+ "inherited": false,
42
+ "animationType": [
43
+ "column-rule-color",
44
+ "column-rule-style",
45
+ "column-rule-width"
46
+ ],
47
+ "percentages": "no",
48
+ "groups": [
49
+ "CSS Columns"
50
+ ],
51
+ "initial": [
52
+ "column-rule-width",
53
+ "column-rule-style",
54
+ "column-rule-color"
55
+ ],
56
+ "appliesto": "multicolElements",
57
+ "computed": [
58
+ "column-rule-color",
59
+ "column-rule-style",
60
+ "column-rule-width"
61
+ ],
62
+ "order": "perGrammar",
63
+ "status": "standard",
64
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-rule",
65
+ "property": "column-rule",
66
+ "group": "CSS Columns"
67
+ },
68
+ {
69
+ "syntax": "<color>",
70
+ "media": "visual",
71
+ "inherited": false,
72
+ "animationType": "color",
73
+ "percentages": "no",
74
+ "groups": [
75
+ "CSS Columns"
76
+ ],
77
+ "initial": "currentcolor",
78
+ "appliesto": "multicolElements",
79
+ "computed": "computedColor",
80
+ "order": "perGrammar",
81
+ "status": "standard",
82
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-color",
83
+ "property": "column-rule-color",
84
+ "group": "CSS Columns"
85
+ },
86
+ {
87
+ "syntax": "<'border-style'>",
88
+ "media": "visual",
89
+ "inherited": false,
90
+ "animationType": "discrete",
91
+ "percentages": "no",
92
+ "groups": [
93
+ "CSS Columns"
94
+ ],
95
+ "initial": "none",
96
+ "appliesto": "multicolElements",
97
+ "computed": "asSpecified",
98
+ "order": "perGrammar",
99
+ "status": "standard",
100
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-style",
101
+ "property": "column-rule-style",
102
+ "group": "CSS Columns"
103
+ },
104
+ {
105
+ "syntax": "<'border-width'>",
106
+ "media": "visual",
107
+ "inherited": false,
108
+ "animationType": "length",
109
+ "percentages": "no",
110
+ "groups": [
111
+ "CSS Columns"
112
+ ],
113
+ "initial": "medium",
114
+ "appliesto": "multicolElements",
115
+ "computed": "absoluteLength0IfColumnRuleStyleNoneOrHidden",
116
+ "order": "perGrammar",
117
+ "status": "standard",
118
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-width",
119
+ "property": "column-rule-width",
120
+ "group": "CSS Columns"
121
+ },
122
+ {
123
+ "syntax": "none | all",
124
+ "media": "visual",
125
+ "inherited": false,
126
+ "animationType": "discrete",
127
+ "percentages": "no",
128
+ "groups": [
129
+ "CSS Columns"
130
+ ],
131
+ "initial": "none",
132
+ "appliesto": "inFlowBlockLevelElements",
133
+ "computed": "asSpecified",
134
+ "order": "perGrammar",
135
+ "status": "standard",
136
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-span",
137
+ "property": "column-span",
138
+ "group": "CSS Columns"
139
+ },
140
+ {
141
+ "syntax": "<length> | auto",
142
+ "media": "visual",
143
+ "inherited": false,
144
+ "animationType": "length",
145
+ "percentages": "no",
146
+ "groups": [
147
+ "CSS Columns"
148
+ ],
149
+ "initial": "auto",
150
+ "appliesto": "blockContainersExceptTableWrappers",
151
+ "computed": "absoluteLengthZeroOrLarger",
152
+ "order": "perGrammar",
153
+ "status": "standard",
154
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-width",
155
+ "property": "column-width",
156
+ "group": "CSS Columns"
157
+ },
158
+ {
159
+ "syntax": "<'column-width'> || <'column-count'>",
160
+ "media": "visual",
161
+ "inherited": false,
162
+ "animationType": [
163
+ "column-width",
164
+ "column-count"
165
+ ],
166
+ "percentages": "no",
167
+ "groups": [
168
+ "CSS Columns"
169
+ ],
170
+ "initial": [
171
+ "column-width",
172
+ "column-count"
173
+ ],
174
+ "appliesto": "blockContainersExceptTableWrappers",
175
+ "computed": [
176
+ "column-width",
177
+ "column-count"
178
+ ],
179
+ "order": "perGrammar",
180
+ "status": "standard",
181
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/columns",
182
+ "property": "columns",
183
+ "group": "CSS Columns"
184
+ }
185
+ ]
@@ -0,0 +1,203 @@
1
+ [
2
+ {
3
+ "syntax": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
4
+ "media": "all",
5
+ "inherited": false,
6
+ "animationType": "notAnimatable",
7
+ "percentages": "no",
8
+ "groups": [
9
+ "CSS Containment"
10
+ ],
11
+ "initial": "none",
12
+ "appliesto": "allElements",
13
+ "computed": "asSpecified",
14
+ "order": "perGrammar",
15
+ "status": "standard",
16
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain",
17
+ "property": "contain",
18
+ "group": "CSS Containment"
19
+ },
20
+ {
21
+ "syntax": "[ auto? [ none | <length> ] ]{1,2}",
22
+ "media": "visual",
23
+ "inherited": false,
24
+ "animationType": [
25
+ "contain-intrinsic-width",
26
+ "contain-intrinsic-height"
27
+ ],
28
+ "percentages": [
29
+ "contain-intrinsic-width",
30
+ "contain-intrinsic-height"
31
+ ],
32
+ "groups": [
33
+ "CSS Containment"
34
+ ],
35
+ "initial": [
36
+ "contain-intrinsic-width",
37
+ "contain-intrinsic-height"
38
+ ],
39
+ "appliesto": "elementsForWhichSizeContainmentCanApply",
40
+ "computed": [
41
+ "contain-intrinsic-width",
42
+ "contain-intrinsic-height"
43
+ ],
44
+ "order": "perGrammar",
45
+ "status": "standard",
46
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size",
47
+ "property": "contain-intrinsic-size",
48
+ "group": "CSS Containment"
49
+ },
50
+ {
51
+ "syntax": "auto? [ none | <length> ]",
52
+ "inherited": false,
53
+ "animationType": "byComputedValueType",
54
+ "percentages": "no",
55
+ "groups": [
56
+ "CSS Containment"
57
+ ],
58
+ "initial": "none",
59
+ "appliesto": "elementsForWhichSizeContainmentCanApply",
60
+ "computed": "asSpecifiedWithLengthValuesComputed",
61
+ "order": "perGrammar",
62
+ "status": "standard",
63
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-block-size",
64
+ "property": "contain-intrinsic-block-size",
65
+ "group": "CSS Containment"
66
+ },
67
+ {
68
+ "syntax": "auto? [ none | <length> ]",
69
+ "inherited": false,
70
+ "animationType": "byComputedValueType",
71
+ "percentages": "no",
72
+ "groups": [
73
+ "CSS Containment"
74
+ ],
75
+ "initial": "none",
76
+ "appliesto": "elementsForWhichSizeContainmentCanApply",
77
+ "computed": "asSpecifiedWithLengthValuesComputed",
78
+ "order": "perGrammar",
79
+ "status": "standard",
80
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height",
81
+ "property": "contain-intrinsic-height",
82
+ "group": "CSS Containment"
83
+ },
84
+ {
85
+ "syntax": "auto? [ none | <length> ]",
86
+ "inherited": false,
87
+ "animationType": "byComputedValueType",
88
+ "percentages": "no",
89
+ "groups": [
90
+ "CSS Containment"
91
+ ],
92
+ "initial": "none",
93
+ "appliesto": "elementsForWhichSizeContainmentCanApply",
94
+ "computed": "asSpecifiedWithLengthValuesComputed",
95
+ "order": "perGrammar",
96
+ "status": "standard",
97
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-inline-size",
98
+ "property": "contain-intrinsic-inline-size",
99
+ "group": "CSS Containment"
100
+ },
101
+ {
102
+ "syntax": "auto? [ none | <length> ]",
103
+ "media": "visual",
104
+ "inherited": false,
105
+ "animationType": "byComputedValueType",
106
+ "percentages": "no",
107
+ "groups": [
108
+ "CSS Containment"
109
+ ],
110
+ "initial": "none",
111
+ "appliesto": "elementsForWhichSizeContainmentCanApply",
112
+ "computed": "asSpecifiedWithLengthValuesComputed",
113
+ "order": "perGrammar",
114
+ "status": "standard",
115
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width",
116
+ "property": "contain-intrinsic-width",
117
+ "group": "CSS Containment"
118
+ },
119
+ {
120
+ "syntax": "<'container-name'> [ / <'container-type'> ]?",
121
+ "media": "visual",
122
+ "inherited": false,
123
+ "animationType": [
124
+ "container-name",
125
+ "container-type"
126
+ ],
127
+ "percentages": [
128
+ "container-name",
129
+ "container-type"
130
+ ],
131
+ "groups": [
132
+ "CSS Containment"
133
+ ],
134
+ "initial": [
135
+ "container-name",
136
+ "container-type"
137
+ ],
138
+ "appliesto": "allElements",
139
+ "computed": [
140
+ "container-name",
141
+ "container-type"
142
+ ],
143
+ "order": "perGrammar",
144
+ "status": "standard",
145
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/container",
146
+ "property": "container",
147
+ "group": "CSS Containment"
148
+ },
149
+ {
150
+ "syntax": "none | <custom-ident>+",
151
+ "media": "visual",
152
+ "inherited": false,
153
+ "animationType": "notAnimatable",
154
+ "percentages": "no",
155
+ "groups": [
156
+ "CSS Containment"
157
+ ],
158
+ "initial": "none",
159
+ "appliesto": "allElements",
160
+ "computed": "noneOrOrderedListOfIdentifiers",
161
+ "order": "perGrammar",
162
+ "status": "standard",
163
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/container-name",
164
+ "property": "container-name",
165
+ "group": "CSS Containment"
166
+ },
167
+ {
168
+ "syntax": "normal | size | inline-size",
169
+ "media": "visual",
170
+ "inherited": false,
171
+ "animationType": "color",
172
+ "percentages": "no",
173
+ "groups": [
174
+ "CSS Containment"
175
+ ],
176
+ "initial": "normal",
177
+ "appliesto": "allElements",
178
+ "computed": "asSpecified",
179
+ "order": "perGrammar",
180
+ "status": "standard",
181
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/container-type",
182
+ "property": "container-type",
183
+ "group": "CSS Containment"
184
+ },
185
+ {
186
+ "syntax": "visible | auto | hidden",
187
+ "media": "all",
188
+ "inherited": false,
189
+ "animationType": "discreteHiddenSwapAt0",
190
+ "percentages": "no",
191
+ "groups": [
192
+ "CSS Containment"
193
+ ],
194
+ "initial": "visible",
195
+ "appliesto": "elementsForWhichSizeContainmentCanApply",
196
+ "computed": "asSpecified",
197
+ "order": "perGrammar",
198
+ "status": "standard",
199
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/content-visibility",
200
+ "property": "content-visibility",
201
+ "group": "CSS Containment"
202
+ }
203
+ ]
@@ -0,0 +1,56 @@
1
+ [
2
+ {
3
+ "syntax": "[ <counter-name> <integer>? ]+ | none",
4
+ "media": "all",
5
+ "inherited": false,
6
+ "animationType": "byComputedValueType",
7
+ "percentages": "no",
8
+ "groups": [
9
+ "CSS Counter Styles"
10
+ ],
11
+ "initial": "none",
12
+ "appliesto": "allElements",
13
+ "computed": "asSpecified",
14
+ "order": "uniqueOrder",
15
+ "status": "standard",
16
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counter-increment",
17
+ "property": "counter-increment",
18
+ "group": "CSS Counter Styles"
19
+ },
20
+ {
21
+ "syntax": "[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none",
22
+ "media": "all",
23
+ "inherited": false,
24
+ "animationType": "byComputedValueType",
25
+ "percentages": "no",
26
+ "groups": [
27
+ "CSS Counter Styles"
28
+ ],
29
+ "initial": "none",
30
+ "appliesto": "allElements",
31
+ "computed": "asSpecified",
32
+ "order": "uniqueOrder",
33
+ "status": "standard",
34
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counter-reset",
35
+ "property": "counter-reset",
36
+ "group": "CSS Counter Styles"
37
+ },
38
+ {
39
+ "syntax": "[ <counter-name> <integer>? ]+ | none",
40
+ "media": "all",
41
+ "inherited": false,
42
+ "animationType": "byComputedValueType",
43
+ "percentages": "no",
44
+ "groups": [
45
+ "CSS Counter Styles"
46
+ ],
47
+ "initial": "none",
48
+ "appliesto": "allElements",
49
+ "computed": "asSpecified",
50
+ "order": "uniqueOrder",
51
+ "status": "standard",
52
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counter-set",
53
+ "property": "counter-set",
54
+ "group": "CSS Counter Styles"
55
+ }
56
+ ]
@@ -0,0 +1,20 @@
1
+ [
2
+ {
3
+ "syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>",
4
+ "media": "all",
5
+ "inherited": false,
6
+ "animationType": "discreteNoneSwapAt0",
7
+ "percentages": "no",
8
+ "groups": [
9
+ "CSS Display"
10
+ ],
11
+ "initial": "inline",
12
+ "appliesto": "allElements",
13
+ "computed": "asSpecifiedExceptPositionedFloatingAndRootElementsKeywordMaybeDifferent",
14
+ "order": "uniqueOrder",
15
+ "status": "standard",
16
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/display",
17
+ "property": "display",
18
+ "group": "CSS Display"
19
+ }
20
+ ]
@@ -0,0 +1,167 @@
1
+ [
2
+ {
3
+ "syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
4
+ "media": "visual",
5
+ "inherited": false,
6
+ "animationType": [
7
+ "flex-grow",
8
+ "flex-shrink",
9
+ "flex-basis"
10
+ ],
11
+ "percentages": "no",
12
+ "groups": [
13
+ "CSS Flexible Box Layout"
14
+ ],
15
+ "initial": [
16
+ "flex-grow",
17
+ "flex-shrink",
18
+ "flex-basis"
19
+ ],
20
+ "appliesto": "flexItemsAndInFlowPseudos",
21
+ "computed": [
22
+ "flex-grow",
23
+ "flex-shrink",
24
+ "flex-basis"
25
+ ],
26
+ "order": "orderOfAppearance",
27
+ "status": "standard",
28
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex",
29
+ "property": "flex",
30
+ "group": "CSS Flexible Box Layout"
31
+ },
32
+ {
33
+ "syntax": "content | <'width'>",
34
+ "media": "visual",
35
+ "inherited": false,
36
+ "animationType": "lpc",
37
+ "percentages": "referToFlexContainersInnerMainSize",
38
+ "groups": [
39
+ "CSS Flexible Box Layout"
40
+ ],
41
+ "initial": "auto",
42
+ "appliesto": "flexItemsAndInFlowPseudos",
43
+ "computed": "asSpecifiedRelativeToAbsoluteLengths",
44
+ "order": "lengthOrPercentageBeforeKeywordIfBothPresent",
45
+ "status": "standard",
46
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex-basis",
47
+ "property": "flex-basis",
48
+ "group": "CSS Flexible Box Layout"
49
+ },
50
+ {
51
+ "syntax": "row | row-reverse | column | column-reverse",
52
+ "media": "visual",
53
+ "inherited": false,
54
+ "animationType": "discrete",
55
+ "percentages": "no",
56
+ "groups": [
57
+ "CSS Flexible Box Layout"
58
+ ],
59
+ "initial": "row",
60
+ "appliesto": "flexContainers",
61
+ "computed": "asSpecified",
62
+ "order": "uniqueOrder",
63
+ "status": "standard",
64
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex-direction",
65
+ "property": "flex-direction",
66
+ "group": "CSS Flexible Box Layout"
67
+ },
68
+ {
69
+ "syntax": "<'flex-direction'> || <'flex-wrap'>",
70
+ "media": "visual",
71
+ "inherited": false,
72
+ "animationType": [
73
+ "flex-direction",
74
+ "flex-wrap"
75
+ ],
76
+ "percentages": "no",
77
+ "groups": [
78
+ "CSS Flexible Box Layout"
79
+ ],
80
+ "initial": [
81
+ "flex-direction",
82
+ "flex-wrap"
83
+ ],
84
+ "appliesto": "flexContainers",
85
+ "computed": [
86
+ "flex-direction",
87
+ "flex-wrap"
88
+ ],
89
+ "order": "orderOfAppearance",
90
+ "status": "standard",
91
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex-flow",
92
+ "property": "flex-flow",
93
+ "group": "CSS Flexible Box Layout"
94
+ },
95
+ {
96
+ "syntax": "<number>",
97
+ "media": "visual",
98
+ "inherited": false,
99
+ "animationType": "number",
100
+ "percentages": "no",
101
+ "groups": [
102
+ "CSS Flexible Box Layout"
103
+ ],
104
+ "initial": "0",
105
+ "appliesto": "flexItemsAndInFlowPseudos",
106
+ "computed": "asSpecified",
107
+ "order": "uniqueOrder",
108
+ "status": "standard",
109
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex-grow",
110
+ "property": "flex-grow",
111
+ "group": "CSS Flexible Box Layout"
112
+ },
113
+ {
114
+ "syntax": "<number>",
115
+ "media": "visual",
116
+ "inherited": false,
117
+ "animationType": "number",
118
+ "percentages": "no",
119
+ "groups": [
120
+ "CSS Flexible Box Layout"
121
+ ],
122
+ "initial": "1",
123
+ "appliesto": "flexItemsAndInFlowPseudos",
124
+ "computed": "asSpecified",
125
+ "order": "uniqueOrder",
126
+ "status": "standard",
127
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex-shrink",
128
+ "property": "flex-shrink",
129
+ "group": "CSS Flexible Box Layout"
130
+ },
131
+ {
132
+ "syntax": "nowrap | wrap | wrap-reverse",
133
+ "media": "visual",
134
+ "inherited": false,
135
+ "animationType": "discrete",
136
+ "percentages": "no",
137
+ "groups": [
138
+ "CSS Flexible Box Layout"
139
+ ],
140
+ "initial": "nowrap",
141
+ "appliesto": "flexContainers",
142
+ "computed": "asSpecified",
143
+ "order": "uniqueOrder",
144
+ "status": "standard",
145
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex-wrap",
146
+ "property": "flex-wrap",
147
+ "group": "CSS Flexible Box Layout"
148
+ },
149
+ {
150
+ "syntax": "<integer>",
151
+ "media": "visual",
152
+ "inherited": false,
153
+ "animationType": "integer",
154
+ "percentages": "no",
155
+ "groups": [
156
+ "CSS Flexible Box Layout"
157
+ ],
158
+ "initial": "0",
159
+ "appliesto": "flexItemsGridItemsAbsolutelyPositionedContainerChildren",
160
+ "computed": "asSpecified",
161
+ "order": "uniqueOrder",
162
+ "status": "standard",
163
+ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/order",
164
+ "property": "order",
165
+ "group": "CSS Flexible Box Layout"
166
+ }
167
+ ]