@tempots/beatui 0.85.0 → 0.86.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/beatui.css CHANGED
@@ -398,23 +398,12 @@ ol {
398
398
  --letter-spacing-wide: 0.025em;
399
399
  --letter-spacing-wider: 0.05em;
400
400
  --letter-spacing-widest: 0.1em;
401
- --font-family-sans:
402
- system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
403
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
404
- 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
405
- --font-sans:
406
- system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
407
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
408
- 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
409
- --font-family-serif:
410
- ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
411
- --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
412
- --font-family-mono:
413
- ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo,
414
- monospace;
415
- --font-mono:
416
- ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo,
417
- monospace;
401
+ --font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
402
+ --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
403
+ --font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
404
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
405
+ --font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
406
+ --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
418
407
  --breakpoint-sm: 40rem;
419
408
  --breakpoint-md: 48rem;
420
409
  --breakpoint-lg: 64rem;
@@ -432,21 +421,15 @@ ol {
432
421
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
433
422
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
434
423
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
435
- --shadow-lg:
436
- 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
437
- --shadow-xl:
438
- 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
424
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
425
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
439
426
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
440
427
  --shadow-top-2xs: 0 -1px rgb(0 0 0 / 0.05);
441
428
  --shadow-top-xs: 0 -1px 2px 0 rgb(0 0 0 / 0.05);
442
- --shadow-top-sm:
443
- 0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
444
- --shadow-top-md:
445
- 0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
446
- --shadow-top-lg:
447
- 0 -10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
448
- --shadow-top-xl:
449
- 0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
429
+ --shadow-top-sm: 0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
430
+ --shadow-top-md: 0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
431
+ --shadow-top-lg: 0 -10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
432
+ --shadow-top-xl: 0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
450
433
  --shadow-top-2xl: 0 -25px 50px -12px rgb(0 0 0 / 0.25);
451
434
  --motion-duration-instant: 0s;
452
435
  --motion-duration-fast: calc(var(--motion-duration-base) * 0.6);
@@ -460,15 +443,9 @@ ol {
460
443
  --text-shadow-none: none;
461
444
  --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
462
445
  --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
463
- --text-shadow-sm:
464
- 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
465
- 0px 2px 2px rgb(0 0 0 / 0.075);
466
- --text-shadow-md:
467
- 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
468
- 0px 2px 4px rgb(0 0 0 / 0.1);
469
- --text-shadow-lg:
470
- 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
471
- 0px 4px 8px rgb(0 0 0 / 0.1);
446
+ --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);
447
+ --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);
448
+ --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);
472
449
  --z-index-base: 0;
473
450
  --z-index-raised: 10;
474
451
  --z-index-navigation: 20;
@@ -3340,7 +3317,7 @@ a:focus-visible {
3340
3317
  }
3341
3318
 
3342
3319
  /* Responsive styles */
