@viasat/beam-tokens 2.72.0 → 2.72.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/tokens.css CHANGED
@@ -2357,263 +2357,477 @@
2357
2357
  --bm-sem-space-700: var(--bm-primitive-dimension-700);
2358
2358
  --bm-sem-space-800: var(--bm-primitive-dimension-900);
2359
2359
  }
2360
- :lang(ar),
2361
- [class*="bm-lang-ar"],
2362
- [class*="bm-light"] :lang(ar),
2363
- [class*="bm-light"]:lang(ar),
2364
- [class*="bm-dark"] :lang(ar),
2365
- [class*="bm-dark"]:lang(ar) {
2360
+ :root,
2361
+ .bm-enterprise,
2362
+ [data-bm-theme~="bm-enterprise"] {
2363
+ --bm-alias-action-radius-container: 0.25rem;
2364
+ --bm-alias-action-radius-focus: 0.5rem;
2365
+ --bm-alias-action-space-sm-x: 0.5rem;
2366
+ --bm-alias-action-space-md-x: 0.75rem;
2367
+ --bm-alias-action-space-lg-x: 1rem;
2368
+ --bm-alias-badge-radius: 624.938rem;
2369
+ --bm-alias-badge-space-x: 0.75rem;
2370
+ --bm-alias-chip-radius-container: 0.25rem;
2371
+ --bm-alias-chip-radius-focus: 0.5rem;
2372
+ --bm-alias-chip-space-sm-x: 0.5rem;
2373
+ --bm-alias-chip-space-md-x: 0.5rem;
2374
+ --bm-alias-chip-space-lg-x: 0.75rem;
2375
+ }
2376
+ .bm-consumer,
2377
+ [data-bm-theme~="bm-consumer"] {
2378
+ --bm-alias-action-radius-container: 624.938rem;
2379
+ --bm-alias-action-radius-focus: 624.938rem;
2380
+ --bm-alias-action-space-sm-x: 1rem;
2381
+ --bm-alias-action-space-md-x: 1.25rem;
2382
+ --bm-alias-action-space-lg-x: 1.5rem;
2383
+ --bm-alias-badge-radius: 0.25rem;
2384
+ --bm-alias-badge-space-x: 0.5rem;
2385
+ --bm-alias-chip-radius-container: 624.938rem;
2386
+ --bm-alias-chip-radius-focus: 624.938rem;
2387
+ --bm-alias-chip-space-sm-x: 0.75rem;
2388
+ --bm-alias-chip-space-md-x: 0.75rem;
2389
+ --bm-alias-chip-space-lg-x: 1.25rem;
2390
+ }
2391
+ :root,
2392
+ .bm-light,
2393
+ .bm-dark {
2394
+ --bm-primitive-text-decoration-none: none;
2395
+ --bm-primitive-text-decoration-underline: underline;
2396
+ --bm-primitive-text-case-none: none;
2397
+ --bm-primitive-text-case-uppercase: uppercase;
2398
+ --bm-primitive-paragraph-spacing-default: var(--bm-primitive-dimension-0);
2399
+ --bm-primitive-letter-spacing-heading: 0;
2400
+ --bm-primitive-letter-spacing-heading-alt: 0;
2401
+ --bm-primitive-letter-spacing-body: 0;
2402
+ --bm-primitive-font-size-75: var(--bm-primitive-dimension-75);
2403
+ --bm-primitive-font-size-87: var(--bm-primitive-dimension-87);
2404
+ --bm-primitive-font-size-100: var(--bm-primitive-dimension-100);
2405
+ --bm-primitive-font-size-112: var(--bm-primitive-dimension-112);
2406
+ --bm-primitive-font-size-125: var(--bm-primitive-dimension-125);
2407
+ --bm-primitive-font-size-150: var(--bm-primitive-dimension-150);
2408
+ --bm-primitive-font-size-175: var(--bm-primitive-dimension-175);
2409
+ --bm-primitive-font-size-200: var(--bm-primitive-dimension-200);
2410
+ --bm-primitive-font-size-250: var(--bm-primitive-dimension-250);
2411
+ --bm-primitive-font-size-300: var(--bm-primitive-dimension-300);
2412
+ --bm-primitive-font-size-350: var(--bm-primitive-dimension-350);
2413
+ --bm-primitive-font-size-375: var(--bm-primitive-dimension-375);
2414
+ --bm-primitive-font-size-400: var(--bm-primitive-dimension-400);
2415
+ --bm-primitive-font-size-450: var(--bm-primitive-dimension-450);
2416
+ --bm-primitive-line-height-100: var(--bm-primitive-dimension-100);
2417
+ --bm-primitive-line-height-125: var(--bm-primitive-dimension-125);
2418
+ --bm-primitive-line-height-150: var(--bm-primitive-dimension-150);
2419
+ --bm-primitive-line-height-175: var(--bm-primitive-dimension-175);
2420
+ --bm-primitive-line-height-200: var(--bm-primitive-dimension-200);
2421
+ --bm-primitive-line-height-225: var(--bm-primitive-dimension-225);
2422
+ --bm-primitive-line-height-250: var(--bm-primitive-dimension-250);
2423
+ --bm-primitive-line-height-300: var(--bm-primitive-dimension-300);
2424
+ --bm-primitive-line-height-325: var(--bm-primitive-dimension-325);
2425
+ --bm-primitive-line-height-350: var(--bm-primitive-dimension-350);
2426
+ --bm-primitive-line-height-375: var(--bm-primitive-dimension-375);
2427
+ --bm-primitive-line-height-400: var(--bm-primitive-dimension-400);
2428
+ --bm-primitive-line-height-450: var(--bm-primitive-dimension-450);
2429
+ --bm-primitive-line-height-475: var(--bm-primitive-dimension-475);
2430
+ --bm-primitive-line-height-525: var(--bm-primitive-dimension-525);
2431
+ --bm-primitive-paragraph-indent-default: var(--bm-primitive-dimension-0);
2432
+ --bm-sem-font-family-heading: "Uni Neue";
2433
+ --bm-sem-font-family-heading-alt: "Uni Neue";
2434
+ --bm-sem-font-family-body: "Source Sans Pro";
2435
+ --bm-sem-font-family-label: "Source Sans Pro";
2366
2436
  --bm-sem-font-family-ar-heading: "Noto Sans Arabic";
2367
- --bm-sem-font-family-heading: var(--bm-sem-font-family-ar-heading);
2368
2437
  --bm-sem-font-family-ar-heading-alt: "Noto Sans Arabic";
2369
- --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-ar-heading-alt);
2370
2438
  --bm-sem-font-family-ar-body: "Noto Sans Arabic";
2371
- --bm-sem-font-family-body: var(--bm-sem-font-family-ar-body);
2372
2439
  --bm-sem-font-family-ar-label: "Noto Sans Arabic";
2373
- --bm-sem-font-family-label: var(--bm-sem-font-family-ar-label);
2440
+ --bm-sem-font-family-he-heading: "Noto Sans Hebrew";
2441
+ --bm-sem-font-family-he-heading-alt: "Noto Sans Hebrew";
2442
+ --bm-sem-font-family-he-body: "Noto Sans Hebrew";
2443
+ --bm-sem-font-family-he-label: "Noto Sans Hebrew";
2444
+ --bm-sem-font-family-ja-heading: "Noto Sans JP";
2445
+ --bm-sem-font-family-ja-heading-alt: "Noto Sans JP";
2446
+ --bm-sem-font-family-ja-body: "Noto Sans JP";
2447
+ --bm-sem-font-family-ja-label: "Noto Sans JP";
2448
+ --bm-sem-font-family-zh-heading: "Noto Sans SC";
2449
+ --bm-sem-font-family-zh-heading-alt: "Noto Sans SC";
2450
+ --bm-sem-font-family-zh-body: "Noto Sans SC";
2451
+ --bm-sem-font-family-zh-label: "Noto Sans SC";
2452
+ --bm-sem-font-family-th-heading: "Noto Sans Thai";
2453
+ --bm-sem-font-family-th-heading-alt: "Noto Sans Thai";
2454
+ --bm-sem-font-family-th-body: "Noto Sans Thai";
2455
+ --bm-sem-font-family-th-label: "Noto Sans Thai";
2456
+ --bm-sem-font-weight-heading: 700;
2457
+ --bm-sem-font-weight-heading-alt: 350;
2458
+ --bm-sem-font-weight-body: 400;
2459
+ --bm-sem-font-weight-body-bold: 700;
2460
+ --bm-sem-font-weight-label: 600;
2461
+ --bm-sem-font-weight-detail: 800;
2374
2462
  --bm-sem-font-weight-ar-heading: 800;
2375
- --bm-sem-font-weight-heading: var(--bm-sem-font-weight-ar-heading);
2376
2463
  --bm-sem-font-weight-ar-heading-alt: 300;
2377
- --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-ar-heading-alt);
2378
2464
  --bm-sem-font-weight-ar-body: 400;
2379
- --bm-sem-font-weight-body: var(--bm-sem-font-weight-ar-body);
2380
2465
  --bm-sem-font-weight-ar-body-bold: 700;
2381
- --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-ar-body-bold);
2382
2466
  --bm-sem-font-weight-ar-label: 600;
2383
- --bm-sem-font-weight-label: var(--bm-sem-font-weight-ar-label);
2384
2467
  --bm-sem-font-weight-ar-detail: 800;
