@channel.io/bezier-react 3.5.2-beta.7 → 3.5.2-beta.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 (30) hide show
  1. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/darkTheme.js +56 -35
  2. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/darkTheme.js.map +1 -1
  3. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/global.js +15 -12
  4. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/global.js.map +1 -1
  5. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/lightTheme.js +21 -0
  6. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/lightTheme.js.map +1 -1
  7. package/dist/cjs/styles.css +1 -1
  8. package/dist/esm/packages/bezier-tokens/dist/beta/esm/darkTheme.mjs +56 -35
  9. package/dist/esm/packages/bezier-tokens/dist/beta/esm/darkTheme.mjs.map +1 -1
  10. package/dist/esm/packages/bezier-tokens/dist/beta/esm/global.mjs +15 -12
  11. package/dist/esm/packages/bezier-tokens/dist/beta/esm/global.mjs.map +1 -1
  12. package/dist/esm/packages/bezier-tokens/dist/beta/esm/lightTheme.mjs +21 -0
  13. package/dist/esm/packages/bezier-tokens/dist/beta/esm/lightTheme.mjs.map +1 -1
  14. package/dist/esm/styles.css +1 -1
  15. package/dist/types/types/beta-tokens.d.ts +5 -5
  16. package/dist/types/types/beta-tokens.d.ts.map +1 -1
  17. package/dist/types/types/props-helpers.d.ts +1 -1
  18. package/package.json +2 -2
  19. package/src/components/BaseButton/BaseButton.module.scss +1 -1
  20. package/src/components/Button/Button.module.scss +4 -4
  21. package/src/components/Checkbox/Checkbox.module.scss +2 -2
  22. package/src/components/RadioGroup/RadioGroup.module.scss +1 -1
  23. package/src/components/Select/Select.module.scss +1 -1
  24. package/src/components/Slider/Slider.module.scss +1 -1
  25. package/src/components/Switch/Switch.module.scss +2 -2
  26. package/src/components/Tabs/Tabs.module.scss +1 -1
  27. package/src/components/Tag/Tag.module.scss +1 -1
  28. package/src/components/TextArea/TextArea.module.scss +1 -1
  29. package/src/components/TextField/TextField.module.scss +1 -1
  30. package/src/types/beta-tokens.ts +5 -6
@@ -35,15 +35,15 @@ var darkTheme = Object.freeze({
35
35
  "ref": "0 dimension-1 0 0 color-border-neutral"
36
36
  }),
37
37
  "border-white-high": Object.freeze({
38
- "value": "0 0 0 1px #2a2a2dff",
38
+ "value": "0 0 0 1px #242426ff",
39
39
  "ref": "0 0 0 dimension-1 color-surface-high"
40
40
  }),
41
41
  "border-white-higher": Object.freeze({
42
- "value": "0 0 0 1px #303035ff",
42
+ "value": "0 0 0 1px #29292dff",
43
43
  "ref": "0 0 0 dimension-1 color-surface-higher"
44
44
  }),
45
45
  "border-white-highest": Object.freeze({
46
- "value": "0 0 0 1px #37373cff",
46
+ "value": "0 0 0 1px #313135ff",
47
47
  "ref": "0 0 0 dimension-1 color-surface-highest"
48
48
  })
49
49
  }),