3343
- @media (width >=var(--breakpoint-sm)) {
3320
+ @media (width >= 40rem) {
3344
3321
  .bc-color-swatch-input__control {
3345
3322
  width: 2.75rem;
3346
3323
  height: 2.25rem;
@@ -3574,8 +3551,9 @@ a:focus-visible {
3574
3551
  }
3575
3552
 
3576
3553
  .bc-dropdown__option--selected {
3577
- background-color: var(--color-primary-600);
3578
- color: var(--color-white);
3554
+ background-color: var(--color-primary-50);
3555
+ color: var(--color-primary-700);
3556
+ font-weight: var(--font-weight-semibold);
3579
3557
  }
3580
3558
 
3581
3559
  .bc-dropdown__option--disabled {
@@ -3653,8 +3631,9 @@ a:focus-visible {
3653
3631
  }
3654
3632
 
3655
3633
  .dark .bc-dropdown__option--selected {
3656
- background-color: var(--color-primary-500);
3657
- color: var(--color-white);
3634
+ background-color: var(--color-primary-900);
3635
+ color: var(--color-primary-200);
3636
+ font-weight: var(--font-weight-semibold);
3658
3637
  }
3659
3638
 
3660
3639
  .dark .bc-dropdown__separator {
@@ -3662,7 +3641,7 @@ a:focus-visible {
3662
3641
  }
3663
3642
 
3664
3643
  /* Responsive styles */
3665
- @media (width >= var(--breakpoint-sm)) {
3644
+ @media (width >= 40rem) {
3666
3645
  .bc-dropdown__option {
3667
3646
  padding: calc(var(--spacing-base) * 1.75) calc(var(--spacing-base) * 3);
3668
3647
  }
@@ -6039,7 +6018,7 @@ a:focus-visible {
6039
6018
  }
6040
6019
 
6041
6020
  /* Responsive styles */
6042
- @media (width >=var(--breakpoint-sm)) {
6021
+ @media (width >= 40rem) {
6043
6022
  .bc-input-container {
6044
6023
  /* Do not force font-size; sizing classes control this */
6045
6024
  line-height: 1;
@@ -14179,10 +14158,13 @@ span.bc-sidebar-link {
14179
14158
 
14180
14159
  .bc-pdf-page-viewer__annotation-layer
14181
14160
  .buttonWidgetAnnotation.checkBox
14182
- :is(input:checked:before, input:checked:after),
14161
+ input:checked::before,
14162
+ .bc-pdf-page-viewer__annotation-layer
14163
+ .buttonWidgetAnnotation.checkBox
14164
+ input:checked::after,
14183
14165
  .bc-pdf-page-viewer__annotation-layer
14184
14166
  .buttonWidgetAnnotation.radioButton
14185
- input:checked:before {
14167
+ input:checked::before {
14186
14168
  background-color: CanvasText;
14187
14169
  content: '';
14188
14170
  display: block;
@@ -14191,10 +14173,10 @@ span.bc-sidebar-link {
14191
14173
 
14192
14174
  .bc-pdf-page-viewer__annotation-layer
14193
14175
  .buttonWidgetAnnotation.checkBox
14194
- input:checked:before,
14176
+ input:checked::before,
14195
14177
  .bc-pdf-page-viewer__annotation-layer
14196
14178
  .buttonWidgetAnnotation.checkBox
14197
- input:checked:after {
14179
+ input:checked::after {
14198
14180
  height: 80%;
14199
14181
  left: 45%;
14200
14182
  width: 1px;
@@ -14202,19 +14184,19 @@ span.bc-sidebar-link {
14202
14184
 
14203
14185
  .bc-pdf-page-viewer__annotation-layer
14204
14186
  .buttonWidgetAnnotation.checkBox
14205
- input:checked:before {
14187
+ input:checked::before {
14206
14188
  transform: rotate(45deg);
14207
14189
  }
14208
14190
 
14209
14191
  .bc-pdf-page-viewer__annotation-layer
14210
14192
  .buttonWidgetAnnotation.checkBox
14211
- input:checked:after {
14193
+ input:checked::after {
14212
14194
  transform: rotate(-45deg);
14213
14195
  }
14214
14196
 
14215
14197
  .bc-pdf-page-viewer__annotation-layer
14216
14198
  .buttonWidgetAnnotation.radioButton
14217
- input:checked:before {
14199
+ input:checked::before {
14218
14200
  border-radius: 50%;
14219
14201
  height: 50%;
14220
14202
  left: 25%;
@@ -317,23 +317,12 @@
317
317
  --letter-spacing-wide: 0.025em;
318
318
  --letter-spacing-wider: 0.05em;
319
319
  --letter-spacing-widest: 0.1em;
320
- --font-family-sans:
321
- system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
322
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
323
- 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
324
- --font-sans:
325
- system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
326
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
327
- 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
328
- --font-family-serif:
329
- ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
330
- --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
331
- --font-family-mono:
332
- ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo,
333
- monospace;
334
- --font-mono:
335
- ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo,
336
- monospace;
320
+ --font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
321
+ --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
322
+ --font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
323
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
324
+ --font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
325
+ --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
337
326
  --breakpoint-sm: 40rem;
338
327
  --breakpoint-md: 48rem;
339
328
  --breakpoint-lg: 64rem;
@@ -351,21 +340,15 @@
351
340
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
352
341
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
353
342
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
354
- --shadow-lg:
355
- 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
356
- --shadow-xl:
357
- 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
343
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
344
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
358
345
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
359
346
  --shadow-top-2xs: 0 -1px rgb(0 0 0 / 0.05);
360
347
  --shadow-top-xs: 0 -1px 2px 0 rgb(0 0 0 / 0.05);
361
- --shadow-top-sm:
362
- 0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
363
- --shadow-top-md:
364
- 0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
365
- --shadow-top-lg:
366
- 0 -10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
367
- --shadow-top-xl:
368
- 0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
348
+ --shadow-top-sm: 0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
349
+ --shadow-top-md: 0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
350
+ --shadow-top-lg: 0 -10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
351
+ --shadow-top-xl: 0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
369
352
  --shadow-top-2xl: 0 -25px 50px -12px rgb(0 0 0 / 0.25);
370
353
  --motion-duration-instant: 0s;
371
354
  --motion-duration-fast: calc(var(--motion-duration-base) * 0.6);
@@ -379,15 +362,9 @@
379
362
  --text-shadow-none: none;
380
363
  --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
381
364
  --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
382
- --text-shadow-sm:
383
- 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
384
- 0px 2px 2px rgb(0 0 0 / 0.075);
385
- --text-shadow-md:
386
- 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
387
- 0px 2px 4px rgb(0 0 0 / 0.1);
388
- --text-shadow-lg:
389
- 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
390
- 0px 4px 8px rgb(0 0 0 / 0.1);
365
+ --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);
366
+ --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);
367
+ --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);
391
368
  --z-index-base: 0;
392
369
  --z-index-raised: 10;
393
370
  --z-index-navigation: 20;
@@ -3015,7 +2992,7 @@ a:focus-visible {
3015
2992
  }
3016
2993
 
3017
2994
  /* Responsive styles */
3018
- @media (width >=var(--breakpoint-sm)) {
2995
+ @media (width >= 40rem) {
3019
2996
  .bc-color-swatch-input__control {
3020
2997
  width: 2.75rem;
3021
2998
  height: 2.25rem;
@@ -3249,8 +3226,9 @@ a:focus-visible {
3249
3226
  }
3250
3227
 
3251
3228
  .bc-dropdown__option--selected {
3252
- background-color: var(--color-primary-600);
3253
- color: var(--color-white);
3229
+ background-color: var(--color-primary-50);
3230
+ color: var(--color-primary-700);
3231
+ font-weight: var(--font-weight-semibold);
3254
3232
  }
3255
3233
 
3256
3234
  .bc-dropdown__option--disabled {
@@ -3328,8 +3306,9 @@ a:focus-visible {
3328
3306
  }
3329
3307
 
3330
3308
  .dark .bc-dropdown__option--selected {
3331
- background-color: var(--color-primary-500);
3332
- color: var(--color-white);
3309
+ background-color: var(--color-primary-900);
3310
+ color: var(--color-primary-200);
3311
+ font-weight: var(--font-weight-semibold);
3333
3312
  }
3334
3313
 
3335
3314
  .dark .bc-dropdown__separator {
@@ -3337,7 +3316,7 @@ a:focus-visible {
3337
3316
  }
3338
3317
 
3339
3318
  /* Responsive styles */
3340
- @media (width >= var(--breakpoint-sm)) {
3319
+ @media (width >= 40rem) {
3341
3320
  .bc-dropdown__option {
3342
3321
  padding: calc(var(--spacing-base) * 1.75) calc(var(--spacing-base) * 3);
3343
3322
  }
@@ -5714,7 +5693,7 @@ a:focus-visible {
5714
5693
  }
5715
5694
 
5716
5695
  /* Responsive styles */
5717
- @media (width >=var(--breakpoint-sm)) {
5696
+ @media (width >= 40rem) {
5718
5697
  .bc-input-container {
5719
5698
  /* Do not force font-size; sizing classes control this */
5720
5699
  line-height: 1;
@@ -13854,10 +13833,13 @@ span.bc-sidebar-link {
13854
13833
 
13855
13834
  .bc-pdf-page-viewer__annotation-layer
13856
13835
  .buttonWidgetAnnotation.checkBox
13857
- :is(input:checked:before, input:checked:after),
13836
+ input:checked::before,
13837
+ .bc-pdf-page-viewer__annotation-layer
13838
+ .buttonWidgetAnnotation.checkBox
13839
+ input:checked::after,
13858
13840
  .bc-pdf-page-viewer__annotation-layer
13859
13841
  .buttonWidgetAnnotation.radioButton
13860
- input:checked:before {
13842
+ input:checked::before {
13861
13843
  background-color: CanvasText;
13862
13844
  content: '';
13863
13845
  display: block;
@@ -13866,10 +13848,10 @@ span.bc-sidebar-link {
13866
13848
 
13867
13849
  .bc-pdf-page-viewer__annotation-layer
13868
13850
  .buttonWidgetAnnotation.checkBox
13869
- input:checked:before,
13851
+ input:checked::before,
13870
13852
  .bc-pdf-page-viewer__annotation-layer
13871
13853
  .buttonWidgetAnnotation.checkBox
13872
- input:checked:after {
13854
+ input:checked::after {
13873
13855
  height: 80%;
13874
13856
  left: 45%;
13875
13857
  width: 1px;
@@ -13877,19 +13859,19 @@ span.bc-sidebar-link {
13877
13859
 
13878
13860
  .bc-pdf-page-viewer__annotation-layer
13879
13861
  .buttonWidgetAnnotation.checkBox
13880
- input:checked:before {
13862
+ input:checked::before {
13881
13863
  transform: rotate(45deg);
13882
13864
  }
13883
13865
 
13884
13866
  .bc-pdf-page-viewer__annotation-layer
13885
13867
  .buttonWidgetAnnotation.checkBox
13886
- input:checked:after {
13868
+ input:checked::after {
13887
13869
  transform: rotate(-45deg);
13888
13870
  }
13889
13871
 
13890
13872
  .bc-pdf-page-viewer__annotation-layer
13891
13873
  .buttonWidgetAnnotation.radioButton
13892
- input:checked:before {
13874
+ input:checked::before {
13893
13875
  border-radius: 50%;
13894
13876
  height: 50%;
13895
13877
  left: 25%;