{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "family-draft", "type": "registry:theme", "title": "Draft Family", "description": "Generated draft family apparatus, line-role, data-surface, chart, typography, and state grammar.", "author": "SubstrateUI (https://substrateui.com)", "meta": { "baseVersion": "0.2.0" }, "categories": [ "foundation", "family", "draft" ], "registryDependencies": [ "@substrateui/base" ], "css": { ":where([data-family='draft'])": { "--cn-apparatus-border": "var(--border)", "--cn-apparatus-object": "color-mix(in oklab, var(--foreground) 72%, transparent)", "--cn-apparatus-line": "color-mix(in oklab, var(--foreground) 28%, transparent)", "--apparatus-outline-line": "var(--foreground)", "--apparatus-center-line": "color-mix(in oklab, var(--foreground) 50%, transparent)", "font-family": "var(--theme-font-body)", "font-weight": "400", "font-synthesis": "none", "& :is(h1,h2,h3,.cn-title-block-title,.cn-detail-bubble-header)": { "font-family": "var(--theme-font-display)", "font-weight": "400" }, "& :is(code,.cn-dimension-annotation-value,.cn-dimension-annotation-tolerance,.cn-revision-marker-value,[data-apparatus-numeric])": { "font-family": "var(--theme-font-code)", "font-variant-numeric": "tabular-nums" }, "& :is(.cn-dimension-annotation-mark path,.cn-feature-control-chip-symbol svg *)": { "fill": "var(--cn-apparatus-object)" }, "& .cn-revision-marker-mark": { "stroke": "var(--cn-apparatus-object)" }, "& :is(.cn-detail-bubble-trigger,.cn-balloon-callout)": { "color": "var(--foreground)", "background-color": "transparent" }, "& .cn-detail-bubble-content": { "color": "var(--popover-foreground)", "background-color": "var(--popover)" }, "& .cn-title-block-title": { "color": "var(--foreground)", "font-size": "12px", "line-height": "1", "text-transform": "uppercase", "letter-spacing": "0.04em" }, "& .cn-title-block-field dt": { "color": "var(--muted-foreground)", "font-size": "9px", "line-height": "1", "text-transform": "uppercase", "letter-spacing": "0.08em" }, "& .cn-title-block-field dd": { "color": "var(--foreground)", "font-size": "11px", "line-height": "1" }, "& .cn-feature-control-chip[data-tone='success'] .cn-feature-control-chip-symbol": { "color": "var(--success)" }, "& .cn-feature-control-chip[data-tone='info'] .cn-feature-control-chip-symbol": { "color": "var(--info)" }, "& .cn-feature-control-chip[data-tone='warning'] .cn-feature-control-chip-symbol": { "color": "var(--warning)" }, "& .cn-feature-control-chip[data-tone='destructive'] .cn-feature-control-chip-symbol": { "color": "var(--destructive)" }, "& .cn-balloon-link-group[data-state='active'] :is(.cn-balloon-callout-glyph,.cn-balloon-linked-target)": { "outline": "2px solid var(--foreground)", "outline-offset": "2px", "transition": "outline-color 100ms cubic-bezier(0.2, 0, 0.8, 1)" } }, ":where(.dark [data-family='draft'], :root.dark[data-family='draft'])": { "--cn-apparatus-object": "color-mix(in oklab, var(--foreground) 78%, transparent)", "--cn-apparatus-line": "color-mix(in oklab, var(--foreground) 32%, transparent)", "--apparatus-center-line": "color-mix(in oklab, var(--foreground) 55%, transparent)" }, ":where([data-theme='blueline'][data-family='draft'])": { "& :is(h1,h2,h3,.cn-title-block-title,.cn-detail-bubble-header)": { "font-family": "var(--theme-font-display)", "font-stretch": "normal", "letter-spacing": "-0.01em" } }, ":where([data-family='draft']) [data-apparatus-field='grid']": { "background-image": "linear-gradient(color-mix(in oklab, var(--foreground) 9%, transparent) 1px, transparent 1px),\n linear-gradient(90deg, color-mix(in oklab, var(--foreground) 9%, transparent) 1px, transparent 1px),\n linear-gradient(color-mix(in oklab, var(--foreground) 5%, transparent) 1px, transparent 1px),\n linear-gradient(90deg, color-mix(in oklab, var(--foreground) 5%, transparent) 1px, transparent 1px)", "background-size": "64px 64px, 64px 64px, 8px 8px, 8px 8px" }, ":where([data-family='draft']) [data-apparatus-field='hatch']": { "background-image": "repeating-linear-gradient(45deg, color-mix(in oklab, var(--foreground) 8%, transparent) 0 1px, transparent 1px 4px)" }, ":where([data-family='draft']) [data-apparatus-field='hidden']": { "background-image": "repeating-linear-gradient(90deg, var(--cn-apparatus-object) 0 4px, transparent 4px 6px)", "background-size": "6px 1px", "background-repeat": "repeat-x", "background-position": "center" }, ":where([data-family='draft']) [data-apparatus-zone='sheet']": { "position": "relative", "--apparatus-zone-strip": "16px", "background-image": "repeating-linear-gradient(90deg, var(--cn-apparatus-line) 0 1px, transparent 1px 128px)", "background-size": "auto var(--apparatus-zone-strip)", "background-repeat": "repeat-x", "& [data-slot='zone-strip']": { "min-block-size": "var(--apparatus-zone-strip)" }, "& [data-slot='zone-tick']": { "inline-size": "1px", "block-size": "100%", "background-color": "var(--cn-apparatus-line)" }, "& [data-slot='zone-label']": { "font-family": "var(--theme-font-code)", "font-size": "9px" }, "&[data-density='compact']": { "--apparatus-zone-strip": "12px" }, "&[data-density='spacious']": { "--apparatus-zone-strip": "16px" } }, ":where([data-family='draft']) .cn-card[data-selected='true'],\n:where([data-family='draft']) [data-slot='node-editor-node'][data-state='selected'],\n:where([data-family='draft']) [data-slot='data-grid'] [role='row'][data-state='focused'] > [role='gridcell']:first-of-type": { "outline": "2px solid var(--foreground)", "outline-offset": "2px" }, ":where([data-family='draft']) :is(.cn-apparatus-rule-hidden,.cn-apparatus-rule-center,.cn-apparatus-rule-phantom)": { "fill": "none", "stroke-linecap": "butt", "stroke-linejoin": "miter", "vector-effect": "non-scaling-stroke" }, ":where([data-family='draft']) .cn-apparatus-rule-hidden": { "stroke": "var(--cn-apparatus-object)", "stroke-dasharray": "4 2" }, ":where([data-family='draft']) .cn-apparatus-rule-center": { "stroke": "var(--apparatus-center-line)", "stroke-dasharray": "12 2 3 2" }, ":where([data-family='draft']) .cn-apparatus-rule-phantom": { "stroke": "var(--cn-apparatus-line)", "stroke-dasharray": "12 2 3 2 3 2" }, ":where([data-family='draft']) [data-apparatus-table='ruled-bom']": { "border-collapse": "collapse", "font-family": "var(--theme-font-body)", "& :is(th,td)": { "border-block": "1px solid var(--cn-apparatus-line)", "padding": "4px 8px" }, "& [data-columnar='true']": { "border-inline": "1px solid var(--cn-apparatus-object)" }, "& [data-apparatus-numeric]": { "text-align": "end", "font-family": "var(--theme-font-code)", "font-variant-numeric": "tabular-nums" }, "& [data-row-height='compact'] :is(th,td)": { "border-inline-width": "0" } }, ":where([data-family='draft']) [data-apparatus-chart='draft']": { "position": "relative", "font-family": "var(--theme-font-code)", "& [data-chart-slot='plot']": { "border": "1px solid var(--cn-apparatus-object)" }, "& [data-chart-slot='grid']": { "stroke": "var(--cn-apparatus-line)", "stroke-dasharray": "none" }, "& [data-chart-slot='tick']": { "inline-size": "4px", "block-size": "1px", "background-color": "var(--cn-apparatus-object)" }, "& [data-chart-slot='label']": { "font-size": "10px" }, "& [data-chart-glyph='dot']": { "inline-size": "3px", "block-size": "3px", "border-radius": "50%" }, "& [data-chart-glyph='square']": { "inline-size": "3px", "block-size": "3px" }, "& [data-chart-glyph='tick']": { "inline-size": "5px", "block-size": "1px" }, "& [data-chart-slot='empty']::before": { "content": "'＋'" }, "& [data-chart-slot='empty']::after": { "content": "'NO DATA'", "font-size": "10px", "letter-spacing": "0.08em" } }, ":where([data-family='draft']) .cn-detail-bubble-content": { "opacity": "1", "animation": "none !important", "transform": "none !important", "transition-property": "opacity", "transition-duration": "120ms", "transition-timing-function": "cubic-bezier(0.2, 0, 0.8, 1)" }, ":where([data-family='draft']) .cn-detail-bubble-content[data-state='closed']": { "opacity": "0.6" }, ":where([data-family='draft']) .cn-detail-bubble-content[data-state='open']": { "opacity": "1" }, "@media (prefers-reduced-motion: reduce)": { ":where([data-family='draft']) .cn-detail-bubble-content": { "transition-duration": "0ms" } } }, "files": [ { "path": "styles/families/proofs/family-draft.proof.json", "content": "{\n \"schemaVersion\": 1,\n \"artifactKind\": \"family\",\n \"familyId\": \"draft\",\n \"selectedColorway\": null,\n \"proof\": {\n \"normalizedDefHash\": \"325011e9d0d133b9243d3b593f9403b7c933d359455e90892315e6234aa162c2\",\n \"tokenProvenance\": [\n {\n \"path\": \"colorways.blueline.light.def.devices[0].layers[0].paint.color\",\n \"expr\": \"{\\\"alpha\\\":0.28,\\\"base\\\":{\\\"kind\\\":\\\"role\\\",\\\"role\\\":\\\"foreground\\\"},\\\"kind\\\":\\\"alpha\\\"}\",\n \"resolvedOklch\": \"oklch(0.44 0.1 255)\",\n \"sourceChromas\": [\n 0.1\n ],\n \"chromaOfResult\": 0.1\n },\n {\n \"path\": \"colorways.blueline.dark.def.devices[0].layers[1].paint.color\",\n \"expr\": \"{\\\"alpha\\\":0.32,\\\"base\\\":{\\\"kind\\\":\\\"role\\\",\\\"role\\\":\\\"foreground\\\"},\\\"kind\\\":\\\"alpha\\\"}\",\n \"resolvedOklch\": \"oklch(0.94 0.015 240)\",\n \"sourceChromas\": [\n 0.015\n ],\n \"chromaOfResult\": 0.015\n },\n {\n \"path\": \"colorways.cyanotype.light.def.devices[0].layers[0].paint.color\",\n \"expr\": \"{\\\"alpha\\\":0.28,\\\"base\\\":{\\\"kind\\\":\\\"role\\\",\\\"role\\\":\\\"foreground\\\"},\\\"kind\\\":\\\"alpha\\\"}\",\n \"resolvedOklch\": \"oklch(0.25 0.032 255)\",\n \"sourceChromas\": [\n 0.032\n ],\n \"chromaOfResult\": 0.032\n },\n {\n \"path\": \"colorways.cyanotype.dark.def.devices[0].layers[1].paint.color\",\n \"expr\": \"{\\\"alpha\\\":0.32,\\\"base\\\":{\\\"kind\\\":\\\"role\\\",\\\"role\\\":\\\"foreground\\\"},\\\"kind\\\":\\\"alpha\\\"}\",\n \"resolvedOklch\": \"oklch(0.965 0.012 240)\",\n \"sourceChromas\": [\n 0.012\n ],\n \"chromaOfResult\": 0.012\n }\n ],\n \"ceilingMargins\": [\n {\n \"id\": \"def.devices[0].layers.light.count\",\n \"value\": 1,\n \"cap\": 3,\n \"margin\": 2\n },\n {\n \"id\": \"def.devices[0].layers.dark.count\",\n \"value\": 1,\n \"cap\": 3,\n \"margin\": 2\n }\n ],\n \"generatorAssets\": [],\n \"chartDiscriminators\": [\n {\n \"colorway\": \"blueline\",\n \"tuples\": [\n \"solid|2|none\",\n \"solid|1|dot\",\n \"hidden|1|none\",\n \"center|1|square\",\n \"hidden|1|tick\"\n ]\n },\n {\n \"colorway\": \"cyanotype\",\n \"tuples\": [\n \"solid|2|none\",\n \"solid|1|dot\",\n \"hidden|1|none\",\n \"center|1|square\",\n \"hidden|1|tick\"\n ]\n }\n ],\n \"motifTargets\": [\n {\n \"motifId\": \"grid-minor\",\n \"target\": \"field:hairline-grid\"\n },\n {\n \"motifId\": \"grid-major\",\n \"target\": \"field:hairline-grid\"\n },\n {\n \"motifId\": \"hatch-45\",\n \"target\": \"field:rule\"\n },\n {\n \"motifId\": \"dash-line\",\n \"target\": \"field:dash-rule\"\n },\n {\n \"motifId\": \"zone-border\",\n \"target\": \"mark:draft/zone-border\"\n }\n ],\n \"resolvedNotatedLineLadders\": [\n {\n \"mode\": \"light\",\n \"lines\": [\n {\n \"id\": \"outline\",\n \"strokePx\": 2,\n \"alpha\": 1,\n \"dash\": \"solid\"\n },\n {\n \"id\": \"object\",\n \"strokePx\": 1,\n \"alpha\": 0.72,\n \"dash\": \"solid\"\n },\n {\n \"id\": \"center\",\n \"strokePx\": 1,\n \"alpha\": 0.5,\n \"dash\": \"center\"\n },\n {\n \"id\": \"construction\",\n \"strokePx\": 1,\n \"alpha\": 0.28,\n \"dash\": \"phantom\"\n }\n ]\n },\n {\n \"mode\": \"dark\",\n \"lines\": [\n {\n \"id\": \"outline\",\n \"strokePx\": 2,\n \"alpha\": 1,\n \"dash\": \"solid\"\n },\n {\n \"id\": \"object\",\n \"strokePx\": 1,\n \"alpha\": 0.78,\n \"dash\": \"solid\"\n },\n {\n \"id\": \"center\",\n \"strokePx\": 1,\n \"alpha\": 0.55,\n \"dash\": \"center\"\n },\n {\n \"id\": \"construction\",\n \"strokePx\": 1,\n \"alpha\": 0.32,\n \"dash\": \"phantom\"\n }\n ]\n }\n ],\n \"presentationProfileHash\": \"ed968a65900a261c80ba727835c0c4965a772526c67f91388180644c678c7cd9\"\n }\n}\n", "type": "registry:file", "target": "lib/substrate-family-proofs/family-draft.proof.json" } ] }