@@ -511,6 +511,13 @@ var darkTheme = Object.freeze({
511
511
  "color-text-accent-yellow-hovered": Object.freeze({
512
512
  "value": "#f7c736ff"
513
513
  }),
514
+ "color-text-accent-olive": Object.freeze({
515
+ "value": "#b7c427ff",
516
+ "ref": "color-olive-300"
517
+ }),
518
+ "color-text-accent-olive-hovered": Object.freeze({
519
+ "value": "#ccdb25ff"
520
+ }),
514
521
  "color-text-accent-teal": Object.freeze({
515
522
  "value": "#40d3c5ff",
516
523
  "ref": "color-teal-300"
@@ -553,6 +560,13 @@ var darkTheme = Object.freeze({
553
560
  "color-text-absolute-black-hovered": Object.freeze({
554
561
  "value": "#0a0a0aff"
555
562
  }),
563
+ "color-text-inverse": Object.freeze({
564
+ "value": "#000000d9",
565
+ "ref": "color-black-85"
566
+ }),
567
+ "color-text-inverse-hovered": Object.freeze({
568
+ "value": "#0a0a0ad9"
569
+ }),
556
570
  "color-icon-action": Object.freeze({
557
571
  "value": "#6b6effff",
558
572
  "ref": "color-blue-300"
@@ -700,6 +714,13 @@ var darkTheme = Object.freeze({
700
714
  "color-icon-absolute-black-hovered": Object.freeze({
701
715
  "value": "#0a0a0aff"
702
716
  }),
717
+ "color-icon-inverse-heavier": Object.freeze({
718
+ "value": "#000000d9",
719
+ "ref": "color-black-85"
720
+ }),
721
+ "color-icon-inverse-heavier-hovered": Object.freeze({
722
+ "value": "#0a0a0ad9"
723
+ }),
703
724
  "color-fill-neutral-heaviest": Object.freeze({
704
725
  "value": "#ffffffe6",
705
726
  "ref": "color-white-90"
@@ -890,25 +911,25 @@ var darkTheme = Object.freeze({
890
911
  "value": "#f260601a"
891
912
  }),
892
913
  "color-fill-grey": Object.freeze({
893
- "value": "#2a2a2dff",
914
+ "value": "#242426ff",
894
915
  "ref": "color-grey-850"
895
916
  }),
896
917
  "color-fill-grey-hovered": Object.freeze({
897
- "value": "#343438ff"
918
+ "value": "#2e2e31ff"
898
919
  }),
899
920
  "color-fill-grey-heavy": Object.freeze({
900
- "value": "#303035ff",
921
+ "value": "#29292dff",
901
922
  "ref": "color-grey-800"
902
923
  }),
903
924
  "color-fill-grey-heavy-hovered": Object.freeze({
904
- "value": "#3a3a40ff"
925
+ "value": "#333338ff"
905
926
  }),
906
927
  "color-fill-grey-heavier": Object.freeze({
907
- "value": "#37373cff",
928
+ "value": "#313135ff",
908
929
  "ref": "color-grey-750"
909
930
  }),
910
931
  "color-fill-grey-heavier-hovered": Object.freeze({
911
- "value": "#414147ff"
932
+ "value": "#3b3b40ff"
912
933
  }),
913
934
  "color-fill-accent-blue": Object.freeze({
914
935
  "value": "#6b6eff2e",
@@ -1282,32 +1303,32 @@ var darkTheme = Object.freeze({
1282
1303
  "value": "#ededed66"
1283
1304
  }),
1284
1305
  "color-border-detach": Object.freeze({
1285
- "value": "#242428ff",
1306
+ "value": "#1d1d20ff",
1286
1307
  "ref": "color-grey-900"
1287
1308
  }),
1288
1309
  "color-border-detach-hovered": Object.freeze({
1289
- "value": "#2e2e33ff"
1310
+ "value": "#27272bff"
1290
1311
  }),
1291
1312
  "color-border-detach-highest": Object.freeze({
1292
- "value": "#454549ff",
1293
- "ref": "color-grey-700"
1313
+ "value": "#313135ff",
1314
+ "ref": "color-grey-750"
1294
1315
  }),
1295
1316
  "color-border-detach-highest-hovered": Object.freeze({
1296
- "value": "#4f4f54ff"
1317
+ "value": "#3b3b40ff"
1297
1318
  }),
1298
1319
  "color-border-detach-higher": Object.freeze({
1299
- "value": "#303035ff",
1320
+ "value": "#29292dff",
1300
1321
  "ref": "color-grey-800"
1301
1322
  }),
1302
1323
  "color-border-detach-higher-hovered": Object.freeze({
1303
- "value": "#3a3a40ff"
1324
+ "value": "#333338ff"
1304
1325
  }),
1305
1326
  "color-border-detach-high": Object.freeze({
1306
- "value": "#2a2a2dff",
1327
+ "value": "#242426ff",
1307
1328
  "ref": "color-grey-850"
1308
1329
  }),
1309
1330
  "color-border-detach-high-hovered": Object.freeze({
1310
- "value": "#343438ff"
1331
+ "value": "#2e2e31ff"
1311
1332
  }),
1312
1333
  "color-border-detach-low": Object.freeze({
1313
1334
  "value": "#1a1a1cff",
@@ -1324,32 +1345,32 @@ var darkTheme = Object.freeze({
1324
1345
  "value": "#edededff"
1325
1346
  }),
1326
1347
  "color-surface": Object.freeze({
1327
- "value": "#242428ff",
1348
+ "value": "#1d1d20ff",
1328
1349
  "ref": "color-grey-900"
1329
1350
  }),
1330
1351
  "color-surface-hovered": Object.freeze({
1331
- "value": "#2e2e33ff"
1352
+ "value": "#27272bff"
1332
1353
  }),
1333
1354
  "color-surface-highest": Object.freeze({
1334
- "value": "#37373cff",
1355
+ "value": "#313135ff",
1335
1356
  "ref": "color-grey-750"
1336
1357
  }),
1337
1358
  "color-surface-highest-hovered": Object.freeze({
1338
- "value": "#414147ff"
1359
+ "value": "#3b3b40ff"
1339
1360
  }),
1340
1361
  "color-surface-higher": Object.freeze({
1341
- "value": "#303035ff",
1362
+ "value": "#29292dff",
1342
1363
  "ref": "color-grey-800"
1343
1364
  }),
1344
1365
  "color-surface-higher-hovered": Object.freeze({
1345
- "value": "#3a3a40ff"
1366
+ "value": "#333338ff"
1346
1367
  }),
1347
1368
  "color-surface-high": Object.freeze({
1348
- "value": "#2a2a2dff",
1369
+ "value": "#242426ff",
1349
1370
  "ref": "color-grey-850"
1350
1371
  }),
1351
1372
  "color-surface-high-hovered": Object.freeze({
1352
- "value": "#343438ff"
1373
+ "value": "#2e2e31ff"
1353
1374
  }),
1354
1375
  "color-surface-low": Object.freeze({
1355
1376
  "value": "#1a1a1cff",
@@ -1359,32 +1380,32 @@ var darkTheme = Object.freeze({
1359
1380
  "value": "#242427ff"
1360
1381
  }),
1361
1382
  "color-surface-glass": Object.freeze({
1362
- "value": "#303035e6",
1383
+ "value": "#29292de6",
1363
1384
  "ref": "color-grey-800-90"
1364
1385
  }),
1365
1386
  "color-surface-glass-hovered": Object.freeze({
1366
- "value": "#3a3a40e6"
1387
+ "value": "#333338e6"
1367
1388
  }),
1368
1389
  "color-surface-glass-highest": Object.freeze({
1369
- "value": "#454549e6",
1370
- "ref": "color-grey-700-90"
1390
+ "value": "#313135e6",
1391
+ "ref": "color-grey-750-90"
1371
1392
  }),
1372
1393
  "color-surface-glass-highest-hovered": Object.freeze({
1373
- "value": "#4f4f54e6"
1394
+ "value": "#3b3b40e6"
1374
1395
  }),
1375
1396
  "color-surface-glass-higher": Object.freeze({
1376
- "value": "#303035e6",
1397
+ "value": "#29292de6",
1377
1398
  "ref": "color-grey-800-90"
1378
1399
  }),
1379
1400
  "color-surface-glass-higher-hovered": Object.freeze({
1380
- "value": "#3a3a40e6"
1401
+ "value": "#333338e6"
1381
1402
  }),
1382
1403
  "color-surface-glass-high": Object.freeze({
1383
- "value": "#2a2a2de6",
1404
+ "value": "#242426e6",
1384
1405
  "ref": "color-grey-850-90"
1385
1406
  }),
1386
1407
  "color-surface-glass-high-hovered": Object.freeze({
1387
- "value": "#343438e6"
1408
+ "value": "#2e2e31e6"
1388
1409
  }),
1389
1410
  "color-surface-accent-blue": Object.freeze({
1390
1411
  "value": "#6b6effff",