@rolemodel/optics 1.9.0 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/dist/css/optics.css +230 -270
  3. package/dist/css/optics.css.map +1 -1
  4. package/dist/scss/components/{button.scss → button.css} +149 -156
  5. package/dist/scss/components/{button_group.scss → button_group.css} +3 -11
  6. package/package.json +1 -1
package/.yarn/install-state.gz CHANGED
Binary file
package/dist/css/optics.css CHANGED
@@ -2366,8 +2366,8 @@ small {
2366
2366
  }
2367
2367
  }
2368
2368
 
2369
- .btn-warning, .btn-destructive,
2370
- .btn-delete, .btn-primary, .btn {
2369
+ .btn {
2370
+ /* Public API (customizable component options) */
2371
2371
  --_op-btn-height-small: var(--op-input-height-small);
2372
2372
  --_op-btn-height-medium: var(--op-input-height-medium);
2373
2373
  --_op-btn-height-large: var(--op-input-height-large);
@@ -2377,6 +2377,7 @@ small {
2377
2377
  --_op-btn-padding-small: 0 var(--op-space-x-small);
2378
2378
  --_op-btn-padding-medium: 0 var(--op-space-small);
2379
2379
  --_op-btn-padding-large: 0 var(--op-space-small);
2380
+ /* Private API (component option defaults) */
2380
2381
  --__op-btn-height: var(--_op-btn-height-large);
2381
2382
  --__op-btn-font-size: var(--_op-btn-font-large);
2382
2383
  --__op-btn-padding: var(--_op-btn-padding-large);
@@ -2387,6 +2388,9 @@ small {
2387
2388
  padding: var(--__op-btn-padding);
2388
2389
  border-radius: var(--op-radius-medium);
2389
2390
  appearance: none;
2391
+ background-color: var(--op-color-neutral-plus-eight);
2392
+ box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
2393
+ color: var(--op-color-neutral-on-plus-eight);
2390
2394
  cursor: pointer;
2391
2395
  font-size: var(--__op-btn-font-size);
2392
2396
  font-weight: var(--op-font-weight-normal);
@@ -2395,201 +2399,209 @@ small {
2395
2399
  text-decoration: none;
2396
2400
  transition: var(--op-transition-input);
2397
2401
  white-space: nowrap;
2398
- }
2399
- .btn--pill.btn-warning, .btn--pill.btn-destructive,
2400
- .btn--pill.btn-delete, .btn--pill.btn-primary, .btn--pill.btn {
2401
- border-radius: var(--op-radius-pill);
2402
- }
2403
- .btn--icon.btn-warning, .btn--icon.btn-destructive,
2404
- .btn--icon.btn-delete, .btn--icon.btn-primary, .btn--icon.btn {
2405
- width: var(--__op-btn-height);
2406
- min-width: var(--__op-btn-height);
2407
- padding: 0;
2408
- }
2409
- .btn--icon-with-label.btn-warning, .btn--icon-with-label.btn-destructive,
2410
- .btn--icon-with-label.btn-delete, .btn--icon-with-label.btn-primary, .btn--icon-with-label.btn {
2411
- flex-direction: column;
2412
- padding: var(--op-space-small);
2413
- gap: var(--op-space-3x-small);
2414
- }
2415
- .btn--small.btn-warning, .btn--small.btn-destructive,
2416
- .btn--small.btn-delete, .btn--small.btn-primary, .btn--small.btn {
2417
- --__op-btn-height: var(--_op-btn-height-small);
2418
- --__op-btn-font-size: var(--_op-btn-font-small);
2419
- --__op-btn-padding: var(--_op-btn-padding-small);
2420
- }
2421
- .btn--medium.btn-warning, .btn--medium.btn-destructive,
2422
- .btn--medium.btn-delete, .btn--medium.btn-primary, .btn--medium.btn {
2423
- --__op-btn-height: var(--_op-btn-height-medium);
2424
- --__op-btn-font-size: var(--_op-btn-font-medium);
2425
- --__op-btn-padding: var(--_op-btn-padding-medium);
2426
- }
2427
- .btn--large.btn-warning, .btn--large.btn-destructive,
2428
- .btn--large.btn-delete, .btn--large.btn-primary, .btn--large.btn {
2429
- --__op-btn-height: var(--_op-btn-height-large);
2430
- --__op-btn-font-size: var(--_op-btn-font-large);
2431
- --__op-btn-padding: var(--_op-btn-padding-large);
2432
- }
2433
- .btn--disabled.btn-warning, .btn--disabled.btn-destructive,
2434
- .btn--disabled.btn-delete, .btn--disabled.btn-primary, .btn--disabled.btn, .btn-warning:disabled, .btn-destructive:disabled,
2435
- .btn-delete:disabled, .btn-primary:disabled, .btn:disabled {
2436
- opacity: var(--op-opacity-disabled);
2437
- pointer-events: none;
2438
- -webkit-user-select: none; /* stylelint-disable property-no-vendor-prefix */
2439
- user-select: none;
2440
- }
2441
- .btn--with-badge.btn-warning, .btn--with-badge.btn-destructive,
2442
- .btn--with-badge.btn-delete, .btn--with-badge.btn-primary, .btn--with-badge.btn {
2443
- position: relative;
2444
- }
2445
- .btn-warning:focus, .btn-destructive:focus,
2446
- .btn-delete:focus, .btn-primary:focus, .btn:focus, .btn-warning:focus-within, .btn-destructive:focus-within,
2447
- .btn-delete:focus-within, .btn-primary:focus-within, .btn:focus-within, .btn-warning:focus-visible, .btn-destructive:focus-visible,
2448
- .btn-delete:focus-visible, .btn-primary:focus-visible, .btn:focus-visible {
2449
- outline: none;
2450
- }
2451
- @media (width <= 768px) {
2452
- .btn-warning, .btn-destructive,
2453
- .btn-delete, .btn-primary, .btn {
2454
- --__op-btn-height: var(--_op-btn-height-large);
2455
- --__op-btn-font-size: var(--_op-btn-font-large);
2402
+ /* Modifiers */
2403
+ /* Default Active State */
2404
+ &.btn--active {
2405
+ background-color: var(--op-color-primary-plus-five);
2406
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
2407
+ color: var(--op-color-primary-on-plus-five);
2408
+ }
2409
+ /* Default Hover State */
2410
+ &:hover {
2411
+ background-color: var(--op-color-primary-plus-eight);
2412
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
2413
+ color: var(--op-color-primary-on-plus-eight);
2414
+ }
2415
+ /* Default Focus State */
2416
+ &:focus-visible {
2417
+ background-color: var(--op-color-neutral-plus-eight);
2418
+ box-shadow: var(--op-input-focus-primary);
2419
+ color: var(--op-color-neutral-on-plus-eight);
2420
+ }
2421
+ /* Default Borderless State */
2422
+ &.btn--no-border {
2423
+ background-color: transparent;
2424
+ box-shadow: none;
2425
+ color: var(--op-color-primary-on-plus-max);
2426
+ /* Default Borderless + Active State. */
2427
+ &.btn--active {
2428
+ background-color: var(--op-color-primary-plus-five);
2429
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
2430
+ color: var(--op-color-primary-on-plus-five);
2431
+ }
2432
+ /* Default Borderless + Hover State */
2433
+ &:hover {
2434
+ background-color: var(--op-color-primary-plus-eight);
2435
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
2436
+ color: var(--op-color-primary-on-plus-eight);
2437
+ }
2438
+ /* Default Borderless + Focus State */
2439
+ &:focus-visible {
2440
+ background-color: var(--op-color-primary-plus-eight);
2441
+ box-shadow: var(--op-input-focus-primary);
2442
+ color: var(--op-color-primary-on-plus-eight);
2443
+ }
2444
+ }
2445
+ /* Pill Modifier */
2446
+ &.btn--pill {
2447
+ border-radius: var(--op-radius-pill);
2448
+ }
2449
+ /* Icon Modifier */
2450
+ &.btn--icon {
2451
+ width: var(--__op-btn-height);
2452
+ min-width: var(--__op-btn-height);
2453
+ padding: 0;
2454
+ }
2455
+ /* Icon With Label Modifier */
2456
+ &.btn--icon-with-label {
2457
+ flex-direction: column;
2458
+ padding: var(--op-space-small);
2459
+ gap: var(--op-space-3x-small);
2460
+ }
2461
+ /* Size Modifiers */
2462
+ &.btn--small {
2463
+ --__op-btn-height: var(--_op-btn-height-small);
2464
+ --__op-btn-font-size: var(--_op-btn-font-small);
2465
+ --__op-btn-padding: var(--_op-btn-padding-small);
2466
+ }
2467
+ &.btn--medium {
2468
+ --__op-btn-height: var(--_op-btn-height-medium);
2469
+ --__op-btn-font-size: var(--_op-btn-font-medium);
2470
+ --__op-btn-padding: var(--_op-btn-padding-medium);
2456
2471
  }
2457
- .btn--small.btn-warning, .btn--small.btn-destructive,
2458
- .btn--small.btn-delete, .btn--small.btn-primary, .btn--small.btn, .btn--medium.btn-warning, .btn--medium.btn-destructive,
2459
- .btn--medium.btn-delete, .btn--medium.btn-primary, .btn--medium.btn, .btn--large.btn-warning, .btn--large.btn-destructive,
2460
- .btn--large.btn-delete, .btn--large.btn-primary, .btn--large.btn {
2472
+ &.btn--large {
2461
2473
  --__op-btn-height: var(--_op-btn-height-large);
2462
2474
  --__op-btn-font-size: var(--_op-btn-font-large);
2463
2475
  --__op-btn-padding: var(--_op-btn-padding-large);
2464
2476
  }
2477
+ /* Disabled Modifier */
2478
+ &.btn--disabled,
2479
+ &:disabled {
2480
+ opacity: var(--op-opacity-disabled);
2481
+ pointer-events: none;
2482
+ -webkit-user-select: none; /* stylelint-disable property-no-vendor-prefix */
2483
+ user-select: none;
2484
+ }
2485
+ /* Button with notification style badge */
2486
+ &.btn--with-badge {
2487
+ position: relative;
2488
+ }
2489
+ /* Focus State */
2490
+ &:focus,
2491
+ &:focus-within,
2492
+ &:focus-visible {
2493
+ outline: none;
2494
+ }
2495
+ /* https:/*uxmovement.com/mobile/optimal-size-and-spacing-for-mobile-buttons/ */
2496
+ /* --op-breakpoint-small */
2497
+ /* Variant Modifiers */
2498
+ &.btn--primary {
2499
+ background-color: var(--op-color-primary-base);
2500
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-base);
2501
+ color: var(--op-color-primary-on-base);
2502
+ /* Active State */
2503
+ &.btn--active {
2504
+ background-color: var(--op-color-primary-minus-five);
2505
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-two);
2506
+ color: var(--op-color-primary-on-minus-five);
2507
+ }
2508
+ /* Hover State */
2509
+ &:hover {
2510
+ background-color: var(--op-color-primary-plus-one);
2511
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-one);
2512
+ color: var(--op-color-primary-on-plus-one);
2513
+ }
2514
+ /* Focus State */
2515
+ &:focus-visible {
2516
+ background-color: var(--op-color-primary-base);
2517
+ box-shadow: var(--op-input-focus-primary);
2518
+ color: var(--op-color-primary-on-base);
2519
+ }
2520
+ /* Borderless State */
2521
+ &.btn--no-border {
2522
+ background-color: transparent;
2523
+ box-shadow: none;
2524
+ color: var(--op-color-primary-base);
2525
+ /* Borderless + Active State */
2526
+ &.btn--active {
2527
+ background-color: var(--op-color-primary-plus-five);
2528
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
2529
+ color: var(--op-color-primary-on-plus-five);
2530
+ }
2531
+ /* Borderless + Hover State */
2532
+ &:hover {
2533
+ background-color: var(--op-color-primary-plus-eight);
2534
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
2535
+ color: var(--op-color-primary-on-plus-eight);
2536
+ }
2537
+ /* Borderless + Focus State */
2538
+ &:focus-visible {
2539
+ background-color: var(--op-color-primary-plus-eight);
2540
+ box-shadow: var(--op-input-focus-primary);
2541
+ color: var(--op-color-primary-on-plus-eight);
2542
+ }
2543
+ }
2544
+ }
2545
+ &.btn--destructive,
2546
+ &.btn--delete {
2547
+ background-color: var(--op-color-alerts-danger-base);
2548
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-base);
2549
+ color: var(--op-color-alerts-danger-on-base);
2550
+ /* Active State */
2551
+ &.btn--active {
2552
+ background-color: var(--op-color-alerts-danger-plus-five);
2553
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-plus-three);
2554
+ color: var(--op-color-alerts-danger-on-plus-five);
2555
+ }
2556
+ /* Hover State */
2557
+ &:hover {
2558
+ background-color: var(--op-color-alerts-danger-minus-two);
2559
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-minus-two);
2560
+ color: var(--op-color-alerts-danger-on-minus-two);
2561
+ }
2562
+ /* Focus State */
2563
+ &:focus-visible {
2564
+ background-color: var(--op-color-alerts-danger-base);
2565
+ box-shadow: var(--op-input-focus-danger);
2566
+ color: var(--op-color-alerts-danger-on-base);
2567
+ }
2568
+ }
2569
+ &.btn--warning {
2570
+ background-color: var(--op-color-alerts-warning-base);
2571
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-base);
2572
+ color: var(--op-color-alerts-warning-on-base);
2573
+ /* Active State */
2574
+ &.btn--active {
2575
+ background-color: var(--op-color-alerts-warning-plus-five);
2576
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-plus-three);
2577
+ color: var(--op-color-alerts-warning-on-plus-five);
2578
+ }
2579
+ /* Hover State */
2580
+ &:hover {
2581
+ background-color: var(--op-color-alerts-warning-minus-two);
2582
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-minus-two);
2583
+ color: var(--op-color-alerts-warning-on-minus-two);
2584
+ }
2585
+ /* Focus State */
2586
+ &:focus-visible {
2587
+ background-color: var(--op-color-alerts-warning-base);
2588
+ box-shadow: var(--op-input-focus-warning);
2589
+ color: var(--op-color-alerts-warning-on-base);
2590
+ }
2591
+ }
2465
2592
  }
