@cambly/syntax-core 10.13.0 → 10.15.0

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 (123) hide show
  1. package/dist/Button/Button.cjs +4 -4
  2. package/dist/Button/Button.d.ts +7 -1
  3. package/dist/Button/Button.js +3 -3
  4. package/dist/Chip/Chip.cjs +2 -2
  5. package/dist/Chip/Chip.css +20 -14
  6. package/dist/Chip/Chip.css.map +1 -1
  7. package/dist/Chip/Chip.d.ts +6 -0
  8. package/dist/Chip/Chip.js +1 -1
  9. package/dist/Dialog/ModalDialog.cjs +5 -5
  10. package/dist/Dialog/ModalDialog.css +18 -22
  11. package/dist/Dialog/ModalDialog.css.map +1 -1
  12. package/dist/Dialog/ModalDialog.js +4 -4
  13. package/dist/IconButton/IconButton.cjs +4 -4
  14. package/dist/IconButton/IconButton.css +18 -22
  15. package/dist/IconButton/IconButton.css.map +1 -1
  16. package/dist/IconButton/IconButton.d.ts +6 -0
  17. package/dist/IconButton/IconButton.js +3 -3
  18. package/dist/LinkButton/LinkButton.cjs +4 -4
  19. package/dist/LinkButton/LinkButton.d.ts +6 -0
  20. package/dist/LinkButton/LinkButton.js +3 -3
  21. package/dist/Popover/Popover.cjs +6 -6
  22. package/dist/Popover/Popover.css +18 -22
  23. package/dist/Popover/Popover.css.map +1 -1
  24. package/dist/Popover/Popover.js +5 -5
  25. package/dist/RichSelect/RichSelectBox.cjs +7 -7
  26. package/dist/RichSelect/RichSelectBox.css +20 -14
  27. package/dist/RichSelect/RichSelectBox.css.map +1 -1
  28. package/dist/RichSelect/RichSelectBox.js +6 -6
  29. package/dist/RichSelect/RichSelectChip.cjs +3 -3
  30. package/dist/RichSelect/RichSelectChip.css +20 -14
  31. package/dist/RichSelect/RichSelectChip.css.map +1 -1
  32. package/dist/RichSelect/RichSelectChip.js +2 -2
  33. package/dist/RichSelect/RichSelectList.cjs +12 -12
  34. package/dist/RichSelect/RichSelectList.css +57 -54
  35. package/dist/RichSelect/RichSelectList.css.map +1 -1
  36. package/dist/RichSelect/RichSelectList.d.ts +1 -1
  37. package/dist/RichSelect/RichSelectList.js +11 -11
  38. package/dist/SelectList/SelectList.cjs +3 -3
  39. package/dist/SelectList/SelectList.css +19 -18
  40. package/dist/SelectList/SelectList.css.map +1 -1
  41. package/dist/SelectList/SelectList.js +2 -2
  42. package/dist/__chunks/{DSMWIJEY.cjs → 3P4HISCU.cjs} +3 -3
  43. package/dist/__chunks/{TIG3BSZG.js → 4FB7KTL3.js} +2 -2
  44. package/dist/__chunks/{OLWEXK5F.cjs → 4TWU6PQA.cjs} +6 -6
  45. package/dist/__chunks/{JGXQJLCD.js → 53RQSOUJ.js} +6 -5
  46. package/dist/__chunks/53RQSOUJ.js.map +1 -0
  47. package/dist/__chunks/{4JXNDR7B.cjs → 5T5R6ZMD.cjs} +6 -5
  48. package/dist/__chunks/5T5R6ZMD.cjs.map +1 -0
  49. package/dist/__chunks/{EE5VI7K5.js → AVW5DTQH.js} +1 -1
  50. package/dist/__chunks/{EE5VI7K5.js.map → AVW5DTQH.js.map} +1 -1
  51. package/dist/__chunks/{H6JCVQBU.cjs → C2JXAQM4.cjs} +1 -1
  52. package/dist/__chunks/{H6JCVQBU.cjs.map → C2JXAQM4.cjs.map} +1 -1
  53. package/dist/__chunks/{ZLBPIQ2I.js → E7G4CMBM.js} +2 -2
  54. package/dist/__chunks/{BXUTWPRU.cjs → EVDDEHP3.cjs} +3 -3
  55. package/dist/__chunks/{PRE7WZF5.js → GHPZTFQK.js} +2 -2
  56. package/dist/__chunks/HCM63U3J.cjs +64 -0
  57. package/dist/__chunks/HCM63U3J.cjs.map +1 -0
  58. package/dist/__chunks/{7P7YX4X2.cjs → IMYS42TL.cjs} +8 -8
  59. package/dist/__chunks/IMYS42TL.cjs.map +1 -0
  60. package/dist/__chunks/JGYZV3JA.js +64 -0
  61. package/dist/__chunks/JGYZV3JA.js.map +1 -0
  62. package/dist/__chunks/{G7GMDR6I.js → KCZFPTFK.js} +3 -3
  63. package/dist/__chunks/{G7GMDR6I.js.map → KCZFPTFK.js.map} +1 -1
  64. package/dist/__chunks/{L3CUWPPD.js → M2ABILBX.js} +8 -8
  65. package/dist/__chunks/M2ABILBX.js.map +1 -0
  66. package/dist/__chunks/{GRYQKIWR.cjs → MUNI4VXL.cjs} +31 -5
  67. package/dist/__chunks/MUNI4VXL.cjs.map +1 -0
  68. package/dist/__chunks/{YGM4Z46I.js → NKWR4CYF.js} +6 -5
  69. package/dist/__chunks/NKWR4CYF.js.map +1 -0
  70. package/dist/__chunks/OFW6A65B.js +82 -0
  71. package/dist/__chunks/OFW6A65B.js.map +1 -0
  72. package/dist/__chunks/{SFJT2TM2.cjs → OXXXLEUD.cjs} +6 -5
  73. package/dist/__chunks/OXXXLEUD.cjs.map +1 -0
  74. package/dist/__chunks/{L4RR2XJT.js → PX3OQSL4.js} +3 -3
  75. package/dist/__chunks/QWMAWIWI.cjs +82 -0
  76. package/dist/__chunks/QWMAWIWI.cjs.map +1 -0
  77. package/dist/__chunks/{RZCA77DH.cjs → SI257QZE.cjs} +4 -4
  78. package/dist/__chunks/SI257QZE.cjs.map +1 -0
  79. package/dist/__chunks/{HZ7TRVX2.cjs → VOLO4QB4.cjs} +34 -25
  80. package/dist/__chunks/VOLO4QB4.cjs.map +1 -0
  81. package/dist/__chunks/{2ZUWZKPV.js → YKGFFSWB.js} +32 -6
  82. package/dist/__chunks/YKGFFSWB.js.map +1 -0
  83. package/dist/__chunks/{XSHPEZBA.cjs → ZDDA4AKB.cjs} +3 -3
  84. package/dist/__chunks/{NUDTHTSM.js → ZM7GAFGB.js} +28 -19
  85. package/dist/__chunks/ZM7GAFGB.js.map +1 -0
  86. package/dist/colors/backgroundColor.cjs +2 -2
  87. package/dist/colors/backgroundColor.d.ts +1 -1
  88. package/dist/colors/backgroundColor.js +1 -1
  89. package/dist/colors/foregroundColor.cjs +2 -2
  90. package/dist/colors/foregroundColor.d.ts +1 -1
  91. package/dist/colors/foregroundColor.js +1 -1
  92. package/dist/index.cjs +14 -14
  93. package/dist/index.css +57 -54
  94. package/dist/index.css.map +1 -1
  95. package/dist/index.js +13 -13
  96. package/package.json +4 -4
  97. package/dist/__chunks/2ZUWZKPV.js.map +0 -1
  98. package/dist/__chunks/4JXNDR7B.cjs.map +0 -1
  99. package/dist/__chunks/7P7YX4X2.cjs.map +0 -1
  100. package/dist/__chunks/A4O4F3KK.cjs +0 -57
  101. package/dist/__chunks/A4O4F3KK.cjs.map +0 -1
  102. package/dist/__chunks/GRYQKIWR.cjs.map +0 -1
  103. package/dist/__chunks/HZ7TRVX2.cjs.map +0 -1
  104. package/dist/__chunks/JGXQJLCD.js.map +0 -1
  105. package/dist/__chunks/JVOQF4CG.js +0 -44
  106. package/dist/__chunks/JVOQF4CG.js.map +0 -1
  107. package/dist/__chunks/L3CUWPPD.js.map +0 -1
  108. package/dist/__chunks/NUDTHTSM.js.map +0 -1
  109. package/dist/__chunks/RKEF7WKZ.cjs +0 -44
  110. package/dist/__chunks/RKEF7WKZ.cjs.map +0 -1
  111. package/dist/__chunks/RZCA77DH.cjs.map +0 -1
  112. package/dist/__chunks/SFJT2TM2.cjs.map +0 -1
  113. package/dist/__chunks/Y2OAIOQE.js +0 -57
  114. package/dist/__chunks/Y2OAIOQE.js.map +0 -1
  115. package/dist/__chunks/YGM4Z46I.js.map +0 -1
  116. /package/dist/__chunks/{DSMWIJEY.cjs.map → 3P4HISCU.cjs.map} +0 -0
  117. /package/dist/__chunks/{TIG3BSZG.js.map → 4FB7KTL3.js.map} +0 -0
  118. /package/dist/__chunks/{OLWEXK5F.cjs.map → 4TWU6PQA.cjs.map} +0 -0
  119. /package/dist/__chunks/{ZLBPIQ2I.js.map → E7G4CMBM.js.map} +0 -0
  120. /package/dist/__chunks/{BXUTWPRU.cjs.map → EVDDEHP3.cjs.map} +0 -0
  121. /package/dist/__chunks/{PRE7WZF5.js.map → GHPZTFQK.js.map} +0 -0
  122. /package/dist/__chunks/{L4RR2XJT.js.map → PX3OQSL4.js.map} +0 -0
  123. /package/dist/__chunks/{XSHPEZBA.cjs.map → ZDDA4AKB.cjs.map} +0 -0
