@tokenami/node 0.0.96--canary.bootstrap.0
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/LICENSE +21 -0
- package/README.md +3 -0
- package/dist/index.d.ts +2977 -0
- package/dist/index.js +2031 -0
- package/dist/ts-plugin.cjs +1299 -0
- package/dist/ts-plugin.d.cts +24 -0
- package/package.json +64 -0
- package/stubs/tokenami.config.cjs +175 -0
- package/stubs/tokenami.config.js +175 -0
- package/stubs/tokenami.config.mjs +175 -0
- package/stubs/tokenami.config.ts +175 -0
- package/stubs/tokenami.env.d.ts +7 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import ts from 'typescript/lib/tsserverlibrary.js';
|
|
2
|
+
import * as TokenamiConfig from '@tokenami/config';
|
|
3
|
+
|
|
4
|
+
declare class Logger {
|
|
5
|
+
log(_message: string): void;
|
|
6
|
+
error(_message: string): void;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
interface TokenamiDiagnosticContext {
|
|
10
|
+
logger?: Logger;
|
|
11
|
+
}
|
|
12
|
+
declare class TokenamiDiagnostics {
|
|
13
|
+
#private;
|
|
14
|
+
constructor(config: TokenamiConfig.Config, context?: TokenamiDiagnosticContext);
|
|
15
|
+
getSemanticDiagnostics(sourceFile: ts.SourceFile): ts.Diagnostic[];
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare const createTSPlugin: (mod: {
|
|
19
|
+
typescript: typeof ts;
|
|
20
|
+
}) => {
|
|
21
|
+
create(info: ts.server.PluginCreateInfo): ts.LanguageService;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { TokenamiDiagnostics, createTSPlugin };
|
package/package.json
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@tokenami/node",
|
|
3
|
+
"version": "0.0.96--canary.bootstrap.0",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"repository": "tokenami/tokenami",
|
|
10
|
+
"sideEffects": false,
|
|
11
|
+
"publishConfig": {
|
|
12
|
+
"access": "public"
|
|
13
|
+
},
|
|
14
|
+
"exports": {
|
|
15
|
+
".": {
|
|
16
|
+
"import": {
|
|
17
|
+
"types": "./dist/index.d.ts",
|
|
18
|
+
"default": "./dist/index.js"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
"./ts-plugin": {
|
|
22
|
+
"require": {
|
|
23
|
+
"types": "./dist/ts-plugin.d.cts",
|
|
24
|
+
"default": "./dist/ts-plugin.cjs"
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"files": [
|
|
29
|
+
"dist",
|
|
30
|
+
"stubs"
|
|
31
|
+
],
|
|
32
|
+
"dependencies": {
|
|
33
|
+
"@stitches/stringify": "^1.2.8",
|
|
34
|
+
"acorn": "^8.11.3",
|
|
35
|
+
"acorn-walk": "^8.3.2",
|
|
36
|
+
"css-tree": "^3.0.0",
|
|
37
|
+
"csstype": "^3.1.2",
|
|
38
|
+
"culori": "^4.0.1",
|
|
39
|
+
"fast-glob": "^3.2.12",
|
|
40
|
+
"jiti": "^1.21.0",
|
|
41
|
+
"lightningcss": "1.29.1",
|
|
42
|
+
"pathe": "^1.1.1",
|
|
43
|
+
"sucrase": "^3.34.0",
|
|
44
|
+
"@tokenami/config": "0.0.95"
|
|
45
|
+
},
|
|
46
|
+
"devDependencies": {
|
|
47
|
+
"@types/css-tree": "^2.3.8",
|
|
48
|
+
"@types/culori": "^2.1.0",
|
|
49
|
+
"@types/node": "^20.3.1",
|
|
50
|
+
"tsup": "^8.4.0",
|
|
51
|
+
"typescript": "^5.1.3",
|
|
52
|
+
"vitest": "^0.34.6"
|
|
53
|
+
},
|
|
54
|
+
"peerDependencies": {
|
|
55
|
+
"typescript": ">= 5"
|
|
56
|
+
},
|
|
57
|
+
"scripts": {
|
|
58
|
+
"build": "tsup",
|
|
59
|
+
"dev": "tsup --watch",
|
|
60
|
+
"test": "vitest --run",
|
|
61
|
+
"test:watch": "vitest",
|
|
62
|
+
"typecheck": "tsc --noEmit"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
const { createConfig } = require('@tokenami/css');
|
|
2
|
+
|
|
3
|
+
module.exports = createConfig({
|
|
4
|
+
include: [],
|
|
5
|
+
grid: '0.25rem',
|
|
6
|
+
responsive: {},
|
|
7
|
+
themeSelector: (mode) => (mode === 'root' ? ':root' : `.theme-${mode}`),
|
|
8
|
+
theme: {
|
|
9
|
+
alpha: {},
|
|
10
|
+
anim: {},
|
|
11
|
+
border: {},
|
|
12
|
+
color: {},
|
|
13
|
+
ease: {},
|
|
14
|
+
font: {},
|
|
15
|
+
'font-size': {},
|
|
16
|
+
leading: {},
|
|
17
|
+
'line-style': {},
|
|
18
|
+
radii: {},
|
|
19
|
+
size: {},
|
|
20
|
+
shadow: {},
|
|
21
|
+
surface: {},
|
|
22
|
+
tracking: {},
|
|
23
|
+
transition: {},
|
|
24
|
+
weight: {},
|
|
25
|
+
z: {},
|
|
26
|
+
},
|
|
27
|
+
aliases: {},
|
|
28
|
+
selectors: {
|
|
29
|
+
after: '&::after',
|
|
30
|
+
before: '&::before',
|
|
31
|
+
even: '&:nth-child(even)',
|
|
32
|
+
odd: '&:nth-child(odd)',
|
|
33
|
+
'first-child': '&:first-child',
|
|
34
|
+
'last-child': '&:last-child',
|
|
35
|
+
placeholder: '&::placeholder',
|
|
36
|
+
hover: '&:hover',
|
|
37
|
+
focus: '&:focus',
|
|
38
|
+
'focus-visible': '&:focus-visible',
|
|
39
|
+
'focus-within': '&:focus-within',
|
|
40
|
+
active: '&:active',
|
|
41
|
+
disabled: '&:disabled',
|
|
42
|
+
},
|
|
43
|
+
properties: {
|
|
44
|
+
'accent-color': ['color'],
|
|
45
|
+
animation: ['anim'],
|
|
46
|
+
'animation-timing-function': ['ease'],
|
|
47
|
+
background: ['color', 'surface'],
|
|
48
|
+
'background-color': ['color'],
|
|
49
|
+
'background-image': ['surface'],
|
|
50
|
+
'background-position': ['grid'],
|
|
51
|
+
'background-position-x': ['grid'],
|
|
52
|
+
'background-position-y': ['grid'],
|
|
53
|
+
'block-size': ['grid', 'size'],
|
|
54
|
+
border: ['border'],
|
|
55
|
+
'border-block': ['border'],
|
|
56
|
+
'border-block-color': ['color'],
|
|
57
|
+
'border-block-end': ['border'],
|
|
58
|
+
'border-block-end-color': ['color'],
|
|
59
|
+
'border-block-end-style': ['line-style'],
|
|
60
|
+
'border-block-start': ['border'],
|
|
61
|
+
'border-block-start-color': ['color'],
|
|
62
|
+
'border-block-start-style': ['line-style'],
|
|
63
|
+
'border-block-style': ['line-style'],
|
|
64
|
+
'border-bottom': ['border'],
|
|
65
|
+
'border-bottom-color': ['color'],
|
|
66
|
+
'border-bottom-left-radius': ['radii'],
|
|
67
|
+
'border-bottom-right-radius': ['radii'],
|
|
68
|
+
'border-bottom-style': ['line-style'],
|
|
69
|
+
'border-color': ['color'],
|
|
70
|
+
'border-end-end-radius': ['radii'],
|
|
71
|
+
'border-end-start-radius': ['radii'],
|
|
72
|
+
'border-inline': ['border'],
|
|
73
|
+
'border-inline-color': ['color'],
|
|
74
|
+
'border-inline-end': ['border'],
|
|
75
|
+
'border-inline-end-color': ['color'],
|
|
76
|
+
'border-inline-end-style': ['line-style'],
|
|
77
|
+
'border-inline-start': ['border'],
|
|
78
|
+
'border-inline-start-color': ['color'],
|
|
79
|
+
'border-inline-start-style': ['line-style'],
|
|
80
|
+
'border-inline-style': ['line-style'],
|
|
81
|
+
'border-left': ['border'],
|
|
82
|
+
'border-left-color': ['color'],
|
|
83
|
+
'border-left-style': ['line-style'],
|
|
84
|
+
'border-radius': ['radii'],
|
|
85
|
+
'border-right': ['border'],
|
|
86
|
+
'border-right-color': ['color'],
|
|
87
|
+
'border-right-style': ['line-style'],
|
|
88
|
+
'border-start-end-radius': ['radii'],
|
|
89
|
+
'border-start-start-radius': ['radii'],
|
|
90
|
+
'border-style': ['line-style'],
|
|
91
|
+
'border-top': ['border'],
|
|
92
|
+
'border-top-color': ['color'],
|
|
93
|
+
'border-top-left-radius': ['radii'],
|
|
94
|
+
'border-top-right-radius': ['radii'],
|
|
95
|
+
'border-top-style': ['line-style'],
|
|
96
|
+
bottom: ['grid'],
|
|
97
|
+
'box-shadow': ['shadow'],
|
|
98
|
+
'caret-color': ['color'],
|
|
99
|
+
color: ['color'],
|
|
100
|
+
'column-gap': ['grid'],
|
|
101
|
+
'column-rule-color': ['color'],
|
|
102
|
+
'column-rule-width': ['grid'],
|
|
103
|
+
'column-width': ['grid', 'size'],
|
|
104
|
+
fill: ['color'],
|
|
105
|
+
'flex-basis': ['grid', 'size'],
|
|
106
|
+
'font-family': ['font'],
|
|
107
|
+
'font-size': ['font-size'],
|
|
108
|
+
'font-weight': ['weight'],
|
|
109
|
+
gap: ['grid'],
|
|
110
|
+
height: ['grid', 'size'],
|
|
111
|
+
'inline-size': ['grid', 'size'],
|
|
112
|
+
inset: ['grid'],
|
|
113
|
+
'inset-block': ['grid'],
|
|
114
|
+
'inset-block-end': ['grid'],
|
|
115
|
+
'inset-block-start': ['grid'],
|
|
116
|
+
'inset-inline': ['grid'],
|
|
117
|
+
'inset-inline-end': ['grid'],
|
|
118
|
+
'inset-inline-start': ['grid'],
|
|
119
|
+
left: ['grid'],
|
|
120
|
+
'letter-spacing': ['tracking'],
|
|
121
|
+
'line-height': ['leading'],
|
|
122
|
+
margin: ['grid'],
|
|
123
|
+
'margin-block': ['grid'],
|
|
124
|
+
'margin-block-end': ['grid'],
|
|
125
|
+
'margin-block-start': ['grid'],
|
|
126
|
+
'margin-bottom': ['grid'],
|
|
127
|
+
'margin-inline': ['grid'],
|
|
128
|
+
'margin-inline-end': ['grid'],
|
|
129
|
+
'margin-inline-start': ['grid'],
|
|
130
|
+
'margin-left': ['grid'],
|
|
131
|
+
'margin-right': ['grid'],
|
|
132
|
+
'margin-top': ['grid'],
|
|
133
|
+
'max-block-size': ['grid', 'size'],
|
|
134
|
+
'max-height': ['grid', 'size'],
|
|
135
|
+
'max-inline-size': ['grid', 'size'],
|
|
136
|
+
'max-width': ['grid', 'size'],
|
|
137
|
+
'min-block-size': ['grid', 'size'],
|
|
138
|
+
'min-height': ['grid', 'size'],
|
|
139
|
+
'min-inline-size': ['grid', 'size'],
|
|
140
|
+
'min-width': ['grid', 'size'],
|
|
141
|
+
opacity: ['alpha'],
|
|
142
|
+
'outline-color': ['color'],
|
|
143
|
+
padding: ['grid'],
|
|
144
|
+
'padding-block': ['grid'],
|
|
145
|
+
'padding-block-end': ['grid'],
|
|
146
|
+
'padding-block-start': ['grid'],
|
|
147
|
+
'padding-bottom': ['grid'],
|
|
148
|
+
'padding-inline': ['grid'],
|
|
149
|
+
'padding-inline-end': ['grid'],
|
|
150
|
+
'padding-inline-start': ['grid'],
|
|
151
|
+
'padding-left': ['grid'],
|
|
152
|
+
'padding-right': ['grid'],
|
|
153
|
+
'padding-top': ['grid'],
|
|
154
|
+
right: ['grid'],
|
|
155
|
+
'row-gap': ['grid'],
|
|
156
|
+
'scroll-margin': ['grid'],
|
|
157
|
+
'scroll-margin-bottom': ['grid'],
|
|
158
|
+
'scroll-margin-left': ['grid'],
|
|
159
|
+
'scroll-margin-right': ['grid'],
|
|
160
|
+
'scroll-margin-top': ['grid'],
|
|
161
|
+
'scroll-padding': ['grid'],
|
|
162
|
+
'scroll-padding-bottom': ['grid'],
|
|
163
|
+
'scroll-padding-left': ['grid'],
|
|
164
|
+
'scroll-padding-right': ['grid'],
|
|
165
|
+
'scroll-padding-top': ['grid'],
|
|
166
|
+
stroke: ['color'],
|
|
167
|
+
'text-decoration-color': ['color'],
|
|
168
|
+
'text-shadow': ['shadow'],
|
|
169
|
+
top: ['grid'],
|
|
170
|
+
transition: ['transition'],
|
|
171
|
+
'transition-timing-function': ['ease'],
|
|
172
|
+
width: ['grid', 'size'],
|
|
173
|
+
'z-index': ['z'],
|
|
174
|
+
},
|
|
175
|
+
});
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import { createConfig } from '@tokenami/css';
|
|
2
|
+
|
|
3
|
+
export default createConfig({
|
|
4
|
+
include: [],
|
|
5
|
+
grid: '0.25rem',
|
|
6
|
+
responsive: {},
|
|
7
|
+
themeSelector: (mode) => (mode === 'root' ? ':root' : `.theme-${mode}`),
|
|
8
|
+
theme: {
|
|
9
|
+
alpha: {},
|
|
10
|
+
anim: {},
|
|
11
|
+
border: {},
|
|
12
|
+
color: {},
|
|
13
|
+
ease: {},
|
|
14
|
+
font: {},
|
|
15
|
+
'font-size': {},
|
|
16
|
+
leading: {},
|
|
17
|
+
'line-style': {},
|
|
18
|
+
radii: {},
|
|
19
|
+
size: {},
|
|
20
|
+
shadow: {},
|
|
21
|
+
surface: {},
|
|
22
|
+
tracking: {},
|
|
23
|
+
transition: {},
|
|
24
|
+
weight: {},
|
|
25
|
+
z: {},
|
|
26
|
+
},
|
|
27
|
+
aliases: {},
|
|
28
|
+
selectors: {
|
|
29
|
+
after: '&::after',
|
|
30
|
+
before: '&::before',
|
|
31
|
+
even: '&:nth-child(even)',
|
|
32
|
+
odd: '&:nth-child(odd)',
|
|
33
|
+
'first-child': '&:first-child',
|
|
34
|
+
'last-child': '&:last-child',
|
|
35
|
+
placeholder: '&::placeholder',
|
|
36
|
+
hover: '&:hover',
|
|
37
|
+
focus: '&:focus',
|
|
38
|
+
'focus-visible': '&:focus-visible',
|
|
39
|
+
'focus-within': '&:focus-within',
|
|
40
|
+
active: '&:active',
|
|
41
|
+
disabled: '&:disabled',
|
|
42
|
+
},
|
|
43
|
+
properties: {
|
|
44
|
+
'accent-color': ['color'],
|
|
45
|
+
animation: ['anim'],
|
|
46
|
+
'animation-timing-function': ['ease'],
|
|
47
|
+
background: ['color', 'surface'],
|
|
48
|
+
'background-color': ['color'],
|
|
49
|
+
'background-image': ['surface'],
|
|
50
|
+
'background-position': ['grid'],
|
|
51
|
+
'background-position-x': ['grid'],
|
|
52
|
+
'background-position-y': ['grid'],
|
|
53
|
+
'block-size': ['grid', 'size'],
|
|
54
|
+
border: ['border'],
|
|
55
|
+
'border-block': ['border'],
|
|
56
|
+
'border-block-color': ['color'],
|
|
57
|
+
'border-block-end': ['border'],
|
|
58
|
+
'border-block-end-color': ['color'],
|
|
59
|
+
'border-block-end-style': ['line-style'],
|
|
60
|
+
'border-block-start': ['border'],
|
|
61
|
+
'border-block-start-color': ['color'],
|
|
62
|
+
'border-block-start-style': ['line-style'],
|
|
63
|
+
'border-block-style': ['line-style'],
|
|
64
|
+
'border-bottom': ['border'],
|
|
65
|
+
'border-bottom-color': ['color'],
|
|
66
|
+
'border-bottom-left-radius': ['radii'],
|
|
67
|
+
'border-bottom-right-radius': ['radii'],
|
|
68
|
+
'border-bottom-style': ['line-style'],
|
|
69
|
+
'border-color': ['color'],
|
|
70
|
+
'border-end-end-radius': ['radii'],
|
|
71
|
+
'border-end-start-radius': ['radii'],
|
|
72
|
+
'border-inline': ['border'],
|
|
73
|
+
'border-inline-color': ['color'],
|
|
74
|
+
'border-inline-end': ['border'],
|
|
75
|
+
'border-inline-end-color': ['color'],
|
|
76
|
+
'border-inline-end-style': ['line-style'],
|
|
77
|
+
'border-inline-start': ['border'],
|
|
78
|
+
'border-inline-start-color': ['color'],
|
|
79
|
+
'border-inline-start-style': ['line-style'],
|
|
80
|
+
'border-inline-style': ['line-style'],
|
|
81
|
+
'border-left': ['border'],
|
|
82
|
+
'border-left-color': ['color'],
|
|
83
|
+
'border-left-style': ['line-style'],
|
|
84
|
+
'border-radius': ['radii'],
|
|
85
|
+
'border-right': ['border'],
|
|
86
|
+
'border-right-color': ['color'],
|
|
87
|
+
'border-right-style': ['line-style'],
|
|
88
|
+
'border-start-end-radius': ['radii'],
|
|
89
|
+
'border-start-start-radius': ['radii'],
|
|
90
|
+
'border-style': ['line-style'],
|
|
91
|
+
'border-top': ['border'],
|
|
92
|
+
'border-top-color': ['color'],
|
|
93
|
+
'border-top-left-radius': ['radii'],
|
|
94
|
+
'border-top-right-radius': ['radii'],
|
|
95
|
+
'border-top-style': ['line-style'],
|
|
96
|
+
bottom: ['grid'],
|
|
97
|
+
'box-shadow': ['shadow'],
|
|
98
|
+
'caret-color': ['color'],
|
|
99
|
+
color: ['color'],
|
|
100
|
+
'column-gap': ['grid'],
|
|
101
|
+
'column-rule-color': ['color'],
|
|
102
|
+
'column-rule-width': ['grid'],
|
|
103
|
+
'column-width': ['grid', 'size'],
|
|
104
|
+
fill: ['color'],
|
|
105
|
+
'flex-basis': ['grid', 'size'],
|
|
106
|
+
'font-family': ['font'],
|
|
107
|
+
'font-size': ['font-size'],
|
|
108
|
+
'font-weight': ['weight'],
|
|
109
|
+
gap: ['grid'],
|
|
110
|
+
height: ['grid', 'size'],
|
|
111
|
+
'inline-size': ['grid', 'size'],
|
|
112
|
+
inset: ['grid'],
|
|
113
|
+
'inset-block': ['grid'],
|
|
114
|
+
'inset-block-end': ['grid'],
|
|
115
|
+
'inset-block-start': ['grid'],
|
|
116
|
+
'inset-inline': ['grid'],
|
|
117
|
+
'inset-inline-end': ['grid'],
|
|
118
|
+
'inset-inline-start': ['grid'],
|
|
119
|
+
left: ['grid'],
|
|
120
|
+
'letter-spacing': ['tracking'],
|
|
121
|
+
'line-height': ['leading'],
|
|
122
|
+
margin: ['grid'],
|
|
123
|
+
'margin-block': ['grid'],
|
|
124
|
+
'margin-block-end': ['grid'],
|
|
125
|
+
'margin-block-start': ['grid'],
|
|
126
|
+
'margin-bottom': ['grid'],
|
|
127
|
+
'margin-inline': ['grid'],
|
|
128
|
+
'margin-inline-end': ['grid'],
|
|
129
|
+
'margin-inline-start': ['grid'],
|
|
130
|
+
'margin-left': ['grid'],
|
|
131
|
+
'margin-right': ['grid'],
|
|
132
|
+
'margin-top': ['grid'],
|
|
133
|
+
'max-block-size': ['grid', 'size'],
|
|
134
|
+
'max-height': ['grid', 'size'],
|
|
135
|
+
'max-inline-size': ['grid', 'size'],
|
|
136
|
+
'max-width': ['grid', 'size'],
|
|
137
|
+
'min-block-size': ['grid', 'size'],
|
|
138
|
+
'min-height': ['grid', 'size'],
|
|
139
|
+
'min-inline-size': ['grid', 'size'],
|
|
140
|
+
'min-width': ['grid', 'size'],
|
|
141
|
+
opacity: ['alpha'],
|
|
142
|
+
'outline-color': ['color'],
|
|
143
|
+
padding: ['grid'],
|
|
144
|
+
'padding-block': ['grid'],
|
|
145
|
+
'padding-block-end': ['grid'],
|
|
146
|
+
'padding-block-start': ['grid'],
|
|
147
|
+
'padding-bottom': ['grid'],
|
|
148
|
+
'padding-inline': ['grid'],
|
|
149
|
+
'padding-inline-end': ['grid'],
|
|
150
|
+
'padding-inline-start': ['grid'],
|
|
151
|
+
'padding-left': ['grid'],
|
|
152
|
+
'padding-right': ['grid'],
|
|
153
|
+
'padding-top': ['grid'],
|
|
154
|
+
right: ['grid'],
|
|
155
|
+
'row-gap': ['grid'],
|
|
156
|
+
'scroll-margin': ['grid'],
|
|
157
|
+
'scroll-margin-bottom': ['grid'],
|
|
158
|
+
'scroll-margin-left': ['grid'],
|
|
159
|
+
'scroll-margin-right': ['grid'],
|
|
160
|
+
'scroll-margin-top': ['grid'],
|
|
161
|
+
'scroll-padding': ['grid'],
|
|
162
|
+
'scroll-padding-bottom': ['grid'],
|
|
163
|
+
'scroll-padding-left': ['grid'],
|
|
164
|
+
'scroll-padding-right': ['grid'],
|
|
165
|
+
'scroll-padding-top': ['grid'],
|
|
166
|
+
stroke: ['color'],
|
|
167
|
+
'text-decoration-color': ['color'],
|
|
168
|
+
'text-shadow': ['shadow'],
|
|
169
|
+
top: ['grid'],
|
|
170
|
+
transition: ['transition'],
|
|
171
|
+
'transition-timing-function': ['ease'],
|
|
172
|
+
width: ['grid', 'size'],
|
|
173
|
+
'z-index': ['z'],
|
|
174
|
+
},
|
|
175
|
+
});
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import { createConfig } from '@tokenami/css';
|
|
2
|
+
|
|
3
|
+
export default createConfig({
|
|
4
|
+
include: [],
|
|
5
|
+
grid: '0.25rem',
|
|
6
|
+
responsive: {},
|
|
7
|
+
themeSelector: (mode) => (mode === 'root' ? ':root' : `.theme-${mode}`),
|
|
8
|
+
theme: {
|
|
9
|
+
alpha: {},
|
|
10
|
+
anim: {},
|
|
11
|
+
border: {},
|
|
12
|
+
color: {},
|
|
13
|
+
ease: {},
|
|
14
|
+
font: {},
|
|
15
|
+
'font-size': {},
|
|
16
|
+
leading: {},
|
|
17
|
+
'line-style': {},
|
|
18
|
+
radii: {},
|
|
19
|
+
size: {},
|
|
20
|
+
shadow: {},
|
|
21
|
+
surface: {},
|
|
22
|
+
tracking: {},
|
|
23
|
+
transition: {},
|
|
24
|
+
weight: {},
|
|
25
|
+
z: {},
|
|
26
|
+
},
|
|
27
|
+
aliases: {},
|
|
28
|
+
selectors: {
|
|
29
|
+
after: '&::after',
|
|
30
|
+
before: '&::before',
|
|
31
|
+
even: '&:nth-child(even)',
|
|
32
|
+
odd: '&:nth-child(odd)',
|
|
33
|
+
'first-child': '&:first-child',
|
|
34
|
+
'last-child': '&:last-child',
|
|
35
|
+
placeholder: '&::placeholder',
|
|
36
|
+
hover: '&:hover',
|
|
37
|
+
focus: '&:focus',
|
|
38
|
+
'focus-visible': '&:focus-visible',
|
|
39
|
+
'focus-within': '&:focus-within',
|
|
40
|
+
active: '&:active',
|
|
41
|
+
disabled: '&:disabled',
|
|
42
|
+
},
|
|
43
|
+
properties: {
|
|
44
|
+
'accent-color': ['color'],
|
|
45
|
+
animation: ['anim'],
|
|
46
|
+
'animation-timing-function': ['ease'],
|
|
47
|
+
background: ['color', 'surface'],
|
|
48
|
+
'background-color': ['color'],
|
|
49
|
+
'background-image': ['surface'],
|
|
50
|
+
'background-position': ['grid'],
|
|
51
|
+
'background-position-x': ['grid'],
|
|
52
|
+
'background-position-y': ['grid'],
|
|
53
|
+
'block-size': ['grid', 'size'],
|
|
54
|
+
border: ['border'],
|
|
55
|
+
'border-block': ['border'],
|
|
56
|
+
'border-block-color': ['color'],
|
|
57
|
+
'border-block-end': ['border'],
|
|
58
|
+
'border-block-end-color': ['color'],
|
|
59
|
+
'border-block-end-style': ['line-style'],
|
|
60
|
+
'border-block-start': ['border'],
|
|
61
|
+
'border-block-start-color': ['color'],
|
|
62
|
+
'border-block-start-style': ['line-style'],
|
|
63
|
+
'border-block-style': ['line-style'],
|
|
64
|
+
'border-bottom': ['border'],
|
|
65
|
+
'border-bottom-color': ['color'],
|
|
66
|
+
'border-bottom-left-radius': ['radii'],
|
|
67
|
+
'border-bottom-right-radius': ['radii'],
|
|
68
|
+
'border-bottom-style': ['line-style'],
|
|
69
|
+
'border-color': ['color'],
|
|
70
|
+
'border-end-end-radius': ['radii'],
|
|
71
|
+
'border-end-start-radius': ['radii'],
|
|
72
|
+
'border-inline': ['border'],
|
|
73
|
+
'border-inline-color': ['color'],
|
|
74
|
+
'border-inline-end': ['border'],
|
|
75
|
+
'border-inline-end-color': ['color'],
|
|
76
|
+
'border-inline-end-style': ['line-style'],
|
|
77
|
+
'border-inline-start': ['border'],
|
|
78
|
+
'border-inline-start-color': ['color'],
|
|
79
|
+
'border-inline-start-style': ['line-style'],
|
|
80
|
+
'border-inline-style': ['line-style'],
|
|
81
|
+
'border-left': ['border'],
|
|
82
|
+
'border-left-color': ['color'],
|
|
83
|
+
'border-left-style': ['line-style'],
|
|
84
|
+
'border-radius': ['radii'],
|
|
85
|
+
'border-right': ['border'],
|
|
86
|
+
'border-right-color': ['color'],
|
|
87
|
+
'border-right-style': ['line-style'],
|
|
88
|
+
'border-start-end-radius': ['radii'],
|
|
89
|
+
'border-start-start-radius': ['radii'],
|
|
90
|
+
'border-style': ['line-style'],
|
|
91
|
+
'border-top': ['border'],
|
|
92
|
+
'border-top-color': ['color'],
|
|
93
|
+
'border-top-left-radius': ['radii'],
|
|
94
|
+
'border-top-right-radius': ['radii'],
|
|
95
|
+
'border-top-style': ['line-style'],
|
|
96
|
+
bottom: ['grid'],
|
|
97
|
+
'box-shadow': ['shadow'],
|
|
98
|
+
'caret-color': ['color'],
|
|
99
|
+
color: ['color'],
|
|
100
|
+
'column-gap': ['grid'],
|
|
101
|
+
'column-rule-color': ['color'],
|
|
102
|
+
'column-rule-width': ['grid'],
|
|
103
|
+
'column-width': ['grid', 'size'],
|
|
104
|
+
fill: ['color'],
|
|
105
|
+
'flex-basis': ['grid', 'size'],
|
|
106
|
+
'font-family': ['font'],
|
|
107
|
+
'font-size': ['font-size'],
|
|
108
|
+
'font-weight': ['weight'],
|
|
109
|
+
gap: ['grid'],
|
|
110
|
+
height: ['grid', 'size'],
|
|
111
|
+
'inline-size': ['grid', 'size'],
|
|
112
|
+
inset: ['grid'],
|
|
113
|
+
'inset-block': ['grid'],
|
|
114
|
+
'inset-block-end': ['grid'],
|
|
115
|
+
'inset-block-start': ['grid'],
|
|
116
|
+
'inset-inline': ['grid'],
|
|
117
|
+
'inset-inline-end': ['grid'],
|
|
118
|
+
'inset-inline-start': ['grid'],
|
|
119
|
+
left: ['grid'],
|
|
120
|
+
'letter-spacing': ['tracking'],
|
|
121
|
+
'line-height': ['leading'],
|
|
122
|
+
margin: ['grid'],
|
|
123
|
+
'margin-block': ['grid'],
|
|
124
|
+
'margin-block-end': ['grid'],
|
|
125
|
+
'margin-block-start': ['grid'],
|
|
126
|
+
'margin-bottom': ['grid'],
|
|
127
|
+
'margin-inline': ['grid'],
|
|
128
|
+
'margin-inline-end': ['grid'],
|
|
129
|
+
'margin-inline-start': ['grid'],
|
|
130
|
+
'margin-left': ['grid'],
|
|
131
|
+
'margin-right': ['grid'],
|
|
132
|
+
'margin-top': ['grid'],
|
|
133
|
+
'max-block-size': ['grid', 'size'],
|
|
134
|
+
'max-height': ['grid', 'size'],
|
|
135
|
+
'max-inline-size': ['grid', 'size'],
|
|
136
|
+
'max-width': ['grid', 'size'],
|
|
137
|
+
'min-block-size': ['grid', 'size'],
|
|
138
|
+
'min-height': ['grid', 'size'],
|
|
139
|
+
'min-inline-size': ['grid', 'size'],
|
|
140
|
+
'min-width': ['grid', 'size'],
|
|
141
|
+
opacity: ['alpha'],
|
|
142
|
+
'outline-color': ['color'],
|
|
143
|
+
padding: ['grid'],
|
|
144
|
+
'padding-block': ['grid'],
|
|
145
|
+
'padding-block-end': ['grid'],
|
|
146
|
+
'padding-block-start': ['grid'],
|
|
147
|
+
'padding-bottom': ['grid'],
|
|
148
|
+
'padding-inline': ['grid'],
|
|
149
|
+
'padding-inline-end': ['grid'],
|
|
150
|
+
'padding-inline-start': ['grid'],
|
|
151
|
+
'padding-left': ['grid'],
|
|
152
|
+
'padding-right': ['grid'],
|
|
153
|
+
'padding-top': ['grid'],
|
|
154
|
+
right: ['grid'],
|
|
155
|
+
'row-gap': ['grid'],
|
|
156
|
+
'scroll-margin': ['grid'],
|
|
157
|
+
'scroll-margin-bottom': ['grid'],
|
|
158
|
+
'scroll-margin-left': ['grid'],
|
|
159
|
+
'scroll-margin-right': ['grid'],
|
|
160
|
+
'scroll-margin-top': ['grid'],
|
|
161
|
+
'scroll-padding': ['grid'],
|
|
162
|
+
'scroll-padding-bottom': ['grid'],
|
|
163
|
+
'scroll-padding-left': ['grid'],
|
|
164
|
+
'scroll-padding-right': ['grid'],
|
|
165
|
+
'scroll-padding-top': ['grid'],
|
|
166
|
+
stroke: ['color'],
|
|
167
|
+
'text-decoration-color': ['color'],
|
|
168
|
+
'text-shadow': ['shadow'],
|
|
169
|
+
top: ['grid'],
|
|
170
|
+
transition: ['transition'],
|
|
171
|
+
'transition-timing-function': ['ease'],
|
|
172
|
+
width: ['grid', 'size'],
|
|
173
|
+
'z-index': ['z'],
|
|
174
|
+
},
|
|
175
|
+
});
|