2466
-
2467
- .btn {
2468
- background-color: var(--op-color-neutral-plus-eight);
2469
- box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
2470
- color: var(--op-color-neutral-on-plus-eight);
2471
- }
2472
- .btn.btn--active {
2473
- background-color: var(--op-color-primary-plus-five);
2474
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
2475
- color: var(--op-color-primary-on-plus-five);
2476
- }
2477
- .btn:hover {
2478
- background-color: var(--op-color-primary-plus-eight);
2479
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
2480
- color: var(--op-color-primary-on-plus-eight);
2481
- }
2482
- .btn:focus-visible {
2483
- background-color: var(--op-color-neutral-plus-eight);
2484
- box-shadow: var(--op-input-focus-primary);
2485
- color: var(--op-color-neutral-on-plus-eight);
2486
- }
2487
- .btn.btn--no-border {
2488
- background-color: transparent;
2489
- box-shadow: none;
2490
- color: var(--op-color-primary-on-plus-max);
2491
- }
2492
- .btn.btn--no-border.btn--active {
2493
- background-color: var(--op-color-primary-plus-five);
2494
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
2495
- color: var(--op-color-primary-on-plus-five);
2496
- }
2497
- .btn.btn--no-border:hover {
2498
- background-color: var(--op-color-primary-plus-eight);
2499
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
2500
- color: var(--op-color-primary-on-plus-eight);
2501
- }
2502
- .btn.btn--no-border:focus-visible {
2503
- background-color: var(--op-color-primary-plus-eight);
2504
- box-shadow: var(--op-input-focus-primary);
2505
- color: var(--op-color-primary-on-plus-eight);
2506
- }
2507
-
2508
- .btn-primary {
2509
- background-color: var(--op-color-primary-base);
2510
- box-shadow: inset var(--op-border-all) var(--op-color-primary-base);
2511
- color: var(--op-color-primary-on-base);
2512
- }
2513
- .btn-primary.btn--active {
2514
- background-color: var(--op-color-primary-minus-five);
2515
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-two);
2516
- color: var(--op-color-primary-on-minus-five);
2517
- }
2518
- .btn-primary:hover {
2519
- background-color: var(--op-color-primary-plus-one);
2520
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-one);
2521
- color: var(--op-color-primary-on-plus-one);
2522
- }
2523
- .btn-primary:focus-visible {
2524
- background-color: var(--op-color-primary-base);
2525
- box-shadow: var(--op-input-focus-primary);
2526
- color: var(--op-color-primary-on-base);
2527
- }
2528
- .btn-primary.btn--no-border {
2529
- background-color: transparent;
2530
- box-shadow: none;
2531
- color: var(--op-color-primary-base);
2532
- }
2533
- .btn-primary.btn--no-border.btn--active {
2534
- background-color: var(--op-color-primary-plus-five);
2535
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
2536
- color: var(--op-color-primary-on-plus-five);
2537
- }
2538
- .btn-primary.btn--no-border:hover {
2539
- background-color: var(--op-color-primary-plus-eight);
2540
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
2541
- color: var(--op-color-primary-on-plus-eight);
2542
- }
2543
- .btn-primary.btn--no-border:focus-visible {
2544
- background-color: var(--op-color-primary-plus-eight);
2545
- box-shadow: var(--op-input-focus-primary);
2546
- color: var(--op-color-primary-on-plus-eight);
2547
- }
2548
-
2549
- .btn-destructive,
2550
- .btn-delete {
2551
- background-color: var(--op-color-alerts-danger-base);
2552
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-base);
2553
- color: var(--op-color-alerts-danger-on-base);
2554
- }
2555
- .btn-destructive.btn--active,
2556
- .btn-delete.btn--active {
2557
- background-color: var(--op-color-alerts-danger-plus-five);
2558
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-plus-three);
2559
- color: var(--op-color-alerts-danger-on-plus-five);
2560
- }
2561
- .btn-destructive:hover,
2562
- .btn-delete:hover {
2563
- background-color: var(--op-color-alerts-danger-minus-two);
2564
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-minus-two);
2565
- color: var(--op-color-alerts-danger-on-minus-two);
2566
- }
2567
- .btn-destructive:focus-visible,
2568
- .btn-delete:focus-visible {
2569
- background-color: var(--op-color-alerts-danger-base);
2570
- box-shadow: var(--op-input-focus-danger);
2571
- color: var(--op-color-alerts-danger-on-base);
2572
- }
2573
-
2574
- .btn-warning {
2575
- background-color: var(--op-color-alerts-warning-base);
2576
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-base);
2577
- color: var(--op-color-alerts-warning-on-base);
2578
- }
2579
- .btn-warning.btn--active {
2580
- background-color: var(--op-color-alerts-warning-plus-five);
2581
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-plus-three);
2582
- color: var(--op-color-alerts-warning-on-plus-five);
2583
- }
2584
- .btn-warning:hover {
2585
- background-color: var(--op-color-alerts-warning-minus-two);
2586
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-minus-two);
2587
- color: var(--op-color-alerts-warning-on-minus-two);
2588
- }
2589
- .btn-warning:focus-visible {
2590
- background-color: var(--op-color-alerts-warning-base);
2591
- box-shadow: var(--op-input-focus-warning);
2592
- color: var(--op-color-alerts-warning-on-base);
2593
+ @media (width <= 768px) {
2594
+ .btn {
2595
+ --__op-btn-height: var(--_op-btn-height-large);
2596
+ --__op-btn-font-size: var(--_op-btn-font-large);
2597
+ &.btn--small,
2598
+ &.btn--medium,
2599
+ &.btn--large {
2600
+ --__op-btn-height: var(--_op-btn-height-large);
2601
+ --__op-btn-font-size: var(--_op-btn-font-large);
2602
+ --__op-btn-padding: var(--_op-btn-padding-large);
2603
+ }
2604
+ }
2593
2605
  }
2594
2606
 
2595
2607
  .btn-group {
@@ -2598,85 +2610,33 @@ small {
2598
2610
  --op-btn-group-focus-z-index: 3;
2599
2611
  display: inline-flex;
2600
2612
  align-items: center;
2601
- }
2602
- .btn-group .btn + .btn,
2603
- .btn-group .btn + .btn-primary,
2604
- .btn-group .btn + .btn-destructive,
2605
- .btn-group .btn + .btn-delete,
2606
- .btn-group .btn + .btn-warning,
2607
- .btn-group .btn-primary + .btn,
2608
- .btn-group .btn-primary + .btn-primary,
2609
- .btn-group .btn-primary + .btn-destructive,
2610
- .btn-group .btn-primary + .btn-delete,
2611
- .btn-group .btn-primary + .btn-warning,
2612
- .btn-group .btn-destructive + .btn,
2613
- .btn-group .btn-destructive + .btn-primary,
2614
- .btn-group .btn-destructive + .btn-destructive,
2615
- .btn-group .btn-destructive + .btn-delete,
2616
- .btn-group .btn-destructive + .btn-warning,
2617
- .btn-group .btn-delete + .btn,
2618
- .btn-group .btn-delete + .btn-primary,
2619
- .btn-group .btn-delete + .btn-destructive,
2620
- .btn-group .btn-delete + .btn-delete,
2621
- .btn-group .btn-delete + .btn-warning,
2622
- .btn-group .btn-warning + .btn,
2623
- .btn-group .btn-warning + .btn-primary,
2624
- .btn-group .btn-warning + .btn-destructive,
2625
- .btn-group .btn-warning + .btn-delete,
2626
- .btn-group .btn-warning + .btn-warning {
2627
- margin-left: -1px;
2628
- }
2629
- .btn-group .btn:hover,
2630
- .btn-group .btn-primary:hover,
2631
- .btn-group .btn-destructive:hover,
2632
- .btn-group .btn-delete:hover,
2633
- .btn-group .btn-warning:hover {
2634
- z-index: var(--op-btn-group-hover-z-index);
2635
- }
2636
- .btn-group .btn.btn--active,
2637
- .btn-group .btn-primary.btn--active,
2638
- .btn-group .btn-destructive.btn--active,
2639
- .btn-group .btn-delete.btn--active,
2640
- .btn-group .btn-warning.btn--active {
2641
- z-index: var(--op-btn-group-active-z-index);
2642
- }
2643
- .btn-group .btn:focus, .btn-group .btn:focus-within, .btn-group .btn:focus-visible,
2644
- .btn-group .btn-primary:focus,
2645
- .btn-group .btn-primary:focus-within,
2646
- .btn-group .btn-primary:focus-visible,
2647
- .btn-group .btn-destructive:focus,
2648
- .btn-group .btn-destructive:focus-within,
2649
- .btn-group .btn-destructive:focus-visible,
2650
- .btn-group .btn-delete:focus,
2651
- .btn-group .btn-delete:focus-within,
2652
- .btn-group .btn-delete:focus-visible,
2653
- .btn-group .btn-warning:focus,
2654
- .btn-group .btn-warning:focus-within,
2655
- .btn-group .btn-warning:focus-visible {
2656
- z-index: var(--op-btn-group-focus-z-index);
2657
- }
2658
- .btn-group .btn:not(:first-child, :last-child),
2659
- .btn-group .btn-primary:not(:first-child, :last-child),
2660
- .btn-group .btn-destructive:not(:first-child, :last-child),
2661
- .btn-group .btn-delete:not(:first-child, :last-child),
2662
- .btn-group .btn-warning:not(:first-child, :last-child) {
2663
- border-radius: 0;
2664
- }
2665
- .btn-group .btn:first-child:not(:last-child),
2666
- .btn-group .btn-primary:first-child:not(:last-child),
2667
- .btn-group .btn-destructive:first-child:not(:last-child),
2668
- .btn-group .btn-delete:first-child:not(:last-child),
2669
- .btn-group .btn-warning:first-child:not(:last-child) {
2670
- border-bottom-right-radius: 0;
2671
- border-top-right-radius: 0;
2672
- }
2673
- .btn-group .btn:last-child:not(:first-child),
2674
- .btn-group .btn-primary:last-child:not(:first-child),
2675
- .btn-group .btn-destructive:last-child:not(:first-child),
2676
- .btn-group .btn-delete:last-child:not(:first-child),
2677
- .btn-group .btn-warning:last-child:not(:first-child) {
2678
- border-bottom-left-radius: 0;
2679
- border-top-left-radius: 0;
2613
+ .btn {
2614
+ + .btn {
2615
+ margin-inline-start: calc(var(--op-border-width) * -1);
2616
+ }
2617
+ &:hover {
2618
+ z-index: var(--op-btn-group-hover-z-index);
2619
+ }
2620
+ &.btn--active {
2621
+ z-index: var(--op-btn-group-active-z-index);
2622
+ }
2623
+ &:focus,
2624
+ &:focus-within,
2625
+ &:focus-visible {
2626
+ z-index: var(--op-btn-group-focus-z-index);
2627
+ }
2628
+ &:not(:first-child, :last-child) {
2629
+ border-radius: 0;
2630
+ }
2631
+ &:first-child:not(:last-child) {
2632
+ border-bottom-right-radius: 0;
2633
+ border-top-right-radius: 0;
2634
+ }
2635
+ &:last-child:not(:first-child) {
2636
+ border-bottom-left-radius: 0;
2637
+ border-top-left-radius: 0;
2638
+ }
2639
+ }
2680
2640
  }
2681
2641
 
2682
2642
  .btn-group-toolbar {
package/dist/css/optics.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../node_modules/modern-css-reset/dist/reset.css","../../src/core/tokens/base_tokens.scss","../../src/components/icon.scss","../../src/core/tokens/scale_color_tokens.scss","../../src/core/tokens/dark_mode_tokens.scss","../../src/core/base.scss","../../src/core/layout.scss","../../src/core/utilities.scss","../../src/components/accordion.css","../../src/components/alert.css","../../src/components/avatar.css","../../src/components/badge.css","../../src/components/breadcrumbs.css","../../src/components/button.scss","../../src/components/button_group.scss","../../src/components/card.css","../../src/components/confirm-dialog.css","../../src/components/divider.css","../../src/components/form.scss","../../src/components/modal.css","../../src/components/navbar.css","../../src/components/pagination.css","../../src/components/sidebar.scss","../../src/components/side_panel.css","../../src/components/spinner.css","../../src/components/switch.css","../../src/components/tab.css","../../src/components/table.css","../../src/components/tag.css","../../src/components/text_pair.css","../../src/components/tooltip.css"],"names":[],"mappings":"AAAA;ACAQ;ACKA;AFJR;AAAA;AAAA;EAGE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;EAEE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;EACE;IACC;;EAED;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;ACiBJ;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiQA;AArUE;AAAA;AAAA;AAAA;EAIA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAkBA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAwDA;AAAA;AAAA;AAAA;EAIA;EACA;AAzDA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAIA;AAAA;AAAA;EAGA;EACA;AA+BA;AAAA;AAAA;AAAA;EAIA;AAtBA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;;;AAiDF;EAGE;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;;AE8CJ;AArcE;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAKA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;AAIA;AAAA;AAAA;AAAA;EAKA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAKA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAKA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;;;ACkBF;EACE;AArdA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IAGA;IACA;IAGA;IACA;IACA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAIA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;IAGA;;;AAwBF;AA3dE;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;EAGA;;;AClcF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7FF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACvCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACzaF;AACE;EACA;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IAEA;AAAA;MAEE;MACA;;IAGF;MACE;MACA;MACA;;IAGF;MACE;MAEA;MACA;MACA;MACA;;;EAIJ;IACE;MACE;;;;;ACpCN;EACE;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IAEA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;AAGF;EAEA;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IAEA;MACE;;IAGF;MACE;MACA;MACA;MAEA;QACE;;;IAIJ;MACE;MACA;MACA;MAEA;QACE;;;;AAKN;EACA;AAAA;IAEE;IACA;IACA;AAEA;IACA;MACE;;AAEF;IAEA;MACE;MACA;MACA;MAEA;QACE;;;IAIJ;MACE;MACA;MACA;MAEA;QACE;;;;EAKN;IACE;IACA;IACA;AAEA;IACA;MACE;;AAEF;IAEA;MACE;MACA;MACA;MAEA;QACE;;;IAIJ;MACE;MACA;MACA;MAEA;QACE;;;;EAKN;IACE;IACA;IACA;AAEA;IACA;MACE;;AAEF;IAEA;MACE;MACA;MACA;MAEA;QACE;;;IAIJ;MACE;MACA;MACA;MAEA;QACE;;;;;;ACtKR;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA,YACE;IAEF;IACA;;EAGF;IACE;IACA;IACA;;AAGF;EACA;IACE;IACA;;AAGF;EACA;AAAA;AAAA;IAGE;;AAGF;EACA;IACE;IACA;IAEA;IAEA;MACE;MACA;;;EAIJ;IACE;IAEA;;AAGF;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;;;AC5FJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;;AAGF;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;;;ACtEJ;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;EACA;EACA;AAEA;EACA;IACE;IACA;IAEA;MACE;;;EAIJ;IACE;IACA;;AAGF;EACA;IACE;;EAGF;IACE;;;;AClCJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EACE;;AAIF;AAAA;EACE;EACA;EACA;;AAIF;AAAA;EACE;EACA;EACA;;AAIF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;AAIF;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAIF;AAAA;EACE;;AAIF;AAAA;AAAA;AAAA;EAGE;;AAKF;EA9FF;AAAA;IA+FI;IACA;;EAEA;AAAA;AAAA;AAAA;IAGE;IACA;IACA;;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;AAAA;EAIE;EACA;EACA;;AAGA;AAAA;EACE;EACA;EACA;;AAIF;AAAA;EACE;EACA;EACA;;AAIF;AAAA;EACE;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;ACrRJ;EACE;EACA;EACA;EAEA;EACA;;AAOE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;;AAKN;EACE;EACA;;;ACrDF;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;AAAA;AAAA;IAGE;;EAGF;IACE;AAAA;AAAA;AAAA;AAAA;AAAA;MAME;;;;;AC1DN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;AAGF;EAEA;IACE;IAEA;MACE;MACA;;IAGF;MACE;MACA;;;;;AAKN;AACA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAAA;AAAA;IAGE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;;;AAGJ;AC/EA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAEA;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;IACE;IACA;IACA;IACA;IACA;;;;ACpDJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EAEE;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAGE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAEE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAUA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AASJ;EACE;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;;AAUN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACE;AA0DA;;AAzDA;EACE;;AAEA;EAEE;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAIF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAOR;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;AAGA;AAOA;;AANA;AAAA;AAAA;AAAA;EAIE;;AAIF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;;;AAKN;EACE;AAGA;AAcA;;AAbA;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;;AhBtWJ;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA,yBACE;EAIF;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AiB9GF;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;AAGF;EAEA;IACE;IAEA;MACE;MACA;;IAGF;MACE;MACA;;;;;AAKN;AACA;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAAA;AAAA;IAGE;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;;;AAGJ;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;AACE;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IAEA;MACE;MACA;;;;;AAKN;AAEA;AAEA;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AClJJ;AACE;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IAEA;MACE;;;EAIJ;IACE;IACA;IACA;IACA;IAEA;MACE;;IAGF;MACE;;IAGF;MACE;;;AAIJ;EAEA;IACE;IACA;IACA;;;;ACzDJ;EACE;EACA;EACA;AAEA;EACA;IACE;IAEA;MACE;;IAGF;MACE;;;AAIJ;EACA;IACE;IACA;;;;ACsBJ;EAGE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;AACE;AAGA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKJ;EACE;;AAIF;EA3GA;EACA;;AAgHE;EAFF;IA/GA;IACA;;;AAqHE;EAPF;IApIA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AAmIJ;EAtHA;EACA;;AAIE;EAEE;EACA;EACA;;AAmHF;EAFF;IA1HA;IACA;;EAIE;IAEE;IACA;IACA;;;AAwHF;EAPF;IArJA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AAmJJ;EAjKA;EACA;;AAGA;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAuJJ;EA1IA;EACA;;AAIE;EAEE;EACA;EACA;;;AA2IN;EAGE;EACA;EACA;;;ACtLF;AACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;IACE;MACE;;IAGF;MACE;;IAGF;MACE;;;EAIJ;IACE;IACA;IAEA;MACE;;IAGF;MACE;;IAGF;MACE;;;EAIJ;IACE;MACE;;IAGF;MACE;;IAGF;MACE;;;EAIJ;IACE;MACE;;IAGF;MACE;;IAGF;MACE;;;;;ACtFN;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;;AAIJ;EACE;IACE;;;ACjDJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;MACE;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;;AAIJ;EACA;IACE;;EAGF;IACE;IACA;IACA;IAEA;MACE;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MAEA;QACE;QACA;;;IAIJ;MACE;QACE;;;IAIJ;MACE,YACE;MAGF;QACE;QACA;;;IAIJ;MACE;QACE;QACA;;;;AAKN;EACA;IACE;IACA;;EAGF;IACE;IACA;;;;ACxGJ;EACE;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;IACE;;AAGF;EACA;AAAA;AAAA;IAGE;;AAGF;EACA;IACE;IACA;IACA;;AAGF;EACA;IACE;IACA;IAEA;MACE,YACE;;;AAKN;EACA;IACE;IACA;;AAGF;EACA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;;;ACzEJ;AACE;AAEA;EACA;EACA;EACA;AAEA;AAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IACA;IAEA;MACE;MACA;;;EAIJ;IACE;IACA;;EAGF;AAAA;IAEE;IACA;;EAGF;AAAA;IAEE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;AAGF;AAEA;EACA;IACE;MACE;MACA;;;EAIJ;IACE;MACE;MACA;;;AAGJ;EAEA;IACE;;AAGF;EACA;IACE;;EAGF;IACE;;AAGF;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;IACE;MACE;MACA;;;EAIJ;IACE;MACE;MACA;;;AAIJ;AACA;EACA;IACE;IACA;;AAEF;AAEA;EACA;IACE;IACA;;;;AClIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;;EAGF;IACE;AAEA;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;;AAIJ;EAEA;AACE;;EAGF;IACE;IACA;IAEA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;;EAKN;IACE;IACA;AAEA;IACA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;AAGJ;;EAGF;IACE;IACA;AAEA;IACA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;AAGJ;;EAGF;IACE;IACA;AAEA;IACA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;AAGJ;;EAGF;IACE;IACA;AAEA;IACA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;AAGJ;;;;ACrKJ;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;IACE;IACA;;EAGF;IACE;IACA;IACA;IAEA;MACE;;IAGF;MACE;;IAGF;MACE;;;EAIJ;IACE;IACA;IACA;IAEA;MACE;;IAGF;MACE;;IAGF;MACE;;;;;ACnDN;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;AAAA;IAEE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;AAAA;MAEE;MACA;;;EAIJ;AAAA;IAEE;AAAA;MAEE;MACA;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MACA;;;EAIJ;IACE;AAAA;MAEE;MACA;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MACA;;;EAIJ;IACE;AAAA;MAEE;MACA;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MACA;;;EAIJ;IACE;AAAA;MAEE;MACA;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MACA","file":"optics.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../node_modules/modern-css-reset/dist/reset.css","../../src/core/tokens/base_tokens.scss","../../src/components/icon.scss","../../src/core/tokens/scale_color_tokens.scss","../../src/core/tokens/dark_mode_tokens.scss","../../src/core/base.scss","../../src/core/layout.scss","../../src/core/utilities.scss","../../src/components/accordion.css","../../src/components/alert.css","../../src/components/avatar.css","../../src/components/badge.css","../../src/components/breadcrumbs.css","../../src/components/button.css","../../src/components/button_group.css","../../src/components/card.css","../../src/components/confirm-dialog.css","../../src/components/divider.css","../../src/components/form.scss","../../src/components/modal.css","../../src/components/navbar.css","../../src/components/pagination.css","../../src/components/sidebar.scss","../../src/components/side_panel.css","../../src/components/spinner.css","../../src/components/switch.css","../../src/components/tab.css","../../src/components/table.css","../../src/components/tag.css","../../src/components/text_pair.css","../../src/components/tooltip.css"],"names":[],"mappings":"AAAA;ACAQ;ACKA;AFJR;AAAA;AAAA;EAGE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;EAEE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;EACE;IACC;;EAED;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;ACiBJ;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiQA;AArUE;AAAA;AAAA;AAAA;EAIA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAkBA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAwDA;AAAA;AAAA;AAAA;EAIA;EACA;AAzDA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAIA;AAAA;AAAA;EAGA;EACA;AA+BA;AAAA;AAAA;AAAA;EAIA;AAtBA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;;;AAiDF;EAGE;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;;AE8CJ;AArcE;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAKA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;AAIA;AAAA;AAAA;AAAA;EAKA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAKA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAKA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;;;ACkBF;EACE;AArdA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IAGA;IACA;IAGA;IACA;IACA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;IAGA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAIA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;IAGA;;;AAwBF;AA3dE;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;EAGA;;;AClcF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7FF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACvCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACzaF;AACE;EACA;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IAEA;AAAA;MAEE;MACA;;IAGF;MACE;MACA;MACA;;IAGF;MACE;MAEA;MACA;MACA;MACA;;;EAIJ;IACE;MACE;;;;;ACpCN;EACE;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IAEA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;AAGF;EAEA;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IAEA;MACE;;IAGF;MACE;MACA;MACA;MAEA;QACE;;;IAIJ;MACE;MACA;MACA;MAEA;QACE;;;;AAKN;EACA;AAAA;IAEE;IACA;IACA;AAEA;IACA;MACE;;AAEF;IAEA;MACE;MACA;MACA;MAEA;QACE;;;IAIJ;MACE;MACA;MACA;MAEA;QACE;;;;EAKN;IACE;IACA;IACA;AAEA;IACA;MACE;;AAEF;IAEA;MACE;MACA;MACA;MAEA;QACE;;;IAIJ;MACE;MACA;MACA;MAEA;QACE;;;;EAKN;IACE;IACA;IACA;AAEA;IACA;MACE;;AAEF;IAEA;MACE;MACA;MACA;MAEA;QACE;;;IAIJ;MACE;MACA;MACA;MAEA;QACE;;;;;;ACtKR;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA,YACE;IAEF;IACA;;EAGF;IACE;IACA;IACA;;AAGF;EACA;IACE;IACA;;AAGF;EACA;AAAA;AAAA;IAGE;;AAGF;EACA;IACE;IACA;IAEA;IAEA;MACE;MACA;;;EAIJ;IACE;IAEA;;AAGF;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;;;AC5FJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;;AAGF;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;;;ACtEJ;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;EACA;EACA;AAEA;EACA;IACE;IACA;IAEA;MACE;;;EAIJ;IACE;IACA;;AAGF;EACA;IACE;;EAGF;IACE;;;;AClCJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAEA;EACA;IACE;IACA;IACA;;AAGF;EACA;IACE;IACA;IACA;;AAGF;EACA;IACE;IACA;IACA;;AAGF;EACA;IACE;IACA;IACA;AAEA;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;;AAIJ;EACA;IACE;;AAGF;EACA;IACE;IACA;IACA;;AAGF;EACA;IACE;IACA;IACA;;AAGF;EACA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;AAGF;EACA;AAAA;IAEE;IACA;IACA;IACA;;AAGF;EACA;IACE;;AAGF;EACA;AAAA;AAAA;IAGE;;AAGF;AAEA;AAcA;EACA;IACE;IACA;IACA;AAEA;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;;EAKN;AAAA;IAEE;IACA;IACA;AAEA;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;;EAIJ;IACE;IACA;IACA;AAEA;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;;;AAxHJ;EArJF;IAsJI;IACA;IAEA;AAAA;AAAA;MAGE;MACA;MACA;;;;;AC9JN;EACE;EACA;EACA;EAEA;EACA;EAEA;IACE;MACE;;IAGF;MACE;;IAGF;MACE;;IAGF;AAAA;AAAA;MAGE;;IAGF;MACE;;IAGF;MACE;MACA;;IAGF;MACE;MACA;;;;;AAKN;EACE;EACA;;;AC7CF;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;AAAA;AAAA;IAGE;;EAGF;IACE;AAAA;AAAA;AAAA;AAAA;AAAA;MAME;;;;;AC1DN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;AAGF;EAEA;IACE;IAEA;MACE;MACA;;IAGF;MACE;MACA;;;;;AAKN;AACA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAAA;AAAA;IAGE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;;;AAGJ;AC/EA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAEA;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;IACE;IACA;IACA;IACA;IACA;;;;ACpDJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EAEE;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAGE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAEE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAUA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AASJ;EACE;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;;AAUN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACE;AA0DA;;AAzDA;EACE;;AAEA;EAEE;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAIF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAOR;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;AAGA;AAOA;;AANA;AAAA;AAAA;AAAA;EAIE;;AAIF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;;;AAKN;EACE;AAGA;AAcA;;AAbA;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;;AhBtWJ;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA,yBACE;EAIF;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AiB9GF;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;AAGF;EAEA;IACE;IAEA;MACE;MACA;;IAGF;MACE;MACA;;;;;AAKN;AACA;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAAA;AAAA;IAGE;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;;;AAGJ;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;AACE;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IAEA;MACE;MACA;;;;;AAKN;AAEA;AAEA;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AClJJ;AACE;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IAEA;MACE;;;EAIJ;IACE;IACA;IACA;IACA;IAEA;MACE;;IAGF;MACE;;IAGF;MACE;;;AAIJ;EAEA;IACE;IACA;IACA;;;;ACzDJ;EACE;EACA;EACA;AAEA;EACA;IACE;IAEA;MACE;;IAGF;MACE;;;AAIJ;EACA;IACE;IACA;;;;ACsBJ;EAGE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;AACE;AAGA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKJ;EACE;;AAIF;EA3GA;EACA;;AAgHE;EAFF;IA/GA;IACA;;;AAqHE;EAPF;IApIA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AAmIJ;EAtHA;EACA;;AAIE;EAEE;EACA;EACA;;AAmHF;EAFF;IA1HA;IACA;;EAIE;IAEE;IACA;IACA;;;AAwHF;EAPF;IArJA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AAmJJ;EAjKA;EACA;;AAGA;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAuJJ;EA1IA;EACA;;AAIE;EAEE;EACA;EACA;;;AA2IN;EAGE;EACA;EACA;;;ACtLF;AACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;IACE;MACE;;IAGF;MACE;;IAGF;MACE;;;EAIJ;IACE;IACA;IAEA;MACE;;IAGF;MACE;;IAGF;MACE;;;EAIJ;IACE;MACE;;IAGF;MACE;;IAGF;MACE;;;EAIJ;IACE;MACE;;IAGF;MACE;;IAGF;MACE;;;;;ACtFN;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;;AAIJ;EACE;IACE;;;ACjDJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;MACE;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;;AAIJ;EACA;IACE;;EAGF;IACE;IACA;IACA;IAEA;MACE;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MAEA;QACE;QACA;;;IAIJ;MACE;QACE;;;IAIJ;MACE,YACE;MAGF;QACE;QACA;;;IAIJ;MACE;QACE;QACA;;;;AAKN;EACA;IACE;IACA;;EAGF;IACE;IACA;;;;ACxGJ;EACE;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;IACE;;AAGF;EACA;AAAA;AAAA;IAGE;;AAGF;EACA;IACE;IACA;IACA;;AAGF;EACA;IACE;IACA;IAEA;MACE,YACE;;;AAKN;EACA;IACE;IACA;;AAGF;EACA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;;;ACzEJ;AACE;AAEA;EACA;EACA;EACA;AAEA;AAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;IACA;IACA;IAEA;MACE;MACA;;;EAIJ;IACE;IACA;;EAGF;AAAA;IAEE;IACA;;EAGF;AAAA;IAEE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;AAGF;AAEA;EACA;IACE;MACE;MACA;;;EAIJ;IACE;MACE;MACA;;;AAGJ;EAEA;IACE;;AAGF;EACA;IACE;;EAGF;IACE;;AAGF;EACA;IACE;;EAGF;IACE;;EAGF;IACE;;AAGF;EACA;IACE;MACE;MACA;;;EAIJ;IACE;MACE;MACA;;;AAIJ;AACA;EACA;IACE;IACA;;AAEF;AAEA;EACA;IACE;IACA;;;;AClIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;IACE;;EAGF;IACE;AAEA;IACA;MACE;MACA;MACA;;AAGF;IACA;MACE;MACA;MACA;;;AAIJ;EAEA;AACE;;EAGF;IACE;IACA;IAEA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;;EAKN;IACE;IACA;AAEA;IACA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;AAGJ;;EAGF;IACE;IACA;AAEA;IACA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;AAGJ;;EAGF;IACE;IACA;AAEA;IACA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;AAGJ;;EAGF;IACE;IACA;AAEA;IACA;MACE;AAEA;MACA;QACE;QACA;QACA;;AAGF;MACA;QACE;QACA;QACA;;;AAGJ;;;;ACrKJ;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;IACE;IACA;;EAGF;IACE;IACA;IACA;IAEA;MACE;;IAGF;MACE;;IAGF;MACE;;;EAIJ;IACE;IACA;IACA;IAEA;MACE;;IAGF;MACE;;IAGF;MACE;;;;;ACnDN;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;AAAA;IAEE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;AAAA;MAEE;MACA;;;EAIJ;AAAA;IAEE;AAAA;MAEE;MACA;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MACA;;;EAIJ;IACE;AAAA;MAEE;MACA;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MACA;;;EAIJ;IACE;AAAA;MAEE;MACA;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MACA;;;EAIJ;IACE;AAAA;MAEE;MACA;;IAGF;MACE;MACA;;IAGF;MACE;MACA;MACA","file":"optics.css"}
package/dist/scss/components/{button.scss → button.css} RENAMED
@@ -1,5 +1,5 @@
1
- %btn-global {
2
- // Public API (allowed to be overridden)
1
+ .btn {
2
+ /* Public API (customizable component options) */
3
3
  --_op-btn-height-small: var(--op-input-height-small);
4
4
  --_op-btn-height-medium: var(--op-input-height-medium);
5
5
  --_op-btn-height-large: var(--op-input-height-large);
@@ -10,7 +10,7 @@
10
10
  --_op-btn-padding-medium: 0 var(--op-space-small);
11
11
  --_op-btn-padding-large: 0 var(--op-space-small);
12
12
 
13
- // Private API (don't touch these)
13
+ /* Private API (component option defaults) */
14
14
  --__op-btn-height: var(--_op-btn-height-large);
15
15
  --__op-btn-font-size: var(--_op-btn-font-large);
16
16
  --__op-btn-padding: var(--_op-btn-padding-large);
@@ -22,6 +22,9 @@
22
22
  padding: var(--__op-btn-padding);
23
23
  border-radius: var(--op-radius-medium);
24
24
  appearance: none;
25
+ background-color: var(--op-color-neutral-plus-eight);
26
+ box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
27
+ color: var(--op-color-neutral-on-plus-eight);
25
28
  cursor: pointer;
26
29
  font-size: var(--__op-btn-font-size);
27
30
  font-weight: var(--op-font-weight-normal);
@@ -31,26 +34,77 @@
31
34
  transition: var(--op-transition-input);
32
35
  white-space: nowrap;
33
36
 
34
- // Pill Modifier
37
+ /* Modifiers */
38
+
39
+ /* Default Active State */
40
+ &.btn--active {
41
+ background-color: var(--op-color-primary-plus-five);
42
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
43
+ color: var(--op-color-primary-on-plus-five);
44
+ }
45
+
46
+ /* Default Hover State */
47
+ &:hover {
48
+ background-color: var(--op-color-primary-plus-eight);
49
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
50
+ color: var(--op-color-primary-on-plus-eight);
51
+ }
52
+
53
+ /* Default Focus State */
54
+ &:focus-visible {
55
+ background-color: var(--op-color-neutral-plus-eight);
56
+ box-shadow: var(--op-input-focus-primary);
57
+ color: var(--op-color-neutral-on-plus-eight);
58
+ }
59
+
60
+ /* Default Borderless State */
61
+ &.btn--no-border {
62
+ background-color: transparent;
63
+ box-shadow: none;
64
+ color: var(--op-color-primary-on-plus-max);
65
+
66
+ /* Default Borderless + Active State. */
67
+ &.btn--active {
68
+ background-color: var(--op-color-primary-plus-five);
69
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
70
+ color: var(--op-color-primary-on-plus-five);
71
+ }
72
+
73
+ /* Default Borderless + Hover State */
74
+ &:hover {
75
+ background-color: var(--op-color-primary-plus-eight);
76
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
77
+ color: var(--op-color-primary-on-plus-eight);
78
+ }
79
+
80
+ /* Default Borderless + Focus State */
81
+ &:focus-visible {
82
+ background-color: var(--op-color-primary-plus-eight);
83
+ box-shadow: var(--op-input-focus-primary);
84
+ color: var(--op-color-primary-on-plus-eight);
85
+ }
86
+ }
87
+
88
+ /* Pill Modifier */
35
89
  &.btn--pill {
36
90
  border-radius: var(--op-radius-pill);
37
91
  }
38
92
 
39
- // Icon Modifier
93
+ /* Icon Modifier */
40
94
  &.btn--icon {
41
95
  width: var(--__op-btn-height);
42
96
  min-width: var(--__op-btn-height);
43
97
  padding: 0;
44
98
  }
45
99
 
46
- // Icon With Label Modifier
100
+ /* Icon With Label Modifier */
47
101
  &.btn--icon-with-label {
48
102
  flex-direction: column;
49
103
  padding: var(--op-space-small);
50
104
  gap: var(--op-space-3x-small);
51
105
  }
52
106
 
53
- // Size Modifiers
107
+ /* Size Modifiers */
54
108
  &.btn--small {
55
109
  --__op-btn-height: var(--_op-btn-height-small);
56
110
  --__op-btn-font-size: var(--_op-btn-font-small);
@@ -69,7 +123,7 @@
69
123
  --__op-btn-padding: var(--_op-btn-padding-large);
70
124
  }
71
125
 
72
- // Disabled Modifier
126
+ /* Disabled Modifier */
73
127
  &.btn--disabled,
74
128
  &:disabled {
75
129
  opacity: var(--op-opacity-disabled);
@@ -78,20 +132,21 @@
78
132
  user-select: none;
79
133
  }
80
134
 
81
- // Button with notification style badge
135
+ /* Button with notification style badge */
82
136
  &.btn--with-badge {
83
137
  position: relative;
84
138
  }
85
139
 
86
- // Focus State
140
+ /* Focus State */
87
141
  &:focus,
88
142
  &:focus-within,
89
143
  &:focus-visible {
90
144
  outline: none;
91
145
  }
92
146
 
93
- // https://uxmovement.com/mobile/optimal-size-and-spacing-for-mobile-buttons/
94
- // --op-breakpoint-small
147
+ /* https:/*uxmovement.com/mobile/optimal-size-and-spacing-for-mobile-buttons/ */
148
+
149
+ /* --op-breakpoint-small */
95
150
  @media (width <= 768px) {
96
151
  --__op-btn-height: var(--_op-btn-height-large);
97
152
  --__op-btn-font-size: var(--_op-btn-font-large);
@@ -104,177 +159,115 @@
104
159
  --__op-btn-padding: var(--_op-btn-padding-large);
105
160
  }
106
161
  }
107
- }
108
162
 
109
- .btn {
110
- @extend %btn-global;
111
-
112
- background-color: var(--op-color-neutral-plus-eight);
113
- box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
114
- color: var(--op-color-neutral-on-plus-eight);
115
-
116
- // Active State
117
- &.btn--active {
118
- background-color: var(--op-color-primary-plus-five);
119
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
120
- color: var(--op-color-primary-on-plus-five);
121
- }
122
-
123
- // Hover State
124
- &:hover {
125
- background-color: var(--op-color-primary-plus-eight);
126
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
127
- color: var(--op-color-primary-on-plus-eight);
128
- }
129
-
130
- // Focus State
131
- &:focus-visible {
132
- background-color: var(--op-color-neutral-plus-eight);
133
- box-shadow: var(--op-input-focus-primary);
134
- color: var(--op-color-neutral-on-plus-eight);
135
- }
136
-
137
- // Borderless State
138
- &.btn--no-border {
139
- background-color: transparent;
140
- box-shadow: none;
141
- color: var(--op-color-primary-on-plus-max);
163
+ /* Variant Modifiers */
164
+ &.btn--primary {
165
+ background-color: var(--op-color-primary-base);
166
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-base);
167
+ color: var(--op-color-primary-on-base);
142
168
 
143
- // Borderless + Active State.
169
+ /* Active State */
144
170
  &.btn--active {
145
- background-color: var(--op-color-primary-plus-five);
146
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
147
- color: var(--op-color-primary-on-plus-five);
171
+ background-color: var(--op-color-primary-minus-five);
172
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-two);
173
+ color: var(--op-color-primary-on-minus-five);
148
174
  }
149
175
 
150
- // Borderless + Hover State
176
+ /* Hover State */
151
177
  &:hover {
152
- background-color: var(--op-color-primary-plus-eight);
153
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
154
- color: var(--op-color-primary-on-plus-eight);
178
+ background-color: var(--op-color-primary-plus-one);
179
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-one);
180
+ color: var(--op-color-primary-on-plus-one);
155
181
  }
156
182
 
157
- // Borderless + Focus State
183
+ /* Focus State */
158
184
  &:focus-visible {
159
- background-color: var(--op-color-primary-plus-eight);
185
+ background-color: var(--op-color-primary-base);
160
186
  box-shadow: var(--op-input-focus-primary);
161
- color: var(--op-color-primary-on-plus-eight);
187
+ color: var(--op-color-primary-on-base);
162
188
  }
163
- }
164
- }
165
189
 
166
- .btn-primary {
167
- @extend %btn-global;
168
-
169
- background-color: var(--op-color-primary-base);
170
- box-shadow: inset var(--op-border-all) var(--op-color-primary-base);
171
- color: var(--op-color-primary-on-base);
172
-
173
- // Active State
174
- &.btn--active {
175
- background-color: var(--op-color-primary-minus-five);
176
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-two);
177
- color: var(--op-color-primary-on-minus-five);
178
- }
179
-
180
- // Hover State
181
- &:hover {
182
- background-color: var(--op-color-primary-plus-one);
183
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-one);
184
- color: var(--op-color-primary-on-plus-one);
185
- }
186
-
187
- // Focus State
188
- &:focus-visible {
189
- background-color: var(--op-color-primary-base);
190
- box-shadow: var(--op-input-focus-primary);
191
- color: var(--op-color-primary-on-base);
190
+ /* Borderless State */
191
+ &.btn--no-border {
192
+ background-color: transparent;
193
+ box-shadow: none;
194
+ color: var(--op-color-primary-base);
195
+
196
+ /* Borderless + Active State */
197
+ &.btn--active {
198
+ background-color: var(--op-color-primary-plus-five);
199
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
200
+ color: var(--op-color-primary-on-plus-five);
201
+ }
202
+
203
+ /* Borderless + Hover State */
204
+ &:hover {
205
+ background-color: var(--op-color-primary-plus-eight);
206
+ box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
207
+ color: var(--op-color-primary-on-plus-eight);
208
+ }
209
+
210
+ /* Borderless + Focus State */
211
+ &:focus-visible {
212
+ background-color: var(--op-color-primary-plus-eight);
213
+ box-shadow: var(--op-input-focus-primary);
214
+ color: var(--op-color-primary-on-plus-eight);
215
+ }
216
+ }
192
217
  }
