@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
package/dist/index.css CHANGED
@@ -2465,7 +2465,7 @@
2465
2465
  }
2466
2466
 
2467
2467
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Chip/Chip.module.css/#css-module-data */
2468
- ._chip_1jp9s_1 {
2468
+ ._chip_1ndh3_1 {
2469
2469
  display: flex;
2470
2470
  align-items: center;
2471
2471
  justify-content: center;
@@ -2473,51 +2473,57 @@
2473
2473
  cursor: pointer;
2474
2474
  box-sizing: border-box;
2475
2475
  }
2476
- ._chipClassic_1jp9s_10 {
2476
+ ._chipClassic_1ndh3_10 {
2477
2477
  border: 1px solid var(--color-base-gray-300);
2478
2478
  border-radius: 1000px;
2479
2479
  }
2480
- ._chipCambio_1jp9s_15 {
2480
+ ._chipCambio_1ndh3_15 {
2481
2481
  border: none;
2482
2482
  border-radius: 8px;
2483
2483
  }
2484
- ._disabled_1jp9s_20 {
2484
+ ._disabled_1ndh3_20 {
2485
2485
  filter: opacity(50%);
2486
2486
  cursor: auto;
2487
2487
  }
2488
- ._deselectedChip_1jp9s_25 {
2488
+ ._deselectedChip_1ndh3_25 {
2489
2489
  background-color: var(--color-base-gray-200);
2490
2490
  }
2491
- ._selectedChip_1jp9s_29 {
2491
+ ._selectedChip_1ndh3_29 {
2492
2492
  background-color: var(--color-base-primary-800);
2493
2493
  border: 1px solid var(--color-base-primary-800);
2494
2494
  }
2495
- ._deselectedChipCambio_1jp9s_34 {
2495
+ ._deselectedChipCambio_1ndh3_34 {
2496
2496
  background-color: var(--color-cambio-gray-370);
2497
2497
  }
2498
- ._selectedChipCambio_1jp9s_38 {
2498
+ ._deselectedChipCambioOnDarkBackground_1ndh3_38 {
2499
+ background-color: var(--color-cambio-gray-870);
2500
+ }
2501
+ ._selectedChipCambio_1ndh3_42 {
2499
2502
  background-color: var(--color-cambio-gray-800);
2500
2503
  }
2501
- ._icon_1jp9s_42 {
2504
+ ._selectedChipCambioOnDarkBackground_1ndh3_46 {
2505
+ background-color: var(--color-cambio-gray-200);
2506
+ }
2507
+ ._icon_1ndh3_50 {
2502
2508
  height: 24px !important;
2503
2509
  width: 24px !important;
2504
2510
  color: var(--color-base-grey-900);
2505
2511
  }
2506
- ._selectedIcon_1jp9s_50 {
2512
+ ._selectedIcon_1ndh3_58 {
2507
2513
  color: #fff;
2508
2514
  }
2509
- ._sm_1jp9s_54 {
2515
+ ._sm_1ndh3_62 {
2510
2516
  height: 32px;
2511
2517
  min-width: 40px;
2512
2518
  padding: 8px 12px;
2513
2519
  }
2514
- ._lg_1jp9s_60 {
2520
+ ._lg_1ndh3_68 {
2515
2521
  height: 48px;
2516
2522
  min-width: 56px;
2517
2523
  padding: 8px 16px;
2518
2524
  }
2519
- ._chip_1jp9s_1:focus-visible,
2520
- ._forceFocus_1jp9s_67 {
2525
+ ._chip_1ndh3_1:focus-visible,
2526
+ ._forceFocus_1ndh3_75 {
2521
2527
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
2522
2528
  box-shadow: 0 0 0 4px #000;
2523
2529
  outline: solid 2px #fff;
@@ -2536,88 +2542,84 @@
2536
2542
  }
2537
2543
 
2538
2544
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
2539
- ._iconButton_1q9cs_1 {
2545
+ ._iconButton_4ynk4_1 {
2540
2546
  align-items: center;
2541
2547
  justify-content: center;
2542
2548
  display: flex;
2543
2549
  border-radius: 50%;
2544
2550
  }
2545
- ._iconButtonNoBorder_1q9cs_8 {
2551
+ ._iconButtonNoBorder_4ynk4_8 {
2546
2552
  border: none;
2547
2553
  }
2548
- ._iconButton_1q9cs_1:hover {
2554
+ ._iconButton_4ynk4_1:hover {
2549
2555
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
2550
2556
  transition-duration: 0.2s;
2551
2557
  cursor: pointer;
2552
2558
  }
2553
- ._iconButton_1q9cs_1:focus-visible {
2559
+ ._iconButton_4ynk4_1:focus-visible {
2554
2560
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
2555
2561
  box-shadow: 0 0 0 4px #000;
2556
2562
  outline: solid 2px #fff;
2557
2563
  }
2558
- ._iconButton_1q9cs_1:active {
2564
+ ._iconButton_4ynk4_1:active {
2559
2565
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
2560
2566
  transform: scale(0.97);
2561
2567
  transition-duration: 0.2s;
2562
2568
  }
2563
- ._iconButton_1q9cs_1:disabled {
2569
+ ._iconButton_4ynk4_1:disabled {
2564
2570
  filter: opacity(50%);
2565
2571
  background-image: none;
2566
2572
  transform: none;
2567
2573
  cursor: auto;
2568
2574
  }
2569
- ._sm_1q9cs_49 {
2575
+ ._sm_4ynk4_49 {
2570
2576
  height: 32px;
2571
2577
  width: 32px;
2572
2578
  }
2573
- ._md_1q9cs_54 {
2579
+ ._md_4ynk4_54 {
2574
2580
  height: 40px;
2575
2581
  width: 40px;
2576
2582
  }
2577
- ._lg_1q9cs_59 {
2583
+ ._lg_4ynk4_59 {
2578
2584
  height: 48px;
2579
2585
  width: 48px;
2580
2586
  }
2581
- ._smCambio_1q9cs_64 {
2587
+ ._smCambio_4ynk4_64 {
2582
2588
  height: 32px;
2583
2589
  width: 32px;
2584
2590
  }
2585
- ._mdCambio_1q9cs_69 {
2591
+ ._mdCambio_4ynk4_69 {
2586
2592
  height: 48px;
2587
2593
  width: 48px;
2588
2594
  }
2589
- ._lgCambio_1q9cs_74 {
2595
+ ._lgCambio_4ynk4_74 {
2590
2596
  height: 64px;
2591
2597
  width: 64px;
2592
2598
  }
2593
- ._smIcon_1q9cs_79 {
2599
+ ._smIcon_4ynk4_79 {
2594
2600
  height: 16px !important;
2595
2601
  width: 16px !important;
2596
2602
  }
2597
- ._mdIcon_1q9cs_86 {
2603
+ ._mdIcon_4ynk4_86 {
2598
2604
  height: 20px !important;
2599
2605
  width: 20px !important;
2600
2606
  }
2601
- ._lgIcon_1q9cs_93 {
2607
+ ._lgIcon_4ynk4_93 {
2602
2608
  height: 24px !important;
2603
2609
  width: 24px !important;
2604
2610
  }
2605
- ._smIconCambio_1q9cs_100 {
2611
+ ._smIconCambio_4ynk4_100 {
2606
2612
  height: 20px !important;
2607
2613
  width: 20px !important;
2608
2614
  }
2609
- ._mdIconCambio_1q9cs_107 {
2615
+ ._mdIconCambio_4ynk4_107 {
2610
2616
  height: 24px !important;
2611
2617
  width: 24px !important;
2612
2618
  }
2613
- ._lgIconCambio_1q9cs_114 {
2619
+ ._lgIconCambio_4ynk4_114 {
2614
2620
  height: 32px !important;
2615
2621
  width: 32px !important;
2616
2622
  }
2617
- ._xlIconCambio_1q9cs_121 {
2618
- height: 40px !important;
2619
- width: 40px !important;
2620
- }
2621
2623
 
2622
2624
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkButton/LinkButton.module.css/#css-module-data */
2623
2625
  ._linkButton_1qjrb_1 {
@@ -2798,18 +2800,18 @@
2798
2800
  }
2799
2801
 
2800
2802
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data */
2801
- ._selectContainer_1o5o7_1 {
2803
+ ._selectContainer_hzvfu_1 {
2802
2804
  display: flex;
2803
2805
  flex-direction: column;
2804
2806
  gap: 8px;
2805
2807
  }
2806
- ._selectContainerCambio_1o5o7_7 {
2808
+ ._selectContainerCambio_hzvfu_7 {
2807
2809
  position: relative;
2808
2810
  }
2809
- ._opacityOverlay_1o5o7_11 {
2811
+ ._opacityOverlay_hzvfu_11 {
2810
2812
  opacity: 0.5;
2811
2813
  }
2812
- ._labelCambio_1o5o7_15 {
2814
+ ._labelCambio_hzvfu_15 {
2813
2815
  left: 1px;
2814
2816
  right: 1px;
2815
2817
  position: absolute;
@@ -2819,11 +2821,11 @@
2819
2821
  padding-top: 7px;
2820
2822
  z-index: 1;
2821
2823
  }
2822
- ._selectWrapper_1o5o7_26 {
2824
+ ._selectWrapper_hzvfu_26 {
2823
2825
  display: flex;
2824
2826
  position: relative;
2825
2827
  }
2826
- ._selectBox_1o5o7_31 {
2828
+ ._selectBox_hzvfu_31 {
2827
2829
  align-items: center;
2828
2830
  appearance: none;
2829
2831
  background-color: var(--color-base-white);
@@ -2845,28 +2847,29 @@
2845
2847
  outline: 0;
2846
2848
  width: 100%;
2847
2849
  }
2848
- ._selectBoxClassic_1o5o7_47 {
2850
+ ._selectBoxClassic_hzvfu_47 {
2849
2851
  border: 1px solid var(--color-base-gray-700);
2850
2852
  padding: 0 36px 0 12px;
2851
2853
  }
2852
- ._selectBoxCambio_1o5o7_52 {
2854
+ ._selectBoxCambio_hzvfu_52 {
2853
2855
  border: 1px solid var(--color-cambio-gray-370);
2854
2856
  border-radius: 8px;
2857
+ box-sizing: border-box;
2855
2858
  font-size: 14px;
2856
2859
  height: 48px;
2857
2860
  padding: 12px 36px 0 12px;
2858
2861
  }
2859
- ._selectMouseFocusStyling_1o5o7_60 {
2862
+ ._selectMouseFocusStyling_hzvfu_61 {
2860
2863
  border: 1px solid var(--color-base-primary-700);
2861
2864
  box-shadow: 0 0 0 1px var(--color-base-primary-700);
2862
2865
  }
2863
- ._unselected_1o5o7_65 {
2866
+ ._unselected_hzvfu_66 {
2864
2867
  color: var(--color-base-gray-700);
2865
2868
  }
2866
- ._selected_1o5o7_69 {
2869
+ ._selected_hzvfu_70 {
2867
2870
  color: var(--color-base-gray-800);
2868
2871
  }
2869
- ._arrowIcon_1o5o7_73 {
2872
+ ._arrowIcon_hzvfu_74 {
2870
2873
  display: flex;
2871
2874
  position: absolute;
2872
2875
  right: 0;
@@ -2875,30 +2878,30 @@
2875
2878
  padding-inline-end: 8px;
2876
2879
  pointer-events: none;
2877
2880
  }
2878
- ._selectBox_1o5o7_31:disabled {
2881
+ ._selectBox_hzvfu_31:disabled {
2879
2882
  cursor: auto;
2880
2883
  }
2881
- ._sm_1o5o7_87 {
2884
+ ._sm_hzvfu_88 {
2882
2885
  border-radius: 12px;
2883
2886
  font-size: 12px;
2884
2887
  height: 32px;
2885
2888
  }
2886
- ._md_1o5o7_93 {
2889
+ ._md_hzvfu_94 {
2887
2890
  border-radius: 12px;
2888
2891
  font-size: 14px;
2889
2892
  height: 40px;
2890
2893
  }
2891
- ._lg_1o5o7_99 {
2894
+ ._lg_hzvfu_100 {
2892
2895
  border-radius: 16px;
2893
2896
  font-size: 16px;
2894
2897
  height: 48px;
2895
2898
  }
2896
- ._selectError_1o5o7_105 {
2899
+ ._selectError_hzvfu_106 {
2897
2900
  color: var(--color-base-destructive-700);
2898
2901
  border-color: var(--color-base-destructive-700);
2899
2902
  background-color: var(--color-base-destructive-100);
2900
2903
  }
2901
- ._selectErrorCambio_1o5o7_111 {
2904
+ ._selectErrorCambio_hzvfu_112 {
2902
2905
  color: var(--color-cambio-destructive-900);
2903
2906
  border-color: var(--color-cambio-destructive-700);
2904
2907
  }