@varlet/preset-tailwindcss 3.14.1 → 3.15.0-alpha.1776572752298
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/lib/index.cjs +106 -152
- package/lib/index.d.cts +82 -81
- package/lib/index.d.ts +82 -81
- package/lib/index.js +105 -130
- package/package.json +6 -6
package/lib/index.cjs
CHANGED
|
@@ -1,160 +1,114 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __export = (target, all) => {
|
|
21
|
-
for (var name in all)
|
|
22
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
23
|
-
};
|
|
24
|
-
var __copyProps = (to, from, except, desc) => {
|
|
25
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
26
|
-
for (let key of __getOwnPropNames(from))
|
|
27
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
28
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
29
|
-
}
|
|
30
|
-
return to;
|
|
31
|
-
};
|
|
32
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
33
|
-
|
|
34
|
-
// src/index.ts
|
|
35
|
-
var src_exports = {};
|
|
36
|
-
__export(src_exports, {
|
|
37
|
-
presetVarlet: () => presetVarlet
|
|
38
|
-
});
|
|
39
|
-
module.exports = __toCommonJS(src_exports);
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
//#region src/index.ts
|
|
40
3
|
function getScreens(options = {}) {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
return __spreadValues(__spreadValues({}, defaultScreens), screens);
|
|
4
|
+
const { screens = true } = options;
|
|
5
|
+
if (!screens) return;
|
|
6
|
+
const defaultScreens = {
|
|
7
|
+
sm: "768px",
|
|
8
|
+
md: "992px",
|
|
9
|
+
lg: "1200px",
|
|
10
|
+
xl: "1920px"
|
|
11
|
+
};
|
|
12
|
+
if (screens === true) return defaultScreens;
|
|
13
|
+
return {
|
|
14
|
+
...defaultScreens,
|
|
15
|
+
...screens
|
|
16
|
+
};
|
|
55
17
|
}
|
|
56
18
|
function getFontSize(options = {}) {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
return __spreadValues(__spreadValues({}, defaultFontSize), fontSize);
|
|
19
|
+
const { fontSize = true } = options;
|
|
20
|
+
if (!fontSize) return;
|
|
21
|
+
const defaultFontSize = {
|
|
22
|
+
xs: "var(--font-size-xs)",
|
|
23
|
+
sm: "var(--font-size-sm)",
|
|
24
|
+
md: "var(--font-size-md)",
|
|
25
|
+
lg: "var(--font-size-lg)"
|
|
26
|
+
};
|
|
27
|
+
if (fontSize === true) return defaultFontSize;
|
|
28
|
+
return {
|
|
29
|
+
...defaultFontSize,
|
|
30
|
+
...fontSize
|
|
31
|
+
};
|
|
71
32
|
}
|
|
72
33
|
function getColors(options = {}) {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
return __spreadValues(__spreadValues({}, defaultColors), colors);
|
|
34
|
+
const { colors = true } = options;
|
|
35
|
+
if (!colors) return;
|
|
36
|
+
const defaultColors = {
|
|
37
|
+
body: "var(--color-body)",
|
|
38
|
+
text: "var(--color-text)",
|
|
39
|
+
primary: "var(--color-primary)",
|
|
40
|
+
info: "var(--color-info)",
|
|
41
|
+
warning: "var(--color-warning)",
|
|
42
|
+
danger: "var(--color-danger)",
|
|
43
|
+
success: "var(--color-success)",
|
|
44
|
+
disabled: "var(--color-disabled)",
|
|
45
|
+
"text-disabled": "var(--color-text-disabled)",
|
|
46
|
+
"on-primary": "var(--color-on-primary)",
|
|
47
|
+
"on-info": "var(--color-on-info)",
|
|
48
|
+
"on-warning": "var(--color-on-warning)",
|
|
49
|
+
"on-danger": "var(--color-on-danger)",
|
|
50
|
+
"on-success": "var(--color-on-success)",
|
|
51
|
+
"primary-container": "var(--color-primary-container)",
|
|
52
|
+
"info-container": "var(--color-info-container)",
|
|
53
|
+
"warning-container": "var(--color-warning-container)",
|
|
54
|
+
"danger-container": "var(--color-danger-container)",
|
|
55
|
+
"success-container": "var(--color-success-container)",
|
|
56
|
+
"on-primary-container": "var(--color-on-primary-container)",
|
|
57
|
+
"on-info-container": "var(--color-on-info-container)",
|
|
58
|
+
"on-warning-container": "var(--color-on-warning-container)",
|
|
59
|
+
"on-danger-container": "var(--color-on-danger-container)",
|
|
60
|
+
"on-success-container": "var(--color-on-success-container)",
|
|
61
|
+
"surface-container": "var(--color-surface-container)",
|
|
62
|
+
"surface-container-low": "var(--color-surface-container-low)",
|
|
63
|
+
"surface-container-high": "var(--color-surface-container-high)",
|
|
64
|
+
"surface-container-highest": "var(--color-surface-container-highest)",
|
|
65
|
+
"inverse-surface": "var(--color-inverse-surface)",
|
|
66
|
+
outline: "var(--color-outline)",
|
|
67
|
+
"on-surface-variant": "var(--color-on-surface-variant)",
|
|
68
|
+
"hsl-body": "hsla(var(--hsl-body), <alpha-value>)",
|
|
69
|
+
"hsl-text": "hsla(var(--hsl-text), <alpha-value>)",
|
|
70
|
+
"hsl-primary": "hsla(var(--hsl-primary), <alpha-value>)",
|
|
71
|
+
"hsl-info": "hsla(var(--hsl-info), <alpha-value>)",
|
|
72
|
+
"hsl-warning": "hsla(var(--hsl-warning), <alpha-value>)",
|
|
73
|
+
"hsl-danger": "hsla(var(--hsl-danger), <alpha-value>)",
|
|
74
|
+
"hsl-success": "hsla(var(--hsl-success), <alpha-value>)",
|
|
75
|
+
"hsl-disabled": "hsla(var(--hsl-disabled), <alpha-value>)",
|
|
76
|
+
"hsl-text-disabled": "hsla(var(--hsl-text-disabled), <alpha-value>)",
|
|
77
|
+
"hsl-on-primary": "hsla(var(--hsl-on-primary), <alpha-value>)",
|
|
78
|
+
"hsl-on-info": "hsla(var(--hsl-on-info), <alpha-value>)",
|
|
79
|
+
"hsl-on-warning": "hsla(var(--hsl-on-warning), <alpha-value>)",
|
|
80
|
+
"hsl-on-danger": "hsla(var(--hsl-on-danger), <alpha-value>)",
|
|
81
|
+
"hsl-on-success": "hsla(var(--hsl-on-success), <alpha-value>)",
|
|
82
|
+
"hsl-primary-container": "hsla(var(--hsl-primary-container), <alpha-value>)",
|
|
83
|
+
"hsl-info-container": "hsla(var(--hsl-info-container), <alpha-value>)",
|
|
84
|
+
"hsl-warning-container": "hsla(var(--hsl-warning-container), <alpha-value>)",
|
|
85
|
+
"hsl-danger-container": "hsla(var(--hsl-danger-container), <alpha-value>)",
|
|
86
|
+
"hsl-success-container": "hsla(var(--hsl-success-container), <alpha-value>)",
|
|
87
|
+
"hsl-on-primary-container": "hsla(var(--hsl-on-primary-container), <alpha-value>)",
|
|
88
|
+
"hsl-on-info-container": "hsla(var(--hsl-on-info-container), <alpha-value>)",
|
|
89
|
+
"hsl-on-warning-container": "hsla(var(--hsl-on-warning-container), <alpha-value>)",
|
|
90
|
+
"hsl-on-danger-container": "hsla(var(--hsl-on-danger-container), <alpha-value>)",
|
|
91
|
+
"hsl-on-success-container": "hsla(var(--hsl-on-success-container), <alpha-value>)",
|
|
92
|
+
"hsl-surface-container": "hsla(var(--hsl-surface-container), <alpha-value>)",
|
|
93
|
+
"hsl-surface-container-low": "hsla(var(--hsl-surface-container-low), <alpha-value>)",
|
|
94
|
+
"hsl-surface-container-high": "hsla(var(--hsl-surface-container-high), <alpha-value>)",
|
|
95
|
+
"hsl-surface-container-highest": "hsla(var(--hsl-surface-container-highest), <alpha-value>)",
|
|
96
|
+
"hsl-inverse-surface": "hsla(var(--hsl-inverse-surface), <alpha-value>)",
|
|
97
|
+
"hsl-outline": "hsla(var(--hsl-outline), <alpha-value>)",
|
|
98
|
+
"hsl-on-surface-variant": "hsla(var(--hsl-on-surface-variant), <alpha-value>)"
|
|
99
|
+
};
|
|
100
|
+
if (colors === true) return defaultColors;
|
|
101
|
+
return {
|
|
102
|
+
...defaultColors,
|
|
103
|
+
...colors
|
|
104
|
+
};
|
|
145
105
|
}
|
|
146
106
|
function presetVarlet(options = {}) {
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
fontSize: getFontSize(options)
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
};
|
|
107
|
+
return { theme: { extend: {
|
|
108
|
+
colors: getColors(options),
|
|
109
|
+
screens: getScreens(options),
|
|
110
|
+
fontSize: getFontSize(options)
|
|
111
|
+
} } };
|
|
156
112
|
}
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
presetVarlet
|
|
160
|
-
});
|
|
113
|
+
//#endregion
|
|
114
|
+
exports.presetVarlet = presetVarlet;
|
package/lib/index.d.cts
CHANGED
|
@@ -1,92 +1,93 @@
|
|
|
1
|
+
//#region src/index.d.ts
|
|
1
2
|
interface PresetVarletOptions {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
screens?: boolean | PresetVarletScreens;
|
|
4
|
+
fontSize?: boolean | PresetVarletFontSize;
|
|
5
|
+
colors?: boolean | PresetVarletColors;
|
|
5
6
|
}
|
|
6
7
|
interface PresetVarletScreens {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
sm?: string | number;
|
|
9
|
+
md?: string | number;
|
|
10
|
+
lg?: string | number;
|
|
11
|
+
xl?: string | number;
|
|
11
12
|
}
|
|
12
13
|
interface PresetVarletFontSize {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
xs?: string;
|
|
15
|
+
sm?: string;
|
|
16
|
+
md?: string;
|
|
17
|
+
lg?: string;
|
|
17
18
|
}
|
|
18
19
|
interface PresetVarletColors {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
20
|
+
body?: string;
|
|
21
|
+
text?: string;
|
|
22
|
+
primary?: string;
|
|
23
|
+
info?: string;
|
|
24
|
+
warning?: string;
|
|
25
|
+
danger?: string;
|
|
26
|
+
success?: string;
|
|
27
|
+
disabled?: string;
|
|
28
|
+
'text-disabled'?: string;
|
|
29
|
+
'on-primary'?: string;
|
|
30
|
+
'on-info'?: string;
|
|
31
|
+
'on-warning'?: string;
|
|
32
|
+
'on-danger'?: string;
|
|
33
|
+
'on-success'?: string;
|
|
34
|
+
'primary-container'?: string;
|
|
35
|
+
'info-container'?: string;
|
|
36
|
+
'warning-container'?: string;
|
|
37
|
+
'danger-container'?: string;
|
|
38
|
+
'success-container'?: string;
|
|
39
|
+
'on-primary-container'?: string;
|
|
40
|
+
'on-info-container'?: string;
|
|
41
|
+
'on-warning-container'?: string;
|
|
42
|
+
'on-danger-container'?: string;
|
|
43
|
+
'on-success-container'?: string;
|
|
44
|
+
'surface-container'?: string;
|
|
45
|
+
'surface-container-low'?: string;
|
|
46
|
+
'surface-container-high'?: string;
|
|
47
|
+
'surface-container-highest'?: string;
|
|
48
|
+
'inverse-surface'?: string;
|
|
49
|
+
outline?: string;
|
|
50
|
+
'on-surface-variant'?: string;
|
|
51
|
+
'hsl-body'?: string;
|
|
52
|
+
'hsl-text'?: string;
|
|
53
|
+
'hsl-primary'?: string;
|
|
54
|
+
'hsl-info'?: string;
|
|
55
|
+
'hsl-warning'?: string;
|
|
56
|
+
'hsl-danger'?: string;
|
|
57
|
+
'hsl-success'?: string;
|
|
58
|
+
'hsl-disabled'?: string;
|
|
59
|
+
'hsl-text-disabled'?: string;
|
|
60
|
+
'hsl-on-primary'?: string;
|
|
61
|
+
'hsl-on-info'?: string;
|
|
62
|
+
'hsl-on-warning'?: string;
|
|
63
|
+
'hsl-on-danger'?: string;
|
|
64
|
+
'hsl-on-success'?: string;
|
|
65
|
+
'hsl-primary-container'?: string;
|
|
66
|
+
'hsl-info-container'?: string;
|
|
67
|
+
'hsl-warning-container'?: string;
|
|
68
|
+
'hsl-danger-container'?: string;
|
|
69
|
+
'hsl-success-container'?: string;
|
|
70
|
+
'hsl-on-primary-container'?: string;
|
|
71
|
+
'hsl-on-info-container'?: string;
|
|
72
|
+
'hsl-on-warning-container'?: string;
|
|
73
|
+
'hsl-on-danger-container'?: string;
|
|
74
|
+
'hsl-on-success-container'?: string;
|
|
75
|
+
'hsl-surface-container'?: string;
|
|
76
|
+
'hsl-surface-container-low'?: string;
|
|
77
|
+
'hsl-surface-container-high'?: string;
|
|
78
|
+
'hsl-surface-container-highest'?: string;
|
|
79
|
+
'hsl-inverse-surface'?: string;
|
|
80
|
+
'hsl-outline'?: string;
|
|
81
|
+
'hsl-on-surface-variant'?: string;
|
|
81
82
|
}
|
|
82
83
|
declare function presetVarlet(options?: PresetVarletOptions): {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
};
|
|
84
|
+
theme: {
|
|
85
|
+
extend: {
|
|
86
|
+
colors: PresetVarletColors | undefined;
|
|
87
|
+
screens: PresetVarletScreens | undefined;
|
|
88
|
+
fontSize: PresetVarletFontSize | undefined;
|
|
89
89
|
};
|
|
90
|
+
};
|
|
90
91
|
};
|
|
91
|
-
|
|
92
|
-
export { PresetVarletColors, PresetVarletFontSize, PresetVarletOptions, PresetVarletScreens, presetVarlet };
|
|
92
|
+
//#endregion
|
|
93
|
+
export { PresetVarletColors, PresetVarletFontSize, PresetVarletOptions, PresetVarletScreens, presetVarlet };
|
package/lib/index.d.ts
CHANGED
|
@@ -1,92 +1,93 @@
|
|
|
1
|
+
//#region src/index.d.ts
|
|
1
2
|
interface PresetVarletOptions {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
screens?: boolean | PresetVarletScreens;
|
|
4
|
+
fontSize?: boolean | PresetVarletFontSize;
|
|
5
|
+
colors?: boolean | PresetVarletColors;
|
|
5
6
|
}
|
|
6
7
|
interface PresetVarletScreens {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
sm?: string | number;
|
|
9
|
+
md?: string | number;
|
|
10
|
+
lg?: string | number;
|
|
11
|
+
xl?: string | number;
|
|
11
12
|
}
|
|
12
13
|
interface PresetVarletFontSize {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
xs?: string;
|
|
15
|
+
sm?: string;
|
|
16
|
+
md?: string;
|
|
17
|
+
lg?: string;
|
|
17
18
|
}
|
|
18
19
|
interface PresetVarletColors {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
20
|
+
body?: string;
|
|
21
|
+
text?: string;
|
|
22
|
+
primary?: string;
|
|
23
|
+
info?: string;
|
|
24
|
+
warning?: string;
|
|
25
|
+
danger?: string;
|
|
26
|
+
success?: string;
|
|
27
|
+
disabled?: string;
|
|
28
|
+
'text-disabled'?: string;
|
|
29
|
+
'on-primary'?: string;
|
|
30
|
+
'on-info'?: string;
|
|
31
|
+
'on-warning'?: string;
|
|
32
|
+
'on-danger'?: string;
|
|
33
|
+
'on-success'?: string;
|
|
34
|
+
'primary-container'?: string;
|
|
35
|
+
'info-container'?: string;
|
|
36
|
+
'warning-container'?: string;
|
|
37
|
+
'danger-container'?: string;
|
|
38
|
+
'success-container'?: string;
|
|
39
|
+
'on-primary-container'?: string;
|
|
40
|
+
'on-info-container'?: string;
|
|
41
|
+
'on-warning-container'?: string;
|
|
42
|
+
'on-danger-container'?: string;
|
|
43
|
+
'on-success-container'?: string;
|
|
44
|
+
'surface-container'?: string;
|
|
45
|
+
'surface-container-low'?: string;
|
|
46
|
+
'surface-container-high'?: string;
|
|
47
|
+
'surface-container-highest'?: string;
|
|
48
|
+
'inverse-surface'?: string;
|
|
49
|
+
outline?: string;
|
|
50
|
+
'on-surface-variant'?: string;
|
|
51
|
+
'hsl-body'?: string;
|
|
52
|
+
'hsl-text'?: string;
|
|
53
|
+
'hsl-primary'?: string;
|
|
54
|
+
'hsl-info'?: string;
|
|
55
|
+
'hsl-warning'?: string;
|
|
56
|
+
'hsl-danger'?: string;
|
|
57
|
+
'hsl-success'?: string;
|
|
58
|
+
'hsl-disabled'?: string;
|
|
59
|
+
'hsl-text-disabled'?: string;
|
|
60
|
+
'hsl-on-primary'?: string;
|
|
61
|
+
'hsl-on-info'?: string;
|
|
62
|
+
'hsl-on-warning'?: string;
|
|
63
|
+
'hsl-on-danger'?: string;
|
|
64
|
+
'hsl-on-success'?: string;
|
|
65
|
+
'hsl-primary-container'?: string;
|
|
66
|
+
'hsl-info-container'?: string;
|
|
67
|
+
'hsl-warning-container'?: string;
|
|
68
|
+
'hsl-danger-container'?: string;
|
|
69
|
+
'hsl-success-container'?: string;
|
|
70
|
+
'hsl-on-primary-container'?: string;
|
|
71
|
+
'hsl-on-info-container'?: string;
|
|
72
|
+
'hsl-on-warning-container'?: string;
|
|
73
|
+
'hsl-on-danger-container'?: string;
|
|
74
|
+
'hsl-on-success-container'?: string;
|
|
75
|
+
'hsl-surface-container'?: string;
|
|
76
|
+
'hsl-surface-container-low'?: string;
|
|
77
|
+
'hsl-surface-container-high'?: string;
|
|
78
|
+
'hsl-surface-container-highest'?: string;
|
|
79
|
+
'hsl-inverse-surface'?: string;
|
|
80
|
+
'hsl-outline'?: string;
|
|
81
|
+
'hsl-on-surface-variant'?: string;
|
|
81
82
|
}
|
|
82
83
|
declare function presetVarlet(options?: PresetVarletOptions): {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
};
|
|
84
|
+
theme: {
|
|
85
|
+
extend: {
|
|
86
|
+
colors: PresetVarletColors | undefined;
|
|
87
|
+
screens: PresetVarletScreens | undefined;
|
|
88
|
+
fontSize: PresetVarletFontSize | undefined;
|
|
89
89
|
};
|
|
90
|
+
};
|
|
90
91
|
};
|
|
91
|
-
|
|
92
|
-
export { PresetVarletColors, PresetVarletFontSize, PresetVarletOptions, PresetVarletScreens, presetVarlet };
|
|
92
|
+
//#endregion
|
|
93
|
+
export { PresetVarletColors, PresetVarletFontSize, PresetVarletOptions, PresetVarletScreens, presetVarlet };
|
package/lib/index.js
CHANGED
|
@@ -1,138 +1,113 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
// src/index.ts
|
|
1
|
+
//#region src/index.ts
|
|
19
2
|
function getScreens(options = {}) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
return __spreadValues(__spreadValues({}, defaultScreens), screens);
|
|
3
|
+
const { screens = true } = options;
|
|
4
|
+
if (!screens) return;
|
|
5
|
+
const defaultScreens = {
|
|
6
|
+
sm: "768px",
|
|
7
|
+
md: "992px",
|
|
8
|
+
lg: "1200px",
|
|
9
|
+
xl: "1920px"
|
|
10
|
+
};
|
|
11
|
+
if (screens === true) return defaultScreens;
|
|
12
|
+
return {
|
|
13
|
+
...defaultScreens,
|
|
14
|
+
...screens
|
|
15
|
+
};
|
|
34
16
|
}
|
|
35
17
|
function getFontSize(options = {}) {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
return __spreadValues(__spreadValues({}, defaultFontSize), fontSize);
|
|
18
|
+
const { fontSize = true } = options;
|
|
19
|
+
if (!fontSize) return;
|
|
20
|
+
const defaultFontSize = {
|
|
21
|
+
xs: "var(--font-size-xs)",
|
|
22
|
+
sm: "var(--font-size-sm)",
|
|
23
|
+
md: "var(--font-size-md)",
|
|
24
|
+
lg: "var(--font-size-lg)"
|
|
25
|
+
};
|
|
26
|
+
if (fontSize === true) return defaultFontSize;
|
|
27
|
+
return {
|
|
28
|
+
...defaultFontSize,
|
|
29
|
+
...fontSize
|
|
30
|
+
};
|
|
50
31
|
}
|
|
51
32
|
function getColors(options = {}) {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
return __spreadValues(__spreadValues({}, defaultColors), colors);
|
|
33
|
+
const { colors = true } = options;
|
|
34
|
+
if (!colors) return;
|
|
35
|
+
const defaultColors = {
|
|
36
|
+
body: "var(--color-body)",
|
|
37
|
+
text: "var(--color-text)",
|
|
38
|
+
primary: "var(--color-primary)",
|
|
39
|
+
info: "var(--color-info)",
|
|
40
|
+
warning: "var(--color-warning)",
|
|
41
|
+
danger: "var(--color-danger)",
|
|
42
|
+
success: "var(--color-success)",
|
|
43
|
+
disabled: "var(--color-disabled)",
|
|
44
|
+
"text-disabled": "var(--color-text-disabled)",
|
|
45
|
+
"on-primary": "var(--color-on-primary)",
|
|
46
|
+
"on-info": "var(--color-on-info)",
|
|
47
|
+
"on-warning": "var(--color-on-warning)",
|
|
48
|
+
"on-danger": "var(--color-on-danger)",
|
|
49
|
+
"on-success": "var(--color-on-success)",
|
|
50
|
+
"primary-container": "var(--color-primary-container)",
|
|
51
|
+
"info-container": "var(--color-info-container)",
|
|
52
|
+
"warning-container": "var(--color-warning-container)",
|
|
53
|
+
"danger-container": "var(--color-danger-container)",
|
|
54
|
+
"success-container": "var(--color-success-container)",
|
|
55
|
+
"on-primary-container": "var(--color-on-primary-container)",
|
|
56
|
+
"on-info-container": "var(--color-on-info-container)",
|
|
57
|
+
"on-warning-container": "var(--color-on-warning-container)",
|
|
58
|
+
"on-danger-container": "var(--color-on-danger-container)",
|
|
59
|
+
"on-success-container": "var(--color-on-success-container)",
|
|
60
|
+
"surface-container": "var(--color-surface-container)",
|
|
61
|
+
"surface-container-low": "var(--color-surface-container-low)",
|
|
62
|
+
"surface-container-high": "var(--color-surface-container-high)",
|
|
63
|
+
"surface-container-highest": "var(--color-surface-container-highest)",
|
|
64
|
+
"inverse-surface": "var(--color-inverse-surface)",
|
|
65
|
+
outline: "var(--color-outline)",
|
|
66
|
+
"on-surface-variant": "var(--color-on-surface-variant)",
|
|
67
|
+
"hsl-body": "hsla(var(--hsl-body), <alpha-value>)",
|
|
68
|
+
"hsl-text": "hsla(var(--hsl-text), <alpha-value>)",
|
|
69
|
+
"hsl-primary": "hsla(var(--hsl-primary), <alpha-value>)",
|
|
70
|
+
"hsl-info": "hsla(var(--hsl-info), <alpha-value>)",
|
|
71
|
+
"hsl-warning": "hsla(var(--hsl-warning), <alpha-value>)",
|
|
72
|
+
"hsl-danger": "hsla(var(--hsl-danger), <alpha-value>)",
|
|
73
|
+
"hsl-success": "hsla(var(--hsl-success), <alpha-value>)",
|
|
74
|
+
"hsl-disabled": "hsla(var(--hsl-disabled), <alpha-value>)",
|
|
75
|
+
"hsl-text-disabled": "hsla(var(--hsl-text-disabled), <alpha-value>)",
|
|
76
|
+
"hsl-on-primary": "hsla(var(--hsl-on-primary), <alpha-value>)",
|
|
77
|
+
"hsl-on-info": "hsla(var(--hsl-on-info), <alpha-value>)",
|
|
78
|
+
"hsl-on-warning": "hsla(var(--hsl-on-warning), <alpha-value>)",
|
|
79
|
+
"hsl-on-danger": "hsla(var(--hsl-on-danger), <alpha-value>)",
|
|
80
|
+
"hsl-on-success": "hsla(var(--hsl-on-success), <alpha-value>)",
|
|
81
|
+
"hsl-primary-container": "hsla(var(--hsl-primary-container), <alpha-value>)",
|
|
82
|
+
"hsl-info-container": "hsla(var(--hsl-info-container), <alpha-value>)",
|
|
83
|
+
"hsl-warning-container": "hsla(var(--hsl-warning-container), <alpha-value>)",
|
|
84
|
+
"hsl-danger-container": "hsla(var(--hsl-danger-container), <alpha-value>)",
|
|
85
|
+
"hsl-success-container": "hsla(var(--hsl-success-container), <alpha-value>)",
|
|
86
|
+
"hsl-on-primary-container": "hsla(var(--hsl-on-primary-container), <alpha-value>)",
|
|
87
|
+
"hsl-on-info-container": "hsla(var(--hsl-on-info-container), <alpha-value>)",
|
|
88
|
+
"hsl-on-warning-container": "hsla(var(--hsl-on-warning-container), <alpha-value>)",
|
|
89
|
+
"hsl-on-danger-container": "hsla(var(--hsl-on-danger-container), <alpha-value>)",
|
|
90
|
+
"hsl-on-success-container": "hsla(var(--hsl-on-success-container), <alpha-value>)",
|
|
91
|
+
"hsl-surface-container": "hsla(var(--hsl-surface-container), <alpha-value>)",
|
|
92
|
+
"hsl-surface-container-low": "hsla(var(--hsl-surface-container-low), <alpha-value>)",
|
|
93
|
+
"hsl-surface-container-high": "hsla(var(--hsl-surface-container-high), <alpha-value>)",
|
|
94
|
+
"hsl-surface-container-highest": "hsla(var(--hsl-surface-container-highest), <alpha-value>)",
|
|
95
|
+
"hsl-inverse-surface": "hsla(var(--hsl-inverse-surface), <alpha-value>)",
|
|
96
|
+
"hsl-outline": "hsla(var(--hsl-outline), <alpha-value>)",
|
|
97
|
+
"hsl-on-surface-variant": "hsla(var(--hsl-on-surface-variant), <alpha-value>)"
|
|
98
|
+
};
|
|
99
|
+
if (colors === true) return defaultColors;
|
|
100
|
+
return {
|
|
101
|
+
...defaultColors,
|
|
102
|
+
...colors
|
|
103
|
+
};
|
|
124
104
|
}
|
|
125
105
|
function presetVarlet(options = {}) {
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
fontSize: getFontSize(options)
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
};
|
|
106
|
+
return { theme: { extend: {
|
|
107
|
+
colors: getColors(options),
|
|
108
|
+
screens: getScreens(options),
|
|
109
|
+
fontSize: getFontSize(options)
|
|
110
|
+
} } };
|
|
135
111
|
}
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
};
|
|
112
|
+
//#endregion
|
|
113
|
+
export { presetVarlet };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@varlet/preset-tailwindcss",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.15.0-alpha.1776572752298",
|
|
4
4
|
"description": "tailwindcss preset of varlet",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"tailwindcss",
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
"lib"
|
|
34
34
|
],
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@types/node": "^
|
|
37
|
-
"
|
|
38
|
-
"
|
|
36
|
+
"@types/node": "^20.19.0",
|
|
37
|
+
"typescript": "5.6.3",
|
|
38
|
+
"vite-plus": "0.1.18"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
|
41
|
-
"build": "
|
|
42
|
-
"dev": "
|
|
41
|
+
"build": "vp pack",
|
|
42
|
+
"dev": "vp pack --watch"
|
|
43
43
|
}
|
|
44
44
|
}
|