@bcc-code/design-tokens 1.0.8 → 1.0.9

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 (2) hide show
  1. package/dist/tailwind.css +54 -55
  2. package/package.json +1 -1
package/dist/tailwind.css CHANGED
@@ -155,46 +155,46 @@
155
155
  --opacity-opacity: #ffffff;
156
156
 
157
157
  /* ✅ Dimension space-0 */
158
- --dimension-space-0: 0 rem;
158
+ --spacing-space-0: 0 rem;
159
159
 
160
160
  /* ✅ Dimension space-25 */
161
- --dimension-space-25: 0.125rem;
161
+ --spacing-space-25: 0.125rem;
162
162
 
163
163
  /* ✅ Dimension space-50 */
164
- --dimension-space-50: 0.25rem;
164
+ --spacing-space-50: 0.25rem;
165
165
 
166
166
  /* ✅ Dimension space-75 */
167
- --dimension-space-75: 0.375rem;
167
+ --spacing-space-75: 0.375rem;
168
168
 
169
169
  /* ✅ Dimension space-100 */
170
- --dimension-space-100: 0.5rem;
170
+ --spacing-space-100: 0.5rem;
171
171
 
172
172
  /* ✅ Dimension space-150 */
173
- --dimension-space-150: 0.75rem;
173
+ --spacing-space-150: 0.75rem;
174
174
 
175
175
  /* ✅ Dimension space-200 */
176
- --dimension-space-200: 1rem;
176
+ --spacing-space-200: 1rem;
177
177
 
178
178
  /* ✅ Dimension space-250 */
179
- --dimension-space-250: 1.25rem;
179
+ --spacing-space-250: 1.25rem;
180
180
 
181
181
  /* ✅ Dimension space-300 */
182
- --dimension-space-300: 1.5rem;
182
+ --spacing-space-300: 1.5rem;
183
183
 
184
184
  /* ✅ Dimension space-400 */
185
- --dimension-space-400: 2rem;
185
+ --spacing-space-400: 2rem;
186
186
 
187
187
  /* ✅ Dimension space-500 */
188
- --dimension-space-500: 2.5rem;
188
+ --spacing-space-500: 2.5rem;
189
189
 
190
190
  /* ✅ Dimension space-600 */
191
- --dimension-space-600: 3rem;
191
+ --spacing-space-600: 3rem;
192
192
 
193
193
  /* ✅ Dimension space-800 */
194
- --dimension-space-800: 4rem;
194
+ --spacing-space-800: 4rem;
195
195
 
196
196
  /* ✅ Dimension space-1000 */
197
- --dimension-space-1000: 80px;
197
+ --spacing-space-1000: 80px;
198
198
 
199
199
  /* ✅ Border-width sm */
200
200
  --border-width-sm: 1px;
@@ -203,43 +203,43 @@
203
203
  --border-width-md: 2px;
204
204
 
205
205
  /* ✅ Border-radius none */
206
- --border-radius-none: 0;
206
+ --radius-none: 0;
207
207
 
208
208
  /* ✅ Border-radius xs */
209
- --border-radius-xs: 0.125rem;
209
+ --radius-xs: 0.125rem;
210
210
 
211
211
  /* ✅ Border-radius sm */
212
- --border-radius-sm: 0.25rem;
212
+ --radius-sm: 0.25rem;
213
213
 
214
214
  /* ✅ Border-radius md */
215
- --border-radius-md: 0.5rem;
215
+ --radius-md: 0.5rem;
216
216
 
217
217
  /* ✅ Border-radius lg */
218
- --border-radius-lg: 1rem;
218
+ --radius-lg: 1rem;
219
219
 
220
220
  /* ✅ Border-radius xl */
221
- --border-radius-xl: 2rem;
221
+ --radius-xl: 2rem;
222
222
 
223
223
  /* ✅ Border-radius 2xl */
224
- --border-radius-2xl: 3rem;
224
+ --radius-2xl: 3rem;
225
225
 
226
226
  /* ✅ Border-radius full */
227
- --border-radius-full: 999px;
227
+ --radius-full: 999px;
228
228
 
229
229
  /* ✅ Icon-size xs */
230
- --icon-size-xs: 1rem;
230
+ --spacing-xs: 1rem;
231
231
 
232
232
  /* ✅ Icon-size sm */
233
- --icon-size-sm: 1.25rem;
233
+ --spacing-sm: 1.25rem;
234
234
 
235
235
  /* ✅ Icon-size md */
236
- --icon-size-md: 1.5rem;
236
+ --spacing-md: 1.5rem;
237
237
 
238
238
  /* ✅ Icon-size lg */
239
- --icon-size-lg: 2rem;
239
+ --spacing-lg: 2rem;
240
240
 
241
241
  /* ✅ Icon-size xl */
242
- --icon-size-xl: 3rem;
242
+ --spacing-xl: 3rem;
243
243
 
244
244
  /* ✅ Text-decoration none */
245
245
  --text-decoration-none: none;
@@ -263,28 +263,28 @@
263
263
  --text-transform-none: none;
264
264
 
265
265
  /* ✅ Font-size text-xs */
266
- --font-size-text-xs: 0.75rem;
266
+ --text-text-xs: 0.75rem;
267
267
 
268
268
  /* ✅ Font-size text-sm */
