@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.
Files changed (4) hide show
  1. package/dist/index.d.ts.map +1 -1
  2. package/dist/index.js +15 -1
  3. package/dist/index.js.map +1 -1
  4. 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,WAgHpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
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.3',
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.3",
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.3",
25
- "@refrakt-md/transform": "0.8.3",
26
- "@refrakt-md/runes": "0.8.3",
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
  }