@terrazzo/plugin-css 0.0.8 → 0.0.10
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/CHANGELOG.md +12 -0
- package/dist/build/utility-css.js +44 -59
- package/dist/build/utility-css.js.map +1 -1
- package/dist/lib.d.ts +2 -1
- package/dist/lib.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
# @terrazzo/plugin-css
|
|
2
|
+
|
|
3
|
+
## 0.0.10
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#285](https://github.com/terrazzoapp/terrazzo/pull/285) [`e8a0df1`](https://github.com/terrazzoapp/terrazzo/commit/e8a0df1f3b50cf7cb292bcc475aae271feae4569) Thanks [@drwpow](https://github.com/drwpow)! - Add support for multiple token files
|
|
8
|
+
|
|
9
|
+
- Updated dependencies [[`e8a0df1`](https://github.com/terrazzoapp/terrazzo/commit/e8a0df1f3b50cf7cb292bcc475aae271feae4569)]:
|
|
10
|
+
- @terrazzo/token-tools@0.0.6
|
|
11
|
+
- @terrazzo/parser@0.0.12
|
|
12
|
+
- @terrazzo/cli@0.0.12
|
|
@@ -7,27 +7,14 @@ const GROUP_REGEX = {
|
|
|
7
7
|
border: /(^border-|-border-)/,
|
|
8
8
|
font: /(^font-|-font-)/,
|
|
9
9
|
gap: /(^gap-|-gap-)/,
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
m: /(^margin-|-margin-|)/,
|
|
11
|
+
p: /(^padding-|-padding-|)/,
|
|
12
12
|
shadow: /(^shadow-|-shadow-)/,
|
|
13
13
|
text: /(^text-|-text-)/,
|
|
14
14
|
};
|
|
15
15
|
/** Make CSS class name from transformed token */
|
|
16
|
-
function makeSelector(
|
|
17
|
-
|
|
18
|
-
// inconsistency: margin/padding are more abbreviated because of their commonality. handle that here.
|
|
19
|
-
if (group === 'margin' || group === 'padding') {
|
|
20
|
-
prefix = group[0];
|
|
21
|
-
if (subgroup) {
|
|
22
|
-
prefix += subgroup;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
if (subgroup) {
|
|
27
|
-
prefix += `-${subgroup}`;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
return `.${prefix}-${kebabCase(token.token.id).replace(GROUP_REGEX[group], '')}`;
|
|
16
|
+
function makeSelector(token, prefix, subgroup) {
|
|
17
|
+
return `.${prefix}${subgroup || ''}-${kebabCase(token.token.id).replace(GROUP_REGEX[prefix], '')}`;
|
|
31
18
|
}
|
|
32
19
|
function makeVarValue(token) {
|
|
33
20
|
return makeCSSVar(token.localID ?? token.token.id, { wrapVar: true });
|
|
@@ -45,7 +32,7 @@ export default function generateUtilityCSS(groups, tokens) {
|
|
|
45
32
|
switch (group) {
|
|
46
33
|
case 'bg': {
|
|
47
34
|
for (const token of matchingTokens) {
|
|
48
|
-
const selector = makeSelector('bg'
|
|
35
|
+
const selector = makeSelector(token, 'bg');
|
|
49
36
|
switch (token.token.$type) {
|
|
50
37
|
case 'color': {
|
|
51
38
|
output.push({ selectors: [selector], declarations: { 'background-color': makeVarValue(token) } });
|
|
@@ -58,7 +45,6 @@ export default function generateUtilityCSS(groups, tokens) {
|
|
|
58
45
|
'background-image': `linear-gradient(${makeCSSVar(token.localID ?? token.token.id, { wrapVar: true })})`,
|
|
59
46
|
},
|
|
60
47
|
});
|
|
61
|
-
break;
|
|
62
48
|
}
|
|
63
49
|
}
|
|
64
50
|
}
|
|
@@ -75,7 +61,7 @@ export default function generateUtilityCSS(groups, tokens) {
|
|
|
75
61
|
}[token.token.$type];
|
|
76
62
|
if (property) {
|
|
77
63
|
output.push({
|
|
78
|
-
selectors: [makeSelector('border'
|
|
64
|
+
selectors: [makeSelector(token, 'border')],
|
|
79
65
|
declarations: { [property]: makeVarValue(token) },
|
|
80
66
|
});
|
|
81
67
|
}
|
|
@@ -91,7 +77,7 @@ export default function generateUtilityCSS(groups, tokens) {
|
|
|
91
77
|
}[token.token.$type];
|
|
92
78
|
if (property) {
|
|
93
79
|
output.push({
|
|
94
|
-
selectors: [makeSelector('border',
|
|
80
|
+
selectors: [makeSelector(token, 'border', `-${side}`)],
|
|
95
81
|
declarations: { [property]: makeVarValue(token) },
|
|
96
82
|
});
|
|
97
83
|
}
|
|
@@ -101,7 +87,7 @@ export default function generateUtilityCSS(groups, tokens) {
|
|
|
101
87
|
}
|
|
102
88
|
case 'font': {
|
|
103
89
|
for (const token of matchingTokens) {
|
|
104
|
-
const selector = makeSelector('font'
|
|
90
|
+
const selector = makeSelector(token, 'font');
|
|
105
91
|
if (token.token.$type === 'typography' && token.type === 'MULTI_VALUE') {
|
|
106
92
|
const declarations = {};
|
|
107
93
|
for (const k in token.value) {
|
|
@@ -125,61 +111,60 @@ export default function generateUtilityCSS(groups, tokens) {
|
|
|
125
111
|
}
|
|
126
112
|
break;
|
|
127
113
|
}
|
|
128
|
-
case '
|
|
114
|
+
case 'layout': {
|
|
129
115
|
const filteredTokens = matchingTokens.filter((t) => t.token.$type === 'dimension'); // only dimension tokens here
|
|
116
|
+
// gap
|
|
130
117
|
// ALL generic properties (gap) must come before specific properties (column-gap)
|
|
131
118
|
for (const token of filteredTokens) {
|
|
132
|
-
output.push({ selectors: [makeSelector('gap'
|
|
119
|
+
output.push({ selectors: [makeSelector(token, 'gap')], declarations: { gap: makeVarValue(token) } });
|
|
133
120
|
}
|
|
134
121
|
// specific properties
|
|
135
122
|
for (const token of filteredTokens) {
|
|
136
123
|
output.push({
|
|
137
|
-
selectors: [makeSelector('gap',
|
|
124
|
+
selectors: [makeSelector(token, 'gap', '-col')],
|
|
138
125
|
declarations: { 'column-gap': makeVarValue(token) },
|
|
139
126
|
});
|
|
140
127
|
}
|
|
141
128
|
// specific properties
|
|
142
129
|
for (const token of filteredTokens) {
|
|
143
130
|
output.push({
|
|
144
|
-
selectors: [makeSelector('gap',
|
|
131
|
+
selectors: [makeSelector(token, 'gap', '-row')],
|
|
145
132
|
declarations: { 'row-gap': makeVarValue(token) },
|
|
146
133
|
});
|
|
147
134
|
}
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
const property = group === 'margin' ? 'margin' : 'padding';
|
|
154
|
-
// note: ALL generic properties (margin: [value]) MUST come before specific properties (margin-top: [value])
|
|
155
|
-
// this is why we loop through all tokens so many times
|
|
156
|
-
for (const token of filteredTokens) {
|
|
157
|
-
output.push({
|
|
158
|
-
selectors: [makeSelector(group, token, 'a')],
|
|
159
|
-
declarations: { [property]: makeVarValue(token) },
|
|
160
|
-
});
|
|
161
|
-
}
|
|
162
|
-
for (const token of filteredTokens) {
|
|
163
|
-
const value = makeVarValue(token);
|
|
164
|
-
output.push({
|
|
165
|
-
selectors: [makeSelector(group, token, 'x')],
|
|
166
|
-
declarations: { [`${property}-left`]: value, [`${property}-right`]: value },
|
|
167
|
-
}, {
|
|
168
|
-
selectors: [makeSelector(group, token, 'y')],
|
|
169
|
-
declarations: { [`${property}-bottom`]: value, [`${property}-top`]: value },
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
for (const side of ['top', 'right', 'bottom', 'left']) {
|
|
135
|
+
// margin/padding
|
|
136
|
+
for (const prefix of ['m', 'p']) {
|
|
137
|
+
const property = prefix === 'm' ? 'margin' : 'padding';
|
|
138
|
+
// note: ALL generic properties (margin: [value]) MUST come before specific properties (margin-top: [value])
|
|
139
|
+
// this is why we loop through all tokens so many times
|
|
173
140
|
for (const token of filteredTokens) {
|
|
174
141
|
output.push({
|
|
175
|
-
selectors: [makeSelector(
|
|
176
|
-
declarations: { [
|
|
142
|
+
selectors: [makeSelector(token, prefix, 'a')],
|
|
143
|
+
declarations: { [property]: makeVarValue(token) },
|
|
177
144
|
});
|
|
178
145
|
}
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
146
|
+
for (const token of filteredTokens) {
|
|
147
|
+
const value = makeVarValue(token);
|
|
148
|
+
output.push({
|
|
149
|
+
selectors: [makeSelector(token, prefix, 'x')],
|
|
150
|
+
declarations: { [`${property}-left`]: value, [`${property}-right`]: value },
|
|
151
|
+
}, {
|
|
152
|
+
selectors: [makeSelector(token, prefix, 'y')],
|
|
153
|
+
declarations: { [`${property}-bottom`]: value, [`${property}-top`]: value },
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
for (const side of ['top', 'right', 'bottom', 'left']) {
|
|
157
|
+
for (const token of filteredTokens) {
|
|
158
|
+
output.push({
|
|
159
|
+
selectors: [makeSelector(token, prefix, side[0])],
|
|
160
|
+
declarations: { [`${property}-${side}`]: makeVarValue(token) },
|
|
161
|
+
});
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
for (const token of filteredTokens) {
|
|
165
|
+
const value = makeVarValue(token);
|
|
166
|
+
output.push({ selectors: [makeSelector(token, prefix, 's')], declarations: { [`${property}-inline-start`]: value } }, { selectors: [makeSelector(token, prefix, 'e')], declarations: { [`${property}-inline-end`]: value } });
|
|
167
|
+
}
|
|
183
168
|
}
|
|
184
169
|
break;
|
|
185
170
|
}
|
|
@@ -187,7 +172,7 @@ export default function generateUtilityCSS(groups, tokens) {
|
|
|
187
172
|
for (const token of matchingTokens) {
|
|
188
173
|
if (token.token.$type === 'shadow') {
|
|
189
174
|
output.push({
|
|
190
|
-
selectors: [makeSelector('shadow'
|
|
175
|
+
selectors: [makeSelector(token, 'shadow')],
|
|
191
176
|
declarations: { 'box-shadow': makeVarValue(token) },
|
|
192
177
|
});
|
|
193
178
|
}
|
|
@@ -196,7 +181,7 @@ export default function generateUtilityCSS(groups, tokens) {
|
|
|
196
181
|
}
|
|
197
182
|
case 'text': {
|
|
198
183
|
for (const token of matchingTokens) {
|
|
199
|
-
const selector = makeSelector('text'
|
|
184
|
+
const selector = makeSelector(token, 'text');
|
|
200
185
|
const value = makeVarValue(token);
|
|
201
186
|
switch (token.token.$type) {
|
|
202
187
|
case 'color': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utility-css.js","sourceRoot":"","sources":["../../src/build/utility-css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,qHAAqH;AACrH,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"utility-css.js","sourceRoot":"","sources":["../../src/build/utility-css.ts"],"names":[],"mappings":"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"}
|
package/dist/lib.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { TokenNormalized, TokenTransformed } from '@terrazzo/parser';
|
|
2
|
-
export type UtilityCSSGroup = 'bg' | 'border' | 'font' | '
|
|
2
|
+
export type UtilityCSSGroup = 'bg' | 'border' | 'font' | 'layout' | 'shadow' | 'text';
|
|
3
|
+
export type UtilityCSSPrefix = 'bg' | 'border' | 'font' | 'gap' | 'm' | 'p' | 'shadow' | 'text';
|
|
3
4
|
export declare const FORMAT_ID = "css";
|
|
4
5
|
export declare const FILE_PREFIX = "/* -------------------------------------------\n * Autogenerated by \u26CB Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */";
|
|
5
6
|
export interface CSSPluginOptions {
|
package/dist/lib.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@terrazzo/plugin-css",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.10",
|
|
4
4
|
"description": "Convert DTCG tokens into CSS variables for use in any web application or native app with webview.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": {
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"scule": "^1.3.0",
|
|
30
|
-
"@terrazzo/parser": "^0.0.
|
|
31
|
-
"@terrazzo/token-tools": "^0.0.
|
|
30
|
+
"@terrazzo/parser": "^0.0.12",
|
|
31
|
+
"@terrazzo/token-tools": "^0.0.6"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@terrazzo/cli": "^0.0.
|
|
34
|
+
"@terrazzo/cli": "^0.0.12"
|
|
35
35
|
},
|
|
36
36
|
"scripts": {
|
|
37
37
|
"build": "pnpm run build:clean && pnpm run build:ts && pnpm -w run inject-license @terrazzo/plugin-css dist/index.js",
|