@refrakt-md/design 0.8.3 → 0.8.5
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/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -1
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWrD,eAAO,MAAM,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWrD,eAAO,MAAM,MAAM,EAAE,WA8HpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -10,18 +10,22 @@ import { designPipelineHooks } from './pipeline.js';
|
|
|
10
10
|
export const design = {
|
|
11
11
|
name: 'design',
|
|
12
12
|
displayName: 'Design',
|
|
13
|
-
version: '0.8.
|
|
13
|
+
version: '0.8.5',
|
|
14
14
|
runes: {
|
|
15
15
|
'swatch': {
|
|
16
16
|
transform: swatch,
|
|
17
17
|
description: 'Inline color chip with colored dot and label for referencing colors in prose',
|
|
18
18
|
reinterprets: {},
|
|
19
|
+
category: 'Design',
|
|
20
|
+
snippet: ['{% swatch color="${1:#2563EB}" label="${2:Blue}" /%}'],
|
|
19
21
|
fixture: `{% swatch color="#2563EB" label="Ultramarine" /%}`,
|
|
20
22
|
},
|
|
21
23
|
'palette': {
|
|
22
24
|
transform: palette,
|
|
23
25
|
description: 'Visual color palette displaying swatches with names, values, and optional WCAG contrast/accessibility info',
|
|
24
26
|
reinterprets: { list: 'color entries (name: #value)', heading: 'color group title' },
|
|
27
|
+
category: 'Design',
|
|
28
|
+
snippet: ['{% palette title="${1:Colors}" %}', '- ${2:Blue}: ${3:#2563EB}', '- ${4:Indigo}: ${5:#4F46E5}', '- ${6:Purple}: ${7:#7C3AED}', '{% /palette %}'],
|
|
25
29
|
fixture: `{% palette title="Brand Colors" showContrast="true" showA11y="true" %}
|
|
26
30
|
## Primary
|
|
27
31
|
- Blue: #2563EB
|
|
@@ -36,6 +40,8 @@ export const design = {
|
|
|
36
40
|
transform: typography,
|
|
37
41
|
description: 'Font specimen display showing typefaces at multiple sizes and weights with sample text',
|
|
38
42
|
reinterprets: { list: 'font entries (role: Family Name (weights))' },
|
|
43
|
+
category: 'Design',
|
|
44
|
+
snippet: ['{% typography title="${1:Font System}" %}', '- heading: ${2:Inter} (${3:600, 700})', '- body: ${4:Inter} (${5:400, 500})', '- mono: ${6:JetBrains Mono} (${7:400, 500})', '{% /typography %}'],
|
|
39
45
|
fixture: `{% typography title="Font System" sample="The quick brown fox jumps over the lazy dog" %}
|
|
40
46
|
- heading: Inter (600, 700)
|
|
41
47
|
- body: Inter (400, 500)
|
|
@@ -46,6 +52,8 @@ export const design = {
|
|
|
46
52
|
transform: spacing,
|
|
47
53
|
description: 'Visual display of spacing scale, border radii, and shadow tokens as proportional shapes',
|
|
48
54
|
reinterprets: { heading: 'section type (Spacing, Radius, Shadows)', list: 'token entries (name: value)' },
|
|
55
|
+
category: 'Design',
|
|
56
|
+
snippet: ['{% spacing title="${1:Design Tokens}" %}', '## Spacing', '- unit: ${2:4px}', '- scale: ${3:0, 1, 2, 3, 4, 6, 8, 12, 16, 24, 32}', '', '## Radius', '- sm: ${4:4px}', '- md: ${5:8px}', '- lg: ${6:12px}', '- full: 9999px', '', '## Shadows', '- sm: 0 1px 2px rgba(0,0,0,0.05)', '- md: 0 4px 6px rgba(0,0,0,0.1)', '- lg: 0 10px 15px rgba(0,0,0,0.1)', '{% /spacing %}'],
|
|
49
57
|
fixture: `{% spacing title="Design Tokens" %}
|
|
50
58
|
## Spacing
|
|
51
59
|
- unit: 4px
|
|
@@ -67,6 +75,8 @@ export const design = {
|
|
|
67
75
|
transform: preview,
|
|
68
76
|
description: 'Component preview with theme toggle and adjustable width for documentation and design systems',
|
|
69
77
|
reinterprets: {},
|
|
78
|
+
category: 'Code & Data',
|
|
79
|
+
snippet: ['{% preview source=true %}', '$0', '{% /preview %}'],
|
|
70
80
|
fixture: `{% preview title="Button Variants" theme="auto" responsive="mobile,tablet,desktop" %}
|
|
71
81
|
\`\`\`html
|
|
72
82
|
<button class="rf-btn rf-btn--primary">Primary</button>
|
|
@@ -81,6 +91,8 @@ export const design = {
|
|
|
81
91
|
transform: mockup,
|
|
82
92
|
description: 'Device frame chrome (phone, tablet, browser, laptop) wrapping content for realistic device context',
|
|
83
93
|
reinterprets: {},
|
|
94
|
+
category: 'Design',
|
|
95
|
+
snippet: ['{% mockup device="${1|browser,iphone-15,iphone-se,ipad,macbook,phone,tablet|}" %}', '$0', '{% /mockup %}'],
|
|
84
96
|
fixture: `{% mockup device="browser" url="https://example.com" %}
|
|
85
97
|
|
|
86
98
|
A landing page with a hero section and call to action.
|
|
@@ -91,6 +103,8 @@ A landing page with a hero section and call to action.
|
|
|
91
103
|
transform: designContext,
|
|
92
104
|
description: 'Unified design token card composing palette, typography, and spacing runes with automatic sandbox injection',
|
|
93
105
|
reinterprets: {},
|
|
106
|
+
category: 'Design',
|
|
107
|
+
snippet: ['{% design-context title="${1:Brand Tokens}" %}', '', '{% typography %}', '- heading: ${2:Inter} (${3:400, 600, 700})', '- body: ${4:Source Sans Pro} (${5:400, 600})', '- mono: ${6:Fira Code} (${7:400})', '{% /typography %}', '', '{% palette %}', '## Brand', '- Primary: ${8:#2563EB}', '- Secondary: ${9:#7C3AED}', '- Accent: ${10:#F59E0B}', '{% /palette %}', '', '{% spacing %}', '## Spacing', '- unit: ${11:4px}', '- scale: ${12:4, 8, 12, 16, 24, 32, 48, 64}', '{% /spacing %}', '', '{% /design-context %}'],
|
|
94
108
|
fixture: `{% design-context title="Brand Tokens" %}
|
|
95
109
|
|
|
96
110
|
{% typography %}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAgB;IACjC,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,QAAQ;IACrB,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,8EAA8E;YAC3F,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE,mDAAmD;SAC7D;QACD,SAAS,EAAE;YACT,SAAS,EAAE,OAAO;YAClB,WAAW,EAAE,4GAA4G;YACzH,YAAY,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,OAAO,EAAE,mBAAmB,EAAE;YACpF,OAAO,EAAE;;;;;;;;eAQA;SACV;QACD,YAAY,EAAE;YACZ,SAAS,EAAE,UAAU;YACrB,WAAW,EAAE,wFAAwF;YACrG,YAAY,EAAE,EAAE,IAAI,EAAE,4CAA4C,EAAE;YACpE,OAAO,EAAE;;;;kBAIG;SACb;QACD,SAAS,EAAE;YACT,SAAS,EAAE,OAAO;YAClB,WAAW,EAAE,yFAAyF;YACtG,YAAY,EAAE,EAAE,OAAO,EAAE,yCAAyC,EAAE,IAAI,EAAE,6BAA6B,EAAE;YACzG,OAAO,EAAE;;;;;;;;;;;;;;;eAeA;SACV;QACD,SAAS,EAAE;YACT,SAAS,EAAE,OAAO;YAClB,WAAW,EAAE,+FAA+F;YAC5G,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE;;;;;;;;eAQA;SACV;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,oGAAoG;YACjH,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE;;;;cAID;SACT;QACD,gBAAgB,EAAE;YAChB,SAAS,EAAE,aAAa;YACxB,WAAW,EAAE,6GAA6G;YAC1H,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE;;;;;;;;;;;;;;;;;;;;;sBAqBO;SACjB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAA4D;KACpE;IACD,QAAQ,EAAE,mBAAmB;CAC9B,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@refrakt-md/design",
|
|
3
3
|
"description": "Design system runes for refrakt.md — palettes, typography, spacing, and previews",
|
|
4
|
-
"version": "0.8.
|
|
4
|
+
"version": "0.8.5",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": {
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"build": "tsc"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@refrakt-md/types": "0.8.
|
|
25
|
-
"@refrakt-md/transform": "0.8.
|
|
26
|
-
"@refrakt-md/runes": "0.8.
|
|
24
|
+
"@refrakt-md/types": "0.8.5",
|
|
25
|
+
"@refrakt-md/transform": "0.8.5",
|
|
26
|
+
"@refrakt-md/runes": "0.8.5",
|
|
27
27
|
"@markdoc/markdoc": "0.4.0",
|
|
28
28
|
"reflect-metadata": "^0.2.0"
|
|
29
29
|
}
|