@dao-style/core 1.5.1-beta.3 → 1.5.1-beta.5
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/components/table/table-props.d.ts +4 -0
- package/dist/components/table/table.d.ts +20 -1
- package/dist/components/table/table.vue.d.ts +9 -0
- package/dist/dao-style.js +1 -1
- package/dist/dao-style.mjs +957 -935
- package/dist/style.css +1 -1
- package/dist/styles/color/alias.js +61 -0
- package/dist/styles/color/preset.js +15 -0
- package/dist/styles/color/var.js +118 -0
- package/package.json +1 -1
- package/scripts/transform-variable.mjs +36 -0
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/* DON'T MODIFY THIS FILE! */
|
|
2
|
+
module.exports = {
|
|
3
|
+
'dao-text-page-title': 'rgba(var(--dao-text-page-title-rgb), <alpha-value>)',
|
|
4
|
+
'dao-text-primary': 'rgba(var(--dao-text-primary-rgb), <alpha-value>)',
|
|
5
|
+
'dao-text-secondary': 'rgba(var(--dao-text-secondary-rgb), <alpha-value>)',
|
|
6
|
+
'dao-text-tertiary': 'rgba(var(--dao-text-tertiary-rgb), <alpha-value>)',
|
|
7
|
+
'dao-text-disabled': 'rgba(var(--dao-text-disabled-rgb), <alpha-value>)',
|
|
8
|
+
'dao-text-black-primary': 'rgba(var(--dao-text-black-primary-rgb), <alpha-value>)',
|
|
9
|
+
'dao-text-black-secondary': 'rgba(var(--dao-text-black-secondary-rgb), <alpha-value>)',
|
|
10
|
+
'dao-text-black-tertiary': 'rgba(var(--dao-text-black-tertiary-rgb), <alpha-value>)',
|
|
11
|
+
'dao-text-black-disabled': 'rgba(var(--dao-text-black-disabled-rgb), <alpha-value>)',
|
|
12
|
+
'dao-icon': 'rgba(var(--dao-icon-rgb), <alpha-value>)',
|
|
13
|
+
'dao-icon-hover': 'rgba(var(--dao-icon-hover-rgb), <alpha-value>)',
|
|
14
|
+
'dao-icon-disabled': 'rgba(var(--dao-icon-disabled-rgb), <alpha-value>)',
|
|
15
|
+
'dao-icon-primary': 'rgba(var(--dao-icon-primary-rgb), <alpha-value>)',
|
|
16
|
+
'dao-icon-primary-hover': 'rgba(var(--dao-icon-primary-hover-rgb), <alpha-value>)',
|
|
17
|
+
'dao-icon-primary-active': 'rgba(var(--dao-icon-primary-active-rgb), <alpha-value>)',
|
|
18
|
+
'dao-icon-primary-disabled': 'rgba(var(--dao-icon-primary-disabled-rgb), <alpha-value>)',
|
|
19
|
+
'dao-icon-primary-focus': 'rgba(var(--dao-icon-primary-focus-rgb), <alpha-value>)',
|
|
20
|
+
'dao-bg': 'rgba(var(--dao-bg-rgb), <alpha-value>)',
|
|
21
|
+
'dao-bg-secondary': 'rgba(var(--dao-bg-secondary-rgb), <alpha-value>)',
|
|
22
|
+
'dao-bg-tertiary': 'rgba(var(--dao-bg-tertiary-rgb), <alpha-value>)',
|
|
23
|
+
'dao-bg-component': 'rgba(var(--dao-bg-component-rgb), <alpha-value>)',
|
|
24
|
+
'dao-bg-component-selected': 'rgba(var(--dao-bg-component-selected-rgb), <alpha-value>)',
|
|
25
|
+
'dao-line-divider': 'rgba(var(--dao-line-divider-rgb), <alpha-value>)',
|
|
26
|
+
'dao-status-success': 'rgba(var(--dao-status-success-rgb), <alpha-value>)',
|
|
27
|
+
'dao-status-warning': 'rgba(var(--dao-status-warning-rgb), <alpha-value>)',
|
|
28
|
+
'dao-status-error': 'rgba(var(--dao-status-error-rgb), <alpha-value>)',
|
|
29
|
+
'dao-status-info': 'rgba(var(--dao-status-info-rgb), <alpha-value>)',
|
|
30
|
+
'dao-running-status-health': 'rgba(var(--dao-running-status-health-rgb), <alpha-value>)',
|
|
31
|
+
'dao-running-status-warning': 'rgba(var(--dao-running-status-warning-rgb), <alpha-value>)',
|
|
32
|
+
'dao-running-status-error': 'rgba(var(--dao-running-status-error-rgb), <alpha-value>)',
|
|
33
|
+
'dao-running-status-info': 'rgba(var(--dao-running-status-info-rgb), <alpha-value>)',
|
|
34
|
+
'dao-tag-health': 'rgba(var(--dao-tag-health-rgb), <alpha-value>)',
|
|
35
|
+
'dao-tag-warning': 'rgba(var(--dao-tag-warning-rgb), <alpha-value>)',
|
|
36
|
+
'dao-tag-error': 'rgba(var(--dao-tag-error-rgb), <alpha-value>)',
|
|
37
|
+
'dao-tag-info': 'rgba(var(--dao-tag-info-rgb), <alpha-value>)',
|
|
38
|
+
'dao-tag-bg-health': 'rgba(var(--dao-tag-bg-health-rgb), <alpha-value>)',
|
|
39
|
+
'dao-tag-bg-warning': 'rgba(var(--dao-tag-bg-warning-rgb), <alpha-value>)',
|
|
40
|
+
'dao-tag-bg-error': 'rgba(var(--dao-tag-bg-error-rgb), <alpha-value>)',
|
|
41
|
+
'dao-tag-bg-info': 'rgba(var(--dao-tag-bg-info-rgb), <alpha-value>)',
|
|
42
|
+
'dao-system-primary': 'rgba(var(--dao-system-primary-rgb), <alpha-value>)',
|
|
43
|
+
'dao-system-secondary': 'rgba(var(--dao-system-secondary-rgb), <alpha-value>)',
|
|
44
|
+
'dao-top-gray-010': 'rgba(var(--dao-top-gray-010-rgb), <alpha-value>)',
|
|
45
|
+
'dao-top-gray-020': 'rgba(var(--dao-top-gray-020-rgb), <alpha-value>)',
|
|
46
|
+
'dao-tag-blue-010': 'rgba(var(--dao-tag-blue-010-rgb), <alpha-value>)',
|
|
47
|
+
'dao-tag-blue-020': 'rgba(var(--dao-tag-blue-020-rgb), <alpha-value>)',
|
|
48
|
+
'dao-tag-green-010': 'rgba(var(--dao-tag-green-010-rgb), <alpha-value>)',
|
|
49
|
+
'dao-tag-green-020': 'rgba(var(--dao-tag-green-020-rgb), <alpha-value>)',
|
|
50
|
+
'dao-tag-green-030': 'rgba(var(--dao-tag-green-030-rgb), <alpha-value>)',
|
|
51
|
+
'dao-tag-yellow-010': 'rgba(var(--dao-tag-yellow-010-rgb), <alpha-value>)',
|
|
52
|
+
'dao-tag-yellow-020': 'rgba(var(--dao-tag-yellow-020-rgb), <alpha-value>)',
|
|
53
|
+
'dao-tag-orange-010': 'rgba(var(--dao-tag-orange-010-rgb), <alpha-value>)',
|
|
54
|
+
'dao-tag-orange-020': 'rgba(var(--dao-tag-orange-020-rgb), <alpha-value>)',
|
|
55
|
+
'dao-tag-purple-010': 'rgba(var(--dao-tag-purple-010-rgb), <alpha-value>)',
|
|
56
|
+
'dao-tag-purple-020': 'rgba(var(--dao-tag-purple-020-rgb), <alpha-value>)',
|
|
57
|
+
'dao-line-gray-010': 'rgba(var(--dao-line-gray-010-rgb), <alpha-value>)',
|
|
58
|
+
'dao-line-gray-020': 'rgba(var(--dao-line-gray-020-rgb), <alpha-value>)',
|
|
59
|
+
'dao-line-gray-030': 'rgba(var(--dao-line-gray-030-rgb), <alpha-value>)',
|
|
60
|
+
'dao-line-gray-040': 'rgba(var(--dao-line-gray-040-rgb), <alpha-value>)',
|
|
61
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
2
|
+
/* eslint-disable import/extensions */
|
|
3
|
+
const aliasThemeColor = require('./alias.js');
|
|
4
|
+
const varThemeColor = require('./var.js');
|
|
5
|
+
|
|
6
|
+
module.exports = {
|
|
7
|
+
theme: {
|
|
8
|
+
extend: {
|
|
9
|
+
colors: {
|
|
10
|
+
...aliasThemeColor,
|
|
11
|
+
...varThemeColor,
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
};
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
/* DON'T MODIFY THIS FILE! */
|
|
2
|
+
module.exports = {
|
|
3
|
+
'dao-primary-blue-010': 'rgba(var(--dao-primary-blue-010-rgb), <alpha-value>)',
|
|
4
|
+
'dao-primary-blue-020': 'rgba(var(--dao-primary-blue-020-rgb), <alpha-value>)',
|
|
5
|
+
'dao-primary-blue-030': 'rgba(var(--dao-primary-blue-030-rgb), <alpha-value>)',
|
|
6
|
+
'dao-primary-blue-040': 'rgba(var(--dao-primary-blue-040-rgb), <alpha-value>)',
|
|
7
|
+
'dao-primary-blue-050': 'rgba(var(--dao-primary-blue-050-rgb), <alpha-value>)',
|
|
8
|
+
'dao-primary-blue-060': 'rgba(var(--dao-primary-blue-060-rgb), <alpha-value>)',
|
|
9
|
+
'dao-primary-blue-070': 'rgba(var(--dao-primary-blue-070-rgb), <alpha-value>)',
|
|
10
|
+
'dao-primary-blue-080': 'rgba(var(--dao-primary-blue-080-rgb), <alpha-value>)',
|
|
11
|
+
'dao-primary-blue-090': 'rgba(var(--dao-primary-blue-090-rgb), <alpha-value>)',
|
|
12
|
+
'dao-orange-010': 'rgba(var(--dao-orange-010-rgb), <alpha-value>)',
|
|
13
|
+
'dao-orange-020': 'rgba(var(--dao-orange-020-rgb), <alpha-value>)',
|
|
14
|
+
'dao-orange-030': 'rgba(var(--dao-orange-030-rgb), <alpha-value>)',
|
|
15
|
+
'dao-orange-040': 'rgba(var(--dao-orange-040-rgb), <alpha-value>)',
|
|
16
|
+
'dao-orange-050': 'rgba(var(--dao-orange-050-rgb), <alpha-value>)',
|
|
17
|
+
'dao-orange-060': 'rgba(var(--dao-orange-060-rgb), <alpha-value>)',
|
|
18
|
+
'dao-orange-070': 'rgba(var(--dao-orange-070-rgb), <alpha-value>)',
|
|
19
|
+
'dao-orange-080': 'rgba(var(--dao-orange-080-rgb), <alpha-value>)',
|
|
20
|
+
'dao-yellow-010': 'rgba(var(--dao-yellow-010-rgb), <alpha-value>)',
|
|
21
|
+
'dao-yellow-020': 'rgba(var(--dao-yellow-020-rgb), <alpha-value>)',
|
|
22
|
+
'dao-yellow-030': 'rgba(var(--dao-yellow-030-rgb), <alpha-value>)',
|
|
23
|
+
'dao-yellow-040': 'rgba(var(--dao-yellow-040-rgb), <alpha-value>)',
|
|
24
|
+
'dao-yellow-050': 'rgba(var(--dao-yellow-050-rgb), <alpha-value>)',
|
|
25
|
+
'dao-yellow-060': 'rgba(var(--dao-yellow-060-rgb), <alpha-value>)',
|
|
26
|
+
'dao-yellow-070': 'rgba(var(--dao-yellow-070-rgb), <alpha-value>)',
|
|
27
|
+
'dao-yellow-075': 'rgba(var(--dao-yellow-075-rgb), <alpha-value>)',
|
|
28
|
+
'dao-yellow-080': 'rgba(var(--dao-yellow-080-rgb), <alpha-value>)',
|
|
29
|
+
'dao-green-010': 'rgba(var(--dao-green-010-rgb), <alpha-value>)',
|
|
30
|
+
'dao-green-020': 'rgba(var(--dao-green-020-rgb), <alpha-value>)',
|
|
31
|
+
'dao-green-030': 'rgba(var(--dao-green-030-rgb), <alpha-value>)',
|
|
32
|
+
'dao-green-040': 'rgba(var(--dao-green-040-rgb), <alpha-value>)',
|
|
33
|
+
'dao-green-050': 'rgba(var(--dao-green-050-rgb), <alpha-value>)',
|
|
34
|
+
'dao-green-060': 'rgba(var(--dao-green-060-rgb), <alpha-value>)',
|
|
35
|
+
'dao-green-070': 'rgba(var(--dao-green-070-rgb), <alpha-value>)',
|
|
36
|
+
'dao-green-080': 'rgba(var(--dao-green-080-rgb), <alpha-value>)',
|
|
37
|
+
'dao-cyan-010': 'rgba(var(--dao-cyan-010-rgb), <alpha-value>)',
|
|
38
|
+
'dao-cyan-020': 'rgba(var(--dao-cyan-020-rgb), <alpha-value>)',
|
|
39
|
+
'dao-cyan-030': 'rgba(var(--dao-cyan-030-rgb), <alpha-value>)',
|
|
40
|
+
'dao-cyan-040': 'rgba(var(--dao-cyan-040-rgb), <alpha-value>)',
|
|
41
|
+
'dao-cyan-050': 'rgba(var(--dao-cyan-050-rgb), <alpha-value>)',
|
|
42
|
+
'dao-cyan-060': 'rgba(var(--dao-cyan-060-rgb), <alpha-value>)',
|
|
43
|
+
'dao-cyan-070': 'rgba(var(--dao-cyan-070-rgb), <alpha-value>)',
|
|
44
|
+
'dao-cyan-080': 'rgba(var(--dao-cyan-080-rgb), <alpha-value>)',
|
|
45
|
+
'dao-purple-010': 'rgba(var(--dao-purple-010-rgb), <alpha-value>)',
|
|
46
|
+
'dao-purple-020': 'rgba(var(--dao-purple-020-rgb), <alpha-value>)',
|
|
47
|
+
'dao-purple-030': 'rgba(var(--dao-purple-030-rgb), <alpha-value>)',
|
|
48
|
+
'dao-purple-040': 'rgba(var(--dao-purple-040-rgb), <alpha-value>)',
|
|
49
|
+
'dao-purple-050': 'rgba(var(--dao-purple-050-rgb), <alpha-value>)',
|
|
50
|
+
'dao-purple-060': 'rgba(var(--dao-purple-060-rgb), <alpha-value>)',
|
|
51
|
+
'dao-purple-070': 'rgba(var(--dao-purple-070-rgb), <alpha-value>)',
|
|
52
|
+
'dao-purple-080': 'rgba(var(--dao-purple-080-rgb), <alpha-value>)',
|
|
53
|
+
'dao-red-010': 'rgba(var(--dao-red-010-rgb), <alpha-value>)',
|
|
54
|
+
'dao-red-020': 'rgba(var(--dao-red-020-rgb), <alpha-value>)',
|
|
55
|
+
'dao-red-030': 'rgba(var(--dao-red-030-rgb), <alpha-value>)',
|
|
56
|
+
'dao-red-040': 'rgba(var(--dao-red-040-rgb), <alpha-value>)',
|
|
57
|
+
'dao-red-050': 'rgba(var(--dao-red-050-rgb), <alpha-value>)',
|
|
58
|
+
'dao-red-060': 'rgba(var(--dao-red-060-rgb), <alpha-value>)',
|
|
59
|
+
'dao-red-070': 'rgba(var(--dao-red-070-rgb), <alpha-value>)',
|
|
60
|
+
'dao-red-080': 'rgba(var(--dao-red-080-rgb), <alpha-value>)',
|
|
61
|
+
'dao-acidblue-100': 'rgba(var(--dao-acidblue-100-rgb), <alpha-value>)',
|
|
62
|
+
'dao-acidblue-010': 'rgba(var(--dao-acidblue-010-rgb), <alpha-value>)',
|
|
63
|
+
'dao-acidblue-020': 'rgba(var(--dao-acidblue-020-rgb), <alpha-value>)',
|
|
64
|
+
'dao-acidblue-030': 'rgba(var(--dao-acidblue-030-rgb), <alpha-value>)',
|
|
65
|
+
'dao-acidblue-040': 'rgba(var(--dao-acidblue-040-rgb), <alpha-value>)',
|
|
66
|
+
'dao-acidblue-050': 'rgba(var(--dao-acidblue-050-rgb), <alpha-value>)',
|
|
67
|
+
'dao-acidblue-060': 'rgba(var(--dao-acidblue-060-rgb), <alpha-value>)',
|
|
68
|
+
'dao-acidblue-070': 'rgba(var(--dao-acidblue-070-rgb), <alpha-value>)',
|
|
69
|
+
'dao-acidblue-080': 'rgba(var(--dao-acidblue-080-rgb), <alpha-value>)',
|
|
70
|
+
'dao-acidblue-084': 'rgba(var(--dao-acidblue-084-rgb), <alpha-value>)',
|
|
71
|
+
'dao-acidblue-086': 'rgba(var(--dao-acidblue-086-rgb), <alpha-value>)',
|
|
72
|
+
'dao-acidblue-088': 'rgba(var(--dao-acidblue-088-rgb), <alpha-value>)',
|
|
73
|
+
'dao-acidblue-090': 'rgba(var(--dao-acidblue-090-rgb), <alpha-value>)',
|
|
74
|
+
'dao-gray-blue-100': 'rgba(var(--dao-gray-blue-100-rgb), <alpha-value>)',
|
|
75
|
+
'dao-gray-blue-110': 'rgba(var(--dao-gray-blue-110-rgb), <alpha-value>)',
|
|
76
|
+
'dao-gray-blue-010': 'rgba(var(--dao-gray-blue-010-rgb), <alpha-value>)',
|
|
77
|
+
'dao-gray-blue-020': 'rgba(var(--dao-gray-blue-020-rgb), <alpha-value>)',
|
|
78
|
+
'dao-gray-blue-030': 'rgba(var(--dao-gray-blue-030-rgb), <alpha-value>)',
|
|
79
|
+
'dao-gray-blue-040': 'rgba(var(--dao-gray-blue-040-rgb), <alpha-value>)',
|
|
80
|
+
'dao-gray-blue-050': 'rgba(var(--dao-gray-blue-050-rgb), <alpha-value>)',
|
|
81
|
+
'dao-gray-blue-060': 'rgba(var(--dao-gray-blue-060-rgb), <alpha-value>)',
|
|
82
|
+
'dao-gray-blue-070': 'rgba(var(--dao-gray-blue-070-rgb), <alpha-value>)',
|
|
83
|
+
'dao-gray-blue-075': 'rgba(var(--dao-gray-blue-075-rgb), <alpha-value>)',
|
|
84
|
+
'dao-gray-blue-080': 'rgba(var(--dao-gray-blue-080-rgb), <alpha-value>)',
|
|
85
|
+
'dao-gray-blue-090': 'rgba(var(--dao-gray-blue-090-rgb), <alpha-value>)',
|
|
86
|
+
'dao-gray-100': 'rgba(var(--dao-gray-100-rgb), <alpha-value>)',
|
|
87
|
+
'dao-gray-110': 'rgba(var(--dao-gray-110-rgb), <alpha-value>)',
|
|
88
|
+
'dao-gray-120': 'rgba(var(--dao-gray-120-rgb), <alpha-value>)',
|
|
89
|
+
'dao-gray-130': 'rgba(var(--dao-gray-130-rgb), <alpha-value>)',
|
|
90
|
+
'dao-gray-140': 'rgba(var(--dao-gray-140-rgb), <alpha-value>)',
|
|
91
|
+
'dao-gray-150': 'rgba(var(--dao-gray-150-rgb), <alpha-value>)',
|
|
92
|
+
'dao-gray-160': 'rgba(var(--dao-gray-160-rgb), <alpha-value>)',
|
|
93
|
+
'dao-gray-170': 'rgba(var(--dao-gray-170-rgb), <alpha-value>)',
|
|
94
|
+
'dao-gray-180': 'rgba(var(--dao-gray-180-rgb), <alpha-value>)',
|
|
95
|
+
'dao-gray-190': 'rgba(var(--dao-gray-190-rgb), <alpha-value>)',
|
|
96
|
+
'dao-gray-200': 'rgba(var(--dao-gray-200-rgb), <alpha-value>)',
|
|
97
|
+
'dao-gray-010': 'rgba(var(--dao-gray-010-rgb), <alpha-value>)',
|
|
98
|
+
'dao-gray-020': 'rgba(var(--dao-gray-020-rgb), <alpha-value>)',
|
|
99
|
+
'dao-gray-030': 'rgba(var(--dao-gray-030-rgb), <alpha-value>)',
|
|
100
|
+
'dao-gray-040': 'rgba(var(--dao-gray-040-rgb), <alpha-value>)',
|
|
101
|
+
'dao-gray-050': 'rgba(var(--dao-gray-050-rgb), <alpha-value>)',
|
|
102
|
+
'dao-gray-060': 'rgba(var(--dao-gray-060-rgb), <alpha-value>)',
|
|
103
|
+
'dao-gray-070': 'rgba(var(--dao-gray-070-rgb), <alpha-value>)',
|
|
104
|
+
'dao-gray-080': 'rgba(var(--dao-gray-080-rgb), <alpha-value>)',
|
|
105
|
+
'dao-gray-090': 'rgba(var(--dao-gray-090-rgb), <alpha-value>)',
|
|
106
|
+
'dao-navigation-100': 'rgba(var(--dao-navigation-100-rgb), <alpha-value>)',
|
|
107
|
+
'dao-navigation-010': 'rgba(var(--dao-navigation-010-rgb), <alpha-value>)',
|
|
108
|
+
'dao-navigation-020': 'rgba(var(--dao-navigation-020-rgb), <alpha-value>)',
|
|
109
|
+
'dao-navigation-030': 'rgba(var(--dao-navigation-030-rgb), <alpha-value>)',
|
|
110
|
+
'dao-navigation-040': 'rgba(var(--dao-navigation-040-rgb), <alpha-value>)',
|
|
111
|
+
'dao-navigation-050': 'rgba(var(--dao-navigation-050-rgb), <alpha-value>)',
|
|
112
|
+
'dao-navigation-060': 'rgba(var(--dao-navigation-060-rgb), <alpha-value>)',
|
|
113
|
+
'dao-navigation-070': 'rgba(var(--dao-navigation-070-rgb), <alpha-value>)',
|
|
114
|
+
'dao-navigation-080': 'rgba(var(--dao-navigation-080-rgb), <alpha-value>)',
|
|
115
|
+
'dao-navigation-090': 'rgba(var(--dao-navigation-090-rgb), <alpha-value>)',
|
|
116
|
+
'dao-pure-white': 'rgba(var(--dao-pure-white-rgb), <alpha-value>)',
|
|
117
|
+
'dao-pure-black': 'rgba(var(--dao-pure-black-rgb), <alpha-value>)',
|
|
118
|
+
};
|
package/package.json
CHANGED
|
@@ -130,6 +130,36 @@ export function renderSCSSAndCSSVariable(data) {
|
|
|
130
130
|
};
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
+
export const renderThemeColor = (data) => {
|
|
134
|
+
const values = Object.values(data.content);
|
|
135
|
+
|
|
136
|
+
const declareContent = '/* DON\'T MODIFY THIS FILE! */\n';
|
|
137
|
+
|
|
138
|
+
const themeColorContentList = values.map((content) => {
|
|
139
|
+
let str = ` 'dao-${content.name}': `;
|
|
140
|
+
str += `'rgba(var(--dao-${content.name}-rgb), <alpha-value>)',`;
|
|
141
|
+
|
|
142
|
+
return str;
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
const themeColor = [
|
|
146
|
+
...themeColorContentList,
|
|
147
|
+
].join('\n');
|
|
148
|
+
|
|
149
|
+
const exportContent = [
|
|
150
|
+
'module.exports = {',
|
|
151
|
+
`${themeColor}`,
|
|
152
|
+
'};',
|
|
153
|
+
'',
|
|
154
|
+
].join('\n');
|
|
155
|
+
|
|
156
|
+
return {
|
|
157
|
+
filename: `${data.meta.name}.js`,
|
|
158
|
+
content: declareContent + exportContent,
|
|
159
|
+
origin: data,
|
|
160
|
+
};
|
|
161
|
+
};
|
|
162
|
+
|
|
133
163
|
export const transformVariable = () => ({
|
|
134
164
|
name: 'generate-css-variable',
|
|
135
165
|
load(id) {
|
|
@@ -155,6 +185,12 @@ export const transformVariable = () => ({
|
|
|
155
185
|
const parsedFileName = id.replace(`${filename}.json`, `${filename}.scss`);
|
|
156
186
|
|
|
157
187
|
writeFileSync(parsedFileName, dataPreparedToWrite.content);
|
|
188
|
+
|
|
189
|
+
const colorTheme = renderThemeColor(parseSpec);
|
|
190
|
+
|
|
191
|
+
const parsedThemeFileName = id.replace(`${filename}.json`, `${filename}.js`);
|
|
192
|
+
|
|
193
|
+
writeFileSync(parsedThemeFileName, colorTheme.content);
|
|
158
194
|
}
|
|
159
195
|
},
|
|
160
196
|
});
|