@channel.io/bezier-tokens 0.3.3-beta.6 → 0.3.3-beta.7

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 (20) hide show
  1. package/dist/beta/cjs/darkTheme.js +37 -33
  2. package/dist/beta/cjs/global.js +13 -12
  3. package/dist/beta/cjs/lightTheme.js +4 -0
  4. package/dist/beta/css/styles.css +38 -29
  5. package/dist/beta/esm/darkTheme.mjs +37 -33
  6. package/dist/beta/esm/global.mjs +13 -12
  7. package/dist/beta/esm/lightTheme.mjs +4 -0
  8. package/dist/beta/scss/dark-theme.scss +25 -19
  9. package/dist/beta/scss/global.scss +14 -12
  10. package/dist/beta/scss/light-theme.scss +7 -1
  11. package/dist/types/beta/cjs/darkTheme.d.ts +49 -35
  12. package/dist/types/beta/cjs/global.d.ts +15 -12
  13. package/dist/types/beta/cjs/index.d.ts +78 -47
  14. package/dist/types/beta/cjs/lightTheme.d.ts +14 -0
  15. package/dist/types/beta/esm/darkTheme.d.mts +49 -35
  16. package/dist/types/beta/esm/global.d.mts +15 -12
  17. package/dist/types/beta/esm/index.d.mts +78 -47
  18. package/dist/types/beta/esm/index.d.mts.map +1 -1
  19. package/dist/types/beta/esm/lightTheme.d.mts +14 -0
  20. package/package.json +1 -1
package/dist/types/beta/esm/darkTheme.d.mts CHANGED
@@ -31,15 +31,15 @@ declare const _default: Readonly<{
31
31
  ref: "0 dimension-1 0 0 color-border-neutral";
32
32
  }>;
33
33
  "border-white-high": Readonly<{
34
- value: "0 0 0 1px #2a2a2dff";
34
+ value: "0 0 0 1px #242426ff";
35
35
  ref: "0 0 0 dimension-1 color-surface-high";
36
36
  }>;
37
37
  "border-white-higher": Readonly<{
38
- value: "0 0 0 1px #303035ff";
38
+ value: "0 0 0 1px #29292dff";
39
39
  ref: "0 0 0 dimension-1 color-surface-higher";
40
40
  }>;
41
41
  "border-white-highest": Readonly<{
42
- value: "0 0 0 1px #37373cff";
42
+ value: "0 0 0 1px #313135ff";
43
43
  ref: "0 0 0 dimension-1 color-surface-highest";
44
44
  }>;
45
45
  }>;