2385
- --bm-sem-font-weight-detail: var(--bm-sem-font-weight-ar-detail);
2386
- --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
2387
- var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
2388
- var(--bm-sem-font-family-heading);
2389
- --bm-sem-typo-heading-lg: var(--bm-sem-font-weight-heading)
2390
- var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
2391
- var(--bm-sem-font-family-heading);
2392
- --bm-sem-typo-heading-md: var(--bm-sem-font-weight-heading)
2393
- var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
2394
- var(--bm-sem-font-family-heading);
2395
- --bm-sem-typo-heading-sm: var(--bm-sem-font-weight-heading)
2396
- var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
2397
- var(--bm-sem-font-family-heading);
2398
- --bm-sem-typo-heading-xs: var(--bm-sem-font-weight-heading)
2399
- var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2400
- var(--bm-sem-font-family-heading);
2401
- --bm-sem-typo-heading-alt-xl: var(--bm-sem-font-weight-heading-alt)
2402
- var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
2403
- var(--bm-sem-font-family-heading-alt);
2404
- --bm-sem-typo-heading-alt-lg: var(--bm-sem-font-weight-heading-alt)
2405
- var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
2406
- var(--bm-sem-font-family-heading-alt);
2407
- --bm-sem-typo-heading-alt-md: var(--bm-sem-font-weight-heading-alt)
2408
- var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
2409
- var(--bm-sem-font-family-heading-alt);
2410
- --bm-sem-typo-heading-alt-sm: var(--bm-sem-font-weight-heading-alt)
2411
- var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
2412
- var(--bm-sem-font-family-heading-alt);
2413
- --bm-sem-typo-heading-alt-xs: var(--bm-sem-font-weight-heading-alt)
2414
- var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2415
- var(--bm-sem-font-family-heading-alt);
2416
- --bm-sem-typo-body-xs: var(--bm-sem-font-weight-body)
2417
- var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
2418
- var(--bm-sem-font-family-body);
2419
- --bm-sem-typo-body-sm: var(--bm-sem-font-weight-body)
2420
- var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
2421
- var(--bm-sem-font-family-body);
2422
- --bm-sem-typo-body-md: var(--bm-sem-font-weight-body)
2423
- var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
2424
- var(--bm-sem-font-family-body);
2425
- --bm-sem-typo-body-lg: var(--bm-sem-font-weight-body)
2426
- var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
2427
- var(--bm-sem-font-family-body);
2428
- --bm-sem-typo-body-xl: var(--bm-sem-font-weight-body)
2429
- var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
2430
- var(--bm-sem-font-family-body);
2431
- --bm-sem-typo-body-2xl: var(--bm-sem-font-weight-body)
2432
- var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
2433
- var(--bm-sem-font-family-body);
2434
- --bm-sem-typo-detail-xs: var(--bm-sem-font-weight-detail)
2435
- var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
2436
- var(--bm-sem-font-family-heading);
2437
- --bm-sem-typo-detail-sm: var(--bm-sem-font-weight-detail)
2438
- var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
2439
- var(--bm-sem-font-family-heading);
2440
- --bm-sem-typo-detail-md: var(--bm-sem-font-weight-detail)
2441
- var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2442
- var(--bm-sem-font-family-heading);
2443
- --bm-sem-typo-detail-lg: var(--bm-sem-font-weight-detail)
2444
- var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
2445
- var(--bm-sem-font-family-heading);
2446
- --bm-sem-typo-detail-xl: var(--bm-sem-font-weight-detail)
2447
- var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
2448
- var(--bm-sem-font-family-heading);
2449
- --bm-sem-typo-label-xs: var(--bm-sem-font-weight-label)
2450
- var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
2451
- var(--bm-sem-font-family-label);
2452
- --bm-sem-typo-label-sm: var(--bm-sem-font-weight-label)
2453
- var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
2454
- var(--bm-sem-font-family-label);
2455
- --bm-sem-typo-label-md: var(--bm-sem-font-weight-label)
2456
- var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
2457
- var(--bm-sem-font-family-label);
2458
- --bm-sem-typo-label-lg: var(--bm-sem-font-weight-label)
2459
- var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
2460
- var(--bm-sem-font-family-label);
2461
- --bm-sem-typo-label-xl: var(--bm-sem-font-weight-label)
2462
- var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
2463
- var(--bm-sem-font-family-label);
2464
- --bm-sem-typo-label-2xl: var(--bm-sem-font-weight-label)
2465
- var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
2466
- var(--bm-sem-font-family-label);
2467
- --bm-sem-typo-compact-body-xs: var(--bm-sem-font-weight-body)
2468
- var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
2469
- var(--bm-sem-font-family-body);
2470
- --bm-sem-typo-compact-body-sm: var(--bm-sem-font-weight-body)
2471
- var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
2472
- var(--bm-sem-font-family-body);
2473
- --bm-sem-typo-compact-body-md: var(--bm-sem-font-weight-body)
2474
- var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2475
- var(--bm-sem-font-family-body);
2476
- --bm-sem-typo-compact-body-lg: var(--bm-sem-font-weight-body)
2477
- var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
2478
- var(--bm-sem-font-family-body);
2479
- --bm-sem-typo-compact-body-xl: var(--bm-sem-font-weight-body)
2480
- var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
2481
- var(--bm-sem-font-family-body);
2482
- --bm-sem-typo-compact-body-2xl: var(--bm-sem-font-weight-body)
2483
- var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
2484
- var(--bm-sem-font-family-body);
2485
- --bm-sem-typo-compact-label-xs: var(--bm-sem-font-weight-label)
2486
- var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
2487
- var(--bm-sem-font-family-label);
2488
- --bm-sem-typo-compact-label-sm: var(--bm-sem-font-weight-label)
2489
- var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
2490
- var(--bm-sem-font-family-label);
2491
- --bm-sem-typo-compact-label-md: var(--bm-sem-font-weight-label)
2492
- var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2493
- var(--bm-sem-font-family-label);
2494
- --bm-sem-typo-compact-label-lg: var(--bm-sem-font-weight-label)
2495
- var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
2496
- var(--bm-sem-font-family-label);
2497
- --bm-sem-typo-compact-label-xl: var(--bm-sem-font-weight-label)
2498
- var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
2499
- var(--bm-sem-font-family-label);
2500
- --bm-sem-typo-compact-label-2xl: var(--bm-sem-font-weight-label)
2501
- var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
2502
- var(--bm-sem-font-family-label);
2503
- --bm-comp-accordion-typo-sm-heading: var(--bm-sem-typo-compact-label-md);
2504
- --bm-comp-accordion-typo-sm-body: var(--bm-sem-typo-body-md);
2505
- --bm-comp-accordion-typo-md-heading: var(--bm-sem-typo-compact-label-lg);
2506
- --bm-comp-accordion-typo-md-body: var(--bm-sem-typo-body-md);
2507
- --bm-comp-accordion-typo-lg-heading: var(--bm-sem-typo-compact-label-xl);
2508
- --bm-comp-accordion-typo-lg-body: var(--bm-sem-typo-body-lg);
2509
- --bm-comp-actionlist-typo-text: var(--bm-sem-typo-body-sm);
2510
- --bm-comp-actionlist-typo-text-selected: var(--bm-sem-typo-label-sm);
2511
- --bm-comp-actionlist-typo-text-supporting: var(--bm-sem-typo-compact-body-xs);
2512
- --bm-comp-actionlist-typo-text-suffix: var(--bm-sem-typo-body-xs);
2513
- --bm-comp-actionlist-typo-heading-group: var(--bm-sem-typo-label-xs);
2514
- --bm-comp-alert-typo-sm-heading: var(--bm-sem-typo-heading-xs);
2515
- --bm-comp-alert-typo-sm-body: var(--bm-sem-typo-body-sm);
2516
- --bm-comp-alert-typo-md-heading: var(--bm-sem-typo-heading-sm);
2517
- --bm-comp-alert-typo-md-body: var(--bm-sem-typo-body-md);
2518
- --bm-comp-avatar-typo-xs: var(--bm-sem-typo-label-xs);
2519
- --bm-comp-avatar-typo-sm: var(--bm-sem-typo-label-xs);
2520
- --bm-comp-avatar-typo-md: var(--bm-sem-typo-label-sm);
2521
- --bm-comp-avatar-typo-lg: var(--bm-sem-typo-label-md);
2522
- --bm-comp-avatar-typo-xl: var(--bm-sem-typo-label-lg);
2523
- --bm-comp-badge-typo-sm: var(--bm-sem-typo-label-xs);
2524
- --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
2525
- --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
2526
- --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
2527
- --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
2528
- --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
2529
- --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
2530
- --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
2531
- --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
2532
- --bm-comp-btn-typo-md: var(--bm-sem-typo-compact-label-md);
2533
- --bm-comp-btn-typo-lg: var(--bm-sem-typo-compact-label-lg);
2534
- --bm-comp-card-typo-heading: var(--bm-sem-typo-heading-sm);
2535
- --bm-comp-card-typo-body: var(--bm-sem-typo-body-sm);
2536
- --bm-comp-card-typo-supporting: var(--bm-sem-typo-body-sm);
2537
- --bm-comp-card-typo-eyebrow: var(--bm-sem-typo-label-sm);
2538
- --bm-comp-chip-typo-sm: var(--bm-sem-typo-label-xs);
2539
- --bm-comp-chip-typo-md: var(--bm-sem-typo-label-sm);
2540
- --bm-comp-chip-typo-lg: var(--bm-sem-typo-label-md);
2541
- --bm-comp-data-table-typo-cell: var(--bm-sem-typo-body-sm);
2542
- --bm-comp-data-table-typo-cell-emphisis: var(--bm-sem-typo-label-sm);
2543
- --bm-comp-data-table-typo-cell-supporting: var(--bm-sem-typo-compact-body-xs);
2544
- --bm-comp-data-table-typo-col-header: var(--bm-sem-typo-compact-label-sm);
2545
- --bm-comp-data-table-typo-col-header-group: var(
2546
- --bm-sem-typo-compact-label-xs
2547
- );
2548
- --bm-comp-dialog-typo-body: var(--bm-sem-typo-body-md);
2549
- --bm-comp-dialog-typo-description: var(--bm-sem-typo-body-md);
2550
- --bm-comp-dialog-typo-heading: var(--bm-sem-typo-heading-md);
2551
- --bm-comp-divider-typo-text: var(--bm-sem-typo-label-sm);
2552
- --bm-comp-empty-state-typo-heading: var(--bm-sem-typo-heading-lg);
2553
- --bm-comp-empty-state-typo-body: var(--bm-sem-typo-body-lg);
2554
- --bm-comp-file-upload-typo-file: var(--bm-sem-typo-body-sm);
2555
- --bm-comp-file-upload-typo-dropzone: var(--bm-sem-typo-body-sm);
2556
- --bm-comp-header-nav-item-typo-default: var(--bm-sem-typo-body-sm);
2557
- --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
2558
- --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
2559
- --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
2560
- --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
2561
- --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
2562
- --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
2563
- --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
2564
- --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
2565
- --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
2566
- --bm-comp-label-typo-optional: var(--bm-sem-typo-body-sm);
2567
- --bm-comp-label-typo-character-count: var(--bm-sem-typo-body-sm);
2568
- --bm-comp-link-typo-sm: var(--bm-sem-typo-body-sm);
2569
- --bm-comp-link-typo-md: var(--bm-sem-typo-body-md);
2570
- --bm-comp-link-typo-lg: var(--bm-sem-typo-body-lg);
2571
- --bm-comp-link-typo-xl: var(--bm-sem-typo-body-xl);
2572
- --bm-comp-pagination-typo-default: var(--bm-sem-typo-body-sm);
2573
- --bm-comp-panel-typo-heading: var(--bm-sem-typo-heading-sm);
2574
- --bm-comp-panel-typo-description: var(--bm-sem-typo-body-sm);
2575
- --bm-comp-progress-bar-typo-label: var(--bm-sem-typo-body-md);
2576
- --bm-comp-slider-typo-values: var(--bm-sem-typo-body-sm);
2577
- --bm-comp-spinner-typo-heading: var(--bm-sem-typo-label-md);
2578
- --bm-comp-spinner-typo-body: var(--bm-sem-typo-body-md);
2579
- --bm-comp-stepper-typo-heading: var(--bm-sem-typo-compact-label-sm);
2580
- --bm-comp-stepper-typo-body: var(--bm-sem-typo-body-xs);
2581
- --bm-comp-stepper-typo-number: var(--bm-sem-typo-label-xs);
2582
- --bm-comp-tabs-typo-md: var(--bm-sem-typo-body-sm);
2583
- --bm-comp-tabs-typo-md-selected: var(--bm-sem-typo-body-sm);
2584
- --bm-comp-tabs-typo-lg: var(--bm-sem-typo-body-md);
2585
- --bm-comp-tabs-typo-lg-selected: var(--bm-sem-typo-body-md);
2586
- --bm-comp-toast-typo-heading: var(--bm-sem-typo-heading-xs);
2587
- --bm-comp-toast-typo-body: var(--bm-sem-typo-body-sm);
2588
- --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
2589
- }
2590
-
2591
- :lang(he),
2592
- [class*="bm-lang-he"],
2593
- [class*="bm-light"] :lang(he),
2594
- [class*="bm-light"]:lang(he),
2595
- [class*="bm-dark"] :lang(he),
2596
- [class*="bm-dark"]:lang(he) {
2597
- --bm-sem-font-family-he-heading: "Noto Sans Hebrew";
2598
- --bm-sem-font-family-heading: var(--bm-sem-font-family-he-heading);
2599
- --bm-sem-font-family-he-heading-alt: "Noto Sans Hebrew";
2600
- --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-he-heading-alt);
2601
- --bm-sem-font-family-he-body: "Noto Sans Hebrew";
2602
- --bm-sem-font-family-body: var(--bm-sem-font-family-he-body);
2603
- --bm-sem-font-family-he-label: "Noto Sans Hebrew";
2604
- --bm-sem-font-family-label: var(--bm-sem-font-family-he-label);
2605
2468
  --bm-sem-font-weight-he-heading: 800;
2606
- --bm-sem-font-weight-heading: var(--bm-sem-font-weight-he-heading);
2607
2469
  --bm-sem-font-weight-he-heading-alt: 300;
2608
- --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-he-heading-alt);
2609
2470
  --bm-sem-font-weight-he-body: 400;
2610
- --bm-sem-font-weight-body: var(--bm-sem-font-weight-he-body);
2611
2471
  --bm-sem-font-weight-he-body-bold: 700;
2612
- --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-he-body-bold);
2613
2472
  --bm-sem-font-weight-he-label: 600;
2614
- --bm-sem-font-weight-label: var(--bm-sem-font-weight-he-label);
2615
2473
  --bm-sem-font-weight-he-detail: 800;
