{
"gpui_version": "0.2.2",
"catalog_version": 1,
"coverage": "box-size-aspect-position-overflow-visible-clip-scroll-behavior-debug-cursor-border-radius-color-hex-gradient-pattern-opacity-scrollbar-shadow-box-shadow-flex-grow-shrink-basis-alignment-text-bg-font-size-arbitrary-line-height-weight-family-fallbacks-features-decoration-detail-strikethrough-detail-line-clamp-grid-placement-full-span-image-slice",
"notes": "Source-of-truth catalog for the style parity pass. It currently covers GPUI 0.2.2 padding, margin, gap, size/aspect ratio, position/inset, display, visibility, overflow visible/clip/hidden/scroll, scroll behavior booleans, debug/debug-below flags, cursor, border width/style, border radius, named/hex/linear-gradient/pattern background/text/border/text-background/text-decoration/strikethrough colors, opacity, scrollbar width, named and arbitrary box shadows, flex grow/shrink/alignment/self-alignment/basis, core text/font size/line-height/weight/family/fallbacks/features, text decoration lines/colors/styles/thickness plus strikethrough colors/thickness, line clamp, grid count/span/full-span/line-placement helpers, and image-only object-fit/grayscale options plus the shared GPUI spacing scale; additional Style, Styled, StyleRefinement, and node-specific operations should be added here before they are exposed.",
"length_units": [
"px",
"rem",
"fraction",
"auto"
],
"spacing_scale": [
{
"token": "0",
"length": {
"unit": "px",
"value": 0
}
},
{
"token": "0.5",
"aliases": [
"0p5"
],
"length": {
"unit": "rem",
"value": 0.125
}
},
{
"token": "1",
"length": {
"unit": "rem",
"value": 0.25
}
},
{
"token": "1.5",
"aliases": [
"1p5"
],
"length": {
"unit": "rem",
"value": 0.375
}
},
{
"token": "2",
"length": {
"unit": "rem",
"value": 0.5
}
},
{
"token": "2.5",
"aliases": [
"2p5"
],
"length": {
"unit": "rem",
"value": 0.625
}
},
{
"token": "3",
"length": {
"unit": "rem",
"value": 0.75
}
},
{
"token": "3.5",
"aliases": [
"3p5"
],
"length": {
"unit": "rem",
"value": 0.875
}
},
{
"token": "4",
"length": {
"unit": "rem",
"value": 1
}
},
{
"token": "5",
"length": {
"unit": "rem",
"value": 1.25
}
},
{
"token": "6",
"length": {
"unit": "rem",
"value": 1.5
}
},
{
"token": "7",
"length": {
"unit": "rem",
"value": 1.75
}
},
{
"token": "8",
"length": {
"unit": "rem",
"value": 2
}
},
{
"token": "9",
"length": {
"unit": "rem",
"value": 2.25
}
},
{
"token": "10",
"length": {
"unit": "rem",
"value": 2.5
}
},
{
"token": "11",
"length": {
"unit": "rem",
"value": 2.75
}
},
{
"token": "12",
"length": {
"unit": "rem",
"value": 3
}
},
{
"token": "16",
"length": {
"unit": "rem",
"value": 4
}
},
{
"token": "20",
"length": {
"unit": "rem",
"value": 5
}
},
{
"token": "24",
"length": {
"unit": "rem",
"value": 6
}
},
{
"token": "32",
"length": {
"unit": "rem",
"value": 8
}
},
{
"token": "40",
"length": {
"unit": "rem",
"value": 10
}
},
{
"token": "48",
"length": {
"unit": "rem",
"value": 12
}
},
{
"token": "56",
"length": {
"unit": "rem",
"value": 14
}
},
{
"token": "64",
"length": {
"unit": "rem",
"value": 16
}
},
{
"token": "72",
"length": {
"unit": "rem",
"value": 18
}
},
{
"token": "80",
"length": {
"unit": "rem",
"value": 20
}
},
{
"token": "96",
"length": {
"unit": "rem",
"value": 24
}
},
{
"token": "112",
"length": {
"unit": "rem",
"value": 28
}
},
{
"token": "128",
"length": {
"unit": "rem",
"value": 32
}
},
{
"token": "px",
"length": {
"unit": "px",
"value": 1
}
},
{
"token": "full",
"length": {
"unit": "fraction",
"value": 1
}
},
{
"token": "1/2",
"aliases": [
"1_2"
],
"length": {
"unit": "fraction",
"value": 0.5
}
},
{
"token": "1/3",
"aliases": [
"1_3"
],
"length": {
"unit": "fraction",
"value": 0.3333333333333333
}
},
{
"token": "2/3",
"aliases": [
"2_3"
],
"length": {
"unit": "fraction",
"value": 0.6666666666666666
}
},
{
"token": "1/4",
"aliases": [
"1_4"
],
"length": {
"unit": "fraction",
"value": 0.25
}
},
{
"token": "2/4",
"aliases": [
"2_4"
],
"length": {
"unit": "fraction",
"value": 0.5
}
},
{
"token": "3/4",
"aliases": [
"3_4"
],
"length": {
"unit": "fraction",
"value": 0.75
}
},
{
"token": "1/5",
"aliases": [
"1_5"
],
"length": {
"unit": "fraction",
"value": 0.2
}
},
{
"token": "2/5",
"aliases": [
"2_5"
],
"length": {
"unit": "fraction",
"value": 0.4
}
},
{
"token": "3/5",
"aliases": [
"3_5"
],
"length": {
"unit": "fraction",
"value": 0.6
}
},
{
"token": "4/5",
"aliases": [
"4_5"
],
"length": {
"unit": "fraction",
"value": 0.8
}
},
{
"token": "1/6",
"aliases": [
"1_6"
],
"length": {
"unit": "fraction",
"value": 0.16666666666666666
}
},
{
"token": "5/6",
"aliases": [
"5_6"
],
"length": {
"unit": "fraction",
"value": 0.8333333333333334
}
},
{
"token": "1/12",
"aliases": [
"1_12"
],
"length": {
"unit": "fraction",
"value": 0.08333333333333333
}
}
],
"operations": [
{
"name": "padding",
"tuple_schema": [
"padding",
"axis",
"definite_length"
],
"canonical_examples": [
[
"padding",
"y",
[
"rem",
0.25
]
],
[
"padding",
"all",
[
"px",
1
]
]
],
"axes": {
"all": [
"top",
"right",
"bottom",
"left"
],
"x": [
"left",
"right"
],
"y": [
"top",
"bottom"
],
"top": [
"top"
],
"right": [
"right"
],
"bottom": [
"bottom"
],
"left": [
"left"
]
},
"class_prefixes": {
"p": "all",
"px": "x",
"py": "y",
"pt": "top",
"pr": "right",
"pb": "bottom",
"pl": "left"
},
"helpers": [
{
"name": "padding",
"kind": "exact"
},
{
"name": "p",
"kind": "scale",
"axis": "all"
},
{
"name": "px",
"kind": "scale",
"axis": "x"
},
{
"name": "py",
"kind": "scale",
"axis": "y"
},
{
"name": "pt",
"kind": "scale",
"axis": "top"
},
{
"name": "pr",
"kind": "scale",
"axis": "right"
},
{
"name": "pb",
"kind": "scale",
"axis": "bottom"
},
{
"name": "pl",
"kind": "scale",
"axis": "left"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction"
],
"negative": false,
"auto": false
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled padding_style_methods! p/px/py/pt/pr/pb/pl"
},
{
"name": "margin",
"tuple_schema": [
"margin",
"axis",
"length"
],
"canonical_examples": [
[
"margin",
"x",
"auto"
],
[
"margin",
"top",
[
"rem",
-0.5
]
]
],
"axes": {
"all": [
"top",
"right",
"bottom",
"left"
],
"x": [
"left",
"right"
],
"y": [
"top",
"bottom"
],
"top": [
"top"
],
"right": [
"right"
],
"bottom": [
"bottom"
],
"left": [
"left"
]
},
"class_prefixes": {
"m": "all",
"mx": "x",
"my": "y",
"mt": "top",
"mr": "right",
"mb": "bottom",
"ml": "left"
},
"helpers": [
{
"name": "margin",
"kind": "exact"
},
{
"name": "m",
"kind": "scale",
"axis": "all"
},
{
"name": "mx",
"kind": "scale",
"axis": "x"
},
{
"name": "my",
"kind": "scale",
"axis": "y"
},
{
"name": "mt",
"kind": "scale",
"axis": "top"
},
{
"name": "mr",
"kind": "scale",
"axis": "right"
},
{
"name": "mb",
"kind": "scale",
"axis": "bottom"
},
{
"name": "ml",
"kind": "scale",
"axis": "left"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction",
"auto"
],
"negative": true,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled margin_style_methods! m/mx/my/mt/mr/mb/ml"
},
{
"name": "gap",
"tuple_schema": [
"gap",
"axis",
"definite_length"
],
"canonical_examples": [
[
"gap",
"all",
[
"rem",
0.25
]
],
[
"gap",
"x",
[
"px",
1
]
]
],
"axes": {
"all": [
"width",
"height"
],
"x": [
"width"
],
"y": [
"height"
]
},
"class_prefixes": {
"gap": "all",
"gap-x": "x",
"gap-y": "y"
},
"helpers": [
{
"name": "gap",
"kind": "exact"
},
{
"name": "gap",
"kind": "scale",
"axis": "all"
},
{
"name": "gap_x",
"kind": "scale",
"axis": "x"
},
{
"name": "gap_y",
"kind": "scale",
"axis": "y"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction"
],
"negative": true,
"auto": false
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled style_helpers! gap/gap_x/gap_y"
},
{
"name": "width",
"tuple_schema": [
"width",
"length"
],
"canonical_examples": [
[
"width",
[
"px",
42
]
],
[
"width",
"auto"
]
],
"class_prefixes": {
"w": null
},
"helpers": [
{
"name": "width",
"kind": "exact"
},
{
"name": "w",
"kind": "scale"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction",
"auto"
],
"negative": true,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled style_helpers! w"
},
{
"name": "height",
"tuple_schema": [
"height",
"length"
],
"canonical_examples": [
[
"height",
[
"px",
42
]
],
[
"height",
"auto"
]
],
"class_prefixes": {
"h": null
},
"helpers": [
{
"name": "height",
"kind": "exact"
},
{
"name": "h",
"kind": "scale"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction",
"auto"
],
"negative": true,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled style_helpers! h"
},
{
"name": "size",
"tuple_schema": [
"size",
"length"
],
"canonical_examples": [
[
"size",
[
"px",
42
]
],
[
"size",
"auto"
]
],
"class_prefixes": {
"size": null
},
"helpers": [
{
"name": "size",
"kind": "exact"
},
{
"name": "size",
"kind": "scale"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction",
"auto"
],
"negative": true,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled style_helpers! size"
},
{
"name": "min_width",
"tuple_schema": [
"min_width",
"length"
],
"canonical_examples": [
[
"min_width",
[
"px",
42
]
],
[
"min_width",
"auto"
]
],
"class_prefixes": {
"min-w": null
},
"helpers": [
{
"name": "min_width",
"kind": "exact"
},
{
"name": "min_w",
"kind": "scale"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction",
"auto"
],
"negative": true,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled style_helpers! min_w"
},
{
"name": "min_height",
"tuple_schema": [
"min_height",
"length"
],
"canonical_examples": [
[
"min_height",
[
"px",
42
]
],
[
"min_height",
"auto"
]
],
"class_prefixes": {
"min-h": null
},
"helpers": [
{
"name": "min_height",
"kind": "exact"
},
{
"name": "min_h",
"kind": "scale"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction",
"auto"
],
"negative": true,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled style_helpers! min_h"
},
{
"name": "max_width",
"tuple_schema": [
"max_width",
"length"
],
"canonical_examples": [
[
"max_width",
[
"px",
42
]
],
[
"max_width",
"auto"
]
],
"class_prefixes": {
"max-w": null
},
"helpers": [
{
"name": "max_width",
"kind": "exact"
},
{
"name": "max_w",
"kind": "scale"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction",
"auto"
],
"negative": true,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled style_helpers! max_w"
},
{
"name": "max_height",
"tuple_schema": [
"max_height",
"length"
],
"canonical_examples": [
[
"max_height",
[
"px",
42
]
],
[
"max_height",
"auto"
]
],
"class_prefixes": {
"max-h": null
},
"helpers": [
{
"name": "max_height",
"kind": "exact"
},
{
"name": "max_h",
"kind": "scale"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction",
"auto"
],
"negative": true,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled style_helpers! max_h"
},
{
"name": "aspect_ratio",
"tuple_schema": [
"aspect_ratio",
"positive_number"
],
"number": {
"min": 1e-06,
"max": 4096
},
"class_tokens": {
"aspect-square": 1,
"aspect-video": 1.7777777777777777
},
"class_prefixes": {
"aspect": null
},
"helpers": [
{
"name": "aspect_ratio",
"kind": "number"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Style aspect_ratio positive f32 width/height ratio"
},
{
"name": "position",
"tuple_schema": [
"position",
"value"
],
"values": [
"relative",
"absolute"
],
"class_tokens": {
"relative": "relative",
"absolute": "absolute"
},
"helpers": [
{
"name": "position",
"kind": "exact"
},
{
"name": "relative",
"kind": "value",
"value": "relative"
},
{
"name": "absolute",
"kind": "value",
"value": "absolute"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled position_style_methods! relative/absolute"
},
{
"name": "inset",
"tuple_schema": [
"inset",
"axis",
"length"
],
"canonical_examples": [
[
"inset",
"all",
[
"px",
0
]
],
[
"inset",
"top",
[
"rem",
-0.5
]
],
[
"inset",
"right",
"auto"
]
],
"axes": {
"all": [
"top",
"right",
"bottom",
"left"
],
"top": [
"top"
],
"right": [
"right"
],
"bottom": [
"bottom"
],
"left": [
"left"
]
},
"class_prefixes": {
"inset": "all",
"top": "top",
"right": "right",
"bottom": "bottom",
"left": "left"
},
"helpers": [
{
"name": "inset",
"kind": "exact"
},
{
"name": "inset",
"kind": "scale",
"axis": "all"
},
{
"name": "top",
"kind": "scale",
"axis": "top"
},
{
"name": "right",
"kind": "scale",
"axis": "right"
},
{
"name": "bottom",
"kind": "scale",
"axis": "bottom"
},
{
"name": "left",
"kind": "scale",
"axis": "left"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction",
"auto"
],
"negative": true,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled position_style_methods! inset/top/right/bottom/left"
},
{
"name": "display",
"tuple_schema": [
"display",
"value"
],
"values": [
"block",
"flex",
"grid",
"none"
],
"class_tokens": {
"block": "block",
"flex": "flex",
"grid": "grid",
"hidden": "none"
},
"helpers": [
{
"name": "display",
"kind": "exact"
},
{
"name": "block",
"kind": "value",
"value": "block"
},
{
"name": "flex",
"kind": "value",
"value": "flex"
},
{
"name": "grid",
"kind": "value",
"value": "grid"
},
{
"name": "hidden",
"kind": "value",
"value": "none"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled block/flex/grid/hidden"
},
{
"name": "visibility",
"tuple_schema": [
"visibility",
"value"
],
"values": [
"visible",
"hidden"
],
"class_tokens": {
"visible": "visible",
"invisible": "hidden"
},
"helpers": [
{
"name": "visibility",
"kind": "exact"
},
{
"name": "visible",
"kind": "value",
"value": "visible"
},
{
"name": "invisible",
"kind": "value",
"value": "hidden"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled visibility_style_methods! visible/invisible"
},
{
"name": "overflow",
"tuple_schema": [
"overflow",
"axis",
"value"
],
"values": [
"visible",
"clip",
"hidden",
"scroll"
],
"axes": {
"all": [
"x",
"y"
],
"x": [
"x"
],
"y": [
"y"
]
},
"class_tokens": {
"overflow-hidden": [
"all",
"hidden"
],
"overflow-x-hidden": [
"x",
"hidden"
],
"overflow-y-hidden": [
"y",
"hidden"
],
"overflow-scroll": [
"all",
"scroll"
],
"overflow-x-scroll": [
"x",
"scroll"
],
"overflow-y-scroll": [
"y",
"scroll"
],
"overflow-visible": [
"all",
"visible"
],
"overflow-clip": [
"all",
"clip"
],
"overflow-x-visible": [
"x",
"visible"
],
"overflow-x-clip": [
"x",
"clip"
],
"overflow-y-visible": [
"y",
"visible"
],
"overflow-y-clip": [
"y",
"clip"
]
},
"helpers": [
{
"name": "overflow",
"kind": "exact"
},
{
"name": "overflow_hidden",
"kind": "value",
"axis": "all",
"value": "hidden"
},
{
"name": "overflow_x_hidden",
"kind": "value",
"axis": "x",
"value": "hidden"
},
{
"name": "overflow_y_hidden",
"kind": "value",
"axis": "y",
"value": "hidden"
},
{
"name": "overflow_scroll",
"kind": "value",
"axis": "all",
"value": "scroll"
},
{
"name": "overflow_x_scroll",
"kind": "value",
"axis": "x",
"value": "scroll"
},
{
"name": "overflow_y_scroll",
"kind": "value",
"axis": "y",
"value": "scroll"
},
{
"name": "overflow_visible",
"kind": "value",
"axis": "all",
"value": "visible"
},
{
"name": "overflow_clip",
"kind": "value",
"axis": "all",
"value": "clip"
},
{
"name": "overflow_x_visible",
"kind": "value",
"axis": "x",
"value": "visible"
},
{
"name": "overflow_x_clip",
"kind": "value",
"axis": "x",
"value": "clip"
},
{
"name": "overflow_y_visible",
"kind": "value",
"axis": "y",
"value": "visible"
},
{
"name": "overflow_y_clip",
"kind": "value",
"axis": "y",
"value": "clip"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "GPUI Overflow enum visible/clip/hidden/scroll with all/x/y axis mapping"
},
{
"name": "allow_concurrent_scroll",
"tuple_schema": [
"allow_concurrent_scroll",
"boolean"
],
"boolean": {},
"class_tokens": {
"scroll-concurrent": true,
"scroll-concurrent-off": false
},
"helpers": [
{
"name": "allow_concurrent_scroll",
"kind": "exact"
},
{
"name": "allow_concurrent_scroll",
"kind": "value",
"value": true
},
{
"name": "disallow_concurrent_scroll",
"kind": "value",
"value": false
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Style allow_concurrent_scroll boolean overflow behavior"
},
{
"name": "restrict_scroll_to_axis",
"tuple_schema": [
"restrict_scroll_to_axis",
"boolean"
],
"boolean": {},
"class_tokens": {
"scroll-axis-restricted": true,
"scroll-axis-free": false
},
"helpers": [
{
"name": "restrict_scroll_to_axis",
"kind": "exact"
},
{
"name": "restrict_scroll_to_axis",
"kind": "value",
"value": true
},
{
"name": "allow_cross_axis_scroll",
"kind": "value",
"value": false
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Style restrict_scroll_to_axis boolean overflow behavior"
},
{
"name": "debug",
"tuple_schema": [
"debug",
"boolean"
],
"class_tokens": {
"debug": true
},
"helpers": [
{
"name": "debug",
"kind": "exact"
},
{
"name": "debug",
"kind": "value",
"value": true
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled debug (debug_assertions only; release no-op)"
},
{
"name": "debug_below",
"tuple_schema": [
"debug_below",
"boolean"
],
"class_tokens": {
"debug-below": true
},
"helpers": [
{
"name": "debug_below",
"kind": "exact"
},
{
"name": "debug_below",
"kind": "value",
"value": true
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled debug_below (debug_assertions only; release no-op)"
},
{
"name": "cursor",
"tuple_schema": [
"cursor",
"value"
],
"values": [
"default",
"pointer",
"text",
"move",
"not_allowed",
"context_menu",
"crosshair",
"vertical_text",
"alias",
"copy",
"no_drop",
"grab",
"grabbing",
"ew_resize",
"ns_resize",
"nesw_resize",
"nwse_resize",
"col_resize",
"row_resize",
"n_resize",
"e_resize",
"s_resize",
"w_resize",
"none"
],
"class_tokens": {
"cursor-default": "default",
"cursor-pointer": "pointer",
"cursor-text": "text",
"cursor-move": "move",
"cursor-not-allowed": "not_allowed",
"cursor-context-menu": "context_menu",
"cursor-crosshair": "crosshair",
"cursor-vertical-text": "vertical_text",
"cursor-alias": "alias",
"cursor-copy": "copy",
"cursor-no-drop": "no_drop",
"cursor-grab": "grab",
"cursor-grabbing": "grabbing",
"cursor-ew-resize": "ew_resize",
"cursor-ns-resize": "ns_resize",
"cursor-nesw-resize": "nesw_resize",
"cursor-nwse-resize": "nwse_resize",
"cursor-col-resize": "col_resize",
"cursor-row-resize": "row_resize",
"cursor-n-resize": "n_resize",
"cursor-e-resize": "e_resize",
"cursor-s-resize": "s_resize",
"cursor-w-resize": "w_resize",
"cursor-none": "none"
},
"helpers": [
{
"name": "cursor",
"kind": "exact"
},
{
"name": "cursor_default",
"kind": "value",
"value": "default"
},
{
"name": "cursor_pointer",
"kind": "value",
"value": "pointer"
},
{
"name": "cursor_text",
"kind": "value",
"value": "text"
},
{
"name": "cursor_move",
"kind": "value",
"value": "move"
},
{
"name": "cursor_not_allowed",
"kind": "value",
"value": "not_allowed"
},
{
"name": "cursor_context_menu",
"kind": "value",
"value": "context_menu"
},
{
"name": "cursor_crosshair",
"kind": "value",
"value": "crosshair"
},
{
"name": "cursor_vertical_text",
"kind": "value",
"value": "vertical_text"
},
{
"name": "cursor_alias",
"kind": "value",
"value": "alias"
},
{
"name": "cursor_copy",
"kind": "value",
"value": "copy"
},
{
"name": "cursor_no_drop",
"kind": "value",
"value": "no_drop"
},
{
"name": "cursor_grab",
"kind": "value",
"value": "grab"
},
{
"name": "cursor_grabbing",
"kind": "value",
"value": "grabbing"
},
{
"name": "cursor_ew_resize",
"kind": "value",
"value": "ew_resize"
},
{
"name": "cursor_ns_resize",
"kind": "value",
"value": "ns_resize"
},
{
"name": "cursor_nesw_resize",
"kind": "value",
"value": "nesw_resize"
},
{
"name": "cursor_nwse_resize",
"kind": "value",
"value": "nwse_resize"
},
{
"name": "cursor_col_resize",
"kind": "value",
"value": "col_resize"
},
{
"name": "cursor_row_resize",
"kind": "value",
"value": "row_resize"
},
{
"name": "cursor_n_resize",
"kind": "value",
"value": "n_resize"
},
{
"name": "cursor_e_resize",
"kind": "value",
"value": "e_resize"
},
{
"name": "cursor_s_resize",
"kind": "value",
"value": "s_resize"
},
{
"name": "cursor_w_resize",
"kind": "value",
"value": "w_resize"
},
{
"name": "cursor_none",
"kind": "value",
"value": "none"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled cursor_style_methods! cursor_*"
},
{
"name": "border_width",
"tuple_schema": [
"border_width",
"axis",
"absolute_length"
],
"canonical_examples": [
[
"border_width",
"all",
[
"px",
1
]
],
[
"border_width",
"x",
[
"px",
4
]
]
],
"axes": {
"all": [
"top",
"right",
"bottom",
"left"
],
"x": [
"left",
"right"
],
"y": [
"top",
"bottom"
],
"top": [
"top"
],
"right": [
"right"
],
"bottom": [
"bottom"
],
"left": [
"left"
]
},
"class_prefixes": {
"border": "all",
"border-x": "x",
"border-y": "y",
"border-t": "top",
"border-r": "right",
"border-b": "bottom",
"border-l": "left"
},
"helpers": [
{
"name": "border_width",
"kind": "exact"
},
{
"name": "border",
"kind": "scale",
"axis": "all"
},
{
"name": "border_x",
"kind": "scale",
"axis": "x"
},
{
"name": "border_y",
"kind": "scale",
"axis": "y"
},
{
"name": "border_t",
"kind": "scale",
"axis": "top"
},
{
"name": "border_r",
"kind": "scale",
"axis": "right"
},
{
"name": "border_b",
"kind": "scale",
"axis": "bottom"
},
{
"name": "border_l",
"kind": "scale",
"axis": "left"
}
],
"scale": "border_width_scale",
"length": {
"allowed_units": [
"px",
"rem"
],
"negative": false,
"auto": false
},
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled border_style_methods! border/border_x/border_y/border_t/border_r/border_b/border_l"
},
{
"name": "border_style",
"tuple_schema": [
"border_style",
"value"
],
"values": [
"solid",
"dashed"
],
"class_tokens": {
"border-solid": "solid",
"border-dashed": "dashed"
},
"helpers": [
{
"name": "border_style",
"kind": "exact"
},
{
"name": "border_solid",
"kind": "value",
"value": "solid"
},
{
"name": "border_dashed",
"kind": "value",
"value": "dashed"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled border_dashed and default BorderStyle::Solid"
},
{
"name": "border_radius",
"tuple_schema": [
"border_radius",
"corner",
"absolute_length"
],
"canonical_examples": [
[
"border_radius",
"all",
[
"rem",
0.25
]
],
[
"border_radius",
"bottom_right",
[
"px",
9999
]
]
],
"axes": {
"all": [
"top_left",
"top_right",
"bottom_right",
"bottom_left"
],
"top": [
"top_left",
"top_right"
],
"right": [
"top_right",
"bottom_right"
],
"bottom": [
"bottom_left",
"bottom_right"
],
"left": [
"top_left",
"bottom_left"
],
"top_left": [
"top_left"
],
"top_right": [
"top_right"
],
"bottom_left": [
"bottom_left"
],
"bottom_right": [
"bottom_right"
]
},
"class_prefixes": {
"rounded": "all",
"rounded-t": "top",
"rounded-r": "right",
"rounded-b": "bottom",
"rounded-l": "left",
"rounded-tl": "top_left",
"rounded-tr": "top_right",
"rounded-bl": "bottom_left",
"rounded-br": "bottom_right"
},
"helpers": [
{
"name": "border_radius",
"kind": "exact"
},
{
"name": "rounded",
"kind": "scale",
"axis": "all"
},
{
"name": "rounded_t",
"kind": "scale",
"axis": "top"
},
{
"name": "rounded_r",
"kind": "scale",
"axis": "right"
},
{
"name": "rounded_b",
"kind": "scale",
"axis": "bottom"
},
{
"name": "rounded_l",
"kind": "scale",
"axis": "left"
},
{
"name": "rounded_tl",
"kind": "scale",
"axis": "top_left"
},
{
"name": "rounded_tr",
"kind": "scale",
"axis": "top_right"
},
{
"name": "rounded_bl",
"kind": "scale",
"axis": "bottom_left"
},
{
"name": "rounded_br",
"kind": "scale",
"axis": "bottom_right"
}
],
"scale": "radius_scale",
"length": {
"allowed_units": [
"px",
"rem"
],
"negative": false,
"auto": false
},
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled style_helpers! rounded/rounded_t/rounded_r/rounded_b/rounded_l/rounded_tl/rounded_tr/rounded_bl/rounded_br"
},
{
"name": "bg",
"tuple_schema": [
"bg",
"color"
],
"values": [
"red",
"green",
"blue",
"yellow",
"black",
"white",
"gray"
],
"class_tokens": {
"bg-red": "red",
"bg-green": "green",
"bg-blue": "blue",
"bg-yellow": "yellow",
"bg-black": "black",
"bg-white": "white",
"bg-gray": "gray"
},
"helpers": [
{
"name": "bg",
"kind": "exact"
},
{
"name": "bg_red",
"kind": "value",
"value": "red"
},
{
"name": "bg_green",
"kind": "value",
"value": "green"
},
{
"name": "bg_blue",
"kind": "value",
"value": "blue"
},
{
"name": "bg_yellow",
"kind": "value",
"value": "yellow"
},
{
"name": "bg_black",
"kind": "value",
"value": "black"
},
{
"name": "bg_white",
"kind": "value",
"value": "white"
},
{
"name": "bg_gray",
"kind": "value",
"value": "gray"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled bg"
},
{
"name": "text_color",
"tuple_schema": [
"text_color",
"color"
],
"values": [
"red",
"green",
"blue",
"yellow",
"black",
"white",
"gray"
],
"class_tokens": {
"text-red": "red",
"text-green": "green",
"text-blue": "blue",
"text-yellow": "yellow",
"text-black": "black",
"text-white": "white",
"text-gray": "gray"
},
"helpers": [
{
"name": "text_color",
"kind": "exact"
},
{
"name": "text_color_red",
"kind": "value",
"value": "red"
},
{
"name": "text_color_green",
"kind": "value",
"value": "green"
},
{
"name": "text_color_blue",
"kind": "value",
"value": "blue"
},
{
"name": "text_color_yellow",
"kind": "value",
"value": "yellow"
},
{
"name": "text_color_black",
"kind": "value",
"value": "black"
},
{
"name": "text_color_white",
"kind": "value",
"value": "white"
},
{
"name": "text_color_gray",
"kind": "value",
"value": "gray"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_color"
},
{
"name": "text_bg",
"tuple_schema": [
"text_bg",
"color"
],
"values": [
"red",
"green",
"blue",
"yellow",
"black",
"white",
"gray"
],
"class_tokens": {
"text-bg-red": "red",
"text-bg-green": "green",
"text-bg-blue": "blue",
"text-bg-yellow": "yellow",
"text-bg-black": "black",
"text-bg-white": "white",
"text-bg-gray": "gray"
},
"helpers": [
{
"name": "text_bg",
"kind": "exact"
},
{
"name": "text_bg_red",
"kind": "value",
"value": "red"
},
{
"name": "text_bg_green",
"kind": "value",
"value": "green"
},
{
"name": "text_bg_blue",
"kind": "value",
"value": "blue"
},
{
"name": "text_bg_yellow",
"kind": "value",
"value": "yellow"
},
{
"name": "text_bg_black",
"kind": "value",
"value": "black"
},
{
"name": "text_bg_white",
"kind": "value",
"value": "white"
},
{
"name": "text_bg_gray",
"kind": "value",
"value": "gray"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_bg"
},
{
"name": "border_color",
"tuple_schema": [
"border_color",
"color"
],
"values": [
"red",
"green",
"blue",
"yellow",
"black",
"white",
"gray"
],
"class_tokens": {
"border-red": "red",
"border-green": "green",
"border-blue": "blue",
"border-yellow": "yellow",
"border-black": "black",
"border-white": "white",
"border-gray": "gray"
},
"helpers": [
{
"name": "border_color",
"kind": "exact"
},
{
"name": "border_color_red",
"kind": "value",
"value": "red"
},
{
"name": "border_color_green",
"kind": "value",
"value": "green"
},
{
"name": "border_color_blue",
"kind": "value",
"value": "blue"
},
{
"name": "border_color_yellow",
"kind": "value",
"value": "yellow"
},
{
"name": "border_color_black",
"kind": "value",
"value": "black"
},
{
"name": "border_color_white",
"kind": "value",
"value": "white"
},
{
"name": "border_color_gray",
"kind": "value",
"value": "gray"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled border_color"
},
{
"name": "bg_hex",
"tuple_schema": [
"bg_hex",
"hex_color"
],
"class_pattern": "bg-[#RRGGBB]",
"class_prefix": "bg",
"helpers": [
{
"name": "bg_hex",
"kind": "exact"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled bg hex"
},
{
"name": "text_color_hex",
"tuple_schema": [
"text_color_hex",
"hex_color"
],
"class_pattern": "text-[#RRGGBB]",
"class_prefix": "text",
"helpers": [
{
"name": "text_color_hex",
"kind": "exact"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_color hex"
},
{
"name": "text_bg_hex",
"tuple_schema": [
"text_bg_hex",
"hex_color"
],
"class_pattern": "text-bg-[#RRGGBB]",
"class_prefix": "text-bg",
"helpers": [
{
"name": "text_bg_hex",
"kind": "exact"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_bg hex"
},
{
"name": "border_color_hex",
"tuple_schema": [
"border_color_hex",
"hex_color"
],
"class_pattern": "border-[#RRGGBB]",
"class_prefix": "border",
"helpers": [
{
"name": "border_color_hex",
"kind": "exact"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled border_color hex"
},
{
"name": "bg_linear_gradient",
"tuple_schema": [
"bg_linear_gradient",
"keyword_options"
],
"class_pattern": "bg-linear-gradient-[angle,color:stop,color:stop]",
"helpers": [
{
"name": "bg_linear_gradient",
"kind": "exact"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gradient": {
"stops": 2,
"color_units": [
"named",
"hex"
],
"angle_min": 0,
"angle_max": 360,
"stop_min": 0,
"stop_max": 1
},
"gpui_mapping": "Styled bg linear_gradient"
},
{
"name": "bg_pattern_slash",
"tuple_schema": [
"bg_pattern_slash",
"pattern_slash_options"
],
"options": {
"required": [
"color",
"width",
"interval"
],
"color": "named_or_hex_color",
"width": {
"min": 0,
"max": 4096
},
"interval": {
"min": 0,
"max": 4096
}
},
"class_pattern": "bg-pattern-slash-[color,width,interval]",
"helpers": [
{
"name": "bg_pattern_slash",
"kind": "pattern_slash"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled bg(pattern_slash(color, width, interval)) Background::PatternSlash"
},
{
"name": "opacity",
"tuple_schema": [
"opacity",
"number_0_to_1"
],
"class_pattern": "opacity-N or opacity-[number]",
"class_prefixes": {
"opacity": null
},
"class_tokens": {
"opacity-0": 0,
"opacity-5": 0.05,
"opacity-10": 0.1,
"opacity-20": 0.2,
"opacity-25": 0.25,
"opacity-30": 0.3,
"opacity-40": 0.4,
"opacity-50": 0.5,
"opacity-60": 0.6,
"opacity-70": 0.7,
"opacity-75": 0.75,
"opacity-80": 0.8,
"opacity-90": 0.9,
"opacity-95": 0.95,
"opacity-100": 1
},
"helpers": [
{
"name": "opacity",
"kind": "number"
}
],
"number": {
"min": 0,
"max": 1
},
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled opacity"
},
{
"name": "scrollbar_width",
"tuple_schema": [
"scrollbar_width_px|scrollbar_width_rem",
"non_negative_number"
],
"class_pattern": "scrollbar-w-[numberpx|numberrem]",
"class_prefixes": {
"scrollbar-w": null
},
"helpers": [
{
"name": "scrollbar_width",
"kind": "unit_length"
}
],
"length": {
"allowed_units": [
"px",
"rem"
],
"auto": false,
"negative": false
},
"node_applicability": "scroll_nodes",
"refinement_support": false,
"gpui_mapping": "Scrollbar element scrollbar_width"
},
{
"name": "shadow",
"tuple_schema": [
"shadow",
"value"
],
"values": [
"none",
"2xs",
"xs",
"sm",
"md",
"lg",
"xl",
"2xl"
],
"class_tokens": {
"shadow-none": "none",
"shadow-2xs": "2xs",
"shadow-xs": "xs",
"shadow-sm": "sm",
"shadow-md": "md",
"shadow-lg": "lg",
"shadow-xl": "xl",
"shadow-2xl": "2xl"
},
"helpers": [
{
"name": "shadow",
"kind": "exact"
},
{
"name": "shadow_none",
"kind": "value",
"value": "none"
},
{
"name": "shadow_2xs",
"kind": "value",
"value": "2xs"
},
{
"name": "shadow_xs",
"kind": "value",
"value": "xs"
},
{
"name": "shadow_sm",
"kind": "value",
"value": "sm"
},
{
"name": "shadow_md",
"kind": "value",
"value": "md"
},
{
"name": "shadow_lg",
"kind": "value",
"value": "lg"
},
{
"name": "shadow_xl",
"kind": "value",
"value": "xl"
},
{
"name": "shadow_2xl",
"kind": "value",
"value": "2xl"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled box_shadow_style_methods! shadow_none/shadow_2xs/shadow_xs/shadow_sm/shadow_md/shadow_lg/shadow_xl/shadow_2xl"
},
{
"name": "box_shadow",
"tuple_schema": [
"box_shadow",
"box_shadow_list"
],
"options": {
"required": [
"color",
"x",
"y",
"blur",
"spread"
],
"color": "named_or_hex_color",
"x": "finite_number",
"y": "finite_number",
"blur": {
"min": 0
},
"spread": "finite_number"
},
"class_pattern": "shadow-[color,x,y,blur,spread]",
"class_prefix": "shadow",
"helpers": [
{
"name": "box_shadow",
"kind": "box_shadow"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled shadow(Vec<BoxShadow>) arbitrary BoxShadow list"
},
{
"name": "flex_direction",
"tuple_schema": [
"flex_direction",
"value"
],
"values": [
"column",
"column_reverse",
"row",
"row_reverse"
],
"class_tokens": {
"flex-col": "column",
"flex-col-reverse": "column_reverse",
"flex-row": "row",
"flex-row-reverse": "row_reverse"
},
"helpers": [
{
"name": "flex_direction",
"kind": "exact"
},
{
"name": "flex_col",
"kind": "value",
"value": "column"
},
{
"name": "flex_col_reverse",
"kind": "value",
"value": "column_reverse"
},
{
"name": "flex_row",
"kind": "value",
"value": "row"
},
{
"name": "flex_row_reverse",
"kind": "value",
"value": "row_reverse"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled flex_col/flex_col_reverse/flex_row/flex_row_reverse"
},
{
"name": "flex_wrap",
"tuple_schema": [
"flex_wrap",
"value"
],
"values": [
"wrap",
"wrap_reverse",
"nowrap"
],
"class_tokens": {
"flex-wrap": "wrap",
"flex-wrap-reverse": "wrap_reverse",
"flex-nowrap": "nowrap"
},
"helpers": [
{
"name": "flex_wrap",
"kind": "exact"
},
{
"name": "flex_wrap",
"kind": "value",
"value": "wrap"
},
{
"name": "flex_wrap_reverse",
"kind": "value",
"value": "wrap_reverse"
},
{
"name": "flex_nowrap",
"kind": "value",
"value": "nowrap"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled flex_wrap/flex_wrap_reverse/flex_nowrap"
},
{
"name": "flex_item",
"tuple_schema": [
"flex_item",
"value"
],
"values": [
"one",
"auto",
"initial",
"none",
"grow",
"shrink",
"shrink_0"
],
"class_tokens": {
"flex-1": "one",
"flex-auto": "auto",
"flex-initial": "initial",
"flex-none": "none",
"flex-grow": "grow",
"flex-shrink": "shrink",
"flex-shrink-0": "shrink_0"
},
"helpers": [
{
"name": "flex_item",
"kind": "exact"
},
{
"name": "flex_1",
"kind": "value",
"value": "one"
},
{
"name": "flex_auto",
"kind": "value",
"value": "auto"
},
{
"name": "flex_initial",
"kind": "value",
"value": "initial"
},
{
"name": "flex_none",
"kind": "value",
"value": "none"
},
{
"name": "flex_grow",
"kind": "value",
"value": "grow"
},
{
"name": "flex_shrink",
"kind": "value",
"value": "shrink"
},
{
"name": "flex_shrink_0",
"kind": "value",
"value": "shrink_0"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled flex_1/flex_auto/flex_initial/flex_none/flex_grow/flex_shrink/flex_shrink_0"
},
{
"name": "flex_basis",
"tuple_schema": [
"flex_basis",
"length_or_auto"
],
"class_prefixes": {
"basis": null
},
"helpers": [
{
"name": "flex_basis",
"kind": "exact"
},
{
"name": "basis",
"kind": "scale"
}
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction"
],
"auto": true,
"negative": false
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled flex_basis"
},
{
"name": "flex_grow",
"tuple_schema": [
"flex_grow",
"non_negative_number"
],
"number": {
"min": 0,
"max": 4096
},
"class_tokens": {
"grow": 1,
"grow-0": 0
},
"class_prefixes": {
"grow": null
},
"helpers": [
{
"name": "flex_grow",
"kind": "number"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Style flex_grow non-negative f32 factor"
},
{
"name": "flex_shrink",
"tuple_schema": [
"flex_shrink",
"non_negative_number"
],
"number": {
"min": 0,
"max": 4096
},
"class_tokens": {
"shrink": 1,
"shrink-0": 0
},
"class_prefixes": {
"shrink": null
},
"helpers": [
{
"name": "flex_shrink",
"kind": "number"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Style flex_shrink non-negative f32 factor"
},
{
"name": "align_items",
"tuple_schema": [
"align_items",
"value"
],
"values": [
"start",
"end",
"center",
"baseline",
"stretch"
],
"class_tokens": {
"items-start": "start",
"items-end": "end",
"items-center": "center",
"items-baseline": "baseline",
"items-stretch": "stretch"
},
"helpers": [
{
"name": "align_items",
"kind": "exact"
},
{
"name": "items_start",
"kind": "value",
"value": "start"
},
{
"name": "items_end",
"kind": "value",
"value": "end"
},
{
"name": "items_center",
"kind": "value",
"value": "center"
},
{
"name": "items_baseline",
"kind": "value",
"value": "baseline"
},
{
"name": "items_stretch",
"kind": "value",
"value": "stretch"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Style align_items via GPUI AlignItems enum; includes start/end/center/baseline/stretch"
},
{
"name": "align_self",
"tuple_schema": [
"align_self",
"value"
],
"values": [
"start",
"end",
"center",
"baseline",
"stretch"
],
"class_tokens": {
"self-start": "start",
"self-end": "end",
"self-center": "center",
"self-baseline": "baseline",
"self-stretch": "stretch"
},
"helpers": [
{
"name": "align_self",
"kind": "exact"
},
{
"name": "self_start",
"kind": "value",
"value": "start"
},
{
"name": "self_end",
"kind": "value",
"value": "end"
},
{
"name": "self_center",
"kind": "value",
"value": "center"
},
{
"name": "self_baseline",
"kind": "value",
"value": "baseline"
},
{
"name": "self_stretch",
"kind": "value",
"value": "stretch"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Style align_self via GPUI AlignSelf/AlignItems enum; includes start/end/center/baseline/stretch"
},
{
"name": "justify_content",
"tuple_schema": [
"justify_content",
"value"
],
"values": [
"start",
"end",
"center",
"between",
"around",
"evenly",
"stretch"
],
"class_tokens": {
"justify-start": "start",
"justify-end": "end",
"justify-center": "center",
"justify-between": "between",
"justify-around": "around",
"justify-evenly": "evenly",
"justify-stretch": "stretch"
},
"helpers": [
{
"name": "justify_content",
"kind": "exact"
},
{
"name": "justify_start",
"kind": "value",
"value": "start"
},
{
"name": "justify_end",
"kind": "value",
"value": "end"
},
{
"name": "justify_center",
"kind": "value",
"value": "center"
},
{
"name": "justify_between",
"kind": "value",
"value": "between"
},
{
"name": "justify_around",
"kind": "value",
"value": "around"
},
{
"name": "justify_evenly",
"kind": "value",
"value": "evenly"
},
{
"name": "justify_stretch",
"kind": "value",
"value": "stretch"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Style justify_content via GPUI JustifyContent enum; includes start/end/center/between/around/evenly/stretch"
},
{
"name": "align_content",
"tuple_schema": [
"align_content",
"value"
],
"values": [
"normal",
"start",
"end",
"center",
"between",
"around",
"evenly",
"stretch"
],
"class_tokens": {
"content-normal": "normal",
"content-start": "start",
"content-end": "end",
"content-center": "center",
"content-between": "between",
"content-around": "around",
"content-evenly": "evenly",
"content-stretch": "stretch"
},
"helpers": [
{
"name": "align_content",
"kind": "exact"
},
{
"name": "content_normal",
"kind": "value",
"value": "normal"
},
{
"name": "content_start",
"kind": "value",
"value": "start"
},
{
"name": "content_end",
"kind": "value",
"value": "end"
},
{
"name": "content_center",
"kind": "value",
"value": "center"
},
{
"name": "content_between",
"kind": "value",
"value": "between"
},
{
"name": "content_around",
"kind": "value",
"value": "around"
},
{
"name": "content_evenly",
"kind": "value",
"value": "evenly"
},
{
"name": "content_stretch",
"kind": "value",
"value": "stretch"
}
],
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled content_normal/content_start/content_end/content_center/content_between/content_around/content_evenly/content_stretch"
},
{
"name": "text_align",
"tuple_schema": [
"text_align",
"value"
],
"values": [
"left",
"center",
"right"
],
"class_tokens": {
"text-left": "left",
"text-center": "center",
"text-right": "right"
},
"helpers": [
{
"name": "text_align",
"kind": "exact"
},
{
"name": "text_left",
"kind": "value",
"value": "left"
},
{
"name": "text_center",
"kind": "value",
"value": "center"
},
{
"name": "text_right",
"kind": "value",
"value": "right"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_left/text_center/text_right"
},
{
"name": "white_space",
"tuple_schema": [
"white_space",
"value"
],
"values": [
"normal",
"nowrap"
],
"class_tokens": {
"whitespace-normal": "normal",
"whitespace-nowrap": "nowrap"
},
"helpers": [
{
"name": "white_space",
"kind": "exact"
},
{
"name": "whitespace_normal",
"kind": "value",
"value": "normal"
},
{
"name": "whitespace_nowrap",
"kind": "value",
"value": "nowrap"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled whitespace_normal/whitespace_nowrap"
},
{
"name": "text_overflow",
"tuple_schema": [
"text_overflow",
"value"
],
"values": [
"ellipsis",
"truncate"
],
"class_tokens": {
"text-ellipsis": "ellipsis",
"truncate": "truncate"
},
"helpers": [
{
"name": "text_overflow",
"kind": "exact"
},
{
"name": "text_ellipsis",
"kind": "value",
"value": "ellipsis"
},
{
"name": "truncate",
"kind": "value",
"value": "truncate"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_ellipsis/truncate"
},
{
"name": "font_size",
"tuple_schema": [
"font_size",
"value"
],
"values": [
"xs",
"sm",
"base",
"lg",
"xl",
"2xl",
"3xl"
],
"class_tokens": {
"text-xs": "xs",
"text-sm": "sm",
"text-base": "base",
"text-lg": "lg",
"text-xl": "xl",
"text-2xl": "2xl",
"text-3xl": "3xl"
},
"helpers": [
{
"name": "font_size",
"kind": "exact"
},
{
"name": "text_xs",
"kind": "value",
"value": "xs"
},
{
"name": "text_sm",
"kind": "value",
"value": "sm"
},
{
"name": "text_base",
"kind": "value",
"value": "base"
},
{
"name": "text_lg",
"kind": "value",
"value": "lg"
},
{
"name": "text_xl",
"kind": "value",
"value": "xl"
},
{
"name": "text_2xl",
"kind": "value",
"value": "2xl"
},
{
"name": "text_3xl",
"kind": "value",
"value": "3xl"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_xs/text_sm/text_base/text_lg/text_xl/text_2xl/text_3xl"
},
{
"name": "text_size",
"tuple_schema": [
"text_size",
"absolute_length"
],
"length": {
"allowed_units": [
"px",
"rem"
],
"auto": false,
"negative": false
},
"class_prefixes": {
"text": null
},
"helpers": [
{
"name": "text_size",
"kind": "unit_length"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_size arbitrary AbsoluteLength in px/rem"
},
{
"name": "line_height",
"tuple_schema": [
"line_height",
"value"
],
"values": [
"none",
"tight",
"snug",
"normal",
"relaxed",
"loose"
],
"class_tokens": {
"leading-none": "none",
"leading-tight": "tight",
"leading-snug": "snug",
"leading-normal": "normal",
"leading-relaxed": "relaxed",
"leading-loose": "loose"
},
"helpers": [
{
"name": "line_height",
"kind": "exact"
},
{
"name": "leading_none",
"kind": "value",
"value": "none"
},
{
"name": "leading_tight",
"kind": "value",
"value": "tight"
},
{
"name": "leading_snug",
"kind": "value",
"value": "snug"
},
{
"name": "leading_normal",
"kind": "value",
"value": "normal"
},
{
"name": "leading_relaxed",
"kind": "value",
"value": "relaxed"
},
{
"name": "leading_loose",
"kind": "value",
"value": "loose"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled line_height relative leading helpers"
},
{
"name": "line_height_length",
"tuple_schema": [
"line_height_length",
"definite_length"
],
"length": {
"allowed_units": [
"px",
"rem",
"fraction"
],
"auto": false,
"negative": false
},
"class_prefixes": {
"leading": null
},
"helpers": [
{
"name": "line_height_length",
"kind": "unit_length"
},
{
"name": "leading",
"kind": "unit_length"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled line_height arbitrary DefiniteLength in px/rem/relative fraction"
},
{
"name": "font_weight",
"tuple_schema": [
"font_weight",
"value"
],
"values": [
"thin",
"extralight",
"light",
"normal",
"medium",
"semibold",
"bold",
"extrabold",
"black"
],
"class_tokens": {
"font-thin": "thin",
"font-extralight": "extralight",
"font-light": "light",
"font-normal": "normal",
"font-medium": "medium",
"font-semibold": "semibold",
"font-bold": "bold",
"font-extrabold": "extrabold",
"font-black": "black"
},
"helpers": [
{
"name": "font_weight",
"kind": "exact"
},
{
"name": "font_thin",
"kind": "value",
"value": "thin"
},
{
"name": "font_extralight",
"kind": "value",
"value": "extralight"
},
{
"name": "font_light",
"kind": "value",
"value": "light"
},
{
"name": "font_normal",
"kind": "value",
"value": "normal"
},
{
"name": "font_medium",
"kind": "value",
"value": "medium"
},
{
"name": "font_semibold",
"kind": "value",
"value": "semibold"
},
{
"name": "font_bold",
"kind": "value",
"value": "bold"
},
{
"name": "font_extrabold",
"kind": "value",
"value": "extrabold"
},
{
"name": "font_black",
"kind": "value",
"value": "black"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled font_weight"
},
{
"name": "font_weight_value",
"tuple_schema": [
"font_weight_value",
"font_weight_number"
],
"number": {
"min": 100,
"max": 900
},
"class_prefixes": {
"font": null
},
"helpers": [
{
"name": "font_weight_value",
"kind": "number"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled font_weight arbitrary FontWeight numeric value 100..900",
"class_tokens": {}
},
{
"name": "font_style",
"tuple_schema": [
"font_style",
"value"
],
"values": [
"italic",
"normal"
],
"class_tokens": {
"italic": "italic",
"not-italic": "normal"
},
"helpers": [
{
"name": "font_style",
"kind": "exact"
},
{
"name": "italic",
"kind": "value",
"value": "italic"
},
{
"name": "not_italic",
"kind": "value",
"value": "normal"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled italic/not_italic"
},
{
"name": "font_family",
"tuple_schema": [
"font_family",
"non_empty_string"
],
"class_pattern": "font-family-[name]",
"class_prefixes": {
"font-family": null
},
"helpers": [
{
"name": "font_family",
"kind": "string"
}
],
"string": {
"min_length": 1
},
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled font_family"
},
{
"name": "font_fallbacks",
"tuple_schema": [
"font_fallbacks",
"non_empty_string_list"
],
"string_list": {
"min_items": 1,
"min_length": 1
},
"class_prefixes": {
"font-fallbacks": null
},
"helpers": [
{
"name": "font_fallbacks",
"kind": "string_list"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "TextStyle font_fallbacks FontFallbacks::from_fonts"
},
{
"name": "font_features",
"tuple_schema": [
"font_features",
"font_feature_list"
],
"font_features": {
"min_items": 1,
"tag_pattern": "^[0-9A-Za-z]{4}$",
"min_value": 0,
"max_value": 4294967295
},
"class_tokens": {
"font-ligatures-none": [
[
"calt",
0
]
]
},
"class_prefixes": {
"font-features": null
},
"helpers": [
{
"name": "font_features",
"kind": "font_features"
},
{
"name": "disable_ligatures",
"kind": "value",
"value": [
[
"calt",
0
]
]
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "TextStyle font_features FontFeatures OpenType tag/value list"
},
{
"name": "text_decoration",
"tuple_schema": [
"text_decoration",
"value"
],
"values": [
"underline",
"line_through",
"none"
],
"class_tokens": {
"underline": "underline",
"line-through": "line_through",
"no-underline": "none"
},
"helpers": [
{
"name": "text_decoration",
"kind": "exact"
},
{
"name": "underline",
"kind": "value",
"value": "underline"
},
{
"name": "line_through",
"kind": "value",
"value": "line_through"
},
{
"name": "no_underline",
"kind": "value",
"value": "none"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled underline/line_through/text_decoration_none"
},
{
"name": "text_decoration_color",
"tuple_schema": [
"text_decoration_color",
"color"
],
"values": [
"red",
"green",
"blue",
"yellow",
"black",
"white",
"gray"
],
"class_tokens": {
"decoration-red": "red",
"decoration-green": "green",
"decoration-blue": "blue",
"decoration-yellow": "yellow",
"decoration-black": "black",
"decoration-white": "white",
"decoration-gray": "gray"
},
"helpers": [
{
"name": "text_decoration_color",
"kind": "exact"
},
{
"name": "decoration_red",
"kind": "value",
"value": "red"
},
{
"name": "decoration_green",
"kind": "value",
"value": "green"
},
{
"name": "decoration_blue",
"kind": "value",
"value": "blue"
},
{
"name": "decoration_yellow",
"kind": "value",
"value": "yellow"
},
{
"name": "decoration_black",
"kind": "value",
"value": "black"
},
{
"name": "decoration_white",
"kind": "value",
"value": "white"
},
{
"name": "decoration_gray",
"kind": "value",
"value": "gray"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_decoration_color"
},
{
"name": "text_decoration_color_hex",
"tuple_schema": [
"text_decoration_color_hex",
"hex_color"
],
"class_pattern": "decoration-[#RRGGBB]",
"class_prefix": "decoration",
"helpers": [
{
"name": "text_decoration_color_hex",
"kind": "exact"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_decoration_color hex"
},
{
"name": "text_decoration_style",
"tuple_schema": [
"text_decoration_style",
"value"
],
"values": [
"solid",
"wavy"
],
"class_tokens": {
"decoration-solid": "solid",
"decoration-wavy": "wavy"
},
"helpers": [
{
"name": "text_decoration_style",
"kind": "exact"
},
{
"name": "decoration_solid",
"kind": "value",
"value": "solid"
},
{
"name": "decoration_wavy",
"kind": "value",
"value": "wavy"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_decoration_solid/text_decoration_wavy"
},
{
"name": "text_decoration_thickness",
"tuple_schema": [
"text_decoration_thickness",
"non_negative_px_number"
],
"class_prefixes": {
"decoration": null
},
"class_tokens": {
"decoration-0": 0,
"decoration-1": 1,
"decoration-2": 2,
"decoration-4": 4,
"decoration-8": 8
},
"helpers": [
{
"name": "text_decoration_thickness",
"kind": "number"
}
],
"number": {
"min": 0,
"max": 4096
},
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled text_decoration_0/1/2/4/8 or underline thickness px"
},
{
"name": "strikethrough_color",
"tuple_schema": [
"strikethrough_color",
"color"
],
"values": [
"red",
"green",
"blue",
"yellow",
"black",
"white",
"gray"
],
"class_tokens": {
"strikethrough-red": "red",
"strikethrough-green": "green",
"strikethrough-blue": "blue",
"strikethrough-yellow": "yellow",
"strikethrough-black": "black",
"strikethrough-white": "white",
"strikethrough-gray": "gray"
},
"helpers": [
{
"name": "strikethrough_color",
"kind": "exact"
},
{
"name": "strikethrough_red",
"kind": "value",
"value": "red"
},
{
"name": "strikethrough_green",
"kind": "value",
"value": "green"
},
{
"name": "strikethrough_blue",
"kind": "value",
"value": "blue"
},
{
"name": "strikethrough_yellow",
"kind": "value",
"value": "yellow"
},
{
"name": "strikethrough_black",
"kind": "value",
"value": "black"
},
{
"name": "strikethrough_white",
"kind": "value",
"value": "white"
},
{
"name": "strikethrough_gray",
"kind": "value",
"value": "gray"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "StyleRefinement/TextStyle strikethrough color"
},
{
"name": "strikethrough_color_hex",
"tuple_schema": [
"strikethrough_color_hex",
"hex_color"
],
"class_pattern": "strikethrough-[#RRGGBB]",
"class_prefix": "strikethrough",
"helpers": [
{
"name": "strikethrough_color_hex",
"kind": "exact"
}
],
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "StyleRefinement/TextStyle strikethrough hex color"
},
{
"name": "strikethrough_thickness",
"tuple_schema": [
"strikethrough_thickness",
"non_negative_px_number"
],
"class_prefixes": {
"strikethrough": null
},
"class_tokens": {
"strikethrough-0": 0,
"strikethrough-1": 1,
"strikethrough-2": 2,
"strikethrough-4": 4,
"strikethrough-8": 8
},
"helpers": [
{
"name": "strikethrough_thickness",
"kind": "number"
}
],
"number": {
"min": 0,
"max": 4096
},
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "StyleRefinement/TextStyle strikethrough thickness px"
},
{
"name": "line_clamp",
"tuple_schema": [
"line_clamp",
"positive_integer"
],
"class_prefixes": {
"line-clamp": null
},
"helpers": [
{
"name": "line_clamp",
"kind": "integer"
}
],
"integer": {
"min": 1,
"max": 65535
},
"node_applicability": "all_nodes",
"refinement_support": true,
"gpui_mapping": "Styled line_clamp"
},
{
"name": "grid_cols",
"tuple_schema": [
"grid_cols",
"positive_integer"
],
"class_prefixes": {
"grid-cols": null
},
"helpers": [
{
"name": "grid_cols",
"kind": "integer"
}
],
"integer": {
"min": 1,
"max": 65535
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled grid_cols"
},
{
"name": "grid_rows",
"tuple_schema": [
"grid_rows",
"positive_integer"
],
"class_prefixes": {
"grid-rows": null
},
"helpers": [
{
"name": "grid_rows",
"kind": "integer"
}
],
"integer": {
"min": 1,
"max": 65535
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled grid_rows"
},
{
"name": "col_start",
"tuple_schema": [
"col_start",
"signed_grid_line_integer_or_auto"
],
"class_prefixes": {
"col-start": null
},
"class_tokens": {
"col-start-auto": "auto"
},
"helpers": [
{
"name": "col_start",
"kind": "signed_integer_or_auto"
}
],
"integer": {
"min": -32768,
"max": 32767,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled col_start/col_start_auto"
},
{
"name": "col_end",
"tuple_schema": [
"col_end",
"signed_grid_line_integer_or_auto"
],
"class_prefixes": {
"col-end": null
},
"class_tokens": {
"col-end-auto": "auto"
},
"helpers": [
{
"name": "col_end",
"kind": "signed_integer_or_auto"
}
],
"integer": {
"min": -32768,
"max": 32767,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled col_end/col_end_auto"
},
{
"name": "row_start",
"tuple_schema": [
"row_start",
"signed_grid_line_integer_or_auto"
],
"class_prefixes": {
"row-start": null
},
"class_tokens": {
"row-start-auto": "auto"
},
"helpers": [
{
"name": "row_start",
"kind": "signed_integer_or_auto"
}
],
"integer": {
"min": -32768,
"max": 32767,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled row_start/row_start_auto"
},
{
"name": "row_end",
"tuple_schema": [
"row_end",
"signed_grid_line_integer_or_auto"
],
"class_prefixes": {
"row-end": null
},
"class_tokens": {
"row-end-auto": "auto"
},
"helpers": [
{
"name": "row_end",
"kind": "signed_integer_or_auto"
}
],
"integer": {
"min": -32768,
"max": 32767,
"auto": true
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled row_end/row_end_auto"
},
{
"name": "col_span",
"tuple_schema": [
"col_span",
"positive_integer_or_full"
],
"class_prefixes": {
"col-span": null
},
"helpers": [
{
"name": "col_span",
"kind": "integer"
},
{
"name": "col_span_full",
"kind": "value",
"value": "full"
}
],
"integer": {
"min": 1,
"max": 65535
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled col_span/col_span_full",
"class_tokens": {
"col-span-full": "full"
}
},
{
"name": "row_span",
"tuple_schema": [
"row_span",
"positive_integer_or_full"
],
"class_prefixes": {
"row-span": null
},
"helpers": [
{
"name": "row_span",
"kind": "integer"
},
{
"name": "row_span_full",
"kind": "value",
"value": "full"
}
],
"integer": {
"min": 1,
"max": 65535
},
"node_applicability": "all_nodes",
"refinement_support": false,
"gpui_mapping": "Styled row_span/row_span_full",
"class_tokens": {
"row-span-full": "full"
}
},
{
"name": "object_fit",
"tuple_schema": [
"object_fit",
"value"
],
"values": [
"fill",
"contain",
"cover",
"scale_down",
"none"
],
"class_tokens": {
"object-fill": "fill",
"object-contain": "contain",
"object-cover": "cover",
"object-scale-down": "scale_down",
"object-none": "none"
},
"helpers": [
{
"name": "object_fit",
"kind": "exact"
},
{
"name": "object_fill",
"kind": "value",
"value": "fill"
},
{
"name": "object_contain",
"kind": "value",
"value": "contain"
},
{
"name": "object_cover",
"kind": "value",
"value": "cover"
},
{
"name": "object_scale_down",
"kind": "value",
"value": "scale_down"
},
{
"name": "object_none",
"kind": "value",
"value": "none"
}
],
"node_applicability": "image_only",
"refinement_support": false,
"option_key": "object_fit",
"gpui_mapping": "StyledImage object_fit"
},
{
"name": "grayscale",
"tuple_schema": [
"grayscale",
"boolean"
],
"values": [
true,
false
],
"class_tokens": {
"grayscale": true,
"grayscale-0": false,
"not-grayscale": false
},
"helpers": [
{
"name": "grayscale",
"kind": "exact"
},
{
"name": "grayscale",
"kind": "value",
"value": true
},
{
"name": "not_grayscale",
"kind": "value",
"value": false
}
],
"node_applicability": "image_only",
"refinement_support": false,
"option_key": "grayscale",
"gpui_mapping": "StyledImage grayscale"
}
],
"border_width_scale": [
{
"token": "0",
"length": {
"unit": "px",
"value": 0
}
},
{
"token": "px",
"length": {
"unit": "px",
"value": 1
}
},
{
"token": "1",
"length": {
"unit": "px",
"value": 1
}
},
{
"token": "2",
"length": {
"unit": "px",
"value": 2
}
},
{
"token": "3",
"length": {
"unit": "px",
"value": 3
}
},
{
"token": "4",
"length": {
"unit": "px",
"value": 4
}
},
{
"token": "5",
"length": {
"unit": "px",
"value": 5
}
},
{
"token": "6",
"length": {
"unit": "px",
"value": 6
}
},
{
"token": "7",
"length": {
"unit": "px",
"value": 7
}
},
{
"token": "8",
"length": {
"unit": "px",
"value": 8
}
},
{
"token": "9",
"length": {
"unit": "px",
"value": 9
}
},
{
"token": "10",
"length": {
"unit": "px",
"value": 10
}
},
{
"token": "11",
"length": {
"unit": "px",
"value": 11
}
},
{
"token": "12",
"length": {
"unit": "px",
"value": 12
}
},
{
"token": "16",
"length": {
"unit": "px",
"value": 16
}
},
{
"token": "20",
"length": {
"unit": "px",
"value": 20
}
},
{
"token": "24",
"length": {
"unit": "px",
"value": 24
}
},
{
"token": "32",
"length": {
"unit": "px",
"value": 32
}
}
],
"radius_scale": [
{
"token": "none",
"length": {
"unit": "px",
"value": 0
}
},
{
"token": "xs",
"length": {
"unit": "rem",
"value": 0.125
}
},
{
"token": "sm",
"length": {
"unit": "rem",
"value": 0.25
}
},
{
"token": "md",
"length": {
"unit": "rem",
"value": 0.375
}
},
{
"token": "lg",
"length": {
"unit": "rem",
"value": 0.5
}
},
{
"token": "xl",
"length": {
"unit": "rem",
"value": 0.75
}
},
{
"token": "2xl",
"length": {
"unit": "rem",
"value": 1
}
},
{
"token": "3xl",
"length": {
"unit": "rem",
"value": 1.5
}
},
{
"token": "full",
"length": {
"unit": "px",
"value": 9999
}
}
],
"color_tokens": [
"red",
"green",
"blue",
"yellow",
"black",
"white",
"gray"
]
}