@cambly/syntax-core 21.9.0 → 21.11.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 (127) hide show
  1. package/dist/Badge/Badge.css +53 -49
  2. package/dist/Badge/Badge.css.map +1 -1
  3. package/dist/Badge/Badge.js +2 -2
  4. package/dist/Button/Button.css +53 -49
  5. package/dist/Button/Button.css.map +1 -1
  6. package/dist/Button/Button.js +2 -2
  7. package/dist/Checkbox/Checkbox.css +53 -49
  8. package/dist/Checkbox/Checkbox.css.map +1 -1
  9. package/dist/Checkbox/Checkbox.js +2 -2
  10. package/dist/Chip/Chip.css +53 -49
  11. package/dist/Chip/Chip.css.map +1 -1
  12. package/dist/Chip/Chip.js +2 -2
  13. package/dist/Heading/Heading.css +53 -49
  14. package/dist/Heading/Heading.css.map +1 -1
  15. package/dist/Heading/Heading.js +2 -2
  16. package/dist/LinkButton/LinkButton.css +53 -49
  17. package/dist/LinkButton/LinkButton.css.map +1 -1
  18. package/dist/LinkButton/LinkButton.js +2 -2
  19. package/dist/LinkTapArea/LinkTapArea.css +60 -0
  20. package/dist/LinkTapArea/LinkTapArea.css.map +1 -0
  21. package/dist/LinkTapArea/LinkTapArea.d.ts +74 -0
  22. package/dist/LinkTapArea/LinkTapArea.js +12 -0
  23. package/dist/LinkTapArea/LinkTapArea.js.map +1 -0
  24. package/dist/Modal/Modal.css +53 -49
  25. package/dist/Modal/Modal.css.map +1 -1
  26. package/dist/Modal/Modal.js +3 -3
  27. package/dist/RadioButton/RadioButton.css +53 -49
  28. package/dist/RadioButton/RadioButton.css.map +1 -1
  29. package/dist/RadioButton/RadioButton.js +2 -2
  30. package/dist/RichSelect/RichSelectBox.css +53 -49
  31. package/dist/RichSelect/RichSelectBox.css.map +1 -1
  32. package/dist/RichSelect/RichSelectBox.js +8 -8
  33. package/dist/RichSelect/RichSelectChip.css +53 -49
  34. package/dist/RichSelect/RichSelectChip.css.map +1 -1
  35. package/dist/RichSelect/RichSelectChip.js +3 -3
  36. package/dist/RichSelect/RichSelectList.css +53 -49
  37. package/dist/RichSelect/RichSelectList.css.map +1 -1
  38. package/dist/RichSelect/RichSelectList.js +12 -11
  39. package/dist/RichSelect/RichSelectRadioButton.css +53 -49
  40. package/dist/RichSelect/RichSelectRadioButton.css.map +1 -1
  41. package/dist/RichSelect/RichSelectRadioButton.js +3 -3
  42. package/dist/RichSelect/RichSelectSection.css +53 -49
  43. package/dist/RichSelect/RichSelectSection.css.map +1 -1
  44. package/dist/RichSelect/RichSelectSection.js +2 -2
  45. package/dist/SelectList/SelectList.css +53 -49
  46. package/dist/SelectList/SelectList.css.map +1 -1
  47. package/dist/SelectList/SelectList.js +3 -3
  48. package/dist/TabButton/TabButton.css +53 -49
  49. package/dist/TabButton/TabButton.css.map +1 -1
  50. package/dist/TabButton/TabButton.js +5 -4
  51. package/dist/TabLink/TabLink.css +53 -49
  52. package/dist/TabLink/TabLink.css.map +1 -1
  53. package/dist/TabLink/TabLink.js +3 -3
  54. package/dist/Tabs/TabInternal.css +53 -49
  55. package/dist/Tabs/TabInternal.css.map +1 -1
  56. package/dist/Tabs/TabInternal.js +2 -2
  57. package/dist/TapArea/TapArea.js +2 -1
  58. package/dist/TextArea/TextArea.css +53 -49
  59. package/dist/TextArea/TextArea.css.map +1 -1
  60. package/dist/TextArea/TextArea.js +2 -2
  61. package/dist/TextField/TextField.css +53 -49
  62. package/dist/TextField/TextField.css.map +1 -1
  63. package/dist/TextField/TextField.js +3 -3
  64. package/dist/Tooltip/Tooltip.css +53 -49
  65. package/dist/Tooltip/Tooltip.css.map +1 -1
  66. package/dist/Tooltip/Tooltip.js +2 -2
  67. package/dist/Typography/Typography.css +53 -49
  68. package/dist/Typography/Typography.css.map +1 -1
  69. package/dist/Typography/Typography.js +1 -1
  70. package/dist/WordConfetti/WordConfetti.css +53 -49
  71. package/dist/WordConfetti/WordConfetti.css.map +1 -1
  72. package/dist/WordConfetti/WordConfetti.js +2 -2
  73. package/dist/__chunks/{WAGE57PF.js → 3TH6B66Z.js} +2 -2
  74. package/dist/__chunks/{3BCWTSJY.js → 7ZKXYLXP.js} +8 -8
  75. package/dist/__chunks/{V6TACYID.js → A2BLWAHB.js} +2 -2
  76. package/dist/__chunks/{3CVV6PAD.js → CLVZ4FOV.js} +5 -5
  77. package/dist/__chunks/{HVUDEKZ4.js → EJEDQLJI.js} +2 -2
  78. package/dist/__chunks/{VVBRZJ24.js → EKSO3SO5.js} +3 -3
  79. package/dist/__chunks/{MPRB6RD7.js → IDX7RWVA.js} +2 -2
  80. package/dist/__chunks/{MPRB6RD7.js.map → IDX7RWVA.js.map} +1 -1
  81. package/dist/__chunks/{DIZ2AM3O.js → IOLXYFOT.js} +2 -2
  82. package/dist/__chunks/{4DDCK4YC.js → J2CULO5Z.js} +2 -2
  83. package/dist/__chunks/{TZ6K2QOX.js → JEQOCPG6.js} +2 -2
  84. package/dist/__chunks/{JVYDT3KG.js → JRSIZ3OC.js} +2 -2
  85. package/dist/__chunks/{QGKN6QPT.js → JXOW2OYL.js} +2 -2
  86. package/dist/__chunks/{LIAZJ67M.js → KURNAKIN.js} +2 -2
  87. package/dist/__chunks/{TKDQXKWS.js → L3O26KOI.js} +2 -2
  88. package/dist/__chunks/LD67LLZE.js +154 -0
  89. package/dist/__chunks/LD67LLZE.js.map +1 -0
  90. package/dist/__chunks/{2BHS5CFG.js → MEW6HJNQ.js} +2 -2
  91. package/dist/__chunks/{KYB756P2.js → ND2XGXML.js} +2 -2
  92. package/dist/__chunks/{Q3GETQTJ.js → NXXK4RDM.js} +2 -2
  93. package/dist/__chunks/{22DOBTM6.js → OSGJ5HDK.js} +2 -2
  94. package/dist/__chunks/{S3C44SBB.js → OXEXFQAN.js} +1 -1
  95. package/dist/__chunks/{37HO7CY6.js → SFIVTUDU.js} +2 -2
  96. package/dist/__chunks/{4QIAQ7OT.js → TNRDWSUF.js} +2 -2
  97. package/dist/__chunks/{O73BKRLX.js → VXX4H2RU.js} +3 -3
  98. package/dist/__chunks/{HAV7ESKO.js → XATRX37Q.js} +3 -3
  99. package/dist/__chunks/{QTYWP33K.js → YGOEYFXY.js} +1 -1
  100. package/dist/__chunks/{QTYWP33K.js.map → YGOEYFXY.js.map} +1 -1
  101. package/dist/index.css +102 -88
  102. package/dist/index.css.map +1 -1
  103. package/dist/index.d.ts +1 -0
  104. package/dist/index.js +34 -29
  105. package/package.json +3 -3
  106. /package/dist/__chunks/{WAGE57PF.js.map → 3TH6B66Z.js.map} +0 -0
  107. /package/dist/__chunks/{3BCWTSJY.js.map → 7ZKXYLXP.js.map} +0 -0
  108. /package/dist/__chunks/{V6TACYID.js.map → A2BLWAHB.js.map} +0 -0
  109. /package/dist/__chunks/{3CVV6PAD.js.map → CLVZ4FOV.js.map} +0 -0
  110. /package/dist/__chunks/{HVUDEKZ4.js.map → EJEDQLJI.js.map} +0 -0
  111. /package/dist/__chunks/{VVBRZJ24.js.map → EKSO3SO5.js.map} +0 -0
  112. /package/dist/__chunks/{DIZ2AM3O.js.map → IOLXYFOT.js.map} +0 -0
  113. /package/dist/__chunks/{4DDCK4YC.js.map → J2CULO5Z.js.map} +0 -0
  114. /package/dist/__chunks/{TZ6K2QOX.js.map → JEQOCPG6.js.map} +0 -0
  115. /package/dist/__chunks/{JVYDT3KG.js.map → JRSIZ3OC.js.map} +0 -0
  116. /package/dist/__chunks/{QGKN6QPT.js.map → JXOW2OYL.js.map} +0 -0
  117. /package/dist/__chunks/{LIAZJ67M.js.map → KURNAKIN.js.map} +0 -0
  118. /package/dist/__chunks/{TKDQXKWS.js.map → L3O26KOI.js.map} +0 -0
  119. /package/dist/__chunks/{2BHS5CFG.js.map → MEW6HJNQ.js.map} +0 -0
  120. /package/dist/__chunks/{KYB756P2.js.map → ND2XGXML.js.map} +0 -0
  121. /package/dist/__chunks/{Q3GETQTJ.js.map → NXXK4RDM.js.map} +0 -0
  122. /package/dist/__chunks/{22DOBTM6.js.map → OSGJ5HDK.js.map} +0 -0
  123. /package/dist/__chunks/{S3C44SBB.js.map → OXEXFQAN.js.map} +0 -0
  124. /package/dist/__chunks/{37HO7CY6.js.map → SFIVTUDU.js.map} +0 -0
  125. /package/dist/__chunks/{4QIAQ7OT.js.map → TNRDWSUF.js.map} +0 -0
  126. /package/dist/__chunks/{O73BKRLX.js.map → VXX4H2RU.js.map} +0 -0
  127. /package/dist/__chunks/{HAV7ESKO.js.map → XATRX37Q.js.map} +0 -0