2616
- --bm-sem-font-weight-detail: var(--bm-sem-font-weight-he-detail);
2474
+ --bm-sem-font-weight-ja-heading: 900;
2475
+ --bm-sem-font-weight-ja-heading-alt: 300;
2476
+ --bm-sem-font-weight-ja-body: 400;
2477
+ --bm-sem-font-weight-ja-body-bold: 700;
2478
+ --bm-sem-font-weight-ja-label: 500;
2479
+ --bm-sem-font-weight-ja-detail: 900;
2480
+ --bm-sem-font-weight-zh-heading: 700;
2481
+ --bm-sem-font-weight-zh-heading-alt: 300;
2482
+ --bm-sem-font-weight-zh-body: 400;
2483
+ --bm-sem-font-weight-zh-body-bold: 700;
2484
+ --bm-sem-font-weight-zh-label: 500;
2485
+ --bm-sem-font-weight-zh-detail: 900;
2486
+ --bm-sem-font-weight-th-heading: 700;
2487
+ --bm-sem-font-weight-th-heading-alt: 300;
2488
+ --bm-sem-font-weight-th-body: 400;
2489
+ --bm-sem-font-weight-th-body-bold: 700;
2490
+ --bm-sem-font-weight-th-label: 600;
2491
+ --bm-sem-font-weight-th-detail: 800;
2492
+ --bm-sem-typo-font-size-heading-6xl-min: 3rem;
2493
+ --bm-sem-typo-font-size-heading-6xl-value: 6vw + 1.05rem;
2494
+ --bm-sem-typo-font-size-heading-6xl-max: 4.5rem;
2495
+ --bm-sem-typo-font-size-heading-6xl: clamp(
2496
+ var(--bm-sem-typo-font-size-heading-6xl-min),
2497
+ var(--bm-sem-typo-font-size-heading-6xl-value),
2498
+ var(--bm-sem-typo-font-size-heading-6xl-max)
2499
+ );
2500
+ --bm-sem-typo-line-height-heading-6xl-min: 3.25rem;
2501
+ --bm-sem-typo-line-height-heading-6xl-value: 6vw + 1.8rem;
2502
+ --bm-sem-typo-line-height-heading-6xl-max: 5.25rem;
2503
+ --bm-sem-typo-line-height-heading-6xl: clamp(
2504
+ var(--bm-sem-typo-line-height-heading-6xl-min),
2505
+ var(--bm-sem-typo-line-height-heading-6xl-value),
2506
+ var(--bm-sem-typo-line-height-heading-6xl-max)
2507
+ );
2508
+ --bm-sem-typo-font-size-heading-5xl-min: 2.5rem;
2509
+ --bm-sem-typo-font-size-heading-5xl-value: 4vw + 1.2rem;
2510
+ --bm-sem-typo-font-size-heading-5xl-max: 3.75rem;
2511
+ --bm-sem-typo-font-size-heading-5xl: clamp(
2512
+ var(--bm-sem-typo-font-size-heading-5xl-min),
2513
+ var(--bm-sem-typo-font-size-heading-5xl-value),
2514
+ var(--bm-sem-typo-font-size-heading-5xl-max)
2515
+ );
2516
+ --bm-sem-typo-line-height-heading-5xl-min: 3rem;
2517
+ --bm-sem-typo-line-height-heading-5xl-value: 5vw + 1rem;
2518
+ --bm-sem-typo-line-height-heading-5xl-max: 4.5rem;
2519
+ --bm-sem-typo-line-height-heading-5xl: clamp(
2520
+ var(--bm-sem-typo-line-height-heading-5xl-min),
2521
+ var(--bm-sem-typo-line-height-heading-5xl-value),
2522
+ var(--bm-sem-typo-line-height-heading-5xl-max)
2523
+ );
2524
+ --bm-sem-typo-font-size-heading-4xl-min: 2rem;
2525
+ --bm-sem-typo-font-size-heading-4xl-value: 3vw + 1.15rem;
2526
+ --bm-sem-typo-font-size-heading-4xl-max: 3rem;
2527
+ --bm-sem-typo-font-size-heading-4xl: clamp(
2528
+ var(--bm-sem-typo-font-size-heading-4xl-min),
2529
+ var(--bm-sem-typo-font-size-heading-4xl-value),
2530
+ var(--bm-sem-typo-font-size-heading-4xl-max)
2531
+ );
2532
+ --bm-sem-typo-line-height-heading-4xl-min: 2.5rem;
2533
+ --bm-sem-typo-line-height-heading-4xl-value: 4vw + 1.2rem;
2534
+ --bm-sem-typo-line-height-heading-4xl-max: 3.5rem;
2535
+ --bm-sem-typo-line-height-heading-4xl: clamp(
2536
+ var(--bm-sem-typo-line-height-heading-4xl-min),
2537
+ var(--bm-sem-typo-line-height-heading-4xl-value),
2538
+ var(--bm-sem-typo-line-height-heading-4xl-max)
2539
+ );
2540
+ --bm-sem-typo-font-size-heading-3xl-min: 1.75rem;
2541
+ --bm-sem-typo-font-size-heading-3xl-value: 2vw + 1.15rem;
2542
+ --bm-sem-typo-font-size-heading-3xl-max: 2.5rem;
2543
+ --bm-sem-typo-font-size-heading-3xl: clamp(
2544
+ var(--bm-sem-typo-font-size-heading-3xl-min),
2545
+ var(--bm-sem-typo-font-size-heading-3xl-value),
2546
+ var(--bm-sem-typo-font-size-heading-3xl-max)
2547
+ );
2548
+ --bm-sem-typo-line-height-heading-3xl-min: 2.25rem;
2549
+ --bm-sem-typo-line-height-heading-3xl-value: 4vw + 0.7rem;
2550
+ --bm-sem-typo-line-height-heading-3xl-max: 3rem;
2551
+ --bm-sem-typo-line-height-heading-3xl: clamp(
2552
+ var(--bm-sem-typo-line-height-heading-3xl-min),
2553
+ var(--bm-sem-typo-line-height-heading-3xl-value),
2554
+ var(--bm-sem-typo-line-height-heading-3xl-max)
2555
+ );
2556
+ --bm-sem-typo-font-size-heading-2xl-min: 1.5rem;
2557
+ --bm-sem-typo-font-size-heading-2xl-value: 1vw + 1.3rem;
2558
+ --bm-sem-typo-font-size-heading-2xl-max: 2rem;
2559
+ --bm-sem-typo-font-size-heading-2xl: clamp(
2560
+ var(--bm-sem-typo-font-size-heading-2xl-min),
2561
+ var(--bm-sem-typo-font-size-heading-2xl-value),
2562
+ var(--bm-sem-typo-font-size-heading-2xl-max)
2563
+ );
2564
+ --bm-sem-typo-line-height-heading-2xl-min: 2.25rem;
2565
+ --bm-sem-typo-line-height-heading-2xl-value: 4vw + 0.45rem;
2566
+ --bm-sem-typo-line-height-heading-2xl-max: 2.5rem;
2567
+ --bm-sem-typo-line-height-heading-2xl: clamp(
2568
+ var(--bm-sem-typo-line-height-heading-2xl-min),
2569
+ var(--bm-sem-typo-line-height-heading-2xl-value),
2570
+ var(--bm-sem-typo-line-height-heading-2xl-max)
2571
+ );
2572
+ --bm-sem-typo-font-size-heading-alt-6xl-min: 3rem;
2573
+ --bm-sem-typo-font-size-heading-alt-6xl-value: 6vw + 1.05rem;
2574
+ --bm-sem-typo-font-size-heading-alt-6xl-max: 4.5rem;
2575
+ --bm-sem-typo-font-size-heading-alt-6xl: clamp(
2576
+ var(--bm-sem-typo-font-size-heading-alt-6xl-min),
2577
+ var(--bm-sem-typo-font-size-heading-alt-6xl-value),
2578
+ var(--bm-sem-typo-font-size-heading-alt-6xl-max)
2579
+ );
2580
+ --bm-sem-typo-line-height-heading-alt-6xl-min: 3.25rem;
2581
+ --bm-sem-typo-line-height-heading-alt-6xl-value: 6vw + 1.8rem;
2582
+ --bm-sem-typo-line-height-heading-alt-6xl-max: 5.25rem;
2583
+ --bm-sem-typo-line-height-heading-alt-6xl: clamp(
2584
+ var(--bm-sem-typo-line-height-heading-alt-6xl-min),
2585
+ var(--bm-sem-typo-line-height-heading-alt-6xl-value),
2586
+ var(--bm-sem-typo-line-height-heading-alt-6xl-max)
2587
+ );
2588
+ --bm-sem-typo-font-size-heading-alt-5xl-min: 2.5rem;
2589
+ --bm-sem-typo-font-size-heading-alt-5xl-value: 4vw + 1.2rem;
2590
+ --bm-sem-typo-font-size-heading-alt-5xl-max: 3.75rem;
2591
+ --bm-sem-typo-font-size-heading-alt-5xl: clamp(
2592
+ var(--bm-sem-typo-font-size-heading-alt-5xl-min),
2593
+ var(--bm-sem-typo-font-size-heading-alt-5xl-value),
2594
+ var(--bm-sem-typo-font-size-heading-alt-5xl-max)
2595
+ );
2596
+ --bm-sem-typo-line-height-heading-alt-5xl-min: 3rem;
2597
+ --bm-sem-typo-line-height-heading-alt-5xl-value: 5vw + 1rem;
2598
+ --bm-sem-typo-line-height-heading-alt-5xl-max: 4.5rem;
2599
+ --bm-sem-typo-line-height-heading-alt-5xl: clamp(
2600
+ var(--bm-sem-typo-line-height-heading-alt-5xl-min),
2601
+ var(--bm-sem-typo-line-height-heading-alt-5xl-value),
2602
+ var(--bm-sem-typo-line-height-heading-alt-5xl-max)
2603
+ );
2604
+ --bm-sem-typo-font-size-heading-alt-4xl-min: 2rem;
2605
+ --bm-sem-typo-font-size-heading-alt-4xl-value: 3vw + 1.15rem;
2606
+ --bm-sem-typo-font-size-heading-alt-4xl-max: 3rem;
2607
+ --bm-sem-typo-font-size-heading-alt-4xl: clamp(
2608
+ var(--bm-sem-typo-font-size-heading-alt-4xl-min),
2609
+ var(--bm-sem-typo-font-size-heading-alt-4xl-value),
2610
+ var(--bm-sem-typo-font-size-heading-alt-4xl-max)
2611
+ );
2612
+ --bm-sem-typo-line-height-heading-alt-4xl-min: 2.5rem;
2613
+ --bm-sem-typo-line-height-heading-alt-4xl-value: 4vw + 1.2rem;
2614
+ --bm-sem-typo-line-height-heading-alt-4xl-max: 3.5rem;
2615
+ --bm-sem-typo-line-height-heading-alt-4xl: clamp(
2616
+ var(--bm-sem-typo-line-height-heading-alt-4xl-min),
2617
+ var(--bm-sem-typo-line-height-heading-alt-4xl-value),
2618
+ var(--bm-sem-typo-line-height-heading-alt-4xl-max)
2619
+ );
2620
+ --bm-sem-typo-font-size-heading-alt-3xl-min: 1.75rem;
2621
+ --bm-sem-typo-font-size-heading-alt-3xl-value: 2vw + 1.15rem;
2622
+ --bm-sem-typo-font-size-heading-alt-3xl-max: 2.5rem;
2623
+ --bm-sem-typo-font-size-heading-alt-3xl: clamp(
2624
+ var(--bm-sem-typo-font-size-heading-alt-3xl-min),
2625
+ var(--bm-sem-typo-font-size-heading-alt-3xl-value),
2626
+ var(--bm-sem-typo-font-size-heading-alt-3xl-max)
2627
+ );
2628
+ --bm-sem-typo-line-height-heading-alt-3xl-min: 2.25rem;
2629
+ --bm-sem-typo-line-height-heading-alt-3xl-value: 4vw + 0.7rem;
2630
+ --bm-sem-typo-line-height-heading-alt-3xl-max: 3rem;
2631
+ --bm-sem-typo-line-height-heading-alt-3xl: clamp(
2632
+ var(--bm-sem-typo-line-height-heading-alt-3xl-min),
2633
+ var(--bm-sem-typo-line-height-heading-alt-3xl-value),
2634
+ var(--bm-sem-typo-line-height-heading-alt-3xl-max)
2635
+ );
2636
+ --bm-sem-typo-font-size-heading-alt-2xl-min: 1.5rem;
2637
+ --bm-sem-typo-font-size-heading-alt-2xl-value: 1vw + 1.3rem;
2638
+ --bm-sem-typo-font-size-heading-alt-2xl-max: 2rem;
2639
+ --bm-sem-typo-font-size-heading-alt-2xl: clamp(
2640
+ var(--bm-sem-typo-font-size-heading-alt-2xl-min),
2641
+ var(--bm-sem-typo-font-size-heading-alt-2xl-value),
2642
+ var(--bm-sem-typo-font-size-heading-alt-2xl-max)
2643
+ );
2644
+ --bm-sem-typo-line-height-heading-alt-2xl-min: 2.25rem;
2645
+ --bm-sem-typo-line-height-heading-alt-2xl-value: 4vw + 0.45rem;
2646
+ --bm-sem-typo-line-height-heading-alt-2xl-max: 2.5rem;
2647
+ --bm-sem-typo-line-height-heading-alt-2xl: clamp(
2648
+ var(--bm-sem-typo-line-height-heading-alt-2xl-min),
2649
+ var(--bm-sem-typo-line-height-heading-alt-2xl-value),
2650
+ var(--bm-sem-typo-line-height-heading-alt-2xl-max)
2651
+ );
2652
+ --bm-sem-typo-heading-6xl: var(--bm-sem-font-weight-heading)
2653
+ var(--bm-sem-typo-font-size-heading-6xl) /
2654
+ var(--bm-sem-typo-line-height-heading-6xl) var(--bm-sem-font-family-heading);
2655
+ --bm-sem-typo-heading-5xl: var(--bm-sem-font-weight-heading)
2656
+ var(--bm-sem-typo-font-size-heading-5xl) /
2657
+ var(--bm-sem-typo-line-height-heading-5xl) var(--bm-sem-font-family-heading);
2658
+ --bm-sem-typo-heading-4xl: var(--bm-sem-font-weight-heading)
2659
+ var(--bm-sem-typo-font-size-heading-4xl) /
2660
+ var(--bm-sem-typo-line-height-heading-4xl) var(--bm-sem-font-family-heading);
2661
+ --bm-sem-typo-heading-3xl: var(--bm-sem-font-weight-heading)
2662
+ var(--bm-sem-typo-font-size-heading-3xl) /
2663
+ var(--bm-sem-typo-line-height-heading-3xl) var(--bm-sem-font-family-heading);
2664
+ --bm-sem-typo-heading-2xl: var(--bm-sem-font-weight-heading)
2665
+ var(--bm-sem-typo-font-size-heading-2xl) /
2666
+ var(--bm-sem-typo-line-height-heading-2xl) var(--bm-sem-font-family-heading);
2667
+ --bm-sem-typo-heading-alt-6xl: var(--bm-sem-font-weight-heading-alt)
2668
+ var(--bm-sem-typo-font-size-heading-alt-6xl) /
2669
+ var(--bm-sem-typo-line-height-heading-alt-6xl)
2670
+ var(--bm-sem-font-family-heading-alt);
2671
+ --bm-sem-typo-heading-alt-5xl: var(--bm-sem-font-weight-heading-alt)
2672
+ var(--bm-sem-typo-font-size-heading-alt-5xl) /
2673
+ var(--bm-sem-typo-line-height-heading-alt-5xl)
2674
+ var(--bm-sem-font-family-heading-alt);
2675
+ --bm-sem-typo-heading-alt-4xl: var(--bm-sem-font-weight-heading-alt)
2676
+ var(--bm-sem-typo-font-size-heading-alt-4xl) /
2677
+ var(--bm-sem-typo-line-height-heading-alt-4xl)
2678
+ var(--bm-sem-font-family-heading-alt);
2679
+ --bm-sem-typo-heading-alt-3xl: var(--bm-sem-font-weight-heading-alt)
2680
+ var(--bm-sem-typo-font-size-heading-alt-3xl) /
2681
+ var(--bm-sem-typo-line-height-heading-alt-3xl)
2682
+ var(--bm-sem-font-family-heading-alt);
2683
+ --bm-sem-typo-heading-alt-2xl: var(--bm-sem-font-weight-heading-alt)
2684
+ var(--bm-sem-typo-font-size-heading-alt-2xl) /
2685
+ var(--bm-sem-typo-line-height-heading-alt-2xl)
2686
+ var(--bm-sem-font-family-heading-alt);
2687
+ --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
2688
+ var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
2689
+ var(--bm-sem-font-family-heading);
2690
+ --bm-sem-typo-heading-lg: var(--bm-sem-font-weight-heading)
2691
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
2692
+ var(--bm-sem-font-family-heading);
2693
+ --bm-sem-typo-heading-md: var(--bm-sem-font-weight-heading)
2694
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
2695
+ var(--bm-sem-font-family-heading);
2696
+ --bm-sem-typo-heading-sm: var(--bm-sem-font-weight-heading)
2697
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
2698
+ var(--bm-sem-font-family-heading);
2699
+ --bm-sem-typo-heading-xs: var(--bm-sem-font-weight-heading)
2700
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2701
+ var(--bm-sem-font-family-heading);
2702
+ --bm-sem-typo-heading-alt-xl: var(--bm-sem-font-weight-heading-alt)
2703
+ var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
2704
+ var(--bm-sem-font-family-heading-alt);
2705
+ --bm-sem-typo-heading-alt-lg: var(--bm-sem-font-weight-heading-alt)
2706
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
2707
+ var(--bm-sem-font-family-heading-alt);
2708
+ --bm-sem-typo-heading-alt-md: var(--bm-sem-font-weight-heading-alt)
2709
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
2710
+ var(--bm-sem-font-family-heading-alt);
2711
+ --bm-sem-typo-heading-alt-sm: var(--bm-sem-font-weight-heading-alt)
2712
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
2713
+ var(--bm-sem-font-family-heading-alt);
2714
+ --bm-sem-typo-heading-alt-xs: var(--bm-sem-font-weight-heading-alt)
2715
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2716
+ var(--bm-sem-font-family-heading-alt);
2717
+ --bm-sem-typo-body-xs: var(--bm-sem-font-weight-body)
2718
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
2719
+ var(--bm-sem-font-family-body);
2720
+ --bm-sem-typo-body-sm: var(--bm-sem-font-weight-body)
2721
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
2722
+ var(--bm-sem-font-family-body);
2723
+ --bm-sem-typo-body-md: var(--bm-sem-font-weight-body)
2724
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
2725
+ var(--bm-sem-font-family-body);
2726
+ --bm-sem-typo-body-lg: var(--bm-sem-font-weight-body)
2727
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
2728
+ var(--bm-sem-font-family-body);
2729
+ --bm-sem-typo-body-xl: var(--bm-sem-font-weight-body)
2730
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
2731
+ var(--bm-sem-font-family-body);
2732
+ --bm-sem-typo-body-2xl: var(--bm-sem-font-weight-body)
2733
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
2734
+ var(--bm-sem-font-family-body);
2735
+ --bm-sem-typo-detail-xs: var(--bm-sem-font-weight-detail)
2736
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
2737
+ var(--bm-sem-font-family-heading);
2738
+ --bm-sem-typo-detail-sm: var(--bm-sem-font-weight-detail)
2739
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
2740
+ var(--bm-sem-font-family-heading);
2741
+ --bm-sem-typo-detail-md: var(--bm-sem-font-weight-detail)
2742
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2743
+ var(--bm-sem-font-family-heading);
2744
+ --bm-sem-typo-detail-lg: var(--bm-sem-font-weight-detail)
2745
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
2746
+ var(--bm-sem-font-family-heading);
2747
+ --bm-sem-typo-detail-xl: var(--bm-sem-font-weight-detail)
2748
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
2749
+ var(--bm-sem-font-family-heading);
2750
+ --bm-sem-typo-label-xs: var(--bm-sem-font-weight-label)
2751
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
2752
+ var(--bm-sem-font-family-label);
2753
+ --bm-sem-typo-label-sm: var(--bm-sem-font-weight-label)
2754
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
2755
+ var(--bm-sem-font-family-label);
2756
+ --bm-sem-typo-label-md: var(--bm-sem-font-weight-label)
2757
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
2758
+ var(--bm-sem-font-family-label);
2759
+ --bm-sem-typo-label-lg: var(--bm-sem-font-weight-label)
2760
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
2761
+ var(--bm-sem-font-family-label);
2762
+ --bm-sem-typo-label-xl: var(--bm-sem-font-weight-label)
2763
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
2764
+ var(--bm-sem-font-family-label);
2765
+ --bm-sem-typo-label-2xl: var(--bm-sem-font-weight-label)
2766
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
2767
+ var(--bm-sem-font-family-label);
2768
+ --bm-sem-typo-compact-body-xs: var(--bm-sem-font-weight-body)
2769
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
2770
+ var(--bm-sem-font-family-body);
2771
+ --bm-sem-typo-compact-body-sm: var(--bm-sem-font-weight-body)
2772
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
2773
+ var(--bm-sem-font-family-body);
2774
+ --bm-sem-typo-compact-body-md: var(--bm-sem-font-weight-body)
2775
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2776
+ var(--bm-sem-font-family-body);
2777
+ --bm-sem-typo-compact-body-lg: var(--bm-sem-font-weight-body)
2778
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
2779
+ var(--bm-sem-font-family-body);
2780
+ --bm-sem-typo-compact-body-xl: var(--bm-sem-font-weight-body)
2781
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
2782
+ var(--bm-sem-font-family-body);
2783
+ --bm-sem-typo-compact-body-2xl: var(--bm-sem-font-weight-body)
2784
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
2785
+ var(--bm-sem-font-family-body);
2786
+ --bm-sem-typo-compact-label-xs: var(--bm-sem-font-weight-label)
2787
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
2788
+ var(--bm-sem-font-family-label);
2789
+ --bm-sem-typo-compact-label-sm: var(--bm-sem-font-weight-label)
2790
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
2791
+ var(--bm-sem-font-family-label);
2792
+ --bm-sem-typo-compact-label-md: var(--bm-sem-font-weight-label)
2793
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
2794
+ var(--bm-sem-font-family-label);
2795
+ --bm-sem-typo-compact-label-lg: var(--bm-sem-font-weight-label)
2796
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
2797
+ var(--bm-sem-font-family-label);
2798
+ --bm-sem-typo-compact-label-xl: var(--bm-sem-font-weight-label)
2799
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
2800
+ var(--bm-sem-font-family-label);
2801
+ --bm-sem-typo-compact-label-2xl: var(--bm-sem-font-weight-label)
2802
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
2803
+ var(--bm-sem-font-family-label);
2804
+ }
2805
+ :lang(ar),
2806
+ [class*="bm-lang-ar"],
2807
+ [class*="bm-light"] :lang(ar),
2808
+ [class*="bm-light"]:lang(ar),
2809
+ [class*="bm-dark"] :lang(ar),
2810
+ [class*="bm-dark"]:lang(ar) {
2811
+ --bm-sem-font-family-ar-heading: "Noto Sans Arabic";
2812
+ --bm-sem-font-family-heading: var(--bm-sem-font-family-ar-heading);
2813
+ --bm-sem-font-family-ar-heading-alt: "Noto Sans Arabic";
2814
+ --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-ar-heading-alt);
2815
+ --bm-sem-font-family-ar-body: "Noto Sans Arabic";
2816
+ --bm-sem-font-family-body: var(--bm-sem-font-family-ar-body);
2817
+ --bm-sem-font-family-ar-label: "Noto Sans Arabic";
2818
+ --bm-sem-font-family-label: var(--bm-sem-font-family-ar-label);
2819
+ --bm-sem-font-weight-ar-heading: 800;
2820
+ --bm-sem-font-weight-heading: var(--bm-sem-font-weight-ar-heading);
2821
+ --bm-sem-font-weight-ar-heading-alt: 300;
2822
+ --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-ar-heading-alt);
2823
+ --bm-sem-font-weight-ar-body: 400;
2824
+ --bm-sem-font-weight-body: var(--bm-sem-font-weight-ar-body);
2825
+ --bm-sem-font-weight-ar-body-bold: 700;
2826
+ --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-ar-body-bold);
2827
+ --bm-sem-font-weight-ar-label: 600;
2828
+ --bm-sem-font-weight-label: var(--bm-sem-font-weight-ar-label);
2829
+ --bm-sem-font-weight-ar-detail: 800;
2830
+ --bm-sem-font-weight-detail: var(--bm-sem-font-weight-ar-detail);
2617
2831
  --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