@@ -556,6 +556,13 @@ declare const _default: Readonly<{
556
556
  "color-text-absolute-black-hovered": Readonly<{
557
557
  value: "#0a0a0aff";
558
558
  }>;
559
+ "color-text-inverse": Readonly<{
560
+ value: "#000000d9";
561
+ ref: "color-black-85";
562
+ }>;
563
+ "color-text-inverse-hovered": Readonly<{
564
+ value: "#0a0a0ad9";
565
+ }>;
559
566
  "color-icon-action": Readonly<{
560
567
  value: "#6b6effff";
561
568
  ref: "color-blue-300";
@@ -703,6 +710,13 @@ declare const _default: Readonly<{
703
710
  "color-icon-absolute-black-hovered": Readonly<{
704
711
  value: "#0a0a0aff";
705
712
  }>;
713
+ "color-icon-inverse-heavier": Readonly<{
714
+ value: "#000000d9";
715
+ ref: "color-black-85";
716
+ }>;
717
+ "color-icon-inverse-heavier-hovered": Readonly<{
718
+ value: "#0a0a0ad9";
719
+ }>;
706
720
  "color-fill-neutral-heaviest": Readonly<{
707
721
  value: "#ffffffe6";
708
722
  ref: "color-white-90";
@@ -893,25 +907,25 @@ declare const _default: Readonly<{
893
907
  value: "#f260601a";
894
908
  }>;
895
909
  "color-fill-grey": Readonly<{
896
- value: "#2a2a2dff";
910
+ value: "#242426ff";
897
911
  ref: "color-grey-850";
898
912
  }>;
899
913
  "color-fill-grey-hovered": Readonly<{
900
- value: "#343438ff";
914
+ value: "#2e2e31ff";
901
915
  }>;
902
916
  "color-fill-grey-heavy": Readonly<{
903
- value: "#303035ff";
917
+ value: "#29292dff";
904
918
  ref: "color-grey-800";
905
919
  }>;
906
920
  "color-fill-grey-heavy-hovered": Readonly<{
907
- value: "#3a3a40ff";
921
+ value: "#333338ff";
908
922
  }>;
909
923
  "color-fill-grey-heavier": Readonly<{
910
- value: "#37373cff";
924
+ value: "#313135ff";
911
925
  ref: "color-grey-750";
912
926
  }>;
913
927
  "color-fill-grey-heavier-hovered": Readonly<{
914
- value: "#414147ff";
928
+ value: "#3b3b40ff";
915
929
  }>;
916
930
  "color-fill-accent-blue": Readonly<{
917
931
  value: "#6b6eff2e";
@@ -1285,32 +1299,32 @@ declare const _default: Readonly<{
1285
1299
  value: "#ededed66";
1286
1300
  }>;
1287
1301
  "color-border-detach": Readonly<{
1288
- value: "#242428ff";
1302
+ value: "#1d1d20ff";
1289
1303
  ref: "color-grey-900";
1290
1304
  }>;
1291
1305
  "color-border-detach-hovered": Readonly<{
1292
- value: "#2e2e33ff";
1306
+ value: "#27272bff";
1293
1307
  }>;
1294
1308
  "color-border-detach-highest": Readonly<{
1295
- value: "#454549ff";
1296
- ref: "color-grey-700";
1309
+ value: "#313135ff";
1310
+ ref: "color-grey-750";
1297
1311
  }>;
1298
1312
  "color-border-detach-highest-hovered": Readonly<{
1299
- value: "#4f4f54ff";
1313
+ value: "#3b3b40ff";
1300
1314
  }>;
1301
1315
  "color-border-detach-higher": Readonly<{
1302
- value: "#303035ff";
1316
+ value: "#29292dff";
1303
1317
  ref: "color-grey-800";
1304
1318
  }>;
1305
1319
  "color-border-detach-higher-hovered": Readonly<{
1306
- value: "#3a3a40ff";
1320
+ value: "#333338ff";
1307
1321
  }>;
1308
1322
  "color-border-detach-high": Readonly<{
1309
- value: "#2a2a2dff";
1323
+ value: "#242426ff";
1310
1324
  ref: "color-grey-850";
1311
1325
  }>;
1312
1326
  "color-border-detach-high-hovered": Readonly<{
1313
- value: "#343438ff";
1327
+ value: "#2e2e31ff";
1314
1328
  }>;
1315
1329
  "color-border-detach-low": Readonly<{
1316
1330
  value: "#1a1a1cff";
@@ -1327,32 +1341,32 @@ declare const _default: Readonly<{
1327
1341
  value: "#edededff";
1328
1342
  }>;
1329
1343
  "color-surface": Readonly<{
1330
- value: "#242428ff";
1344
+ value: "#1d1d20ff";
1331
1345
  ref: "color-grey-900";
1332
1346
  }>;
1333
1347
  "color-surface-hovered": Readonly<{
1334
- value: "#2e2e33ff";
1348
+ value: "#27272bff";
1335
1349
  }>;
1336
1350
  "color-surface-highest": Readonly<{
1337
- value: "#37373cff";
1351
+ value: "#313135ff";
1338
1352
  ref: "color-grey-750";
1339
1353
  }>;
1340
1354
  "color-surface-highest-hovered": Readonly<{
1341
- value: "#414147ff";
1355
+ value: "#3b3b40ff";
1342
1356
  }>;
1343
1357
  "color-surface-higher": Readonly<{
1344
- value: "#303035ff";
1358
+ value: "#29292dff";
1345
1359
  ref: "color-grey-800";
1346
1360
  }>;
1347
1361
  "color-surface-higher-hovered": Readonly<{
1348
- value: "#3a3a40ff";
1362
+ value: "#333338ff";
1349
1363
  }>;
1350
1364
  "color-surface-high": Readonly<{
1351
- value: "#2a2a2dff";
1365
+ value: "#242426ff";
1352
1366
  ref: "color-grey-850";
1353
1367
  }>;
1354
1368
  "color-surface-high-hovered": Readonly<{
1355
- value: "#343438ff";
1369
+ value: "#2e2e31ff";
1356
1370
  }>;
1357
1371
  "color-surface-low": Readonly<{
1358
1372
  value: "#1a1a1cff";
@@ -1362,32 +1376,32 @@ declare const _default: Readonly<{
1362
1376
  value: "#242427ff";
1363
1377
  }>;
1364
1378
  "color-surface-glass": Readonly<{
1365
- value: "#303035e6";
1379
+ value: "#29292de6";
1366
1380
  ref: "color-grey-800-90";
1367
1381
  }>;
1368
1382
  "color-surface-glass-hovered": Readonly<{
1369
- value: "#3a3a40e6";
1383
+ value: "#333338e6";
1370
1384
  }>;
1371
1385
  "color-surface-glass-highest": Readonly<{
1372
- value: "#454549e6";
1373
- ref: "color-grey-700-90";
1386
+ value: "#313135e6";
1387
+ ref: "color-grey-750-90";
1374
1388
  }>;
1375
1389
  "color-surface-glass-highest-hovered": Readonly<{
1376
- value: "#4f4f54e6";
1390
+ value: "#3b3b40e6";
1377
1391
  }>;
1378
1392
  "color-surface-glass-higher": Readonly<{
1379
- value: "#303035e6";
1393
+ value: "#29292de6";
1380
1394
  ref: "color-grey-800-90";
1381
1395
  }>;
1382
1396
  "color-surface-glass-higher-hovered": Readonly<{
1383
- value: "#3a3a40e6";
1397
+ value: "#333338e6";
1384
1398
  }>;
1385
1399
  "color-surface-glass-high": Readonly<{
1386
- value: "#2a2a2de6";
1400
+ value: "#242426e6";
1387
1401
  ref: "color-grey-850-90";
1388
1402
  }>;
1389
1403
  "color-surface-glass-high-hovered": Readonly<{
1390
- value: "#343438e6";
1404
+ value: "#2e2e31e6";
1391
1405
  }>;
1392
1406
  "color-surface-accent-blue": Readonly<{
1393
1407
  value: "#6b6effff";
package/dist/types/beta/esm/global.d.mts CHANGED
@@ -550,19 +550,19 @@ declare const _default: Readonly<{
550
550
  value: "#79797eff";
551
551
  }>;
552
552
  "color-grey-700": Readonly<{
553
- value: "#454549ff";
553
+ value: "#3b3b3fff";
554
554
  }>;
555
555
  "color-grey-750": Readonly<{
556
- value: "#37373cff";
556
+ value: "#313135ff";
557
557
  }>;
558
558
  "color-grey-800": Readonly<{
559
- value: "#303035ff";
559
+ value: "#29292dff";
560
560
  }>;
561
561
  "color-grey-850": Readonly<{
562
- value: "#2a2a2dff";
562
+ value: "#242426ff";
563
563
  }>;
564
564
  "color-grey-900": Readonly<{
565
- value: "#242428ff";
565
+ value: "#1d1d20ff";
566
566
  }>;
567
567
  "color-grey-950": Readonly<{
568
568
  value: "#1a1a1cff";
@@ -583,28 +583,31 @@ declare const _default: Readonly<{
583
583
  value: "#efeff0e6";
584
584
  }>;
585
585
  "color-grey-700-80": Readonly<{
586
- value: "#454549cc";
586
+ value: "#3b3b3fcc";
587
587
  }>;
588
588
  "color-grey-700-90": Readonly<{
589
- value: "#454549e6";
589
+ value: "#3b3b3fe6";
590
+ }>;
591
+ "color-grey-750-90": Readonly<{
592
+ value: "#313135e6";
590
593
  }>;
591
594
  "color-grey-800-80": Readonly<{
592
- value: "#303035cc";
595
+ value: "#29292dcc";
593
596
  }>;
594
597
  "color-grey-800-90": Readonly<{
595
- value: "#303035e6";
598
+ value: "#29292de6";
596
599
  }>;
597
600
  "color-grey-850-80": Readonly<{
598
- value: "#2a2a2dcc";
601
+ value: "#242426cc";
599
602
  }>;
600
603
  "color-grey-850-90": Readonly<{
601
- value: "#2a2a2de6";
604
+ value: "#242426e6";
602
605
  }>;
603
606
  "color-grey-900-0": Readonly<{
604
607
  value: "#24242800";
605
608
  }>;
606
609
  "color-grey-900-90": Readonly<{
607
- value: "#242428e6";
610
+ value: "#1d1d2000";
608
611
  }>;
609
612
  "color-white-0": Readonly<{
610
613
  value: "#fff0";
package/dist/types/beta/esm/index.d.mts CHANGED
@@ -32,15 +32,15 @@ export const tokens: Readonly<{
32
32
  ref: "0 dimension-1 0 0 color-border-neutral";
33
33
  }>;
34
34
  "border-white-high": Readonly<{
35
- value: "0 0 0 1px #2a2a2dff";
35
+ value: "0 0 0 1px #242426ff";
36
36
  ref: "0 0 0 dimension-1 color-surface-high";
37
37
  }>;
38
38
  "border-white-higher": Readonly<{
39
- value: "0 0 0 1px #303035ff";
39
+ value: "0 0 0 1px #29292dff";
40
40
  ref: "0 0 0 dimension-1 color-surface-higher";
41
41
  }>;
42
42
  "border-white-highest": Readonly<{
43
- value: "0 0 0 1px #37373cff";
43
+ value: "0 0 0 1px #313135ff";
44
44
  ref: "0 0 0 dimension-1 color-surface-highest";
45
45
  }>;
46
46
  }>;
@@ -557,6 +557,13 @@ export const tokens: Readonly<{
557
557
  "color-text-absolute-black-hovered": Readonly<{
558
558
  value: "#0a0a0aff";
559
559
  }>;
560
+ "color-text-inverse": Readonly<{
561
+ value: "#000000d9";
562
+ ref: "color-black-85";
563
+ }>;
564
+ "color-text-inverse-hovered": Readonly<{
565
+ value: "#0a0a0ad9";
566
+ }>;
560
567
  "color-icon-action": Readonly<{
561
568
  value: "#6b6effff";
562
569
  ref: "color-blue-300";
@@ -704,6 +711,13 @@ export const tokens: Readonly<{
704
711
  "color-icon-absolute-black-hovered": Readonly<{
705
712
  value: "#0a0a0aff";
706
713
  }>;
714
+ "color-icon-inverse-heavier": Readonly<{
715
+ value: "#000000d9";
716
+ ref: "color-black-85";
717
+ }>;
718
+ "color-icon-inverse-heavier-hovered": Readonly<{
719
+ value: "#0a0a0ad9";
720
+ }>;
707
721
  "color-fill-neutral-heaviest": Readonly<{
708
722
  value: "#ffffffe6";
709
723
  ref: "color-white-90";
@@ -894,25 +908,25 @@ export const tokens: Readonly<{
894
908
  value: "#f260601a";
895
909
  }>;
896
910
  "color-fill-grey": Readonly<{
897
- value: "#2a2a2dff";
911
+ value: "#242426ff";
898
912
  ref: "color-grey-850";
899
913
  }>;
900
914
  "color-fill-grey-hovered": Readonly<{
901
- value: "#343438ff";
915
+ value: "#2e2e31ff";
902
916
  }>;
903
917
  "color-fill-grey-heavy": Readonly<{
904
- value: "#303035ff";
918
+ value: "#29292dff";
905
919
  ref: "color-grey-800";
906
920
  }>;
907
921
  "color-fill-grey-heavy-hovered": Readonly<{
908
- value: "#3a3a40ff";
922
+ value: "#333338ff";
909
923
  }>;
910
924
  "color-fill-grey-heavier": Readonly<{
911
- value: "#37373cff";
925
+ value: "#313135ff";
912
926
  ref: "color-grey-750";
913
927
  }>;
914
928
  "color-fill-grey-heavier-hovered": Readonly<{
915
- value: "#414147ff";
929
+ value: "#3b3b40ff";
916
930
  }>;
917
931
  "color-fill-accent-blue": Readonly<{
918
932
  value: "#6b6eff2e";
@@ -1286,32 +1300,32 @@ export const tokens: Readonly<{
1286
1300
  value: "#ededed66";
1287
1301
  }>;
1288
1302
  "color-border-detach": Readonly<{
1289
- value: "#242428ff";
1303
+ value: "#1d1d20ff";
1290
1304
  ref: "color-grey-900";
1291
1305
  }>;
1292
1306
  "color-border-detach-hovered": Readonly<{
1293
- value: "#2e2e33ff";
1307
+ value: "#27272bff";
1294
1308
  }>;
1295
1309
  "color-border-detach-highest": Readonly<{
1296
- value: "#454549ff";
1297
- ref: "color-grey-700";
1310
+ value: "#313135ff";
1311
+ ref: "color-grey-750";
1298
1312
  }>;
1299
1313
  "color-border-detach-highest-hovered": Readonly<{
1300
- value: "#4f4f54ff";
1314
+ value: "#3b3b40ff";
1301
1315
  }>;
1302
1316
  "color-border-detach-higher": Readonly<{
1303
- value: "#303035ff";
1317
+ value: "#29292dff";
1304
1318
  ref: "color-grey-800";
1305
1319
  }>;
1306
1320
  "color-border-detach-higher-hovered": Readonly<{
1307
- value: "#3a3a40ff";
1321
+ value: "#333338ff";
1308
1322
  }>;
1309
1323
  "color-border-detach-high": Readonly<{
1310
- value: "#2a2a2dff";
1324
+ value: "#242426ff";
1311
1325
  ref: "color-grey-850";
1312
1326
  }>;
1313
1327
  "color-border-detach-high-hovered": Readonly<{
1314
- value: "#343438ff";
1328
+ value: "#2e2e31ff";
1315
1329
  }>;
1316
1330
  "color-border-detach-low": Readonly<{
1317
1331
  value: "#1a1a1cff";
@@ -1328,32 +1342,32 @@ export const tokens: Readonly<{
1328
1342
  value: "#edededff";
1329
1343
  }>;
1330
1344
  "color-surface": Readonly<{
1331
- value: "#242428ff";
1345
+ value: "#1d1d20ff";
1332
1346
  ref: "color-grey-900";
1333
1347
  }>;
1334
1348
  "color-surface-hovered": Readonly<{
1335
- value: "#2e2e33ff";
1349
+ value: "#27272bff";
1336
1350
  }>;
1337
1351
  "color-surface-highest": Readonly<{
1338
- value: "#37373cff";
1352
+ value: "#313135ff";
1339
1353
  ref: "color-grey-750";
1340
1354
  }>;
1341
1355
  "color-surface-highest-hovered": Readonly<{
1342
- value: "#414147ff";
1356
+ value: "#3b3b40ff";
1343
1357
  }>;
1344
1358
  "color-surface-higher": Readonly<{
1345
- value: "#303035ff";
1359
+ value: "#29292dff";
1346
1360
  ref: "color-grey-800";
1347
1361
  }>;
1348
1362
  "color-surface-higher-hovered": Readonly<{
1349
- value: "#3a3a40ff";
1363
+ value: "#333338ff";
1350
1364
  }>;
1351
1365
  "color-surface-high": Readonly<{
1352
- value: "#2a2a2dff";
1366
+ value: "#242426ff";
1353
1367
  ref: "color-grey-850";
1354
1368
  }>;
1355
1369
  "color-surface-high-hovered": Readonly<{
1356
- value: "#343438ff";
1370
+ value: "#2e2e31ff";
1357
1371
  }>;
1358
1372
  "color-surface-low": Readonly<{
1359
1373
  value: "#1a1a1cff";
@@ -1363,32 +1377,32 @@ export const tokens: Readonly<{
1363
1377
  value: "#242427ff";
1364
1378
  }>;
1365
1379
  "color-surface-glass": Readonly<{
1366
- value: "#303035e6";
1380
+ value: "#29292de6";
1367
1381
  ref: "color-grey-800-90";
1368
1382
  }>;
1369
1383
  "color-surface-glass-hovered": Readonly<{
1370
- value: "#3a3a40e6";
1384
+ value: "#333338e6";
1371
1385
  }>;
1372
1386
  "color-surface-glass-highest": Readonly<{
1373
- value: "#454549e6";
1374
- ref: "color-grey-700-90";
1387
+ value: "#313135e6";
1388
+ ref: "color-grey-750-90";
1375
1389
  }>;
1376
1390
  "color-surface-glass-highest-hovered": Readonly<{
1377
- value: "#4f4f54e6";
1391
+ value: "#3b3b40e6";
1378
1392
  }>;
1379
1393
  "color-surface-glass-higher": Readonly<{
1380
- value: "#303035e6";
1394
+ value: "#29292de6";
1381
1395
  ref: "color-grey-800-90";
1382
1396
  }>;
1383
1397
  "color-surface-glass-higher-hovered": Readonly<{
1384
- value: "#3a3a40e6";
1398
+ value: "#333338e6";
1385
1399
  }>;
1386
1400
  "color-surface-glass-high": Readonly<{
1387
- value: "#2a2a2de6";
1401
+ value: "#242426e6";
1388
1402
  ref: "color-grey-850-90";
1389
1403
  }>;
1390
1404
  "color-surface-glass-high-hovered": Readonly<{
1391
- value: "#343438e6";
1405
+ value: "#2e2e31e6";
1392
1406
  }>;
1393
1407
  "color-surface-accent-blue": Readonly<{
1394
1408
  value: "#6b6effff";
@@ -2140,19 +2154,19 @@ export const tokens: Readonly<{
2140
2154
  value: "#79797eff";
2141
2155
  }>;
2142
2156
  "color-grey-700": Readonly<{
2143
- value: "#454549ff";
2157
+ value: "#3b3b3fff";
2144
2158
  }>;
2145
2159
  "color-grey-750": Readonly<{
2146
- value: "#37373cff";
2160
+ value: "#313135ff";
2147
2161
  }>;
2148
2162
  "color-grey-800": Readonly<{
2149
- value: "#303035ff";
2163
+ value: "#29292dff";
2150
2164
  }>;
2151
2165
  "color-grey-850": Readonly<{
2152
- value: "#2a2a2dff";
2166
+ value: "#242426ff";
2153
2167
  }>;
2154
2168
  "color-grey-900": Readonly<{
2155
- value: "#242428ff";
2169
+ value: "#1d1d20ff";
2156
2170
  }>;
2157
2171
  "color-grey-950": Readonly<{
2158
2172
  value: "#1a1a1cff";
@@ -2173,28 +2187,31 @@ export const tokens: Readonly<{
2173
2187
  value: "#efeff0e6";
2174
2188
  }>;
2175
2189
  "color-grey-700-80": Readonly<{
2176
- value: "#454549cc";
2190
+ value: "#3b3b3fcc";
2177
2191
  }>;
2178
2192
  "color-grey-700-90": Readonly<{
2179
- value: "#454549e6";
2193
+ value: "#3b3b3fe6";
2194
+ }>;
2195
+ "color-grey-750-90": Readonly<{
2196
+ value: "#313135e6";
2180
2197
  }>;
2181
2198
  "color-grey-800-80": Readonly<{
2182
- value: "#303035cc";
2199
+ value: "#29292dcc";
2183
2200
  }>;
2184
2201
  "color-grey-800-90": Readonly<{
2185
- value: "#303035e6";
2202
+ value: "#29292de6";
2186
2203
  }>;
2187
2204
  "color-grey-850-80": Readonly<{
2188
- value: "#2a2a2dcc";
2205
+ value: "#242426cc";
2189
2206
  }>;
2190
2207
  "color-grey-850-90": Readonly<{
2191
- value: "#2a2a2de6";
2208
+ value: "#242426e6";
2192
2209
  }>;
2193
2210
  "color-grey-900-0": Readonly<{
2194
2211
  value: "#24242800";
2195
2212
  }>;
2196
2213
  "color-grey-900-90": Readonly<{
2197
- value: "#242428e6";
2214
+ value: "#1d1d2000";
2198
2215
  }>;
2199
2216
  "color-white-0": Readonly<{
2200
2217
  value: "#fff0";
@@ -3091,6 +3108,13 @@ export const tokens: Readonly<{
3091
3108
  "color-text-absolute-black-hovered": Readonly<{
3092
3109
  value: "#1c1c1cff";
3093
3110
  }>;
3111
+ "color-text-inverse": Readonly<{
3112
+ value: "#fffc";
3113
+ ref: "color-white-80";
3114
+ }>;
3115
+ "color-text-inverse-hovered": Readonly<{
3116
+ value: "#edededcc";
3117
+ }>;
3094
3118
  "color-icon-action": Readonly<{
3095
3119
  value: "#6157eaff";
3096
3120
  ref: "color-blue-400";
@@ -3238,6 +3262,13 @@ export const tokens: Readonly<{
3238
3262
  "color-icon-absolute-black-hovered": Readonly<{
3239
3263
  value: "#1c1c1cff";
3240
3264
  }>;
3265
+ "color-icon-inverse-heavier": Readonly<{
3266
+ value: "#fffc";
3267
+ ref: "color-white-80";
3268
+ }>;
3269
+ "color-icon-inverse-heavier-hovered": Readonly<{
3270
+ value: "#edededcc";
3271
+ }>;
3241
3272
  "color-fill-neutral-heaviest": Readonly<{
3242
3273
  value: "#000000d9";
3243
3274
  ref: "color-black-85";
package/dist/types/beta/esm/index.d.mts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../beta/esm/index.mjs"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIG"}
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../beta/esm/index.mjs"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIG"}
package/dist/types/beta/esm/lightTheme.d.mts CHANGED
@@ -556,6 +556,13 @@ declare const _default: Readonly<{
556
556
  "color-text-absolute-black-hovered": Readonly<{
557
557
  value: "#1c1c1cff";
558
558
  }>;
559
+ "color-text-inverse": Readonly<{
560
+ value: "#fffc";
561
+ ref: "color-white-80";
562
+ }>;
563
+ "color-text-inverse-hovered": Readonly<{
564
+ value: "#edededcc";
565
+ }>;
559
566
  "color-icon-action": Readonly<{
560
567
  value: "#6157eaff";
561
568
  ref: "color-blue-400";
@@ -703,6 +710,13 @@ declare const _default: Readonly<{
703
710
  "color-icon-absolute-black-hovered": Readonly<{
704
711
  value: "#1c1c1cff";
705
712
  }>;
713
+ "color-icon-inverse-heavier": Readonly<{
714
+ value: "#fffc";
715
+ ref: "color-white-80";
716
+ }>;
717
+ "color-icon-inverse-heavier-hovered": Readonly<{
718
+ value: "#edededcc";
719
+ }>;
706
720
  "color-fill-neutral-heaviest": Readonly<{
707
721
  value: "#000000d9";
708
722
  ref: "color-black-85";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@channel.io/bezier-tokens",
3
- "version": "0.3.3-beta.6",
3
+ "version": "0.3.3-beta.7",
4
4
  "description": "Design tokens for Bezier design system.",
5
5
  "repository": {
6
6
  "type": "git",