← All changes | modules/atomic-widgets/styles/style-schema.php +69 -280 4.2.4 → 3.27.4 View file →

		@@ -1,33 +1,19 @@
1	1	<?php
2		-
3	2	namespace Elementor\Modules\AtomicWidgets\Styles;
4	3
5		-use Elementor\Modules\AtomicWidgets\DynamicTags\Dynamic_Prop_Types_Mapping;
6		-use Elementor\Modules\AtomicWidgets\PropTypes\Background_Image_Overlay_Prop_Type;
7		-use Elementor\Modules\AtomicWidgets\PropTypes\Background_Overlay_Prop_Type;
8	4	use Elementor\Modules\AtomicWidgets\PropTypes\Background_Prop_Type;
9	5	use Elementor\Modules\AtomicWidgets\PropTypes\Box_Shadow_Prop_Type;
10	6	use Elementor\Modules\AtomicWidgets\PropTypes\Border_Radius_Prop_Type;
11	7	use Elementor\Modules\AtomicWidgets\PropTypes\Border_Width_Prop_Type;
12	8	use Elementor\Modules\AtomicWidgets\PropTypes\Color_Prop_Type;
13		-use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
14		-use Elementor\Modules\AtomicWidgets\PropTypes\Font_Family_Prop_Type;
15		-use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Backdrop_Filter_Prop_Type;
16		-use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Filter_Prop_Type;
17		-use Elementor\Modules\AtomicWidgets\PropTypes\Layout_Direction_Prop_Type;
18		-use Elementor\Modules\AtomicWidgets\PropTypes\Position_Prop_Type;
	9	+use Elementor\Modules\AtomicWidgets\PropTypes\Linked_Dimensions_Prop_Type;
19	10	use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\Number_Prop_Type;
20		-use Elementor\Modules\AtomicWidgets\PropTypes\Grid_Track_Size_Prop_Type;
21	11	use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
22	12	use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
23	13	use Elementor\Modules\AtomicWidgets\PropTypes\Stroke_Prop_Type;
24		-use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Prop_Type;
25		-use Elementor\Modules\AtomicWidgets\PropTypes\Transition_Prop_Type;
26	14	use Elementor\Modules\AtomicWidgets\PropTypes\Union_Prop_Type;
27		-use Elementor\Modules\AtomicWidgets\PropTypes\Flex_Prop_Type;
28		-use Elementor\Modules\AtomicWidgets\PropDependencies\Manager as Dependency_Manager;
29		-use Elementor\Modules\AtomicWidgets\PropTypes\Span_Prop_Type;
	15	+use Elementor\Modules\AtomicWidgets\PropTypes\Gap_Prop_Type;
30	16
31	17	if ( ! defined( 'ABSPATH' ) ) {
32	18	exit; // Exit if accessed directly.
33	19	}
		@@ -33,12 +19,8 @@
