@blockbite/shared-utils 2.1.2 → 2.1.3
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/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/tailwind-config-functions.js +270 -0
- package/dist/cjs/tailwind-config-functions.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/tailwind-config-functions.d.ts +41 -0
- package/dist/tailwind-config-functions.js +294 -0
- package/dist/tailwind-config-functions.js.map +1 -0
- package/package.json +1 -1
- package/dist/cjs/tailwind-editor-config.js +0 -70
- package/dist/cjs/tailwind-editor-config.js.map +0 -1
- package/dist/tailwind-editor-config.d.ts +0 -49
- package/dist/tailwind-editor-config.js +0 -70
- package/dist/tailwind-editor-config.js.map +0 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export * from './arrays.js';
|
|
|
2
2
|
export * from './designtokens.js';
|
|
3
3
|
export * from './devices.js';
|
|
4
4
|
export * from './strings.js';
|
|
5
|
+
export * from './tailwind-config-functions.js';
|
|
5
6
|
export * from './ui.js';
|
|
6
7
|
export * from './vite-globals.js';
|
|
7
8
|
export * from './webpack.js';
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
export const getEditorStylesWrapper = () => {
|
|
2
|
+
return ':where(.editor-styles-wrapper, body.editor-styles-wrapper)';
|
|
3
|
+
};
|
|
4
|
+
export const blockbiteBase = () => {
|
|
5
|
+
return `\n
|
|
6
|
+
|
|
7
|
+
:root {
|
|
8
|
+
--bb-container-padding: 4vw;
|
|
9
|
+
--bb-container-width: 100%;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@media (min-width: 96rem) {
|
|
13
|
+
:root {
|
|
14
|
+
--bb-container-padding: 1rem;
|
|
15
|
+
--bb-container-width: 96rem;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
@layer base {
|
|
21
|
+
.wp-block-bb-icon svg, .wp-block-bb-shape svg, {
|
|
22
|
+
display: block;
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: auto;
|
|
25
|
+
}
|
|
26
|
+
.wp-block-bb-group,
|
|
27
|
+
.wp-block-bb-frame,
|
|
28
|
+
.wp-block-bb-image,
|
|
29
|
+
.wp-block-bb-button,
|
|
30
|
+
.wp-block-bb-shape,,
|
|
31
|
+
.wp-block-bb-icon {
|
|
32
|
+
position: relative;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* content stays in grid flow, above the fills */
|
|
36
|
+
.wp-block-bb-frame > :not(.b_fills),
|
|
37
|
+
.wp-block-bb-group > :not(.b_fills) {
|
|
38
|
+
position: relative;
|
|
39
|
+
z-index: 1;
|
|
40
|
+
}
|
|
41
|
+
.b_fills{
|
|
42
|
+
border-radius: inherit;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
display: grid;
|
|
45
|
+
z-index: 0;
|
|
46
|
+
--area:'';
|
|
47
|
+
height: 100%;
|
|
48
|
+
width: 100%;
|
|
49
|
+
}
|
|
50
|
+
.wp-block-image img {
|
|
51
|
+
border-radius: inherit;
|
|
52
|
+
}
|
|
53
|
+
.wp-block-bb-frame .b_fills, .wp-block-bb-group .b_fills {
|
|
54
|
+
position: absolute;
|
|
55
|
+
inset: 0;
|
|
56
|
+
}
|
|
57
|
+
.wp-block-bb-image .b_fills{
|
|
58
|
+
position: relative;
|
|
59
|
+
}
|
|
60
|
+
.b_fill {
|
|
61
|
+
grid-row: 1 / -1;
|
|
62
|
+
grid-column: 1 / -1;
|
|
63
|
+
overflow: hidden;
|
|
64
|
+
width: 100%;
|
|
65
|
+
height: 100%;
|
|
66
|
+
object-fit: cover;
|
|
67
|
+
object-position: center;
|
|
68
|
+
}
|
|
69
|
+
.b_media {
|
|
70
|
+
height: 100%;
|
|
71
|
+
width: 100%;
|
|
72
|
+
object-fit: cover;
|
|
73
|
+
object-position: center;
|
|
74
|
+
}
|
|
75
|
+
.b_relative{
|
|
76
|
+
position: relative;
|
|
77
|
+
}
|
|
78
|
+
.b_w-full{
|
|
79
|
+
width: 100%;
|
|
80
|
+
}
|
|
81
|
+
/* applied on group/icon/visual links */
|
|
82
|
+
.b_tile:after {
|
|
83
|
+
content: '';
|
|
84
|
+
position: absolute;
|
|
85
|
+
top: 0;
|
|
86
|
+
left: 0;
|
|
87
|
+
width: 100%;
|
|
88
|
+
height: 100%;
|
|
89
|
+
background: transparent;
|
|
90
|
+
z-index: 10;
|
|
91
|
+
}
|
|
92
|
+
.b_overflow-hidden {
|
|
93
|
+
overflow: hidden;
|
|
94
|
+
}
|
|
95
|
+
}\n
|
|
96
|
+
\n`;
|
|
97
|
+
};
|
|
98
|
+
export const getDesignTokens = (theme, prefix = 'bb') => {
|
|
99
|
+
let themeVars = '';
|
|
100
|
+
let themeContent = '';
|
|
101
|
+
const formattedPrefix = prefix ? `${prefix}:` : '';
|
|
102
|
+
for (const color of Array.isArray(theme?.colors) ? theme.colors : []) {
|
|
103
|
+
const baseToken = color?.token ?? '';
|
|
104
|
+
const shades = color?.shades;
|
|
105
|
+
if (Array.isArray(shades) && shades.length > 0) {
|
|
106
|
+
for (const shade of shades) {
|
|
107
|
+
const shadeToken = shade?.token ?? '';
|
|
108
|
+
let shadeKey = 'DEFAULT';
|
|
109
|
+
if (shadeToken && shadeToken !== baseToken) {
|
|
110
|
+
const prefixToken = `${baseToken}-`;
|
|
111
|
+
shadeKey = shadeToken.startsWith(prefixToken)
|
|
112
|
+
? shadeToken.slice(prefixToken.length)
|
|
113
|
+
: shadeToken;
|
|
114
|
+
}
|
|
115
|
+
const shadeValue = shade?.value ?? '';
|
|
116
|
+
const varName = shadeKey === 'DEFAULT'
|
|
117
|
+
? `--color-${baseToken}`
|
|
118
|
+
: `--color-${baseToken}-${shadeKey}`;
|
|
119
|
+
themeVars += `${varName}: ${shadeValue};\n`;
|
|
120
|
+
const contentToken = shadeKey === 'DEFAULT' ? `${baseToken}` : `${baseToken}-${shadeKey}`;
|
|
121
|
+
themeContent += `${formattedPrefix}text-${contentToken} `;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
else if (shades && typeof shades === 'object') {
|
|
125
|
+
for (const [shadeKeyRaw, shadeObj] of Object.entries(shades)) {
|
|
126
|
+
const shadeKey = shadeKeyRaw || 'DEFAULT';
|
|
127
|
+
const shadeValue = shadeObj?.value ?? '';
|
|
128
|
+
const varName = shadeKey === 'DEFAULT'
|
|
129
|
+
? `--color-${baseToken}`
|
|
130
|
+
: `--color-${baseToken}-${shadeKey}`;
|
|
131
|
+
themeVars += `${varName}: ${shadeValue};\n`;
|
|
132
|
+
const contentToken = shadeKey === 'DEFAULT' ? `${baseToken}` : `${baseToken}-${shadeKey}`;
|
|
133
|
+
themeContent += `${formattedPrefix}text-${contentToken} `;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
else {
|
|
137
|
+
const v = color?.value ?? '';
|
|
138
|
+
if (baseToken) {
|
|
139
|
+
themeVars += `--color-${baseToken}: ${v};\n`;
|
|
140
|
+
themeContent += `${formattedPrefix}text-${baseToken} `;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
for (const font of Array.isArray(theme?.fonts) ? theme.fonts : []) {
|
|
145
|
+
const token = font?.token ?? '';
|
|
146
|
+
const value = font?.value ?? '';
|
|
147
|
+
if (token) {
|
|
148
|
+
themeVars += `--font-${token}: ${value};\n`;
|
|
149
|
+
themeContent += `${formattedPrefix}font-${token} `;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
const bbDesignTokens = globalThis.bb?.twDesignTokens;
|
|
153
|
+
for (const fs of Array.isArray(theme?.fontSizes) ? theme.fontSizes : []) {
|
|
154
|
+
const token = fs?.token ?? '';
|
|
155
|
+
if (!token)
|
|
156
|
+
continue;
|
|
157
|
+
const bbFontSize = bbDesignTokens?.fontSizes?.find((fontSize) => fontSize.token === token);
|
|
158
|
+
if (bbFontSize && bbFontSize.value && bbFontSize.value !== '') {
|
|
159
|
+
const v = bbFontSize.value;
|
|
160
|
+
themeVars += `--text-${token}: ${v};\n`;
|
|
161
|
+
themeContent += `${formattedPrefix}text-${token} `;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
return {
|
|
165
|
+
themeVars,
|
|
166
|
+
themeContent,
|
|
167
|
+
};
|
|
168
|
+
};
|
|
169
|
+
export const twHeadings = (headings = [], editorMode = false, prefix = 'bb') => {
|
|
170
|
+
let tw = '';
|
|
171
|
+
const prefixDocument = editorMode ? getEditorStylesWrapper() : 'body ';
|
|
172
|
+
headings.forEach((style) => {
|
|
173
|
+
if (!style.name)
|
|
174
|
+
return;
|
|
175
|
+
tw += `${prefixDocument} ${style.name} {\n`;
|
|
176
|
+
const applyClasses = [];
|
|
177
|
+
if (style.token) {
|
|
178
|
+
applyClasses.push(`font-size: var(--${prefix}-text-${style.value});`);
|
|
179
|
+
}
|
|
180
|
+
if (style.optional?.font) {
|
|
181
|
+
applyClasses.push(`font-family:var(--${prefix}-font-${style.optional.font});`);
|
|
182
|
+
}
|
|
183
|
+
if (applyClasses.length > 0) {
|
|
184
|
+
tw += `${applyClasses.join(' ')}\n`;
|
|
185
|
+
}
|
|
186
|
+
if (style.optional?.lineHeight) {
|
|
187
|
+
tw += ` line-height: ${style.optional.lineHeight};\n`;
|
|
188
|
+
}
|
|
189
|
+
if (style.optional?.fontWeight) {
|
|
190
|
+
tw += ` font-weight: ${style.optional.fontWeight};\n`;
|
|
191
|
+
}
|
|
192
|
+
tw += '}\n';
|
|
193
|
+
});
|
|
194
|
+
tw += '';
|
|
195
|
+
return tw;
|
|
196
|
+
};
|
|
197
|
+
export const twBiteComponents = (bites, prefix = 'bb', scopeComponents = '') => {
|
|
198
|
+
if (!Array.isArray(bites) || bites.length === 0)
|
|
199
|
+
return '';
|
|
200
|
+
const variantPrefix = prefix ? `${prefix}:` : '';
|
|
201
|
+
const twById = {};
|
|
202
|
+
const buildPrefixedTw = (rawTw) => {
|
|
203
|
+
if (!rawTw)
|
|
204
|
+
return '';
|
|
205
|
+
const withConfiguredPrefix = rawTw.replace(/bb:/g, variantPrefix).trim();
|
|
206
|
+
return withConfiguredPrefix
|
|
207
|
+
.split(/\s+/)
|
|
208
|
+
.filter(Boolean)
|
|
209
|
+
.filter((cls) => {
|
|
210
|
+
const base = cls.split(':').pop() || '';
|
|
211
|
+
return !base.startsWith('bb-');
|
|
212
|
+
})
|
|
213
|
+
.map((cls) => {
|
|
214
|
+
if (!prefix)
|
|
215
|
+
return cls;
|
|
216
|
+
if (cls.startsWith(variantPrefix))
|
|
217
|
+
return cls;
|
|
218
|
+
return `${variantPrefix}${cls}`;
|
|
219
|
+
})
|
|
220
|
+
.join(' ');
|
|
221
|
+
};
|
|
222
|
+
const registerTw = (id, rawTw) => {
|
|
223
|
+
if (!rawTw)
|
|
224
|
+
return;
|
|
225
|
+
const prefixed = buildPrefixedTw(rawTw);
|
|
226
|
+
if (!prefixed)
|
|
227
|
+
return;
|
|
228
|
+
if (!(id in twById)) {
|
|
229
|
+
twById[id] = prefixed;
|
|
230
|
+
}
|
|
231
|
+
};
|
|
232
|
+
bites.forEach((item) => {
|
|
233
|
+
if (!item || !item.id)
|
|
234
|
+
return;
|
|
235
|
+
let baseTw = item.tw ?? '';
|
|
236
|
+
if (!baseTw && !item.twFillStyle && !item.twFills?.length)
|
|
237
|
+
return;
|
|
238
|
+
if (item.related && item.related.length > 0) {
|
|
239
|
+
item.related.forEach((related) => {
|
|
240
|
+
const relatedBite = bites.find((bite) => bite.id === related);
|
|
241
|
+
if (!relatedBite?.tw) {
|
|
242
|
+
baseTw = baseTw.replace(related, '');
|
|
243
|
+
}
|
|
244
|
+
});
|
|
245
|
+
}
|
|
246
|
+
registerTw(item.id, baseTw);
|
|
247
|
+
registerTw(`${item.id}-fills`, item.twFillStyle);
|
|
248
|
+
(item.twFills || []).forEach((fillTw, index) => registerTw(`${item.id}-fill-${index + 1}`, fillTw));
|
|
249
|
+
});
|
|
250
|
+
const groups = {};
|
|
251
|
+
Object.entries(twById).forEach(([id, tw]) => {
|
|
252
|
+
if (!groups[tw])
|
|
253
|
+
groups[tw] = [];
|
|
254
|
+
groups[tw].push(id);
|
|
255
|
+
});
|
|
256
|
+
let styles = '';
|
|
257
|
+
Object.entries(groups).forEach(([tw, ids]) => {
|
|
258
|
+
const selectors = ids.map((id) => `${scopeComponents ? `${scopeComponents} .` : '.'}${id}`);
|
|
259
|
+
styles += `${selectors.join(', ')} {\n @apply ${tw};\n}\n`;
|
|
260
|
+
});
|
|
261
|
+
return styles;
|
|
262
|
+
};
|
|
263
|
+
export default {
|
|
264
|
+
blockbiteBase,
|
|
265
|
+
twBiteComponents,
|
|
266
|
+
twHeadings,
|
|
267
|
+
getEditorStylesWrapper,
|
|
268
|
+
getDesignTokens,
|
|
269
|
+
};
|
|
270
|
+
//# sourceMappingURL=tailwind-config-functions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-config-functions.js","sourceRoot":"","sources":["../../src/tailwind-config-functions.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export * from './arrays.js';
|
|
|
2
2
|
export * from './designtokens.js';
|
|
3
3
|
export * from './devices.js';
|
|
4
4
|
export * from './strings.js';
|
|
5
|
+
export * from './tailwind-config-functions.js';
|
|
5
6
|
export * from './ui.js';
|
|
6
7
|
export * from './vite-globals.js';
|
|
7
8
|
export * from './webpack.js';
|
package/dist/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export * from './arrays.js';
|
|
|
2
2
|
export * from './designtokens.js';
|
|
3
3
|
export * from './devices.js';
|
|
4
4
|
export * from './strings.js';
|
|
5
|
+
export * from './tailwind-config-functions.js';
|
|
5
6
|
export * from './ui.js';
|
|
6
7
|
export * from './vite-globals.js';
|
|
7
8
|
export * from './webpack.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export declare const getEditorStylesWrapper: () => string;
|
|
2
|
+
type DesignTokenItem = {
|
|
3
|
+
token?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
};
|
|
6
|
+
type DesignTokenColor = DesignTokenItem & {
|
|
7
|
+
shades?: DesignTokenItem[] | Record<string, DesignTokenItem>;
|
|
8
|
+
};
|
|
9
|
+
type TailwindThemeInput = {
|
|
10
|
+
colors?: DesignTokenColor[];
|
|
11
|
+
fonts?: DesignTokenItem[];
|
|
12
|
+
fontSizes?: DesignTokenItem[];
|
|
13
|
+
};
|
|
14
|
+
type HeadingStyle = {
|
|
15
|
+
name?: string;
|
|
16
|
+
token?: string;
|
|
17
|
+
value?: string;
|
|
18
|
+
optional?: {
|
|
19
|
+
font?: string;
|
|
20
|
+
lineHeight?: string;
|
|
21
|
+
fontWeight?: string | number;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export declare const blockbiteBase: () => string;
|
|
25
|
+
export declare const getDesignTokens: (theme: TailwindThemeInput | null | undefined, prefix?: string) => {
|
|
26
|
+
themeVars: string;
|
|
27
|
+
themeContent: string;
|
|
28
|
+
};
|
|
29
|
+
export declare const twHeadings: (headings?: HeadingStyle[], editorMode?: boolean, prefix?: string) => string;
|
|
30
|
+
export declare const twBiteComponents: (bites: any, prefix?: string, scopeComponents?: string) => string;
|
|
31
|
+
declare const _default: {
|
|
32
|
+
blockbiteBase: () => string;
|
|
33
|
+
twBiteComponents: (bites: any, prefix?: string, scopeComponents?: string) => string;
|
|
34
|
+
twHeadings: (headings?: HeadingStyle[], editorMode?: boolean, prefix?: string) => string;
|
|
35
|
+
getEditorStylesWrapper: () => string;
|
|
36
|
+
getDesignTokens: (theme: TailwindThemeInput | null | undefined, prefix?: string) => {
|
|
37
|
+
themeVars: string;
|
|
38
|
+
themeContent: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export default _default;
|
|
@@ -0,0 +1,294 @@
|
|
|
1
|
+
/*
|
|
2
|
+
|
|
3
|
+
// layer @base makes sure even nested selectors keep their specificity lower then bb:styles
|
|
4
|
+
@layer base {
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
*/
|
|
8
|
+
// gives a higher prio to editor styles wrapper
|
|
9
|
+
export const getEditorStylesWrapper = () => {
|
|
10
|
+
/*
|
|
11
|
+
Use a class-based selector (specificity 0,1,0 / 0,1,1) so we outrank
|
|
12
|
+
the reset’s `:where(.editor-styles-wrapper) h1 { revert; }` that has
|
|
13
|
+
only element-level specificity. `:is()` keeps it concise and works for:
|
|
14
|
+
- body.editor-styles-wrapper (apiVersion 2 post editor)
|
|
15
|
+
- any descendant with the class (site editor iframe / apiVersion 3)
|
|
16
|
+
*/
|
|
17
|
+
return ':where(.editor-styles-wrapper, body.editor-styles-wrapper)';
|
|
18
|
+
};
|
|
19
|
+
export const blockbiteBase = () => {
|
|
20
|
+
return `\n
|
|
21
|
+
|
|
22
|
+
:root {
|
|
23
|
+
--bb-container-padding: 4vw;
|
|
24
|
+
--bb-container-width: 100%;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@media (min-width: 96rem) {
|
|
28
|
+
:root {
|
|
29
|
+
--bb-container-padding: 1rem;
|
|
30
|
+
--bb-container-width: 96rem;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
@layer base {
|
|
36
|
+
.wp-block-bb-icon svg, .wp-block-bb-shape svg, {
|
|
37
|
+
display: block;
|
|
38
|
+
width: 100%;
|
|
39
|
+
height: auto;
|
|
40
|
+
}
|
|
41
|
+
.wp-block-bb-group,
|
|
42
|
+
.wp-block-bb-frame,
|
|
43
|
+
.wp-block-bb-image,
|
|
44
|
+
.wp-block-bb-button,
|
|
45
|
+
.wp-block-bb-shape,,
|
|
46
|
+
.wp-block-bb-icon {
|
|
47
|
+
position: relative;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* content stays in grid flow, above the fills */
|
|
51
|
+
.wp-block-bb-frame > :not(.b_fills),
|
|
52
|
+
.wp-block-bb-group > :not(.b_fills) {
|
|
53
|
+
position: relative;
|
|
54
|
+
z-index: 1;
|
|
55
|
+
}
|
|
56
|
+
.b_fills{
|
|
57
|
+
border-radius: inherit;
|
|
58
|
+
overflow: hidden;
|
|
59
|
+
display: grid;
|
|
60
|
+
z-index: 0;
|
|
61
|
+
--area:'';
|
|
62
|
+
height: 100%;
|
|
63
|
+
width: 100%;
|
|
64
|
+
}
|
|
65
|
+
.wp-block-image img {
|
|
66
|
+
border-radius: inherit;
|
|
67
|
+
}
|
|
68
|
+
.wp-block-bb-frame .b_fills, .wp-block-bb-group .b_fills {
|
|
69
|
+
position: absolute;
|
|
70
|
+
inset: 0;
|
|
71
|
+
}
|
|
72
|
+
.wp-block-bb-image .b_fills{
|
|
73
|
+
position: relative;
|
|
74
|
+
}
|
|
75
|
+
.b_fill {
|
|
76
|
+
grid-row: 1 / -1;
|
|
77
|
+
grid-column: 1 / -1;
|
|
78
|
+
overflow: hidden;
|
|
79
|
+
width: 100%;
|
|
80
|
+
height: 100%;
|
|
81
|
+
object-fit: cover;
|
|
82
|
+
object-position: center;
|
|
83
|
+
}
|
|
84
|
+
.b_media {
|
|
85
|
+
height: 100%;
|
|
86
|
+
width: 100%;
|
|
87
|
+
object-fit: cover;
|
|
88
|
+
object-position: center;
|
|
89
|
+
}
|
|
90
|
+
.b_relative{
|
|
91
|
+
position: relative;
|
|
92
|
+
}
|
|
93
|
+
.b_w-full{
|
|
94
|
+
width: 100%;
|
|
95
|
+
}
|
|
96
|
+
/* applied on group/icon/visual links */
|
|
97
|
+
.b_tile:after {
|
|
98
|
+
content: '';
|
|
99
|
+
position: absolute;
|
|
100
|
+
top: 0;
|
|
101
|
+
left: 0;
|
|
102
|
+
width: 100%;
|
|
103
|
+
height: 100%;
|
|
104
|
+
background: transparent;
|
|
105
|
+
z-index: 10;
|
|
106
|
+
}
|
|
107
|
+
.b_overflow-hidden {
|
|
108
|
+
overflow: hidden;
|
|
109
|
+
}
|
|
110
|
+
}\n
|
|
111
|
+
\n`;
|
|
112
|
+
};
|
|
113
|
+
export const getDesignTokens = (theme, prefix = 'bb') => {
|
|
114
|
+
let themeVars = '';
|
|
115
|
+
let themeContent = '';
|
|
116
|
+
const formattedPrefix = prefix ? `${prefix}:` : '';
|
|
117
|
+
// Map colors — theme.colors is an array; shades may be array or object
|
|
118
|
+
for (const color of Array.isArray(theme?.colors) ? theme.colors : []) {
|
|
119
|
+
const baseToken = color?.token ?? '';
|
|
120
|
+
const shades = color?.shades;
|
|
121
|
+
if (Array.isArray(shades) && shades.length > 0) {
|
|
122
|
+
for (const shade of shades) {
|
|
123
|
+
const shadeToken = shade?.token ?? '';
|
|
124
|
+
let shadeKey = 'DEFAULT';
|
|
125
|
+
if (shadeToken && shadeToken !== baseToken) {
|
|
126
|
+
const prefixToken = `${baseToken}-`;
|
|
127
|
+
shadeKey = shadeToken.startsWith(prefixToken)
|
|
128
|
+
? shadeToken.slice(prefixToken.length)
|
|
129
|
+
: shadeToken; // fallback if unexpected format
|
|
130
|
+
}
|
|
131
|
+
const shadeValue = shade?.value ?? '';
|
|
132
|
+
const varName = shadeKey === 'DEFAULT'
|
|
133
|
+
? `--color-${baseToken}`
|
|
134
|
+
: `--color-${baseToken}-${shadeKey}`;
|
|
135
|
+
themeVars += `${varName}: ${shadeValue};\n`;
|
|
136
|
+
// Publish simple tokens for content tracking
|
|
137
|
+
const contentToken = shadeKey === 'DEFAULT' ? `${baseToken}` : `${baseToken}-${shadeKey}`;
|
|
138
|
+
// Add any css property tracking for content
|
|
139
|
+
themeContent += `${formattedPrefix}text-${contentToken} `;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
else if (shades && typeof shades === 'object') {
|
|
143
|
+
for (const [shadeKeyRaw, shadeObj] of Object.entries(shades)) {
|
|
144
|
+
const shadeKey = shadeKeyRaw || 'DEFAULT';
|
|
145
|
+
const shadeValue = shadeObj?.value ?? '';
|
|
146
|
+
const varName = shadeKey === 'DEFAULT'
|
|
147
|
+
? `--color-${baseToken}`
|
|
148
|
+
: `--color-${baseToken}-${shadeKey}`;
|
|
149
|
+
themeVars += `${varName}: ${shadeValue};\n`;
|
|
150
|
+
const contentToken = shadeKey === 'DEFAULT' ? `${baseToken}` : `${baseToken}-${shadeKey}`;
|
|
151
|
+
themeContent += `${formattedPrefix}text-${contentToken} `;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
else {
|
|
155
|
+
// single-value color (no shades array)
|
|
156
|
+
const v = color?.value ?? '';
|
|
157
|
+
if (baseToken) {
|
|
158
|
+
themeVars += `--color-${baseToken}: ${v};\n`;
|
|
159
|
+
themeContent += `${formattedPrefix}text-${baseToken} `;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
// Map font families — theme.fonts is an array
|
|
164
|
+
for (const font of Array.isArray(theme?.fonts) ? theme.fonts : []) {
|
|
165
|
+
const token = font?.token ?? '';
|
|
166
|
+
const value = font?.value ?? '';
|
|
167
|
+
if (token) {
|
|
168
|
+
themeVars += `--font-${token}: ${value};\n`;
|
|
169
|
+
// Publish simple tokens for content tracking
|
|
170
|
+
themeContent += `${formattedPrefix}font-${token} `;
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
// Map font sizes — theme.fontSizes is an array
|
|
174
|
+
const bbDesignTokens = globalThis.bb?.twDesignTokens;
|
|
175
|
+
for (const fs of Array.isArray(theme?.fontSizes) ? theme.fontSizes : []) {
|
|
176
|
+
const token = fs?.token ?? '';
|
|
177
|
+
if (!token)
|
|
178
|
+
continue;
|
|
179
|
+
// Prefer actual value from bb.twDesignTokens when present
|
|
180
|
+
const bbFontSize = bbDesignTokens?.fontSizes?.find((fontSize) => fontSize.token === token);
|
|
181
|
+
if (bbFontSize && bbFontSize.value && bbFontSize.value !== '') {
|
|
182
|
+
const v = bbFontSize.value;
|
|
183
|
+
themeVars += `--text-${token}: ${v};\n`;
|
|
184
|
+
// Publish simple tokens for content tracking
|
|
185
|
+
themeContent += `${formattedPrefix}text-${token} `;
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
return {
|
|
189
|
+
themeVars,
|
|
190
|
+
themeContent,
|
|
191
|
+
};
|
|
192
|
+
};
|
|
193
|
+
export const twHeadings = (headings = [], editorMode = false, prefix = 'bb') => {
|
|
194
|
+
let tw = '';
|
|
195
|
+
const prefixDocument = editorMode ? getEditorStylesWrapper() : 'body ';
|
|
196
|
+
headings.forEach((style) => {
|
|
197
|
+
if (!style.name)
|
|
198
|
+
return;
|
|
199
|
+
tw += `${prefixDocument} ${style.name} {\n`;
|
|
200
|
+
const applyClasses = [];
|
|
201
|
+
if (style.token) {
|
|
202
|
+
applyClasses.push(`font-size: var(--${prefix}-text-${style.value});`);
|
|
203
|
+
}
|
|
204
|
+
if (style.optional?.font) {
|
|
205
|
+
applyClasses.push(`font-family:var(--${prefix}-font-${style.optional.font});`);
|
|
206
|
+
}
|
|
207
|
+
if (applyClasses.length > 0) {
|
|
208
|
+
tw += `${applyClasses.join(' ')}\n`;
|
|
209
|
+
}
|
|
210
|
+
if (style.optional?.lineHeight) {
|
|
211
|
+
tw += ` line-height: ${style.optional.lineHeight};\n`;
|
|
212
|
+
}
|
|
213
|
+
if (style.optional?.fontWeight) {
|
|
214
|
+
tw += ` font-weight: ${style.optional.fontWeight};\n`;
|
|
215
|
+
}
|
|
216
|
+
tw += '}\n';
|
|
217
|
+
});
|
|
218
|
+
tw += '';
|
|
219
|
+
return tw;
|
|
220
|
+
};
|
|
221
|
+
export const twBiteComponents = (bites, prefix = 'bb', scopeComponents = '') => {
|
|
222
|
+
if (!Array.isArray(bites) || bites.length === 0)
|
|
223
|
+
return '';
|
|
224
|
+
const variantPrefix = prefix ? `${prefix}:` : '';
|
|
225
|
+
const twById = {};
|
|
226
|
+
const buildPrefixedTw = (rawTw) => {
|
|
227
|
+
if (!rawTw)
|
|
228
|
+
return '';
|
|
229
|
+
const withConfiguredPrefix = rawTw.replace(/bb:/g, variantPrefix).trim();
|
|
230
|
+
return withConfiguredPrefix
|
|
231
|
+
.split(/\s+/)
|
|
232
|
+
.filter(Boolean)
|
|
233
|
+
.filter((cls) => {
|
|
234
|
+
const base = cls.split(':').pop() || '';
|
|
235
|
+
return !base.startsWith('bb-');
|
|
236
|
+
})
|
|
237
|
+
.map((cls) => {
|
|
238
|
+
if (!prefix)
|
|
239
|
+
return cls;
|
|
240
|
+
if (cls.startsWith(variantPrefix))
|
|
241
|
+
return cls;
|
|
242
|
+
return `${variantPrefix}${cls}`;
|
|
243
|
+
})
|
|
244
|
+
.join(' ');
|
|
245
|
+
};
|
|
246
|
+
const registerTw = (id, rawTw) => {
|
|
247
|
+
if (!rawTw)
|
|
248
|
+
return;
|
|
249
|
+
const prefixed = buildPrefixedTw(rawTw);
|
|
250
|
+
if (!prefixed)
|
|
251
|
+
return;
|
|
252
|
+
if (!(id in twById)) {
|
|
253
|
+
twById[id] = prefixed;
|
|
254
|
+
}
|
|
255
|
+
};
|
|
256
|
+
bites.forEach((item) => {
|
|
257
|
+
if (!item || !item.id)
|
|
258
|
+
return;
|
|
259
|
+
let baseTw = item.tw ?? '';
|
|
260
|
+
if (!baseTw && !item.twFillStyle && !item.twFills?.length)
|
|
261
|
+
return;
|
|
262
|
+
if (item.related && item.related.length > 0) {
|
|
263
|
+
item.related.forEach((related) => {
|
|
264
|
+
const relatedBite = bites.find((bite) => bite.id === related);
|
|
265
|
+
if (!relatedBite?.tw) {
|
|
266
|
+
baseTw = baseTw.replace(related, '');
|
|
267
|
+
}
|
|
268
|
+
});
|
|
269
|
+
}
|
|
270
|
+
registerTw(item.id, baseTw);
|
|
271
|
+
registerTw(`${item.id}-fills`, item.twFillStyle);
|
|
272
|
+
(item.twFills || []).forEach((fillTw, index) => registerTw(`${item.id}-fill-${index + 1}`, fillTw));
|
|
273
|
+
});
|
|
274
|
+
const groups = {};
|
|
275
|
+
Object.entries(twById).forEach(([id, tw]) => {
|
|
276
|
+
if (!groups[tw])
|
|
277
|
+
groups[tw] = [];
|
|
278
|
+
groups[tw].push(id);
|
|
279
|
+
});
|
|
280
|
+
let styles = '';
|
|
281
|
+
Object.entries(groups).forEach(([tw, ids]) => {
|
|
282
|
+
const selectors = ids.map((id) => `${scopeComponents ? `${scopeComponents} .` : '.'}${id}`);
|
|
283
|
+
styles += `${selectors.join(', ')} {\n @apply ${tw};\n}\n`;
|
|
284
|
+
});
|
|
285
|
+
return styles;
|
|
286
|
+
};
|
|
287
|
+
export default {
|
|
288
|
+
blockbiteBase,
|
|
289
|
+
twBiteComponents,
|
|
290
|
+
twHeadings,
|
|
291
|
+
getEditorStylesWrapper,
|
|
292
|
+
getDesignTokens,
|
|
293
|
+
};
|
|
294
|
+
//# sourceMappingURL=tailwind-config-functions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-config-functions.js","sourceRoot":"","sources":["../src/tailwind-config-functions.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
content: ['./src/**/*.{js,jsx,ts,tsx}'],
|
|
3
|
-
safelist: [
|
|
4
|
-
'aspect-4/3',
|
|
5
|
-
'aspect-16/9',
|
|
6
|
-
'aspect-21/9',
|
|
7
|
-
'aspect-3/4',
|
|
8
|
-
'aspect-1/1',
|
|
9
|
-
'aspect-5/4',
|
|
10
|
-
'aspect-16/10',
|
|
11
|
-
'aspect-2/1',
|
|
12
|
-
'scale-10',
|
|
13
|
-
'scale-20',
|
|
14
|
-
'scale-30',
|
|
15
|
-
'scale-40',
|
|
16
|
-
'scale-50',
|
|
17
|
-
'scale-60',
|
|
18
|
-
'scale-70',
|
|
19
|
-
'scale-80',
|
|
20
|
-
'scale-90',
|
|
21
|
-
],
|
|
22
|
-
plugins: [],
|
|
23
|
-
theme: {
|
|
24
|
-
fontFamily: {
|
|
25
|
-
sans: [
|
|
26
|
-
'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif',
|
|
27
|
-
'sans-serif',
|
|
28
|
-
],
|
|
29
|
-
},
|
|
30
|
-
extend: {
|
|
31
|
-
colors: {
|
|
32
|
-
wordpress: 'var(--wp-admin-theme-color)',
|
|
33
|
-
wpforeground: 'var(--wp-components-color-foreground, #1e1e1e)',
|
|
34
|
-
wpaccent: 'var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))',
|
|
35
|
-
easy: 'rgb(226, 232, 240)',
|
|
36
|
-
green: '#00f1d1',
|
|
37
|
-
yellow: '#e6e738',
|
|
38
|
-
purple: '#8b00f1',
|
|
39
|
-
black: '#2b2b2a',
|
|
40
|
-
grey: '#e2e8f0',
|
|
41
|
-
darkgrey: '#4a5568',
|
|
42
|
-
},
|
|
43
|
-
backgroundImage: {
|
|
44
|
-
'blockbite-logo': "url('/public/images/SVG/blockbitetrans-white.svg')",
|
|
45
|
-
},
|
|
46
|
-
aspectRatio: {
|
|
47
|
-
'4/3': '4 / 3',
|
|
48
|
-
'16/9': '16 / 9',
|
|
49
|
-
'21/9': '21 / 9',
|
|
50
|
-
'3/4': '3 / 4',
|
|
51
|
-
'1/1': '1 / 1',
|
|
52
|
-
'5/4': '5 / 4',
|
|
53
|
-
'16/10': '16 / 10',
|
|
54
|
-
'2/1': '2 / 1',
|
|
55
|
-
},
|
|
56
|
-
scale: {
|
|
57
|
-
10: '0.1',
|
|
58
|
-
20: '0.2',
|
|
59
|
-
30: '0.3',
|
|
60
|
-
40: '0.4',
|
|
61
|
-
50: '0.5',
|
|
62
|
-
60: '0.6',
|
|
63
|
-
70: '0.7',
|
|
64
|
-
80: '0.8',
|
|
65
|
-
90: '0.9',
|
|
66
|
-
},
|
|
67
|
-
},
|
|
68
|
-
},
|
|
69
|
-
};
|
|
70
|
-
//# sourceMappingURL=tailwind-editor-config.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind-editor-config.js","sourceRoot":"","sources":["../../src/tailwind-editor-config.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,OAAO,EAAE,CAAC,4BAA4B,CAAC;IACvC,QAAQ,EAAE;QACR,YAAY;QACZ,aAAa;QACb,aAAa;QACb,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,cAAc;QACd,YAAY;QACZ,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;KACX;IACD,OAAO,EAAE,EAAE;IACX,KAAK,EAAE;QACL,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,qHAAqH;gBACrH,YAAY;aACb;SACF;QACD,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,SAAS,EAAE,6BAA6B;gBACxC,YAAY,EAAE,gDAAgD;gBAC9D,QAAQ,EACN,yEAAyE;gBAC3E,IAAI,EAAE,oBAAoB;gBAC1B,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,SAAS;aACpB;YACD,eAAe,EAAE;gBACf,gBAAgB,EAAE,oDAAoD;aACvE;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,QAAQ;gBAChB,MAAM,EAAE,QAAQ;gBAChB,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,OAAO;aACf;YACD,KAAK,EAAE;gBACL,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;aACV;SACF;KACF;CACF,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
content: string[];
|
|
3
|
-
safelist: string[];
|
|
4
|
-
plugins: never[];
|
|
5
|
-
theme: {
|
|
6
|
-
fontFamily: {
|
|
7
|
-
sans: string[];
|
|
8
|
-
};
|
|
9
|
-
extend: {
|
|
10
|
-
colors: {
|
|
11
|
-
wordpress: string;
|
|
12
|
-
wpforeground: string;
|
|
13
|
-
wpaccent: string;
|
|
14
|
-
easy: string;
|
|
15
|
-
green: string;
|
|
16
|
-
yellow: string;
|
|
17
|
-
purple: string;
|
|
18
|
-
black: string;
|
|
19
|
-
grey: string;
|
|
20
|
-
darkgrey: string;
|
|
21
|
-
};
|
|
22
|
-
backgroundImage: {
|
|
23
|
-
'blockbite-logo': string;
|
|
24
|
-
};
|
|
25
|
-
aspectRatio: {
|
|
26
|
-
'4/3': string;
|
|
27
|
-
'16/9': string;
|
|
28
|
-
'21/9': string;
|
|
29
|
-
'3/4': string;
|
|
30
|
-
'1/1': string;
|
|
31
|
-
'5/4': string;
|
|
32
|
-
'16/10': string;
|
|
33
|
-
'2/1': string;
|
|
34
|
-
};
|
|
35
|
-
scale: {
|
|
36
|
-
10: string;
|
|
37
|
-
20: string;
|
|
38
|
-
30: string;
|
|
39
|
-
40: string;
|
|
40
|
-
50: string;
|
|
41
|
-
60: string;
|
|
42
|
-
70: string;
|
|
43
|
-
80: string;
|
|
44
|
-
90: string;
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
export default _default;
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
content: ['./src/**/*.{js,jsx,ts,tsx}'],
|
|
3
|
-
safelist: [
|
|
4
|
-
'aspect-4/3',
|
|
5
|
-
'aspect-16/9',
|
|
6
|
-
'aspect-21/9',
|
|
7
|
-
'aspect-3/4',
|
|
8
|
-
'aspect-1/1',
|
|
9
|
-
'aspect-5/4',
|
|
10
|
-
'aspect-16/10',
|
|
11
|
-
'aspect-2/1',
|
|
12
|
-
'scale-10',
|
|
13
|
-
'scale-20',
|
|
14
|
-
'scale-30',
|
|
15
|
-
'scale-40',
|
|
16
|
-
'scale-50',
|
|
17
|
-
'scale-60',
|
|
18
|
-
'scale-70',
|
|
19
|
-
'scale-80',
|
|
20
|
-
'scale-90',
|
|
21
|
-
],
|
|
22
|
-
plugins: [],
|
|
23
|
-
theme: {
|
|
24
|
-
fontFamily: {
|
|
25
|
-
sans: [
|
|
26
|
-
'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif',
|
|
27
|
-
'sans-serif',
|
|
28
|
-
],
|
|
29
|
-
},
|
|
30
|
-
extend: {
|
|
31
|
-
colors: {
|
|
32
|
-
wordpress: 'var(--wp-admin-theme-color)',
|
|
33
|
-
wpforeground: 'var(--wp-components-color-foreground, #1e1e1e)',
|
|
34
|
-
wpaccent: 'var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))',
|
|
35
|
-
easy: 'rgb(226, 232, 240)',
|
|
36
|
-
green: '#00f1d1',
|
|
37
|
-
yellow: '#e6e738',
|
|
38
|
-
purple: '#8b00f1',
|
|
39
|
-
black: '#2b2b2a',
|
|
40
|
-
grey: '#e2e8f0',
|
|
41
|
-
darkgrey: '#4a5568',
|
|
42
|
-
},
|
|
43
|
-
backgroundImage: {
|
|
44
|
-
'blockbite-logo': "url('/public/images/SVG/blockbitetrans-white.svg')",
|
|
45
|
-
},
|
|
46
|
-
aspectRatio: {
|
|
47
|
-
'4/3': '4 / 3',
|
|
48
|
-
'16/9': '16 / 9',
|
|
49
|
-
'21/9': '21 / 9',
|
|
50
|
-
'3/4': '3 / 4',
|
|
51
|
-
'1/1': '1 / 1',
|
|
52
|
-
'5/4': '5 / 4',
|
|
53
|
-
'16/10': '16 / 10',
|
|
54
|
-
'2/1': '2 / 1',
|
|
55
|
-
},
|
|
56
|
-
scale: {
|
|
57
|
-
10: '0.1',
|
|
58
|
-
20: '0.2',
|
|
59
|
-
30: '0.3',
|
|
60
|
-
40: '0.4',
|
|
61
|
-
50: '0.5',
|
|
62
|
-
60: '0.6',
|
|
63
|
-
70: '0.7',
|
|
64
|
-
80: '0.8',
|
|
65
|
-
90: '0.9',
|
|
66
|
-
},
|
|
67
|
-
},
|
|
68
|
-
},
|
|
69
|
-
};
|
|
70
|
-
//# sourceMappingURL=tailwind-editor-config.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind-editor-config.js","sourceRoot":"","sources":["../src/tailwind-editor-config.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,OAAO,EAAE,CAAC,4BAA4B,CAAC;IACvC,QAAQ,EAAE;QACR,YAAY;QACZ,aAAa;QACb,aAAa;QACb,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,cAAc;QACd,YAAY;QACZ,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;KACX;IACD,OAAO,EAAE,EAAE;IACX,KAAK,EAAE;QACL,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,qHAAqH;gBACrH,YAAY;aACb;SACF;QACD,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,SAAS,EAAE,6BAA6B;gBACxC,YAAY,EAAE,gDAAgD;gBAC9D,QAAQ,EACN,yEAAyE;gBAC3E,IAAI,EAAE,oBAAoB;gBAC1B,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,SAAS;aACpB;YACD,eAAe,EAAE;gBACf,gBAAgB,EAAE,oDAAoD;aACvE;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,QAAQ;gBAChB,MAAM,EAAE,QAAQ;gBAChB,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,OAAO;aACf;YACD,KAAK,EAAE;gBACL,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;gBACT,EAAE,EAAE,KAAK;aACV;SACF;KACF;CACF,CAAC"}
|