@bcc-code/design-tokens 1.0.13 → 1.0.15

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.
Files changed (3) hide show
  1. package/dist/bcc-primevue-preset.d.ts +4 -0
  2. package/dist/tailwind.config.mjs +214 -0
  3. package/package.json +3 -2
package/dist/bcc-primevue-preset.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ // Generated PrimeVue preset types
2
+ declare module '@bcc-code/design-tokens/bcc-primevue-preset.js' {
3
+ export const BCCPrimeVuePreset: any;
4
+ }
package/dist/tailwind.config.mjs ADDED
@@ -0,0 +1,214 @@
1
+ export default {
2
+ "theme": {
3
+ "extend": {
4
+ "textColor": {
5
+ "primary": "var(--color-text-primary)",
6
+ "secondary": "var(--color-text-secondary)",
7
+ "tertiary": "var(--color-text-tertiary)",
8
+ "inverse": "var(--color-text-inverse)",
9
+ "disabled": "var(--color-text-disabled)",
10
+ "success": "var(--color-text-success)",
11
+ "alert": "var(--color-text-alert)",
12
+ "Info": "var(--color-text-Info)",
13
+ "danger": "var(--color-text-danger)",
14
+ "brand-default": "var(--color-text-brand-default)",
15
+ "brand-bold": "var(--color-text-brand-bold)",
16
+ "accent-rust-default": "var(--color-text-accent-rust-default)",
17
+ "accent-rust-bold": "var(--color-text-accent-rust-bold)",
18
+ "accent-yellow-default": "var(--color-text-accent-yellow-default)",
19
+ "accent-yellow-bold": "var(--color-text-accent-yellow-bold)",
20
+ "accent-green-default": "var(--color-text-accent-green-default)",
21
+ "accent-green-bold": "var(--color-text-accent-green-bold)",
22
+ "accent-teal-default": "var(--color-text-accent-teal-default)",
23
+ "accent-teal-bold": "var(--color-text-accent-teal-bold)",
24
+ "accent-sand-default": "var(--color-text-accent-sand-default)",
25
+ "accent-sand-bold": "var(--color-text-accent-sand-bold)",
26
+ "accent-blue-default": "var(--color-text-accent-blue-default)",
27
+ "accent-blue-bold": "var(--color-text-accent-blue-bold)",
28
+ "accent-purple-default": "var(--color-text-accent-purple-default)",
29
+ "accent-purple-bold": "var(--color-text-accent-purple-bold)",
30
+ "accent-magenta-default": "var(--color-text-accent-magenta-default)",
31
+ "accent-magenta-bold": "var(--color-text-accent-magenta-bold)"
32
+ },
33
+ "backgroundColor": {
34
+ "disabled-default": "var(--color-background-disabled-default)",
35
+ "brand-default": "var(--color-background-brand-default)",
36
+ "brand-hover": "var(--color-background-brand-hover)",
37
+ "brand-pressed": "var(--color-background-brand-pressed)",
38
+ "brand-lighter-default": "var(--color-background-brand-lighter-default)",
39
+ "brand-lighter-hover": "var(--color-background-brand-lighter-hover)",
40
+ "brand-lighter-pressed": "var(--color-background-brand-lighter-pressed)",
41
+ "brand-light-default": "var(--color-background-brand-light-default)",
42
+ "brand-light-hover": "var(--color-background-brand-light-hover)",
43
+ "brand-light-pressed": "var(--color-background-brand-light-pressed)",
44
+ "brand-bold-default": "var(--color-background-brand-bold-default)",
45
+ "brand-bold-hover": "var(--color-background-brand-bold-hover)",
46
+ "brand-bold-pressed": "var(--color-background-brand-bold-pressed)",
47
+ "accent-red-default": "var(--color-background-accent-red-default)",
48
+ "accent-red-hover": "var(--color-background-accent-red-hover)",
49
+ "accent-red-pressed": "var(--color-background-accent-red-pressed)",
50
+ "accent-red-lighter-default": "var(--color-background-accent-red-lighter-default)",
51
+ "accent-red-lighter-hover": "var(--color-background-accent-red-lighter-hover)",
52
+ "accent-red-lighter-pressed": "var(--color-background-accent-red-lighter-pressed)",
53
+ "accent-red-light-default": "var(--color-background-accent-red-light-default)",
54
+ "accent-red-light-hover": "var(--color-background-accent-red-light-hover)",
55
+ "accent-red-light-pressed": "var(--color-background-accent-red-light-pressed)",
56
+ "accent-red-bold-default": "var(--color-background-accent-red-bold-default)",
57
+ "accent-red-bold-hover": "var(--color-background-accent-red-bold-hover)",
58
+ "accent-red-bold-pressed": "var(--color-background-accent-red-bold-pressed)",
59
+ "accent-rust-default": "var(--color-background-accent-rust-default)",
60
+ "accent-rust-hover": "var(--color-background-accent-rust-hover)",
61
+ "accent-rust-pressed": "var(--color-background-accent-rust-pressed)",
62
+ "accent-rust-lighter-default": "var(--color-background-accent-rust-lighter-default)",
63
+ "accent-rust-lighter-hover": "var(--color-background-accent-rust-lighter-hover)",
64
+ "accent-rust-lighter-pressed": "var(--color-background-accent-rust-lighter-pressed)",
65
+ "accent-rust-light-default": "var(--color-background-accent-rust-light-default)",
66
+ "accent-rust-light-hover": "var(--color-background-accent-rust-light-hover)",
67
+ "accent-rust-light-pressed": "var(--color-background-accent-rust-light-pressed)",
68
+ "accent-rust-bold-default": "var(--color-background-accent-rust-bold-default)",
69
+ "accent-rust-bold-hover": "var(--color-background-accent-rust-bold-hover)",
70
+ "accent-rust-bold-pressed": "var(--color-background-accent-rust-bold-pressed)",
71
+ "accent-green-default": "var(--color-background-accent-green-default)",
72
+ "accent-green-hover": "var(--color-background-accent-green-hover)",
73
+ "accent-green-pressed": "var(--color-background-accent-green-pressed)",
74
+ "accent-green-lighter-default": "var(--color-background-accent-green-lighter-default)",
75
+ "accent-green-lighter-hover": "var(--color-background-accent-green-lighter-hover)",
76
+ "accent-green-lighter-pressed": "var(--color-background-accent-green-lighter-pressed)",
77
+ "accent-green-light-default": "var(--color-background-accent-green-light-default)",
78
+ "accent-green-light-hover": "var(--color-background-accent-green-light-hover)",
79
+ "accent-green-light-pressed": "var(--color-background-accent-green-light-pressed)",
80
+ "accent-green-bold-default": "var(--color-background-accent-green-bold-default)",
81
+ "accent-green-bold-hover": "var(--color-background-accent-green-bold-hover)",
82
+ "accent-green-bold-pressed": "var(--color-background-accent-green-bold-pressed)",
83
+ "accent-teal-default": "var(--color-background-accent-teal-default)",
84
+ "accent-teal-hover": "var(--color-background-accent-teal-hover)",
85
+ "accent-teal-pressed": "var(--color-background-accent-teal-pressed)",
86
+ "accent-teal-lighter-default": "var(--color-background-accent-teal-lighter-default)",
87
+ "accent-teal-lighter-hover": "var(--color-background-accent-teal-lighter-hover)",
88
+ "accent-teal-lighter-pressed": "var(--color-background-accent-teal-lighter-pressed)",
89
+ "accent-teal-light-default": "var(--color-background-accent-teal-light-default)",
90
+ "accent-teal-light-hover": "var(--color-background-accent-teal-light-hover)",
91
+ "accent-teal-light-pressed": "var(--color-background-accent-teal-light-pressed)",
92
+ "accent-teal-bold-default": "var(--color-background-accent-teal-bold-default)",
93
+ "accent-teal-bold-hover": "var(--color-background-accent-teal-bold-hover)",
94
+ "accent-teal-bold-pressed": "var(--color-background-accent-teal-bold-pressed)",
95
+ "accent-sand-default": "var(--color-background-accent-sand-default)",
96
+ "accent-sand-hover": "var(--color-background-accent-sand-hover)",
97
+ "accent-sand-pressed": "var(--color-background-accent-sand-pressed)",
98
+ "accent-sand-lighter-default": "var(--color-background-accent-sand-lighter-default)",
99
+ "accent-sand-lighter-hover": "var(--color-background-accent-sand-lighter-hover)",
100
+ "accent-sand-lighter-pressed": "var(--color-background-accent-sand-lighter-pressed)",
101
+ "accent-sand-light-default": "var(--color-background-accent-sand-light-default)",
102
+ "accent-sand-light-hover": "var(--color-background-accent-sand-light-hover)",
103
+ "accent-sand-light-pressed": "var(--color-background-accent-sand-light-pressed)",
104
+ "accent-sand-bold-default": "var(--color-background-accent-sand-bold-default)",
105
+ "accent-sand-bold-hover": "var(--color-background-accent-sand-bold-hover)",
106
+ "accent-sand-bold-pressed": "var(--color-background-accent-sand-bold-pressed)",
107
+ "accent-blue-default": "var(--color-background-accent-blue-default)",
108
+ "accent-blue-hover": "var(--color-background-accent-blue-hover)",
109
+ "accent-blue-pressed": "var(--color-background-accent-blue-pressed)",
110
+ "accent-blue-lighter-default": "var(--color-background-accent-blue-lighter-default)",
111
+ "accent-blue-lighter-hover": "var(--color-background-accent-blue-lighter-hover)",
112
+ "accent-blue-lighter-pressed": "var(--color-background-accent-blue-lighter-pressed)",
113
+ "accent-blue-light-default": "var(--color-background-accent-blue-light-default)",
114
+ "accent-blue-light-hover": "var(--color-background-accent-blue-light-hover)",
115
+ "accent-blue-light-pressed": "var(--color-background-accent-blue-light-pressed)",
116
+ "accent-blue-bold-default": "var(--color-background-accent-blue-bold-default)",
117
+ "accent-blue-bold-hover": "var(--color-background-accent-blue-bold-hover)",
118
+ "accent-blue-bold-pressed": "var(--color-background-accent-blue-bold-pressed)",
119
+ "accent-purple-default": "var(--color-background-accent-purple-default)",
120
+ "accent-purple-hover": "var(--color-background-accent-purple-hover)",
121
+ "accent-purple-pressed": "var(--color-background-accent-purple-pressed)",
122
+ "accent-purple-lighter-default": "var(--color-background-accent-purple-lighter-default)",
123
+ "accent-purple-lighter-hover": "var(--color-background-accent-purple-lighter-hover)",
124
+ "accent-purple-lighter-pressed": "var(--color-background-accent-purple-lighter-pressed)",
125
+ "accent-purple-light-default": "var(--color-background-accent-purple-light-default)",
126
+ "accent-purple-light-hover": "var(--color-background-accent-purple-light-hover)",
127
+ "accent-purple-light-pressed": "var(--color-background-accent-purple-light-pressed)",
128
+ "accent-purple-bold-default": "var(--color-background-accent-purple-bold-default)",
129
+ "accent-purple-bold-hover": "var(--color-background-accent-purple-bold-hover)",
130
+ "accent-purple-bold-pressed": "var(--color-background-accent-purple-bold-pressed)",
131
+ "accent-magenta-default": "var(--color-background-accent-magenta-default)",
132
+ "accent-magenta-hover": "var(--color-background-accent-magenta-hover)",
133
+ "accent-magenta-pressed": "var(--color-background-accent-magenta-pressed)",
134
+ "accent-magenta-lighter-default": "var(--color-background-accent-magenta-lighter-default)",
135
+ "accent-magenta-lighter-hover": "var(--color-background-accent-magenta-lighter-hover)",
136
+ "accent-magenta-lighter-pressed": "var(--color-background-accent-magenta-lighter-pressed)",
137
+ "accent-magenta-light-default": "var(--color-background-accent-magenta-light-default)",
138
+ "accent-magenta-light-hover": "var(--color-background-accent-magenta-light-hover)",
139
+ "accent-magenta-light-pressed": "var(--color-background-accent-magenta-light-pressed)",
140
+ "accent-magenta-bold-default": "var(--color-background-accent-magenta-bold-default)",
141
+ "accent-magenta-bold-hover": "var(--color-background-accent-magenta-bold-hover)",
142
+ "accent-magenta-bold-pressed": "var(--color-background-accent-magenta-bold-pressed)",
143
+ "accent-yellow-default": "var(--color-background-accent-yellow-default)",
144
+ "accent-yellow-hover": "var(--color-background-accent-yellow-hover)",
145
+ "accent-yellow-pressed": "var(--color-background-accent-yellow-pressed)",
146
+ "accent-yellow-lighter-default": "var(--color-background-accent-yellow-lighter-default)",
147
+ "accent-yellow-lighter-hover": "var(--color-background-accent-yellow-lighter-hover)",
148
+ "accent-yellow-lighter-pressed": "var(--color-background-accent-yellow-lighter-pressed)",
149
+ "accent-yellow-light-default": "var(--color-background-accent-yellow-light-default)",
150
+ "accent-yellow-light-hover": "var(--color-background-accent-yellow-light-hover)",
151
+ "accent-yellow-light-pressed": "var(--color-background-accent-yellow-light-pressed)",
152
+ "accent-yellow-bold-default": "var(--color-background-accent-yellow-bold-default)",
153
+ "accent-yellow-bold-hover": "var(--color-background-accent-yellow-bold-hover)",
154
+ "accent-yellow-bold-pressed": "var(--color-background-accent-yellow-bold-pressed)",
155
+ "neutral-default": "var(--color-background-neutral-default)",
156
+ "neutral-hover": "var(--color-background-neutral-hover)",
157
+ "neutral-pressed": "var(--color-background-neutral-pressed)",
158
+ "neutral-light-pressed": "var(--color-background-neutral-light-pressed)",
159
+ "neutral-light-default": "var(--color-background-neutral-light-default)",
160
+ "neutral-light-hover": "var(--color-background-neutral-light-hover)",
161
+ "neutral-lighter-hover": "var(--color-background-neutral-lighter-hover)",
162
+ "neutral-lighter-pressed": "var(--color-background-neutral-lighter-pressed)",
163
+ "neutral-lighter-default": "var(--color-background-neutral-lighter-default)",
164
+ "info-default": "var(--color-background-info-default)",
165
+ "info-hover": "var(--color-background-info-hover)",
166
+ "info-pressed": "var(--color-background-info-pressed)",
167
+ "success-default": "var(--color-background-success-default)",
168
+ "success-hover": "var(--color-background-success-hover)",
169
+ "success-pressed": "var(--color-background-success-pressed)",
170
+ "alert-default": "var(--color-background-alert-default)",
171
+ "alert-hover": "var(--color-background-alert-hover)",
172
+ "alert-pressed": "var(--color-background-alert-pressed)",
173
+ "danger-default": "var(--color-background-danger-default)",
174
+ "danger-hover": "var(--color-background-danger-hover)",
175
+ "danger-pressed": "var(--color-background-danger-pressed)"
176
+ },
177
+ "borderColor": {
178
+ "primary": "var(--color-border-primary)",
179
+ "secondary": "var(--color-border-secondary)",
180
+ "tertiary": "var(--color-border-tertiary)",
181
+ "focus": "var(--color-border-focus)",
182
+ "selected": "var(--color-border-selected)",
183
+ "disabled": "var(--color-border-disabled)",
184
+ "accent-red-default": "var(--color-border-accent-red-default)",
185
+ "accent-red-hover": "var(--color-border-accent-red-hover)",
186
+ "accent-red-pressed": "var(--color-border-accent-red-pressed)",
187
+ "accent-rust-default": "var(--color-border-accent-rust-default)",
188
+ "accent-rust-hover": "var(--color-border-accent-rust-hover)",
189
+ "accent-rust-pressed": "var(--color-border-accent-rust-pressed)",
190
+ "accent-yellow-default": "var(--color-border-accent-yellow-default)",
191
+ "accent-yellow-hover": "var(--color-border-accent-yellow-hover)",
192
+ "accent-yellow-pressed": "var(--color-border-accent-yellow-pressed)",
193
+ "accent-green-default": "var(--color-border-accent-green-default)",
194
+ "accent-green-hover": "var(--color-border-accent-green-hover)",
195
+ "accent-green-pressed": "var(--color-border-accent-green-pressed)",
196
+ "accent-teal-default": "var(--color-border-accent-teal-default)",
197
+ "accent-teal-hover": "var(--color-border-accent-teal-hover)",
198
+ "accent-teal-pressed": "var(--color-border-accent-teal-pressed)",
199
+ "accent-sand-default": "var(--color-border-accent-sand-default)",
200
+ "accent-sand-hover": "var(--color-border-accent-sand-hover)",
201
+ "accent-sand-pressed": "var(--color-border-accent-sand-pressed)",
202
+ "accent-blue-default": "var(--color-border-accent-blue-default)",
203
+ "accent-blue-hover": "var(--color-border-accent-blue-hover)",
204
+ "accent-blue-pressed": "var(--color-border-accent-blue-pressed)",
205
+ "accent-purple-default": "var(--color-border-accent-purple-default)",
206
+ "accent-purple-hover": "var(--color-border-accent-purple-hover)",
207
+ "accent-purple-pressed": "var(--color-border-accent-purple-pressed)",
208
+ "accent-magenta-default": "var(--color-border-accent-magenta-default)",
209
+ "accent-magenta-hover": "var(--color-border-accent-magenta-hover)",
210
+ "accent-magenta-pressed": "var(--color-border-accent-magenta-pressed)"
211
+ }
212
+ }
213
+ }
214
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/design-tokens",
3
- "version": "1.0.13",
3
+ "version": "1.0.15",
4
4
  "description": "Design tokens package with light/dark themes for PrimeVue, WordPress, and vanilla HTML/JS.",
5
5
  "type": "module",
6
6
  "main": "dist/variables.css",
@@ -9,6 +9,7 @@
9
9
  "./variables.css": "./dist/variables.css",
10
10
  "./tailwind.css": "./dist/tailwind.css",
11
11
  "./bcc-primevue-preset.js": "./dist/bcc-primevue-preset.js",
12
+ "./bcc-primevue-preset.d.ts": "./dist/bcc-primevue-preset.d.ts",
12
13
  "./tailwind.config.js": "./dist/tailwind.config.js"
13
14
  },
14
15
  "files": [
@@ -16,7 +17,7 @@
16
17
  "README.md"
17
18
  ],
18
19
  "scripts": {
19
- "build": "node export-tokens/build.js && node export-tokens/generators/generate-css-variables.js && node export-tokens/generators/generate-primevue-preset.js && node export-tokens/generators/generate-tailwind-css.js",
20
+ "build": "node export-tokens/build.js && node export-tokens/generators/generate-css-variables.js && node export-tokens/generators/generate-primevue-preset.js && node export-tokens/generators/generate-tailwind-css.js && node export-tokens/generators/generate-tailwind-config.js",
20
21
  "debug": "set DEBUG_TOKENS=1 && node export-tokens/generators/generate-tailwind-css.js"
21
22
  },
22
23
  "keywords": [