193
218
 
194
- // Borderless State
195
- &.btn--no-border {
196
- background-color: transparent;
197
- box-shadow: none;
198
- color: var(--op-color-primary-base);
219
+ &.btn--destructive,
220
+ &.btn--delete {
221
+ background-color: var(--op-color-alerts-danger-base);
222
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-base);
223
+ color: var(--op-color-alerts-danger-on-base);
199
224
 
200
- // Borderless + Active State
225
+ /* Active State */
201
226
  &.btn--active {
202
- background-color: var(--op-color-primary-plus-five);
203
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
204
- color: var(--op-color-primary-on-plus-five);
227
+ background-color: var(--op-color-alerts-danger-plus-five);
228
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-plus-three);
229
+ color: var(--op-color-alerts-danger-on-plus-five);
205
230
  }
206
231
 
207
- // Borderless + Hover State
232
+ /* Hover State */
208
233
  &:hover {
209
- background-color: var(--op-color-primary-plus-eight);
210
- box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
211
- color: var(--op-color-primary-on-plus-eight);
234
+ background-color: var(--op-color-alerts-danger-minus-two);
235
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-minus-two);
236
+ color: var(--op-color-alerts-danger-on-minus-two);
212
237
  }
213
238
 
214
- // Borderless + Focus State
239
+ /* Focus State */
215
240
  &:focus-visible {
216
- background-color: var(--op-color-primary-plus-eight);
217
- box-shadow: var(--op-input-focus-primary);
218
- color: var(--op-color-primary-on-plus-eight);
241
+ background-color: var(--op-color-alerts-danger-base);
242
+ box-shadow: var(--op-input-focus-danger);
243
+ color: var(--op-color-alerts-danger-on-base);
219
244
  }
