@jxsuite/studio 2.2.1 → 2.3.0

package/data/css-meta.json

@@ -0,0 +1,1487 @@
+{
+  "$schema": "../../packages/schema/schema.json",
+  "$id": "css-meta",
+  "title": "CSS Property Metadata",
+  "description": "Section assignment, order, and input inference metadata for the style sidebar.",
+  "$sections": [
+    {
+      "key": "layout",
+      "label": "Layout"
+    },
+    {
+      "key": "size",
+      "label": "Size",
+      "$layout": "grid"
+    },
+    {
+      "key": "spacing",
+      "label": "Spacing"
+    },
+    {
+      "key": "positioning",
+      "label": "Positioning"
+    },
+    {
+      "key": "typography",
+      "label": "Typography"
+    },
+    {
+      "key": "background",
+      "label": "Background"
+    },
+    {
+      "key": "border",
+      "label": "Border"
+    },
+    {
+      "key": "effects",
+      "label": "Effects"
+    },
+    {
+      "key": "other",
+      "label": "Other"
+    }
+  ],
+  "$defs": {
+    "display": {
+      "$section": "layout",
+      "$order": 10,
+      "type": "string",
+      "$input": "button-group",
+      "$buttonValues": ["flex", "grid", "block", "inline", "none"],
+      "$icons": {
+        "flex": "display-flex",
+        "grid": "display-grid",
+        "block": "display-block",
+        "inline": "display-inline",
+        "none": "display-none"
+      },
+      "enum": [
+        "block",
+        "inline",
+        "inline-block",
+        "flex",
+        "inline-flex",
+        "grid",
+        "inline-grid",
+        "contents",
+        "none",
+        "flow-root",
+        "table",
+        "list-item"
+      ]
+    },
+    "height": {
+      "$section": "size",
+      "$order": 10,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vh", "svh", "dvh"],
+      "$keywords": ["auto", "min-content", "max-content", "fit-content"]
+    },
+    "width": {
+      "$section": "size",
+      "$order": 11,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vw", "svw"],
+      "$keywords": ["auto", "min-content", "max-content", "fit-content"]
+    },
+    "minHeight": {
+      "$section": "size",
+      "$order": 20,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vh"],
+      "$keywords": ["auto", "min-content", "max-content", "fit-content"]
+    },
+    "minWidth": {
+      "$section": "size",
+      "$order": 21,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vw"],
+      "$keywords": ["auto", "min-content", "max-content", "fit-content"]
+    },
+    "maxHeight": {
+      "$section": "size",
+      "$order": 30,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vh"],
+      "$keywords": ["none", "min-content", "max-content", "fit-content"]
+    },
+    "maxWidth": {
+      "$section": "size",
+      "$order": 31,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vw"],
+      "$keywords": ["none", "min-content", "max-content", "fit-content"]
+    },
+    "aspectRatio": {
+      "$section": "size",
+      "$order": 40,
+      "type": "string",
+      "examples": ["auto", "1/1", "4/3", "16/9", "2/1"]
+    },
+    "objectFit": {
+      "$section": "size",
+      "$order": 41,
+      "type": "string",
+      "enum": ["fill", "contain", "cover", "none", "scale-down"]
+    },
+    "overflow": {
+      "$section": "size",
+      "$order": 50,
+      "$span": 2,
+      "type": "string",
+      "enum": ["visible", "hidden", "scroll", "auto", "clip"]
+    },
+    "overflowX": {
+      "$section": "size",
+      "$order": 51,
+      "type": "string",
+      "enum": ["visible", "hidden", "scroll", "auto", "clip"]
+    },
+    "overflowY": {
+      "$section": "size",
+      "$order": 52,
+      "type": "string",
+      "enum": ["visible", "hidden", "scroll", "auto", "clip"]
+    },
+    "boxSizing": {
+      "$section": "size",
+      "$order": 60,
+      "$span": 2,
+      "type": "string",
+      "enum": ["content-box", "border-box"]
+    },
+    "flexDirection": {
+      "$section": "layout",
+      "$order": 70,
+      "type": "string",
+      "$input": "button-group",
+      "$icons": {
+        "row": "arrow-right",
+        "row-reverse": "arrow-left",
+        "column": "arrow-down",
+        "column-reverse": "arrow-up"
+      },
+      "enum": ["row", "row-reverse", "column", "column-reverse"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex"]
+        }
+      ]
+    },
+    "flexWrap": {
+      "$section": "layout",
+      "$order": 71,
+      "type": "string",
+      "$input": "button-group",
+      "$icons": {
+        "wrap": "wrap-text"
+      },
+      "enum": ["nowrap", "wrap", "wrap-reverse"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex"]
+        }
+      ]
+    },
+    "justifyContent": {
+      "$section": "layout",
+      "$order": 72,
+      "type": "string",
+      "$input": "button-group",
+      "$buttonValues": [
+        "flex-start",
+        "flex-end",
+        "center",
+        "space-between",
+        "space-around",
+        "space-evenly"
+      ],
+      "$icons": {
+        "flex-start": "justify-start",
+        "flex-end": "justify-end",
+        "center": "justify-center",
+        "space-between": "justify-between",
+        "space-around": "justify-around",
+        "space-evenly": "justify-evenly"
+      },
+      "enum": [
+        "flex-start",
+        "flex-end",
+        "center",
+        "space-between",
+        "space-around",
+        "space-evenly",
+        "start",
+        "end",
+        "normal"
+      ],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex", "grid", "inline-grid"]
+        }
+      ]
+    },
+    "alignItems": {
+      "$section": "layout",
+      "$order": 73,
+      "type": "string",
+      "$input": "button-group",
+      "$buttonValues": ["stretch", "flex-start", "flex-end", "center", "baseline"],
+      "$icons": {
+        "stretch": "align-stretch-v",
+        "flex-start": "align-start-v",
+        "flex-end": "align-end-v",
+        "center": "align-center-v",
+        "baseline": "align-baseline"
+      },
+      "enum": ["stretch", "flex-start", "flex-end", "center", "baseline", "start", "end", "normal"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex", "grid", "inline-grid"]
+        }
+      ]
+    },
+    "alignContent": {
+      "$section": "layout",
+      "$order": 74,
+      "type": "string",
+      "$input": "button-group",
+      "$buttonValues": ["normal", "flex-start", "flex-end", "center", "space-between", "stretch"],
+      "$icons": {
+        "flex-start": "justify-start",
+        "flex-end": "justify-end",
+        "center": "justify-center",
+        "space-between": "justify-between",
+        "stretch": "align-stretch-v"
+      },
+      "enum": [
+        "normal",
+        "flex-start",
+        "flex-end",
+        "center",
+        "space-between",
+        "space-around",
+        "stretch",
+        "start",
+        "end"
+      ],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex", "grid", "inline-grid"]
+        }
+      ]
+    },
+    "gap": {
+      "$section": "layout",
+      "$order": 75,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex", "grid", "inline-grid"]
+        }
+      ]
+    },
+    "rowGap": {
+      "$section": "layout",
+      "$order": 76,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex", "grid", "inline-grid"]
+        }
+      ]
+    },
+    "columnGap": {
+      "$section": "layout",
+      "$order": 77,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex", "grid", "inline-grid"]
+        }
+      ]
+    },
+    "flexGrow": {
+      "$section": "layout",
+      "$order": 80,
+      "type": "string",
+      "$units": [],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex"]
+        }
+      ]
+    },
+    "flexShrink": {
+      "$section": "layout",
+      "$order": 81,
+      "type": "string",
+      "$units": [],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex"]
+        }
+      ]
+    },
+    "flexBasis": {
+      "$section": "layout",
+      "$order": 82,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$keywords": ["auto", "content"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex"]
+        }
+      ]
+    },
+    "alignSelf": {
+      "$section": "layout",
+      "$order": 83,
+      "type": "string",
+      "$input": "button-group",
+      "$buttonValues": ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"],
+      "$icons": {
+        "stretch": "align-stretch-v",
+        "flex-start": "align-start-v",
+        "flex-end": "align-end-v",
+        "center": "align-center-v",
+        "baseline": "align-baseline"
+      },
+      "enum": ["auto", "flex-start", "flex-end", "center", "baseline", "stretch", "start", "end"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex", "grid", "inline-grid"]
+        }
+      ]
+    },
+    "order": {
+      "$section": "layout",
+      "$order": 84,
+      "type": "string",
+      "$units": [],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["flex", "inline-flex", "grid", "inline-grid"]
+        }
+      ]
+    },
+    "gridTemplateColumns": {
+      "$section": "layout",
+      "$order": 70,
+      "type": "string",
+      "examples": [
+        "repeat(2,1fr)",
+        "repeat(3,1fr)",
+        "repeat(4,1fr)",
+        "1fr 1fr",
+        "auto 1fr",
+        "auto"
+      ],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["grid", "inline-grid"]
+        }
+      ]
+    },
+    "gridTemplateRows": {
+      "$section": "layout",
+      "$order": 71,
+      "type": "string",
+      "examples": ["repeat(2,1fr)", "repeat(3,1fr)", "auto 1fr", "1fr 1fr"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["grid", "inline-grid"]
+        }
+      ]
+    },
+    "gridTemplateAreas": {
+      "$section": "layout",
+      "$order": 72,
+      "type": "string",
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["grid", "inline-grid"]
+        }
+      ]
+    },
+    "justifyItems": {
+      "$section": "layout",
+      "$order": 76,
+      "type": "string",
+      "enum": ["start", "end", "center", "stretch", "normal"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["grid", "inline-grid"]
+        }
+      ]
+    },
+    "gridColumn": {
+      "$section": "layout",
+      "$order": 80,
+      "type": "string",
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["grid", "inline-grid"]
+        }
+      ]
+    },
+    "gridRow": {
+      "$section": "layout",
+      "$order": 81,
+      "type": "string",
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["grid", "inline-grid"]
+        }
+      ]
+    },
+    "justifySelf": {
+      "$section": "layout",
+      "$order": 82,
+      "type": "string",
+      "enum": ["auto", "start", "end", "center", "stretch", "normal"],
+      "$show": [
+        {
+          "prop": "display",
+          "values": ["grid", "inline-grid"]
+        }
+      ]
+    },
+    "padding": {
+      "$section": "spacing",
+      "$order": 10,
+      "type": "string",
+      "$shorthand": true
+    },
+    "paddingTop": {
+      "$section": "spacing",
+      "$order": 11,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$shorthand": "padding"
+    },
+    "paddingRight": {
+      "$section": "spacing",
+      "$order": 12,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$shorthand": "padding"
+    },
+    "paddingBottom": {
+      "$section": "spacing",
+      "$order": 13,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$shorthand": "padding"
+    },
+    "paddingLeft": {
+      "$section": "spacing",
+      "$order": 14,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$shorthand": "padding"
+    },
+    "margin": {
+      "$section": "spacing",
+      "$order": 20,
+      "type": "string",
+      "$shorthand": true
+    },
+    "marginTop": {
+      "$section": "spacing",
+      "$order": 21,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$keywords": ["auto"],
+      "$shorthand": "margin"
+    },
+    "marginRight": {
+      "$section": "spacing",
+      "$order": 22,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$keywords": ["auto"],
+      "$shorthand": "margin"
+    },
+    "marginBottom": {
+      "$section": "spacing",
+      "$order": 23,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$keywords": ["auto"],
+      "$shorthand": "margin"
+    },
+    "marginLeft": {
+      "$section": "spacing",
+      "$order": 24,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$keywords": ["auto"],
+      "$shorthand": "margin"
+    },
+    "position": {
+      "$section": "positioning",
+      "$order": 10,
+      "type": "string",
+      "enum": ["static", "relative", "absolute", "fixed", "sticky"]
+    },
+    "top": {
+      "$section": "positioning",
+      "$order": 20,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vw", "vh"],
+      "$keywords": ["auto"],
+      "$show": [
+        {
+          "prop": "position",
+          "values": ["relative", "absolute", "fixed", "sticky"]
+        }
+      ]
+    },
+    "right": {
+      "$section": "positioning",
+      "$order": 21,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vw", "vh"],
+      "$keywords": ["auto"],
+      "$show": [
+        {
+          "prop": "position",
+          "values": ["relative", "absolute", "fixed", "sticky"]
+        }
+      ]
+    },
+    "bottom": {
+      "$section": "positioning",
+      "$order": 22,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vw", "vh"],
+      "$keywords": ["auto"],
+      "$show": [
+        {
+          "prop": "position",
+          "values": ["relative", "absolute", "fixed", "sticky"]
+        }
+      ]
+    },
+    "left": {
+      "$section": "positioning",
+      "$order": 23,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%", "vw", "vh"],
+      "$keywords": ["auto"],
+      "$show": [
+        {
+          "prop": "position",
+          "values": ["relative", "absolute", "fixed", "sticky"]
+        }
+      ]
+    },
+    "zIndex": {
+      "$section": "positioning",
+      "$order": 30,
+      "type": "string",
+      "$units": [],
+      "$keywords": ["auto"],
+      "$show": [
+        {
+          "prop": "position",
+          "values": ["relative", "absolute", "fixed", "sticky"]
+        }
+      ]
+    },
+    "float": {
+      "$section": "positioning",
+      "$order": 40,
+      "type": "string",
+      "enum": ["none", "left", "right", "inline-start", "inline-end"]
+    },
+    "clear": {
+      "$section": "positioning",
+      "$order": 41,
+      "type": "string",
+      "enum": ["none", "left", "right", "both", "inline-start", "inline-end"]
+    },
+    "fontFamily": {
+      "$section": "typography",
+      "$order": 10,
+      "type": "string",
+      "presets": [
+        { "title": "System UI", "value": "system-ui, sans-serif" },
+        {
+          "title": "Transitional",
+          "value": "Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif"
+        },
+        {
+          "title": "Old Style",
+          "value": "'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif"
+        },
+        {
+          "title": "Humanist",
+          "value": "Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif"
+        },
+        {
+          "title": "Geometric Humanist",
+          "value": "Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif"
+        },
+        {
+          "title": "Classical Humanist",
+          "value": "Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif"
+        },
+        {
+          "title": "Neo-Grotesque",
+          "value": "Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif"
+        },
+        { "title": "Monospace Slab Serif", "value": "'Nimbus Mono PS', 'Courier New', monospace" },
+        {
+          "title": "Monospace Code",
+          "value": "ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace"
+        },
+        {
+          "title": "Industrial",
+          "value": "Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif"
+        },
+        {
+          "title": "Rounded Sans",
+          "value": "ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif"
+        },
+        {
+          "title": "Slab Serif",
+          "value": "Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif"
+        },
+        {
+          "title": "Antique",
+          "value": "Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif"
+        },
+        {
+          "title": "Didone",
+          "value": "Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif"
+        },
+        {
+          "title": "Handwritten",
+          "value": "'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive"
+        }
+      ]
+    },
+    "fontSize": {
+      "$section": "typography",
+      "$order": 20,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$keywords": ["small", "medium", "large", "x-large", "xx-large", "smaller", "larger"]
+    },
+    "fontWeight": {
+      "$section": "typography",
+      "$order": 21,
+      "type": "string",
+      "examples": [
+        "100",
+        "200",
+        "300",
+        "400",
+        "500",
+        "600",
+        "700",
+        "800",
+        "900",
+        "normal",
+        "bold",
+        "lighter",
+        "bolder"
+      ]
+    },
+    "fontStyle": {
+      "$section": "typography",
+      "$order": 22,
+      "type": "string",
+      "enum": ["normal", "italic", "oblique"]
+    },
+    "fontVariant": {
+      "$section": "typography",
+      "$order": 23,
+      "type": "string",
+      "enum": ["normal", "small-caps"]
+    },
+    "lineHeight": {
+      "$section": "typography",
+      "$order": 30,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$keywords": ["normal"]
+    },
+    "letterSpacing": {
+      "$section": "typography",
+      "$order": 31,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$keywords": ["normal"]
+    },
+    "wordSpacing": {
+      "$section": "typography",
+      "$order": 32,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$keywords": ["normal"]
+    },
+    "color": {
+      "$section": "typography",
+      "$order": 40,
+      "type": "string",
+      "format": "color"
+    },
+    "textAlign": {
+      "$section": "typography",
+      "$order": 50,
+      "type": "string",
+      "$input": "button-group",
+      "$buttonValues": ["left", "center", "right", "justify"],
+      "$icons": {
+        "left": "text-align-left",
+        "center": "text-align-center",
+        "right": "text-align-right",
+        "justify": "text-align-justify"
+      },
+      "enum": ["left", "right", "center", "justify", "start", "end"]
+    },
+    "textTransform": {
+      "$section": "typography",
+      "$order": 51,
+      "type": "string",
+      "enum": ["none", "uppercase", "lowercase", "capitalize"]
+    },
+    "textDecoration": {
+      "$section": "typography",
+      "$order": 52,
+      "type": "string",
+      "examples": ["none", "underline", "overline", "line-through", "underline wavy"]
+    },
+    "textOverflow": {
+      "$section": "typography",
+      "$order": 53,
+      "type": "string",
+      "enum": ["clip", "ellipsis"],
+      "$show": [
+        {
+          "prop": "overflow",
+          "values": ["hidden", "clip", "auto", "scroll"]
+        }
+      ]
+    },
+    "whiteSpace": {
+      "$section": "typography",
+      "$order": 54,
+      "type": "string",
+      "enum": ["normal", "nowrap", "pre", "pre-wrap", "pre-line", "break-spaces"]
+    },
+    "wordBreak": {
+      "$section": "typography",
+      "$order": 55,
+      "type": "string",
+      "enum": ["normal", "break-all", "keep-all", "break-word"]
+    },
+    "verticalAlign": {
+      "$section": "typography",
+      "$order": 56,
+      "type": "string",
+      "examples": ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super"]
+    },
+    "textShadow": {
+      "$section": "typography",
+      "$order": 60,
+      "type": "string"
+    },
+    "listStyleType": {
+      "$section": "typography",
+      "$order": 70,
+      "type": "string",
+      "enum": [
+        "none",
+        "disc",
+        "decimal",
+        "circle",
+        "square",
+        "lower-alpha",
+        "upper-alpha",
+        "lower-roman",
+        "upper-roman"
+      ]
+    },
+    "backgroundColor": {
+      "$section": "background",
+      "$order": 10,
+      "type": "string",
+      "format": "color"
+    },
+    "backgroundImage": {
+      "$section": "background",
+      "$order": 20,
+      "type": "string",
+      "examples": [
+        "none",
+        "linear-gradient(to bottom, #fff, #000)",
+        "radial-gradient(circle, #fff, #000)"
+      ]
+    },
+    "backgroundSize": {
+      "$section": "background",
+      "$order": 21,
+      "type": "string",
+      "examples": ["auto", "cover", "contain", "100% 100%"]
+    },
+    "backgroundPosition": {
+      "$section": "background",
+      "$order": 22,
+      "type": "string",
+      "examples": [
+        "center",
+        "top",
+        "bottom",
+        "left",
+        "right",
+        "center center",
+        "top left",
+        "bottom right"
+      ]
+    },
+    "backgroundRepeat": {
+      "$section": "background",
+      "$order": 23,
+      "type": "string",
+      "enum": ["repeat", "no-repeat", "repeat-x", "repeat-y", "space", "round"]
+    },
+    "backgroundAttachment": {
+      "$section": "background",
+      "$order": 24,
+      "type": "string",
+      "enum": ["scroll", "fixed", "local"]
+    },
+    "backgroundClip": {
+      "$section": "background",
+      "$order": 25,
+      "type": "string",
+      "enum": ["border-box", "padding-box", "content-box", "text"]
+    },
+    "backgroundOrigin": {
+      "$section": "background",
+      "$order": 26,
+      "type": "string",
+      "enum": ["border-box", "padding-box", "content-box"]
+    },
+    "opacity": {
+      "$section": "background",
+      "$order": 40,
+      "type": "number",
+      "minimum": 0,
+      "maximum": 1
+    },
+    "border": {
+      "$section": "border",
+      "$order": 10,
+      "type": "string",
+      "$shorthand": true,
+      "$shorthandType": "border-side",
+      "$longhands": ["borderWidth", "borderStyle", "borderColor"]
+    },
+    "borderWidth": {
+      "$section": "border",
+      "$order": 11,
+      "type": "string",
+      "$shorthand": true
+    },
+    "borderStyle": {
+      "$section": "border",
+      "$order": 12,
+      "type": "string",
+      "enum": [
+        "none",
+        "solid",
+        "dashed",
+        "dotted",
+        "double",
+        "groove",
+        "ridge",
+        "inset",
+        "outset",
+        "hidden"
+      ]
+    },
+    "borderColor": {
+      "$section": "border",
+      "$order": 13,
+      "type": "string",
+      "format": "color"
+    },
+    "borderTop": {
+      "$section": "border",
+      "$order": 13.1,
+      "type": "string",
+      "$shorthand": true,
+      "$shorthandType": "border-side",
+      "$longhands": ["borderTopWidth", "borderTopStyle", "borderTopColor"]
+    },
+    "borderRight": {
+      "$section": "border",
+      "$order": 13.2,
+      "type": "string",
+      "$shorthand": true,
+      "$shorthandType": "border-side",
+      "$longhands": ["borderRightWidth", "borderRightStyle", "borderRightColor"]
+    },
+    "borderBottom": {
+      "$section": "border",
+      "$order": 13.3,
+      "type": "string",
+      "$shorthand": true,
+      "$shorthandType": "border-side",
+      "$longhands": ["borderBottomWidth", "borderBottomStyle", "borderBottomColor"]
+    },
+    "borderLeft": {
+      "$section": "border",
+      "$order": 13.4,
+      "type": "string",
+      "$shorthand": true,
+      "$shorthandType": "border-side",
+      "$longhands": ["borderLeftWidth", "borderLeftStyle", "borderLeftColor"]
+    },
+    "borderBlockStart": {
+      "$section": "border",
+      "$order": 13.5,
+      "type": "string",
+      "$shorthand": true,
+      "$shorthandType": "border-side",
+      "$longhands": ["borderBlockStartWidth", "borderBlockStartStyle", "borderBlockStartColor"]
+    },
+    "borderBlockEnd": {
+      "$section": "border",
+      "$order": 13.6,
+      "type": "string",
+      "$shorthand": true,
+      "$shorthandType": "border-side",
+      "$longhands": ["borderBlockEndWidth", "borderBlockEndStyle", "borderBlockEndColor"]
+    },
+    "borderInlineStart": {
+      "$section": "border",
+      "$order": 13.7,
+      "type": "string",
+      "$shorthand": true,
+      "$shorthandType": "border-side",
+      "$longhands": ["borderInlineStartWidth", "borderInlineStartStyle", "borderInlineStartColor"]
+    },
+    "borderInlineEnd": {
+      "$section": "border",
+      "$order": 13.8,
+      "type": "string",
+      "$shorthand": true,
+      "$shorthandType": "border-side",
+      "$longhands": ["borderInlineEndWidth", "borderInlineEndStyle", "borderInlineEndColor"]
+    },
+    "borderTopWidth": {
+      "$section": "border",
+      "$order": 14,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$shorthand": "borderWidth"
+    },
+    "borderTopStyle": {
+      "$section": "border",
+      "$order": 15,
+      "$shorthand": "borderTop",
+      "type": "string",
+      "enum": [
+        "none",
+        "solid",
+        "dashed",
+        "dotted",
+        "double",
+        "groove",
+        "ridge",
+        "inset",
+        "outset",
+        "hidden"
+      ]
+    },
+    "borderTopColor": {
+      "$section": "border",
+      "$order": 16,
+      "$shorthand": "borderTop",
+      "type": "string",
+      "format": "color"
+    },
+    "borderRightWidth": {
+      "$section": "border",
+      "$order": 17,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$shorthand": "borderWidth"
+    },
+    "borderRightStyle": {
+      "$section": "border",
+      "$order": 18,
+      "$shorthand": "borderRight",
+      "type": "string",
+      "enum": [
+        "none",
+        "solid",
+        "dashed",
+        "dotted",
+        "double",
+        "groove",
+        "ridge",
+        "inset",
+        "outset",
+        "hidden"
+      ]
+    },
+    "borderRightColor": {
+      "$section": "border",
+      "$order": 19,
+      "$shorthand": "borderRight",
+      "type": "string",
+      "format": "color"
+    },
+    "borderBottomWidth": {
+      "$section": "border",
+      "$order": 20,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$shorthand": "borderWidth"
+    },
+    "borderBottomStyle": {
+      "$section": "border",
+      "$order": 21,
+      "$shorthand": "borderBottom",
+      "type": "string",
+      "enum": [
+        "none",
+        "solid",
+        "dashed",
+        "dotted",
+        "double",
+        "groove",
+        "ridge",
+        "inset",
+        "outset",
+        "hidden"
+      ]
+    },
+    "borderBottomColor": {
+      "$section": "border",
+      "$order": 22,
+      "$shorthand": "borderBottom",
+      "type": "string",
+      "format": "color"
+    },
+    "borderLeftWidth": {
+      "$section": "border",
+      "$order": 23,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$shorthand": "borderWidth"
+    },
+    "borderLeftStyle": {
+      "$section": "border",
+      "$order": 24,
+      "$shorthand": "borderLeft",
+      "type": "string",
+      "enum": [
+        "none",
+        "solid",
+        "dashed",
+        "dotted",
+        "double",
+        "groove",
+        "ridge",
+        "inset",
+        "outset",
+        "hidden"
+      ]
+    },
+    "borderLeftColor": {
+      "$section": "border",
+      "$order": 25,
+      "$shorthand": "borderLeft",
+      "type": "string",
+      "format": "color"
+    },
+    "borderRadius": {
+      "$section": "border",
+      "$order": 30,
+      "type": "string",
+      "$shorthand": true
+    },
+    "borderTopLeftRadius": {
+      "$section": "border",
+      "$order": 31,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$shorthand": "borderRadius"
+    },
+    "borderTopRightRadius": {
+      "$section": "border",
+      "$order": 32,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$shorthand": "borderRadius"
+    },
+    "borderBottomRightRadius": {
+      "$section": "border",
+      "$order": 33,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$shorthand": "borderRadius"
+    },
+    "borderBottomLeftRadius": {
+      "$section": "border",
+      "$order": 34,
+      "type": "string",
+      "$units": ["px", "rem", "em", "%"],
+      "$shorthand": "borderRadius"
+    },
+    "outline": {
+      "$section": "border",
+      "$order": 40,
+      "type": "string"
+    },
+    "outlineOffset": {
+      "$section": "border",
+      "$order": 41,
+      "type": "string",
+      "$units": ["px", "rem", "em"]
+    },
+    "borderBlockStartWidth": {
+      "$section": "border",
+      "$order": 50,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$shorthand": "borderBlockStart"
+    },
+    "borderBlockStartStyle": {
+      "$section": "border",
+      "$order": 51,
+      "type": "string",
+      "enum": [
+        "none",
+        "solid",
+        "dashed",
+        "dotted",
+        "double",
+        "groove",
+        "ridge",
+        "inset",
+        "outset",
+        "hidden"
+      ],
+      "$shorthand": "borderBlockStart"
+    },
+    "borderBlockStartColor": {
+      "$section": "border",
+      "$order": 52,
+      "type": "string",
+      "format": "color",
+      "$shorthand": "borderBlockStart"
+    },
+    "borderBlockEndWidth": {
+      "$section": "border",
+      "$order": 53,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$shorthand": "borderBlockEnd"
+    },
+    "borderBlockEndStyle": {
+      "$section": "border",
+      "$order": 54,
+      "type": "string",
+      "enum": [
+        "none",
+        "solid",
+        "dashed",
+        "dotted",
+        "double",
+        "groove",
+        "ridge",
+        "inset",
+        "outset",
+        "hidden"
+      ],
+      "$shorthand": "borderBlockEnd"
+    },
+    "borderBlockEndColor": {
+      "$section": "border",
+      "$order": 55,
+      "type": "string",
+      "format": "color",
+      "$shorthand": "borderBlockEnd"
+    },
+    "borderInlineStartWidth": {
+      "$section": "border",
+      "$order": 56,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$shorthand": "borderInlineStart"
+    },
+    "borderInlineStartStyle": {
+      "$section": "border",
+      "$order": 57,
+      "type": "string",
+      "enum": [
+        "none",
+        "solid",
+        "dashed",
+        "dotted",
+        "double",
+        "groove",
+        "ridge",
+        "inset",
+        "outset",
+        "hidden"
+      ],
+      "$shorthand": "borderInlineStart"
+    },
+    "borderInlineStartColor": {
+      "$section": "border",
+      "$order": 58,
+      "type": "string",
+      "format": "color",
+      "$shorthand": "borderInlineStart"
+    },
+    "borderInlineEndWidth": {
+      "$section": "border",
+      "$order": 59,
+      "type": "string",
+      "$units": ["px", "rem", "em"],
+      "$shorthand": "borderInlineEnd"
+    },
+    "borderInlineEndStyle": {
+      "$section": "border",
+      "$order": 60,
+      "type": "string",
+      "enum": [
+        "none",
+        "solid",
+        "dashed",
+        "dotted",
+        "double",
+        "groove",
+        "ridge",
+        "inset",
+        "outset",
+        "hidden"
+      ],
+      "$shorthand": "borderInlineEnd"
+    },
+    "borderInlineEndColor": {
+      "$section": "border",
+      "$order": 61,
+      "type": "string",
+      "format": "color",
+      "$shorthand": "borderInlineEnd"
+    },
+    "boxShadow": {
+      "$section": "effects",
+      "$order": 10,
+      "type": "string",
+      "examples": [
+        "none",
+        "0 1px 3px rgba(0,0,0,0.12)",
+        "0 4px 6px rgba(0,0,0,0.1)",
+        "inset 0 1px 2px rgba(0,0,0,0.1)"
+      ]
+    },
+    "filter": {
+      "$section": "effects",
+      "$order": 20,
+      "type": "string",
+      "examples": [
+        "none",
+        "blur(4px)",
+        "brightness(1.2)",
+        "contrast(0.8)",
+        "grayscale(100%)",
+        "saturate(1.5)"
+      ]
+    },
+    "backdropFilter": {
+      "$section": "effects",
+      "$order": 21,
+      "type": "string",
+      "examples": [
+        "none",
+        "blur(4px)",
+        "brightness(1.2)",
+        "contrast(0.8)",
+        "grayscale(100%)",
+        "saturate(1.5)"
+      ]
+    },
+    "transform": {
+      "$section": "effects",
+      "$order": 30,
+      "type": "string",
+      "examples": [
+        "none",
+        "translateX(0)",
+        "translateY(0)",
+        "rotate(0deg)",
+        "scale(1)",
+        "skewX(0deg)"
+      ]
+    },
+    "transformOrigin": {
+      "$section": "effects",
+      "$order": 31,
+      "type": "string",
+      "examples": [
+        "center",
+        "top",
+        "bottom",
+        "left",
+        "right",
+        "top left",
+        "top right",
+        "bottom left",
+        "bottom right",
+        "center center"
+      ]
+    },
+    "transition": {
+      "$section": "effects",
+      "$order": 40,
+      "type": "string",
+      "examples": [
+        "none",
+        "all 0.2s ease",
+        "opacity 0.2s ease",
+        "transform 0.2s ease",
+        "background-color 0.2s ease"
+      ]
+    },
+    "animationName": {
+      "$section": "effects",
+      "$order": 41,
+      "type": "string"
+    },
+    "animationDuration": {
+      "$section": "effects",
+      "$order": 42,
+      "type": "string",
+      "$units": ["s", "ms"],
+      "$show": [
+        {
+          "prop": "animationName",
+          "values": []
+        }
+      ]
+    },
+    "animationTimingFunction": {
+      "$section": "effects",
+      "$order": 43,
+      "type": "string",
+      "enum": ["ease", "linear", "ease-in", "ease-out", "ease-in-out", "step-start", "step-end"],
+      "$show": [
+        {
+          "prop": "animationName",
+          "values": []
+        }
+      ]
+    },
+    "animationFillMode": {
+      "$section": "effects",
+      "$order": 44,
+      "type": "string",
+      "enum": ["none", "forwards", "backwards", "both"],
+      "$show": [
+        {
+          "prop": "animationName",
+          "values": []
+        }
+      ]
+    },
+    "animationIterationCount": {
+      "$section": "effects",
+      "$order": 45,
+      "type": "string",
+      "examples": ["1", "2", "3", "infinite"],
+      "$show": [
+        {
+          "prop": "animationName",
+          "values": []
+        }
+      ]
+    },
+    "cursor": {
+      "$section": "effects",
+      "$order": 50,
+      "type": "string",
+      "enum": [
+        "auto",
+        "default",
+        "pointer",
+        "text",
+        "move",
+        "not-allowed",
+        "grab",
+        "grabbing",
+        "crosshair",
+        "help",
+        "wait",
+        "zoom-in",
+        "zoom-out",
+        "none"
+      ]
+    },
+    "pointerEvents": {
+      "$section": "effects",
+      "$order": 51,
+      "type": "string",
+      "enum": ["auto", "none"]
+    },
+    "userSelect": {
+      "$section": "effects",
+      "$order": 52,
+      "type": "string",
+      "enum": ["auto", "none", "text", "all", "contain"]
+    },
+    "visibility": {
+      "$section": "effects",
+      "$order": 53,
+      "type": "string",
+      "enum": ["visible", "hidden", "collapse"]
+    },
+    "resize": {
+      "$section": "effects",
+      "$order": 54,
+      "type": "string",
+      "enum": ["none", "both", "horizontal", "vertical"]
+    },
+    "appearance": {
+      "$section": "effects",
+      "$order": 55,
+      "type": "string",
+      "enum": ["auto", "none"]
+    }
+  }
+}