mosaic-headless 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/README.ja.md +3 -3
  2. package/README.ko.md +96 -0
  3. package/README.md +13 -4
  4. package/README.zh-TW.md +3 -3
  5. package/SKILL.md +3 -3
  6. package/assets/templates/platforms/claude-ai.json +1 -1
  7. package/assets/templates/platforms/claude-code.json +1 -1
  8. package/assets/templates/platforms/codex-cli.json +1 -1
  9. package/assets/templates/platforms/copilot.json +1 -1
  10. package/assets/templates/platforms/gemini-cli.json +1 -1
  11. package/bin/check-release.mjs +9 -2
  12. package/data/animatable-properties.csv +23 -23
  13. package/data/condition-comparators.csv +13 -13
  14. package/data/condition-subjects.csv +60 -60
  15. package/data/db-columns.csv +207 -207
  16. package/data/default-children.csv +11 -11
  17. package/data/dynamic-variables.csv +75 -75
  18. package/data/element-classes.csv +152 -152
  19. package/data/evaluator-functions.csv +20 -20
  20. package/data/interaction-types.csv +13 -13
  21. package/data/node-properties.csv +182 -182
  22. package/data/node-property-verification.csv +182 -182
  23. package/data/node-types.csv +123 -123
  24. package/data/node-verification.csv +123 -123
  25. package/data/placement-rules.csv +123 -123
  26. package/data/pluggables.csv +208 -208
  27. package/data/property-verification.csv +171 -171
  28. package/data/rest-routes.csv +115 -115
  29. package/data/rwd-verification.csv +577 -570
  30. package/data/style-properties.csv +99 -99
  31. package/data/style-states.csv +54 -54
  32. package/data/style-value-shapes.csv +23 -23
  33. package/data/style-verification.csv +99 -99
  34. package/package.json +59 -59
  35. package/references/failure-modes.md +22 -0
  36. package/sites/_moksa.py +72 -26
  37. package/sites/moksa.json +9071 -8684
  38. package/tools/verify_rwd.py +14 -1
  39. package/README.zh-CN.md +0 -87
  40. package/tools/build_all.py +0 -55
  41. package/tools/build_report.py +0 -221