2618
2832
  var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
2619
2833
  var(--bm-sem-font-family-heading);
@@ -2819,32 +3033,32 @@
2819
3033
  --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
2820
3034
  }
2821
3035
 
2822
- :lang(ja),
2823
- [class*="bm-lang-ja"],
2824
- [class*="bm-light"] :lang(ja),
2825
- [class*="bm-light"]:lang(ja),
2826
- [class*="bm-dark"] :lang(ja),
2827
- [class*="bm-dark"]:lang(ja) {
2828
- --bm-sem-font-family-ja-heading: "Noto Sans JP";
2829
- --bm-sem-font-family-heading: var(--bm-sem-font-family-ja-heading);
2830
- --bm-sem-font-family-ja-heading-alt: "Noto Sans JP";
2831
- --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-ja-heading-alt);
2832
- --bm-sem-font-family-ja-body: "Noto Sans JP";
2833
- --bm-sem-font-family-body: var(--bm-sem-font-family-ja-body);
2834
- --bm-sem-font-family-ja-label: "Noto Sans JP";
2835
- --bm-sem-font-family-label: var(--bm-sem-font-family-ja-label);
2836
- --bm-sem-font-weight-ja-heading: 900;
2837
- --bm-sem-font-weight-heading: var(--bm-sem-font-weight-ja-heading);
2838
- --bm-sem-font-weight-ja-heading-alt: 300;
2839
- --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-ja-heading-alt);
2840
- --bm-sem-font-weight-ja-body: 400;
2841
- --bm-sem-font-weight-body: var(--bm-sem-font-weight-ja-body);
2842
- --bm-sem-font-weight-ja-body-bold: 700;
2843
- --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-ja-body-bold);
2844
- --bm-sem-font-weight-ja-label: 500;
2845
- --bm-sem-font-weight-label: var(--bm-sem-font-weight-ja-label);
2846
- --bm-sem-font-weight-ja-detail: 900;
2847
- --bm-sem-font-weight-detail: var(--bm-sem-font-weight-ja-detail);
3036
+ :lang(he),
3037
+ [class*="bm-lang-he"],
3038
+ [class*="bm-light"] :lang(he),
3039
+ [class*="bm-light"]:lang(he),
3040
+ [class*="bm-dark"] :lang(he),
3041
+ [class*="bm-dark"]:lang(he) {
3042
+ --bm-sem-font-family-he-heading: "Noto Sans Hebrew";
3043
+ --bm-sem-font-family-heading: var(--bm-sem-font-family-he-heading);
3044
+ --bm-sem-font-family-he-heading-alt: "Noto Sans Hebrew";
3045
+ --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-he-heading-alt);
3046
+ --bm-sem-font-family-he-body: "Noto Sans Hebrew";
3047
+ --bm-sem-font-family-body: var(--bm-sem-font-family-he-body);
3048
+ --bm-sem-font-family-he-label: "Noto Sans Hebrew";
3049
+ --bm-sem-font-family-label: var(--bm-sem-font-family-he-label);
3050
+ --bm-sem-font-weight-he-heading: 800;
3051
+ --bm-sem-font-weight-heading: var(--bm-sem-font-weight-he-heading);
3052
+ --bm-sem-font-weight-he-heading-alt: 300;
3053
+ --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-he-heading-alt);
3054
+ --bm-sem-font-weight-he-body: 400;
3055
+ --bm-sem-font-weight-body: var(--bm-sem-font-weight-he-body);
3056
+ --bm-sem-font-weight-he-body-bold: 700;
3057
+ --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-he-body-bold);
3058
+ --bm-sem-font-weight-he-label: 600;
3059
+ --bm-sem-font-weight-label: var(--bm-sem-font-weight-he-label);
3060
+ --bm-sem-font-weight-he-detail: 800;
3061
+ --bm-sem-font-weight-detail: var(--bm-sem-font-weight-he-detail);
2848
3062
  --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