269
- --font-size-text-sm: 0.875rem;
269
+ --text-text-sm: 0.875rem;
270
270
 
271
271
  /* ✅ Font-size text-md */
272
- --font-size-text-md: 1rem;
272
+ --text-text-md: 1rem;
273
273
 
274
274
  /* ✅ Font-size text-lg */
275
- --font-size-text-lg: 1.25rem;
275
+ --text-text-lg: 1.25rem;
276
276
 
277
277
  /* ✅ Font-size text-xl */
278
- --font-size-text-xl: 1.5rem;
278
+ --text-text-xl: 1.5rem;
279
279
 
280
280
  /* ✅ Font-size text-2xl */
281
- --font-size-text-2xl: 2rem;
281
+ --text-text-2xl: 2rem;
282
282
 
283
283
  /* ✅ Font-size text-3xl */
284
- --font-size-text-3xl: 2.25rem;
284
+ --text-text-3xl: 2.25rem;
285
285
 
286
286
  /* ✅ Font-size text-4xl */
287
- --font-size-text-4xl: 3rem;
287
+ --text-text-4xl: 3rem;
288
288
 
289
289
  /* ✅ Font-weight regular-400 */
290
290
  --font-weight-regular-400: var(--fontweights-archivo-regular);
@@ -296,40 +296,40 @@
296
296
  --font-weight-bold-700: var(--fontweights-archivo-bold);
297
297
 
298
298
  /* ✅ Line-height text-4xl */
299
- --line-height-text-4xl-leading-none: 3rem;
300
- --line-height-text-4xl-leading-tight: 3.25rem;
299
+ --leading-text-4xl-leading-none: 3rem;
300
+ --leading-text-4xl-leading-tight: 3.25rem;
301
301
 
302
302
  /* ✅ Line-height text-3xl */
303
- --line-height-text-3xl-leading-none: 2.25rem;
304
- --line-height-text-3xl-leading-tight: 2.5rem;
303
+ --leading-text-3xl-leading-none: 2.25rem;
304
+ --leading-text-3xl-leading-tight: 2.5rem;
305
305
 
306
306
  /* ✅ Line-height text-2xl */
307
- --line-height-text-2xl-leading-none: 2rem;
308
- --line-height-text-2xl-leading-tight: 2.25rem;
307
+ --leading-text-2xl-leading-none: 2rem;
308
+ --leading-text-2xl-leading-tight: 2.25rem;
309
309
 
310
310
  /* ✅ Line-height text-xl */
311
- --line-height-text-xl-leading-none: 1.5rem;
312
- --line-height-text-xl-leading-tight: 1.75;
311
+ --leading-text-xl-leading-none: 1.5rem;
312
+ --leading-text-xl-leading-tight: 1.75;
313
313
 
314
314
  /* ✅ Line-height text-lg */
315
- --line-height-text-lg-leading-none: 1.25rem;
316
- --line-height-text-lg-leading-tight: 1.5rem;
315
+ --leading-text-lg-leading-none: 1.25rem;
316
+ --leading-text-lg-leading-tight: 1.5rem;
317
317
 
318
318
  /* ✅ Line-height text-md */
319
- --line-height-text-md-leading-none: 1rem;
320
- --line-height-text-md-leading-tight: 1.25;
321
- --line-height-text-md-leading-normal: 1.5rem;
319
+ --leading-text-md-leading-none: 1rem;
320
+ --leading-text-md-leading-tight: 1.25;
321
+ --leading-text-md-leading-normal: 1.5rem;
322
322
 
323
323
  /* ✅ Line-height text-sm */
324
- --line-height-text-sm-leading-none: 0.875rem;
325
- --line-height-text-sm-leading-normal: 1.25rem;
324
+ --leading-text-sm-leading-none: 0.875rem;
325
+ --leading-text-sm-leading-normal: 1.25rem;
326
326
 
327
327
  /* ✅ Line-height text-xs */
328
- --line-height-text-xs-leading-none: 0.75rem;
329
- --line-height-text-xs-leading-normal: 1.25rem;
328
+ --leading-text-xs-leading-none: 0.75rem;
329
+ --leading-text-xs-leading-normal: 1.25rem;
330
330
 
331
331
  /* ✅ Space-between 0 */
332
- --space-between-0: var(--dimension-space-0);
332
+ --spacing-0: var(--dimension-space-0);
333
333
 
334
334
  /* ✅ Tracking tighter */
335
335
  --tracking-tighter: -0.04em;
@@ -349,7 +349,7 @@
349
349
  /* ✅ FontFamilies archivo */
350
350
  --fontFamilies-archivo: Archivo;
351
351
 
352
- /* ✅ Semantic Colors */
352
+
353
353
  --color-surface-primary: var(--color-neutral-0);
354
354
  --color-surface-secondary: var(--color-neutral-200);
355
355
  --color-surface-overlay-default: var(--color-neutral-alpha-500a);
@@ -585,7 +585,6 @@
585
585
 
586
586
  @variant dark {
587
587
  @theme {
588
- /* ✅ Semantic Colors */
589
588
  --color-surface-primary: var(--color-dark-neutral-0);
590
589
  --color-surface-secondary: var(--color-dark-neutral-200);
591
590
  --color-surface-overlay-default: var(--color-dark-neutral-alpha-500a);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/design-tokens",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
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",