220
245
  }
221
- }
222
-
223
- .btn-destructive,
224
- .btn-delete {
225
- @extend %btn-global;
226
-
227
- background-color: var(--op-color-alerts-danger-base);
228
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-base);
229
- color: var(--op-color-alerts-danger-on-base);
230
-
231
- // Active State
232
- &.btn--active {
233
- background-color: var(--op-color-alerts-danger-plus-five);
234
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-plus-three);
235
- color: var(--op-color-alerts-danger-on-plus-five);
236
- }
237
-
238
- // Hover State
239
- &:hover {
240
- background-color: var(--op-color-alerts-danger-minus-two);
241
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-minus-two);
242
- color: var(--op-color-alerts-danger-on-minus-two);
243
- }
244
-
245
- // Focus State
246
- &:focus-visible {
247
- background-color: var(--op-color-alerts-danger-base);
248
- box-shadow: var(--op-input-focus-danger);
249
- color: var(--op-color-alerts-danger-on-base);
250
- }
251
- }
252
-
253
- .btn-warning {
254
- @extend %btn-global;
255
246
 
256
- background-color: var(--op-color-alerts-warning-base);
257
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-base);
258
- color: var(--op-color-alerts-warning-on-base);
247
+ &.btn--warning {
248
+ background-color: var(--op-color-alerts-warning-base);
249
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-base);
250
+ color: var(--op-color-alerts-warning-on-base);
259
251
 