33	19	}
34	20
35	21	class Style_Schema {
36	22	public static function get() {
37		- return apply_filters( 'elementor/atomic-widgets/styles/schema', static::get_style_schema() );
38		- }
39		-
40		- public static function get_style_schema(): array {
41	23	return array_merge(
42	24	self::get_size_props(),
43	25	self::get_position_props(),
44	26	self::get_typography_props(),
		@@ -47,96 +29,47 @@
47	29	self::get_background_props(),
48	30	self::get_effects_props(),
49	31	self::get_layout_props(),
50	32	self::get_alignment_props(),
51		- self::get_special_props(),
52	33	);
53	34	}
54	35
55	36	private static function get_size_props() {
56	37	return [
57		- 'width' => Size_Prop_Type::make()->description( 'The width of the element' ),
58		- 'height' => Size_Prop_Type::make()->description( 'The height of the element' ),
59		- 'min-width' => Size_Prop_Type::make()->description( 'The minimum width of the element' ),
60		- 'min-height' => Size_Prop_Type::make()->description( 'The minimum height of the element' ),
61		- 'max-width' => Size_Prop_Type::make()->description( 'The maximum width of the element' ),
62		- 'max-height' => Size_Prop_Type::make()->description( 'The maximum height of the element' ),
63		- 'overflow' => String_Prop_Type::make()->enum( [
	38	+ 'width' => Size_Prop_Type::make(),
	39	+ 'height' => Size_Prop_Type::make(),
	40	+ 'min-width' => Size_Prop_Type::make(),
	41	+ 'min-height' => Size_Prop_Type::make(),
	42	+ 'max-width' => Size_Prop_Type::make(),
	43	+ 'max-height' => Size_Prop_Type::make(),
	44	+ 'overflow' => String_Prop_Type::make()->enum([
64	45	'visible',
65	46	'hidden',
66	47	'auto',
67		- ] )->description( 'The overflow CSS property. CSS values: visible, hidden, auto' ),
68		- 'aspect-ratio' => String_Prop_Type::make()->description( 'Equivalent to CSS aspect-ration property' ),
69		- 'object-fit' => String_Prop_Type::make()->enum( [
70		- 'fill',
71		- 'cover',
72		- 'contain',
73		- 'none',
74		- 'scale-down',
75		- ] )->description( 'The object-fit CSS. CSS values: fill, cover, contain, none, scale-down' ),
76		- 'object-position' => Union_Prop_Type::make()
77		- ->add_prop_type( String_Prop_Type::make()->enum( Position_Prop_Type::get_position_enum_values() ) )
78		- ->add_prop_type( Position_Prop_Type::make() )
79		- ->set_dependencies(
80		- Dependency_Manager::make( Dependency_Manager::RELATION_AND )
81		- ->where( [
82		- 'operator' => 'ne',
83		- 'path' => [ 'object-fit' ],
84		- 'value' => 'fill',
85		- ] )
86		- ->where( [
87		- 'operator' => 'exists',
88		- 'path' => [ 'object-fit' ],
89		- ] )
90		- ->get()
91		- ),
	48	+ ]),
92	49	];
93	50	}
94	51
95	52	private static function get_position_props() {
96		- $non_static_dependency = Dependency_Manager::make( Dependency_Manager::RELATION_AND )
97		- ->where( [
98		- 'operator' => 'exists',
99		- 'path' => [ 'position' ],
100		- ] )
101		- ->where( [
102		- 'operator' => 'ne',
103		- 'path' => [ 'position' ],
104		- 'value' => 'static',
105		- ] )
106		- ->get();
107		-
108	53	return [
109		- 'position' => String_Prop_Type::make()->enum( [
	54	+ 'position' => String_Prop_Type::make()->enum([
110	55	'static',
111	56	'relative',
112	57	'absolute',
113	58	'fixed',
114		- 'sticky',
115		- ] )->description( 'The CSS position property specifies the type of positioning method used for an element (static, relative, absolute, fixed, or sticky).' ),
116		- 'inset-block-start' => Size_Prop_Type::make()
117		- ->description( 'Size PropType for the inset-block-start CSS property' )
118		- ->set_dependencies( $non_static_dependency ),
119		- 'inset-inline-end' => Size_Prop_Type::make()
120		- ->description( 'Size PropType for the inset-inline-end CSS property' )
121		- ->set_dependencies( $non_static_dependency ),
122		- 'inset-block-end' => Size_Prop_Type::make()
123		- ->description( 'Size PropType for the inset-block-end CSS property' )
124		- ->set_dependencies( $non_static_dependency ),
125		- 'inset-inline-start' => Size_Prop_Type::make()
126		- ->description( 'Size PropType for the inset-inline-start CSS property' )
127		- ->set_dependencies( $non_static_dependency ),
128		- 'z-index' => Number_Prop_Type::make()
129		- ->description( 'The z-index CSS property sets the z-order of a positioned element and its descendants or flex items. It specifies the stack order of elements.' ),
130		- 'scroll-margin-top' => Size_Prop_Type::make()->units( Size_Constants::anchor_offset() ),
	59	+ ]),
	60	+ 'top' => Size_Prop_Type::make(),
	61	+ 'right' => Size_Prop_Type::make(),
	62	+ 'bottom' => Size_Prop_Type::make(),
	63	+ 'left' => Size_Prop_Type::make(),
	64	+ 'z-index' => Number_Prop_Type::make(),
131	65	];
132	66	}
133	67
134	68	private static function get_typography_props() {
135	69	return [
136		- 'font-family' => Font_Family_Prop_Type::make()
137		- ->description( 'The font family of the text content.' ),
138		- 'font-weight' => String_Prop_Type::make()->enum( [
	70	+ 'font-family' => String_Prop_Type::make(),
	71	+ 'font-weight' => String_Prop_Type::make()->enum([
139	72	'100',
140	73	'200',
141	74	'300',
142	75	'400',
		@@ -148,98 +81,57 @@
148	81	'normal',
149	82	'bold',
150	83	'bolder',
151	84	'lighter',
152		- ] )
153		- ->description( 'The weight (or boldness) of the font. Values should match css font-weight specifications.' ),
154		- 'font-size' => Size_Prop_Type::make()->units( Size_Constants::typography() )->description( 'The font size in Size PropType Format' ),
155		- 'color' => Color_Prop_Type::make()
156		- ->description( 'The text color, specified as a hex code, rgb(a), hsl(a), or a standard css color name.' ),
157		- 'letter-spacing' => Size_Prop_Type::make()->units( Size_Constants::typography() )->description( 'The spacing between letters in Size PropType format' ),
158		- 'word-spacing' => Size_Prop_Type::make()->units( Size_Constants::typography() )->description( 'The spacing between words in Size PropType format' ),
159		- 'column-count' => Number_Prop_Type::make()->description( 'The number of columns the text content should be divided into.' ),
160		- 'column-gap' => Size_Prop_Type::make()
161		- ->set_dependencies(
162		- Dependency_Manager::make()
163		- ->where( [
164		- 'operator' => 'gte',
165		- 'path' => [ 'column-count' ],
166		- 'value' => 1,
167		- ] )
168		- ->get()
169		- ),
170		- 'line-height' => Size_Prop_Type::make()->units( Size_Constants::typography() )->description( 'The line height of the text content in Size PropType format' ),
171		- 'text-align' => String_Prop_Type::make()->enum( [
172		- 'start',
	85	+ ]),
	86	+ 'font-size' => Size_Prop_Type::make(),
	87	+ 'color' => Color_Prop_Type::make(),
	88	+ 'letter-spacing' => Size_Prop_Type::make(),
	89	+ 'word-spacing' => Size_Prop_Type::make(),
	90	+ 'text-align' => String_Prop_Type::make()->enum([
	91	+ 'left',
173	92	'center',
174		- 'end',
	93	+ 'right',
175	94	'justify',
176		- ] )
177		- ->description( 'The horizontal alignment of the text content. Allowed values: start, center, end, justify.' ),
178		- 'font-style' => String_Prop_Type::make()->enum( [
	95	+ ]),
	96	+ 'font-style' => String_Prop_Type::make()->enum([
179	97	'normal',
180	98	'italic',
181	99	'oblique',
182		- ] )
183		- ->description( 'The font style of the text content. CSS values: normal, italic, oblique' ),
	100	+ ]),
184	101	// TODO: validate text-decoration in more specific way [EDS-524]
185		- 'text-decoration' => String_Prop_Type::make()
186		- ->description( 'The text decoration style. CSS values like: none, underline, overline, line-through, blink, etc.' ),
187		- 'text-transform' => String_Prop_Type::make()->enum( [
	102	+ 'text-decoration' => String_Prop_Type::make(),
	103	+ 'text-transform' => String_Prop_Type::make()->enum([
188	104	'none',
189	105	'capitalize',
190	106	'uppercase',
191	107	'lowercase',
192		- ] )
193		- ->description( 'Controls the capitalization of text. CSS values: none, capitalize, uppercase, lowercase' ),
194		- 'direction' => String_Prop_Type::make()->enum( [
	108	+ ]),
	109	+ 'direction' => String_Prop_Type::make()->enum([
195	110	'ltr',
196	111	'rtl',
197		- ] )->description( 'The text direction. CSS values: ltr (left to right), rtl (right to left)' ),
198		- 'stroke' => Stroke_Prop_Type::make(),
199		- 'all' => String_Prop_Type::make()->enum( [
200		- 'initial',
201		- 'inherit',
202		- 'unset',
203		- 'revert',
204		- 'revert-layer',
205		- ] )->description( 'The all CSS property. CSS values: initial, inherit, unset, revert, revert-layer' ),
206		- 'cursor' => String_Prop_Type::make()->enum( [
207		- 'pointer',
208		- ] )
209		- ->description( 'The type of cursor to be displayed when pointing over the element. E.g., pointer.' ),
	112	+ ]),
	113	+ '-webkit-text-stroke' => Stroke_Prop_Type::make(),
210	114	];
211	115	}
212	116
213	117	private static function get_spacing_props() {
214	118	return [
215		- 'padding' => Union_Prop_Type::make()
216		- ->add_prop_type( Dimensions_Prop_Type::make_with_units( Size_Constants::spacing() ) )
217		- ->add_prop_type(
218		- Size_Prop_Type::make()
219		- ->units( Size_Constants::spacing() )
220		- ->description( 'Padding css in Size PropType format' )
221		- ),
222		- 'margin' => Union_Prop_Type::make()
223		- ->add_prop_type( Dimensions_Prop_Type::make_with_units( Size_Constants::spacing_margin() ) )
224		- ->add_prop_type(
225		- Size_Prop_Type::make()
226		- ->units( Size_Constants::spacing_margin() )
227		- ->description( 'Margin css in Size PropType format' )
228		- ),
	119	+ 'padding' => Linked_Dimensions_Prop_Type::make(),
	120	+ 'margin' => Linked_Dimensions_Prop_Type::make(),
229	121	];
230	122	}
231	123
232	124	private static function get_border_props() {
233	125	return [
234		- 'border-radius' => Union_Prop_Type::make()
235		- ->add_prop_type( Border_Radius_Prop_Type::make() )
236		- ->add_prop_type( Size_Prop_Type::make()->units( Size_Constants::border() ) ),
237		- 'border-width' => Union_Prop_Type::make()
238		- ->add_prop_type( Border_Width_Prop_Type::make() )
239		- ->add_prop_type( Size_Prop_Type::make()->units( Size_Constants::border() ) ),
240		- 'border-color' => Color_Prop_Type::make()->description( 'The border color, specified as a hex code, rgb(a), hsl(a), or a standard css color name.' ),
241		- 'border-style' => String_Prop_Type::make()->enum( [
	126	+ 'border-radius' => Union_Prop_Type::make()->add_prop_type(
	127	+ Size_Prop_Type::make()
	128	+ )->add_prop_type(
	129	+ Border_Radius_Prop_Type::make()
	130	+ ),
	131	+ 'border-width' => Union_Prop_Type::make()->add_prop_type( Size_Prop_Type::make() )->add_prop_type( Border_Width_Prop_Type::make() ),
	132	+ 'border-color' => Color_Prop_Type::make(),
	133	+ 'border-style' => String_Prop_Type::make()->enum([
242	134	'none',
243	135	'hidden',
244	136	'dotted',
245	137	'dashed',
		@@ -248,77 +140,27 @@
248	140	'groove',
249	141	'ridge',
250	142	'inset',
251	143	'outset',
252		- ] )
253		- ->description( 'The border style in CSS values' ),
254		- 'outline-width' => Size_Prop_Type::make()
255		- ->units( Size_Constants::border() )
256		- ->description( 'The width of the outline in Size PropType format' ),
257		- 'outline-color' => Color_Prop_Type::make()->description( 'The color of the outline, specified as a hex code, rgb(a), hsl(a), or a standard css color name.' ),
258		- 'outline-style' => String_Prop_Type::make()->enum( [
259		- 'none',
260		- 'hidden',
261		- 'dotted',
262		- 'dashed',
263		- 'solid',
264		- 'double',
265		- 'groove',
266		- 'ridge',
267		- 'inset',
268		- 'outset',
269		- ] )->description( 'The outline style in CSS values' ),
270		- 'outline-offset' => Size_Prop_Type::make()->units( Size_Constants::border() )->description( 'The offset of the outline, specified as a length in Size PropType format' ),
271		-
	144	+ ]),
272	145	];
273	146	}
274	147
275	148	private static function get_background_props() {
276		- // Background image overlay as an exception
277		- $background_prop_type = Background_Prop_Type::make();
278		- $bg_overlay_prop_type = $background_prop_type->get_shape_field( Background_Overlay_Prop_Type::get_key() );
279		- $bg_image_overlay_prop_type = $bg_overlay_prop_type->get_item_type()->get_prop_type( Background_Image_Overlay_Prop_Type::get_key() );
280		- Dynamic_Prop_Types_Mapping::make()->get_extended_schema( $bg_image_overlay_prop_type->get_shape() );
281	149	return [
282		- 'background' => $background_prop_type,
	150	+ 'background' => Background_Prop_Type::make(),
283	151	];
284	152	}
285	153
286	154	private static function get_effects_props() {
287	155	return [
288		- 'mix-blend-mode' => String_Prop_Type::make()->enum( [
289		- 'normal',
290		- 'multiply',
291		- 'screen',
292		- 'overlay',
293		- 'darken',
294		- 'lighten',
295		- 'color-dodge',
296		- 'saturation',
297		- 'color',
298		- 'difference',
299		- 'exclusion',
300		- 'hue',
301		- 'luminosity',
302		- 'soft-light',
303		- 'hard-light',
304		- 'color-burn',
305		- ] )->description( 'Applied as mix-blend mode css effect.' ),
306	156	'box-shadow' => Box_Shadow_Prop_Type::make(),
307		- 'opacity' => Size_Prop_Type::make()
308		- ->description( 'The opacity of the element, specified as a percentage between 0 (fully transparent) and 100 (fully opaque).' )
309		- ->units( Size_Constants::opacity() )
310		- ->default_unit( Size_Constants::UNIT_PERCENT ),
311		- 'filter' => Filter_Prop_Type::make(),
312		- 'backdrop-filter' => Backdrop_Filter_Prop_Type::make(),
313		- 'transform' => Transform_Prop_Type::make(),
314		- 'transition' => Transition_Prop_Type::make(),
315	157	];
316	158	}
317	159
318	160	private static function get_layout_props() {
319	161	return [
320		- 'display' => String_Prop_Type::make()->enum( [
	162	+ 'display' => String_Prop_Type::make()->enum([
321	163	'block',
322	164	'inline',
323	165	'inline-block',
324	166	'flex',
		@@ -327,53 +169,30 @@
327	169	'inline-grid',
328	170	'flow-root',
329	171	'none',
330	172	'contents',
331		- ] )->description( 'The CSS display property defines the display behavior (the type of rendering box) of an element.' ),
332		- 'flex-direction' => String_Prop_Type::make()
333		- ->description( 'The direction of the contained items.' )
334		- ->enum( [
335		- 'row',
336		- 'row-reverse',
337		- 'column',
338		- 'column-reverse',
339		- ] ),
340		- 'gap' => Union_Prop_Type::make()
341		- ->add_prop_type( Layout_Direction_Prop_Type::make() )
342		- ->add_prop_type( Size_Prop_Type::make()->units( Size_Constants::layout() ) ),
343		- 'flex-wrap' => String_Prop_Type::make()->enum( [
	173	+ ]),
	174	+ 'flex-direction' => String_Prop_Type::make()->enum([
	175	+ 'row',
	176	+ 'row-reverse',
	177	+ 'column',
	178	+ 'column-reverse',
	179	+ ]),
	180	+ 'gap' => Gap_Prop_Type::make(),
	181	+ 'flex-wrap' => String_Prop_Type::make()->enum([
344	182	'wrap',
345	183	'nowrap',
346	184	'wrap-reverse',
347		- ] )->description( 'Specifies whether the flex items should wrap or not. CSS values: wrap, nowrap, wrap-reverse' ),
348		- 'flex' => Flex_Prop_Type::make(),
349		- 'grid-template-columns' => Union_Prop_Type::make()
350		- ->add_prop_type( String_Prop_Type::make() )
351		- ->add_prop_type( Grid_Track_Size_Prop_Type::make()->units( Size_Constants::grid_track() ) ),
352		- 'grid-template-rows' => Union_Prop_Type::make()
353		- ->add_prop_type( String_Prop_Type::make() )
354		- ->add_prop_type( Grid_Track_Size_Prop_Type::make()->units( Size_Constants::grid_track() ) ),
355		- 'grid-auto-flow' => String_Prop_Type::make()
356		- ->enum( [ 'row', 'column', 'row dense', 'column dense' ] )
357		- ->description( 'Controls how auto-placed items flow in the grid. CSS values: row, column, row dense, column dense.' ),
358		- 'grid-auto-rows' => Size_Prop_Type::make()
359		- ->units( Size_Constants::grid_auto_track() )
360		- ->default_unit( Size_Constants::UNIT_FR ),
361		- 'grid-auto-columns' => Size_Prop_Type::make()
362		- ->units( Size_Constants::grid_auto_track() )
363		- ->default_unit( Size_Constants::UNIT_FR ),
364		- 'grid-column' => Span_Prop_Type::make()
365		- ->regex( '/^(?!.*https?:\/\/)(?!.*;).*$/' )
366		- ->description( 'Defines a grid item column placement. Accepts values like span N or any valid CSS grid-column value. Disallows URLs and semicolons.' ),
367		- 'grid-row' => Span_Prop_Type::make()
368		- ->regex( '/^(?!.*https?:\/\/)(?!.*;).*$/' )
369		- ->description( 'Defines a grid item row placement. Accepts values like span N or any valid CSS grid-row value. Disallows URLs and semicolons.' ),
	185	+ ]),
	186	+ 'flex-grow' => Number_Prop_Type::make(),
	187	+ 'flex-shrink' => Number_Prop_Type::make(),
	188	+ 'flex-basis' => Size_Prop_Type::make(),
370	189	];
371	190	}
372	191
373	192	private static function get_alignment_props() {
374	193	return [
375		- 'justify-content' => String_Prop_Type::make()->enum( [
	194	+ 'justify-content' => String_Prop_Type::make()->enum([
376	195	'center',
377	196	'start',
378	197	'end',
379	198	'flex-start',
		@@ -384,11 +203,10 @@
384	203	'space-between',
385	204	'space-around',
386	205	'space-evenly',
387	206	'stretch',
388		- ] )
389		- ->description( 'Defines how the browser distributes space between and around content items along the main-axis of a flex container. CSS values: center, start, end, flex-start, flex-end, left, right, normal, space-between, space-around, space-evenly, stretch' ),
390		- 'justify-items' => String_Prop_Type::make()->enum( [
	207	+ ]),
	208	+ 'align-items' => String_Prop_Type::make()->enum([
391	209	'normal',
392	210	'stretch',
393	211	'center',
394	212	'start',
		@@ -394,34 +212,13 @@
394	212	'start',
395	213	'end',
396	214	'flex-start',
397	215	'flex-end',
398		- 'left',
399		- 'right',
400		- 'anchor-center',
401		- ] )->description( 'Defines how the browser distributes space between and around content items along the inline axis of a grid container. CSS values: center, start, end, flex-start, flex-end, left, right' ),
402		- 'align-content' => String_Prop_Type::make()->enum( [
403		- 'center',
404		- 'start',
405		- 'end',
406		- 'space-between',
407		- 'space-around',
408		- 'space-evenly',
409		- ] )
410		- ->description( 'Aligns a flex container\'s lines within when there is extra space in the cross-axis. CSS values: center, start, end, space-between, space-around, space-evenly' ),
411		- 'align-items' => String_Prop_Type::make()->enum( [
412		- 'normal',
413		- 'stretch',
414		- 'center',
415		- 'start',
416		- 'end',
417		- 'flex-start',
418		- 'flex-end',
419	216	'self-start',
420	217	'self-end',
421	218	'anchor-center',
422		- ] )->description( 'Defines the default behavior for how flex items are laid out along the cross axis on the current line. CSS values: normal, stretch, center, start, end, flex-start, flex-end, self-start, self-end, anchor-center' ),
423		- 'align-self' => String_Prop_Type::make()->enum( [
	219	+ ]),
	220	+ 'align-self' => String_Prop_Type::make()->enum([
424	221	'auto',
425	222	'normal',
426	223	'center',
427	224	'start',
		@@ -434,17 +231,9 @@
434	231	'baseline',
435	232	'first baseline',
436	233	'last baseline',
437	234	'stretch',
438		- ] )->description( 'Allows the default alignment (or the one specified by align-items) to be overridden for individual flex items. CSS values: auto, normal, center, start, end, self-start, self-end, flex-start, flex-end, anchor-center, baseline, first baseline, last baseline, stretch' ),
439		- 'order' => Number_Prop_Type::make()->description( 'Specifies the order of the flex items. Items with lower order values are displayed first.' ),
440		- ];
441		- }
442		-
443		- private static function get_special_props() {
444		- return [
445		- 'content' => String_Prop_Type::make()->description( 'The string content for pseudo-element content property' ),
446		- 'appearance' => String_Prop_Type::make()->enum( [ 'none', 'auto' ] )->description( 'The appearance of the element. CSS values: none, auto' ),
447		- 'clip-path' => String_Prop_Type::make()->description( 'The clip-path CSS property defines a shape to be used as clipping region.' ),
	235	+ ]),
	236	+ 'order' => Number_Prop_Type::make(),
448	237	];
449	238	}
450	239	}