@refrakt-md/design 0.7.1 → 0.7.2
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/config.d.ts.map +1 -1
- package/dist/config.js +125 -1
- package/dist/config.js.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -0
- package/dist/index.js.map +1 -1
- package/dist/pipeline.d.ts +3 -0
- package/dist/pipeline.d.ts.map +1 -0
- package/dist/pipeline.js +80 -0
- package/dist/pipeline.js.map +1 -0
- package/dist/schema/design-context.d.ts +1 -9
- package/dist/schema/design-context.d.ts.map +1 -1
- package/dist/schema/design-context.js +1 -0
- package/dist/schema/design-context.js.map +1 -1
- package/dist/schema/palette.d.ts +0 -13
- package/dist/schema/palette.d.ts.map +1 -1
- package/dist/schema/palette.js.map +1 -1
- package/dist/schema/preview.d.ts +0 -14
- package/dist/schema/preview.d.ts.map +1 -1
- package/dist/schema/preview.js.map +1 -1
- package/dist/schema/spacing.d.ts +0 -10
- package/dist/schema/spacing.d.ts.map +1 -1
- package/dist/schema/spacing.js.map +1 -1
- package/dist/schema/swatch.d.ts +0 -13
- package/dist/schema/swatch.d.ts.map +1 -1
- package/dist/schema/swatch.js.map +1 -1
- package/dist/schema/typography.d.ts +0 -14
- package/dist/schema/typography.d.ts.map +1 -1
- package/dist/schema/typography.js.map +1 -1
- package/dist/tags/design-context.d.ts.map +1 -1
- package/dist/tags/design-context.js +7 -0
- package/dist/tags/design-context.js.map +1 -1
- package/dist/tags/mockup.d.ts +3 -0
- package/dist/tags/mockup.d.ts.map +1 -0
- package/dist/tags/mockup.js +97 -0
- package/dist/tags/mockup.js.map +1 -0
- package/dist/types.d.ts +12 -12
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js.map +1 -1
- package/package.json +4 -4
package/dist/config.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAA+B,MAAM,uBAAuB,CAAC;AAGrF,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAmN7C,CAAC"}
|
package/dist/config.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { isTag, makeTag, renderToHtml } from '@refrakt-md/transform';
|
|
1
|
+
import { isTag, makeTag, renderToHtml, readMeta } from '@refrakt-md/transform';
|
|
2
2
|
export const config = {
|
|
3
3
|
Swatch: { block: 'swatch' },
|
|
4
4
|
Palette: {
|
|
@@ -71,5 +71,129 @@ export const config = {
|
|
|
71
71
|
return { ...node, children: [...node.children, themedPre] };
|
|
72
72
|
},
|
|
73
73
|
},
|
|
74
|
+
Mockup: {
|
|
75
|
+
block: 'mockup',
|
|
76
|
+
modifiers: {
|
|
77
|
+
device: { source: 'meta', default: 'browser' },
|
|
78
|
+
color: { source: 'meta', default: 'dark' },
|
|
79
|
+
},
|
|
80
|
+
postTransform(node) {
|
|
81
|
+
const block = node.attributes.class?.split(' ')[0] || 'rf-mockup';
|
|
82
|
+
const device = readMeta(node, 'device') || node.attributes['data-device'] || 'browser';
|
|
83
|
+
const statusBar = readMeta(node, 'statusBar') !== 'false';
|
|
84
|
+
const url = readMeta(node, 'url') || '';
|
|
85
|
+
const label = readMeta(node, 'label') || '';
|
|
86
|
+
const scale = readMeta(node, 'scale') || '';
|
|
87
|
+
// Device categories
|
|
88
|
+
const mobileDevices = ['iphone-15', 'iphone-se', 'pixel', 'phone'];
|
|
89
|
+
const tabletDevices = ['ipad', 'tablet'];
|
|
90
|
+
const isMobile = mobileDevices.includes(device);
|
|
91
|
+
const isTablet = tabletDevices.includes(device);
|
|
92
|
+
const isBrowser = device === 'browser' || device === 'browser-dark';
|
|
93
|
+
const isMacbook = device === 'macbook';
|
|
94
|
+
// Extract viewport and filter consumed meta tags
|
|
95
|
+
let viewport = null;
|
|
96
|
+
const consumedMetas = ['statusBar', 'url', 'label', 'scale'];
|
|
97
|
+
for (const child of node.children) {
|
|
98
|
+
if (isTag(child) && child.attributes?.['data-name'] === 'viewport') {
|
|
99
|
+
viewport = child;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
// Filter consumed meta tags
|
|
103
|
+
const filtered = node.children.filter(child => {
|
|
104
|
+
if (isTag(child) && child.attributes?.['data-name'] === 'viewport')
|
|
105
|
+
return false;
|
|
106
|
+
if (!isTag(child) || child.name !== 'meta')
|
|
107
|
+
return true;
|
|
108
|
+
return !consumedMetas.includes(child.attributes.property);
|
|
109
|
+
});
|
|
110
|
+
// Fallback viewport
|
|
111
|
+
if (!viewport) {
|
|
112
|
+
viewport = makeTag('div', { 'data-name': 'viewport', class: `${block}__viewport` }, filtered);
|
|
113
|
+
}
|
|
114
|
+
// Build frame internals based on device type
|
|
115
|
+
const frameChildren = [];
|
|
116
|
+
if (isMobile || isTablet) {
|
|
117
|
+
const bezelChildren = [];
|
|
118
|
+
// Notch (mobile only)
|
|
119
|
+
if (isMobile) {
|
|
120
|
+
if (device === 'iphone-15') {
|
|
121
|
+
bezelChildren.push(makeTag('div', { class: `${block}__notch ${block}__notch--dynamic-island` }, []));
|
|
122
|
+
}
|
|
123
|
+
else if (device === 'iphone-se') {
|
|
124
|
+
bezelChildren.push(makeTag('div', { class: `${block}__notch ${block}__notch--classic` }, []));
|
|
125
|
+
}
|
|
126
|
+
else if (device === 'pixel') {
|
|
127
|
+
bezelChildren.push(makeTag('div', { class: `${block}__notch ${block}__notch--punch-hole` }, []));
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
// Status bar (mobile only)
|
|
131
|
+
if (isMobile && statusBar) {
|
|
132
|
+
bezelChildren.push(makeTag('div', { class: `${block}__status-bar` }, [
|
|
133
|
+
makeTag('span', { class: `${block}__status-time` }, ['9:41']),
|
|
134
|
+
makeTag('span', { class: `${block}__status-icons` }, []),
|
|
135
|
+
]));
|
|
136
|
+
}
|
|
137
|
+
bezelChildren.push(viewport);
|
|
138
|
+
// Home indicator (mobile only)
|
|
139
|
+
if (isMobile) {
|
|
140
|
+
bezelChildren.push(makeTag('div', { class: `${block}__home-indicator` }, []));
|
|
141
|
+
}
|
|
142
|
+
frameChildren.push(makeTag('div', { class: `${block}__bezel` }, bezelChildren));
|
|
143
|
+
}
|
|
144
|
+
else if (isBrowser || isMacbook) {
|
|
145
|
+
// Title bar with traffic lights
|
|
146
|
+
const titleBarChildren = [
|
|
147
|
+
makeTag('div', { class: `${block}__traffic-lights` }, [
|
|
148
|
+
makeTag('span', { class: `${block}__traffic-light ${block}__traffic-light--close` }, []),
|
|
149
|
+
makeTag('span', { class: `${block}__traffic-light ${block}__traffic-light--minimize` }, []),
|
|
150
|
+
makeTag('span', { class: `${block}__traffic-light ${block}__traffic-light--maximize` }, []),
|
|
151
|
+
]),
|
|
152
|
+
];
|
|
153
|
+
// Address bar (browser only)
|
|
154
|
+
if (isBrowser) {
|
|
155
|
+
titleBarChildren.push(makeTag('div', { class: `${block}__address-bar` }, [
|
|
156
|
+
...(url ? [makeTag('span', { class: `${block}__url` }, [url])] : []),
|
|
157
|
+
]));
|
|
158
|
+
}
|
|
159
|
+
frameChildren.push(makeTag('div', { class: `${block}__title-bar` }, titleBarChildren));
|
|
160
|
+
frameChildren.push(viewport);
|
|
161
|
+
// Keyboard (macbook only)
|
|
162
|
+
if (isMacbook) {
|
|
163
|
+
frameChildren.push(makeTag('div', { class: `${block}__keyboard` }, [
|
|
164
|
+
makeTag('div', { class: `${block}__trackpad` }, []),
|
|
165
|
+
]));
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
else if (node.attributes['data-device'] === 'watch') {
|
|
169
|
+
const bezelChildren = [viewport];
|
|
170
|
+
frameChildren.push(makeTag('div', { class: `${block}__bezel` }, bezelChildren));
|
|
171
|
+
}
|
|
172
|
+
else {
|
|
173
|
+
// 'none' or fallback — just viewport
|
|
174
|
+
frameChildren.push(viewport);
|
|
175
|
+
}
|
|
176
|
+
const children = [
|
|
177
|
+
makeTag('div', { class: `${block}__frame` }, frameChildren),
|
|
178
|
+
];
|
|
179
|
+
// Label
|
|
180
|
+
if (label) {
|
|
181
|
+
children.push(makeTag('div', { class: `${block}__label` }, [label]));
|
|
182
|
+
}
|
|
183
|
+
// Scale as CSS custom property
|
|
184
|
+
let style = node.attributes.style || '';
|
|
185
|
+
if (scale && scale !== '1') {
|
|
186
|
+
style = style ? `${style}; --mockup-scale: ${scale}` : `--mockup-scale: ${scale}`;
|
|
187
|
+
}
|
|
188
|
+
return {
|
|
189
|
+
...node,
|
|
190
|
+
attributes: {
|
|
191
|
+
...node.attributes,
|
|
192
|
+
...(style ? { style } : {}),
|
|
193
|
+
},
|
|
194
|
+
children,
|
|
195
|
+
};
|
|
196
|
+
},
|
|
197
|
+
},
|
|
74
198
|
};
|
|
75
199
|
//# sourceMappingURL=config.js.map
|
package/dist/config.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE/E,MAAM,CAAC,MAAM,MAAM,GAA+B;IACjD,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC3B,OAAO,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE;YACV,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YACzB,YAAY,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YAChC,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YAC5B,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;SAC3B;QACD,gBAAgB,EAAE,EAAE,aAAa,EAAE,mBAAmB,EAAE;KACxD;IACD,UAAU,EAAE;QACX,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE;YACV,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YACzB,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YAC7B,WAAW,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YAC/B,WAAW,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;SAC/B;QACD,gBAAgB,EAAE,EAAE,aAAa,EAAE,mBAAmB,EAAE;KACxD;IACD,OAAO,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE;YACV,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;SACzB;QACD,gBAAgB,EAAE,EAAE,aAAa,EAAE,mBAAmB,EAAE;KACxD;IACD,aAAa,EAAE;QACd,KAAK,EAAE,gBAAgB;QACvB,SAAS,EAAE;YACV,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;SACzB;KACD;IACD,OAAO,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE;YACV,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;YAC1C,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;YAC1C,UAAU,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YAC9B,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;SACzB;QACD,aAAa,CAAC,IAAI;YACjB,mDAAmD;YACnD,oEAAoE;YACpE,uEAAuE;YACvE,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CACnC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,UAAU,CAAC,QAAQ,KAAK,QAAQ,CACvE,CAAC;YACF,IAAI,CAAC,SAAS;gBAAE,OAAO,IAAI,CAAC;YAE5B,yEAAyE;YACzE,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAChD,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;oBAAE,OAAO,IAAI,CAAC;gBAC3B,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,UAAU,CAAC,QAAQ;oBAAE,OAAO,KAAK,CAAC;gBAC7D,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,UAAU,CAAC,QAAQ;oBAAE,OAAO,KAAK,CAAC;gBAC5D,OAAO,IAAI,CAAC;YACb,CAAC,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,YAAY,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC7D,IAAI,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC;YAEvB,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,EAAE;gBAChC,QAAQ,EAAE,cAAc;gBACxB,eAAe,EAAE,MAAM;aACvB,EAAE;gBACF,OAAO,CAAC,MAAM,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;aACpD,CAAC,CAAC;YAEH,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC;QAC7D,CAAC;KACD;IACD,MAAM,EAAE;QACP,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE;YACV,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;YAC9C,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;SAC1C;QACD,aAAa,CAAC,IAAI;YACjB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC;YAClE,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC;YACvF,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,KAAK,OAAO,CAAC;YAC1D,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;YACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YAE5C,oBAAoB;YACpB,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACnE,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACzC,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAChD,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAChD,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,cAAc,CAAC;YACpE,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,CAAC;YAEvC,iDAAiD;YACjD,IAAI,QAAQ,GAAyB,IAAI,CAAC;YAC1C,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YAC7D,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnC,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,WAAW,CAAC,KAAK,UAAU,EAAE,CAAC;oBACpE,QAAQ,GAAG,KAAK,CAAC;gBAClB,CAAC;YACF,CAAC;YAED,4BAA4B;YAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBAC7C,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,WAAW,CAAC,KAAK,UAAU;oBAAE,OAAO,KAAK,CAAC;gBACjF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM;oBAAE,OAAO,IAAI,CAAC;gBACxD,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;YAEH,oBAAoB;YACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,QAAQ,GAAG,OAAO,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,YAAY,EAAE,EAAE,QAAQ,CAAC,CAAC;YAC/F,CAAC;YAED,6CAA6C;YAC7C,MAAM,aAAa,GAAmB,EAAE,CAAC;YAEzC,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBAC1B,MAAM,aAAa,GAAmB,EAAE,CAAC;gBAEzC,sBAAsB;gBACtB,IAAI,QAAQ,EAAE,CAAC;oBACd,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;wBAC5B,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,WAAW,KAAK,yBAAyB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;oBACtG,CAAC;yBAAM,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;wBACnC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,WAAW,KAAK,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;oBAC/F,CAAC;yBAAM,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;wBAC/B,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,WAAW,KAAK,qBAAqB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;oBAClG,CAAC;gBACF,CAAC;gBAED,2BAA2B;gBAC3B,IAAI,QAAQ,IAAI,SAAS,EAAE,CAAC;oBAC3B,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,cAAc,EAAE,EAAE;wBACpE,OAAO,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;wBAC7D,OAAO,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,gBAAgB,EAAE,EAAE,EAAE,CAAC;qBACxD,CAAC,CAAC,CAAC;gBACL,CAAC;gBAED,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAE7B,+BAA+B;gBAC/B,IAAI,QAAQ,EAAE,CAAC;oBACd,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;gBAC/E,CAAC;gBAED,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;YAEjF,CAAC;iBAAM,IAAI,SAAS,IAAI,SAAS,EAAE,CAAC;gBACnC,gCAAgC;gBAChC,MAAM,gBAAgB,GAAmB;oBACxC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,kBAAkB,EAAE,EAAE;wBACrD,OAAO,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,mBAAmB,KAAK,wBAAwB,EAAE,EAAE,EAAE,CAAC;wBACxF,OAAO,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,mBAAmB,KAAK,2BAA2B,EAAE,EAAE,EAAE,CAAC;wBAC3F,OAAO,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,mBAAmB,KAAK,2BAA2B,EAAE,EAAE,EAAE,CAAC;qBAC3F,CAAC;iBACF,CAAC;gBAEF,6BAA6B;gBAC7B,IAAI,SAAS,EAAE,CAAC;oBACf,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,EAAE;wBACxE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;qBACpE,CAAC,CAAC,CAAC;gBACL,CAAC;gBAED,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,aAAa,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC;gBACvF,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAE7B,0BAA0B;gBAC1B,IAAI,SAAS,EAAE,CAAC;oBACf,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,YAAY,EAAE,EAAE;wBAClE,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,YAAY,EAAE,EAAE,EAAE,CAAC;qBACnD,CAAC,CAAC,CAAC;gBACL,CAAC;YAEF,CAAC;iBAAM,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,OAAO,EAAE,CAAC;gBACvD,MAAM,aAAa,GAAmB,CAAC,QAAQ,CAAC,CAAC;gBACjD,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;YAEjF,CAAC;iBAAM,CAAC;gBACP,qCAAqC;gBACrC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9B,CAAC;YAED,MAAM,QAAQ,GAAmB;gBAChC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE,aAAa,CAAC;aAC3D,CAAC;YAEF,QAAQ;YACR,IAAI,KAAK,EAAE,CAAC;gBACX,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACtE,CAAC;YAED,+BAA+B;YAC/B,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC;YACxC,IAAI,KAAK,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;gBAC5B,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,qBAAqB,KAAK,EAAE,CAAC,CAAC,CAAC,mBAAmB,KAAK,EAAE,CAAC;YACnF,CAAC;YAED,OAAO;gBACN,GAAG,IAAI;gBACP,UAAU,EAAE;oBACX,GAAG,IAAI,CAAC,UAAU;oBAClB,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;iBAC3B;gBACD,QAAQ;aACR,CAAC;QACH,CAAC;KACD;CACD,CAAC"}
|
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;
|
|
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,WAiHpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -4,7 +4,9 @@ import { typography } from './tags/typography.js';
|
|
|
4
4
|
import { spacing } from './tags/spacing.js';
|
|
5
5
|
import { preview } from './tags/preview.js';
|
|
6
6
|
import { designContext } from './tags/design-context.js';
|
|
7
|
+
import { mockup } from './tags/mockup.js';
|
|
7
8
|
import { config } from './config.js';
|
|
9
|
+
import { designPipelineHooks } from './pipeline.js';
|
|
8
10
|
export const design = {
|
|
9
11
|
name: 'design',
|
|
10
12
|
displayName: 'Design',
|
|
@@ -75,6 +77,16 @@ export const design = {
|
|
|
75
77
|
<button class="rf-btn rf-btn--primary">Primary</button>
|
|
76
78
|
<button class="rf-btn rf-btn--secondary">Secondary</button>
|
|
77
79
|
{% /preview %}`,
|
|
80
|
+
},
|
|
81
|
+
'mockup': {
|
|
82
|
+
transform: mockup,
|
|
83
|
+
description: 'Device frame chrome (phone, tablet, browser, laptop) wrapping content for realistic device context',
|
|
84
|
+
reinterprets: {},
|
|
85
|
+
fixture: `{% mockup device="browser" url="https://example.com" %}
|
|
86
|
+
|
|
87
|
+
A landing page with a hero section and call to action.
|
|
88
|
+
|
|
89
|
+
{% /mockup %}`,
|
|
78
90
|
},
|
|
79
91
|
'design-context': {
|
|
80
92
|
transform: designContext,
|
|
@@ -107,6 +119,7 @@ export const design = {
|
|
|
107
119
|
theme: {
|
|
108
120
|
runes: config,
|
|
109
121
|
},
|
|
122
|
+
pipeline: designPipelineHooks,
|
|
110
123
|
};
|
|
111
124
|
export default design;
|
|
112
125
|
//# sourceMappingURL=index.js.map
|
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,aAAa,CAAC;
|
|
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,OAAO,EAAE,CAAC,UAAU,CAAC;YACrB,WAAW,EAAE,gGAAgG;YAC7G,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../src/pipeline.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAgB,MAAM,mBAAmB,CAAC;AAyB5E,eAAO,MAAM,mBAAmB,EAAE,oBAmDjC,CAAC"}
|
package/dist/pipeline.js
ADDED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import Markdoc from '@markdoc/markdoc';
|
|
2
|
+
const { Tag } = Markdoc;
|
|
3
|
+
function walkTags(node, fn) {
|
|
4
|
+
if (Markdoc.Tag.isTag(node)) {
|
|
5
|
+
fn(node);
|
|
6
|
+
for (const child of node.children)
|
|
7
|
+
walkTags(child, fn);
|
|
8
|
+
}
|
|
9
|
+
else if (Array.isArray(node)) {
|
|
10
|
+
node.forEach(n => walkTags(n, fn));
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
function mapTags(node, fn) {
|
|
14
|
+
if (Markdoc.Tag.isTag(node)) {
|
|
15
|
+
const mapped = fn(node);
|
|
16
|
+
if (mapped !== node)
|
|
17
|
+
return mapped;
|
|
18
|
+
const newChildren = node.children.map(c => mapTags(c, fn));
|
|
19
|
+
const changed = newChildren.some((c, i) => c !== node.children[i]);
|
|
20
|
+
return changed ? new Tag(node.name, node.attributes, newChildren) : node;
|
|
21
|
+
}
|
|
22
|
+
if (Array.isArray(node))
|
|
23
|
+
return node.map(n => mapTags(n, fn));
|
|
24
|
+
return node;
|
|
25
|
+
}
|
|
26
|
+
export const designPipelineHooks = {
|
|
27
|
+
register(pages, registry, ctx) {
|
|
28
|
+
for (const page of pages) {
|
|
29
|
+
walkTags(page.renderable, (tag) => {
|
|
30
|
+
if (tag.attributes['typeof'] !== 'DesignContext')
|
|
31
|
+
return;
|
|
32
|
+
const tokensMeta = tag.children.find(c => Markdoc.Tag.isTag(c) && c.attributes.property === 'tokens');
|
|
33
|
+
const scopeMeta = tag.children.find(c => Markdoc.Tag.isTag(c) && c.attributes.property === 'scope');
|
|
34
|
+
if (!tokensMeta || !Markdoc.Tag.isTag(tokensMeta))
|
|
35
|
+
return;
|
|
36
|
+
const scope = (Markdoc.Tag.isTag(scopeMeta) ? scopeMeta.attributes.content : '') || 'default';
|
|
37
|
+
try {
|
|
38
|
+
const tokens = JSON.parse(tokensMeta.attributes.content);
|
|
39
|
+
registry.register({ type: 'design-context', id: scope, sourceUrl: page.url, data: tokens });
|
|
40
|
+
}
|
|
41
|
+
catch {
|
|
42
|
+
ctx.warn(`Failed to parse design tokens`, page.url);
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
aggregate(registry) {
|
|
48
|
+
const contexts = {};
|
|
49
|
+
for (const entity of registry.getAll('design-context')) {
|
|
50
|
+
contexts[entity.id] = entity.data;
|
|
51
|
+
}
|
|
52
|
+
return { contexts };
|
|
53
|
+
},
|
|
54
|
+
postProcess(page, aggregated, ctx) {
|
|
55
|
+
const designData = aggregated['design'];
|
|
56
|
+
if (!designData?.contexts || Object.keys(designData.contexts).length === 0)
|
|
57
|
+
return page;
|
|
58
|
+
let modified = false;
|
|
59
|
+
const newRenderable = mapTags(page.renderable, (tag) => {
|
|
60
|
+
if (tag.attributes['typeof'] !== 'Sandbox')
|
|
61
|
+
return tag;
|
|
62
|
+
const contextMeta = tag.children.find(c => Markdoc.Tag.isTag(c) && c.attributes.property === 'context');
|
|
63
|
+
const scope = (Markdoc.Tag.isTag(contextMeta) ? contextMeta.attributes.content : '') || 'default';
|
|
64
|
+
const tokens = designData.contexts[scope];
|
|
65
|
+
if (!tokens) {
|
|
66
|
+
if (scope !== 'default') {
|
|
67
|
+
ctx.warn(`Sandbox references design context "${scope}" which is not defined on any page`, page.url);
|
|
68
|
+
}
|
|
69
|
+
return tag;
|
|
70
|
+
}
|
|
71
|
+
modified = true;
|
|
72
|
+
const injected = new Tag('meta', { property: 'design-tokens', content: JSON.stringify(tokens) });
|
|
73
|
+
return new Tag(tag.name, tag.attributes, [...tag.children, injected]);
|
|
74
|
+
});
|
|
75
|
+
if (!modified)
|
|
76
|
+
return page;
|
|
77
|
+
return { ...page, renderable: newRenderable };
|
|
78
|
+
},
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=pipeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pipeline.js","sourceRoot":"","sources":["../src/pipeline.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,6 @@
|
|
|
1
|
-
import { ComponentType } from "@refrakt-md/types";
|
|
2
1
|
export declare class DesignContext {
|
|
3
2
|
title: string;
|
|
4
3
|
tokens: string;
|
|
5
|
-
|
|
6
|
-
export interface DesignContextComponent extends ComponentType<DesignContext> {
|
|
7
|
-
tag: 'section';
|
|
8
|
-
properties: {
|
|
9
|
-
title: 'meta';
|
|
10
|
-
tokens: 'meta';
|
|
11
|
-
};
|
|
12
|
-
refs: {};
|
|
4
|
+
scope: string;
|
|
13
5
|
}
|
|
14
6
|
//# sourceMappingURL=design-context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-context.d.ts","sourceRoot":"","sources":["../../src/schema/design-context.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"design-context.d.ts","sourceRoot":"","sources":["../../src/schema/design-context.ts"],"names":[],"mappings":"AAAA,qBAAa,aAAa;IACzB,KAAK,EAAE,MAAM,CAAM;IACnB,MAAM,EAAE,MAAM,CAAM;IACpB,KAAK,EAAE,MAAM,CAAa;CAC1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-context.js","sourceRoot":"","sources":["../../src/schema/design-context.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"design-context.js","sourceRoot":"","sources":["../../src/schema/design-context.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,aAAa;IAA1B;QACC,UAAK,GAAW,EAAE,CAAC;QACnB,WAAM,GAAW,EAAE,CAAC;QACpB,UAAK,GAAW,SAAS,CAAC;IAC3B,CAAC;CAAA"}
|
package/dist/schema/palette.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ComponentType } from "@refrakt-md/types";
|
|
2
1
|
export declare class PaletteEntry {
|
|
3
2
|
name: string;
|
|
4
3
|
value: string;
|
|
@@ -15,16 +14,4 @@ export declare class Palette {
|
|
|
15
14
|
showA11y: boolean;
|
|
16
15
|
columns: number | undefined;
|
|
17
16
|
}
|
|
18
|
-
export interface PaletteComponent extends ComponentType<Palette> {
|
|
19
|
-
tag: 'section';
|
|
20
|
-
properties: {
|
|
21
|
-
title: 'meta';
|
|
22
|
-
showContrast: 'meta';
|
|
23
|
-
showA11y: 'meta';
|
|
24
|
-
columns: 'meta';
|
|
25
|
-
};
|
|
26
|
-
refs: {
|
|
27
|
-
grid: 'div';
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
17
|
//# sourceMappingURL=palette.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/schema/palette.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/schema/palette.ts"],"names":[],"mappings":"AAAA,qBAAa,YAAY;IACxB,IAAI,EAAE,MAAM,CAAM;IAClB,KAAK,EAAE,MAAM,CAAM;IACnB,gDAAgD;IAChD,MAAM,EAAE,MAAM,EAAE,CAAM;CACtB;AAED,qBAAa,YAAY;IACxB,KAAK,EAAE,MAAM,CAAM;IACnB,OAAO,EAAE,YAAY,EAAE,CAAM;CAC7B;AAED,qBAAa,OAAO;IACnB,KAAK,EAAE,MAAM,CAAM;IACnB,YAAY,EAAE,OAAO,CAAS;IAC9B,QAAQ,EAAE,OAAO,CAAS;IAC1B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAa;CACxC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/schema/palette.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/schema/palette.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,YAAY;IAAzB;QACC,SAAI,GAAW,EAAE,CAAC;QAClB,UAAK,GAAW,EAAE,CAAC;QACnB,gDAAgD;QAChD,WAAM,GAAa,EAAE,CAAC;IACvB,CAAC;CAAA;AAED,MAAM,OAAO,YAAY;IAAzB;QACC,UAAK,GAAW,EAAE,CAAC;QACnB,YAAO,GAAmB,EAAE,CAAC;IAC9B,CAAC;CAAA;AAED,MAAM,OAAO,OAAO;IAApB;QACC,UAAK,GAAW,EAAE,CAAC;QACnB,iBAAY,GAAY,KAAK,CAAC;QAC9B,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAuB,SAAS,CAAC;IACzC,CAAC;CAAA"}
|
package/dist/schema/preview.d.ts
CHANGED
|
@@ -1,21 +1,7 @@
|
|
|
1
|
-
import { ComponentType } from "@refrakt-md/types";
|
|
2
1
|
export declare class Preview {
|
|
3
2
|
title: string;
|
|
4
3
|
theme: string;
|
|
5
4
|
width: string;
|
|
6
5
|
responsive: string;
|
|
7
6
|
}
|
|
8
|
-
export interface PreviewComponent extends ComponentType<Preview> {
|
|
9
|
-
tag: 'div';
|
|
10
|
-
properties: {
|
|
11
|
-
title: 'meta';
|
|
12
|
-
theme: 'meta';
|
|
13
|
-
width: 'meta';
|
|
14
|
-
source: 'pre';
|
|
15
|
-
htmlSource: 'pre';
|
|
16
|
-
themedSource: 'pre';
|
|
17
|
-
responsive: 'meta';
|
|
18
|
-
};
|
|
19
|
-
refs: {};
|
|
20
|
-
}
|
|
21
7
|
//# sourceMappingURL=preview.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/schema/preview.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/schema/preview.ts"],"names":[],"mappings":"AAAA,qBAAa,OAAO;IACnB,KAAK,EAAE,MAAM,CAAM;IACnB,KAAK,EAAE,MAAM,CAAU;IACvB,KAAK,EAAE,MAAM,CAAU;IACvB,UAAU,EAAE,MAAM,CAAM;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview.js","sourceRoot":"","sources":["../../src/schema/preview.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"preview.js","sourceRoot":"","sources":["../../src/schema/preview.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,OAAO;IAApB;QACC,UAAK,GAAW,EAAE,CAAC;QACnB,UAAK,GAAW,MAAM,CAAC;QACvB,UAAK,GAAW,MAAM,CAAC;QACvB,eAAU,GAAW,EAAE,CAAC;IACzB,CAAC;CAAA"}
|
package/dist/schema/spacing.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ComponentType } from "@refrakt-md/types";
|
|
2
1
|
export declare class SpacingScale {
|
|
3
2
|
unit: string;
|
|
4
3
|
scale: string[];
|
|
@@ -14,13 +13,4 @@ export declare class SpacingShadow {
|
|
|
14
13
|
export declare class Spacing {
|
|
15
14
|
title: string;
|
|
16
15
|
}
|
|
17
|
-
export interface SpacingComponent extends ComponentType<Spacing> {
|
|
18
|
-
tag: 'section';
|
|
19
|
-
properties: {
|
|
20
|
-
title: 'meta';
|
|
21
|
-
};
|
|
22
|
-
refs: {
|
|
23
|
-
sections: 'div';
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
16
|
//# sourceMappingURL=spacing.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/schema/spacing.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/schema/spacing.ts"],"names":[],"mappings":"AAAA,qBAAa,YAAY;IACxB,IAAI,EAAE,MAAM,CAAM;IAClB,KAAK,EAAE,MAAM,EAAE,CAAM;CACrB;AAED,qBAAa,aAAa;IACzB,IAAI,EAAE,MAAM,CAAM;IAClB,KAAK,EAAE,MAAM,CAAM;CACnB;AAED,qBAAa,aAAa;IACzB,IAAI,EAAE,MAAM,CAAM;IAClB,KAAK,EAAE,MAAM,CAAM;CACnB;AAED,qBAAa,OAAO;IACnB,KAAK,EAAE,MAAM,CAAM;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/schema/spacing.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/schema/spacing.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,YAAY;IAAzB;QACC,SAAI,GAAW,EAAE,CAAC;QAClB,UAAK,GAAa,EAAE,CAAC;IACtB,CAAC;CAAA;AAED,MAAM,OAAO,aAAa;IAA1B;QACC,SAAI,GAAW,EAAE,CAAC;QAClB,UAAK,GAAW,EAAE,CAAC;IACpB,CAAC;CAAA;AAED,MAAM,OAAO,aAAa;IAA1B;QACC,SAAI,GAAW,EAAE,CAAC;QAClB,UAAK,GAAW,EAAE,CAAC;IACpB,CAAC;CAAA;AAED,MAAM,OAAO,OAAO;IAApB;QACC,UAAK,GAAW,EAAE,CAAC;IACpB,CAAC;CAAA"}
|
package/dist/schema/swatch.d.ts
CHANGED
|
@@ -1,19 +1,6 @@
|
|
|
1
|
-
import { ComponentType } from "@refrakt-md/types";
|
|
2
1
|
export declare class Swatch {
|
|
3
2
|
color: string;
|
|
4
3
|
label: string;
|
|
5
4
|
showValue: boolean;
|
|
6
5
|
}
|
|
7
|
-
export interface SwatchComponent extends ComponentType<Swatch> {
|
|
8
|
-
tag: 'span';
|
|
9
|
-
properties: {
|
|
10
|
-
color: 'meta';
|
|
11
|
-
label: 'span';
|
|
12
|
-
showValue: 'meta';
|
|
13
|
-
};
|
|
14
|
-
refs: {
|
|
15
|
-
chip: 'span';
|
|
16
|
-
value: 'span';
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
6
|
//# sourceMappingURL=swatch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../src/schema/swatch.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../src/schema/swatch.ts"],"names":[],"mappings":"AAAA,qBAAa,MAAM;IAClB,KAAK,EAAE,MAAM,CAAM;IACnB,KAAK,EAAE,MAAM,CAAM;IACnB,SAAS,EAAE,OAAO,CAAS;CAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"swatch.js","sourceRoot":"","sources":["../../src/schema/swatch.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"swatch.js","sourceRoot":"","sources":["../../src/schema/swatch.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,MAAM;IAAnB;QACC,UAAK,GAAW,EAAE,CAAC;QACnB,UAAK,GAAW,EAAE,CAAC;QACnB,cAAS,GAAY,KAAK,CAAC;IAC5B,CAAC;CAAA"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ComponentType } from "@refrakt-md/types";
|
|
2
1
|
export declare class TypographySpecimen {
|
|
3
2
|
role: string;
|
|
4
3
|
family: string;
|
|
@@ -11,17 +10,4 @@ export declare class Typography {
|
|
|
11
10
|
showWeights: boolean;
|
|
12
11
|
showCharset: boolean;
|
|
13
12
|
}
|
|
14
|
-
export interface TypographyComponent extends ComponentType<Typography> {
|
|
15
|
-
tag: 'section';
|
|
16
|
-
properties: {
|
|
17
|
-
title: 'meta';
|
|
18
|
-
sample: 'meta';
|
|
19
|
-
showSizes: 'meta';
|
|
20
|
-
showWeights: 'meta';
|
|
21
|
-
showCharset: 'meta';
|
|
22
|
-
};
|
|
23
|
-
refs: {
|
|
24
|
-
specimens: 'div';
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
13
|
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/schema/typography.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/schema/typography.ts"],"names":[],"mappings":"AAAA,qBAAa,kBAAkB;IAC9B,IAAI,EAAE,MAAM,CAAM;IAClB,MAAM,EAAE,MAAM,CAAM;IACpB,OAAO,EAAE,MAAM,EAAE,CAAM;CACvB;AAED,qBAAa,UAAU;IACtB,KAAK,EAAE,MAAM,CAAM;IACnB,MAAM,EAAE,MAAM,CAAiD;IAC/D,SAAS,EAAE,OAAO,CAAQ;IAC1B,WAAW,EAAE,OAAO,CAAQ;IAC5B,WAAW,EAAE,OAAO,CAAS;CAC7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/schema/typography.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/schema/typography.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,kBAAkB;IAA/B;QACC,SAAI,GAAW,EAAE,CAAC;QAClB,WAAM,GAAW,EAAE,CAAC;QACpB,YAAO,GAAa,EAAE,CAAC;IACxB,CAAC;CAAA;AAED,MAAM,OAAO,UAAU;IAAvB;QACC,UAAK,GAAW,EAAE,CAAC;QACnB,WAAM,GAAW,6CAA6C,CAAC;QAC/D,cAAS,GAAY,IAAI,CAAC;QAC1B,gBAAW,GAAY,IAAI,CAAC;QAC5B,gBAAW,GAAY,KAAK,CAAC;IAC9B,CAAC;CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-context.d.ts","sourceRoot":"","sources":["../../src/tags/design-context.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"design-context.d.ts","sourceRoot":"","sources":["../../src/tags/design-context.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAyEvC,eAAO,MAAM,aAAa,gBAAmC,CAAC"}
|
|
@@ -18,6 +18,7 @@ class DesignContextModel extends Model {
|
|
|
18
18
|
constructor() {
|
|
19
19
|
super(...arguments);
|
|
20
20
|
this.title = '';
|
|
21
|
+
this.scope = 'default';
|
|
21
22
|
}
|
|
22
23
|
transform() {
|
|
23
24
|
// Extract tokens from child AST nodes before transforming
|
|
@@ -47,6 +48,7 @@ class DesignContextModel extends Model {
|
|
|
47
48
|
// Meta tags
|
|
48
49
|
const titleMeta = new Tag('meta', { content: this.title });
|
|
49
50
|
const tokensMeta = new Tag('meta', { content: JSON.stringify(tokens) });
|
|
51
|
+
const scopeMeta = new Tag('meta', { content: this.scope });
|
|
50
52
|
const topChildren = [
|
|
51
53
|
titleMeta,
|
|
52
54
|
tokensMeta,
|
|
@@ -62,6 +64,7 @@ class DesignContextModel extends Model {
|
|
|
62
64
|
properties: {
|
|
63
65
|
title: titleMeta,
|
|
64
66
|
tokens: tokensMeta,
|
|
67
|
+
scope: scopeMeta,
|
|
65
68
|
},
|
|
66
69
|
children: topChildren,
|
|
67
70
|
});
|
|
@@ -71,6 +74,10 @@ __decorate([
|
|
|
71
74
|
attribute({ type: String, required: false }),
|
|
72
75
|
__metadata("design:type", String)
|
|
73
76
|
], DesignContextModel.prototype, "title", void 0);
|
|
77
|
+
__decorate([
|
|
78
|
+
attribute({ type: String, required: false }),
|
|
79
|
+
__metadata("design:type", String)
|
|
80
|
+
], DesignContextModel.prototype, "scope", void 0);
|
|
74
81
|
__decorate([
|
|
75
82
|
group({ include: ['tag'] }),
|
|
76
83
|
__metadata("design:type", NodeStream)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-context.js","sourceRoot":"","sources":["../../src/tags/design-context.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC,MAAM,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACjH,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,kBAAmB,SAAQ,KAAK;IAAtC;;QAEC,UAAK,GAAW,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"design-context.js","sourceRoot":"","sources":["../../src/tags/design-context.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mockup.d.ts","sourceRoot":"","sources":["../../src/tags/mockup.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AA+EvC,eAAO,MAAM,MAAM,gBAA4B,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import Markdoc from '@markdoc/markdoc';
|
|
11
|
+
const { Tag } = Markdoc;
|
|
12
|
+
import { useSchema } from '@refrakt-md/types';
|
|
13
|
+
import { attribute, Model, createComponentRenderable, createSchema } from '@refrakt-md/runes';
|
|
14
|
+
class Mockup {
|
|
15
|
+
constructor() {
|
|
16
|
+
this.device = 'browser';
|
|
17
|
+
this.label = '';
|
|
18
|
+
this.color = 'dark';
|
|
19
|
+
this.statusBar = 'true';
|
|
20
|
+
this.url = '';
|
|
21
|
+
this.scale = '1';
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
const MockupType = useSchema(Mockup).defineType('Mockup');
|
|
25
|
+
const deviceType = ['iphone-15', 'iphone-se', 'pixel', 'phone', 'ipad', 'tablet', 'browser', 'browser-dark', 'macbook', 'watch', 'none'];
|
|
26
|
+
const colorType = ['dark', 'light', 'auto'];
|
|
27
|
+
class MockupModel extends Model {
|
|
28
|
+
constructor() {
|
|
29
|
+
super(...arguments);
|
|
30
|
+
this.device = 'browser';
|
|
31
|
+
this.label = '';
|
|
32
|
+
this.color = 'dark';
|
|
33
|
+
this.statusBar = true;
|
|
34
|
+
this.url = '';
|
|
35
|
+
this.scale = 1;
|
|
36
|
+
}
|
|
37
|
+
transform() {
|
|
38
|
+
const children = this.transformChildren();
|
|
39
|
+
const deviceMeta = new Tag('meta', { content: this.device });
|
|
40
|
+
const colorMeta = new Tag('meta', { content: this.color });
|
|
41
|
+
const statusBarMeta = new Tag('meta', { content: String(this.statusBar) });
|
|
42
|
+
const labelMeta = this.label ? new Tag('meta', { content: this.label }) : undefined;
|
|
43
|
+
const urlMeta = this.url ? new Tag('meta', { content: this.url }) : undefined;
|
|
44
|
+
const scaleMeta = this.scale !== 1 ? new Tag('meta', { content: String(this.scale) }) : undefined;
|
|
45
|
+
const viewport = children.wrap('div');
|
|
46
|
+
const childNodes = [
|
|
47
|
+
deviceMeta,
|
|
48
|
+
colorMeta,
|
|
49
|
+
statusBarMeta,
|
|
50
|
+
...(labelMeta ? [labelMeta] : []),
|
|
51
|
+
...(urlMeta ? [urlMeta] : []),
|
|
52
|
+
...(scaleMeta ? [scaleMeta] : []),
|
|
53
|
+
viewport.next(),
|
|
54
|
+
];
|
|
55
|
+
return createComponentRenderable(MockupType, {
|
|
56
|
+
tag: 'div',
|
|
57
|
+
properties: {
|
|
58
|
+
device: deviceMeta,
|
|
59
|
+
color: colorMeta,
|
|
60
|
+
statusBar: statusBarMeta,
|
|
61
|
+
...(labelMeta ? { label: labelMeta } : {}),
|
|
62
|
+
...(urlMeta ? { url: urlMeta } : {}),
|
|
63
|
+
...(scaleMeta ? { scale: scaleMeta } : {}),
|
|
64
|
+
},
|
|
65
|
+
refs: {
|
|
66
|
+
viewport: viewport.tag('div'),
|
|
67
|
+
},
|
|
68
|
+
children: childNodes,
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
__decorate([
|
|
73
|
+
attribute({ type: String, required: false, matches: deviceType.slice() }),
|
|
74
|
+
__metadata("design:type", Object)
|
|
75
|
+
], MockupModel.prototype, "device", void 0);
|
|
76
|
+
__decorate([
|
|
77
|
+
attribute({ type: String, required: false }),
|
|
78
|
+
__metadata("design:type", String)
|
|
79
|
+
], MockupModel.prototype, "label", void 0);
|
|
80
|
+
__decorate([
|
|
81
|
+
attribute({ type: String, required: false, matches: colorType.slice() }),
|
|
82
|
+
__metadata("design:type", Object)
|
|
83
|
+
], MockupModel.prototype, "color", void 0);
|
|
84
|
+
__decorate([
|
|
85
|
+
attribute({ type: Boolean, required: false }),
|
|
86
|
+
__metadata("design:type", Boolean)
|
|
87
|
+
], MockupModel.prototype, "statusBar", void 0);
|
|
88
|
+
__decorate([
|
|
89
|
+
attribute({ type: String, required: false }),
|
|
90
|
+
__metadata("design:type", String)
|
|
91
|
+
], MockupModel.prototype, "url", void 0);
|
|
92
|
+
__decorate([
|
|
93
|
+
attribute({ type: Number, required: false }),
|
|
94
|
+
__metadata("design:type", Number)
|
|
95
|
+
], MockupModel.prototype, "scale", void 0);
|
|
96
|
+
export const mockup = createSchema(MockupModel);
|
|
97
|
+
//# sourceMappingURL=mockup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mockup.js","sourceRoot":"","sources":["../../src/tags/mockup.ts"],"names":[],"mappings":"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"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
1
|
+
import { Swatch } from './schema/swatch.js';
|
|
2
|
+
import { Palette } from './schema/palette.js';
|
|
3
|
+
import { Typography } from './schema/typography.js';
|
|
4
|
+
import { Spacing } from './schema/spacing.js';
|
|
5
|
+
import { DesignContext } from './schema/design-context.js';
|
|
6
|
+
import { Preview } from './schema/preview.js';
|
|
7
7
|
export declare const schema: {
|
|
8
|
-
Swatch: import("@refrakt-md/types").Type<
|
|
9
|
-
Palette: import("@refrakt-md/types").Type<
|
|
10
|
-
Typography: import("@refrakt-md/types").Type<
|
|
11
|
-
Spacing: import("@refrakt-md/types").Type<
|
|
12
|
-
DesignContext: import("@refrakt-md/types").Type<
|
|
13
|
-
Preview: import("@refrakt-md/types").Type<
|
|
8
|
+
Swatch: import("@refrakt-md/types").Type<Swatch>;
|
|
9
|
+
Palette: import("@refrakt-md/types").Type<Palette>;
|
|
10
|
+
Typography: import("@refrakt-md/types").Type<Typography>;
|
|
11
|
+
Spacing: import("@refrakt-md/types").Type<Spacing>;
|
|
12
|
+
DesignContext: import("@refrakt-md/types").Type<DesignContext>;
|
|
13
|
+
Preview: import("@refrakt-md/types").Type<Preview>;
|
|
14
14
|
};
|
|
15
15
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAE5C,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
|
package/dist/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IAC9C,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC;IACjD,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC;IAC1D,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC;IACjD,aAAa,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC;IACnE,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC;CAClD,CAAC"}
|
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.7.
|
|
4
|
+
"version": "0.7.2",
|
|
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.7.
|
|
25
|
-
"@refrakt-md/transform": "0.7.
|
|
26
|
-
"@refrakt-md/runes": "0.7.
|
|
24
|
+
"@refrakt-md/types": "0.7.2",
|
|
25
|
+
"@refrakt-md/transform": "0.7.2",
|
|
26
|
+
"@refrakt-md/runes": "0.7.2",
|
|
27
27
|
"@markdoc/markdoc": "0.4.0",
|
|
28
28
|
"reflect-metadata": "^0.2.0"
|
|
29
29
|
}
|