@cambly/syntax-core 4.9.0 → 5.0.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.
package/dist/index.css CHANGED
@@ -265,107 +265,113 @@
265
265
  }
266
266
 
267
267
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data */
268
- ._box_7x1a7_1 {
268
+ ._box_33gse_1 {
269
269
  box-sizing: border-box;
270
270
  }
271
- ._flexWrap_7x1a7_5 {
271
+ ._flexnone_33gse_5 {
272
+ flex: 0 0 auto;
273
+ }
274
+ ._flexgrow_33gse_9 {
275
+ flex: 1 1 auto;
276
+ }
277
+ ._flexWrap_33gse_13 {
272
278
  flex-wrap: wrap;
273
279
  }
274
- ._alignItemscenter_7x1a7_10 {
280
+ ._alignItemscenter_33gse_18 {
275
281
  align-items: center;
276
282
  }
277
- ._alignItemsstart_7x1a7_14 {
283
+ ._alignItemsstart_33gse_22 {
278
284
  align-items: flex-start;
279
285
  }
280
- ._alignItemsend_7x1a7_18 {
286
+ ._alignItemsend_33gse_26 {
281
287
  align-items: flex-end;
282
288
  }
283
- ._alignItemsstretch_7x1a7_22 {
289
+ ._alignItemsstretch_33gse_30 {
284
290
  align-items: stretch;
285
291
  }
286
- ._alignItemsbaseline_7x1a7_26 {
292
+ ._alignItemsbaseline_33gse_34 {
287
293
  align-items: baseline;
288
294
  }
289
295
  @media (min-width: 480px) {
290
- ._alignItemscenterSmall_7x1a7_32 {
296
+ ._alignItemscenterSmall_33gse_40 {
291
297
  align-items: center;
292
298
  }
293
- ._alignItemsstartSmall_7x1a7_36 {
299
+ ._alignItemsstartSmall_33gse_44 {
294
300
  align-items: flex-start;
295
301
  }
296
- ._alignItemsendSmall_7x1a7_40 {
302
+ ._alignItemsendSmall_33gse_48 {
297
303
  align-items: flex-end;
298
304
  }
299
- ._alignItemsstretchSmall_7x1a7_44 {
305
+ ._alignItemsstretchSmall_33gse_52 {
300
306
  align-items: stretch;
301
307
  }
302
- ._alignItemsbaselineSmall_7x1a7_48 {
308
+ ._alignItemsbaselineSmall_33gse_56 {
303
309
  align-items: baseline;
304
310
  }
305
311
  }
306
312
  @media (min-width: 960px) {
307
- ._alignItemscenterLarge_7x1a7_55 {
313
+ ._alignItemscenterLarge_33gse_63 {
308
314
  align-items: center;
309
315
  }
310
- ._alignItemsstartLarge_7x1a7_59 {
316
+ ._alignItemsstartLarge_33gse_67 {
311
317
  align-items: flex-start;
312
318
  }
313
- ._alignItemsendLarge_7x1a7_63 {
319
+ ._alignItemsendLarge_33gse_71 {
314
320
  align-items: flex-end;
315
321
  }
316
- ._alignItemsstretchLarge_7x1a7_67 {
322
+ ._alignItemsstretchLarge_33gse_75 {
317
323
  align-items: stretch;
318
324
  }
319
- ._alignItemsbaselineLarge_7x1a7_71 {
325
+ ._alignItemsbaselineLarge_33gse_79 {
320
326
  align-items: baseline;
321
327
  }
322
328
  }
323
- ._alignSelfcenter_7x1a7_77 {
329
+ ._alignSelfcenter_33gse_85 {
324
330
  align-self: center;
325
331
  }
326
- ._alignSelfstart_7x1a7_81 {
332
+ ._alignSelfstart_33gse_89 {
327
333
  align-self: flex-start;
328
334
  }
329
- ._alignSelfend_7x1a7_85 {
335
+ ._alignSelfend_33gse_93 {
330
336
  align-self: flex-end;
331
337
  }
332
- ._alignSelfstretch_7x1a7_89 {
338
+ ._alignSelfstretch_33gse_97 {
333
339
  align-self: stretch;
334
340
  }
335
- ._alignSelfbaseline_7x1a7_93 {
341
+ ._alignSelfbaseline_33gse_101 {
336
342
  align-self: baseline;
337
343
  }
338
- ._alignSelfauto_7x1a7_97 {
344
+ ._alignSelfauto_33gse_105 {
339
345
  align-self: auto;
340
346
  }
341
- ._roundingsm_7x1a7_102 {
347
+ ._roundingsm_33gse_110 {
342
348
  border-radius: 8px;
343
349
  }
344
- ._roundingmd_7x1a7_106 {
350
+ ._roundingmd_33gse_114 {
345
351
  border-radius: 12px;
346
352
  }
347
- ._roundinglg_7x1a7_110 {
353
+ ._roundinglg_33gse_118 {
348
354
  border-radius: 16px;
349
355
  }
350
- ._roundingxl_7x1a7_114 {
356
+ ._roundingxl_33gse_122 {
351
357
  border-radius: 32px;
352
358
  }
353
- ._roundingfull_7x1a7_118 {
359
+ ._roundingfull_33gse_126 {
354
360
  border-radius: 999px;
355
361
  }
356
- ._block_7x1a7_123 {
362
+ ._block_33gse_131 {
357
363
  display: block;
358
364
  }
359
- ._flex_7x1a7_5 {
365
+ ._flex_33gse_5 {
360
366
  display: flex;
361
367
  }
362
- ._inlineBlock_7x1a7_131 {
368
+ ._inlineBlock_33gse_139 {
363
369
  display: inline-block;
364
370
  }
365
- ._none_7x1a7_135 {
371
+ ._none_33gse_143 {
366
372
  display: none;
367
373
  }
368
- ._visuallyHidden_7x1a7_139 {
374
+ ._visuallyHidden_33gse_147 {
369
375
  position: absolute;
370
376
  width: 1px;
371
377
  height: 1px;
@@ -377,19 +383,19 @@
377
383
  overflow: hidden;
378
384
  }
379
385
  @media (min-width: 480px) {
380
- ._blockSmall_7x1a7_153 {
386
+ ._blockSmall_33gse_161 {
381
387
  display: block;
382
388
  }
383
- ._flexSmall_7x1a7_157 {
389
+ ._flexSmall_33gse_165 {
384
390
  display: flex;
385
391
  }
386
- ._inlineBlockSmall_7x1a7_161 {
392
+ ._inlineBlockSmall_33gse_169 {
387
393
  display: inline-block;
388
394
  }
389
- ._noneSmall_7x1a7_165 {
395
+ ._noneSmall_33gse_173 {
390
396
  display: none;
391
397
  }
392
- ._visuallyHiddenSmall_7x1a7_169 {
398
+ ._visuallyHiddenSmall_33gse_177 {
393
399
  position: absolute;
394
400
  width: 1px;
395
401
  height: 1px;
@@ -402,19 +408,19 @@
402
408
  }
403
409
  }
404
410
  @media (min-width: 960px) {
405
- ._blockLarge_7x1a7_184 {
411
+ ._blockLarge_33gse_192 {
406
412
  display: block;
407
413
  }
408
- ._flexLarge_7x1a7_188 {
414
+ ._flexLarge_33gse_196 {
409
415
  display: flex;
410
416
  }
411
- ._inlineBlockLarge_7x1a7_192 {
417
+ ._inlineBlockLarge_33gse_200 {
412
418
  display: inline-block;
413
419
  }
414
- ._noneLarge_7x1a7_196 {
420
+ ._noneLarge_33gse_204 {
415
421
  display: none;
416
422
  }
417
- ._visuallyHiddenLarge_7x1a7_200 {
423
+ ._visuallyHiddenLarge_33gse_208 {
418
424
  position: absolute;
419
425
  width: 1px;
420
426
  height: 1px;
@@ -426,135 +432,135 @@
426
432
  overflow: hidden;
427
433
  }
428
434
  }
429
- ._column_7x1a7_214 {
435
+ ._column_33gse_222 {
430
436
  flex-direction: column;
431
437
  }
432
- ._row_7x1a7_218 {
438
+ ._row_33gse_226 {
433
439
  flex-direction: row;
434
440
  }
435
441
  @media (min-width: 480px) {
436
- ._columnSmall_7x1a7_224 {
442
+ ._columnSmall_33gse_232 {
437
443
  flex-direction: column;
438
444
  }
439
- ._rowSmall_7x1a7_228 {
445
+ ._rowSmall_33gse_236 {
440
446
  flex-direction: row;
441
447
  }
442
448
  }
443
449
  @media (min-width: 960px) {
444
- ._columnLarge_7x1a7_235 {
450
+ ._columnLarge_33gse_243 {
445
451
  flex-direction: column;
446
452
  }
447
- ._rowLarge_7x1a7_239 {
453
+ ._rowLarge_33gse_247 {
448
454
  flex-direction: row;
449
455
  }
450
456
  }
451
- ._gap0_7x1a7_245 {
457
+ ._gap0_33gse_253 {
452
458
  gap: 0;
453
459
  }
454
- ._gap1_7x1a7_249 {
460
+ ._gap1_33gse_257 {
455
461
  gap: 4px;
456
462
  }
457
- ._gap2_7x1a7_253 {
463
+ ._gap2_33gse_261 {
458
464
  gap: 8px;
459
465
  }
460
- ._gap3_7x1a7_257 {
466
+ ._gap3_33gse_265 {
461
467
  gap: 12px;
462
468
  }
463
- ._gap4_7x1a7_261 {
469
+ ._gap4_33gse_269 {
464
470
  gap: 16px;
465
471
  }
466
- ._gap5_7x1a7_265 {
472
+ ._gap5_33gse_273 {
467
473
  gap: 20px;
468
474
  }
469
- ._gap6_7x1a7_269 {
475
+ ._gap6_33gse_277 {
470
476
  gap: 24px;
471
477
  }
472
- ._gap7_7x1a7_273 {
478
+ ._gap7_33gse_281 {
473
479
  gap: 28px;
474
480
  }
475
- ._gap8_7x1a7_277 {
481
+ ._gap8_33gse_285 {
476
482
  gap: 32px;
477
483
  }
478
- ._gap9_7x1a7_281 {
484
+ ._gap9_33gse_289 {
479
485
  gap: 36px;
480
486
  }
481
- ._gap10_7x1a7_285 {
487
+ ._gap10_33gse_293 {
482
488
  gap: 40px;
483
489
  }
484
- ._gap11_7x1a7_289 {
490
+ ._gap11_33gse_297 {
485
491
  gap: 44px;
486
492
  }
487
- ._gap12_7x1a7_293 {
493
+ ._gap12_33gse_301 {
488
494
  gap: 48px;
489
495
  }
490
- ._justifyContentcenter_7x1a7_298 {
496
+ ._justifyContentcenter_33gse_306 {
491
497
  justify-content: center;
492
498
  }
493
- ._justifyContentstart_7x1a7_302 {
499
+ ._justifyContentstart_33gse_310 {
494
500
  justify-content: flex-start;
495
501
  }
496
- ._justifyContentend_7x1a7_306 {
502
+ ._justifyContentend_33gse_314 {
497
503
  justify-content: flex-end;
498
504
  }
499
- ._justifyContentbetween_7x1a7_310 {
505
+ ._justifyContentbetween_33gse_318 {
500
506
  justify-content: space-between;
501
507
  }
502
- ._justifyContentaround_7x1a7_314 {
508
+ ._justifyContentaround_33gse_322 {
503
509
  justify-content: space-around;
504
510
  }
505
- ._justifyContentevenly_7x1a7_318 {
511
+ ._justifyContentevenly_33gse_326 {
506
512
  justify-content: space-evenly;
507
513
  }
508
514
  @media (min-width: 480px) {
509
- ._justifyContentcenterSmall_7x1a7_324 {
515
+ ._justifyContentcenterSmall_33gse_332 {
510
516
  justify-content: center;
511
517
  }
512
- ._justifyContentstartSmall_7x1a7_328 {
518
+ ._justifyContentstartSmall_33gse_336 {
513
519
  justify-content: flex-start;
514
520
  }
515
- ._justifyContentendSmall_7x1a7_332 {
521
+ ._justifyContentendSmall_33gse_340 {
516
522
  justify-content: flex-end;
517
523
  }
518
- ._justifyContentbetweenSmall_7x1a7_336 {
524
+ ._justifyContentbetweenSmall_33gse_344 {
519
525
  justify-content: space-between;
520
526
  }
521
- ._justifyContentaroundSmall_7x1a7_340 {
527
+ ._justifyContentaroundSmall_33gse_348 {
522
528
  justify-content: space-around;
523
529
  }
524
- ._justifyContentevenlySmall_7x1a7_344 {
530
+ ._justifyContentevenlySmall_33gse_352 {
525
531
  justify-content: space-evenly;
526
532
  }
527
533
  }
528
534
  @media (min-width: 960px) {
529
- ._justifyContentcenterLarge_7x1a7_351 {
535
+ ._justifyContentcenterLarge_33gse_359 {
530
536
  justify-content: center;
531
537
  }
532
- ._justifyContentstartLarge_7x1a7_355 {
538
+ ._justifyContentstartLarge_33gse_363 {
533
539
  justify-content: flex-start;
534
540
  }
535
- ._justifyContentendLarge_7x1a7_359 {
541
+ ._justifyContentendLarge_33gse_367 {
536
542
  justify-content: flex-end;
537
543
  }
538
- ._justifyContentbetweenLarge_7x1a7_363 {
544
+ ._justifyContentbetweenLarge_33gse_371 {
539
545
  justify-content: space-between;
540
546
  }
541
- ._justifyContentaroundLarge_7x1a7_367 {
547
+ ._justifyContentaroundLarge_33gse_375 {
542
548
  justify-content: space-around;
543
549
  }
544
- ._justifyContentevenlyLarge_7x1a7_371 {
550
+ ._justifyContentevenlyLarge_33gse_379 {
545
551
  justify-content: space-evenly;
546
552
  }
547
553
  }
548
- ._absolute_7x1a7_377 {
554
+ ._absolute_33gse_385 {
549
555
  position: absolute;
550
556
  }
551
- ._fixed_7x1a7_381 {
557
+ ._fixed_33gse_389 {
552
558
  position: fixed;
553
559
  }
554
- ._relative_7x1a7_385 {
560
+ ._relative_33gse_393 {
555
561
  position: relative;
556
562
  }
557
- ._sticky_7x1a7_389 {
563
+ ._sticky_33gse_397 {
558
564
  position: sticky;
559
565
  }
560
566