@bcc-code/design-tokens 3.0.17 → 3.0.19

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 (14) hide show
  1. package/README.md +1 -59
  2. package/build/bcc/css/auto.css +38 -38
  3. package/build/bcc/css/dark.css +38 -38
  4. package/build/bcc/css/light.css +37 -37
  5. package/build/bcc/css/tailwind-auto.css +38 -38
  6. package/build/bcc/css/tailwind-dark.css +38 -38
  7. package/build/bcc/css/tailwind-light.css +37 -37
  8. package/build/bcc/js/dark.js +101 -101
  9. package/build/bcc/js/light.js +91 -91
  10. package/build/primevue/component-dark.js +1 -1
  11. package/build/primevue/primitive.js +59 -59
  12. package/build/primevue/semantic-dark.js +1 -1
  13. package/build/primevue/semantic-light.js +1 -1
  14. package/package.json +1 -2
package/README.md CHANGED
@@ -139,67 +139,9 @@ document.documentElement.classList.toggle('dark')
139
139
  </script>
140
140
  ```
141
141
 
142
- ## Development
143
-
144
- ```bash
145
- git clone https://github.com/bcc-code/bcc-tokens.git
146
- cd bcc-tokens
147
- npm install
148
- npm run build
149
- ```
150
-
151
- Run demo:
152
-
153
- ```bash
154
- cd demo
155
- npm install
156
- npm run dev
157
- ```
158
-
159
- Visit `http://localhost:5173`
160
-
161
- ## Project Structure
162
-
163
- ```
164
- tokens/ # Source tokens (Figma Token Studio)
165
- export-tokens/ # Build system
166
- config/ # PrimeVue preset
167
- build/bcc/ # Generated output
168
- demo/ # Demo application
169
- ```
170
-
171
- ## Publishing
172
-
173
- ### Stable Release (latest tag)
174
-
175
- Automated via GitHub Actions when you push a version tag:
176
-
177
- ```bash
178
- # Update version
179
- npm version patch # or minor/major
180
- git push
181
- git push --tags
182
- ```
183
-
184
- ### Pre-release (next tag)
185
-
186
- For testing before stable release:
187
-
188
- ```bash
189
- # Create pre-release version
190
- npm version prerelease --preid=next
191
- # Example: 3.0.14-next.0
192
-
193
- # Publish to next tag
194
- npm publish --tag next
195
-
196
- # Users can install with:
197
- # npm install @bcc-code/design-tokens@next
198
- ```
199
-
200
142
  ## Contributing
201
143
 
202
- See [CONTRIBUTING.md](CONTRIBUTING.md)
144
+ Contributions are welcome! See [CONTRIBUTING.md](CONTRIBUTING.md) for development setup, workflow, and publishing instructions.
203
145
 
204
146
  ## License
205
147
 
package/build/bcc/css/auto.css CHANGED
@@ -5,43 +5,43 @@
5
5
 
