@decantr/content 3.8.0 → 3.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/archetypes/admin-moderation.json +1 -1
- package/archetypes/content-editor.json +1 -1
- package/blueprints/agent-marketplace.json +2 -2
- package/blueprints/ai-copilot-shell.json +2 -2
- package/blueprints/ai-native-crm.json +2 -2
- package/blueprints/civic-platform.json +2 -2
- package/blueprints/climate-dashboard.json +2 -2
- package/blueprints/content-studio.json +2 -2
- package/blueprints/creator-monetization-platform.json +1 -1
- package/blueprints/deal-room.json +2 -2
- package/blueprints/ecommerce-admin.json +2 -2
- package/blueprints/ecommerce.json +2 -2
- package/blueprints/event-community-hub.json +2 -2
- package/blueprints/financial-dashboard.json +2 -2
- package/blueprints/fractional-ownership.json +2 -2
- package/blueprints/health-wellness-portal.json +2 -2
- package/blueprints/knowledge-base.json +2 -2
- package/blueprints/legal-research.json +2 -2
- package/blueprints/multi-tenant-platform.json +1 -1
- package/blueprints/portfolio.json +2 -2
- package/blueprints/product-landing.json +2 -2
- package/blueprints/property-management-portal.json +1 -1
- package/blueprints/recipefork.json +2 -2
- package/blueprints/registry-platform.json +8 -7
- package/blueprints/research-lab.json +2 -2
- package/blueprints/restaurant-ops.json +1 -1
- package/blueprints/saas-dashboard.json +2 -2
- package/blueprints/swipecircle.json +11 -3
- package/blueprints/two-sided-marketplace.json +2 -2
- package/package.json +1 -1
- package/patterns/activity-feed.json +2 -2
- package/patterns/campaign-marquee-hero.json +4 -4
- package/patterns/chart-grid.json +1 -1
- package/patterns/chat-thread.json +3 -3
- package/patterns/content-card-grid.json +2 -2
- package/patterns/content-detail-hero.json +2 -2
- package/patterns/continue-screen-cta.json +3 -3
- package/patterns/cta-banner.json +1 -1
- package/patterns/cta-section.json +4 -4
- package/patterns/cta.json +4 -4
- package/patterns/data-table.json +3 -3
- package/patterns/detail-header.json +1 -1
- package/patterns/hero-split.json +6 -6
- package/patterns/json-viewer.json +4 -4
- package/patterns/launchpad-flow.json +1 -1
- package/patterns/maintenance-board.json +2 -2
- package/patterns/mention-popup.json +1 -1
- package/patterns/moderation-queue-item.json +1 -1
- package/patterns/permission-matrix.json +1 -1
- package/patterns/pipeline-cards.json +2 -2
- package/patterns/product-card.json +3 -3
- package/patterns/property-card.json +1 -1
- package/patterns/prose-section.json +1 -1
- package/patterns/quick-start.json +2 -2
- package/patterns/registry-discovery-cta-grid.json +4 -4
- package/patterns/remote-cursor.json +4 -4
- package/patterns/retro-table.json +1 -1
- package/patterns/search-filter-bar.json +4 -4
- package/patterns/slash-command.json +1 -1
- package/patterns/tech-pills.json +3 -3
- package/patterns/testimonials.json +1 -1
- package/patterns/tier-upgrade-card.json +2 -2
- package/patterns/tool-list.json +1 -1
- package/patterns/tree-view.json +1 -1
- package/patterns/unlock-gate.json +1 -1
- package/schemas/blueprint.v1.json +1 -1
- package/schemas/common.v1.json +2 -1
- package/schemas/registry-intelligence-summary.v1.json +1 -1
- package/schemas/shell.v1.json +3 -1
- package/shells/chat-portal.json +1 -1
- package/shells/copilot-overlay.json +2 -2
- package/shells/minimal-header.json +1 -1
- package/shells/recipefork-top-nav.json +1 -1
- package/shells/three-column-browser.json +3 -3
- package/shells/top-nav-main.json +4 -4
- package/shells/workspace-aside.json +2 -2
- package/themes/auradecantism.json +3 -3
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
],
|
|
36
36
|
"layout": {
|
|
37
37
|
"layout": "stack",
|
|
38
|
-
"atoms": "_flex _col
|
|
38
|
+
"atoms": "_flex _col _aic _gap6 _wfull _maxw[64rem] _mx[auto] _text[center] _py16",
|
|
39
39
|
"slots": {
|
|
40
40
|
"continue-prompt": "Large direct headline such as Continue the build, Back the first run, or Unlock beta access.",
|
|
41
41
|
"countdown": "Campaign timer or limited window note.",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
],
|
|
56
56
|
"layout": {
|
|
57
57
|
"layout": "stack",
|
|
58
|
-
"atoms": "_flex _col
|
|
58
|
+
"atoms": "_flex _col _aic _gap5 _wfull _maxw[56rem] _mx[auto] _text[center] _py12",
|
|
59
59
|
"slots": {
|
|
60
60
|
"success-message": "Thank-you headline.",
|
|
61
61
|
"referral-progress": "Progress toward referral unlock.",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
},
|
|
68
68
|
"default_layout": {
|
|
69
69
|
"layout": "stack",
|
|
70
|
-
"atoms": "_flex _col
|
|
70
|
+
"atoms": "_flex _col _aic _gap6 _wfull _maxw[64rem] _mx[auto] _text[center] _py16",
|
|
71
71
|
"slots": {
|
|
72
72
|
"continue-prompt": "Final conversion headline",
|
|
73
73
|
"countdown": "Campaign timer or urgency cue",
|
package/patterns/cta-banner.json
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"slots": {
|
|
33
33
|
"headline": "Bold heading with _fs[2.2rem] _fw700 _fgdark _mb3 _ls[-0.02em]. Direct, action-oriented text like 'Ready to Build Something Great?'",
|
|
34
34
|
"subtext": "Supporting paragraph with _fs[1.1rem] _fgdark/70 _mb8. Brief value proposition or urgency statement.",
|
|
35
|
-
"cta-button": "Dark pill Button: _inline-flex
|
|
35
|
+
"cta-button": "Dark pill Button: _inline-flex _aic _gap2 _py3 _px9 _bgdark _fgwhite _fw700 _fs[1rem] _border[none] _rounded[100px] _transition. Hover: translateY(-2px) with dark box-shadow."
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
},
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
],
|
|
31
31
|
"layout": {
|
|
32
32
|
"layout": "hero",
|
|
33
|
-
"atoms": "_flex _col
|
|
33
|
+
"atoms": "_flex _col _aic _text[center] _py12 _px4 _gap4",
|
|
34
34
|
"slots": {
|
|
35
35
|
"headline": "Section heading with _heading2, centered",
|
|
36
36
|
"description": "Supporting paragraph with _body _fgmuted _mw[640px]",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
],
|
|
47
47
|
"layout": {
|
|
48
48
|
"layout": "row",
|
|
49
|
-
"atoms": "_grid _gc1 _lg:gc2 _gap6
|
|
49
|
+
"atoms": "_grid _gc1 _lg:gc2 _gap6 _aic _py8",
|
|
50
50
|
"slots": {
|
|
51
51
|
"text-col": "Left column with headline, description, and CTA buttons: _flex _col _gap4",
|
|
52
52
|
"headline": "Section heading with _heading2",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
],
|
|
64
64
|
"layout": {
|
|
65
65
|
"layout": "row",
|
|
66
|
-
"atoms": "_flex _row
|
|
66
|
+
"atoms": "_flex _row _jcsb _aic _py4 _px6 _rounded _bgprimary/10",
|
|
67
67
|
"slots": {
|
|
68
68
|
"text": "Inline text with _body _fontmedium",
|
|
69
69
|
"cta": "Single primary Button on the right"
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
},
|
|
106
106
|
"default_layout": {
|
|
107
107
|
"layout": "hero",
|
|
108
|
-
"atoms": "_flex _col
|
|
108
|
+
"atoms": "_flex _col _aic _text[center] _py12 _px4 _gap4",
|
|
109
109
|
"slots": {
|
|
110
110
|
"headline": "Section heading, centered",
|
|
111
111
|
"description": "Supporting paragraph",
|
package/patterns/cta.json
CHANGED
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
],
|
|
32
32
|
"layout": {
|
|
33
33
|
"layout": "hero",
|
|
34
|
-
"atoms": "_flex _col
|
|
34
|
+
"atoms": "_flex _col _aic _text[center] _py12 _px4 _gap4",
|
|
35
35
|
"slots": {
|
|
36
36
|
"headline": "Section heading with _heading2, centered",
|
|
37
37
|
"description": "Supporting paragraph with _body _fgmuted _mw[640px]",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
],
|
|
48
48
|
"layout": {
|
|
49
49
|
"layout": "row",
|
|
50
|
-
"atoms": "_grid _gc1 _lg:gc2 _gap6
|
|
50
|
+
"atoms": "_grid _gc1 _lg:gc2 _gap6 _aic _py8",
|
|
51
51
|
"slots": {
|
|
52
52
|
"text-col": "Left column: headline, description, CTA buttons stacked: _flex _col _gap4",
|
|
53
53
|
"headline": "Section heading with _heading2",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
],
|
|
65
65
|
"layout": {
|
|
66
66
|
"layout": "row",
|
|
67
|
-
"atoms": "_flex _row
|
|
67
|
+
"atoms": "_flex _row _jcsb _aic _py4 _px6 _rounded _bgprimary/10",
|
|
68
68
|
"slots": {
|
|
69
69
|
"text": "Inline text with _body _fontmedium",
|
|
70
70
|
"cta": "Single primary Button on the right"
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
},
|
|
103
103
|
"default_layout": {
|
|
104
104
|
"layout": "hero",
|
|
105
|
-
"atoms": "_flex _col
|
|
105
|
+
"atoms": "_flex _col _aic _text[center] _py12 _px4 _gap4",
|
|
106
106
|
"slots": {
|
|
107
107
|
"headline": "Section heading, centered",
|
|
108
108
|
"description": "Supporting paragraph",
|
package/patterns/data-table.json
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
],
|
|
43
43
|
"layout": {
|
|
44
44
|
"layout": "column",
|
|
45
|
-
"atoms": "_flex _col _gap4 _w[100%]
|
|
45
|
+
"atoms": "_flex _col _gap4 _w[100%] _overauto",
|
|
46
46
|
"slots": {
|
|
47
47
|
"toolbar": "Top row with optional search Input and action Buttons",
|
|
48
48
|
"table-header": "Column headers with sort controls",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
],
|
|
62
62
|
"layout": {
|
|
63
63
|
"layout": "column",
|
|
64
|
-
"atoms": "_flex _col _gap2 _w[100%]
|
|
64
|
+
"atoms": "_flex _col _gap2 _w[100%] _overauto",
|
|
65
65
|
"slots": {
|
|
66
66
|
"table-header": "Column headers without sort controls",
|
|
67
67
|
"table-body": "Dense data rows without selection",
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
},
|
|
105
105
|
"default_layout": {
|
|
106
106
|
"layout": "column",
|
|
107
|
-
"atoms": "_flex _col _gap4 _w[100%]
|
|
107
|
+
"atoms": "_flex _col _gap4 _w[100%] _overauto",
|
|
108
108
|
"slots": {
|
|
109
109
|
"toolbar": "Top row with optional search Input and action Buttons",
|
|
110
110
|
"table-header": "Column headers with sort controls",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
],
|
|
62
62
|
"layout": {
|
|
63
63
|
"layout": "row",
|
|
64
|
-
"atoms": "_flex _row _gap6
|
|
64
|
+
"atoms": "_flex _row _gap6 _aifs",
|
|
65
65
|
"slots": {
|
|
66
66
|
"avatar": "Large Avatar (96px) with image and fallback initials",
|
|
67
67
|
"info": "Vertical column with name, title, bio: _flex _col _gap2 _flex1",
|
package/patterns/hero-split.json
CHANGED
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
],
|
|
32
32
|
"layout": {
|
|
33
33
|
"layout": "hero",
|
|
34
|
-
"atoms": "_flex _row
|
|
34
|
+
"atoms": "_flex _row _aic _gap16 _mw[1200px] _mx[auto] _px10 _wfull _minh[100vh] _relative _z2",
|
|
35
35
|
"slots": {
|
|
36
|
-
"media-area": "Left column at flex: 0 0 35%, centered content. Contains logo or hero image with float animation and drop-shadow. Wrapper: _flex
|
|
36
|
+
"media-area": "Left column at flex: 0 0 35%, centered content. Contains logo or hero image with float animation and drop-shadow. Wrapper: _flex _aic _jcc",
|
|
37
37
|
"title": "Large heading with _heading1 _fw800 _lh[1.1] _ls[-0.03em] _mb7. Supports inline accent color spans for punctuation or keywords.",
|
|
38
38
|
"tagline": "Supporting paragraph with _body _fgmuted/60 _mw[540px] _lh[1.75] _mb10. Supports inline accent spans with _fgprimary _fw700 _italic.",
|
|
39
39
|
"cta-group": "Horizontal button group with _flex _gap4 _flexwrap. Contains primary pill Button (rounded-full, shadow) and ghost pill Button (border, transparent bg)."
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
],
|
|
49
49
|
"layout": {
|
|
50
50
|
"layout": "hero",
|
|
51
|
-
"atoms": "_flex _row
|
|
51
|
+
"atoms": "_flex _row _aic _gap16 _mw[1200px] _mx[auto] _px10 _wfull _minh[100vh] _relative _z2",
|
|
52
52
|
"slots": {
|
|
53
53
|
"title": "Large heading on the left with _heading1 _fw800 _lh[1.1] _ls[-0.03em] _mb7",
|
|
54
54
|
"tagline": "Supporting paragraph with _body _fgmuted/60 _mw[540px] _lh[1.75] _mb10",
|
|
@@ -65,19 +65,19 @@
|
|
|
65
65
|
],
|
|
66
66
|
"layout": {
|
|
67
67
|
"layout": "hero",
|
|
68
|
-
"atoms": "_flex _col
|
|
68
|
+
"atoms": "_flex _col _aic _text[center] _minh[100vh] _jcc _px6 _relative",
|
|
69
69
|
"slots": {
|
|
70
70
|
"media-area": "Centered image/logo above text with _mb8, max-width constrained",
|
|
71
71
|
"title": "Centered heading with _heading1 _fw800 _lh[1.1] _mb6 _text[center]",
|
|
72
72
|
"tagline": "Centered paragraph with _body _fgmuted/60 _mw[600px] _text[center] _mb10",
|
|
73
|
-
"cta-group": "Centered button group with _flex _gap4
|
|
73
|
+
"cta-group": "Centered button group with _flex _gap4 _jcc, pill Buttons"
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
"default_layout": {
|
|
79
79
|
"layout": "hero",
|
|
80
|
-
"atoms": "_flex _row
|
|
80
|
+
"atoms": "_flex _row _aic _gap16 _mw[1200px] _mx[auto] _px10 _wfull _minh[100vh] _relative _z2",
|
|
81
81
|
"slots": {
|
|
82
82
|
"media-area": "Logo or hero image area (1/3 width)",
|
|
83
83
|
"title": "Primary heading with accent punctuation",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
],
|
|
32
32
|
"layout": {
|
|
33
33
|
"layout": "stack",
|
|
34
|
-
"atoms": "_flex _col _gap0 _r3
|
|
34
|
+
"atoms": "_flex _col _gap0 _r3 _overhidden _border _bordermuted/20",
|
|
35
35
|
"slots": {
|
|
36
36
|
"header": "Toolbar row with artifact title, summary badges, and copy-to-clipboard Button. Maintain a shared horizontal inset so title and actions never sit flush against the frame.",
|
|
37
37
|
"tabs": "Segmented tab strip for JSON, Commands, and Evidence views with the same horizontal inset as the toolbar",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
],
|
|
51
51
|
"layout": {
|
|
52
52
|
"layout": "stack",
|
|
53
|
-
"atoms": "_flex _col _gap0 _r3
|
|
53
|
+
"atoms": "_flex _col _gap0 _r3 _overhidden _border _bordermuted/20",
|
|
54
54
|
"slots": {
|
|
55
55
|
"header": "Toolbar row with title, expand/collapse all toggle, and copy-to-clipboard Button",
|
|
56
56
|
"line-numbers": "Gutter column with line numbers, _fgmuted _textxs _mono",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
],
|
|
68
68
|
"layout": {
|
|
69
69
|
"layout": "stack",
|
|
70
|
-
"atoms": "_relative _r2
|
|
70
|
+
"atoms": "_relative _r2 _overhidden _border _bordermuted/20",
|
|
71
71
|
"slots": {
|
|
72
72
|
"copy-button": "Absolute top-right copy Button",
|
|
73
73
|
"json-content": "Syntax-highlighted JSON, no line numbers"
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
},
|
|
78
78
|
"default_layout": {
|
|
79
79
|
"layout": "stack",
|
|
80
|
-
"atoms": "_flex _col _gap0 _r3
|
|
80
|
+
"atoms": "_flex _col _gap0 _r3 _overhidden _border _bordermuted/20",
|
|
81
81
|
"slots": {
|
|
82
82
|
"header": "Toolbar with title, summary, and copy button",
|
|
83
83
|
"tabs": "Segmented tab strip",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"step-proof": "Outcome note"
|
|
58
58
|
}
|
|
59
59
|
},
|
|
60
|
-
"visual_brief": "A crisp operational flow that makes Decantr feel immediately usable. The sequence should look like a product workflow, not a tutorial wall. Use clear step labels, small command blocks, and simple connective rhythm so users understand the path from
|
|
60
|
+
"visual_brief": "A crisp operational flow that makes Decantr feel immediately usable. The sequence should look like a product workflow, not a tutorial wall. Use clear step labels, small command blocks, and simple connective rhythm so users understand the path from content choice to verified project health.",
|
|
61
61
|
"responsive": {
|
|
62
62
|
"mobile": "Stack steps vertically with compact command blocks and visible step numbers.",
|
|
63
63
|
"tablet": "Two-column grid for four steps.",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
],
|
|
39
39
|
"layout": {
|
|
40
40
|
"layout": "horizontal",
|
|
41
|
-
"atoms": "_flex _gap4
|
|
41
|
+
"atoms": "_flex _gap4 _overauto _pb4",
|
|
42
42
|
"slots": {
|
|
43
43
|
"header": "Title, filters, view toggle",
|
|
44
44
|
"filters": "Property, priority, category, date range",
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
},
|
|
82
82
|
"default_layout": {
|
|
83
83
|
"layout": "horizontal",
|
|
84
|
-
"atoms": "_flex _gap4
|
|
84
|
+
"atoms": "_flex _gap4 _overauto",
|
|
85
85
|
"slots": {
|
|
86
86
|
"header": "Title and controls",
|
|
87
87
|
"columns": "Kanban columns"
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
],
|
|
31
31
|
"layout": {
|
|
32
32
|
"layout": "dropdown",
|
|
33
|
-
"atoms": "_absolute _bg[var(--surface)] _shadow _r2 _border _w[280px] _max-h[300px]
|
|
33
|
+
"atoms": "_absolute _bg[var(--surface)] _shadow _r2 _border _w[280px] _max-h[300px] _overauto _z[100]",
|
|
34
34
|
"slots": {
|
|
35
35
|
"search": "Type-ahead filter (inline in editor)",
|
|
36
36
|
"recent": "Recently mentioned users section",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
],
|
|
50
50
|
"layout": {
|
|
51
51
|
"layout": "stack",
|
|
52
|
-
"atoms": "_flex _col _gap0 _border _bordermuted/20 _r3
|
|
52
|
+
"atoms": "_flex _col _gap0 _border _bordermuted/20 _r3 _overhidden",
|
|
53
53
|
"slots": {
|
|
54
54
|
"header": "Type badge, content name, and submission timestamp",
|
|
55
55
|
"submitter": "Avatar, username, reputation score badge, and trust indicator",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"layout": "grid",
|
|
34
34
|
"atoms": "_grid _gc2 _gap6 _mw[920px] _mx[auto]",
|
|
35
35
|
"slots": {
|
|
36
|
-
"step-number": "Badge circle: _inline-flex
|
|
36
|
+
"step-number": "Badge circle: _inline-flex _aic _jcc _w8 _h8 _rounded[50%] _mono _fs[0.8rem] _fw700 _mb3. Background uses the card's accent color, text is dark. Displays the step number (1, 2, 3...).",
|
|
37
37
|
"step-name": "Step heading with _fs[1.15rem] _fw700 _mb2. Color matches the card's accent color from the rotation palette.",
|
|
38
38
|
"step-description": "Step body text with _fs[0.85rem] _lh[1.6] _mb4 _fgwhite/75. Brief description of what happens in this step.",
|
|
39
39
|
"step-visual": "Optional inner content area with _rounded[10px] _p3 and subtle tinted background matching the card's accent color at ~7% opacity. Can contain: chat bubbles, tag lists, code snippets, layer stacks, pattern compositions, mini code blocks, or check results."
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
],
|
|
66
66
|
"layout": {
|
|
67
67
|
"layout": "grid",
|
|
68
|
-
"atoms": "_flex _row _gap6
|
|
68
|
+
"atoms": "_flex _row _gap6 _overauto _snap[x_mandatory] _pb4 _px4",
|
|
69
69
|
"slots": {
|
|
70
70
|
"step-number": "Badge circle with accent-colored background, monospace number, _rounded[50%] _w8 _h8",
|
|
71
71
|
"step-name": "Step heading colored to match card accent",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
],
|
|
36
36
|
"layout": {
|
|
37
37
|
"layout": "card",
|
|
38
|
-
"atoms": "studio-card
|
|
38
|
+
"atoms": "studio-card _overhidden",
|
|
39
39
|
"slots": {
|
|
40
40
|
"thumbnail": "Preview image/video",
|
|
41
41
|
"title": "Product name",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
],
|
|
73
73
|
"layout": {
|
|
74
74
|
"layout": "card",
|
|
75
|
-
"atoms": "studio-card
|
|
75
|
+
"atoms": "studio-card _overhidden _lg:flex _lg:row",
|
|
76
76
|
"slots": {
|
|
77
77
|
"media": "Large preview area",
|
|
78
78
|
"content": "Full title, description, meta",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
},
|
|
84
84
|
"default_layout": {
|
|
85
85
|
"layout": "card",
|
|
86
|
-
"atoms": "studio-card
|
|
86
|
+
"atoms": "studio-card _overhidden",
|
|
87
87
|
"slots": {
|
|
88
88
|
"thumbnail": "Preview image",
|
|
89
89
|
"title": "Product name",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
],
|
|
34
34
|
"layout": {
|
|
35
35
|
"layout": "stack",
|
|
36
|
-
"atoms": "_flex _col _gap3 _p0 _r2
|
|
36
|
+
"atoms": "_flex _col _gap3 _p0 _r2 _overhidden",
|
|
37
37
|
"slots": {
|
|
38
38
|
"image": "Property photo (aspect-ratio 16/9)",
|
|
39
39
|
"content": "Property details and metrics",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"description": "Narrative company-story section with wider body copy, optional image pairing, and a sequential scroll rhythm that feels deliberate instead of dense.",
|
|
42
42
|
"layout": {
|
|
43
43
|
"layout": "stack",
|
|
44
|
-
"atoms": "_grid _gc1 _lg:gc[1.15fr_0.85fr] _gap8 _wfull _maxw[72rem] _mx[auto]
|
|
44
|
+
"atoms": "_grid _gc1 _lg:gc[1.15fr_0.85fr] _gap8 _wfull _maxw[72rem] _mx[auto] _aifs",
|
|
45
45
|
"slots": {
|
|
46
46
|
"heading-column": "Eyebrow, heading, and lead paragraph anchoring the story",
|
|
47
47
|
"body-column": "Narrative prose blocks, milestone list, or supporting quote stack",
|
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
"layout": "grid",
|
|
34
34
|
"atoms": "_flex _gap6 _mw[920px] _mx[auto] _mb12",
|
|
35
35
|
"slots": {
|
|
36
|
-
"step-number": "Badge circle: _w10 _h10 _rounded[50%] _flex
|
|
36
|
+
"step-number": "Badge circle: _w10 _h10 _rounded[50%] _flex _aic _jcc _fs[1rem] _fw700 _mb4 _bgblack/20 _fgwhite. Displays the step number.",
|
|
37
37
|
"step-title": "Step heading with h3 _fs[1rem] _fw700 _mb3 _fgwhite. Brief title like 'Configure', 'Prompt', 'Build'.",
|
|
38
|
-
"step-content": "Content area that varies by step type. Code block: _bgblack/30 _rounded[8px] _p3 _mono _fs[0.7rem] _lh[1.7]
|
|
38
|
+
"step-content": "Content area that varies by step type. Code block: _bgblack/30 _rounded[8px] _p3 _mono _fs[0.7rem] _lh[1.7] _overauto _whitespace[pre] _fgwhite/85. Chat bubble: _bgblack/20 _rounded[10px_10px_10px_2px] _p4 _fs[0.82rem] _lh[1.5] _text[left]. Output block: _bgblack/30 _rounded[8px] _p3 _mono _fs[0.68rem] _lh[1.7] _whitespace[pre] _overauto _fgwhite/85."
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
},
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
"id": "registry-discovery-cta-grid",
|
|
4
4
|
"version": "1.0.0",
|
|
5
5
|
"decantr_compat": ">=2.0.0",
|
|
6
|
-
"name": "
|
|
7
|
-
"description": "Editorial quick-start discovery cards for
|
|
6
|
+
"name": "Content Discovery CTA Grid",
|
|
7
|
+
"description": "Editorial quick-start discovery cards for an official content catalog or reference page. Each card helps builders choose a path into the corpus with a strong icon, concise framing copy, and a clearly owned action treatment.",
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"patterns": {},
|
|
10
10
|
"styles": {},
|
|
@@ -65,11 +65,11 @@
|
|
|
65
65
|
"layout_hints": {
|
|
66
66
|
"card_structure": "Use one visual lane per card: icon + eyebrow at the top, narrative in the middle, action rail at the bottom. Avoid chip clouds, diagnostics, or inline metadata.",
|
|
67
67
|
"cta_treatment": "CTA rails should be explicit actions with iconography and supporting hint copy. Prefer directional arrow or external-link affordances over plain text-only links.",
|
|
68
|
-
"tone_mapping": "Each discovery card can use its own accent family so the user can quickly parse blueprint-first
|
|
68
|
+
"tone_mapping": "Each discovery card can use its own accent family so the user can quickly parse blueprint-first, showcase-first, and corpus-wide exploration."
|
|
69
69
|
},
|
|
70
70
|
"accessibility": {
|
|
71
71
|
"role": "region",
|
|
72
|
-
"aria-label": "
|
|
72
|
+
"aria-label": "Content discovery actions",
|
|
73
73
|
"keyboard": [
|
|
74
74
|
"Tab moves through discovery CTAs in card order."
|
|
75
75
|
],
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"components": [],
|
|
22
22
|
"layout": {
|
|
23
23
|
"layout": "absolute",
|
|
24
|
-
"atoms": "_absolute
|
|
24
|
+
"atoms": "_absolute _ptrnone _z[100]",
|
|
25
25
|
"slots": {
|
|
26
26
|
"cursor": "SVG cursor icon in user's presence color",
|
|
27
27
|
"label": "Name tag with colored background"
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"components": [],
|
|
34
34
|
"layout": {
|
|
35
35
|
"layout": "absolute",
|
|
36
|
-
"atoms": "_absolute
|
|
36
|
+
"atoms": "_absolute _ptrnone _z[100]",
|
|
37
37
|
"slots": {
|
|
38
38
|
"cursor": "SVG cursor icon only"
|
|
39
39
|
}
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
],
|
|
47
47
|
"layout": {
|
|
48
48
|
"layout": "absolute",
|
|
49
|
-
"atoms": "_absolute
|
|
49
|
+
"atoms": "_absolute _ptrnone _z[100]",
|
|
50
50
|
"slots": {
|
|
51
51
|
"cursor": "SVG cursor icon",
|
|
52
52
|
"avatar": "Small avatar image",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
},
|
|
58
58
|
"default_layout": {
|
|
59
59
|
"layout": "absolute",
|
|
60
|
-
"atoms": "_absolute
|
|
60
|
+
"atoms": "_absolute _ptrnone _z[100]",
|
|
61
61
|
"slots": {
|
|
62
62
|
"cursor": "SVG cursor icon in user's presence color",
|
|
63
63
|
"label": "Name tag with colored background",
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"version": "1.1.0",
|
|
5
5
|
"decantr_compat": ">=2.0.0",
|
|
6
6
|
"name": "Search Filter Bar",
|
|
7
|
-
"description": "Search-first
|
|
7
|
+
"description": "Search-first official content filter bar with type tabs, a provenance filter, sort controls, and result count. Designed for builders browsing the Decantr corpus, not for exposing internal operations taxonomy.",
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"patterns": {},
|
|
10
10
|
"styles": {},
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"default_preset": "standard",
|
|
33
33
|
"presets": {
|
|
34
34
|
"standard": {
|
|
35
|
-
"description": "Full
|
|
35
|
+
"description": "Full content-catalog filter bar with search, type tabs, provenance filter, sort, and result count.",
|
|
36
36
|
"components": [
|
|
37
37
|
"Input",
|
|
38
38
|
"Select",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
}
|
|
71
71
|
},
|
|
72
72
|
"with-results-count": {
|
|
73
|
-
"description": "Search bar with result count summary for
|
|
73
|
+
"description": "Search bar with result count summary for corpus browsing.",
|
|
74
74
|
"components": [
|
|
75
75
|
"Input",
|
|
76
76
|
"Select",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"meta-row": "Result count, source filter, and sort"
|
|
100
100
|
}
|
|
101
101
|
},
|
|
102
|
-
"visual_brief": "
|
|
102
|
+
"visual_brief": "Official content filter bar with one clear purpose: help builders find the right Decantr starting point quickly. Search is the hero. Type tabs are distinct and color-coded. Provenance filtering is understandable to humans: Authored, Benchmark, Hybrid. Sort remains available but visually secondary. The bar should feel premium, breathable, and unambiguous, not like an operator console.",
|
|
103
103
|
"responsive": {
|
|
104
104
|
"mobile": "Search input full-width on its own row. Type tabs become a horizontal scrollable strip. Source and sort move into a collapsible filter surface instead of squeezing the main bar.",
|
|
105
105
|
"tablet": "Search and filters fit comfortably in stacked rows. Type tabs remain visible. Source filter can stay inline if space allows.",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
],
|
|
28
28
|
"layout": {
|
|
29
29
|
"layout": "dropdown",
|
|
30
|
-
"atoms": "_absolute _bg[var(--surface)] _shadow _r2 _border _w[320px] _max-h[400px]
|
|
30
|
+
"atoms": "_absolute _bg[var(--surface)] _shadow _r2 _border _w[320px] _max-h[400px] _overauto _z[100]",
|
|
31
31
|
"slots": {
|
|
32
32
|
"search": "Command filter input",
|
|
33
33
|
"categories": "Grouped command sections",
|
package/patterns/tech-pills.json
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
],
|
|
29
29
|
"layout": {
|
|
30
30
|
"layout": "row",
|
|
31
|
-
"atoms": "_flex _flexwrap
|
|
31
|
+
"atoms": "_flex _flexwrap _jcc _gap3 _mw[700px] _mx[auto]",
|
|
32
32
|
"slots": {
|
|
33
33
|
"pill-items": "Array of Badge pills, each with _rounded[20px] _py2 _px5 _fs[0.85rem] _fw600 _transition _hover:translateY[-2px]. Background: _bgwhite/10. Text: _fgwhite/80. Each pill contains a technology name (e.g., 'React', 'Next.js', 'Claude', 'Cursor')."
|
|
34
34
|
}
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
],
|
|
42
42
|
"layout": {
|
|
43
43
|
"layout": "row",
|
|
44
|
-
"atoms": "_flex _flexwrap
|
|
44
|
+
"atoms": "_flex _flexwrap _jcc _gap3 _mw[700px] _mx[auto]",
|
|
45
45
|
"slots": {
|
|
46
46
|
"pill-items": "Array of Badge pills with individual colors. Each pill: _rounded[20px] _py2 _px5 _fs[0.85rem] _fw600 _transition _hover:translateY[-2px]. Background uses the pill's accent color at 15% opacity (e.g., rgba(245,136,130,0.15)). Text uses the full accent color (e.g., #F58882). Colors rotate: coral, amber, cyan, green, yellow, purple, pink, orange."
|
|
47
47
|
}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
},
|
|
51
51
|
"default_layout": {
|
|
52
52
|
"layout": "row",
|
|
53
|
-
"atoms": "_flex _flexwrap
|
|
53
|
+
"atoms": "_flex _flexwrap _jcc _gap3 _mw[700px] _mx[auto]",
|
|
54
54
|
"slots": {
|
|
55
55
|
"pill-items": "Technology compatibility pill badges in a centered row"
|
|
56
56
|
}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
],
|
|
56
56
|
"layout": {
|
|
57
57
|
"layout": "row",
|
|
58
|
-
"atoms": "_flex _aic _gap6 _py12 _px6
|
|
58
|
+
"atoms": "_flex _aic _gap6 _py12 _px6 _overhidden",
|
|
59
59
|
"slots": {
|
|
60
60
|
"testimonial-slide": "Single visible testimonial with large quote text and author",
|
|
61
61
|
"navigation": "Prev/next arrow Buttons and dot indicators below",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
],
|
|
44
44
|
"layout": {
|
|
45
45
|
"layout": "stack",
|
|
46
|
-
"atoms": "_flex _col _gap0 _border _bordermuted/20 _r4
|
|
46
|
+
"atoms": "_flex _col _gap0 _border _bordermuted/20 _r4 _overhidden",
|
|
47
47
|
"slots": {
|
|
48
48
|
"header": "Plan name with _heading4 and optional 'Popular' Badge",
|
|
49
49
|
"price": "Monthly price with large _heading2 number and /mo suffix",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
],
|
|
64
64
|
"layout": {
|
|
65
65
|
"layout": "stack",
|
|
66
|
-
"atoms": "_flex _col _gap0 _border2 _borderprimary _r4
|
|
66
|
+
"atoms": "_flex _col _gap0 _border2 _borderprimary _r4 _overhidden _relative",
|
|
67
67
|
"slots": {
|
|
68
68
|
"highlight-bar": "Top gradient accent bar",
|
|
69
69
|
"badge": "Recommended/Popular Badge at top",
|
package/patterns/tool-list.json
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"layout": "grid",
|
|
25
25
|
"atoms": "_grid _gc2 _gap0 _mw[880px] _mx[auto]",
|
|
26
26
|
"slots": {
|
|
27
|
-
"tool-name": "Tool name displayed in monospace font with _mono _fs[0.82rem] _fw600 _mb1. Includes a colored dot bullet (6px circle, inline-block, flex-shrink-0) before the name. Both the dot and name text use the item's accent color from the rotation palette. Wrapped in a _flex
|
|
27
|
+
"tool-name": "Tool name displayed in monospace font with _mono _fs[0.82rem] _fw600 _mb1. Includes a colored dot bullet (6px circle, inline-block, flex-shrink-0) before the name. Both the dot and name text use the item's accent color from the rotation palette. Wrapped in a _flex _aic _gap2 container.",
|
|
28
28
|
"tool-description": "Tool description with _fs[0.82rem] _fgmuted _lh[1.4]. Brief one-line description of the tool's purpose."
|
|
29
29
|
}
|
|
30
30
|
}
|
package/patterns/tree-view.json
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
},
|
|
33
33
|
"blueprint_portfolio": {
|
|
34
34
|
"type": "object",
|
|
35
|
-
"description": "
|
|
35
|
+
"description": "Content portfolio metadata for blueprint discovery. This controls Featured/All/Labs presentation without changing direct slug availability.",
|
|
36
36
|
"required": [
|
|
37
37
|
"visibility",
|
|
38
38
|
"maturity",
|
package/schemas/common.v1.json
CHANGED
|
@@ -98,7 +98,8 @@
|
|
|
98
98
|
"$ref": "#/$defs/nonEmptyString"
|
|
99
99
|
},
|
|
100
100
|
"atoms": {
|
|
101
|
-
"$ref": "#/$defs/nonEmptyString"
|
|
101
|
+
"$ref": "#/$defs/nonEmptyString",
|
|
102
|
+
"description": "Legacy @decantr/css adapter hint. Other adoption modes use the semantic layout contract."
|
|
102
103
|
},
|
|
103
104
|
"slots": {
|
|
104
105
|
"$ref": "#/$defs/stringMap"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json-schema.org/draft/2020-12/schema",
|
|
3
3
|
"$id": "https://decantr.ai/schemas/registry-intelligence-summary.v1.json",
|
|
4
|
-
"title": "Decantr
|
|
4
|
+
"title": "Decantr Content Intelligence Summary",
|
|
5
5
|
"type": "object",
|
|
6
6
|
"required": [
|
|
7
7
|
"$schema",
|
package/schemas/shell.v1.json
CHANGED
|
@@ -44,7 +44,8 @@
|
|
|
44
44
|
"type": "string"
|
|
45
45
|
},
|
|
46
46
|
"atoms": {
|
|
47
|
-
"type": "string"
|
|
47
|
+
"type": "string",
|
|
48
|
+
"description": "Legacy @decantr/css adapter hint. Contract-only and style-bridge workflows ignore this field."
|
|
48
49
|
},
|
|
49
50
|
"config": {
|
|
50
51
|
"type": "object",
|
|
@@ -59,6 +60,7 @@
|
|
|
59
60
|
},
|
|
60
61
|
"internal_layout": {
|
|
61
62
|
"type": "object",
|
|
63
|
+
"description": "Semantic shell-region layout. Nested atoms fields are legacy adapter hints and are not emitted as contract-only styling instructions.",
|
|
62
64
|
"additionalProperties": true
|
|
63
65
|
},
|
|
64
66
|
"code": {
|