260
- // Active State
261
- &.btn--active {
262
- background-color: var(--op-color-alerts-warning-plus-five);
263
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-plus-three);
264
- color: var(--op-color-alerts-warning-on-plus-five);
265
- }
252
+ /* Active State */
253
+ &.btn--active {
254
+ background-color: var(--op-color-alerts-warning-plus-five);
255
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-plus-three);
256
+ color: var(--op-color-alerts-warning-on-plus-five);
257
+ }
266
258
 
267
- // Hover State
268
- &:hover {
269
- background-color: var(--op-color-alerts-warning-minus-two);
270
- box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-minus-two);
271
- color: var(--op-color-alerts-warning-on-minus-two);
272
- }
259
+ /* Hover State */
260
+ &:hover {
261
+ background-color: var(--op-color-alerts-warning-minus-two);
262
+ box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-minus-two);
263
+ color: var(--op-color-alerts-warning-on-minus-two);
264
+ }
273
265
 
274
- // Focus State
275
- &:focus-visible {
276
- background-color: var(--op-color-alerts-warning-base);
277
- box-shadow: var(--op-input-focus-warning);
278
- color: var(--op-color-alerts-warning-on-base);
266
+ /* Focus State */
267
+ &:focus-visible {
268
+ background-color: var(--op-color-alerts-warning-base);
269
+ box-shadow: var(--op-input-focus-warning);
270
+ color: var(--op-color-alerts-warning-on-base);
271
+ }
279
272
  }
280
273
  }
package/dist/scss/components/{button_group.scss → button_group.css} RENAMED
@@ -6,17 +6,9 @@
6
6
  display: inline-flex;
7
7
  align-items: center;
8
8
 
9
- .btn,
10
- .btn-primary,
11
- .btn-destructive,
12
- .btn-delete,
13
- .btn-warning {
14
- + .btn,
15
- + .btn-primary,
16
- + .btn-destructive,
17
- + .btn-delete,
18
- + .btn-warning {
19
- margin-left: -1px;
9
+ .btn {
10
+ + .btn {
11
+ margin-inline-start: calc(var(--op-border-width) * -1);
20
12
  }
21
13
 
22
14
  &:hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolemodel/optics",
3
- "version": "1.9.0",
3
+ "version": "1.10.0",
4
4
  "packageManager": "yarn@4.2.2",
5
5
  "description": "Optics is an scss package that provides base styles and components that can be integrated and customized in a variety of projects.",
6
6
  "main": "dist/scss/optics.scss",