package/data/style-properties.csv CHANGED
@@ -1,99 +1,99 @@
1
- property,group,factory,value_class,accepted_values,tokenable
2
- display,,CSSPropertyFactory,,,
3
- alignItems,,CSSPropertyFactory,,normal|start|center|end|stretch|flex-start|flex-end|self-start|self-end|baseline|first baseline|last baseline,
4
- justifyItems,,CSSPropertyFactory,,normal|start|center|end|stretch|flex-start|flex-end|self-start|self-end|baseline|first baseline|last baseline,
5
- alignContent,,CSSPropertyFactory,,normal|start|center|end|stretch|space-between|space-around|space-evenly|flex-start|flex-end|baseline,
6
- justifyContent,,CSSPropertyFactory,,normal|start|center|end|stretch|space-between|space-around|space-evenly|flex-start|flex-end|left|right,
7
- flexDirection,,CSSPropertyFactory,,row|row-reverse|column|column-reverse,
8
- flexWrap,,CSSPropertyFactory,,nowrap|wrap|wrap-reverse,
9
- columnGap,,CSSCollectionVariablePropertyFactory,,,yes
10
- rowGap,,CSSCollectionVariablePropertyFactory,,,yes
11
- gridAutoFlow,,CSSPropertyFactory,,row|row dense|column|column dense,
12
- gridAutoColumns,,CSSCollectionVariablePropertyFactory,,,yes
13
- gridAutoRows,,CSSCollectionVariablePropertyFactory,,,yes
14
- gridTemplateColumns,,CSSGridTemplateStylePropertyFactory,,,
15
- gridTemplateRows,,CSSGridTemplateStylePropertyFactory,,,
16
- gridTemplateAreas,,CSSGridAreaPropertyFactory,,,
17
- gridRowStart,gridChildPosition,CSSGrouppedPropertyFactory,,,
18
- gridColumnStart,gridChildPosition,CSSGrouppedPropertyFactory,,,
19
- gridRowEnd,gridChildPosition,CSSGrouppedPropertyFactory,,,
20
- gridColumnEnd,gridChildPosition,CSSGrouppedPropertyFactory,,,
21
- flexSizing,,CSSFlexSizingPropertyFactory,,,
22
- flexBasis,,CSSPropertyFactory,,,
23
- alignSelf,,CSSPropertyFactory,,auto|start|center|end|stretch|normal|flex-start|flex-end|self-start|self-end|baseline|first baseline|last baseline,
24
- justifySelf,,CSSPropertyFactory,,auto|start|center|end|stretch|normal|flex-start|flex-end|self-start|self-end|baseline|first baseline|last baseline,
25
- order,,CSSPropertyFactory,,,
26
- listStylePosition,,CSSPropertyFactory,,inside|outside,
27
- listStyleType,,CSSListStyleTypeStylePropertyFactory,,disc|circle|square|decimal|georgian|trad-chinese-informal|kannada|none,
28
- fontFamily,,CSSFontFamilyPropertyFactory,,,
29
- textDecorationLine,,CSSPropertyFactory,,none|underline|overline|line-through,
30
- fontStyle,,CSSPropertyFactory,,normal|italic,
31
- color,,CSSColorPropertyFactory,,,yes
32
- fontSize,,CSSCollectionVariablePropertyFactory,,,yes
33
- lineHeight,,CSSCollectionVariablePropertyFactory,,,yes
34
- fontWeight,,CSSPropertyFactory,,100|200|300|400|500|600|700|800|900,
35
- textAlign,,CSSPropertyFactory,,start|center|end|justify|left|right,
36
- letterSpacing,,CSSCollectionVariablePropertyFactory,,,yes
37
- wordSpacing,,CSSCollectionVariablePropertyFactory,,,yes
38
- whiteSpace,,CSSPropertyFactory,,normal|pre-wrap|nowrap|pre,
39
- textTransform,,CSSPropertyFactory,,none|lowercase|uppercase|capitalize,
40
- textShadow,,CSSTextShadowStylePropertyFactory,,,
41
- width,,CSSCollectionVariablePropertyFactory,,,yes
42
- minWidth,,CSSCollectionVariablePropertyFactory,,,yes
43
- maxWidth,,CSSCollectionVariablePropertyFactory,,,yes
44
- height,,CSSCollectionVariablePropertyFactory,,,yes
45
- minHeight,,CSSCollectionVariablePropertyFactory,,,yes
46
- maxHeight,,CSSCollectionVariablePropertyFactory,,,yes
47
- position,,CSSPropertyFactory,,static|relative|absolute|fixed|sticky,
48
- zIndex,,CSSPropertyFactory,,,
49
- top,,CSSCollectionVariablePropertyFactory,,,yes
50
- right,,CSSCollectionVariablePropertyFactory,,,yes
51
- bottom,,CSSCollectionVariablePropertyFactory,,,yes
52
- left,,CSSCollectionVariablePropertyFactory,,,yes
53
- marginTop,,CSSCollectionVariablePropertyFactory,,,yes
54
- marginRight,,CSSCollectionVariablePropertyFactory,,,yes
55
- marginBottom,,CSSCollectionVariablePropertyFactory,,,yes
56
- marginLeft,,CSSCollectionVariablePropertyFactory,,,yes
57
- paddingTop,,CSSCollectionVariablePropertyFactory,,,yes
58
- paddingRight,,CSSCollectionVariablePropertyFactory,,,yes
59
- paddingBottom,,CSSCollectionVariablePropertyFactory,,,yes
60
- paddingLeft,,CSSCollectionVariablePropertyFactory,,,yes
61
- borderRadius,,CSSBorderRadiusPropertyFactory,,,
62
- borderTopWidth,borderStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
63
- borderTopStyle,borderStyle,CSSGrouppedPropertyFactory,,,
64
- borderTopColor,borderStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
65
- borderRightWidth,borderStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
66
- borderRightStyle,borderStyle,CSSGrouppedPropertyFactory,,,
67
- borderRightColor,borderStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
68
- borderBottomWidth,borderStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
69
- borderBottomStyle,borderStyle,CSSGrouppedPropertyFactory,,,
70
- borderBottomColor,borderStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
71
- borderLeftWidth,borderStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
72
- borderLeftStyle,borderStyle,CSSGrouppedPropertyFactory,,,
73
- borderLeftColor,borderStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
74
- outlineWidth,outlineStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
75
- outlineStyle,outlineStyle,CSSGrouppedPropertyFactory,,,
76
- outlineColor,outlineStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
77
- outlineOffset,outlineStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
78
- boxShadow,,CSSBoxShadowStylePropertyFactory,,,
79
- opacity,,CSSPropertyFactory,,,
80
- visibility,,CSSPropertyFactory,,visible|hidden,
81
- overflow,,CSSPropertyFactory,,visible|hidden|clip|scroll|auto,
82
- filter,,CSSFilterStylePropertyFactory,,,
83
- backdropFilter,,CSSBackdropFilterPropertyFactory,,,
84
- transform,,CSSTransformPropertyFactory,,,
85
- translate,,CSSTranslateStylePropertyFactory,,,
86
- rotate,,CSSRotateStylePropertyFactory,,,
87
- transformOrigin,,CSSTransformOriginStylePropertyFactory,,,
88
- transformStyle,,CSSPropertyFactory,,flat|preserve-3d,
89
- transition,,CSSTransitionPropertyFactory,,,
90
- mask,,CSSMaskStylePropertyFactory,,,
91
- perspectiveOrigin,,CSSPerspectiveOriginStylePropertyFactory,,,
92
- objectFitStyle,,CSSObjectFitStylePropertyFactory,,,
93
- mixBlendMode,,CSSPropertyFactory,,normal|multiply|screen|overlay|darken|lighten|color-dodge|color-burn|hard-light|soft-light|difference|exclusion|hue|saturation|color|luminosity,
94
- boxSizing,,CSSPropertyFactory,,border-box|content-box,
95
- aspectRatio,,CSSPropertyFactory,,,
96
- backgroundColor,,CSSColorPropertyFactory,,,yes
97
- backgroundStyle,,CSSBackgroundStylePropertyFactory,,,
98
- cursor,,CSSPropertyFactory,,auto|default|none|context-menu|help|pointer|progress|wait|cell|crosshair|text|vertical-text|alias|copy|move|no-drop|not-allowed|grab|grabbing|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|inherit|initial|revert|revert-layer|unset,
99
- customStyles,,CSSCustomStylePropertyFactory,,,
1
+ property,group,factory,value_class,accepted_values,tokenable
2
+ display,,CSSPropertyFactory,,,
3
+ alignItems,,CSSPropertyFactory,,normal|start|center|end|stretch|flex-start|flex-end|self-start|self-end|baseline|first baseline|last baseline,
4
+ justifyItems,,CSSPropertyFactory,,normal|start|center|end|stretch|flex-start|flex-end|self-start|self-end|baseline|first baseline|last baseline,
5
+ alignContent,,CSSPropertyFactory,,normal|start|center|end|stretch|space-between|space-around|space-evenly|flex-start|flex-end|baseline,
6
+ justifyContent,,CSSPropertyFactory,,normal|start|center|end|stretch|space-between|space-around|space-evenly|flex-start|flex-end|left|right,
7
+ flexDirection,,CSSPropertyFactory,,row|row-reverse|column|column-reverse,
8
+ flexWrap,,CSSPropertyFactory,,nowrap|wrap|wrap-reverse,
9
+ columnGap,,CSSCollectionVariablePropertyFactory,,,yes
10
+ rowGap,,CSSCollectionVariablePropertyFactory,,,yes
11
+ gridAutoFlow,,CSSPropertyFactory,,row|row dense|column|column dense,
12
+ gridAutoColumns,,CSSCollectionVariablePropertyFactory,,,yes
13
+ gridAutoRows,,CSSCollectionVariablePropertyFactory,,,yes
14
+ gridTemplateColumns,,CSSGridTemplateStylePropertyFactory,,,
15
+ gridTemplateRows,,CSSGridTemplateStylePropertyFactory,,,
16
+ gridTemplateAreas,,CSSGridAreaPropertyFactory,,,
17
+ gridRowStart,gridChildPosition,CSSGrouppedPropertyFactory,,,
18
+ gridColumnStart,gridChildPosition,CSSGrouppedPropertyFactory,,,
19
+ gridRowEnd,gridChildPosition,CSSGrouppedPropertyFactory,,,
20
+ gridColumnEnd,gridChildPosition,CSSGrouppedPropertyFactory,,,
21
+ flexSizing,,CSSFlexSizingPropertyFactory,,,
22
+ flexBasis,,CSSPropertyFactory,,,
23
+ alignSelf,,CSSPropertyFactory,,auto|start|center|end|stretch|normal|flex-start|flex-end|self-start|self-end|baseline|first baseline|last baseline,
24
+ justifySelf,,CSSPropertyFactory,,auto|start|center|end|stretch|normal|flex-start|flex-end|self-start|self-end|baseline|first baseline|last baseline,
25
+ order,,CSSPropertyFactory,,,
26
+ listStylePosition,,CSSPropertyFactory,,inside|outside,
27
+ listStyleType,,CSSListStyleTypeStylePropertyFactory,,disc|circle|square|decimal|georgian|trad-chinese-informal|kannada|none,
28
+ fontFamily,,CSSFontFamilyPropertyFactory,,,
29
+ textDecorationLine,,CSSPropertyFactory,,none|underline|overline|line-through,
30
+ fontStyle,,CSSPropertyFactory,,normal|italic,
31
+ color,,CSSColorPropertyFactory,,,yes
32
+ fontSize,,CSSCollectionVariablePropertyFactory,,,yes
33
+ lineHeight,,CSSCollectionVariablePropertyFactory,,,yes
34
+ fontWeight,,CSSPropertyFactory,,100|200|300|400|500|600|700|800|900,
35
+ textAlign,,CSSPropertyFactory,,start|center|end|justify|left|right,
36
+ letterSpacing,,CSSCollectionVariablePropertyFactory,,,yes
37
+ wordSpacing,,CSSCollectionVariablePropertyFactory,,,yes
38
+ whiteSpace,,CSSPropertyFactory,,normal|pre-wrap|nowrap|pre,
39
+ textTransform,,CSSPropertyFactory,,none|lowercase|uppercase|capitalize,
40
+ textShadow,,CSSTextShadowStylePropertyFactory,,,
41
+ width,,CSSCollectionVariablePropertyFactory,,,yes
42
+ minWidth,,CSSCollectionVariablePropertyFactory,,,yes
43
+ maxWidth,,CSSCollectionVariablePropertyFactory,,,yes
44
+ height,,CSSCollectionVariablePropertyFactory,,,yes
45
+ minHeight,,CSSCollectionVariablePropertyFactory,,,yes
46
+ maxHeight,,CSSCollectionVariablePropertyFactory,,,yes
47
+ position,,CSSPropertyFactory,,static|relative|absolute|fixed|sticky,
48
+ zIndex,,CSSPropertyFactory,,,
49
+ top,,CSSCollectionVariablePropertyFactory,,,yes
50
+ right,,CSSCollectionVariablePropertyFactory,,,yes
51
+ bottom,,CSSCollectionVariablePropertyFactory,,,yes
52
+ left,,CSSCollectionVariablePropertyFactory,,,yes
53
+ marginTop,,CSSCollectionVariablePropertyFactory,,,yes
54
+ marginRight,,CSSCollectionVariablePropertyFactory,,,yes
55
+ marginBottom,,CSSCollectionVariablePropertyFactory,,,yes
56
+ marginLeft,,CSSCollectionVariablePropertyFactory,,,yes
57
+ paddingTop,,CSSCollectionVariablePropertyFactory,,,yes
58
+ paddingRight,,CSSCollectionVariablePropertyFactory,,,yes
59
+ paddingBottom,,CSSCollectionVariablePropertyFactory,,,yes
60
+ paddingLeft,,CSSCollectionVariablePropertyFactory,,,yes
61
+ borderRadius,,CSSBorderRadiusPropertyFactory,,,
62
+ borderTopWidth,borderStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
63
+ borderTopStyle,borderStyle,CSSGrouppedPropertyFactory,,,
64
+ borderTopColor,borderStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
65
+ borderRightWidth,borderStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
66
+ borderRightStyle,borderStyle,CSSGrouppedPropertyFactory,,,
67
+ borderRightColor,borderStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
68
+ borderBottomWidth,borderStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
69
+ borderBottomStyle,borderStyle,CSSGrouppedPropertyFactory,,,
70
+ borderBottomColor,borderStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
71
+ borderLeftWidth,borderStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
72
+ borderLeftStyle,borderStyle,CSSGrouppedPropertyFactory,,,
73
+ borderLeftColor,borderStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
74
+ outlineWidth,outlineStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
75
+ outlineStyle,outlineStyle,CSSGrouppedPropertyFactory,,,
76
+ outlineColor,outlineStyle,CSSGrouppedPropertyFactory,CSSColorProperty,,
77
+ outlineOffset,outlineStyle,CSSGrouppedPropertyFactory,CSSCollectionVariableProperty,,yes
78
+ boxShadow,,CSSBoxShadowStylePropertyFactory,,,
79
+ opacity,,CSSPropertyFactory,,,
80
+ visibility,,CSSPropertyFactory,,visible|hidden,
81
+ overflow,,CSSPropertyFactory,,visible|hidden|clip|scroll|auto,
82
+ filter,,CSSFilterStylePropertyFactory,,,
83
+ backdropFilter,,CSSBackdropFilterPropertyFactory,,,
84
+ transform,,CSSTransformPropertyFactory,,,
85
+ translate,,CSSTranslateStylePropertyFactory,,,
86
+ rotate,,CSSRotateStylePropertyFactory,,,
87
+ transformOrigin,,CSSTransformOriginStylePropertyFactory,,,
88
+ transformStyle,,CSSPropertyFactory,,flat|preserve-3d,
89
+ transition,,CSSTransitionPropertyFactory,,,
90
+ mask,,CSSMaskStylePropertyFactory,,,
91
+ perspectiveOrigin,,CSSPerspectiveOriginStylePropertyFactory,,,
92
+ objectFitStyle,,CSSObjectFitStylePropertyFactory,,,
93
+ mixBlendMode,,CSSPropertyFactory,,normal|multiply|screen|overlay|darken|lighten|color-dodge|color-burn|hard-light|soft-light|difference|exclusion|hue|saturation|color|luminosity,
94
+ boxSizing,,CSSPropertyFactory,,border-box|content-box,
95
+ aspectRatio,,CSSPropertyFactory,,,
96
+ backgroundColor,,CSSColorPropertyFactory,,,yes
97
+ backgroundStyle,,CSSBackgroundStylePropertyFactory,,,
98
+ cursor,,CSSPropertyFactory,,auto|default|none|context-menu|help|pointer|progress|wait|cell|crosshair|text|vertical-text|alias|copy|move|no-drop|not-allowed|grab|grabbing|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|inherit|initial|revert|revert-layer|unset,
99
+ customStyles,,CSSCustomStylePropertyFactory,,,
package/data/style-states.csv CHANGED
@@ -1,54 +1,54 @@
1
- state,selector_template,order,scope,declared_in
2
- &,&,0,global,Mosaic/Builder/Style/StatesMeta.php
3
- focus,&:FOCUS,750,global,Mosaic/Builder/Style/StatesMeta.php
4
- focus-visible,&:FOCUS-VISIBLE,760,global,Mosaic/Builder/Style/StatesMeta.php
5
- hover,&:HOVER,100,global,Mosaic/Builder/Style/StatesMeta.php
6
- hover-on-link,":where(a[href]:not([disabled]),button:not([disabled])):HOVER &",200,global,Mosaic/Builder/Style/StatesMeta.php
7
- hover-on-tab,:where(.M_EL_Tab:not(.M_EL_Tab--active)):HOVER &,200,global,Mosaic/NodeTypes/Pro/Tabs/TabsMenu/Tab/TabElementTypeFactory.php
8
- hover-tab,&:where(.M_EL_Tab:not(.M_EL_Tab--active)):HOVER,100,global,Mosaic/NodeTypes/Pro/Tabs/TabsMenu/Tab/TabElementTypeFactory.php
9
- hover-when-link,"&:where([tabindex]:not([tabindex=""-1""]),a[href]:not([disabled]),button:not([disabled])):HOVER",100,global,Mosaic/Builder/Style/StatesMeta.php
10
- ____loop_pagination_number--active,&.M_EL_LoopPaginationNumber--active,500,node-type,Mosaic/NodeTypes/Loop/LoopPagination/Numbers/Number/LoopPaginationNumberElementTypeFactory.php
11
- ____loop_pagination_number_ellipsis,&.M_EL_LoopPaginationNumber_ellipsis,0,node-type,Mosaic/NodeTypes/Loop/LoopPagination/Numbers/Number/LoopPaginationNumberElementTypeFactory.php
12
- ___arrow_hidden,&:where(.M_EL_SliderArrow--hidden),800,node-type,Mosaic/NodeTypes/Pro/Slider/SliderArrow/SliderArrowElementTypeFactoryAbstract.php
13
- ___checkbox-input--checked,&:checked,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Checkbox/CheckboxInput/CheckboxInputElementTypeFactory.php
14
- ___checkbox-input--checkmark,&:checked::before,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Checkbox/CheckboxInput/CheckboxInputElementTypeFactory.php
15
- ___choice--checked,&:has(:where(input):checked),500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Choice/ChoiceElementTypeFactory.php
16
- ___choice--checked-within,.M_EL_Choice:where(:has(input:checked)) &,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Choice/ChoiceElementTypeFactory.php
17
- ___choice--focus-visible,&:has(:where(input):focus-visible),760,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Choice/ChoiceElementTypeFactory.php
18
- ___choice-field--invalid,&:has(:user-invalid),700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/ChoiceField/ChoiceFieldElementTypeFactory.php
19
- ___choice-field--invalid-within,.M_EL_ChoiceField:where(:has(:user-invalid)) &,700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/ChoiceField/ChoiceFieldElementTypeFactory.php
20
- ___dropdown--opening,.M_EL_Dropdown:where(.dropdown--opening) &,600,node-type,Mosaic/NodeTypes/Menu/Dropdown/DropdownElementTypeFactoryAbstract.php
21
- ___dropdown-toggle--current,&.M_EL_DropdownToggle--current,500,node-type,Mosaic/NodeTypes/Menu/Dropdown/DropdownToggle/DropdownToggleElementTypeFactory.php
22
- ___dropdown-toggle--current-within,".M_EL_Dropdown:where(:has(.M_EL_MenuLink--current,.M_EL_DropdownToggle--current)) > &",500,node-type,Mosaic/NodeTypes/Menu/Dropdown/DropdownToggle/DropdownToggleElementTypeFactory.php
23
- ___field--focus-visible,"&:has(:where(input, textarea, select):focus-visible)",760,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Field/FieldElementTypeFactory.php
24
- ___field--invalid,&:has(:user-invalid),700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Field/FieldElementTypeFactory.php
25
- ___field--invalid-focus-visible,&:has(:user-invalid:focus-visible),770,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Field/FieldElementTypeFactory.php
26
- ___field--invalid-within,.M_EL_Field:where(:has(:user-invalid)) &,700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Field/FieldElementTypeFactory.php
27
- ___field-set--invalid,&:has(:user-invalid),700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/FieldSet/FieldSetElementTypeFactory.php
28
- ___fileupload-input--selector-button,&::file-selector-button,0,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/FileUpload/FileUploadElementTypeFactory.php
29
- ___fileupload-input--selector-button-hover,&::file-selector-button:hover,100,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/FileUpload/FileUploadElementTypeFactory.php
30
- ___form--error,"&[data-form-state=""error""]",700,node-type,Mosaic/NodeTypes/Pro/Form/FormWrapperElementTypeFactory.php
31
- ___form--invalid-within,.M_EL_FormWrapper:where(:has(:user-invalid)) &,700,node-type,Mosaic/NodeTypes/Pro/Form/FormWrapperElementTypeFactory.php
32
- ___input--placeholder,&.M_EL_InputText::placeholder,0,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/InputText/InputTextElementTypeFactory.php
33
- ___loop_element_no_result,&.M_EL_Loop--no-result,600,node-type,Mosaic/NodeTypes/Loop/LoopElementTypeFactory.php
34
- ___loop_pagination_button--disabled,&.M_EL_LoopPaginationButton--disabled,800,node-type,Mosaic/NodeTypes/Loop/LoopPagination/Button/ButtonNext/LoopPaginationButtonNextElementTypeFactory.php
35
- ___menu-link--current,&.M_EL_MenuLink--current,500,node-type,Mosaic/NodeTypes/Menu/MenuLink/MenuLinkElementTypeFactory.php
36
- ___navbar--dropdown-mode,"&:where(.M_EL_Navbar.dropdown-mode,.M_EL_Navbar.dropdown-mode &)",600,node-type,Mosaic/NodeTypes/Navbar/NavbarElementTypeFactory.php
37
- ___navbar--opened,.dropdown-mode:where(.M_EL_Navbar.dropdown--opened) &,600,node-type,Mosaic/NodeTypes/Navbar/NavbarElementTypeFactory.php
38
- ___navbar--opening,.dropdown-mode:where(.M_EL_Navbar.dropdown--opening) &,600,node-type,Mosaic/NodeTypes/Navbar/NavbarElementTypeFactory.php
39
- ___nested_dropdown_mode,"&:where(.dropdown-mode .M_EL_Navigation .M_EL_Dropdown &, .M_EL_Dropdown .M_EL_Dropdown &):not(x)",600,node-type,Mosaic/NodeTypes/Menu/Dropdown/DropdownElementTypeFactoryAbstract.php
40
- ___radio-input--checked,&:checked,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Radio/RadioInput/RadioInputElementTypeFactory.php
41
- ___radio-input--checkmark,&:checked::before,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Radio/RadioInput/RadioInputElementTypeFactory.php
42
- ___select-input-option,"&.M_EL_Select:where(:has(option:not(:disabled):checked)), &.M_EL_Select :where(option)",500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Select/SelectElementTypeFactory.php
43
- ___select-input-option--disabled,"&.M_EL_Select:where(:has(option:disabled:checked)), &.M_EL_Select :where(option:disabled)",800,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Select/SelectElementTypeFactory.php
44
- ___slide--active,.M_EL_SliderSlide--active > &,500,node-type,Mosaic/NodeTypes/Pro/Slider/SliderSlides/SliderSlide/SliderSlideElementTypeFactory.php
45
- ___slider_navigation_bullet--active,&.M_EL_SliderNavigationBullet--active,500,node-type,Mosaic/NodeTypes/Pro/Slider/SliderNavigation/SliderNavigationBullet/SliderNavigationBulletElementTypeFactory.php
46
- ___slider_navigation_bullet--hover,&:not(.M_EL_SliderNavigationBullet--active):HOVER,100,node-type,Mosaic/NodeTypes/Pro/Slider/SliderNavigation/SliderNavigationBullet/SliderNavigationBulletElementTypeFactory.php
47
- ___step--active,&.M_EL_Step--active,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/MultiSteps/Steps/Step/StepElementTypeFactory.php
48
- ___step--active___descendants,.M_EL_Step--active &,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/MultiSteps/Steps/Step/StepElementTypeFactory.php
49
- ___step--completed,&.M_EL_Step--completed,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/MultiSteps/Steps/Step/StepElementTypeFactory.php
50
- ___step--completed___descendants,.M_EL_Step--completed &,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/MultiSteps/Steps/Step/StepElementTypeFactory.php
51
- ___submit-button--busy,"&[aria-busy=""true""]",800,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/SubmitButton/SubmitButtonElementTypeFactory.php
52
- ___tab--active,&.M_EL_Tab--active,500,node-type,Mosaic/NodeTypes/Pro/Tabs/TabsMenu/Tab/TabElementTypeFactory.php
53
- ___tab--active___descendants,.M_EL_Tab--active &,500,node-type,Mosaic/NodeTypes/Pro/Tabs/TabsMenu/Tab/TabElementTypeFactory.php
54
- ___textarea-input--placeholder,&.M_EL_TextArea::placeholder,0,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/TextArea/TextAreaElementTypeFactory.php
1
+ state,selector_template,order,scope,declared_in
2
+ &,&,0,global,Mosaic/Builder/Style/StatesMeta.php
3
+ focus,&:FOCUS,750,global,Mosaic/Builder/Style/StatesMeta.php
4
+ focus-visible,&:FOCUS-VISIBLE,760,global,Mosaic/Builder/Style/StatesMeta.php
5
+ hover,&:HOVER,100,global,Mosaic/Builder/Style/StatesMeta.php
6
+ hover-on-link,":where(a[href]:not([disabled]),button:not([disabled])):HOVER &",200,global,Mosaic/Builder/Style/StatesMeta.php
7
+ hover-on-tab,:where(.M_EL_Tab:not(.M_EL_Tab--active)):HOVER &,200,global,Mosaic/NodeTypes/Pro/Tabs/TabsMenu/Tab/TabElementTypeFactory.php
8
+ hover-tab,&:where(.M_EL_Tab:not(.M_EL_Tab--active)):HOVER,100,global,Mosaic/NodeTypes/Pro/Tabs/TabsMenu/Tab/TabElementTypeFactory.php
9
+ hover-when-link,"&:where([tabindex]:not([tabindex=""-1""]),a[href]:not([disabled]),button:not([disabled])):HOVER",100,global,Mosaic/Builder/Style/StatesMeta.php
10
+ ____loop_pagination_number--active,&.M_EL_LoopPaginationNumber--active,500,node-type,Mosaic/NodeTypes/Loop/LoopPagination/Numbers/Number/LoopPaginationNumberElementTypeFactory.php
11
+ ____loop_pagination_number_ellipsis,&.M_EL_LoopPaginationNumber_ellipsis,0,node-type,Mosaic/NodeTypes/Loop/LoopPagination/Numbers/Number/LoopPaginationNumberElementTypeFactory.php
12
+ ___arrow_hidden,&:where(.M_EL_SliderArrow--hidden),800,node-type,Mosaic/NodeTypes/Pro/Slider/SliderArrow/SliderArrowElementTypeFactoryAbstract.php
13
+ ___checkbox-input--checked,&:checked,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Checkbox/CheckboxInput/CheckboxInputElementTypeFactory.php
14
+ ___checkbox-input--checkmark,&:checked::before,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Checkbox/CheckboxInput/CheckboxInputElementTypeFactory.php
15
+ ___choice--checked,&:has(:where(input):checked),500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Choice/ChoiceElementTypeFactory.php
16
+ ___choice--checked-within,.M_EL_Choice:where(:has(input:checked)) &,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Choice/ChoiceElementTypeFactory.php
17
+ ___choice--focus-visible,&:has(:where(input):focus-visible),760,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Choice/ChoiceElementTypeFactory.php
18
+ ___choice-field--invalid,&:has(:user-invalid),700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/ChoiceField/ChoiceFieldElementTypeFactory.php
19
+ ___choice-field--invalid-within,.M_EL_ChoiceField:where(:has(:user-invalid)) &,700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/ChoiceField/ChoiceFieldElementTypeFactory.php
20
+ ___dropdown--opening,.M_EL_Dropdown:where(.dropdown--opening) &,600,node-type,Mosaic/NodeTypes/Menu/Dropdown/DropdownElementTypeFactoryAbstract.php
21
+ ___dropdown-toggle--current,&.M_EL_DropdownToggle--current,500,node-type,Mosaic/NodeTypes/Menu/Dropdown/DropdownToggle/DropdownToggleElementTypeFactory.php
22
+ ___dropdown-toggle--current-within,".M_EL_Dropdown:where(:has(.M_EL_MenuLink--current,.M_EL_DropdownToggle--current)) > &",500,node-type,Mosaic/NodeTypes/Menu/Dropdown/DropdownToggle/DropdownToggleElementTypeFactory.php
23
+ ___field--focus-visible,"&:has(:where(input, textarea, select):focus-visible)",760,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Field/FieldElementTypeFactory.php
24
+ ___field--invalid,&:has(:user-invalid),700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Field/FieldElementTypeFactory.php
25
+ ___field--invalid-focus-visible,&:has(:user-invalid:focus-visible),770,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Field/FieldElementTypeFactory.php
26
+ ___field--invalid-within,.M_EL_Field:where(:has(:user-invalid)) &,700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Field/FieldElementTypeFactory.php
27
+ ___field-set--invalid,&:has(:user-invalid),700,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/FieldSet/FieldSetElementTypeFactory.php
28
+ ___fileupload-input--selector-button,&::file-selector-button,0,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/FileUpload/FileUploadElementTypeFactory.php
29
+ ___fileupload-input--selector-button-hover,&::file-selector-button:hover,100,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/FileUpload/FileUploadElementTypeFactory.php
30
+ ___form--error,"&[data-form-state=""error""]",700,node-type,Mosaic/NodeTypes/Pro/Form/FormWrapperElementTypeFactory.php
31
+ ___form--invalid-within,.M_EL_FormWrapper:where(:has(:user-invalid)) &,700,node-type,Mosaic/NodeTypes/Pro/Form/FormWrapperElementTypeFactory.php
32
+ ___input--placeholder,&.M_EL_InputText::placeholder,0,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/InputText/InputTextElementTypeFactory.php
33
+ ___loop_element_no_result,&.M_EL_Loop--no-result,600,node-type,Mosaic/NodeTypes/Loop/LoopElementTypeFactory.php
34
+ ___loop_pagination_button--disabled,&.M_EL_LoopPaginationButton--disabled,800,node-type,Mosaic/NodeTypes/Loop/LoopPagination/Button/ButtonNext/LoopPaginationButtonNextElementTypeFactory.php
35
+ ___menu-link--current,&.M_EL_MenuLink--current,500,node-type,Mosaic/NodeTypes/Menu/MenuLink/MenuLinkElementTypeFactory.php
36
+ ___navbar--dropdown-mode,"&:where(.M_EL_Navbar.dropdown-mode,.M_EL_Navbar.dropdown-mode &)",600,node-type,Mosaic/NodeTypes/Navbar/NavbarElementTypeFactory.php
37
+ ___navbar--opened,.dropdown-mode:where(.M_EL_Navbar.dropdown--opened) &,600,node-type,Mosaic/NodeTypes/Navbar/NavbarElementTypeFactory.php
38
+ ___navbar--opening,.dropdown-mode:where(.M_EL_Navbar.dropdown--opening) &,600,node-type,Mosaic/NodeTypes/Navbar/NavbarElementTypeFactory.php
39
+ ___nested_dropdown_mode,"&:where(.dropdown-mode .M_EL_Navigation .M_EL_Dropdown &, .M_EL_Dropdown .M_EL_Dropdown &):not(x)",600,node-type,Mosaic/NodeTypes/Menu/Dropdown/DropdownElementTypeFactoryAbstract.php
40
+ ___radio-input--checked,&:checked,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Radio/RadioInput/RadioInputElementTypeFactory.php
41
+ ___radio-input--checkmark,&:checked::before,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Radio/RadioInput/RadioInputElementTypeFactory.php
42
+ ___select-input-option,"&.M_EL_Select:where(:has(option:not(:disabled):checked)), &.M_EL_Select :where(option)",500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Select/SelectElementTypeFactory.php
43
+ ___select-input-option--disabled,"&.M_EL_Select:where(:has(option:disabled:checked)), &.M_EL_Select :where(option:disabled)",800,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/Select/SelectElementTypeFactory.php
44
+ ___slide--active,.M_EL_SliderSlide--active > &,500,node-type,Mosaic/NodeTypes/Pro/Slider/SliderSlides/SliderSlide/SliderSlideElementTypeFactory.php
45
+ ___slider_navigation_bullet--active,&.M_EL_SliderNavigationBullet--active,500,node-type,Mosaic/NodeTypes/Pro/Slider/SliderNavigation/SliderNavigationBullet/SliderNavigationBulletElementTypeFactory.php
46
+ ___slider_navigation_bullet--hover,&:not(.M_EL_SliderNavigationBullet--active):HOVER,100,node-type,Mosaic/NodeTypes/Pro/Slider/SliderNavigation/SliderNavigationBullet/SliderNavigationBulletElementTypeFactory.php
47
+ ___step--active,&.M_EL_Step--active,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/MultiSteps/Steps/Step/StepElementTypeFactory.php
48
+ ___step--active___descendants,.M_EL_Step--active &,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/MultiSteps/Steps/Step/StepElementTypeFactory.php
49
+ ___step--completed,&.M_EL_Step--completed,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/MultiSteps/Steps/Step/StepElementTypeFactory.php
50
+ ___step--completed___descendants,.M_EL_Step--completed &,500,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/MultiSteps/Steps/Step/StepElementTypeFactory.php
51
+ ___submit-button--busy,"&[aria-busy=""true""]",800,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/SubmitButton/SubmitButtonElementTypeFactory.php
52
+ ___tab--active,&.M_EL_Tab--active,500,node-type,Mosaic/NodeTypes/Pro/Tabs/TabsMenu/Tab/TabElementTypeFactory.php
53
+ ___tab--active___descendants,.M_EL_Tab--active &,500,node-type,Mosaic/NodeTypes/Pro/Tabs/TabsMenu/Tab/TabElementTypeFactory.php
54
+ ___textarea-input--placeholder,&.M_EL_TextArea::placeholder,0,node-type,Mosaic/NodeTypes/Pro/Form/Form/MElements/TextArea/TextAreaElementTypeFactory.php
package/data/style-value-shapes.csv CHANGED
@@ -1,23 +1,23 @@
1
- property,kind,shape,compiles_to,status
2
- borderRadius,object,"{""type"":""all"",""allOptions"":{""borderRadiusValue"":""18px""}}",border-radius:18px,OK
3
- borderStyle,object,"{""borderTopWidth"":""5px"",""borderTopStyle"":""solid"",""borderTopColor"":""rgb(..)"", ...12 keys}",border-top-width:5px; ...,OK
4
- outlineStyle,object,"{""outlineWidth"":""3px"",""outlineStyle"":""dotted"",""outlineColor"":""rgb(..)"",""outlineOffset"":""4px""}",outline-width:3px;outline-style:dotted;...,OK
5
- boxShadow,array,"[{""x"":""8px"",""y"":""8px"",""blur"":""0px"",""spread"":""0px"",""color"":""rgb(..)"",""type"":""outside"",""uuid"":""<uuid>""}]",box-shadow:rgb(..) 8px 8px 0px 0px,"OK - type is ""outside""/""inside"", NOT outset/inset"
6
- textShadow,array,"[{""x"":""0px"",""y"":""2px"",""blur"":""8px"",""color"":""rgb(..)"",""uuid"":""<uuid>""}]",text-shadow:rgb(..) 0px 2px 8px,OK
7
- transition,array,"[{""transitionProperty"":""all"",""transitionDuration"":""350ms"",""transitionDelay"":""0ms"",""transitionTimingFunction"":""ease"",""uuid"":""<uuid>""}]",transition-property:all;transition-duration:350ms;...,OK - easing maps to var(--mosaic-easing-<name>)
8
- transform,array,"[{""type"":""translateY"",""translateYOptions"":{""value"":""-8px""},""uuid"":""<uuid>""}]",transform:translateY(-8px),"OK - types: translateX/Y/Z, rotateX/Y/Z, skewX/Y, scale, scaleX/Y/Z"
9
- transform (scale),array,"[{""type"":""scale"",""scaleOptions"":{""value"":""1.05""},""uuid"":""<uuid>""}]",transform:scale(1.05),"OK - key is value, not x/y"
10
- translate,object,"{""x"":""0px"",""y"":""-6px"",""z"":""0px""}",--mosaic-translate-*; translate:0px -6px 0px,OK
11
- rotate,object,"{""x"":""0deg"",""y"":""0deg"",""z"":""4deg""}",--mosaic-rotate-*; rotate:0 0 1 4deg,OK
12
- transformOrigin,object,"{""x"":""0%"",""y"":""0%"",""z"":""0px""}",transform-origin:0% 0% 0px,OK
13
- perspectiveOrigin,object,"{""x"":""50%"",""y"":""50%""}",perspective-origin:50% 50%,OK
14
- filter,array,"[{""type"":""blur"",""blurOptions"":{""value"":""5px""},""uuid"":""<uuid>""}]",filter:blur(5px),OK - also brightness/contrast/... each with <type>Options
15
- backdropFilter,array,"[{""type"":""blur"",""blurOptions"":{""value"":""14px""},""uuid"":""<uuid>""}]",backdrop-filter:blur(14px) + -webkit- prefix,OK
16
- gridTemplateColumns,array,"[{""type"":""default"",""defaultOptions"":{""size"":""1fr""},""uuid"":""<uuid>""}, ...one per column]",grid-template-columns:1fr 1fr 2fr,OK
17
- gridTemplateColumns (autofit),array,"[{""type"":""default"",""defaultOptions"":{""size"":""240px"",""autofit"":""1""},""uuid"":""<uuid>""}]","grid-template-columns:repeat(auto-fit, 240px)",OK - autofit is rejected with an fr size
18
- gridChildPosition,object,"{""gridRowStart"":""1"",""gridColumnStart"":""1"",""gridRowEnd"":""2"",""gridColumnEnd"":""3""}",grid-row-start:1;grid-column-start:1;...,OK
19
- flexSizing,object,"{""type"":""grow"",""growOptions"":{}}",flex-grow:1;flex-shrink:0,OK
20
- objectFitStyle,object,"{""objectFit"":""cover"",""objectPositionX"":""50%"",""objectPositionY"":""50%""}",object-fit:cover;object-position:50%,OK
21
- mask,array,"[{""type"":""gradient"",""gradientOptions"":{""subType"":""linear"",""linearOptions"":{""angle"":""180deg""},""dots"":[...]},""uuid"":""<uuid>""}]",mask-image:linear-gradient(...),"PARTIAL - compiles, but only the last dot survives"
22
- backgroundStyle,array,"[{""type"":""overlay"",""overlayOptions"":{""color"":""rgba(..)""},""uuid"":""<uuid>""}]","(accepted, emits background-image:none)",UNRESOLVED - use customStyles
23
- customStyles,string,"""outline: 2px dashed rgb(7,8,9);""",emitted verbatim into the rule,OK - the escape hatch; bypasses the collection-variable layer
1
+ property,kind,shape,compiles_to,status
2
+ borderRadius,object,"{""type"":""all"",""allOptions"":{""borderRadiusValue"":""18px""}}",border-radius:18px,OK
3
+ borderStyle,object,"{""borderTopWidth"":""5px"",""borderTopStyle"":""solid"",""borderTopColor"":""rgb(..)"", ...12 keys}",border-top-width:5px; ...,OK
4
+ outlineStyle,object,"{""outlineWidth"":""3px"",""outlineStyle"":""dotted"",""outlineColor"":""rgb(..)"",""outlineOffset"":""4px""}",outline-width:3px;outline-style:dotted;...,OK
5
+ boxShadow,array,"[{""x"":""8px"",""y"":""8px"",""blur"":""0px"",""spread"":""0px"",""color"":""rgb(..)"",""type"":""outside"",""uuid"":""<uuid>""}]",box-shadow:rgb(..) 8px 8px 0px 0px,"OK - type is ""outside""/""inside"", NOT outset/inset"
6
+ textShadow,array,"[{""x"":""0px"",""y"":""2px"",""blur"":""8px"",""color"":""rgb(..)"",""uuid"":""<uuid>""}]",text-shadow:rgb(..) 0px 2px 8px,OK
7
+ transition,array,"[{""transitionProperty"":""all"",""transitionDuration"":""350ms"",""transitionDelay"":""0ms"",""transitionTimingFunction"":""ease"",""uuid"":""<uuid>""}]",transition-property:all;transition-duration:350ms;...,OK - easing maps to var(--mosaic-easing-<name>)
8
+ transform,array,"[{""type"":""translateY"",""translateYOptions"":{""value"":""-8px""},""uuid"":""<uuid>""}]",transform:translateY(-8px),"OK - types: translateX/Y/Z, rotateX/Y/Z, skewX/Y, scale, scaleX/Y/Z"
9
+ transform (scale),array,"[{""type"":""scale"",""scaleOptions"":{""value"":""1.05""},""uuid"":""<uuid>""}]",transform:scale(1.05),"OK - key is value, not x/y"
10
+ translate,object,"{""x"":""0px"",""y"":""-6px"",""z"":""0px""}",--mosaic-translate-*; translate:0px -6px 0px,OK
11
+ rotate,object,"{""x"":""0deg"",""y"":""0deg"",""z"":""4deg""}",--mosaic-rotate-*; rotate:0 0 1 4deg,OK
12
+ transformOrigin,object,"{""x"":""0%"",""y"":""0%"",""z"":""0px""}",transform-origin:0% 0% 0px,OK
13
+ perspectiveOrigin,object,"{""x"":""50%"",""y"":""50%""}",perspective-origin:50% 50%,OK
14
+ filter,array,"[{""type"":""blur"",""blurOptions"":{""value"":""5px""},""uuid"":""<uuid>""}]",filter:blur(5px),OK - also brightness/contrast/... each with <type>Options
15
+ backdropFilter,array,"[{""type"":""blur"",""blurOptions"":{""value"":""14px""},""uuid"":""<uuid>""}]",backdrop-filter:blur(14px) + -webkit- prefix,OK
16
+ gridTemplateColumns,array,"[{""type"":""default"",""defaultOptions"":{""size"":""1fr""},""uuid"":""<uuid>""}, ...one per column]",grid-template-columns:1fr 1fr 2fr,OK
17
+ gridTemplateColumns (autofit),array,"[{""type"":""default"",""defaultOptions"":{""size"":""240px"",""autofit"":""1""},""uuid"":""<uuid>""}]","grid-template-columns:repeat(auto-fit, 240px)",OK - autofit is rejected with an fr size
18
+ gridChildPosition,object,"{""gridRowStart"":""1"",""gridColumnStart"":""1"",""gridRowEnd"":""2"",""gridColumnEnd"":""3""}",grid-row-start:1;grid-column-start:1;...,OK
19
+ flexSizing,object,"{""type"":""grow"",""growOptions"":{}}",flex-grow:1;flex-shrink:0,OK
20
+ objectFitStyle,object,"{""objectFit"":""cover"",""objectPositionX"":""50%"",""objectPositionY"":""50%""}",object-fit:cover;object-position:50%,OK
21
+ mask,array,"[{""type"":""gradient"",""gradientOptions"":{""subType"":""linear"",""linearOptions"":{""angle"":""180deg""},""dots"":[...]},""uuid"":""<uuid>""}]",mask-image:linear-gradient(...),"PARTIAL - compiles, but only the last dot survives"
22
+ backgroundStyle,array,"[{""type"":""overlay"",""overlayOptions"":{""color"":""rgba(..)""},""uuid"":""<uuid>""}]","(accepted, emits background-image:none)",UNRESOLVED - use customStyles
23
+ customStyles,string,"""outline: 2px dashed rgb(7,8,9);""",emitted verbatim into the rule,OK - the escape hatch; bypasses the collection-variable layer
package/data/style-verification.csv CHANGED
@@ -1,99 +1,99 @@
1
- property,group,css_property,sent,compiled,status
2
- display,,display,,,SKIPPED
3
- alignItems,,align-items,"""baseline""",baseline,COMPILED
4
- justifyItems,,justify-items,"""baseline""",baseline,COMPILED
5
- alignContent,,align-content,"""baseline""",baseline,COMPILED
6
- justifyContent,,justify-content,"""right""",right,COMPILED
7
- flexDirection,,flex-direction,"""column-reverse""",column-reverse,COMPILED
8
- flexWrap,,flex-wrap,"""wrap-reverse""",wrap-reverse,COMPILED
9
- columnGap,,column-gap,"""37px""",37px,COMPILED
10
- rowGap,,row-gap,"""37px""",37px,COMPILED
11
- gridAutoFlow,,grid-auto-flow,"""column""",column,COMPILED
12
- gridAutoColumns,,grid-auto-columns,,,SKIPPED
13
- gridAutoRows,,grid-auto-rows,,,SKIPPED
14
- gridTemplateColumns,,grid-template-columns,"[{""type"": ""default"", ""defaultOptions"": {""size"": ""37px""}}]",none,COMPILED
15
- gridTemplateRows,,grid-template-rows,"[{""type"": ""default"", ""defaultOptions"": {""size"": ""37px""}}]",none,COMPILED
16
- gridTemplateAreas,,grid-template-areas,,,SKIPPED
17
- gridRowStart,gridChildPosition,grid-row-start,"""7""",,ABSENT
18
- gridColumnStart,gridChildPosition,grid-column-start,"""7""",,ABSENT
19
- gridRowEnd,gridChildPosition,grid-row-end,"""7""",,ABSENT
20
- gridColumnEnd,gridChildPosition,grid-column-end,"""7""",,ABSENT
21
- flexSizing,,flex-sizing,,,SKIPPED
22
- flexBasis,,flex-basis,"""37px""",37px,COMPILED
23
- alignSelf,,align-self,"""baseline""",baseline,COMPILED
24
- justifySelf,,justify-self,"""baseline""",baseline,COMPILED
25
- order,,order,"""7""",7,COMPILED
26
- listStylePosition,,list-style-position,"""outside""",outside,COMPILED
27
- listStyleType,,list-style-type,"""none""",none,COMPILED
28
- fontFamily,,font-family,,,SKIPPED
29
- textDecorationLine,,text-decoration-line,"""line-through""",line-through,COMPILED
30
- fontStyle,,font-style,"""italic""",italic,COMPILED
31
- color,,color,"""rgb(9, 99, 199)""","rgb(9, 99, 199)",COMPILED
32
- fontSize,,font-size,"""37px""",37px,COMPILED
33
- lineHeight,,line-height,"""7""",7,COMPILED
34
- fontWeight,,font-weight,"""900""",900,COMPILED
35
- textAlign,,text-align,"""right""",right,COMPILED
36
- letterSpacing,,letter-spacing,"""37px""",37px,COMPILED
37
- wordSpacing,,word-spacing,"""37px""",37px,COMPILED
38
- whiteSpace,,white-space,"""pre""",pre,COMPILED
39
- textTransform,,text-transform,"""capitalize""",capitalize,COMPILED
40
- textShadow,,text-shadow,,,SKIPPED
41
- width,,width,"""37px""",37px,COMPILED
42
- minWidth,,min-width,"""37px""",37px,COMPILED
43
- maxWidth,,max-width,"""37px""",37px,COMPILED
44
- height,,height,"""37px""",37px,COMPILED
45
- minHeight,,min-height,"""37px""",37px,COMPILED
46
- maxHeight,,max-height,"""37px""",37px,COMPILED
47
- position,,position,"""sticky""",sticky,COMPILED
48
- zIndex,,z-index,"""7""",7,COMPILED
49
- top,,top,"""37px""",37px,COMPILED
50
- right,,right,"""37px""",37px,COMPILED
51
- bottom,,bottom,"""37px""",37px,COMPILED
52
- left,,left,"""37px""",37px,COMPILED
53
- marginTop,,margin-top,"""37px""",37px,COMPILED
54
- marginRight,,margin-right,"""37px""",37px,COMPILED
55
- marginBottom,,margin-bottom,"""37px""",37px,COMPILED
56
- marginLeft,,margin-left,"""37px""",37px,COMPILED
57
- paddingTop,,padding-top,"""37px""",37px,COMPILED
58
- paddingRight,,padding-right,"""37px""",37px,COMPILED
59
- paddingBottom,,padding-bottom,"""37px""",37px,COMPILED
60
- paddingLeft,,padding-left,"""37px""",37px,COMPILED
61
- borderRadius,,border-radius,"{""type"": ""all"", ""allOptions"": {""borderRadiusValue"": ""37px""}}",37px,COMPILED
62
- borderTopWidth,borderStyle,border-top-width,"""37px""",,ABSENT
63
- borderTopStyle,borderStyle,border-top-style,"""37px""",,ABSENT
64
- borderTopColor,borderStyle,border-top-color,"""rgb(9, 99, 199)""",,NO_ELEMENT
65
- borderRightWidth,borderStyle,border-right-width,"""37px""",,ABSENT
66
- borderRightStyle,borderStyle,border-right-style,"""37px""",,ABSENT
67
- borderRightColor,borderStyle,border-right-color,"""rgb(9, 99, 199)""",,ABSENT
68
- borderBottomWidth,borderStyle,border-bottom-width,"""37px""",,ABSENT
69
- borderBottomStyle,borderStyle,border-bottom-style,"""37px""",,ABSENT
70
- borderBottomColor,borderStyle,border-bottom-color,"""rgb(9, 99, 199)""",,ABSENT
71
- borderLeftWidth,borderStyle,border-left-width,"""37px""",,ABSENT
72
- borderLeftStyle,borderStyle,border-left-style,"""37px""",,ABSENT
73
- borderLeftColor,borderStyle,border-left-color,"""rgb(9, 99, 199)""",,ABSENT
74
- outlineWidth,outlineStyle,outline-width,"""37px""",,ABSENT
75
- outlineStyle,outlineStyle,outline-style,,,SKIPPED
76
- outlineColor,outlineStyle,outline-color,"""rgb(9, 99, 199)""",,ABSENT
77
- outlineOffset,outlineStyle,outline-offset,"""37px""",,ABSENT
78
- boxShadow,,box-shadow,,,SKIPPED
79
- opacity,,opacity,"""0.37""",0.37,COMPILED
80
- visibility,,visibility,"""hidden""",hidden,COMPILED
81
- overflow,,overflow,"""auto""",auto,COMPILED
82
- filter,,filter,,,SKIPPED
83
- backdropFilter,,backdrop-filter,,,SKIPPED
84
- transform,,transform,,,SKIPPED
85
- translate,,translate,,,SKIPPED
86
- rotate,,rotate,,,SKIPPED
87
- transformOrigin,,transform-origin,,,SKIPPED
88
- transformStyle,,transform-style,"""preserve-3d""",preserve-3d,COMPILED
89
- transition,,transition,,,SKIPPED
90
- mask,,mask,,,SKIPPED
91
- perspectiveOrigin,,perspective-origin,,,SKIPPED
92
- objectFitStyle,,object-fit,"{""objectFit"": ""cover"", ""objectPositionX"": ""37%"", ""objectPositionY"": ""37%""}",cover,COMPILED
93
- mixBlendMode,,mix-blend-mode,"""luminosity""",luminosity,COMPILED
94
- boxSizing,,box-sizing,"""content-box""",content-box,COMPILED
95
- aspectRatio,,aspect-ratio,,,SKIPPED
96
- backgroundColor,,background-color,"""rgb(9, 99, 199)""","rgb(9, 99, 199)",COMPILED
97
- backgroundStyle,,background-image,,,SKIPPED
98
- cursor,,cursor,"""unset""",unset,COMPILED
99
- customStyles,,,,,SKIPPED
1
+ property,group,css_property,sent,compiled,status
2
+ display,,display,,,SKIPPED
3
+ alignItems,,align-items,"""baseline""",baseline,COMPILED
4
+ justifyItems,,justify-items,"""baseline""",baseline,COMPILED
5
+ alignContent,,align-content,"""baseline""",baseline,COMPILED
6
+ justifyContent,,justify-content,"""right""",right,COMPILED
7
+ flexDirection,,flex-direction,"""column-reverse""",column-reverse,COMPILED
8
+ flexWrap,,flex-wrap,"""wrap-reverse""",wrap-reverse,COMPILED
9
+ columnGap,,column-gap,"""37px""",37px,COMPILED
10
+ rowGap,,row-gap,"""37px""",37px,COMPILED
11
+ gridAutoFlow,,grid-auto-flow,"""column""",column,COMPILED
12
+ gridAutoColumns,,grid-auto-columns,,,SKIPPED
13
+ gridAutoRows,,grid-auto-rows,,,SKIPPED
14
+ gridTemplateColumns,,grid-template-columns,"[{""type"": ""default"", ""defaultOptions"": {""size"": ""37px""}}]",none,COMPILED
15
+ gridTemplateRows,,grid-template-rows,"[{""type"": ""default"", ""defaultOptions"": {""size"": ""37px""}}]",none,COMPILED
16
+ gridTemplateAreas,,grid-template-areas,,,SKIPPED
17
+ gridRowStart,gridChildPosition,grid-row-start,"""7""",,ABSENT
18
+ gridColumnStart,gridChildPosition,grid-column-start,"""7""",,ABSENT
19
+ gridRowEnd,gridChildPosition,grid-row-end,"""7""",,ABSENT
20
+ gridColumnEnd,gridChildPosition,grid-column-end,"""7""",,ABSENT
21
+ flexSizing,,flex-sizing,,,SKIPPED
22
+ flexBasis,,flex-basis,"""37px""",37px,COMPILED
23
+ alignSelf,,align-self,"""baseline""",baseline,COMPILED
24
+ justifySelf,,justify-self,"""baseline""",baseline,COMPILED
25
+ order,,order,"""7""",7,COMPILED
26
+ listStylePosition,,list-style-position,"""outside""",outside,COMPILED
27
+ listStyleType,,list-style-type,"""none""",none,COMPILED
28
+ fontFamily,,font-family,,,SKIPPED
29
+ textDecorationLine,,text-decoration-line,"""line-through""",line-through,COMPILED
30
+ fontStyle,,font-style,"""italic""",italic,COMPILED
31
+ color,,color,"""rgb(9, 99, 199)""","rgb(9, 99, 199)",COMPILED
32
+ fontSize,,font-size,"""37px""",37px,COMPILED
33
+ lineHeight,,line-height,"""7""",7,COMPILED
34
+ fontWeight,,font-weight,"""900""",900,COMPILED
35
+ textAlign,,text-align,"""right""",right,COMPILED
36
+ letterSpacing,,letter-spacing,"""37px""",37px,COMPILED
37
+ wordSpacing,,word-spacing,"""37px""",37px,COMPILED
38
+ whiteSpace,,white-space,"""pre""",pre,COMPILED
39
+ textTransform,,text-transform,"""capitalize""",capitalize,COMPILED
40
+ textShadow,,text-shadow,,,SKIPPED
41
+ width,,width,"""37px""",37px,COMPILED
42
+ minWidth,,min-width,"""37px""",37px,COMPILED
43
+ maxWidth,,max-width,"""37px""",37px,COMPILED
44
+ height,,height,"""37px""",37px,COMPILED
45
+ minHeight,,min-height,"""37px""",37px,COMPILED
46
+ maxHeight,,max-height,"""37px""",37px,COMPILED
47
+ position,,position,"""sticky""",sticky,COMPILED
48
+ zIndex,,z-index,"""7""",7,COMPILED
49
+ top,,top,"""37px""",37px,COMPILED
50
+ right,,right,"""37px""",37px,COMPILED
51
+ bottom,,bottom,"""37px""",37px,COMPILED
52
+ left,,left,"""37px""",37px,COMPILED
53
+ marginTop,,margin-top,"""37px""",37px,COMPILED
54
+ marginRight,,margin-right,"""37px""",37px,COMPILED
55
+ marginBottom,,margin-bottom,"""37px""",37px,COMPILED
56
+ marginLeft,,margin-left,"""37px""",37px,COMPILED
57
+ paddingTop,,padding-top,"""37px""",37px,COMPILED
58
+ paddingRight,,padding-right,"""37px""",37px,COMPILED
59
+ paddingBottom,,padding-bottom,"""37px""",37px,COMPILED
60
+ paddingLeft,,padding-left,"""37px""",37px,COMPILED
61
+ borderRadius,,border-radius,"{""type"": ""all"", ""allOptions"": {""borderRadiusValue"": ""37px""}}",37px,COMPILED
62
+ borderTopWidth,borderStyle,border-top-width,"""37px""",,ABSENT
63
+ borderTopStyle,borderStyle,border-top-style,"""37px""",,ABSENT
64
+ borderTopColor,borderStyle,border-top-color,"""rgb(9, 99, 199)""",,NO_ELEMENT
65
+ borderRightWidth,borderStyle,border-right-width,"""37px""",,ABSENT
66
+ borderRightStyle,borderStyle,border-right-style,"""37px""",,ABSENT
67
+ borderRightColor,borderStyle,border-right-color,"""rgb(9, 99, 199)""",,ABSENT
68
+ borderBottomWidth,borderStyle,border-bottom-width,"""37px""",,ABSENT
69
+ borderBottomStyle,borderStyle,border-bottom-style,"""37px""",,ABSENT
70
+ borderBottomColor,borderStyle,border-bottom-color,"""rgb(9, 99, 199)""",,ABSENT
71
+ borderLeftWidth,borderStyle,border-left-width,"""37px""",,ABSENT
72
+ borderLeftStyle,borderStyle,border-left-style,"""37px""",,ABSENT
73
+ borderLeftColor,borderStyle,border-left-color,"""rgb(9, 99, 199)""",,ABSENT
74
+ outlineWidth,outlineStyle,outline-width,"""37px""",,ABSENT
75
+ outlineStyle,outlineStyle,outline-style,,,SKIPPED
76
+ outlineColor,outlineStyle,outline-color,"""rgb(9, 99, 199)""",,ABSENT
77
+ outlineOffset,outlineStyle,outline-offset,"""37px""",,ABSENT
78
+ boxShadow,,box-shadow,,,SKIPPED
79
+ opacity,,opacity,"""0.37""",0.37,COMPILED
80
+ visibility,,visibility,"""hidden""",hidden,COMPILED
81
+ overflow,,overflow,"""auto""",auto,COMPILED
82
+ filter,,filter,,,SKIPPED
83
+ backdropFilter,,backdrop-filter,,,SKIPPED
84
+ transform,,transform,,,SKIPPED
85
+ translate,,translate,,,SKIPPED
86
+ rotate,,rotate,,,SKIPPED
87
+ transformOrigin,,transform-origin,,,SKIPPED
88
+ transformStyle,,transform-style,"""preserve-3d""",preserve-3d,COMPILED
89
+ transition,,transition,,,SKIPPED
90
+ mask,,mask,,,SKIPPED
91
+ perspectiveOrigin,,perspective-origin,,,SKIPPED
92
+ objectFitStyle,,object-fit,"{""objectFit"": ""cover"", ""objectPositionX"": ""37%"", ""objectPositionY"": ""37%""}",cover,COMPILED
93
+ mixBlendMode,,mix-blend-mode,"""luminosity""",luminosity,COMPILED
94
+ boxSizing,,box-sizing,"""content-box""",content-box,COMPILED
95
+ aspectRatio,,aspect-ratio,,,SKIPPED
96
+ backgroundColor,,background-color,"""rgb(9, 99, 199)""","rgb(9, 99, 199)",COMPILED
97
+ backgroundStyle,,background-image,,,SKIPPED
98
+ cursor,,cursor,"""unset""",unset,COMPILED
99
+ customStyles,,,,,SKIPPED