@bcc-code/design-tokens 2.0.9 → 2.0.10

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 (7) hide show
  1. package/README.md +29 -113
  2. package/build/bcc/cdn/light.css +0 -92
  3. package/build/bcc/cdn/variables.css +0 -92
  4. package/build/bcc/primevue/index.d.ts +2 -1
  5. package/build/bcc/tailwind/index.css +1 -7
  6. package/build/bcc/tailwind/light.css +0 -92
  7. package/package.json +4 -4
package/README.md CHANGED
@@ -3,15 +3,7 @@
3
3
  ![version](https://img.shields.io/npm/v/@bcc-code/design-tokens?color=blue&label=version)
4
4
  ![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@bcc-code/design-tokens/badge)
5
5
 
6
- A comprehensive design token package with CSS variables, Tailwind v4 integration, and framework presets for BCC projects.
7
-
8
- ## 🚀 Features
9
-
10
- - **CSS Variables**: Universal support for any project
11
- - **Tailwind v4 Integration**: Native support with `@theme` and custom utilities
12
- - **PrimeVue Integration**: Token override preset extending Aura theme
13
- - **Dark Mode**: Automatic switching via CSS media queries or class-based control
14
- - **CDN Support**: Direct imports for WordPress and static sites
6
+ Design tokens for BCC projects with CSS variables, Tailwind v4, and PrimeVue support.
15
7
 
16
8
  ## 📦 Installation
17
9
 
@@ -21,7 +13,7 @@ npm install @bcc-code/design-tokens
21
13
 
22
14
  ## 🎯 Usage
23
15
 
24
- ### CSS Variables (WordPress, Static Sites)
16
+ ### CSS Variables
25
17
 
26
18
  **CDN:**
27
19
  ```html
@@ -33,56 +25,46 @@ npm install @bcc-code/design-tokens
33
25
  import '@bcc-code/design-tokens/bcc/cdn';
34
26
  ```
35
27
 
36
- **Usage in CSS:**
28
+ **Usage:**
37
29
  ```css
38
- .my-component {
39
- background-color: var(--color-elevation-surface-default);
30
+ .card {
31
+ background: var(--color-elevation-surface-default);
40
32
  color: var(--color-text-default);
41
33
  padding: var(--space-300);
42
34
  border-radius: var(--border-radius-lg);
43
- font: var(--heading-lg);
44
- }
45
-
46
- .my-button:hover {
47
- background-color: var(--color-background-brand-hover);
48
35
  }
49
36
  ```
50
37
 
51
38
  ### Tailwind CSS v4
52
39
 
53
- **1. Install Tailwind CSS:**
54
40
  ```bash
55
41
  npm install tailwindcss
56
42
  ```
57
43
 
58
- **2. Import in your main CSS:**
59
44
  ```css
45
+ /* main.css */
60
46
  @import "@bcc-code/design-tokens/bcc/tailwind";
61
47
  ```
62
48
 
63
- **3. Use in your components:**
64
49
  ```html
65
50
  <div class="bg-surface p-spacing-300 rounded-lg">
66
- <h2 class="heading-lg text-semantic-default mb-spacing-150">Card Title</h2>
67
- <p class="body-md text-semantic-subtle">Card content with BCC design tokens.</p>
68
- <button class="bg-brand hover:bg-brand-hover text-semantic-inverse px-spacing-300 py-spacing-150 rounded-md">
69
- Action Button
51
+ <h2 class="text-heading-lg text-semantic-default">Title</h2>
52
+ <button class="bg-brand hover:bg-brand-hover px-spacing-300 py-spacing-150">
53
+ Button
70
54
  </button>
71
55
  </div>
72
56
  ```
73
57
 
74
- ### PrimeVue Integration
58
+ ### PrimeVue
75
59
 
76
- **1. Install dependencies:**
77
60
  ```bash
78
- npm install tailwindcss primevue @primevue/themes
61
+ npm install primevue @primeuix/themes
79
62
  ```
80
63
 
81
- **3. Configure PrimeVue:**
82
64
  ```javascript
83
65
  import { createApp } from 'vue';
84
66
  import PrimeVue from 'primevue/config';
85
- import BCCPreset from '@bcc-code/design-tokens/bcc/primevue';
67
+ import BCCPreset from "@bcc-code/design-tokens/bcc/primevue";
86
68
 
87
69
  const app = createApp(App);
88
70
 
@@ -90,103 +72,37 @@ app.use(PrimeVue, {
90
72
  theme: {
91
73
  preset: BCCPreset,
92
74
  options: {
93
- darkModeSelector: '.dark'
75
+ darkModeSelector: '.dark' // or 'system'
94
76
  }
95
77
  }
96
78
  });
97
79
  ```
98
80
 
99
- **4. Use PrimeVue components:**
100
- ```vue
101
- <template>
102
- <Card>
103
- <template #title>Welcome</template>
104
- <template #content>
105
- <p>This card uses BCC design tokens automatically!</p>
106
- <Button label="Primary Action" />
107
- <Button label="Secondary" severity="secondary" />
108
- </template>
109
- </Card>
110
- </template>
111
- ```
112
-
113
81
  ## 🌙 Dark Mode
114
82
 
115
- ### Automatic (CSS Media Query)
116
- Works out of the box with user's system preferences:
83
+ **CSS Variables:** Automatic via system preference
84
+ **Tailwind:** Both automatic and manual via `.dark` class
117
85
 
118
- ```css
119
- /* Light mode */
120
- :root {
121
- --color-text-default: #1e242d;
122
- }
123
-
124
- /* Dark mode - automatically applied */
125
- @media (prefers-color-scheme: dark) {
126
- :root {
127
- --color-text-default: #dee4ea;
128
- }
129
- }
86
+ ```javascript
87
+ // Toggle dark mode for Tailwind
88
+ document.documentElement.classList.toggle('dark');
130
89
  ```
131
90
 
132
- ## 📋 Available Tokens
91
+ ## 🎨 Available Tokens
133
92
 
134
93
  ### Colors
135
- - **Brand**: `--color-bcc-*` (100-1000)
136
- - **Neutral**: `--color-neutral-*` (0-1100)
137
- - **Semantic**: `--color-text-*`, `--color-background-*`, `--color-border-*`
138
- - **Elevation**: `--color-elevation-surface-*`
94
+ - `--color-bcc-*` (100-1000) - Brand colors
95
+ - `--color-neutral-*` (0-1100) - Neutral grays
96
+ - `--color-text-*`, `--color-background-*`, `--color-border-*` - Semantic colors
139
97
 
140
98
  ### Typography
141
- - **Headings**: `--heading-xs` through `--heading-3xl`
142
- - **Body**: `--body-sm`, `--body-md`, `--body-lg`
143
- - **Font Properties**: `--font-size-*`, `--font-weight-*`, `--line-height-*`
144
-
145
- ### Spacing
146
- - **Scale**: `--space-*` (0, 25, 50, 75, 100, 150, 200, 250, 300, 400, 500, 600, 800, 1000)
147
- - **Negative**: `--space-negative-*` for negative margins
148
-
149
- ### Border Radius
150
- - **Scale**: `--border-radius-*` (none, xs, sm, md, lg, xl, 2xl, full)
151
-
152
- ### Tailwind-specific
153
- - **Spacing**: `--spacing-*` (mapped from space tokens)
154
- - **Text Sizes**: `--text-*` (mapped from font-size tokens)
155
- - **Radius**: `--radius-*` (mapped from border-radius tokens)
156
-
157
- ## 🛠️ Development
158
-
159
- ### Building from Source
160
- ```bash
161
- git clone https://github.com/bcc-code/design-tokens.git
162
- npm install
163
- npm run build
164
- ```
165
-
166
- ### Project Structure
167
- ```
168
- ├── tokens/ # Source design tokens (from Figma Token Studio)
169
- │ ├── primitives/ # Base tokens (colors, typography, spacing)
170
- │ ├── semantic/ # Semantic tokens (light/dark themes)
171
- │ ├── $themes.json # Theme configuration
172
- │ └── $metadata.json # Token metadata
173
- ├── build/ # Generated CSS, Tailwind, and manual presets
174
- │ └── bcc/ # BCC brand group (future: events/, members/)
175
- │ ├── cdn/ # Generated: CDN-ready CSS files
176
- │ ├── tailwind/ # Generated: Tailwind v4 integration
177
- │ └── primevue/ # Manual: PrimeVue preset configuration
178
- │ ├── index.js # Configuration object
179
- │ └── index.d.ts # TypeScript definitions
180
- ├── demos/ # Usage examples
181
- └── build.js # Build system (Style Dictionary)
182
- ```
183
-
184
- ### Build System Flow
99
+ - `--heading-*` (xs, sm, md, lg, xl, 2xl, 3xl) - Heading styles
100
+ - `--body-*` (sm, md, lg) - Body text styles
101
+ - `--font-size-*`, `--font-weight-*` - Individual properties
185
102
 
186
- 1. **Figma Token Studio** → `tokens/` directory (JSON files)
187
- 2. **Style Dictionary** processes tokens via `build.js`
188
- 3. **Generated files** output to `build/bcc/cdn/` and `build/bcc/tailwind/`
189
- 4. **Manual presets** created in `build/bcc/primevue/` (protected from build clean)
103
+ ### Spacing & Layout
104
+ - `--space-*` (0, 25, 50...1000) - Spacing scale
105
+ - `--border-radius-*` (none, xs...2xl, full) - Border radius scale
190
106
 
191
107
  ## 📄 License
192
108
 
@@ -194,4 +110,4 @@ MIT © BCC Code
194
110
 
195
111
  ---
196
112
 
197
- Made with ❤️ by [BCC Code](https://github.com/bcc-code)
113
+ **Need help?** Check the [contributing guide](https://github.com/bcc-code/bcc-tokens/blob/main/CONTRIBUTING.md) or [open an issue](https://github.com/bcc-code/bcc-tokens/issues).
package/build/bcc/cdn/light.css CHANGED
@@ -418,98 +418,6 @@
418
418
  --color-elevation-surface-raised-hovered: var(--color-neutral-200);
419
419
  --color-elevation-surface-raised-pressed: var(--color-neutral-300);
420
420
 
421
- /* TEST TOKENS */
422
- --test-rust-100: #fff1ed;
423
- --test-rust-200: #ffdad2;
424
- --test-rust-300: #f7a399;
425
- --test-rust-400: #ee7a69;
426
- --test-rust-500: #db5944;
427
- --test-rust-600: #c7402e;
428
- --test-rust-700: #a83423;
429
- --test-rust-800: #86291b;
430
- --test-rust-900: #6b1f15;
431
- --test-rust-1000: #4f140d;
432
- --test-green-100: #e8fbed;
433
- --test-green-200: #c2f0d2;
434
- --test-green-300: #95e6b6;
435
- --test-green-400: #62da9c;
436
- --test-green-500: #37cf83;
437
- --test-green-600: #1fbf71;
438
- --test-green-700: #169b5a;
439
- --test-green-800: #0f7744;
440
- --test-green-900: #08532d;
441
- --test-green-1000: #003b1c;
442
- --test-teal-100: #e4faf8;
443
- --test-teal-200: #b6f0eb;
444
- --test-teal-300: #85e6de;
445
- --test-teal-400: #56d6d1;
446
- --test-teal-500: #2bc4c2;
447
- --test-teal-600: #00b0b5;
448
- --test-teal-700: #00929a;
449
- --test-teal-800: #00757f;
450
- --test-teal-900: #005962;
451
- --test-teal-1000: #003d45;
452
- --test-sand-100: #f8f5f0;
453
- --test-sand-200: #ece2d1;
454
- --test-sand-300: #d9c1a3;
455
- --test-sand-400: #c4a678;
456
- --test-sand-500: #b18c56;
457
- --test-sand-600: #9c743a;
458
- --test-sand-700: #7f5e2f;
459
- --test-sand-800: #624622;
460
- --test-sand-900: #483116;
461
- --test-sand-1000: #2f1f0d;
462
- --test-blue-100: #e8f3ff;
463
- --test-blue-200: #cce0ff;
464
- --test-blue-300: #99c2ff;
465
- --test-blue-400: #66a6ff;
466
- --test-blue-500: #338aff;
467
- --test-blue-600: #0065ff;
468
- --test-blue-700: #0052cc;
469
- --test-blue-800: #0747a6;
470
- --test-blue-900: #053e85;
471
- --test-blue-1000: #092c66;
472
- --test-purple-100: #f3f0ff;
473
- --test-purple-200: #dfd7ff;
474
- --test-purple-300: #b8acff;
475
- --test-purple-400: #9982ff;
476
- --test-purple-500: #7a5aff;
477
- --test-purple-600: #5e37ff;
478
- --test-purple-700: #4722cc;
479
- --test-purple-800: #3319a3;
480
- --test-purple-900: #26157a;
481
- --test-purple-1000: #1b0f52;
482
- --test-magenta-100: #fff0f8;
483
- --test-magenta-200: #ffd2ec;
484
- --test-magenta-300: #ff94d5;
485
- --test-magenta-400: #f562c8;
486
- --test-magenta-500: #e037b8;
487
- --test-magenta-600: #cc1bac;
488
- --test-magenta-700: #a11388;
489
- --test-magenta-800: #7a0d66;
490
- --test-magenta-900: #550944;
491
- --test-magenta-1000: #3b052e;
492
- --test-rust-custom-100: #fff3ed;
493
- --test-rust-custom-200: #ffd9c5;
494
- --test-rust-custom-300: #ffb89a;
495
- --test-rust-custom-400: #ff9772;
496
- --test-rust-custom-500: #f2784f;
497
- --test-rust-custom-600: #d66542;
498
- --test-rust-custom-700: #b55435;
499
- --test-rust-custom-800: #944428;
500
- --test-rust-custom-900: #73351d;
501
- --test-rust-custom-1000: #522513;
502
- --test-red-100: #fff2f0;
503
- --test-red-200: #ffe0dc;
504
- --test-red-300: #ffb8ad;
505
- --test-red-400: #ff8a75;
506
- --test-red-500: #ff5c3c;
507
- --test-red-600: #de350b;
508
- --test-red-700: #b42b09;
509
- --test-red-800: #8f2107;
510
- --test-red-900: #6b1805;
511
- --test-red-1000: #4b0f03;
512
-
513
421
  /* ELEVATION TOKENS */
514
422
  --elevation-shadow-overflow: 0 0 0 0 #000000;
515
423
 
package/build/bcc/cdn/variables.css CHANGED
@@ -418,98 +418,6 @@
418
418
  --color-elevation-surface-raised-hovered: var(--color-neutral-200);
419
419
  --color-elevation-surface-raised-pressed: var(--color-neutral-300);
420
420
 
421
- /* TEST TOKENS */
422
- --test-rust-100: #fff1ed;
423
- --test-rust-200: #ffdad2;
424
- --test-rust-300: #f7a399;
425
- --test-rust-400: #ee7a69;
426
- --test-rust-500: #db5944;
427
- --test-rust-600: #c7402e;
428
- --test-rust-700: #a83423;
429
- --test-rust-800: #86291b;
430
- --test-rust-900: #6b1f15;
431
- --test-rust-1000: #4f140d;
432
- --test-green-100: #e8fbed;
433
- --test-green-200: #c2f0d2;
434
- --test-green-300: #95e6b6;
435
- --test-green-400: #62da9c;
436
- --test-green-500: #37cf83;
437
- --test-green-600: #1fbf71;
438
- --test-green-700: #169b5a;
439
- --test-green-800: #0f7744;
440
- --test-green-900: #08532d;
441
- --test-green-1000: #003b1c;
442
- --test-teal-100: #e4faf8;
443
- --test-teal-200: #b6f0eb;
444
- --test-teal-300: #85e6de;
445
- --test-teal-400: #56d6d1;
446
- --test-teal-500: #2bc4c2;
447
- --test-teal-600: #00b0b5;
448
- --test-teal-700: #00929a;
449
- --test-teal-800: #00757f;
450
- --test-teal-900: #005962;
451
- --test-teal-1000: #003d45;
452
- --test-sand-100: #f8f5f0;
453
- --test-sand-200: #ece2d1;
454
- --test-sand-300: #d9c1a3;
455
- --test-sand-400: #c4a678;
456
- --test-sand-500: #b18c56;
457
- --test-sand-600: #9c743a;
458
- --test-sand-700: #7f5e2f;
459
- --test-sand-800: #624622;
460
- --test-sand-900: #483116;
461
- --test-sand-1000: #2f1f0d;
462
- --test-blue-100: #e8f3ff;
463
- --test-blue-200: #cce0ff;
464
- --test-blue-300: #99c2ff;
465
- --test-blue-400: #66a6ff;
466
- --test-blue-500: #338aff;
467
- --test-blue-600: #0065ff;
468
- --test-blue-700: #0052cc;
469
- --test-blue-800: #0747a6;
470
- --test-blue-900: #053e85;
471
- --test-blue-1000: #092c66;
472
- --test-purple-100: #f3f0ff;
473
- --test-purple-200: #dfd7ff;
474
- --test-purple-300: #b8acff;
475
- --test-purple-400: #9982ff;
476
- --test-purple-500: #7a5aff;
477
- --test-purple-600: #5e37ff;
478
- --test-purple-700: #4722cc;
479
- --test-purple-800: #3319a3;
480
- --test-purple-900: #26157a;
481
- --test-purple-1000: #1b0f52;
482
- --test-magenta-100: #fff0f8;
483
- --test-magenta-200: #ffd2ec;
484
- --test-magenta-300: #ff94d5;
485
- --test-magenta-400: #f562c8;
486
- --test-magenta-500: #e037b8;
487
- --test-magenta-600: #cc1bac;
488
- --test-magenta-700: #a11388;
489
- --test-magenta-800: #7a0d66;
490
- --test-magenta-900: #550944;
491
- --test-magenta-1000: #3b052e;
492
- --test-rust-custom-100: #fff3ed;
493
- --test-rust-custom-200: #ffd9c5;
494
- --test-rust-custom-300: #ffb89a;
495
- --test-rust-custom-400: #ff9772;
496
- --test-rust-custom-500: #f2784f;
497
- --test-rust-custom-600: #d66542;
498
- --test-rust-custom-700: #b55435;
499
- --test-rust-custom-800: #944428;
500
- --test-rust-custom-900: #73351d;
501
- --test-rust-custom-1000: #522513;
502
- --test-red-100: #fff2f0;
503
- --test-red-200: #ffe0dc;
504
- --test-red-300: #ffb8ad;
505
- --test-red-400: #ff8a75;
506
- --test-red-500: #ff5c3c;
507
- --test-red-600: #de350b;
508
- --test-red-700: #b42b09;
509
- --test-red-800: #8f2107;
510
- --test-red-900: #6b1805;
511
- --test-red-1000: #4b0f03;
512
-
513
421
  /* ELEVATION TOKENS */
514
422
  --elevation-shadow-overflow: 0 0 0 0 #000000;
515
423
 
package/build/bcc/primevue/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  declare module '@bcc-code/design-tokens/bcc/primevue' {
2
- export const BCCPreset: any;
2
+ const BCCPreset: any;
3
+ export default BCCPreset;
3
4
  }
package/build/bcc/tailwind/index.css CHANGED
@@ -1,14 +1,8 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- *
4
- * Complete Tailwind CSS integration for bcc design tokens.
5
- * Import this file to get everything you need:
6
- * - Base Tailwind CSS
7
- * - Light theme tokens
8
- * - Dark theme with automatic switching
9
- * - Utility classes
10
3
  */
11
4
 
5
+
12
6
  @import "tailwindcss";
13
7
  @custom-variant dark (&:where(.dark, .dark *));
14
8
 
package/build/bcc/tailwind/light.css CHANGED
@@ -418,98 +418,6 @@
418
418
  --color-elevation-surface-raised-hovered: var(--color-neutral-200);
419
419
  --color-elevation-surface-raised-pressed: var(--color-neutral-300);
420
420
 
421
- /* TEST TOKENS */
422
- --test-rust-100: #fff1ed;
423
- --test-rust-200: #ffdad2;
424
- --test-rust-300: #f7a399;
425
- --test-rust-400: #ee7a69;
426
- --test-rust-500: #db5944;
427
- --test-rust-600: #c7402e;
428
- --test-rust-700: #a83423;
429
- --test-rust-800: #86291b;
430
- --test-rust-900: #6b1f15;
431
- --test-rust-1000: #4f140d;
432
- --test-green-100: #e8fbed;
433
- --test-green-200: #c2f0d2;
434
- --test-green-300: #95e6b6;
435
- --test-green-400: #62da9c;
436
- --test-green-500: #37cf83;
437
- --test-green-600: #1fbf71;
438
- --test-green-700: #169b5a;
439
- --test-green-800: #0f7744;
440
- --test-green-900: #08532d;
441
- --test-green-1000: #003b1c;
442
- --test-teal-100: #e4faf8;
443
- --test-teal-200: #b6f0eb;
444
- --test-teal-300: #85e6de;
445
- --test-teal-400: #56d6d1;
446
- --test-teal-500: #2bc4c2;
447
- --test-teal-600: #00b0b5;
448
- --test-teal-700: #00929a;
449
- --test-teal-800: #00757f;
450
- --test-teal-900: #005962;
451
- --test-teal-1000: #003d45;
452
- --test-sand-100: #f8f5f0;
453
- --test-sand-200: #ece2d1;
454
- --test-sand-300: #d9c1a3;
455
- --test-sand-400: #c4a678;
456
- --test-sand-500: #b18c56;
457
- --test-sand-600: #9c743a;
458
- --test-sand-700: #7f5e2f;
459
- --test-sand-800: #624622;
460
- --test-sand-900: #483116;
461
- --test-sand-1000: #2f1f0d;
462
- --test-blue-100: #e8f3ff;
463
- --test-blue-200: #cce0ff;
464
- --test-blue-300: #99c2ff;
465
- --test-blue-400: #66a6ff;
466
- --test-blue-500: #338aff;
467
- --test-blue-600: #0065ff;
468
- --test-blue-700: #0052cc;
469
- --test-blue-800: #0747a6;
470
- --test-blue-900: #053e85;
471
- --test-blue-1000: #092c66;
472
- --test-purple-100: #f3f0ff;
473
- --test-purple-200: #dfd7ff;
474
- --test-purple-300: #b8acff;
475
- --test-purple-400: #9982ff;
476
- --test-purple-500: #7a5aff;
477
- --test-purple-600: #5e37ff;
478
- --test-purple-700: #4722cc;
479
- --test-purple-800: #3319a3;
480
- --test-purple-900: #26157a;
481
- --test-purple-1000: #1b0f52;
482
- --test-magenta-100: #fff0f8;
483
- --test-magenta-200: #ffd2ec;
484
- --test-magenta-300: #ff94d5;
485
- --test-magenta-400: #f562c8;
486
- --test-magenta-500: #e037b8;
487
- --test-magenta-600: #cc1bac;
488
- --test-magenta-700: #a11388;
489
- --test-magenta-800: #7a0d66;
490
- --test-magenta-900: #550944;
491
- --test-magenta-1000: #3b052e;
492
- --test-rust-custom-100: #fff3ed;
493
- --test-rust-custom-200: #ffd9c5;
494
- --test-rust-custom-300: #ffb89a;
495
- --test-rust-custom-400: #ff9772;
496
- --test-rust-custom-500: #f2784f;
497
- --test-rust-custom-600: #d66542;
498
- --test-rust-custom-700: #b55435;
499
- --test-rust-custom-800: #944428;
500
- --test-rust-custom-900: #73351d;
501
- --test-rust-custom-1000: #522513;
502
- --test-red-100: #fff2f0;
503
- --test-red-200: #ffe0dc;
504
- --test-red-300: #ffb8ad;
505
- --test-red-400: #ff8a75;
506
- --test-red-500: #ff5c3c;
507
- --test-red-600: #de350b;
508
- --test-red-700: #b42b09;
509
- --test-red-800: #8f2107;
510
- --test-red-900: #6b1805;
511
- --test-red-1000: #4b0f03;
512
-
513
421
  /* ELEVATION TOKENS */
514
422
  --shadow-overflow: 0 0 0 0 #000000;
515
423
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/design-tokens",
3
- "version": "2.0.9",
3
+ "version": "2.0.10",
4
4
  "description": "Design tokens with CSS variables, Tailwind v4, and framework presets.",
5
5
  "type": "module",
6
6
  "main": "build/bcc/cdn/variables.css",
@@ -30,15 +30,15 @@
30
30
  "license": "MIT",
31
31
  "repository": {
32
32
  "type": "git",
33
- "url": "https://github.com/bcc-code/design-tokens.git"
33
+ "url": "https://github.com/bcc-code/bcc-tokens.git"
34
34
  },
35
- "homepage": "https://github.com/bcc-code/design-tokens#readme",
35
+ "homepage": "https://github.com/bcc-code/bcc-tokens#readme",
36
36
  "dependencies": {
37
37
  "@tokens-studio/sd-transforms": "^1.3.0",
38
38
  "style-dictionary": "^5.0.0"
39
39
  },
40
40
  "peerDependencies": {
41
- "@primevue/themes": "^4.0.0",
41
+ "@primeuix/themes": "^1.0.0",
42
42
  "primevue": "^4.0.0",
43
43
  "tailwindcss": "^4.0.0"
44
44
  },