2849
3063
  var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
2850
3064
  var(--bm-sem-font-family-heading);
@@ -3050,32 +3264,32 @@
3050
3264
  --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
3051
3265
  }
3052
3266
 
3053
- :lang(zh),
3054
- [class*="bm-lang-zh"],
3055
- [class*="bm-light"] :lang(zh),
3056
- [class*="bm-light"]:lang(zh),
3057
- [class*="bm-dark"] :lang(zh),
3058
- [class*="bm-dark"]:lang(zh) {
3059
- --bm-sem-font-family-zh-heading: "Noto Sans SC";
3060
- --bm-sem-font-family-heading: var(--bm-sem-font-family-zh-heading);
3061
- --bm-sem-font-family-zh-heading-alt: "Noto Sans SC";
3062
- --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-zh-heading-alt);
3063
- --bm-sem-font-family-zh-body: "Noto Sans SC";
3064
- --bm-sem-font-family-body: var(--bm-sem-font-family-zh-body);
3065
- --bm-sem-font-family-zh-label: "Noto Sans SC";
3066
- --bm-sem-font-family-label: var(--bm-sem-font-family-zh-label);
3067
- --bm-sem-font-weight-zh-heading: 700;
3068
- --bm-sem-font-weight-heading: var(--bm-sem-font-weight-zh-heading);
3069
- --bm-sem-font-weight-zh-heading-alt: 300;
3070
- --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-zh-heading-alt);
3071
- --bm-sem-font-weight-zh-body: 400;
3072
- --bm-sem-font-weight-body: var(--bm-sem-font-weight-zh-body);
3073
- --bm-sem-font-weight-zh-body-bold: 700;
3074
- --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-zh-body-bold);
3075
- --bm-sem-font-weight-zh-label: 500;
3076
- --bm-sem-font-weight-label: var(--bm-sem-font-weight-zh-label);
3077
- --bm-sem-font-weight-zh-detail: 900;
3078
- --bm-sem-font-weight-detail: var(--bm-sem-font-weight-zh-detail);
3267
+ :lang(ja),
3268
+ [class*="bm-lang-ja"],
3269
+ [class*="bm-light"] :lang(ja),
3270
+ [class*="bm-light"]:lang(ja),
3271
+ [class*="bm-dark"] :lang(ja),
3272
+ [class*="bm-dark"]:lang(ja) {
3273
+ --bm-sem-font-family-ja-heading: "Noto Sans JP";
3274
+ --bm-sem-font-family-heading: var(--bm-sem-font-family-ja-heading);
3275
+ --bm-sem-font-family-ja-heading-alt: "Noto Sans JP";
3276
+ --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-ja-heading-alt);
3277
+ --bm-sem-font-family-ja-body: "Noto Sans JP";
3278
+ --bm-sem-font-family-body: var(--bm-sem-font-family-ja-body);
3279
+ --bm-sem-font-family-ja-label: "Noto Sans JP";
3280
+ --bm-sem-font-family-label: var(--bm-sem-font-family-ja-label);
3281
+ --bm-sem-font-weight-ja-heading: 900;
3282
+ --bm-sem-font-weight-heading: var(--bm-sem-font-weight-ja-heading);
3283
+ --bm-sem-font-weight-ja-heading-alt: 300;
3284
+ --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-ja-heading-alt);
3285
+ --bm-sem-font-weight-ja-body: 400;
3286
+ --bm-sem-font-weight-body: var(--bm-sem-font-weight-ja-body);
3287
+ --bm-sem-font-weight-ja-body-bold: 700;
3288
+ --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-ja-body-bold);
3289
+ --bm-sem-font-weight-ja-label: 500;
3290
+ --bm-sem-font-weight-label: var(--bm-sem-font-weight-ja-label);
3291
+ --bm-sem-font-weight-ja-detail: 900;
3292
+ --bm-sem-font-weight-detail: var(--bm-sem-font-weight-ja-detail);
3079
3293
  --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
3080
3294
  var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
3081
3295
  var(--bm-sem-font-family-heading);
@@ -3280,333 +3494,264 @@
3280
3494
  --bm-comp-toast-typo-body: var(--bm-sem-typo-body-sm);
3281
3495
  --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
3282
3496
  }
3283
- :root,
3284
- .bm-enterprise,
3285
- [data-bm-theme~="bm-enterprise"] {
3286
- --bm-alias-action-radius-container: 0.25rem;
3287
- --bm-alias-action-radius-focus: 0.5rem;
3288
- --bm-alias-action-space-sm-x: 0.5rem;
3289
- --bm-alias-action-space-md-x: 0.75rem;
3290
- --bm-alias-action-space-lg-x: 1rem;
3291
- --bm-alias-badge-radius: 624.938rem;
3292
- --bm-alias-badge-space-x: 0.75rem;
3293
- --bm-alias-chip-radius-container: 0.25rem;
3294
- --bm-alias-chip-radius-focus: 0.5rem;
3295
- --bm-alias-chip-space-sm-x: 0.5rem;
3296
- --bm-alias-chip-space-md-x: 0.5rem;
3297
- --bm-alias-chip-space-lg-x: 0.75rem;
3298
- }
3299
- .bm-consumer,
3300
- [data-bm-theme~="bm-consumer"] {
3301
- --bm-alias-action-radius-container: 624.938rem;
3302
- --bm-alias-action-radius-focus: 624.938rem;
3303
- --bm-alias-action-space-sm-x: 1rem;
3304
- --bm-alias-action-space-md-x: 1.25rem;
3305
- --bm-alias-action-space-lg-x: 1.5rem;
3306
- --bm-alias-badge-radius: 0.25rem;
3307
- --bm-alias-badge-space-x: 0.5rem;
3308
- --bm-alias-chip-radius-container: 624.938rem;
3309
- --bm-alias-chip-radius-focus: 624.938rem;
3310
- --bm-alias-chip-space-sm-x: 0.75rem;
3311
- --bm-alias-chip-space-md-x: 0.75rem;
3312
- --bm-alias-chip-space-lg-x: 1.25rem;
3313
- }
3314
- :root,
3315
- .bm-light,
3316
- .bm-dark {
3317
- --bm-primitive-text-decoration-none: none;
3318
- --bm-primitive-text-decoration-underline: underline;
3319
- --bm-primitive-text-case-none: none;
3320
- --bm-primitive-text-case-uppercase: uppercase;
3321
- --bm-primitive-paragraph-spacing-default: var(--bm-primitive-dimension-0);
3322
- --bm-primitive-letter-spacing-heading: 0;
3323
- --bm-primitive-letter-spacing-heading-alt: 0;
3324
- --bm-primitive-letter-spacing-body: 0;
3325
- --bm-primitive-font-size-75: var(--bm-primitive-dimension-75);
3326
- --bm-primitive-font-size-87: var(--bm-primitive-dimension-87);
3327
- --bm-primitive-font-size-100: var(--bm-primitive-dimension-100);
3328
- --bm-primitive-font-size-112: var(--bm-primitive-dimension-112);
3329
- --bm-primitive-font-size-125: var(--bm-primitive-dimension-125);
3330
- --bm-primitive-font-size-150: var(--bm-primitive-dimension-150);
3331
- --bm-primitive-font-size-175: var(--bm-primitive-dimension-175);
3332
- --bm-primitive-font-size-200: var(--bm-primitive-dimension-200);
3333
- --bm-primitive-font-size-250: var(--bm-primitive-dimension-250);
3334
- --bm-primitive-font-size-300: var(--bm-primitive-dimension-300);
3335
- --bm-primitive-font-size-350: var(--bm-primitive-dimension-350);
3336
- --bm-primitive-font-size-375: var(--bm-primitive-dimension-375);
3337
- --bm-primitive-font-size-400: var(--bm-primitive-dimension-400);
3338
- --bm-primitive-font-size-450: var(--bm-primitive-dimension-450);
3339
- --bm-primitive-line-height-100: var(--bm-primitive-dimension-100);
3340
- --bm-primitive-line-height-125: var(--bm-primitive-dimension-125);
3341
- --bm-primitive-line-height-150: var(--bm-primitive-dimension-150);
3342
- --bm-primitive-line-height-175: var(--bm-primitive-dimension-175);
3343
- --bm-primitive-line-height-200: var(--bm-primitive-dimension-200);
3344
- --bm-primitive-line-height-225: var(--bm-primitive-dimension-225);
3345
- --bm-primitive-line-height-250: var(--bm-primitive-dimension-250);
3346
- --bm-primitive-line-height-300: var(--bm-primitive-dimension-300);
3347
- --bm-primitive-line-height-325: var(--bm-primitive-dimension-325);
3348
- --bm-primitive-line-height-350: var(--bm-primitive-dimension-350);
3349
- --bm-primitive-line-height-375: var(--bm-primitive-dimension-375);
3350
- --bm-primitive-line-height-400: var(--bm-primitive-dimension-400);
3351
- --bm-primitive-line-height-450: var(--bm-primitive-dimension-450);
3352
- --bm-primitive-line-height-475: var(--bm-primitive-dimension-475);
3353
- --bm-primitive-line-height-525: var(--bm-primitive-dimension-525);
3354
- --bm-primitive-paragraph-indent-default: var(--bm-primitive-dimension-0);
3355
- --bm-sem-font-family-heading: "Uni Neue";
3356
- --bm-sem-font-family-heading-alt: "Uni Neue";
3357
- --bm-sem-font-family-body: "Source Sans Pro";
3358
- --bm-sem-font-family-label: "Source Sans Pro";
3359
- --bm-sem-font-family-ar-heading: "Noto Sans Arabic";
3360
- --bm-sem-font-family-ar-heading-alt: "Noto Sans Arabic";
3361
- --bm-sem-font-family-ar-body: "Noto Sans Arabic";
3362
- --bm-sem-font-family-ar-label: "Noto Sans Arabic";
3363
- --bm-sem-font-family-he-heading: "Noto Sans Hebrew";
3364
- --bm-sem-font-family-he-heading-alt: "Noto Sans Hebrew";
3365
- --bm-sem-font-family-he-body: "Noto Sans Hebrew";
3366
- --bm-sem-font-family-he-label: "Noto Sans Hebrew";
3367
- --bm-sem-font-family-ja-heading: "Noto Sans JP";
3368
- --bm-sem-font-family-ja-heading-alt: "Noto Sans JP";
3369
- --bm-sem-font-family-ja-body: "Noto Sans JP";
3370
- --bm-sem-font-family-ja-label: "Noto Sans JP";
3371
- --bm-sem-font-family-zh-heading: "Noto Sans SC";
3372
- --bm-sem-font-family-zh-heading-alt: "Noto Sans SC";
3373
- --bm-sem-font-family-zh-body: "Noto Sans SC";
3374
- --bm-sem-font-family-zh-label: "Noto Sans SC";
3497
+
3498
+ :lang(th),
3499
+ [class*="bm-lang-th"],
3500
+ [class*="bm-light"] :lang(th),
3501
+ [class*="bm-light"]:lang(th),
3502
+ [class*="bm-dark"] :lang(th),
3503
+ [class*="bm-dark"]:lang(th) {
3375
3504
  --bm-sem-font-family-th-heading: "Noto Sans Thai";
3505
+ --bm-sem-font-family-heading: var(--bm-sem-font-family-th-heading);
3376
3506
  --bm-sem-font-family-th-heading-alt: "Noto Sans Thai";
3377
- --bm-sem-font-family-th-body: "Noto Sans Thai";
3378
- --bm-sem-font-family-th-label: "Noto Sans Thai";
3379
- --bm-sem-font-weight-heading: 700;
3380
- --bm-sem-font-weight-heading-alt: 350;
3381
- --bm-sem-font-weight-body: 400;
3382
- --bm-sem-font-weight-body-bold: 700;
3383
- --bm-sem-font-weight-label: 600;
3384
- --bm-sem-font-weight-detail: 800;
3385
- --bm-sem-font-weight-ar-heading: 800;
3386
- --bm-sem-font-weight-ar-heading-alt: 300;
3387
- --bm-sem-font-weight-ar-body: 400;
3388
- --bm-sem-font-weight-ar-body-bold: 700;
3389
- --bm-sem-font-weight-ar-label: 600;
3390
- --bm-sem-font-weight-ar-detail: 800;
3391
- --bm-sem-font-weight-he-heading: 800;
3392
- --bm-sem-font-weight-he-heading-alt: 300;
3393
- --bm-sem-font-weight-he-body: 400;
3394
- --bm-sem-font-weight-he-body-bold: 700;
3395
- --bm-sem-font-weight-he-label: 600;
3396
- --bm-sem-font-weight-he-detail: 800;
3397
- --bm-sem-font-weight-ja-heading: 900;
3398
- --bm-sem-font-weight-ja-heading-alt: 300;
3399
- --bm-sem-font-weight-ja-body: 400;
3400
- --bm-sem-font-weight-ja-body-bold: 700;
3401
- --bm-sem-font-weight-ja-label: 500;
3402
- --bm-sem-font-weight-ja-detail: 900;
3403
- --bm-sem-font-weight-zh-heading: 700;
3404
- --bm-sem-font-weight-zh-heading-alt: 300;
3405
- --bm-sem-font-weight-zh-body: 400;
3406
- --bm-sem-font-weight-zh-body-bold: 700;
3407
- --bm-sem-font-weight-zh-label: 500;
3408
- --bm-sem-font-weight-zh-detail: 900;
3507
+ --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-th-heading-alt);
3508
+ --bm-sem-font-family-th-body: "Noto Sans Thai";
3509
+ --bm-sem-font-family-body: var(--bm-sem-font-family-th-body);
3510
+ --bm-sem-font-family-th-label: "Noto Sans Thai";
3511
+ --bm-sem-font-family-label: var(--bm-sem-font-family-th-label);
3409
3512
  --bm-sem-font-weight-th-heading: 700;
3513
+ --bm-sem-font-weight-heading: var(--bm-sem-font-weight-th-heading);
3410
3514
  --bm-sem-font-weight-th-heading-alt: 300;
3515
+ --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-th-heading-alt);
3411
3516
  --bm-sem-font-weight-th-body: 400;
