@cambly/syntax-core 7.10.0 → 7.11.1

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.
package/dist/index.css CHANGED
@@ -272,113 +272,98 @@
272
272
  }
273
273
 
274
274
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data */
275
- ._box_33gse_1 {
275
+ ._box_16gig_1 {
276
276
  box-sizing: border-box;
277
277
  }
278
- ._flexnone_33gse_5 {
278
+ ._flexnone_16gig_5 {
279
279
  flex: 0 0 auto;
280
280
  }
281
- ._flexgrow_33gse_9 {
281
+ ._flexgrow_16gig_9 {
282
282
  flex: 1 1 auto;
283
283
  }
284
- ._flexWrap_33gse_13 {
284
+ ._flexWrap_16gig_13 {
285
285
  flex-wrap: wrap;
286
286
  }
287
- ._alignItemscenter_33gse_18 {
287
+ ._alignItemscenter_16gig_18 {
288
288
  align-items: center;
289
289
  }
290
- ._alignItemsstart_33gse_22 {
290
+ ._alignItemsstart_16gig_22 {
291
291
  align-items: flex-start;
292
292
  }
293
- ._alignItemsend_33gse_26 {
293
+ ._alignItemsend_16gig_26 {
294
294
  align-items: flex-end;
295
295
  }
296
- ._alignItemsstretch_33gse_30 {
296
+ ._alignItemsstretch_16gig_30 {
297
297
  align-items: stretch;
298
298
  }
299
- ._alignItemsbaseline_33gse_34 {
299
+ ._alignItemsbaseline_16gig_34 {
300
300
  align-items: baseline;
301
301
  }
302
302
  @media (min-width: 480px) {
303
- ._alignItemscenterSmall_33gse_40 {
303
+ ._alignItemscenterSmall_16gig_40 {
304
304
  align-items: center;
305
305
  }
306
- ._alignItemsstartSmall_33gse_44 {
306
+ ._alignItemsstartSmall_16gig_44 {
307
307
  align-items: flex-start;
308
308
  }
309
- ._alignItemsendSmall_33gse_48 {
309
+ ._alignItemsendSmall_16gig_48 {
310
310
  align-items: flex-end;
311
311
  }
312
- ._alignItemsstretchSmall_33gse_52 {
312
+ ._alignItemsstretchSmall_16gig_52 {
313
313
  align-items: stretch;
314
314
  }
315
- ._alignItemsbaselineSmall_33gse_56 {
315
+ ._alignItemsbaselineSmall_16gig_56 {
316
316
  align-items: baseline;
317
317
  }
318
318
  }
319
319
  @media (min-width: 960px) {
320
- ._alignItemscenterLarge_33gse_63 {
320
+ ._alignItemscenterLarge_16gig_63 {
321
321
  align-items: center;
322
322
  }
323
- ._alignItemsstartLarge_33gse_67 {
323
+ ._alignItemsstartLarge_16gig_67 {
324
324
  align-items: flex-start;
325
325
  }
326
- ._alignItemsendLarge_33gse_71 {
326
+ ._alignItemsendLarge_16gig_71 {
327
327
  align-items: flex-end;
328
328
  }
329
- ._alignItemsstretchLarge_33gse_75 {
329
+ ._alignItemsstretchLarge_16gig_75 {
330
330
  align-items: stretch;
331
331
  }
332
- ._alignItemsbaselineLarge_33gse_79 {
332
+ ._alignItemsbaselineLarge_16gig_79 {
333
333
  align-items: baseline;
334
334
  }
335
335
  }
336
- ._alignSelfcenter_33gse_85 {
336
+ ._alignSelfcenter_16gig_85 {
337
337
  align-self: center;
338
338
  }
339
- ._alignSelfstart_33gse_89 {
339
+ ._alignSelfstart_16gig_89 {
340
340
  align-self: flex-start;
341
341
  }
342
- ._alignSelfend_33gse_93 {
342
+ ._alignSelfend_16gig_93 {
343
343
  align-self: flex-end;
344
344
  }
345
- ._alignSelfstretch_33gse_97 {
345
+ ._alignSelfstretch_16gig_97 {
346
346
  align-self: stretch;
347
347
  }
348
- ._alignSelfbaseline_33gse_101 {
348
+ ._alignSelfbaseline_16gig_101 {
349
349
  align-self: baseline;
350
350
  }
351
- ._alignSelfauto_33gse_105 {
351
+ ._alignSelfauto_16gig_105 {
352
352
  align-self: auto;
353
353
  }
354
- ._roundingsm_33gse_110 {
355
- border-radius: 8px;
356
- }
357
- ._roundingmd_33gse_114 {
358
- border-radius: 12px;
359
- }
360
- ._roundinglg_33gse_118 {
361
- border-radius: 16px;
362
- }
363
- ._roundingxl_33gse_122 {
364
- border-radius: 32px;
365
- }
366
- ._roundingfull_33gse_126 {
367
- border-radius: 999px;
368
- }
369
- ._block_33gse_131 {
354
+ ._block_16gig_110 {
370
355
  display: block;
371
356
  }
372
- ._flex_33gse_5 {
357
+ ._flex_16gig_5 {
373
358
  display: flex;
374
359
  }
375
- ._inlineBlock_33gse_139 {
360
+ ._inlineBlock_16gig_118 {
376
361
  display: inline-block;
377
362
  }
378
- ._none_33gse_143 {
363
+ ._none_16gig_122 {
379
364
  display: none;
380
365
  }
381
- ._visuallyHidden_33gse_147 {
366
+ ._visuallyHidden_16gig_126 {
382
367
  position: absolute;
383
368
  width: 1px;
384
369
  height: 1px;
@@ -390,19 +375,19 @@
390
375
  overflow: hidden;
391
376
  }
392
377
  @media (min-width: 480px) {
393
- ._blockSmall_33gse_161 {
378
+ ._blockSmall_16gig_140 {
394
379
  display: block;
395
380
  }
396
- ._flexSmall_33gse_165 {
381
+ ._flexSmall_16gig_144 {
397
382
  display: flex;
398
383
  }
399
- ._inlineBlockSmall_33gse_169 {
384
+ ._inlineBlockSmall_16gig_148 {
400
385
  display: inline-block;
401
386
  }
402
- ._noneSmall_33gse_173 {
387
+ ._noneSmall_16gig_152 {
403
388
  display: none;
404
389
  }
405
- ._visuallyHiddenSmall_33gse_177 {
390
+ ._visuallyHiddenSmall_16gig_156 {
406
391
  position: absolute;
407
392
  width: 1px;
408
393
  height: 1px;
@@ -415,19 +400,19 @@
415
400
  }
416
401
  }
417
402
  @media (min-width: 960px) {
418
- ._blockLarge_33gse_192 {
403
+ ._blockLarge_16gig_171 {
419
404
  display: block;
420
405
  }
421
- ._flexLarge_33gse_196 {
406
+ ._flexLarge_16gig_175 {
422
407
  display: flex;
423
408
  }
424
- ._inlineBlockLarge_33gse_200 {
409
+ ._inlineBlockLarge_16gig_179 {
425
410
  display: inline-block;
426
411
  }
427
- ._noneLarge_33gse_204 {
412
+ ._noneLarge_16gig_183 {
428
413
  display: none;
429
414
  }
430
- ._visuallyHiddenLarge_33gse_208 {
415
+ ._visuallyHiddenLarge_16gig_187 {
431
416
  position: absolute;
432
417
  width: 1px;
433
418
  height: 1px;
@@ -439,135 +424,135 @@
439
424
  overflow: hidden;
440
425
  }
441
426
  }
442
- ._column_33gse_222 {
427
+ ._column_16gig_201 {
443
428
  flex-direction: column;
444
429
  }
445
- ._row_33gse_226 {
430
+ ._row_16gig_205 {
446
431
  flex-direction: row;
447
432
  }
448
433
  @media (min-width: 480px) {
449
- ._columnSmall_33gse_232 {
434
+ ._columnSmall_16gig_211 {
450
435
  flex-direction: column;
451
436
  }
452
- ._rowSmall_33gse_236 {
437
+ ._rowSmall_16gig_215 {
453
438
  flex-direction: row;
454
439
  }
455
440
  }
456
441
  @media (min-width: 960px) {
457
- ._columnLarge_33gse_243 {
442
+ ._columnLarge_16gig_222 {
458
443
  flex-direction: column;
459
444
  }
460
- ._rowLarge_33gse_247 {
445
+ ._rowLarge_16gig_226 {
461
446
  flex-direction: row;
462
447
  }
463
448
  }
464
- ._gap0_33gse_253 {
449
+ ._gap0_16gig_232 {
465
450
  gap: 0;
466
451
  }
467
- ._gap1_33gse_257 {
452
+ ._gap1_16gig_236 {
468
453
  gap: 4px;
469
454
  }
470
- ._gap2_33gse_261 {
455
+ ._gap2_16gig_240 {
471
456
  gap: 8px;
472
457
  }
473
- ._gap3_33gse_265 {
458
+ ._gap3_16gig_244 {
474
459
  gap: 12px;
475
460
  }
476
- ._gap4_33gse_269 {
461
+ ._gap4_16gig_248 {
477
462
  gap: 16px;
478
463
  }
479
- ._gap5_33gse_273 {
464
+ ._gap5_16gig_252 {
480
465
  gap: 20px;
481
466
  }
482
- ._gap6_33gse_277 {
467
+ ._gap6_16gig_256 {
483
468
  gap: 24px;
484
469
  }
485
- ._gap7_33gse_281 {
470
+ ._gap7_16gig_260 {
486
471
  gap: 28px;
487
472
  }
488
- ._gap8_33gse_285 {
473
+ ._gap8_16gig_264 {
489
474
  gap: 32px;
490
475
  }
491
- ._gap9_33gse_289 {
476
+ ._gap9_16gig_268 {
492
477
  gap: 36px;
493
478
  }
494
- ._gap10_33gse_293 {
479
+ ._gap10_16gig_272 {
495
480
  gap: 40px;
496
481
  }
497
- ._gap11_33gse_297 {
482
+ ._gap11_16gig_276 {
498
483
  gap: 44px;
499
484
  }
500
- ._gap12_33gse_301 {
485
+ ._gap12_16gig_280 {
501
486
  gap: 48px;
502
487
  }
503
- ._justifyContentcenter_33gse_306 {
488
+ ._justifyContentcenter_16gig_285 {
504
489
  justify-content: center;
505
490
  }
506
- ._justifyContentstart_33gse_310 {
491
+ ._justifyContentstart_16gig_289 {
507
492
  justify-content: flex-start;
508
493
  }
509
- ._justifyContentend_33gse_314 {
494
+ ._justifyContentend_16gig_293 {
510
495
  justify-content: flex-end;
511
496
  }
512
- ._justifyContentbetween_33gse_318 {
497
+ ._justifyContentbetween_16gig_297 {
513
498
  justify-content: space-between;
514
499
  }
515
- ._justifyContentaround_33gse_322 {
500
+ ._justifyContentaround_16gig_301 {
516
501
  justify-content: space-around;
517
502
  }
518
- ._justifyContentevenly_33gse_326 {
503
+ ._justifyContentevenly_16gig_305 {
519
504
  justify-content: space-evenly;
520
505
  }
521
506
  @media (min-width: 480px) {
522
- ._justifyContentcenterSmall_33gse_332 {
507
+ ._justifyContentcenterSmall_16gig_311 {
523
508
  justify-content: center;
524
509
  }
525
- ._justifyContentstartSmall_33gse_336 {
510
+ ._justifyContentstartSmall_16gig_315 {
526
511
  justify-content: flex-start;
527
512
  }
528
- ._justifyContentendSmall_33gse_340 {
513
+ ._justifyContentendSmall_16gig_319 {
529
514
  justify-content: flex-end;
530
515
  }
531
- ._justifyContentbetweenSmall_33gse_344 {
516
+ ._justifyContentbetweenSmall_16gig_323 {
532
517
  justify-content: space-between;
533
518
  }
534
- ._justifyContentaroundSmall_33gse_348 {
519
+ ._justifyContentaroundSmall_16gig_327 {
535
520
  justify-content: space-around;
536
521
  }
537
- ._justifyContentevenlySmall_33gse_352 {
522
+ ._justifyContentevenlySmall_16gig_331 {
538
523
  justify-content: space-evenly;
539
524
  }
540
525
  }
541
526
  @media (min-width: 960px) {
542
- ._justifyContentcenterLarge_33gse_359 {
527
+ ._justifyContentcenterLarge_16gig_338 {
543
528
  justify-content: center;
544
529
  }
545
- ._justifyContentstartLarge_33gse_363 {
530
+ ._justifyContentstartLarge_16gig_342 {
546
531
  justify-content: flex-start;
547
532
  }
548
- ._justifyContentendLarge_33gse_367 {
533
+ ._justifyContentendLarge_16gig_346 {
549
534
  justify-content: flex-end;
550
535
  }
551
- ._justifyContentbetweenLarge_33gse_371 {
536
+ ._justifyContentbetweenLarge_16gig_350 {
552
537
  justify-content: space-between;
553
538
  }
554
- ._justifyContentaroundLarge_33gse_375 {
539
+ ._justifyContentaroundLarge_16gig_354 {
555
540
  justify-content: space-around;
556
541
  }
557
- ._justifyContentevenlyLarge_33gse_379 {
542
+ ._justifyContentevenlyLarge_16gig_358 {
558
543
  justify-content: space-evenly;
559
544
  }
560
545
  }
561
- ._absolute_33gse_385 {
546
+ ._absolute_16gig_364 {
562
547
  position: absolute;
563
548
  }
564
- ._fixed_33gse_389 {
549
+ ._fixed_16gig_368 {
565
550
  position: fixed;
566
551
  }
567
- ._relative_33gse_393 {
552
+ ._relative_16gig_372 {
568
553
  position: relative;
569
554
  }
570
- ._sticky_33gse_397 {
555
+ ._sticky_16gig_376 {
571
556
  position: sticky;
572
557
  }
573
558
 
@@ -1831,6 +1816,23 @@
1831
1816
  }
1832
1817
  }
1833
1818
 
1819
+ /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data */
1820
+ ._roundingsm_f0hc8_2 {
1821
+ border-radius: 8px;
1822
+ }
1823
+ ._roundingmd_f0hc8_6 {
1824
+ border-radius: 12px;
1825
+ }
1826
+ ._roundinglg_f0hc8_10 {
1827
+ border-radius: 16px;
1828
+ }
1829
+ ._roundingxl_f0hc8_14 {
1830
+ border-radius: 32px;
1831
+ }
1832
+ ._roundingfull_f0hc8_18 {
1833
+ border-radius: 999px;
1834
+ }
1835
+
1834
1836
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css/#css-module-data */
1835
1837
  ._icon_1g9xb_1 {
1836
1838
  height: 12px !important;
@@ -2327,6 +2329,33 @@
2327
2329
  background-color: var(--color-base-destructive-100);
2328
2330
  }
2329
2331
 
2332
+ /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css/#css-module-data */
2333
+ ._tapArea_1rlyl_1 {
2334
+ box-sizing: border-box;
2335
+ }
2336
+ ._fullWidth_1rlyl_5 {
2337
+ width: 100%;
2338
+ }
2339
+ ._disabled_1rlyl_9 {
2340
+ filter: opacity(50%);
2341
+ background-image: none;
2342
+ transform: none;
2343
+ cursor: auto;
2344
+ }
2345
+ ._enabled_1rlyl_16 {
2346
+ cursor: pointer;
2347
+ }
2348
+ ._enabled_1rlyl_16:hover {
2349
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
2350
+ transition-duration: 0.2s;
2351
+ cursor: pointer;
2352
+ }
2353
+ ._enabled_1rlyl_16:focus-visible {
2354
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
2355
+ box-shadow: 0 0 0 4px #000;
2356
+ outline: solid 2px #fff;
2357
+ }
2358
+
2330
2359
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css/#css-module-data */
2331
2360
  ._textfield_cltsv_1 {
2332
2361
  appearance: none;