package/dist/index.css CHANGED
@@ -2296,7 +2296,7 @@
2296
2296
  }
2297
2297
 
2298
2298
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
2299
- ._typography_1x77l_1 {
2299
+ ._typography_qb8k0_1 {
2300
2300
  line-height: initial;
2301
2301
  margin: 0;
2302
2302
  }
@@ -2312,144 +2312,148 @@
2312
2312
  font-weight: 700;
2313
2313
  src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-text-bold-final.woff2);
2314
2314
  }
2315
- ._sansSerif_1x77l_22 {
2315
+ ._sansSerif_qb8k0_22 {
2316
2316
  font-family: var(--syntax-font-sans-serif);
2317
2317
  margin: 0;
2318
2318
  }
2319
- ._serif_1x77l_27 {
2319
+ ._serif_qb8k0_27 {
2320
2320
  font-family: var( --syntax-font-sans-serif );
2321
2321
  }
2322
- :lang(en) ._serif_1x77l_27,
2323
- :lang(az) ._serif_1x77l_27,
2324
- :lang(fr) ._serif_1x77l_27,
2325
- :lang(de) ._serif_1x77l_27,
2326
- :lang(es) ._serif_1x77l_27,
2327
- :lang(it) ._serif_1x77l_27,
2328
- :lang(pl) ._serif_1x77l_27,
2329
- :lang(pt) ._serif_1x77l_27,
2330
- :lang(tr) ._serif_1x77l_27 {
2322
+ :lang(en) ._serif_qb8k0_27,
2323
+ :lang(az) ._serif_qb8k0_27,
2324
+ :lang(fr) ._serif_qb8k0_27,
2325
+ :lang(de) ._serif_qb8k0_27,
2326
+ :lang(es) ._serif_qb8k0_27,
2327
+ :lang(it) ._serif_qb8k0_27,
2328
+ :lang(pl) ._serif_qb8k0_27,
2329
+ :lang(pt) ._serif_qb8k0_27,
2330
+ :lang(tr) ._serif_qb8k0_27 {
2331
2331
  font-family: "GT Super", var(--syntax-font-sans-serif);
2332
2332
  -webkit-font-smoothing: antialiased;
2333
2333
  letter-spacing: -0.02em;
2334
2334
  line-height: 1.15em;
2335
2335
  }
2336
- ._size0_1x77l_73 {
2336
+ ._size0_qb8k0_73 {
2337
2337
  font-size: 12px;
2338
2338
  }
2339
- ._size100_1x77l_77 {
2339
+ ._size100_qb8k0_77 {
2340
2340
  font-size: 13px;
2341
2341
  }
2342
- ._size200_1x77l_81 {
2342
+ ._size200_qb8k0_81 {
2343
2343
  font-size: 16px;
2344
2344
  }
2345
- ._size300_1x77l_85 {
2345
+ ._size300_qb8k0_85 {
2346
2346
  font-size: 19px;
2347
2347
  }
2348
- ._size400_1x77l_89 {
2348
+ ._size400_qb8k0_89 {
2349
2349
  font-size: 25px;
2350
2350
  }
2351
- ._size500_1x77l_93 {
2351
+ ._size500_qb8k0_93 {
2352
2352
  font-size: 32px;
2353
2353
  }
2354
- ._size700_1x77l_97 {
2354
+ ._size700_qb8k0_97 {
2355
2355
  font-size: 38px;
2356
2356
  }
2357
- ._size800_1x77l_101 {
2357
+ ._size800_qb8k0_101 {
2358
2358
  font-size: 46px;
2359
2359
  }
2360
- ._size900_1x77l_105 {
2360
+ ._size900_qb8k0_105 {
2361
2361
  font-size: 55px;
2362
2362
  }
2363
- ._size1100_1x77l_109 {
2363
+ ._size1100_qb8k0_109 {
2364
2364
  font-size: 83px;
2365
2365
  }
2366
2366
  @media (min-width: 480px) {
2367
- ._size300_1x77l_85 {
2367
+ ._size300_qb8k0_85 {
2368
2368
  font-size: 20px;
2369
2369
  }
2370
- ._size700_1x77l_97 {
2370
+ ._size700_qb8k0_97 {
2371
2371
  font-size: 44px;
2372
2372
  }
2373
- ._size800_1x77l_101 {
2373
+ ._size800_qb8k0_101 {
2374
2374
  font-size: 63px;
2375
2375
  }
2376
- ._size900_1x77l_105 {
2376
+ ._size900_qb8k0_105 {
2377
2377
  font-size: 76px;
2378
2378
  }
2379
- ._size1100_1x77l_109 {
2379
+ ._size1100_qb8k0_109 {
2380
2380
  font-size: 119px;
2381
2381
  }
2382
2382
  }
2383
- ._center_1x77l_137 {
2383
+ ._center_qb8k0_137 {
2384
2384
  text-align: center;
2385
2385
  }
2386
- ._forceLeft_1x77l_141 {
2386
+ ._forceLeft_qb8k0_141 {
2387
2387
  text-align: left;
2388
2388
  }
2389
- ._forceRight_1x77l_145 {
2389
+ ._forceRight_qb8k0_145 {
2390
2390
  text-align: right;
2391
2391
  }
2392
- ._start_1x77l_149 {
2392
+ ._start_qb8k0_149 {
2393
2393
  text-align: start;
2394
2394
  }
2395
- ._end_1x77l_153 {
2395
+ ._end_qb8k0_153 {
2396
2396
  text-align: end;
2397
2397
  }
2398
- ._regular_1x77l_159 {
2398
+ ._regular_qb8k0_159 {
2399
2399
  font-weight: 400;
2400
2400
  }
2401
- ._medium_1x77l_163 {
2401
+ ._medium_qb8k0_163 {
2402
2402
  font-weight: 510;
2403
2403
  }
2404
- ._semiBold_1x77l_167 {
2404
+ ._semiBold_qb8k0_167 {
2405
2405
  font-weight: 590;
2406
2406
  }
2407
- ._bold_1x77l_171 {
2407
+ ._bold_qb8k0_171 {
2408
2408
  font-weight: 700;
2409
2409
  }
2410
- ._underline_1x77l_175 {
2410
+ ._underline_qb8k0_175 {
2411
2411
  text-decoration: underline;
2412
2412
  }
2413
- ._inline_1x77l_179 {
2413
+ ._inline_qb8k0_179 {
2414
2414
  display: inline;
2415
2415
  }
2416
- ._uppercase_1x77l_183 {
2416
+ ._uppercase_qb8k0_183 {
2417
2417
  text-transform: uppercase;
2418
2418
  }
2419
- ._lineClamp_1x77l_187 {
2419
+ ._lineClamp_qb8k0_187 {
2420
2420
  -webkit-box-orient: vertical;
2421
2421
  display: -webkit-box;
2422
2422
  max-width: 100%;
2423
2423
  overflow: hidden;
2424
2424
  word-break: break-word;
2425
2425
  }
2426
- ._p100_1x77l_196 {
2426
+ ._p100_qb8k0_196 {
2427
2427
  line-height: 150%;
2428
2428
  }
2429
- ._p200_1x77l_200 {
2429
+ ._p200_qb8k0_200 {
2430
2430
  line-height: 150%;
2431
2431
  }
2432
- ._p300_1x77l_204 {
2432
+ ._p300_qb8k0_204 {
2433
2433
  line-height: 140%;
2434
2434
  }
2435
- ._p400_1x77l_208 {
2435
+ ._p400_qb8k0_208 {
2436
2436
  line-height: 130%;
2437
2437
  }
2438
- ._p500_1x77l_212 {
2438
+ ._p500_qb8k0_212 {
2439
2439
  line-height: 115%;
2440
2440
  }
2441
- ._inherit_1x77l_217 {
2441
+ ._inherit_qb8k0_217 {
2442
2442
  white-space: inherit;
2443
2443
  }
2444
- ._normal_1x77l_221 {
2444
+ ._normal_qb8k0_221 {
2445
2445
  white-space: normal;
2446
2446
  }
2447
- ._nowrap_1x77l_225 {
2447
+ ._nowrap_qb8k0_225 {
2448
2448
  white-space: nowrap;
2449
2449
  }
2450
- ._preLine_1x77l_229 {
2450
+ ._preLine_qb8k0_229 {
2451
2451
  white-space: pre-line;
2452
2452
  }
2453
+ :lang(ko),
2454
+ ._typography_qb8k0_1 {
2455
+ word-break: keep-all;
2456
+ }
2453
2457
 
2454
2458
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css/#css-module-data */
2455
2459
  ._icon_1g9xb_1 {
@@ -2830,6 +2834,55 @@
2830
2834
  width: fit-content;
2831
2835
  }
2832
2836
 
2837
+ /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css/#css-module-data */
2838
+ ._tapArea_1gbc8_1 {
2839
+ box-sizing: border-box;
2840
+ }
2841
+ ._fullHeight_1gbc8_5 {
2842
+ height: 100%;
2843
+ }
2844
+ ._fullWidth_1gbc8_9 {
2845
+ width: 100%;
2846
+ }
2847
+ ._disabled_1gbc8_13 {
2848
+ filter: opacity(50%);
2849
+ background-image: none;
2850
+ transform: none;
2851
+ cursor: auto;
2852
+ }
2853
+ ._enabled_1gbc8_20 {
2854
+ cursor: pointer;
2855
+ }
2856
+ ._enabled_1gbc8_20:hover {
2857
+ cursor: pointer;
2858
+ }
2859
+ ._enabled_1gbc8_20:focus-visible {
2860
+ box-shadow: 0 0 0 4px #000;
2861
+ outline: solid 2px #fff;
2862
+ }
2863
+ ._overlay_1gbc8_33 {
2864
+ background-color: rgba(0, 0, 0, 0.1);
2865
+ position: absolute;
2866
+ top: 0;
2867
+ left: 0;
2868
+ width: 100%;
2869
+ height: 100%;
2870
+ pointer-events: none;
2871
+ }
2872
+ ._hoveredOrFocussed_1gbc8_43 {
2873
+ position: relative;
2874
+ }
2875
+
2876
+ /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkTapArea/LinkTapArea.module.css/#css-module-data */
2877
+ ._linkTapArea_1nzmd_1 {
2878
+ box-sizing: border-box;
2879
+ text-decoration: none;
2880
+ }
2881
+ ._linkTapArea_1nzmd_1:focus,
2882
+ ._linkTapArea_1nzmd_1:hover {
2883
+ text-decoration: none;
2884
+ }
2885
+
2833
2886
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Modal/Modal.module.css/#css-module-data */
2834
2887
  ._backdrop_17lbk_1 {
2835
2888
  background-color: var(--color-cambio-gray-870);
@@ -3075,45 +3128,6 @@
3075
3128
  cursor: pointer;
3076
3129
  }
3077
3130
 
3078
- /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css/#css-module-data */
3079
- ._tapArea_1gbc8_1 {
3080
- box-sizing: border-box;
3081
- }
3082
- ._fullHeight_1gbc8_5 {
3083
- height: 100%;
3084
- }
3085
- ._fullWidth_1gbc8_9 {
3086
- width: 100%;
3087
- }
3088
- ._disabled_1gbc8_13 {
3089
- filter: opacity(50%);
3090
- background-image: none;
3091
- transform: none;
3092
- cursor: auto;
3093
- }
3094
- ._enabled_1gbc8_20 {
3095
- cursor: pointer;
3096
- }
3097
- ._enabled_1gbc8_20:hover {
3098
- cursor: pointer;
3099
- }
3100
- ._enabled_1gbc8_20:focus-visible {
3101
- box-shadow: 0 0 0 4px #000;
3102
- outline: solid 2px #fff;
3103
- }
3104
- ._overlay_1gbc8_33 {
3105
- background-color: rgba(0, 0, 0, 0.1);
3106
- position: absolute;
3107
- top: 0;
3108
- left: 0;
3109
- width: 100%;
3110
- height: 100%;
3111
- pointer-events: none;
3112
- }
3113
- ._hoveredOrFocussed_1gbc8_43 {
3114
- position: relative;
3115
- }
3116
-
3117
3131
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Tabs/Tabs.module.css/#css-module-data */
3118
3132
  ._tabContainerlightBackground_b6c60_1 {
3119
3133
  border-bottom: 1px solid var(--color-cambio-gray-370);