@@ -1306,88 +1306,84 @@
1306
1306
  }
1307
1307
 
1308
1308
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
1309
- ._iconButton_1q9cs_1 {
1309
+ ._iconButton_4ynk4_1 {
1310
1310
  align-items: center;
1311
1311
  justify-content: center;
1312
1312
  display: flex;
1313
1313
  border-radius: 50%;
1314
1314
  }
1315
- ._iconButtonNoBorder_1q9cs_8 {
1315
+ ._iconButtonNoBorder_4ynk4_8 {
1316
1316
  border: none;
1317
1317
  }
1318
- ._iconButton_1q9cs_1:hover {
1318
+ ._iconButton_4ynk4_1:hover {
1319
1319
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
1320
1320
  transition-duration: 0.2s;
1321
1321
  cursor: pointer;
1322
1322
  }
1323
- ._iconButton_1q9cs_1:focus-visible {
1323
+ ._iconButton_4ynk4_1:focus-visible {
1324
1324
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
1325
1325
  box-shadow: 0 0 0 4px #000;
1326
1326
  outline: solid 2px #fff;
1327
1327
  }
1328
- ._iconButton_1q9cs_1:active {
1328
+ ._iconButton_4ynk4_1:active {
1329
1329
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
1330
1330
  transform: scale(0.97);
1331
1331
  transition-duration: 0.2s;
1332
1332
  }
1333
- ._iconButton_1q9cs_1:disabled {
1333
+ ._iconButton_4ynk4_1:disabled {
1334
1334
  filter: opacity(50%);
1335
1335
  background-image: none;
1336
1336
  transform: none;
1337
1337
  cursor: auto;
1338
1338
  }
1339
- ._sm_1q9cs_49 {
1339
+ ._sm_4ynk4_49 {
1340
1340
  height: 32px;
1341
1341
  width: 32px;
1342
1342
  }
1343
- ._md_1q9cs_54 {
1343
+ ._md_4ynk4_54 {
1344
1344
  height: 40px;
1345
1345
  width: 40px;
1346
1346
  }
1347
- ._lg_1q9cs_59 {
1347
+ ._lg_4ynk4_59 {
1348
1348
  height: 48px;
1349
1349
  width: 48px;
1350
1350
  }
1351
- ._smCambio_1q9cs_64 {
1351
+ ._smCambio_4ynk4_64 {
1352
1352
  height: 32px;
1353
1353
  width: 32px;
1354
1354
  }
1355
- ._mdCambio_1q9cs_69 {
1355
+ ._mdCambio_4ynk4_69 {
1356
1356
  height: 48px;
1357
1357
  width: 48px;
1358
1358
  }
1359
- ._lgCambio_1q9cs_74 {
1359
+ ._lgCambio_4ynk4_74 {
1360
1360
  height: 64px;
1361
1361
  width: 64px;
1362
1362
  }
1363
- ._smIcon_1q9cs_79 {
1363
+ ._smIcon_4ynk4_79 {
1364
1364
  height: 16px !important;
1365
1365
  width: 16px !important;
1366
1366
  }
1367
- ._mdIcon_1q9cs_86 {
1367
+ ._mdIcon_4ynk4_86 {
1368
1368
  height: 20px !important;
1369
1369
  width: 20px !important;
1370
1370
  }
1371
- ._lgIcon_1q9cs_93 {
1371
+ ._lgIcon_4ynk4_93 {
1372
1372
  height: 24px !important;
1373
1373
  width: 24px !important;
1374
1374
  }
1375
- ._smIconCambio_1q9cs_100 {
1375
+ ._smIconCambio_4ynk4_100 {
1376
1376
  height: 20px !important;
1377
1377
  width: 20px !important;
1378
1378
  }
1379
- ._mdIconCambio_1q9cs_107 {
1379
+ ._mdIconCambio_4ynk4_107 {
1380
1380
  height: 24px !important;
1381
1381
  width: 24px !important;
1382
1382
  }
1383
- ._lgIconCambio_1q9cs_114 {
1383
+ ._lgIconCambio_4ynk4_114 {
1384
1384
  height: 32px !important;
1385
1385
  width: 32px !important;
1386
1386
  }
1387
- ._xlIconCambio_1q9cs_121 {
1388
- height: 40px !important;
1389
- width: 40px !important;
1390
- }
1391
1387
 
1392
1388
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
1393
1389
  ._button_ddq3j_1 {
@@ -2442,18 +2438,18 @@
2442
2438
  }
2443
2439
 
2444
2440
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data */
2445
- ._selectContainer_1o5o7_1 {
2441
+ ._selectContainer_hzvfu_1 {
2446
2442
  display: flex;
2447
2443
  flex-direction: column;
2448
2444
  gap: 8px;
2449
2445
  }
2450
- ._selectContainerCambio_1o5o7_7 {
2446
+ ._selectContainerCambio_hzvfu_7 {
2451
2447
  position: relative;
2452
2448
  }
2453
- ._opacityOverlay_1o5o7_11 {
2449
+ ._opacityOverlay_hzvfu_11 {
2454
2450
  opacity: 0.5;
2455
2451
  }
2456
- ._labelCambio_1o5o7_15 {
2452
+ ._labelCambio_hzvfu_15 {
2457
2453
  left: 1px;
2458
2454
  right: 1px;
2459
2455
  position: absolute;
@@ -2463,11 +2459,11 @@
2463
2459
  padding-top: 7px;
2464
2460
  z-index: 1;
2465
2461
  }
2466
- ._selectWrapper_1o5o7_26 {
2462
+ ._selectWrapper_hzvfu_26 {
2467
2463
  display: flex;
2468
2464
  position: relative;
2469
2465
  }
2470
- ._selectBox_1o5o7_31 {
2466
+ ._selectBox_hzvfu_31 {
2471
2467
  align-items: center;
2472
2468
  appearance: none;
2473
2469
  background-color: var(--color-base-white);
@@ -2489,28 +2485,29 @@
2489
2485
  outline: 0;
2490
2486
  width: 100%;
2491
2487
  }
2492
- ._selectBoxClassic_1o5o7_47 {
2488
+ ._selectBoxClassic_hzvfu_47 {
2493
2489
  border: 1px solid var(--color-base-gray-700);
2494
2490
  padding: 0 36px 0 12px;
2495
2491
  }
2496
- ._selectBoxCambio_1o5o7_52 {
2492
+ ._selectBoxCambio_hzvfu_52 {
2497
2493
  border: 1px solid var(--color-cambio-gray-370);
2498
2494
  border-radius: 8px;
2495
+ box-sizing: border-box;
2499
2496
  font-size: 14px;
2500
2497
  height: 48px;
2501
2498
  padding: 12px 36px 0 12px;
2502
2499
  }
2503
- ._selectMouseFocusStyling_1o5o7_60 {
2500
+ ._selectMouseFocusStyling_hzvfu_61 {
2504
2501
  border: 1px solid var(--color-base-primary-700);
2505
2502
  box-shadow: 0 0 0 1px var(--color-base-primary-700);
2506
2503
  }
2507
- ._unselected_1o5o7_65 {
2504
+ ._unselected_hzvfu_66 {
2508
2505
  color: var(--color-base-gray-700);
2509
2506
  }
2510
- ._selected_1o5o7_69 {
2507
+ ._selected_hzvfu_70 {
2511
2508
  color: var(--color-base-gray-800);
2512
2509
  }
2513
- ._arrowIcon_1o5o7_73 {
2510
+ ._arrowIcon_hzvfu_74 {
2514
2511
  display: flex;
2515
2512
  position: absolute;
2516
2513
  right: 0;
@@ -2519,30 +2516,30 @@
2519
2516
  padding-inline-end: 8px;
2520
2517
  pointer-events: none;
2521
2518
  }
2522
- ._selectBox_1o5o7_31:disabled {
2519
+ ._selectBox_hzvfu_31:disabled {
2523
2520
  cursor: auto;
2524
2521
  }
2525
- ._sm_1o5o7_87 {
2522
+ ._sm_hzvfu_88 {
2526
2523
  border-radius: 12px;
2527
2524
  font-size: 12px;
2528
2525
  height: 32px;
2529
2526
  }
2530
- ._md_1o5o7_93 {
2527
+ ._md_hzvfu_94 {
2531
2528
  border-radius: 12px;
2532
2529
  font-size: 14px;
2533
2530
  height: 40px;
2534
2531
  }
2535
- ._lg_1o5o7_99 {
2532
+ ._lg_hzvfu_100 {
2536
2533
  border-radius: 16px;
2537
2534
  font-size: 16px;
2538
2535
  height: 48px;
2539
2536
  }
2540
- ._selectError_1o5o7_105 {
2537
+ ._selectError_hzvfu_106 {
2541
2538
  color: var(--color-base-destructive-700);
2542
2539
  border-color: var(--color-base-destructive-700);
2543
2540
  background-color: var(--color-base-destructive-100);
2544
2541
  }
2545
- ._selectErrorCambio_1o5o7_111 {
2542
+ ._selectErrorCambio_hzvfu_112 {
2546
2543
  color: var(--color-cambio-destructive-900);
2547
2544
  border-color: var(--color-cambio-destructive-700);
2548
2545
  }
@@ -2598,7 +2595,7 @@
2598
2595
  }
2599
2596
 
2600
2597
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Chip/Chip.module.css/#css-module-data */
2601
- ._chip_1jp9s_1 {
2598
+ ._chip_1ndh3_1 {
2602
2599
  display: flex;
2603
2600
  align-items: center;
2604
2601
  justify-content: center;
@@ -2606,51 +2603,57 @@
2606
2603
  cursor: pointer;
2607
2604
  box-sizing: border-box;
2608
2605
  }
2609
- ._chipClassic_1jp9s_10 {
2606
+ ._chipClassic_1ndh3_10 {
2610
2607
  border: 1px solid var(--color-base-gray-300);
2611
2608
  border-radius: 1000px;
2612
2609
  }
2613
- ._chipCambio_1jp9s_15 {
2610
+ ._chipCambio_1ndh3_15 {
2614
2611
  border: none;
2615
2612
  border-radius: 8px;
2616
2613
  }
2617
- ._disabled_1jp9s_20 {
2614
+ ._disabled_1ndh3_20 {
2618
2615
  filter: opacity(50%);
2619
2616
  cursor: auto;
2620
2617
  }
2621
- ._deselectedChip_1jp9s_25 {
2618
+ ._deselectedChip_1ndh3_25 {
2622
2619
  background-color: var(--color-base-gray-200);
2623
2620
  }
2624
- ._selectedChip_1jp9s_29 {
2621
+ ._selectedChip_1ndh3_29 {
2625
2622
  background-color: var(--color-base-primary-800);
2626
2623
  border: 1px solid var(--color-base-primary-800);
2627
2624
  }
2628
- ._deselectedChipCambio_1jp9s_34 {
2625
+ ._deselectedChipCambio_1ndh3_34 {
2629
2626
  background-color: var(--color-cambio-gray-370);
2630
2627
  }
2631
- ._selectedChipCambio_1jp9s_38 {
2628
+ ._deselectedChipCambioOnDarkBackground_1ndh3_38 {
2629
+ background-color: var(--color-cambio-gray-870);
2630
+ }
2631
+ ._selectedChipCambio_1ndh3_42 {
2632
2632
  background-color: var(--color-cambio-gray-800);
2633
2633
  }
2634
- ._icon_1jp9s_42 {
2634
+ ._selectedChipCambioOnDarkBackground_1ndh3_46 {
2635
+ background-color: var(--color-cambio-gray-200);
2636
+ }
2637
+ ._icon_1ndh3_50 {
2635
2638
  height: 24px !important;
2636
2639
  width: 24px !important;
2637
2640
  color: var(--color-base-grey-900);
2638
2641
  }
2639
- ._selectedIcon_1jp9s_50 {
2642
+ ._selectedIcon_1ndh3_58 {
2640
2643
  color: #fff;
2641
2644
  }
2642
- ._sm_1jp9s_54 {
2645
+ ._sm_1ndh3_62 {
2643
2646
  height: 32px;
2644
2647
  min-width: 40px;
2645
2648
  padding: 8px 12px;
2646
2649
  }
2647
- ._lg_1jp9s_60 {
2650
+ ._lg_1ndh3_68 {
2648
2651
  height: 48px;
2649
2652
  min-width: 56px;
2650
2653
  padding: 8px 16px;
2651
2654
  }
2652
- ._chip_1jp9s_1:focus-visible,
2653
- ._forceFocus_1jp9s_67 {
2655
+ ._chip_1ndh3_1:focus-visible,
2656
+ ._forceFocus_1ndh3_75 {
2654
2657
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
2655
2658
  box-shadow: 0 0 0 4px #000;
2656
2659
  outline: solid 2px #fff;