3517
+ --bm-sem-font-weight-body: var(--bm-sem-font-weight-th-body);
3412
3518
  --bm-sem-font-weight-th-body-bold: 700;
3519
+ --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-th-body-bold);
3413
3520
  --bm-sem-font-weight-th-label: 600;
3521
+ --bm-sem-font-weight-label: var(--bm-sem-font-weight-th-label);
3414
3522
  --bm-sem-font-weight-th-detail: 800;
3415
- --bm-sem-typo-font-size-heading-6xl-min: 3rem;
3416
- --bm-sem-typo-font-size-heading-6xl-value: 6vw + 1.05rem;
3417
- --bm-sem-typo-font-size-heading-6xl-max: 4.5rem;
3418
- --bm-sem-typo-font-size-heading-6xl: clamp(
3419
- var(--bm-sem-typo-font-size-heading-6xl-min),
3420
- var(--bm-sem-typo-font-size-heading-6xl-value),
3421
- var(--bm-sem-typo-font-size-heading-6xl-max)
3422
- );
3423
- --bm-sem-typo-line-height-heading-6xl-min: 3.25rem;
3424
- --bm-sem-typo-line-height-heading-6xl-value: 6vw + 1.8rem;
3425
- --bm-sem-typo-line-height-heading-6xl-max: 5.25rem;
3426
- --bm-sem-typo-line-height-heading-6xl: clamp(
3427
- var(--bm-sem-typo-line-height-heading-6xl-min),
3428
- var(--bm-sem-typo-line-height-heading-6xl-value),
3429
- var(--bm-sem-typo-line-height-heading-6xl-max)
3430
- );
3431
- --bm-sem-typo-font-size-heading-5xl-min: 2.5rem;
3432
- --bm-sem-typo-font-size-heading-5xl-value: 4vw + 1.2rem;
3433
- --bm-sem-typo-font-size-heading-5xl-max: 3.75rem;
3434
- --bm-sem-typo-font-size-heading-5xl: clamp(
3435
- var(--bm-sem-typo-font-size-heading-5xl-min),
3436
- var(--bm-sem-typo-font-size-heading-5xl-value),
3437
- var(--bm-sem-typo-font-size-heading-5xl-max)
3438
- );
3439
- --bm-sem-typo-line-height-heading-5xl-min: 3rem;
3440
- --bm-sem-typo-line-height-heading-5xl-value: 5vw + 1rem;
3441
- --bm-sem-typo-line-height-heading-5xl-max: 4.5rem;
3442
- --bm-sem-typo-line-height-heading-5xl: clamp(
3443
- var(--bm-sem-typo-line-height-heading-5xl-min),
3444
- var(--bm-sem-typo-line-height-heading-5xl-value),
3445
- var(--bm-sem-typo-line-height-heading-5xl-max)
3446
- );
3447
- --bm-sem-typo-font-size-heading-4xl-min: 2rem;
3448
- --bm-sem-typo-font-size-heading-4xl-value: 3vw + 1.15rem;
3449
- --bm-sem-typo-font-size-heading-4xl-max: 3rem;
3450
- --bm-sem-typo-font-size-heading-4xl: clamp(
3451
- var(--bm-sem-typo-font-size-heading-4xl-min),
3452
- var(--bm-sem-typo-font-size-heading-4xl-value),
3453
- var(--bm-sem-typo-font-size-heading-4xl-max)
3454
- );
3455
- --bm-sem-typo-line-height-heading-4xl-min: 2.5rem;
3456
- --bm-sem-typo-line-height-heading-4xl-value: 4vw + 1.2rem;
3457
- --bm-sem-typo-line-height-heading-4xl-max: 3.5rem;
3458
- --bm-sem-typo-line-height-heading-4xl: clamp(
3459
- var(--bm-sem-typo-line-height-heading-4xl-min),
3460
- var(--bm-sem-typo-line-height-heading-4xl-value),
3461
- var(--bm-sem-typo-line-height-heading-4xl-max)
3462
- );
3463
- --bm-sem-typo-font-size-heading-3xl-min: 1.75rem;
3464
- --bm-sem-typo-font-size-heading-3xl-value: 2vw + 1.15rem;
3465
- --bm-sem-typo-font-size-heading-3xl-max: 2.5rem;
3466
- --bm-sem-typo-font-size-heading-3xl: clamp(
3467
- var(--bm-sem-typo-font-size-heading-3xl-min),
3468
- var(--bm-sem-typo-font-size-heading-3xl-value),
3469
- var(--bm-sem-typo-font-size-heading-3xl-max)
3470
- );
3471
- --bm-sem-typo-line-height-heading-3xl-min: 2.25rem;
3472
- --bm-sem-typo-line-height-heading-3xl-value: 4vw + 0.7rem;
3473
- --bm-sem-typo-line-height-heading-3xl-max: 3rem;
3474
- --bm-sem-typo-line-height-heading-3xl: clamp(
3475
- var(--bm-sem-typo-line-height-heading-3xl-min),
3476
- var(--bm-sem-typo-line-height-heading-3xl-value),
3477
- var(--bm-sem-typo-line-height-heading-3xl-max)
3478
- );
3479
- --bm-sem-typo-font-size-heading-2xl-min: 1.5rem;
3480
- --bm-sem-typo-font-size-heading-2xl-value: 1vw + 1.3rem;
3481
- --bm-sem-typo-font-size-heading-2xl-max: 2rem;
3482
- --bm-sem-typo-font-size-heading-2xl: clamp(
3483
- var(--bm-sem-typo-font-size-heading-2xl-min),
3484
- var(--bm-sem-typo-font-size-heading-2xl-value),
3485
- var(--bm-sem-typo-font-size-heading-2xl-max)
3486
- );
3487
- --bm-sem-typo-line-height-heading-2xl-min: 2.25rem;
3488
- --bm-sem-typo-line-height-heading-2xl-value: 4vw + 0.45rem;
3489
- --bm-sem-typo-line-height-heading-2xl-max: 2.5rem;
3490
- --bm-sem-typo-line-height-heading-2xl: clamp(
3491
- var(--bm-sem-typo-line-height-heading-2xl-min),
3492
- var(--bm-sem-typo-line-height-heading-2xl-value),
3493
- var(--bm-sem-typo-line-height-heading-2xl-max)
3494
- );
3495
- --bm-sem-typo-font-size-heading-alt-6xl-min: 3rem;
3496
- --bm-sem-typo-font-size-heading-alt-6xl-value: 6vw + 1.05rem;
3497
- --bm-sem-typo-font-size-heading-alt-6xl-max: 4.5rem;
3498
- --bm-sem-typo-font-size-heading-alt-6xl: clamp(
3499
- var(--bm-sem-typo-font-size-heading-alt-6xl-min),
3500
- var(--bm-sem-typo-font-size-heading-alt-6xl-value),
3501
- var(--bm-sem-typo-font-size-heading-alt-6xl-max)
3502
- );
3503
- --bm-sem-typo-line-height-heading-alt-6xl-min: 3.25rem;
3504
- --bm-sem-typo-line-height-heading-alt-6xl-value: 6vw + 1.8rem;
3505
- --bm-sem-typo-line-height-heading-alt-6xl-max: 5.25rem;
3506
- --bm-sem-typo-line-height-heading-alt-6xl: clamp(
3507
- var(--bm-sem-typo-line-height-heading-alt-6xl-min),
3508
- var(--bm-sem-typo-line-height-heading-alt-6xl-value),
3509
- var(--bm-sem-typo-line-height-heading-alt-6xl-max)
3510
- );
3511
- --bm-sem-typo-font-size-heading-alt-5xl-min: 2.5rem;
3512
- --bm-sem-typo-font-size-heading-alt-5xl-value: 4vw + 1.2rem;
3513
- --bm-sem-typo-font-size-heading-alt-5xl-max: 3.75rem;
3514
- --bm-sem-typo-font-size-heading-alt-5xl: clamp(
3515
- var(--bm-sem-typo-font-size-heading-alt-5xl-min),
3516
- var(--bm-sem-typo-font-size-heading-alt-5xl-value),
3517
- var(--bm-sem-typo-font-size-heading-alt-5xl-max)
3518
- );
3519
- --bm-sem-typo-line-height-heading-alt-5xl-min: 3rem;
3520
- --bm-sem-typo-line-height-heading-alt-5xl-value: 5vw + 1rem;
3521
- --bm-sem-typo-line-height-heading-alt-5xl-max: 4.5rem;
3522
- --bm-sem-typo-line-height-heading-alt-5xl: clamp(
3523
- var(--bm-sem-typo-line-height-heading-alt-5xl-min),
3524
- var(--bm-sem-typo-line-height-heading-alt-5xl-value),
3525
- var(--bm-sem-typo-line-height-heading-alt-5xl-max)
3526
- );
3527
- --bm-sem-typo-font-size-heading-alt-4xl-min: 2rem;
3528
- --bm-sem-typo-font-size-heading-alt-4xl-value: 3vw + 1.15rem;
3529
- --bm-sem-typo-font-size-heading-alt-4xl-max: 3rem;
3530
- --bm-sem-typo-font-size-heading-alt-4xl: clamp(
3531
- var(--bm-sem-typo-font-size-heading-alt-4xl-min),
3532
- var(--bm-sem-typo-font-size-heading-alt-4xl-value),
3533
- var(--bm-sem-typo-font-size-heading-alt-4xl-max)
3534
- );
3535
- --bm-sem-typo-line-height-heading-alt-4xl-min: 2.5rem;
3536
- --bm-sem-typo-line-height-heading-alt-4xl-value: 4vw + 1.2rem;
3537
- --bm-sem-typo-line-height-heading-alt-4xl-max: 3.5rem;
3538
- --bm-sem-typo-line-height-heading-alt-4xl: clamp(
3539
- var(--bm-sem-typo-line-height-heading-alt-4xl-min),
3540
- var(--bm-sem-typo-line-height-heading-alt-4xl-value),
3541
- var(--bm-sem-typo-line-height-heading-alt-4xl-max)
3542
- );
3543
- --bm-sem-typo-font-size-heading-alt-3xl-min: 1.75rem;
3544
- --bm-sem-typo-font-size-heading-alt-3xl-value: 2vw + 1.15rem;
3545
- --bm-sem-typo-font-size-heading-alt-3xl-max: 2.5rem;
3546
- --bm-sem-typo-font-size-heading-alt-3xl: clamp(
3547
- var(--bm-sem-typo-font-size-heading-alt-3xl-min),
3548
- var(--bm-sem-typo-font-size-heading-alt-3xl-value),
3549
- var(--bm-sem-typo-font-size-heading-alt-3xl-max)
3550
- );
3551
- --bm-sem-typo-line-height-heading-alt-3xl-min: 2.25rem;
3552
- --bm-sem-typo-line-height-heading-alt-3xl-value: 4vw + 0.7rem;
3553
- --bm-sem-typo-line-height-heading-alt-3xl-max: 3rem;
3554
- --bm-sem-typo-line-height-heading-alt-3xl: clamp(
3555
- var(--bm-sem-typo-line-height-heading-alt-3xl-min),
3556
- var(--bm-sem-typo-line-height-heading-alt-3xl-value),
3557
- var(--bm-sem-typo-line-height-heading-alt-3xl-max)
3558
- );
3559
- --bm-sem-typo-font-size-heading-alt-2xl-min: 1.5rem;
3560
- --bm-sem-typo-font-size-heading-alt-2xl-value: 1vw + 1.3rem;
3561
- --bm-sem-typo-font-size-heading-alt-2xl-max: 2rem;
3562
- --bm-sem-typo-font-size-heading-alt-2xl: clamp(
3563
- var(--bm-sem-typo-font-size-heading-alt-2xl-min),
3564
- var(--bm-sem-typo-font-size-heading-alt-2xl-value),
3565
- var(--bm-sem-typo-font-size-heading-alt-2xl-max)
3566
- );
3567
- --bm-sem-typo-line-height-heading-alt-2xl-min: 2.25rem;
3568
- --bm-sem-typo-line-height-heading-alt-2xl-value: 4vw + 0.45rem;
3569
- --bm-sem-typo-line-height-heading-alt-2xl-max: 2.5rem;
3570
- --bm-sem-typo-line-height-heading-alt-2xl: clamp(
3571
- var(--bm-sem-typo-line-height-heading-alt-2xl-min),
3572
- var(--bm-sem-typo-line-height-heading-alt-2xl-value),
3573
- var(--bm-sem-typo-line-height-heading-alt-2xl-max)
3523
+ --bm-sem-font-weight-detail: var(--bm-sem-font-weight-th-detail);
3524
+ --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
3525
+ var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
3526
+ var(--bm-sem-font-family-heading);
3527
+ --bm-sem-typo-heading-lg: var(--bm-sem-font-weight-heading)
3528
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
3529
+ var(--bm-sem-font-family-heading);
3530
+ --bm-sem-typo-heading-md: var(--bm-sem-font-weight-heading)
3531
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
3532
+ var(--bm-sem-font-family-heading);
3533
+ --bm-sem-typo-heading-sm: var(--bm-sem-font-weight-heading)
3534
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
3535
+ var(--bm-sem-font-family-heading);
3536
+ --bm-sem-typo-heading-xs: var(--bm-sem-font-weight-heading)
3537
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
3538
+ var(--bm-sem-font-family-heading);
3539
+ --bm-sem-typo-heading-alt-xl: var(--bm-sem-font-weight-heading-alt)
3540
+ var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
3541
+ var(--bm-sem-font-family-heading-alt);
3542
+ --bm-sem-typo-heading-alt-lg: var(--bm-sem-font-weight-heading-alt)
3543
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
3544
+ var(--bm-sem-font-family-heading-alt);
3545
+ --bm-sem-typo-heading-alt-md: var(--bm-sem-font-weight-heading-alt)
3546
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
3547
+ var(--bm-sem-font-family-heading-alt);
3548
+ --bm-sem-typo-heading-alt-sm: var(--bm-sem-font-weight-heading-alt)
3549
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
3550
+ var(--bm-sem-font-family-heading-alt);
3551
+ --bm-sem-typo-heading-alt-xs: var(--bm-sem-font-weight-heading-alt)
3552
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
3553
+ var(--bm-sem-font-family-heading-alt);
3554
+ --bm-sem-typo-body-xs: var(--bm-sem-font-weight-body)
3555
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
3556
+ var(--bm-sem-font-family-body);
3557
+ --bm-sem-typo-body-sm: var(--bm-sem-font-weight-body)
3558
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
3559
+ var(--bm-sem-font-family-body);
3560
+ --bm-sem-typo-body-md: var(--bm-sem-font-weight-body)
3561
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
3562
+ var(--bm-sem-font-family-body);
3563
+ --bm-sem-typo-body-lg: var(--bm-sem-font-weight-body)
3564
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
3565
+ var(--bm-sem-font-family-body);
3566
+ --bm-sem-typo-body-xl: var(--bm-sem-font-weight-body)
3567
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
3568
+ var(--bm-sem-font-family-body);
3569
+ --bm-sem-typo-body-2xl: var(--bm-sem-font-weight-body)
3570
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
3571
+ var(--bm-sem-font-family-body);
3572
+ --bm-sem-typo-detail-xs: var(--bm-sem-font-weight-detail)
3573
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
3574
+ var(--bm-sem-font-family-heading);
3575
+ --bm-sem-typo-detail-sm: var(--bm-sem-font-weight-detail)
3576
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
3577
+ var(--bm-sem-font-family-heading);
3578
+ --bm-sem-typo-detail-md: var(--bm-sem-font-weight-detail)
3579
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
3580
+ var(--bm-sem-font-family-heading);
3581
+ --bm-sem-typo-detail-lg: var(--bm-sem-font-weight-detail)
3582
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
3583
+ var(--bm-sem-font-family-heading);
3584
+ --bm-sem-typo-detail-xl: var(--bm-sem-font-weight-detail)
3585
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
3586
+ var(--bm-sem-font-family-heading);
3587
+ --bm-sem-typo-label-xs: var(--bm-sem-font-weight-label)
3588
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
3589
+ var(--bm-sem-font-family-label);
3590
+ --bm-sem-typo-label-sm: var(--bm-sem-font-weight-label)
3591
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
3592
+ var(--bm-sem-font-family-label);
3593
+ --bm-sem-typo-label-md: var(--bm-sem-font-weight-label)
3594
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
3595
+ var(--bm-sem-font-family-label);
3596
+ --bm-sem-typo-label-lg: var(--bm-sem-font-weight-label)
3597
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
3598
+ var(--bm-sem-font-family-label);
3599
+ --bm-sem-typo-label-xl: var(--bm-sem-font-weight-label)
3600
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
3601
+ var(--bm-sem-font-family-label);
3602
+ --bm-sem-typo-label-2xl: var(--bm-sem-font-weight-label)
3603
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
3604
+ var(--bm-sem-font-family-label);
3605
+ --bm-sem-typo-compact-body-xs: var(--bm-sem-font-weight-body)
3606
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
3607
+ var(--bm-sem-font-family-body);
3608
+ --bm-sem-typo-compact-body-sm: var(--bm-sem-font-weight-body)
3609
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
3610
+ var(--bm-sem-font-family-body);
3611
+ --bm-sem-typo-compact-body-md: var(--bm-sem-font-weight-body)
3612
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
3613
+ var(--bm-sem-font-family-body);
3614
+ --bm-sem-typo-compact-body-lg: var(--bm-sem-font-weight-body)
3615
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
3616
+ var(--bm-sem-font-family-body);
3617
+ --bm-sem-typo-compact-body-xl: var(--bm-sem-font-weight-body)
3618
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
3619
+ var(--bm-sem-font-family-body);
3620
+ --bm-sem-typo-compact-body-2xl: var(--bm-sem-font-weight-body)
3621
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
3622
+ var(--bm-sem-font-family-body);
3623
+ --bm-sem-typo-compact-label-xs: var(--bm-sem-font-weight-label)
3624
+ var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
3625
+ var(--bm-sem-font-family-label);
3626
+ --bm-sem-typo-compact-label-sm: var(--bm-sem-font-weight-label)
3627
+ var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
3628
+ var(--bm-sem-font-family-label);
3629
+ --bm-sem-typo-compact-label-md: var(--bm-sem-font-weight-label)
3630
+ var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
3631
+ var(--bm-sem-font-family-label);
3632
+ --bm-sem-typo-compact-label-lg: var(--bm-sem-font-weight-label)
3633
+ var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
3634
+ var(--bm-sem-font-family-label);
3635
+ --bm-sem-typo-compact-label-xl: var(--bm-sem-font-weight-label)
3636
+ var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
3637
+ var(--bm-sem-font-family-label);
3638
+ --bm-sem-typo-compact-label-2xl: var(--bm-sem-font-weight-label)
3639
+ var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
3640
+ var(--bm-sem-font-family-label);
3641
+ --bm-comp-accordion-typo-sm-heading: var(--bm-sem-typo-compact-label-md);
3642
+ --bm-comp-accordion-typo-sm-body: var(--bm-sem-typo-body-md);
3643
+ --bm-comp-accordion-typo-md-heading: var(--bm-sem-typo-compact-label-lg);
3644
+ --bm-comp-accordion-typo-md-body: var(--bm-sem-typo-body-md);
3645
+ --bm-comp-accordion-typo-lg-heading: var(--bm-sem-typo-compact-label-xl);
3646
+ --bm-comp-accordion-typo-lg-body: var(--bm-sem-typo-body-lg);
3647
+ --bm-comp-actionlist-typo-text: var(--bm-sem-typo-body-sm);
3648
+ --bm-comp-actionlist-typo-text-selected: var(--bm-sem-typo-label-sm);
3649
+ --bm-comp-actionlist-typo-text-supporting: var(--bm-sem-typo-compact-body-xs);
3650
+ --bm-comp-actionlist-typo-text-suffix: var(--bm-sem-typo-body-xs);
3651
+ --bm-comp-actionlist-typo-heading-group: var(--bm-sem-typo-label-xs);
3652
+ --bm-comp-alert-typo-sm-heading: var(--bm-sem-typo-heading-xs);
3653
+ --bm-comp-alert-typo-sm-body: var(--bm-sem-typo-body-sm);
3654
+ --bm-comp-alert-typo-md-heading: var(--bm-sem-typo-heading-sm);
3655
+ --bm-comp-alert-typo-md-body: var(--bm-sem-typo-body-md);
3656
+ --bm-comp-avatar-typo-xs: var(--bm-sem-typo-label-xs);
3657
+ --bm-comp-avatar-typo-sm: var(--bm-sem-typo-label-xs);
3658
+ --bm-comp-avatar-typo-md: var(--bm-sem-typo-label-sm);
3659
+ --bm-comp-avatar-typo-lg: var(--bm-sem-typo-label-md);
3660
+ --bm-comp-avatar-typo-xl: var(--bm-sem-typo-label-lg);
3661
+ --bm-comp-badge-typo-sm: var(--bm-sem-typo-label-xs);
3662
+ --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
3663
+ --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
3664
+ --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
3665
+ --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
3666
+ --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
3667
+ --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
3668
+ --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
3669
+ --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
3670
+ --bm-comp-btn-typo-md: var(--bm-sem-typo-compact-label-md);
3671
+ --bm-comp-btn-typo-lg: var(--bm-sem-typo-compact-label-lg);
3672
+ --bm-comp-card-typo-heading: var(--bm-sem-typo-heading-sm);
3673
+ --bm-comp-card-typo-body: var(--bm-sem-typo-body-sm);
3674
+ --bm-comp-card-typo-supporting: var(--bm-sem-typo-body-sm);
3675
+ --bm-comp-card-typo-eyebrow: var(--bm-sem-typo-label-sm);
3676
+ --bm-comp-chip-typo-sm: var(--bm-sem-typo-label-xs);
3677
+ --bm-comp-chip-typo-md: var(--bm-sem-typo-label-sm);
3678
+ --bm-comp-chip-typo-lg: var(--bm-sem-typo-label-md);
3679
+ --bm-comp-data-table-typo-cell: var(--bm-sem-typo-body-sm);
3680
+ --bm-comp-data-table-typo-cell-emphisis: var(--bm-sem-typo-label-sm);
3681
+ --bm-comp-data-table-typo-cell-supporting: var(--bm-sem-typo-compact-body-xs);
3682
+ --bm-comp-data-table-typo-col-header: var(--bm-sem-typo-compact-label-sm);
3683
+ --bm-comp-data-table-typo-col-header-group: var(
3684
+ --bm-sem-typo-compact-label-xs
3574
3685
  );
3575
- --bm-sem-typo-heading-6xl: var(--bm-sem-font-weight-heading)
3576
- var(--bm-sem-typo-font-size-heading-6xl) /
3577
- var(--bm-sem-typo-line-height-heading-6xl) var(--bm-sem-font-family-heading);
3578
- --bm-sem-typo-heading-5xl: var(--bm-sem-font-weight-heading)
3579
- var(--bm-sem-typo-font-size-heading-5xl) /
3580
- var(--bm-sem-typo-line-height-heading-5xl) var(--bm-sem-font-family-heading);
3581
- --bm-sem-typo-heading-4xl: var(--bm-sem-font-weight-heading)
3582
- var(--bm-sem-typo-font-size-heading-4xl) /
3583
- var(--bm-sem-typo-line-height-heading-4xl) var(--bm-sem-font-family-heading);
3584
- --bm-sem-typo-heading-3xl: var(--bm-sem-font-weight-heading)
3585
- var(--bm-sem-typo-font-size-heading-3xl) /
3586
- var(--bm-sem-typo-line-height-heading-3xl) var(--bm-sem-font-family-heading);
3587
- --bm-sem-typo-heading-2xl: var(--bm-sem-font-weight-heading)
3588
- var(--bm-sem-typo-font-size-heading-2xl) /
3589
- var(--bm-sem-typo-line-height-heading-2xl) var(--bm-sem-font-family-heading);
3590
- --bm-sem-typo-heading-alt-6xl: var(--bm-sem-font-weight-heading-alt)
3591
- var(--bm-sem-typo-font-size-heading-alt-6xl) /
3592
- var(--bm-sem-typo-line-height-heading-alt-6xl)
3593
- var(--bm-sem-font-family-heading-alt);
3594
- --bm-sem-typo-heading-alt-5xl: var(--bm-sem-font-weight-heading-alt)
3595
- var(--bm-sem-typo-font-size-heading-alt-5xl) /
3596
- var(--bm-sem-typo-line-height-heading-alt-5xl)
3597
- var(--bm-sem-font-family-heading-alt);
3598
- --bm-sem-typo-heading-alt-4xl: var(--bm-sem-font-weight-heading-alt)
3599
- var(--bm-sem-typo-font-size-heading-alt-4xl) /
3600
- var(--bm-sem-typo-line-height-heading-alt-4xl)
3601
- var(--bm-sem-font-family-heading-alt);
3602
- --bm-sem-typo-heading-alt-3xl: var(--bm-sem-font-weight-heading-alt)
3603
- var(--bm-sem-typo-font-size-heading-alt-3xl) /
3604
- var(--bm-sem-typo-line-height-heading-alt-3xl)
3605
- var(--bm-sem-font-family-heading-alt);
3606
- --bm-sem-typo-heading-alt-2xl: var(--bm-sem-font-weight-heading-alt)
3607
- var(--bm-sem-typo-font-size-heading-alt-2xl) /
3608
- var(--bm-sem-typo-line-height-heading-alt-2xl)
3609
- var(--bm-sem-font-family-heading-alt);
3686
+ --bm-comp-dialog-typo-body: var(--bm-sem-typo-body-md);
3687
+ --bm-comp-dialog-typo-description: var(--bm-sem-typo-body-md);
3688
+ --bm-comp-dialog-typo-heading: var(--bm-sem-typo-heading-md);
3689
+ --bm-comp-divider-typo-text: var(--bm-sem-typo-label-sm);
3690
+ --bm-comp-empty-state-typo-heading: var(--bm-sem-typo-heading-lg);
3691
+ --bm-comp-empty-state-typo-body: var(--bm-sem-typo-body-lg);
3692
+ --bm-comp-file-upload-typo-file: var(--bm-sem-typo-body-sm);
3693
+ --bm-comp-file-upload-typo-dropzone: var(--bm-sem-typo-body-sm);
3694
+ --bm-comp-header-nav-item-typo-default: var(--bm-sem-typo-body-sm);
3695
+ --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
3696
+ --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
3697
+ --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
3698
+ --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
3699
+ --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
3700
+ --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
3701
+ --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
3702
+ --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
3703
+ --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
3704
+ --bm-comp-label-typo-optional: var(--bm-sem-typo-body-sm);
3705
+ --bm-comp-label-typo-character-count: var(--bm-sem-typo-body-sm);
3706
+ --bm-comp-link-typo-sm: var(--bm-sem-typo-body-sm);
3707
+ --bm-comp-link-typo-md: var(--bm-sem-typo-body-md);
3708
+ --bm-comp-link-typo-lg: var(--bm-sem-typo-body-lg);
3709
+ --bm-comp-link-typo-xl: var(--bm-sem-typo-body-xl);
3710
+ --bm-comp-pagination-typo-default: var(--bm-sem-typo-body-sm);
3711
+ --bm-comp-panel-typo-heading: var(--bm-sem-typo-heading-sm);
3712
+ --bm-comp-panel-typo-description: var(--bm-sem-typo-body-sm);
3713
+ --bm-comp-progress-bar-typo-label: var(--bm-sem-typo-body-md);
3714
+ --bm-comp-slider-typo-values: var(--bm-sem-typo-body-sm);
3715
+ --bm-comp-spinner-typo-heading: var(--bm-sem-typo-label-md);
3716
+ --bm-comp-spinner-typo-body: var(--bm-sem-typo-body-md);
3717
+ --bm-comp-stepper-typo-heading: var(--bm-sem-typo-compact-label-sm);
3718
+ --bm-comp-stepper-typo-body: var(--bm-sem-typo-body-xs);
3719
+ --bm-comp-stepper-typo-number: var(--bm-sem-typo-label-xs);
3720
+ --bm-comp-tabs-typo-md: var(--bm-sem-typo-body-sm);
3721
+ --bm-comp-tabs-typo-md-selected: var(--bm-sem-typo-body-sm);
3722
+ --bm-comp-tabs-typo-lg: var(--bm-sem-typo-body-md);
3723
+ --bm-comp-tabs-typo-lg-selected: var(--bm-sem-typo-body-md);
3724
+ --bm-comp-toast-typo-heading: var(--bm-sem-typo-heading-xs);
3725
+ --bm-comp-toast-typo-body: var(--bm-sem-typo-body-sm);
3726
+ --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
3727
+ }
3728
+
3729
+ :lang(zh),
3730
+ [class*="bm-lang-zh"],
3731
+ [class*="bm-light"] :lang(zh),
3732
+ [class*="bm-light"]:lang(zh),
3733
+ [class*="bm-dark"] :lang(zh),
3734
+ [class*="bm-dark"]:lang(zh) {
3735
+ --bm-sem-font-family-zh-heading: "Noto Sans SC";
3736
+ --bm-sem-font-family-heading: var(--bm-sem-font-family-zh-heading);
3737
+ --bm-sem-font-family-zh-heading-alt: "Noto Sans SC";
3738
+ --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-zh-heading-alt);
3739
+ --bm-sem-font-family-zh-body: "Noto Sans SC";
3740
+ --bm-sem-font-family-body: var(--bm-sem-font-family-zh-body);
3741
+ --bm-sem-font-family-zh-label: "Noto Sans SC";
3742
+ --bm-sem-font-family-label: var(--bm-sem-font-family-zh-label);
3743
+ --bm-sem-font-weight-zh-heading: 700;
3744
+ --bm-sem-font-weight-heading: var(--bm-sem-font-weight-zh-heading);
3745
+ --bm-sem-font-weight-zh-heading-alt: 300;
3746
+ --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-zh-heading-alt);
3747
+ --bm-sem-font-weight-zh-body: 400;
3748
+ --bm-sem-font-weight-body: var(--bm-sem-font-weight-zh-body);
3749
+ --bm-sem-font-weight-zh-body-bold: 700;
3750
+ --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-zh-body-bold);
3751
+ --bm-sem-font-weight-zh-label: 500;
3752
+ --bm-sem-font-weight-label: var(--bm-sem-font-weight-zh-label);
3753
+ --bm-sem-font-weight-zh-detail: 900;
3754
+ --bm-sem-font-weight-detail: var(--bm-sem-font-weight-zh-detail);
3610
3755
  --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