6
6
  :root {
7
7
  --color-neutral-0: #ffffff;
8
- --color-neutral-100: #f7f8f9;
9
- --color-neutral-200: #f1f2f4;
10
- --color-neutral-300: #dcdfe4;
11
- --color-neutral-400: #b3b9c4;
12
- --color-neutral-500: #8590a2;
13
- --color-neutral-600: #758195;
14
- --color-neutral-700: #626f86;
15
- --color-neutral-800: #44546f;
16
- --color-neutral-900: #2c3e5d;
17
- --color-neutral-1000: #172b4d;
18
- --color-neutral-1100: #091e42;
19
- --color-neutral-alpha-100-a: rgba(9, 30, 77, 0.03);
20
- --color-neutral-alpha-200-a: rgba(9, 30, 77, 0.06);
21
- --color-neutral-alpha-300-a: rgba(9, 30, 77, 0.14);
22
- --color-neutral-alpha-400-a: rgba(9, 30, 77, 0.32);
23
- --color-neutral-alpha-500-a: rgba(9, 30, 77, 0.5);
24
- --color-dark-neutral-0: #161a1d;
25
- --color-dark-neutral-100: #101214;
26
- --color-dark-neutral-200: #22272b;
27
- --color-dark-neutral-250: #282e33;
28
- --color-dark-neutral-300: #2c333a;
29
- --color-dark-neutral-350: #38414a;
30
- --color-dark-neutral-400: #454f59;
31
- --color-dark-neutral-500: #596773;
32
- --color-dark-neutral-600: #738496;
33
- --color-dark-neutral-700: #8c9bab;
34
- --color-dark-neutral-800: #9fadbc;
35
- --color-dark-neutral-900: #b6c2cf;
36
- --color-dark-neutral-1000: #c7d1db;
37
- --color-dark-neutral-1100: #dee4ea;
38
- --color-dark-neutral-alpha-100-a: rgba(0, 0, 0, 0.24);
39
- --color-dark-neutral-alpha-200-a: rgba(188, 214, 240, 0.08);
40
- --color-dark-neutral-alpha-250-a: rgba(188, 214, 240, 0.1);
41
- --color-dark-neutral-alpha-300-a: rgba(188, 214, 240, 0.16);
42
- --color-dark-neutral-alpha-350-a: rgba(188, 214, 240, 0.2);
43
- --color-dark-neutral-alpha-400-a: rgba(188, 214, 240, 0.28);
44
- --color-dark-neutral-alpha-500-a: rgba(188, 214, 240, 0.5);
8
+ --color-neutral-100: #f8f8f8;
9
+ --color-neutral-200: #f0f1f2;
10
+ --color-neutral-300: #dddee1;
11
+ --color-neutral-400: #b7b9be;
12
+ --color-neutral-500: #8c8f97;
13
+ --color-neutral-600: #7d818a;
14
+ --color-neutral-700: #6b6e76;
15
+ --color-neutral-800: #505258;
16
+ --color-neutral-900: #3b3d42;
17
+ --color-neutral-1000: #292a2e;
18
+ --color-neutral-1100: #1e1f21;
19
+ --color-neutral-alpha-100-a: rgba(23, 23, 23, 0.03);
20
+ --color-neutral-alpha-200-a: rgba(5, 21, 36, 0.06);
21
+ --color-neutral-alpha-300-a: rgba(11, 18, 14, 0.14);
22
+ --color-neutral-alpha-400-a: rgba(8, 15, 33, 0.29);
23
+ --color-neutral-alpha-500-a: rgba(5, 12, 31, 0.46);
24
+ --color-dark-neutral-0: #18191a;
25
+ --color-dark-neutral-100: #1f1f21;
26
+ --color-dark-neutral-200: #242528;
27
+ --color-dark-neutral-250: #2b2c2f;
28
+ --color-dark-neutral-300: #303134;
29
+ --color-dark-neutral-350: #3d3f43;
30
+ --color-dark-neutral-400: #4b4d51;
31
+ --color-dark-neutral-500: #63666b;
32
+ --color-dark-neutral-600: #7e8188;
33
+ --color-dark-neutral-700: #96999e;
34
+ --color-dark-neutral-800: #a9abaf;
35
+ --color-dark-neutral-900: #bfc1c4;
36
+ --color-dark-neutral-1000: #cecfd2;
37
+ --color-dark-neutral-1100: #e2e3e4;
38
+ --color-dark-neutral-alpha-100-a: rgba(189, 189, 189, 0.04);
39
+ --color-dark-neutral-alpha-200-a: rgba(206, 206, 217, 0.07);
40
+ --color-dark-neutral-alpha-250-a: rgba(217, 218, 231, 0.1);
41
+ --color-dark-neutral-alpha-300-a: rgba(227, 228, 242, 0.12);
42
+ --color-dark-neutral-alpha-350-a: rgba(232, 237, 253, 0.18);
43
+ --color-dark-neutral-alpha-400-a: rgba(229, 233, 246, 0.25);
44
+ --color-dark-neutral-alpha-500-a: rgba(233, 240, 251, 0.36);
45
45
  --color-blue-100: #f6fbff;
46
46
  --color-blue-200: #d9ecff;
47
47
  --color-blue-300: #a6cdfd;
@@ -530,7 +530,7 @@
530
530
  --color-blanket-danger: rgba(227, 73, 53, 0.08);
531
531
  --color-interaction-hovered: rgba(255, 255, 255, 0.2);
532
532
  --color-interaction-pressed: rgba(255, 255, 255, 0.36);
533
- --color-text-default: var(--color-dark-neutral-900);
533
+ --color-text-default: var(--color-dark-neutral-1100);
534
534
  --color-text-subtle: var(--color-dark-neutral-800);
535
535
  --color-text-subtlest: var(--color-dark-neutral-700);
536
536
  --color-text-disabled: var(--color-dark-neutral-alpha-400-a);
package/build/bcc/css/dark.css CHANGED
@@ -6,43 +6,43 @@
6
6
  @media (prefers-color-scheme: dark) {
7
7
  :root {
8
8
  --color-neutral-0: #ffffff;
9
- --color-neutral-100: #f7f8f9;
10
- --color-neutral-200: #f1f2f4;
11
- --color-neutral-300: #dcdfe4;
12
- --color-neutral-400: #b3b9c4;
13
- --color-neutral-500: #8590a2;
14
- --color-neutral-600: #758195;
15
- --color-neutral-700: #626f86;
16
- --color-neutral-800: #44546f;
17
- --color-neutral-900: #2c3e5d;
18
- --color-neutral-1000: #172b4d;
19
- --color-neutral-1100: #091e42;
20
- --color-neutral-alpha-100-a: rgba(9, 30, 77, 0.03);
21
- --color-neutral-alpha-200-a: rgba(9, 30, 77, 0.06);
22
- --color-neutral-alpha-300-a: rgba(9, 30, 77, 0.14);
23
- --color-neutral-alpha-400-a: rgba(9, 30, 77, 0.32);
24
- --color-neutral-alpha-500-a: rgba(9, 30, 77, 0.5);
25
- --color-dark-neutral-0: #161a1d;
26
- --color-dark-neutral-100: #101214;
27
- --color-dark-neutral-200: #22272b;
28
- --color-dark-neutral-250: #282e33;
29
- --color-dark-neutral-300: #2c333a;
30
- --color-dark-neutral-350: #38414a;
31
- --color-dark-neutral-400: #454f59;
32
- --color-dark-neutral-500: #596773;
33
- --color-dark-neutral-600: #738496;
34
- --color-dark-neutral-700: #8c9bab;
35
- --color-dark-neutral-800: #9fadbc;
36
- --color-dark-neutral-900: #b6c2cf;
37
- --color-dark-neutral-1000: #c7d1db;
38
- --color-dark-neutral-1100: #dee4ea;
39
- --color-dark-neutral-alpha-100-a: rgba(0, 0, 0, 0.24);
40
- --color-dark-neutral-alpha-200-a: rgba(188, 214, 240, 0.08);
41
- --color-dark-neutral-alpha-250-a: rgba(188, 214, 240, 0.1);
42
- --color-dark-neutral-alpha-300-a: rgba(188, 214, 240, 0.16);
43
- --color-dark-neutral-alpha-350-a: rgba(188, 214, 240, 0.2);
44
- --color-dark-neutral-alpha-400-a: rgba(188, 214, 240, 0.28);
45
- --color-dark-neutral-alpha-500-a: rgba(188, 214, 240, 0.5);
9
+ --color-neutral-100: #f8f8f8;
10
+ --color-neutral-200: #f0f1f2;
11
+ --color-neutral-300: #dddee1;
12
+ --color-neutral-400: #b7b9be;
13
+ --color-neutral-500: #8c8f97;
14
+ --color-neutral-600: #7d818a;
15
+ --color-neutral-700: #6b6e76;
16
+ --color-neutral-800: #505258;
17
+ --color-neutral-900: #3b3d42;
18
+ --color-neutral-1000: #292a2e;
19
+ --color-neutral-1100: #1e1f21;
20
+ --color-neutral-alpha-100-a: rgba(23, 23, 23, 0.03);
21
+ --color-neutral-alpha-200-a: rgba(5, 21, 36, 0.06);
22
+ --color-neutral-alpha-300-a: rgba(11, 18, 14, 0.14);
23
+ --color-neutral-alpha-400-a: rgba(8, 15, 33, 0.29);
24
+ --color-neutral-alpha-500-a: rgba(5, 12, 31, 0.46);
25
+ --color-dark-neutral-0: #18191a;
26
+ --color-dark-neutral-100: #1f1f21;
27
+ --color-dark-neutral-200: #242528;
28
+ --color-dark-neutral-250: #2b2c2f;
29
+ --color-dark-neutral-300: #303134;
30
+ --color-dark-neutral-350: #3d3f43;
31
+ --color-dark-neutral-400: #4b4d51;
32
+ --color-dark-neutral-500: #63666b;
33
+ --color-dark-neutral-600: #7e8188;
34
+ --color-dark-neutral-700: #96999e;
35
+ --color-dark-neutral-800: #a9abaf;
36
+ --color-dark-neutral-900: #bfc1c4;
37
+ --color-dark-neutral-1000: #cecfd2;
38
+ --color-dark-neutral-1100: #e2e3e4;
39
+ --color-dark-neutral-alpha-100-a: rgba(189, 189, 189, 0.04);
40
+ --color-dark-neutral-alpha-200-a: rgba(206, 206, 217, 0.07);
41
+ --color-dark-neutral-alpha-250-a: rgba(217, 218, 231, 0.1);
42
+ --color-dark-neutral-alpha-300-a: rgba(227, 228, 242, 0.12);
43
+ --color-dark-neutral-alpha-350-a: rgba(232, 237, 253, 0.18);
44
+ --color-dark-neutral-alpha-400-a: rgba(229, 233, 246, 0.25);
45
+ --color-dark-neutral-alpha-500-a: rgba(233, 240, 251, 0.36);
46
46
  --color-blue-100: #f6fbff;
47
47
  --color-blue-200: #d9ecff;
48
48
  --color-blue-300: #a6cdfd;
@@ -215,7 +215,7 @@
215
215
  --elevation-shadow-overlow: 0 0 8px 0 rgba(30,31,33,0.16), 0 0 1px 0 rgba(30,31,33,0.12);
216
216
  --elevation-shadow-overlay: 0 8px 12px 0 rgba(30,31,33,0.15), 0 0 1px 0 rgba(30,31,33,0.31);
217
217
  --elevation-shadow-raised: 0 1px 1px 0 rgba(30,31,33,0.25), 0 0 1px 0 rgba(30,31,33,0.31);
218
- --color-text-default: var(--color-dark-neutral-900);
218
+ --color-text-default: var(--color-dark-neutral-1100);
219
219
  --color-text-subtle: var(--color-dark-neutral-800);
220
220
  --color-text-subtlest: var(--color-dark-neutral-700);
221
221
  --color-text-disabled: var(--color-dark-neutral-alpha-400-a);
package/build/bcc/css/light.css CHANGED
@@ -5,43 +5,43 @@
5
5
 
6
6
  :root {
7
7
  --color-neutral-0: #ffffff;
8
- --color-neutral-100: #f7f8f9;
9
- --color-neutral-200: #f1f2f4;
10
- --color-neutral-300: #dcdfe4;
11
- --color-neutral-400: #b3b9c4;
12
- --color-neutral-500: #8590a2;
13
- --color-neutral-600: #758195;
14
- --color-neutral-700: #626f86;
15
- --color-neutral-800: #44546f;
16
- --color-neutral-900: #2c3e5d;
17
- --color-neutral-1000: #172b4d;
18
- --color-neutral-1100: #091e42;
19
- --color-neutral-alpha-100-a: rgba(9, 30, 77, 0.03);
20
- --color-neutral-alpha-200-a: rgba(9, 30, 77, 0.06);
21
- --color-neutral-alpha-300-a: rgba(9, 30, 77, 0.14);
22
- --color-neutral-alpha-400-a: rgba(9, 30, 77, 0.32);
23
- --color-neutral-alpha-500-a: rgba(9, 30, 77, 0.5);
24
- --color-dark-neutral-0: #161a1d;
25
- --color-dark-neutral-100: #101214;
26
- --color-dark-neutral-200: #22272b;
27
- --color-dark-neutral-250: #282e33;
28
- --color-dark-neutral-300: #2c333a;
29
- --color-dark-neutral-350: #38414a;
30
- --color-dark-neutral-400: #454f59;
31
- --color-dark-neutral-500: #596773;
32
- --color-dark-neutral-600: #738496;
33
- --color-dark-neutral-700: #8c9bab;
34
- --color-dark-neutral-800: #9fadbc;
35
- --color-dark-neutral-900: #b6c2cf;
36
- --color-dark-neutral-1000: #c7d1db;
37
- --color-dark-neutral-1100: #dee4ea;
38
- --color-dark-neutral-alpha-100-a: rgba(0, 0, 0, 0.24);
39
- --color-dark-neutral-alpha-200-a: rgba(188, 214, 240, 0.08);
40
- --color-dark-neutral-alpha-250-a: rgba(188, 214, 240, 0.1);
41
- --color-dark-neutral-alpha-300-a: rgba(188, 214, 240, 0.16);
42
- --color-dark-neutral-alpha-350-a: rgba(188, 214, 240, 0.2);
43
- --color-dark-neutral-alpha-400-a: rgba(188, 214, 240, 0.28);
44
- --color-dark-neutral-alpha-500-a: rgba(188, 214, 240, 0.5);
8
+ --color-neutral-100: #f8f8f8;
9
+ --color-neutral-200: #f0f1f2;
10
+ --color-neutral-300: #dddee1;
11
+ --color-neutral-400: #b7b9be;
12
+ --color-neutral-500: #8c8f97;
13
+ --color-neutral-600: #7d818a;
14
+ --color-neutral-700: #6b6e76;
15
+ --color-neutral-800: #505258;
16
+ --color-neutral-900: #3b3d42;
17
+ --color-neutral-1000: #292a2e;
18
+ --color-neutral-1100: #1e1f21;
19
+ --color-neutral-alpha-100-a: rgba(23, 23, 23, 0.03);
20
+ --color-neutral-alpha-200-a: rgba(5, 21, 36, 0.06);
21
+ --color-neutral-alpha-300-a: rgba(11, 18, 14, 0.14);
22
+ --color-neutral-alpha-400-a: rgba(8, 15, 33, 0.29);
23
+ --color-neutral-alpha-500-a: rgba(5, 12, 31, 0.46);
24
+ --color-dark-neutral-0: #18191a;
25
+ --color-dark-neutral-100: #1f1f21;
26
+ --color-dark-neutral-200: #242528;
27
+ --color-dark-neutral-250: #2b2c2f;
28
+ --color-dark-neutral-300: #303134;
29
+ --color-dark-neutral-350: #3d3f43;
30
+ --color-dark-neutral-400: #4b4d51;
31
+ --color-dark-neutral-500: #63666b;
32
+ --color-dark-neutral-600: #7e8188;
33
+ --color-dark-neutral-700: #96999e;
34
+ --color-dark-neutral-800: #a9abaf;
35
+ --color-dark-neutral-900: #bfc1c4;
36
+ --color-dark-neutral-1000: #cecfd2;
37
+ --color-dark-neutral-1100: #e2e3e4;
38
+ --color-dark-neutral-alpha-100-a: rgba(189, 189, 189, 0.04);
39
+ --color-dark-neutral-alpha-200-a: rgba(206, 206, 217, 0.07);
40
+ --color-dark-neutral-alpha-250-a: rgba(217, 218, 231, 0.1);
41
+ --color-dark-neutral-alpha-300-a: rgba(227, 228, 242, 0.12);
42
+ --color-dark-neutral-alpha-350-a: rgba(232, 237, 253, 0.18);
43
+ --color-dark-neutral-alpha-400-a: rgba(229, 233, 246, 0.25);
44
+ --color-dark-neutral-alpha-500-a: rgba(233, 240, 251, 0.36);
45
45
  --color-blue-100: #f6fbff;
46
46
  --color-blue-200: #d9ecff;
47
47
  --color-blue-300: #a6cdfd;
package/build/bcc/css/tailwind-auto.css CHANGED
@@ -7,43 +7,43 @@
7
7
 
8
8
  @theme {
9
9
  --color-neutral-0: #ffffff;
10
- --color-neutral-100: #f7f8f9;
11
- --color-neutral-200: #f1f2f4;
12
- --color-neutral-300: #dcdfe4;
13
- --color-neutral-400: #b3b9c4;
14
- --color-neutral-500: #8590a2;
15
- --color-neutral-600: #758195;
16
- --color-neutral-700: #626f86;
17
- --color-neutral-800: #44546f;
18
- --color-neutral-900: #2c3e5d;
19
- --color-neutral-1000: #172b4d;
20
- --color-neutral-1100: #091e42;
21
- --color-neutral-alpha-100-a: rgba(9, 30, 77, 0.03);
22
- --color-neutral-alpha-200-a: rgba(9, 30, 77, 0.06);
23
- --color-neutral-alpha-300-a: rgba(9, 30, 77, 0.14);
24
- --color-neutral-alpha-400-a: rgba(9, 30, 77, 0.32);
25
- --color-neutral-alpha-500-a: rgba(9, 30, 77, 0.5);
26
- --color-dark-neutral-0: #161a1d;
27
- --color-dark-neutral-100: #101214;
28
- --color-dark-neutral-200: #22272b;
29
- --color-dark-neutral-250: #282e33;
30
- --color-dark-neutral-300: #2c333a;
31
- --color-dark-neutral-350: #38414a;
32
- --color-dark-neutral-400: #454f59;
33
- --color-dark-neutral-500: #596773;
34
- --color-dark-neutral-600: #738496;
35
- --color-dark-neutral-700: #8c9bab;
36
- --color-dark-neutral-800: #9fadbc;
37
- --color-dark-neutral-900: #b6c2cf;
38
- --color-dark-neutral-1000: #c7d1db;
39
- --color-dark-neutral-1100: #dee4ea;
40
- --color-dark-neutral-alpha-100-a: rgba(0, 0, 0, 0.24);
41
- --color-dark-neutral-alpha-200-a: rgba(188, 214, 240, 0.08);
42
- --color-dark-neutral-alpha-250-a: rgba(188, 214, 240, 0.1);
43
- --color-dark-neutral-alpha-300-a: rgba(188, 214, 240, 0.16);
44
- --color-dark-neutral-alpha-350-a: rgba(188, 214, 240, 0.2);
45
- --color-dark-neutral-alpha-400-a: rgba(188, 214, 240, 0.28);
46
- --color-dark-neutral-alpha-500-a: rgba(188, 214, 240, 0.5);
10
+ --color-neutral-100: #f8f8f8;
11
+ --color-neutral-200: #f0f1f2;
12
+ --color-neutral-300: #dddee1;
13
+ --color-neutral-400: #b7b9be;
14
+ --color-neutral-500: #8c8f97;
15
+ --color-neutral-600: #7d818a;
16
+ --color-neutral-700: #6b6e76;
17
+ --color-neutral-800: #505258;
18
+ --color-neutral-900: #3b3d42;
19
+ --color-neutral-1000: #292a2e;
20
+ --color-neutral-1100: #1e1f21;
21
+ --color-neutral-alpha-100-a: rgba(23, 23, 23, 0.03);
22
+ --color-neutral-alpha-200-a: rgba(5, 21, 36, 0.06);
23
+ --color-neutral-alpha-300-a: rgba(11, 18, 14, 0.14);
24
+ --color-neutral-alpha-400-a: rgba(8, 15, 33, 0.29);
25
+ --color-neutral-alpha-500-a: rgba(5, 12, 31, 0.46);
26
+ --color-dark-neutral-0: #18191a;
27
+ --color-dark-neutral-100: #1f1f21;
28
+ --color-dark-neutral-200: #242528;
29
+ --color-dark-neutral-250: #2b2c2f;
30
+ --color-dark-neutral-300: #303134;
31
+ --color-dark-neutral-350: #3d3f43;
32
+ --color-dark-neutral-400: #4b4d51;
33
+ --color-dark-neutral-500: #63666b;
34
+ --color-dark-neutral-600: #7e8188;
35
+ --color-dark-neutral-700: #96999e;
36
+ --color-dark-neutral-800: #a9abaf;
37
+ --color-dark-neutral-900: #bfc1c4;
38
+ --color-dark-neutral-1000: #cecfd2;
39
+ --color-dark-neutral-1100: #e2e3e4;
40
+ --color-dark-neutral-alpha-100-a: rgba(189, 189, 189, 0.04);
41
+ --color-dark-neutral-alpha-200-a: rgba(206, 206, 217, 0.07);
42
+ --color-dark-neutral-alpha-250-a: rgba(217, 218, 231, 0.1);
43
+ --color-dark-neutral-alpha-300-a: rgba(227, 228, 242, 0.12);
44
+ --color-dark-neutral-alpha-350-a: rgba(232, 237, 253, 0.18);
45
+ --color-dark-neutral-alpha-400-a: rgba(229, 233, 246, 0.25);
46
+ --color-dark-neutral-alpha-500-a: rgba(233, 240, 251, 0.36);
47
47
  --color-blue-100: #f6fbff;
48
48
  --color-blue-200: #d9ecff;
49
49
  --color-blue-300: #a6cdfd;
@@ -533,7 +533,7 @@
533
533
  --color-blanket-danger: rgba(227, 73, 53, 0.08);
534
534
  --color-interaction-hovered: rgba(255, 255, 255, 0.2);
535
535
  --color-interaction-pressed: rgba(255, 255, 255, 0.36);
536
- --color-text-default: var(--color-dark-neutral-900);
536
+ --color-text-default: var(--color-dark-neutral-1100);
537
537
  --color-text-subtle: var(--color-dark-neutral-800);
538
538
  --color-text-subtlest: var(--color-dark-neutral-700);
539
539
  --color-text-disabled: var(--color-dark-neutral-alpha-400-a);
package/build/bcc/css/tailwind-dark.css CHANGED
@@ -5,43 +5,43 @@
5
5
 
6
6
  @theme {
7
7
  --color-neutral-0: #ffffff;
8
- --color-neutral-100: #f7f8f9;
9
- --color-neutral-200: #f1f2f4;
10
- --color-neutral-300: #dcdfe4;
11
- --color-neutral-400: #b3b9c4;
12
- --color-neutral-500: #8590a2;
13
- --color-neutral-600: #758195;
14
- --color-neutral-700: #626f86;
15
- --color-neutral-800: #44546f;
16
- --color-neutral-900: #2c3e5d;
17
- --color-neutral-1000: #172b4d;
18
- --color-neutral-1100: #091e42;
19
- --color-neutral-alpha-100-a: rgba(9, 30, 77, 0.03);
20
- --color-neutral-alpha-200-a: rgba(9, 30, 77, 0.06);
21
- --color-neutral-alpha-300-a: rgba(9, 30, 77, 0.14);
22
- --color-neutral-alpha-400-a: rgba(9, 30, 77, 0.32);
23
- --color-neutral-alpha-500-a: rgba(9, 30, 77, 0.5);
24
- --color-dark-neutral-0: #161a1d;
25
- --color-dark-neutral-100: #101214;
26
- --color-dark-neutral-200: #22272b;
27
- --color-dark-neutral-250: #282e33;
28
- --color-dark-neutral-300: #2c333a;
29
- --color-dark-neutral-350: #38414a;
30
- --color-dark-neutral-400: #454f59;
31
- --color-dark-neutral-500: #596773;
32
- --color-dark-neutral-600: #738496;
33
- --color-dark-neutral-700: #8c9bab;
34
- --color-dark-neutral-800: #9fadbc;
35
- --color-dark-neutral-900: #b6c2cf;
36
- --color-dark-neutral-1000: #c7d1db;
37
- --color-dark-neutral-1100: #dee4ea;
38
- --color-dark-neutral-alpha-100-a: rgba(0, 0, 0, 0.24);
39
- --color-dark-neutral-alpha-200-a: rgba(188, 214, 240, 0.08);
40
- --color-dark-neutral-alpha-250-a: rgba(188, 214, 240, 0.1);
41
- --color-dark-neutral-alpha-300-a: rgba(188, 214, 240, 0.16);
42
- --color-dark-neutral-alpha-350-a: rgba(188, 214, 240, 0.2);
43
- --color-dark-neutral-alpha-400-a: rgba(188, 214, 240, 0.28);
44
- --color-dark-neutral-alpha-500-a: rgba(188, 214, 240, 0.5);
8
+ --color-neutral-100: #f8f8f8;
9
+ --color-neutral-200: #f0f1f2;
10
+ --color-neutral-300: #dddee1;
11
+ --color-neutral-400: #b7b9be;
12
+ --color-neutral-500: #8c8f97;
13
+ --color-neutral-600: #7d818a;
14
+ --color-neutral-700: #6b6e76;
15
+ --color-neutral-800: #505258;
16
+ --color-neutral-900: #3b3d42;
17
+ --color-neutral-1000: #292a2e;
18
+ --color-neutral-1100: #1e1f21;
19
+ --color-neutral-alpha-100-a: rgba(23, 23, 23, 0.03);
20
+ --color-neutral-alpha-200-a: rgba(5, 21, 36, 0.06);
21
+ --color-neutral-alpha-300-a: rgba(11, 18, 14, 0.14);
22
+ --color-neutral-alpha-400-a: rgba(8, 15, 33, 0.29);
23
+ --color-neutral-alpha-500-a: rgba(5, 12, 31, 0.46);
24
+ --color-dark-neutral-0: #18191a;
25
+ --color-dark-neutral-100: #1f1f21;
26
+ --color-dark-neutral-200: #242528;
27
+ --color-dark-neutral-250: #2b2c2f;
28
+ --color-dark-neutral-300: #303134;
29
+ --color-dark-neutral-350: #3d3f43;
30
+ --color-dark-neutral-400: #4b4d51;
31
+ --color-dark-neutral-500: #63666b;
32
+ --color-dark-neutral-600: #7e8188;
33
+ --color-dark-neutral-700: #96999e;
34
+ --color-dark-neutral-800: #a9abaf;
35
+ --color-dark-neutral-900: #bfc1c4;
36
+ --color-dark-neutral-1000: #cecfd2;
37
+ --color-dark-neutral-1100: #e2e3e4;
38
+ --color-dark-neutral-alpha-100-a: rgba(189, 189, 189, 0.04);
39
+ --color-dark-neutral-alpha-200-a: rgba(206, 206, 217, 0.07);
40
+ --color-dark-neutral-alpha-250-a: rgba(217, 218, 231, 0.1);
41
+ --color-dark-neutral-alpha-300-a: rgba(227, 228, 242, 0.12);
42
+ --color-dark-neutral-alpha-350-a: rgba(232, 237, 253, 0.18);
43
+ --color-dark-neutral-alpha-400-a: rgba(229, 233, 246, 0.25);
44
+ --color-dark-neutral-alpha-500-a: rgba(233, 240, 251, 0.36);
45
45
  --color-blue-100: #f6fbff;
46
46
  --color-blue-200: #d9ecff;
47
47
  --color-blue-300: #a6cdfd;
@@ -215,7 +215,7 @@
215
215
  --shadow-overlow: 0 0 8px 0 rgba(30,31,33,0.16), 0 0 1px 0 rgba(30,31,33,0.12);
216
216
  --shadow-overlay: 0 8px 12px 0 rgba(30,31,33,0.15), 0 0 1px 0 rgba(30,31,33,0.31);
217
217
  --shadow-raised: 0 1px 1px 0 rgba(30,31,33,0.25), 0 0 1px 0 rgba(30,31,33,0.31);
218
- --color-text-default: var(--color-dark-neutral-900);
218
+ --color-text-default: var(--color-dark-neutral-1100);
219
219
  --color-text-subtle: var(--color-dark-neutral-800);
220
220
  --color-text-subtlest: var(--color-dark-neutral-700);
221
221
  --color-text-disabled: var(--color-dark-neutral-alpha-400-a);
package/build/bcc/css/tailwind-light.css CHANGED
@@ -5,43 +5,43 @@
5
5
 
6
6
  @theme {
7
7
  --color-neutral-0: #ffffff;
8
- --color-neutral-100: #f7f8f9;
9
- --color-neutral-200: #f1f2f4;
10
- --color-neutral-300: #dcdfe4;
11
- --color-neutral-400: #b3b9c4;
12
- --color-neutral-500: #8590a2;
13
- --color-neutral-600: #758195;
14
- --color-neutral-700: #626f86;
15
- --color-neutral-800: #44546f;
16
- --color-neutral-900: #2c3e5d;
17
- --color-neutral-1000: #172b4d;
18
- --color-neutral-1100: #091e42;
19
- --color-neutral-alpha-100-a: rgba(9, 30, 77, 0.03);
20
- --color-neutral-alpha-200-a: rgba(9, 30, 77, 0.06);
21
- --color-neutral-alpha-300-a: rgba(9, 30, 77, 0.14);
22
- --color-neutral-alpha-400-a: rgba(9, 30, 77, 0.32);
23
- --color-neutral-alpha-500-a: rgba(9, 30, 77, 0.5);
24
- --color-dark-neutral-0: #161a1d;
25
- --color-dark-neutral-100: #101214;
26
- --color-dark-neutral-200: #22272b;
27
- --color-dark-neutral-250: #282e33;
28
- --color-dark-neutral-300: #2c333a;
29
- --color-dark-neutral-350: #38414a;
30
- --color-dark-neutral-400: #454f59;
31
- --color-dark-neutral-500: #596773;
32
- --color-dark-neutral-600: #738496;
33
- --color-dark-neutral-700: #8c9bab;
34
- --color-dark-neutral-800: #9fadbc;
35
- --color-dark-neutral-900: #b6c2cf;
36
- --color-dark-neutral-1000: #c7d1db;
37
- --color-dark-neutral-1100: #dee4ea;
38
- --color-dark-neutral-alpha-100-a: rgba(0, 0, 0, 0.24);
39
- --color-dark-neutral-alpha-200-a: rgba(188, 214, 240, 0.08);
40
- --color-dark-neutral-alpha-250-a: rgba(188, 214, 240, 0.1);
41
- --color-dark-neutral-alpha-300-a: rgba(188, 214, 240, 0.16);
42
- --color-dark-neutral-alpha-350-a: rgba(188, 214, 240, 0.2);
43
- --color-dark-neutral-alpha-400-a: rgba(188, 214, 240, 0.28);
44
- --color-dark-neutral-alpha-500-a: rgba(188, 214, 240, 0.5);
8
+ --color-neutral-100: #f8f8f8;
9
+ --color-neutral-200: #f0f1f2;
10
+ --color-neutral-300: #dddee1;
11
+ --color-neutral-400: #b7b9be;
12
+ --color-neutral-500: #8c8f97;
13
+ --color-neutral-600: #7d818a;
14
+ --color-neutral-700: #6b6e76;
15
+ --color-neutral-800: #505258;
16
+ --color-neutral-900: #3b3d42;
17
+ --color-neutral-1000: #292a2e;
18
+ --color-neutral-1100: #1e1f21;
19
+ --color-neutral-alpha-100-a: rgba(23, 23, 23, 0.03);
20
+ --color-neutral-alpha-200-a: rgba(5, 21, 36, 0.06);
21
+ --color-neutral-alpha-300-a: rgba(11, 18, 14, 0.14);
22
+ --color-neutral-alpha-400-a: rgba(8, 15, 33, 0.29);
23
+ --color-neutral-alpha-500-a: rgba(5, 12, 31, 0.46);
24
+ --color-dark-neutral-0: #18191a;
25
+ --color-dark-neutral-100: #1f1f21;
26
+ --color-dark-neutral-200: #242528;
27
+ --color-dark-neutral-250: #2b2c2f;
28
+ --color-dark-neutral-300: #303134;
29
+ --color-dark-neutral-350: #3d3f43;
30
+ --color-dark-neutral-400: #4b4d51;
31
+ --color-dark-neutral-500: #63666b;
32
+ --color-dark-neutral-600: #7e8188;
33
+ --color-dark-neutral-700: #96999e;
34
+ --color-dark-neutral-800: #a9abaf;
35
+ --color-dark-neutral-900: #bfc1c4;
36
+ --color-dark-neutral-1000: #cecfd2;
37
+ --color-dark-neutral-1100: #e2e3e4;
38
+ --color-dark-neutral-alpha-100-a: rgba(189, 189, 189, 0.04);
39
+ --color-dark-neutral-alpha-200-a: rgba(206, 206, 217, 0.07);
40
+ --color-dark-neutral-alpha-250-a: rgba(217, 218, 231, 0.1);
41
+ --color-dark-neutral-alpha-300-a: rgba(227, 228, 242, 0.12);
42
+ --color-dark-neutral-alpha-350-a: rgba(232, 237, 253, 0.18);
43
+ --color-dark-neutral-alpha-400-a: rgba(229, 233, 246, 0.25);
44
+ --color-dark-neutral-alpha-500-a: rgba(233, 240, 251, 0.36);
45
45
  --color-blue-100: #f6fbff;
46
46
  --color-blue-200: #d9ecff;
47
47
  --color-blue-300: #a6cdfd;