@refrakt-md/design 0.9.7 → 0.9.9
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 +1 -8
- 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,WAuHpB,CAAC;AAEF,eAAe,MAAM,CAAC;AAEtB,YAAY,EACX,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EACxD,kBAAkB,EAAE,WAAW,EAAE,YAAY,GAC7C,MAAM,YAAY,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -10,12 +10,11 @@ import { designPipelineHooks } from './pipeline.js';
|
|
|
10
10
|
export const design = {
|
|
11
11
|
name: 'design',
|
|
12
12
|
displayName: 'Design',
|
|
13
|
-
version: '0.9.
|
|
13
|
+
version: '0.9.9',
|
|
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
|
-
reinterprets: {},
|
|
19
18
|
category: 'Design',
|
|
20
19
|
snippet: ['{% swatch color="${1:#2563EB}" label="${2:Blue}" /%}'],
|
|
21
20
|
fixture: `{% swatch color="#2563EB" label="Ultramarine" /%}`,
|
|
@@ -23,7 +22,6 @@ export const design = {
|
|
|
23
22
|
'palette': {
|
|
24
23
|
transform: palette,
|
|
25
24
|
description: 'Visual color palette displaying swatches with names, values, and optional WCAG contrast/accessibility info',
|
|
26
|
-
reinterprets: { list: 'color entries (name: #value)', heading: 'color group title' },
|
|
27
25
|
category: 'Design',
|
|
28
26
|
snippet: ['{% palette title="${1:Colors}" %}', '- ${2:Blue}: ${3:#2563EB}', '- ${4:Indigo}: ${5:#4F46E5}', '- ${6:Purple}: ${7:#7C3AED}', '{% /palette %}'],
|
|
29
27
|
fixture: `{% palette title="Brand Colors" showContrast="true" showA11y="true" %}
|
|
@@ -39,7 +37,6 @@ export const design = {
|
|
|
39
37
|
'typography': {
|
|
40
38
|
transform: typography,
|
|
41
39
|
description: 'Font specimen display showing typefaces at multiple sizes and weights with sample text',
|
|
42
|
-
reinterprets: { list: 'font entries (role: Family Name (weights))' },
|
|
43
40
|
category: 'Design',
|
|
44
41
|
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 %}'],
|
|
45
42
|
fixture: `{% typography title="Font System" sample="The quick brown fox jumps over the lazy dog" %}
|
|
@@ -51,7 +48,6 @@ export const design = {
|
|
|
51
48
|
'spacing': {
|
|
52
49
|
transform: spacing,
|
|
53
50
|
description: 'Visual display of spacing scale, border radii, and shadow tokens as proportional shapes',
|
|
54
|
-
reinterprets: { heading: 'section type (Spacing, Radius, Shadows)', list: 'token entries (name: value)' },
|
|
55
51
|
category: 'Design',
|
|
56
52
|
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 %}'],
|
|
57
53
|
fixture: `{% spacing title="Design Tokens" %}
|
|
@@ -74,7 +70,6 @@ export const design = {
|
|
|
74
70
|
'preview': {
|
|
75
71
|
transform: preview,
|
|
76
72
|
description: 'Component preview with theme toggle and adjustable width for documentation and design systems',
|
|
77
|
-
reinterprets: {},
|
|
78
73
|
category: 'Code & Data',
|
|
79
74
|
snippet: ['{% preview source=true %}', '$0', '{% /preview %}'],
|
|
80
75
|
fixture: `{% preview title="Button Variants" theme="auto" responsive="mobile,tablet,desktop" %}
|
|
@@ -90,7 +85,6 @@ export const design = {
|
|
|
90
85
|
'mockup': {
|
|
91
86
|
transform: mockup,
|
|
92
87
|
description: 'Device frame chrome (phone, tablet, browser, laptop) wrapping content for realistic device context',
|
|
93
|
-
reinterprets: {},
|
|
94
88
|
category: 'Design',
|
|
95
89
|
snippet: ['{% mockup device="${1|browser,iphone-15,iphone-se,ipad,macbook,phone,tablet|}" %}', '$0', '{% /mockup %}'],
|
|
96
90
|
fixture: `{% mockup device="browser" url="https://example.com" %}
|
|
@@ -102,7 +96,6 @@ A landing page with a hero section and call to action.
|
|
|
102
96
|
'design-context': {
|
|
103
97
|
transform: designContext,
|
|
104
98
|
description: 'Unified design token card composing palette, typography, and spacing runes with automatic sandbox injection',
|
|
105
|
-
reinterprets: {},
|
|
106
99
|
category: 'Design',
|
|
107
100
|
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 %}'],
|
|
108
101
|
fixture: `{% design-context title="Brand Tokens" %}
|
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,
|
|
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.9.
|
|
4
|
+
"version": "0.9.9",
|
|
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.9.
|
|
25
|
-
"@refrakt-md/transform": "0.9.
|
|
26
|
-
"@refrakt-md/runes": "0.9.
|
|
24
|
+
"@refrakt-md/types": "0.9.9",
|
|
25
|
+
"@refrakt-md/transform": "0.9.9",
|
|
26
|
+
"@refrakt-md/runes": "0.9.9",
|
|
27
27
|
"@markdoc/markdoc": "0.4.0",
|
|
28
28
|
"reflect-metadata": "^0.2.0"
|
|
29
29
|
}
|