3611
3756
  var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
3612
3757
  var(--bm-sem-font-family-heading);
@@ -3724,6 +3869,92 @@
3724
3869
  --bm-sem-typo-compact-label-2xl: var(--bm-sem-font-weight-label)
3725
3870
  var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
3726
3871
  var(--bm-sem-font-family-label);
3872
+ --bm-comp-accordion-typo-sm-heading: var(--bm-sem-typo-compact-label-md);
3873
+ --bm-comp-accordion-typo-sm-body: var(--bm-sem-typo-body-md);
3874
+ --bm-comp-accordion-typo-md-heading: var(--bm-sem-typo-compact-label-lg);
3875
+ --bm-comp-accordion-typo-md-body: var(--bm-sem-typo-body-md);
3876
+ --bm-comp-accordion-typo-lg-heading: var(--bm-sem-typo-compact-label-xl);
3877
+ --bm-comp-accordion-typo-lg-body: var(--bm-sem-typo-body-lg);
3878
+ --bm-comp-actionlist-typo-text: var(--bm-sem-typo-body-sm);
3879
+ --bm-comp-actionlist-typo-text-selected: var(--bm-sem-typo-label-sm);
3880
+ --bm-comp-actionlist-typo-text-supporting: var(--bm-sem-typo-compact-body-xs);
3881
+ --bm-comp-actionlist-typo-text-suffix: var(--bm-sem-typo-body-xs);
3882
+ --bm-comp-actionlist-typo-heading-group: var(--bm-sem-typo-label-xs);
3883
+ --bm-comp-alert-typo-sm-heading: var(--bm-sem-typo-heading-xs);
3884
+ --bm-comp-alert-typo-sm-body: var(--bm-sem-typo-body-sm);
3885
+ --bm-comp-alert-typo-md-heading: var(--bm-sem-typo-heading-sm);
3886
+ --bm-comp-alert-typo-md-body: var(--bm-sem-typo-body-md);
3887
+ --bm-comp-avatar-typo-xs: var(--bm-sem-typo-label-xs);
3888
+ --bm-comp-avatar-typo-sm: var(--bm-sem-typo-label-xs);
3889
+ --bm-comp-avatar-typo-md: var(--bm-sem-typo-label-sm);
3890
+ --bm-comp-avatar-typo-lg: var(--bm-sem-typo-label-md);
3891
+ --bm-comp-avatar-typo-xl: var(--bm-sem-typo-label-lg);
3892
+ --bm-comp-badge-typo-sm: var(--bm-sem-typo-label-xs);
3893
+ --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
3894
+ --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
3895
+ --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
3896
+ --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
3897
+ --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
3898
+ --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
3899
+ --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
3900
+ --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
3901
+ --bm-comp-btn-typo-md: var(--bm-sem-typo-compact-label-md);
3902
+ --bm-comp-btn-typo-lg: var(--bm-sem-typo-compact-label-lg);
3903
+ --bm-comp-card-typo-heading: var(--bm-sem-typo-heading-sm);
3904
+ --bm-comp-card-typo-body: var(--bm-sem-typo-body-sm);
3905
+ --bm-comp-card-typo-supporting: var(--bm-sem-typo-body-sm);
3906
+ --bm-comp-card-typo-eyebrow: var(--bm-sem-typo-label-sm);
3907
+ --bm-comp-chip-typo-sm: var(--bm-sem-typo-label-xs);
3908
+ --bm-comp-chip-typo-md: var(--bm-sem-typo-label-sm);
3909
+ --bm-comp-chip-typo-lg: var(--bm-sem-typo-label-md);
3910
+ --bm-comp-data-table-typo-cell: var(--bm-sem-typo-body-sm);
3911
+ --bm-comp-data-table-typo-cell-emphisis: var(--bm-sem-typo-label-sm);
3912
+ --bm-comp-data-table-typo-cell-supporting: var(--bm-sem-typo-compact-body-xs);
3913
+ --bm-comp-data-table-typo-col-header: var(--bm-sem-typo-compact-label-sm);
3914
+ --bm-comp-data-table-typo-col-header-group: var(
3915
+ --bm-sem-typo-compact-label-xs
3916
+ );
3917
+ --bm-comp-dialog-typo-body: var(--bm-sem-typo-body-md);
3918
+ --bm-comp-dialog-typo-description: var(--bm-sem-typo-body-md);
3919
+ --bm-comp-dialog-typo-heading: var(--bm-sem-typo-heading-md);
3920
+ --bm-comp-divider-typo-text: var(--bm-sem-typo-label-sm);
3921
+ --bm-comp-empty-state-typo-heading: var(--bm-sem-typo-heading-lg);
3922
+ --bm-comp-empty-state-typo-body: var(--bm-sem-typo-body-lg);
3923
+ --bm-comp-file-upload-typo-file: var(--bm-sem-typo-body-sm);
3924
+ --bm-comp-file-upload-typo-dropzone: var(--bm-sem-typo-body-sm);
3925
+ --bm-comp-header-nav-item-typo-default: var(--bm-sem-typo-body-sm);
3926
+ --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
3927
+ --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
3928
+ --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
3929
+ --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
3930
+ --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
3931
+ --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
3932
+ --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
3933
+ --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
3934
+ --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
3935
+ --bm-comp-label-typo-optional: var(--bm-sem-typo-body-sm);
3936
+ --bm-comp-label-typo-character-count: var(--bm-sem-typo-body-sm);
3937
+ --bm-comp-link-typo-sm: var(--bm-sem-typo-body-sm);
3938
+ --bm-comp-link-typo-md: var(--bm-sem-typo-body-md);
3939
+ --bm-comp-link-typo-lg: var(--bm-sem-typo-body-lg);
3940
+ --bm-comp-link-typo-xl: var(--bm-sem-typo-body-xl);
3941
+ --bm-comp-pagination-typo-default: var(--bm-sem-typo-body-sm);
3942
+ --bm-comp-panel-typo-heading: var(--bm-sem-typo-heading-sm);
3943
+ --bm-comp-panel-typo-description: var(--bm-sem-typo-body-sm);
3944
+ --bm-comp-progress-bar-typo-label: var(--bm-sem-typo-body-md);
3945
+ --bm-comp-slider-typo-values: var(--bm-sem-typo-body-sm);
3946
+ --bm-comp-spinner-typo-heading: var(--bm-sem-typo-label-md);
3947
+ --bm-comp-spinner-typo-body: var(--bm-sem-typo-body-md);
3948
+ --bm-comp-stepper-typo-heading: var(--bm-sem-typo-compact-label-sm);
3949
+ --bm-comp-stepper-typo-body: var(--bm-sem-typo-body-xs);
3950
+ --bm-comp-stepper-typo-number: var(--bm-sem-typo-label-xs);
3951
+ --bm-comp-tabs-typo-md: var(--bm-sem-typo-body-sm);
3952
+ --bm-comp-tabs-typo-md-selected: var(--bm-sem-typo-body-sm);
3953
+ --bm-comp-tabs-typo-lg: var(--bm-sem-typo-body-md);
3954
+ --bm-comp-tabs-typo-lg-selected: var(--bm-sem-typo-body-md);
3955
+ --bm-comp-toast-typo-heading: var(--bm-sem-typo-heading-xs);
3956
+ --bm-comp-toast-typo-body: var(--bm-sem-typo-body-sm);
3957
+ --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
3727
3958
  }
3728
3959
  :root,
3729
3960
  .bm-light,