@rolemodel/optics 0.5.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/css/optics.css +183 -33
  2. package/dist/css/optics.css.map +1 -1
  3. package/dist/scss/addons/tom-select.scss +2 -2
  4. package/dist/scss/components/accordion.scss +6 -0
  5. package/dist/scss/components/avatar.scss +2 -0
  6. package/dist/scss/components/breadcrumbs.scss +41 -0
  7. package/dist/scss/components/button.scss +1 -0
  8. package/dist/scss/components/button_group.scss +2 -0
  9. package/dist/scss/components/card.scss +6 -6
  10. package/dist/scss/components/confirm-dialog.scss +2 -2
  11. package/dist/scss/components/divider.scss +1 -1
  12. package/dist/scss/components/form.scss +35 -0
  13. package/dist/scss/components/index.scss +2 -0
  14. package/dist/scss/components/modal.scss +2 -2
  15. package/dist/scss/components/side_panel.scss +2 -2
  16. package/dist/scss/components/switch.scss +6 -1
  17. package/dist/scss/components/table.scss +4 -4
  18. package/dist/scss/components/text_pair.scss +59 -0
  19. package/dist/scss/components/tooltip.scss +2 -0
  20. package/dist/scss/core/tokens/base_tokens.scss +5 -4
  21. package/dist/scss/recipes/aligned-header.scss +20 -0
  22. package/dist/tokens/tokens.json +5 -4
  23. package/package.json +11 -11
package/dist/css/optics.css CHANGED
@@ -163,7 +163,7 @@ select {
163
163
  * @tokens Border Color
164
164
  * @presenter Color
165
165
  */
166
- --op-border-color: var(--op-color-neutral-plus-five);
166
+ --op-color-border: var(--op-color-neutral-plus-five);
167
167
  /**
168
168
  * @tokens Border Shadow
169
169
  * @presenter Shadow
@@ -174,8 +174,8 @@ select {
174
174
  --op-border-right: var(--op-border-width) 0 0 0;
175
175
  --op-border-bottom: 0 var(--op-border-width) 0 0;
176
176
  --op-border-left: calc(-1 * var(--op-border-width)) 0 0 0;
177
- --op-border-y: var(--op-border-top) var(--op-border-color), var(--op-border-bottom) var(--op-border-color);
178
- --op-border-x: var(--op-border-left) var(--op-border-color), var(--op-border-right) var(--op-border-color);
177
+ --op-border-y: var(--op-border-top) var(--op-color-border), var(--op-border-bottom) var(--op-color-border);
178
+ --op-border-x: var(--op-border-left) var(--op-color-border), var(--op-border-right) var(--op-color-border);
179
179
  /**
180
180
  * @tokens Font Scale
181
181
  * @presenter FontSize
@@ -236,6 +236,7 @@ select {
236
236
  --op-transition-sidebar: all 200ms ease-in-out;
237
237
  --op-transition-modal: all 300ms ease-in;
238
238
  --op-transition-panel: right 400ms ease-in;
239
+ --op-transition-tooltip: all 300ms ease-in 300ms;
239
240
  /**
240
241
  * @tokens Animation
241
242
  * @presenter Animation
@@ -2064,6 +2065,10 @@ small {
2064
2065
  gap: var(--op-space-2x-small);
2065
2066
  grid-template-columns: auto 1fr auto;
2066
2067
  }
2068
+ .accordion summary::marker, .accordion summary::-webkit-details-marker {
2069
+ display: none;
2070
+ content: "";
2071
+ }
2067
2072
  .accordion summary .accordion__label {
2068
2073
  color: var(--op-color-neutral-on-plus-max);
2069
2074
  font-size: var(--op-font-x-small);
@@ -2248,7 +2253,9 @@ small {
2248
2253
  display: block;
2249
2254
  overflow: hidden;
2250
2255
  width: var(--__op-avatar-size);
2256
+ min-width: var(--__op-avatar-size);
2251
2257
  height: var(--__op-avatar-size);
2258
+ min-height: var(--__op-avatar-size);
2252
2259
  border-radius: var(--_op-avatar-border-radius);
2253
2260
  }
2254
2261
  .avatar::before {
@@ -2365,7 +2372,35 @@ small {
2365
2372
  color: var(--op-color-alerts-notice-on-base);
2366
2373
  }
2367
2374
 
2368
- .btn-warning, .btn-delete, .btn-primary, .btn {
2375
+ .breadcrumbs {
2376
+ --_op-breadcrumbs-font-size-small: var(--op-font-x-small);
2377
+ --_op-breadcrumbs-font-size-large: var(--op-font-small);
2378
+ --__op-breadcrumbs-font-size: var(--_op-breadcrumbs-font-size-small);
2379
+ display: flex;
2380
+ flex-wrap: wrap;
2381
+ align-items: baseline;
2382
+ gap: var(--op-space-x-small);
2383
+ }
2384
+ .breadcrumbs .breadcrumbs__link {
2385
+ font-size: var(--__op-breadcrumbs-font-size);
2386
+ text-decoration: none;
2387
+ }
2388
+ .breadcrumbs .breadcrumbs__link:hover {
2389
+ text-decoration: underline;
2390
+ }
2391
+ .breadcrumbs .breadcrumbs__text {
2392
+ font-size: var(--__op-breadcrumbs-font-size);
2393
+ font-weight: var(--op-font-weight-bold);
2394
+ }
2395
+ .breadcrumbs--small.breadcrumbs {
2396
+ --__op-breadcrumbs-font-size: var(--_op-breadcrumbs-font-size-small);
2397
+ }
2398
+ .breadcrumbs--large.breadcrumbs {
2399
+ --__op-breadcrumbs-font-size: var(--_op-breadcrumbs-font-size-large);
2400
+ }
2401
+
2402
+ .btn-warning, .btn-destructive,
2403
+ .btn-delete, .btn-primary, .btn {
2369
2404
  --_op-btn-height-small: var(--op-input-height-small);
2370
2405
  --_op-btn-height-medium: var(--op-input-height-medium);
2371
2406
  --_op-btn-height-large: var(--op-input-height-large);
@@ -2394,52 +2429,68 @@ small {
2394
2429
  transition: var(--op-transition-input);
2395
2430
  white-space: nowrap;
2396
2431
  }
2397
- .btn--pill.btn-warning, .btn--pill.btn-delete, .btn--pill.btn-primary, .btn--pill.btn {
2432
+ .btn--pill.btn-warning, .btn--pill.btn-destructive,
2433
+ .btn--pill.btn-delete, .btn--pill.btn-primary, .btn--pill.btn {
2398
2434
  border-radius: var(--op-radius-pill);
2399
2435
  }
2400
- .btn--icon.btn-warning, .btn--icon.btn-delete, .btn--icon.btn-primary, .btn--icon.btn {
2436
+ .btn--icon.btn-warning, .btn--icon.btn-destructive,
2437
+ .btn--icon.btn-delete, .btn--icon.btn-primary, .btn--icon.btn {
2401
2438
  width: var(--__op-btn-height);
2402
2439
  min-width: var(--__op-btn-height);
2403
2440
  padding: 0;
2404
2441
  }
2405
- .btn--icon-with-label.btn-warning, .btn--icon-with-label.btn-delete, .btn--icon-with-label.btn-primary, .btn--icon-with-label.btn {
2442
+ .btn--icon-with-label.btn-warning, .btn--icon-with-label.btn-destructive,
2443
+ .btn--icon-with-label.btn-delete, .btn--icon-with-label.btn-primary, .btn--icon-with-label.btn {
2406
2444
  flex-direction: column;
2407
2445
  padding: var(--op-space-small);
2408
2446
  gap: var(--op-space-3x-small);
2409
2447
  }
2410
- .btn--small.btn-warning, .btn--small.btn-delete, .btn--small.btn-primary, .btn--small.btn {
2448
+ .btn--small.btn-warning, .btn--small.btn-destructive,
2449
+ .btn--small.btn-delete, .btn--small.btn-primary, .btn--small.btn {
2411
2450
  --__op-btn-height: var(--_op-btn-height-small);
2412
2451
  --__op-btn-font-size: var(--_op-btn-font-small);
2413
2452
  --__op-btn-padding: var(--_op-btn-padding-small);
2414
2453
  }
2415
- .btn--medium.btn-warning, .btn--medium.btn-delete, .btn--medium.btn-primary, .btn--medium.btn {
2454
+ .btn--medium.btn-warning, .btn--medium.btn-destructive,
2455
+ .btn--medium.btn-delete, .btn--medium.btn-primary, .btn--medium.btn {
2416
2456
  --__op-btn-height: var(--_op-btn-height-medium);
2417
2457
  --__op-btn-font-size: var(--_op-btn-font-medium);
2418
2458
  --__op-btn-padding: var(--_op-btn-padding-medium);
2419
2459
  }
2420
- .btn--large.btn-warning, .btn--large.btn-delete, .btn--large.btn-primary, .btn--large.btn {
2460
+ .btn--large.btn-warning, .btn--large.btn-destructive,
2461
+ .btn--large.btn-delete, .btn--large.btn-primary, .btn--large.btn {
2421
2462
  --__op-btn-height: var(--_op-btn-height-large);
2422
2463
  --__op-btn-font-size: var(--_op-btn-font-large);
2423
2464
  --__op-btn-padding: var(--_op-btn-padding-large);
2424
2465
  }
2425
- .btn--disabled.btn-warning, .btn--disabled.btn-delete, .btn--disabled.btn-primary, .btn--disabled.btn, .btn-warning:disabled, .btn-delete:disabled, .btn-primary:disabled, .btn:disabled {
2466
+ .btn--disabled.btn-warning, .btn--disabled.btn-destructive,
2467
+ .btn--disabled.btn-delete, .btn--disabled.btn-primary, .btn--disabled.btn, .btn-warning:disabled, .btn-destructive:disabled,
2468
+ .btn-delete:disabled, .btn-primary:disabled, .btn:disabled {
2426
2469
  opacity: var(--op-opacity-disabled);
2427
2470
  pointer-events: none;
2428
2471
  -webkit-user-select: none; /* stylelint-disable property-no-vendor-prefix */
2429
2472
  user-select: none;
2430
2473
  }
2431
- .btn--with-badge.btn-warning, .btn--with-badge.btn-delete, .btn--with-badge.btn-primary, .btn--with-badge.btn {
2474
+ .btn--with-badge.btn-warning, .btn--with-badge.btn-destructive,
2475
+ .btn--with-badge.btn-delete, .btn--with-badge.btn-primary, .btn--with-badge.btn {
2432
2476
  position: relative;
2433
2477
  }
2434
- .btn-warning:focus, .btn-delete:focus, .btn-primary:focus, .btn:focus, .btn-warning:focus-within, .btn-delete:focus-within, .btn-primary:focus-within, .btn:focus-within, .btn-warning:focus-visible, .btn-delete:focus-visible, .btn-primary:focus-visible, .btn:focus-visible {
2478
+ .btn-warning:focus, .btn-destructive:focus,
2479
+ .btn-delete:focus, .btn-primary:focus, .btn:focus, .btn-warning:focus-within, .btn-destructive:focus-within,
2480
+ .btn-delete:focus-within, .btn-primary:focus-within, .btn:focus-within, .btn-warning:focus-visible, .btn-destructive:focus-visible,
2481
+ .btn-delete:focus-visible, .btn-primary:focus-visible, .btn:focus-visible {
2435
2482
  outline: none;
2436
2483
  }
2437
2484
  @media (max-width: 768px) {
2438
- .btn-warning, .btn-delete, .btn-primary, .btn {
2485
+ .btn-warning, .btn-destructive,
2486
+ .btn-delete, .btn-primary, .btn {
2439
2487
  --__op-btn-height: var(--_op-btn-height-large);
2440
2488
  --__op-btn-font-size: var(--_op-btn-font-large);
2441
2489
  }
2442
- .btn--small.btn-warning, .btn--small.btn-delete, .btn--small.btn-primary, .btn--small.btn, .btn--medium.btn-warning, .btn--medium.btn-delete, .btn--medium.btn-primary, .btn--medium.btn, .btn--large.btn-warning, .btn--large.btn-delete, .btn--large.btn-primary, .btn--large.btn {
2490
+ .btn--small.btn-warning, .btn--small.btn-destructive,
2491
+ .btn--small.btn-delete, .btn--small.btn-primary, .btn--small.btn, .btn--medium.btn-warning, .btn--medium.btn-destructive,
2492
+ .btn--medium.btn-delete, .btn--medium.btn-primary, .btn--medium.btn, .btn--large.btn-warning, .btn--large.btn-destructive,
2493
+ .btn--large.btn-delete, .btn--large.btn-primary, .btn--large.btn {
2443
2494
  --__op-btn-height: var(--_op-btn-height-large);
2444
2495
  --__op-btn-font-size: var(--_op-btn-font-large);
2445
2496
  --__op-btn-padding: var(--_op-btn-padding-large);
@@ -2528,21 +2579,25 @@ small {
2528
2579
  color: var(--op-color-primary-on-plus-eight);
2529
2580
  }
2530
2581
 
2582
+ .btn-destructive,
2531
2583
  .btn-delete {
2532
2584
  background-color: var(--op-color-alerts-danger-base);
2533
2585
  box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-base);
2534
2586
  color: var(--op-color-alerts-danger-on-base);
2535
2587
  }
2588
+ .btn-destructive.btn--active,
2536
2589
  .btn-delete.btn--active {
2537
2590
  background-color: var(--op-color-alerts-danger-plus-five);
2538
2591
  box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-plus-three);
2539
2592
  color: var(--op-color-alerts-danger-on-plus-five);
2540
2593
  }
2594
+ .btn-destructive:hover,
2541
2595
  .btn-delete:hover {
2542
2596
  background-color: var(--op-color-alerts-danger-minus-two);
2543
2597
  box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-minus-two);
2544
2598
  color: var(--op-color-alerts-danger-on-minus-two);
2545
2599
  }
2600
+ .btn-destructive:focus-visible,
2546
2601
  .btn-delete:focus-visible {
2547
2602
  background-color: var(--op-color-alerts-danger-base);
2548
2603
  box-shadow: var(--op-input-focus-danger);
@@ -2579,30 +2634,41 @@ small {
2579
2634
  }
2580
2635
  .btn-group .btn + .btn,
2581
2636
  .btn-group .btn + .btn-primary,
2637
+ .btn-group .btn + .btn-destructive,
2582
2638
  .btn-group .btn + .btn-delete,
2583
2639
  .btn-group .btn + .btn-warning,
2584
2640
  .btn-group .btn-primary + .btn,
2585
2641
  .btn-group .btn-primary + .btn-primary,
2642
+ .btn-group .btn-primary + .btn-destructive,
2586
2643
  .btn-group .btn-primary + .btn-delete,
2587
2644
  .btn-group .btn-primary + .btn-warning,
2645
+ .btn-group .btn-destructive + .btn,
2646
+ .btn-group .btn-destructive + .btn-primary,
2647
+ .btn-group .btn-destructive + .btn-destructive,
2648
+ .btn-group .btn-destructive + .btn-delete,
2649
+ .btn-group .btn-destructive + .btn-warning,
2588
2650
  .btn-group .btn-delete + .btn,
2589
2651
  .btn-group .btn-delete + .btn-primary,
2652
+ .btn-group .btn-delete + .btn-destructive,
2590
2653
  .btn-group .btn-delete + .btn-delete,
2591
2654
  .btn-group .btn-delete + .btn-warning,
2592
2655
  .btn-group .btn-warning + .btn,
2593
2656
  .btn-group .btn-warning + .btn-primary,
2657
+ .btn-group .btn-warning + .btn-destructive,
2594
2658
  .btn-group .btn-warning + .btn-delete,
2595
2659
  .btn-group .btn-warning + .btn-warning {
2596
2660
  margin-left: -1px;
2597
2661
  }
2598
2662
  .btn-group .btn:hover,
2599
2663
  .btn-group .btn-primary:hover,
2664
+ .btn-group .btn-destructive:hover,
2600
2665
  .btn-group .btn-delete:hover,
2601
2666
  .btn-group .btn-warning:hover {
2602
2667
  z-index: var(--op-btn-group-hover-z-index);
2603
2668
  }
2604
2669
  .btn-group .btn.btn--active,
2605
2670
  .btn-group .btn-primary.btn--active,
2671
+ .btn-group .btn-destructive.btn--active,
2606
2672
  .btn-group .btn-delete.btn--active,
2607
2673
  .btn-group .btn-warning.btn--active {
2608
2674
  z-index: var(--op-btn-group-active-z-index);
@@ -2611,6 +2677,9 @@ small {
2611
2677
  .btn-group .btn-primary:focus,
2612
2678
  .btn-group .btn-primary:focus-within,
2613
2679
  .btn-group .btn-primary:focus-visible,
2680
+ .btn-group .btn-destructive:focus,
2681
+ .btn-group .btn-destructive:focus-within,
2682
+ .btn-group .btn-destructive:focus-visible,
2614
2683
  .btn-group .btn-delete:focus,
2615
2684
  .btn-group .btn-delete:focus-within,
2616
2685
  .btn-group .btn-delete:focus-visible,
@@ -2621,12 +2690,14 @@ small {
2621
2690
  }
2622
2691
  .btn-group .btn:not(:first-child, :last-child),
2623
2692
  .btn-group .btn-primary:not(:first-child, :last-child),
2693
+ .btn-group .btn-destructive:not(:first-child, :last-child),
2624
2694
  .btn-group .btn-delete:not(:first-child, :last-child),
2625
2695
  .btn-group .btn-warning:not(:first-child, :last-child) {
2626
2696
  border-radius: 0;
2627
2697
  }
2628
2698
  .btn-group .btn:first-child:not(:last-child),
2629
2699
  .btn-group .btn-primary:first-child:not(:last-child),
2700
+ .btn-group .btn-destructive:first-child:not(:last-child),
2630
2701
  .btn-group .btn-delete:first-child:not(:last-child),
2631
2702
  .btn-group .btn-warning:first-child:not(:last-child) {
2632
2703
  border-bottom-right-radius: 0;
@@ -2634,6 +2705,7 @@ small {
2634
2705
  }
2635
2706
  .btn-group .btn:last-child:not(:first-child),
2636
2707
  .btn-group .btn-primary:last-child:not(:first-child),
2708
+ .btn-group .btn-destructive:last-child:not(:first-child),
2637
2709
  .btn-group .btn-delete:last-child:not(:first-child),
2638
2710
  .btn-group .btn-warning:last-child:not(:first-child) {
2639
2711
  border-bottom-left-radius: 0;
@@ -2649,7 +2721,7 @@ small {
2649
2721
  position: relative;
2650
2722
  border-radius: var(--op-radius-medium);
2651
2723
  background-color: var(--op-color-background);
2652
- box-shadow: var(--op-border-all) var(--op-border-color);
2724
+ box-shadow: var(--op-border-all) var(--op-color-border);
2653
2725
  color: var(--op-color-on-background);
2654
2726
  contain: paint;
2655
2727
  font-size: var(--op-font-medium);
@@ -2674,19 +2746,19 @@ small {
2674
2746
  --op-space-scale-unit: 0.5rem;
2675
2747
  }
2676
2748
  .card--shadow-x-small.card-padded, .card--shadow-x-small.card {
2677
- box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-x-small);
2749
+ box-shadow: var(--op-border-all) var(--op-color-border), var(--op-shadow-x-small);
2678
2750
  }
2679
2751
  .card--shadow-small.card-padded, .card--shadow-small.card {
2680
- box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-small);
2752
+ box-shadow: var(--op-border-all) var(--op-color-border), var(--op-shadow-small);
2681
2753
  }
2682
2754
  .card--shadow-medium.card-padded, .card--shadow-medium.card {
2683
- box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-medium);
2755
+ box-shadow: var(--op-border-all) var(--op-color-border), var(--op-shadow-medium);
2684
2756
  }
2685
2757
  .card--shadow-large.card-padded, .card--shadow-large.card {
2686
- box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-large);
2758
+ box-shadow: var(--op-border-all) var(--op-color-border), var(--op-shadow-large);
2687
2759
  }
2688
2760
  .card--shadow-x-large.card-padded, .card--shadow-x-large.card {
2689
- box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-x-large);
2761
+ box-shadow: var(--op-border-all) var(--op-color-border), var(--op-shadow-x-large);
2690
2762
  }
2691
2763
  .card-padded .card__header, .card .card__header,
2692
2764
  .card-padded .card__body,
@@ -2751,7 +2823,7 @@ small {
2751
2823
  width: var(--_op-confirm-dialog-width);
2752
2824
  border-radius: var(--op-radius-medium);
2753
2825
  background-color: var(--op-color-background);
2754
- box-shadow: var(--op-border-all) var(--op-border-color);
2826
+ box-shadow: var(--op-border-all) var(--op-color-border);
2755
2827
  color: var(--op-color-on-background);
2756
2828
  contain: paint;
2757
2829
  font-size: var(--op-font-medium);
@@ -2770,7 +2842,7 @@ small {
2770
2842
  font-weight: var(--op-font-weight-semi-bold);
2771
2843
  }
2772
2844
  .confirm-dialog .confirm-dialog__body {
2773
- box-shadow: var(--op-border-all) var(--op-border-color);
2845
+ box-shadow: var(--op-border-all) var(--op-color-border);
2774
2846
  }
2775
2847
  .confirm-dialog .confirm-dialog__footer {
2776
2848
  display: flex;
@@ -2788,7 +2860,7 @@ small {
2788
2860
  --_op-divider-padding-large: var(--op-space-medium);
2789
2861
  --__op-divider-height: var(--_op-divider-height-small);
2790
2862
  --__op-divider-padding: 0;
2791
- background-color: var(--op-border-color);
2863
+ background-color: var(--op-color-border);
2792
2864
  }
2793
2865
  .divider--small.divider-vertical, .divider--small.divider {
2794
2866
  --__op-divider-height: var(--_op-divider-height-small);
@@ -2857,6 +2929,7 @@ small {
2857
2929
  padding: var(--op-space-2x-small) var(--op-space-x-small) var(--op-space-2x-small) var(--op-space-small);
2858
2930
  border: none;
2859
2931
  border-radius: var(--op-radius-medium);
2932
+ appearance: none;
2860
2933
  background-color: var(--op-color-neutral-plus-eight);
2861
2934
  box-shadow: var(--op-border-all) var(--__op-form-control-border-color);
2862
2935
  color: var(--op-color-neutral-on-plus-eight);
@@ -2934,6 +3007,36 @@ select.form-control:not([multiple], [type=radio], [type=checkbox]) {
2934
3007
  border: none;
2935
3008
  border-radius: var(--op-radius-medium);
2936
3009
  }
3010
+ .form-control[type=file] {
3011
+ padding-block: 0;
3012
+ }
3013
+ .form-control[type=file]::file-selector-button {
3014
+ --__op-btn-base-height: var(--op-input-height-small);
3015
+ --__op-btn-height: var(--__op-btn-base-height);
3016
+ display: inline-flex;
3017
+ min-height: var(--__op-btn-height);
3018
+ align-items: center;
3019
+ justify-content: center;
3020
+ padding: 0 var(--op-space-x-small);
3021
+ border: none;
3022
+ border-radius: var(--op-radius-medium);
3023
+ appearance: none;
3024
+ background-color: var(--op-color-neutral-plus-eight);
3025
+ box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
3026
+ color: var(--op-color-neutral-on-plus-eight);
3027
+ cursor: pointer;
3028
+ font-size: var(--op-font-x-small);
3029
+ font-weight: var(--op-font-weight-normal);
3030
+ gap: var(--op-space-x-small);
3031
+ margin-block: calc(var(--__op-form-control-height) / 2 - var(--__op-btn-height) / 2);
3032
+ text-align: center;
3033
+ text-decoration: none;
3034
+ transition: var(--op-transition-input);
3035
+ white-space: nowrap;
3036
+ }
3037
+ .form-control[type=file].form-control--small::file-selector-button {
3038
+ --__op-btn-height: calc(var(--__op-btn-base-height) - var(--op-space-x-small));
3039
+ }
2937
3040
  .form-control:disabled {
2938
3041
  cursor: not-allowed;
2939
3042
  opacity: var(--_op-form-control-opacity-disabled);
@@ -3210,7 +3313,7 @@ textarea.form-control:not([type=radio], [type=checkbox]) {
3210
3313
  width: var(--_op-modal-width);
3211
3314
  border-radius: var(--op-radius-medium);
3212
3315
  background-color: var(--op-color-background);
3213
- box-shadow: var(--op-border-all) var(--op-border-color);
3316
+ box-shadow: var(--op-border-all) var(--op-color-border);
3214
3317
  color: var(--op-color-on-background);
3215
3318
  contain: paint;
3216
3319
  font-size: var(--op-font-medium);
@@ -3233,7 +3336,7 @@ textarea.form-control:not([type=radio], [type=checkbox]) {
3233
3336
  }
3234
3337
  .modal .modal__body {
3235
3338
  max-height: var(--_op-modal-max-height);
3236
- box-shadow: var(--op-border-all) var(--op-border-color);
3339
+ box-shadow: var(--op-border-all) var(--op-color-border);
3237
3340
  overflow-y: auto;
3238
3341
  }
3239
3342
  .modal .modal__footer {
@@ -3524,10 +3627,10 @@ dialog.modal.modal--closing::backdrop {
3524
3627
  color: var(--op-color-on-background);
3525
3628
  }
3526
3629
  .side-panel--border-left.side-panel {
3527
- box-shadow: var(--op-border-left) var(--op-border-color);
3630
+ box-shadow: var(--op-border-left) var(--op-color-border);
3528
3631
  }
3529
3632
  .side-panel--border-right.side-panel {
3530
- box-shadow: var(--op-border-right) var(--op-border-color);
3633
+ box-shadow: var(--op-border-right) var(--op-color-border);
3531
3634
  }
3532
3635
  .side-panel--border-left.side-panel--border-right.side-panel {
3533
3636
  box-shadow: var(--op-border-x);
@@ -3630,11 +3733,15 @@ dialog.modal.modal--closing::backdrop {
3630
3733
  --__op-switch-half-switch-padding: calc(var(--_op-switch-switch-padding) / 2);
3631
3734
  position: relative;
3632
3735
  display: flex;
3736
+ align-items: center;
3633
3737
  }
3634
3738
  .switch input {
3635
3739
  width: 0;
3636
3740
  height: 0;
3637
- margin-right: calc(-1 * var(--op-space-2x-small));
3741
+ margin-right: calc(-1 * var(--op-space-x-small));
3742
+ }
3743
+ .switch input:disabled {
3744
+ visibility: hidden;
3638
3745
  }
3639
3746
  .switch input:disabled + label {
3640
3747
  cursor: not-allowed;
@@ -3759,13 +3866,13 @@ dialog.modal.modal--closing::backdrop {
3759
3866
  width: 100%;
3760
3867
  border-radius: var(--op-radius-medium);
3761
3868
  border-collapse: collapse;
3762
- box-shadow: var(--op-border-all) var(--op-border-color);
3869
+ box-shadow: var(--op-border-all) var(--op-color-border);
3763
3870
  contain: paint;
3764
3871
  table-layout: auto;
3765
3872
  }
3766
3873
  .table-container thead, .table-danger thead, .table-primary thead, .table thead {
3767
3874
  background-color: var(--op-color-neutral-plus-eight);
3768
- box-shadow: inset var(--op-border-top) var(--op-border-color);
3875
+ box-shadow: inset var(--op-border-top) var(--op-color-border);
3769
3876
  color: var(--op-color-neutral-on-plus-eight);
3770
3877
  }
3771
3878
  .table-container thead:has(th input[type=checkbox]:checked), .table-danger thead:has(th input[type=checkbox]:checked), .table-primary thead:has(th input[type=checkbox]:checked), .table thead:has(th input[type=checkbox]:checked) {
@@ -3794,10 +3901,10 @@ dialog.modal.modal--closing::backdrop {
3794
3901
  font-size: var(--op-font-small);
3795
3902
  }
3796
3903
  .table-container tr:not(:last-child), .table-danger tr:not(:last-child), .table-primary tr:not(:last-child), .table tr:not(:last-child) {
3797
- box-shadow: inset var(--op-border-top) var(--op-border-color);
3904
+ box-shadow: inset var(--op-border-top) var(--op-color-border);
3798
3905
  }
3799
3906
  .table-container tfoot tr, .table-danger tfoot tr, .table-primary tfoot tr, .table tfoot tr {
3800
- box-shadow: var(--op-border-top) var(--op-border-color);
3907
+ box-shadow: var(--op-border-top) var(--op-color-border);
3801
3908
  }
3802
3909
  .table--auto-layout.table-container, .table--auto-layout.table-danger, .table--auto-layout.table-primary, .table--auto-layout.table {
3803
3910
  table-layout: auto;
@@ -3975,6 +4082,49 @@ dialog.modal.modal--closing::backdrop {
3975
4082
  color: var(--op-color-alerts-notice-on-base);
3976
4083
  }
3977
4084
 
4085
+ .text-pair {
4086
+ --_op-text-pair-font-size-small: var(--op-font-small);
4087
+ --_op-text-pair-font-size-medium: var(--op-font-medium);
4088
+ --_op-text-pair-font-size-large: var(--op-font-large);
4089
+ --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-medium);
4090
+ --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-small);
4091
+ display: flex;
4092
+ flex-direction: column;
4093
+ gap: var(--op-space-x-small);
4094
+ }
4095
+ .text-pair--inline.text-pair {
4096
+ flex-direction: row;
4097
+ align-items: baseline;
4098
+ }
4099
+ .text-pair .text-pair__title {
4100
+ font-size: var(--__op-text-pair-title-font-size);
4101
+ font-weight: var(--op-font-weight-semi-bold);
4102
+ line-height: var(--op-line-height-dense);
4103
+ }
4104
+ .text-pair .text-pair__title.text-pair__title--small {
4105
+ --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-small);
4106
+ }
4107
+ .text-pair .text-pair__title.text-pair__title--medium {
4108
+ --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-medium);
4109
+ }
4110
+ .text-pair .text-pair__title.text-pair__title--large {
4111
+ --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-large);
4112
+ }
4113
+ .text-pair .text-pair__subtitle {
4114
+ font-size: var(--__op-text-pair-subtitle-font-size);
4115
+ font-weight: var(--op-font-weight-normal);
4116
+ line-height: var(--op-line-height-dense);
4117
+ }
4118
+ .text-pair .text-pair__subtitle.text-pair__subtitle--small {
4119
+ --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-small);
4120
+ }
4121
+ .text-pair .text-pair__subtitle.text-pair__subtitle--medium {
4122
+ --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-medium);
4123
+ }
4124
+ .text-pair .text-pair__subtitle.text-pair__subtitle--large {
4125
+ --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-large);
4126
+ }
4127
+
3978
4128
  [data-tooltip-text] {
3979
4129
  --_op-tooltip-max-width: calc(50 * var(--op-size-unit));
3980
4130
  --_op-tooltip-padding: var(--op-space-x-small) var(--op-space-medium);
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.scss","../../src/components/alert.scss","../../src/components/avatar.scss","../../src/components/badge.scss","../../src/components/button.scss","../../src/components/button_group.scss","../../src/components/card.scss","../../src/components/confirm-dialog.scss","../../src/components/divider.scss","../../src/components/form.scss","../../src/components/modal.scss","../../src/components/navbar.scss","../../src/components/pagination.scss","../../src/components/sidebar.scss","../../src/components/side_panel.scss","../../src/components/spinner.scss","../../src/components/switch.scss","../../src/components/tab.scss","../../src/components/table.scss","../../src/components/tag.scss","../../src/components/tooltip.scss"],"names":[],"mappings":"AAAA;ACAQ;AACA;ACIA;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;;;ACoQJ;AAhUE;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;AASA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAUA;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;AAuDA;AAAA;AAAA;AAAA;EAIA;AAvDA;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;AAIA;AAAA;AAAA;AAAA;EAIA;AAIA;AAAA;AAAA;EAGA;EACA;AA8BA;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;;;AE4DJ;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;;;ACeF;EACE;AAldA;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;IAIA;;;AAwBF;AAxdE;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;EAIA;;;AC/bF;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;;;AAiCA;EACE;;AAGF;EAEE;IACE;;;;AAwCN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;IACE;;EAEA;IACE;IACA;;;;AASR;EACE;EACA;EACA;EACA;EACA;EACA;;;ACljBF;EAEE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;;AAKF;EACE;;;AC9BN;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AACE;AAGA;EAEA;;AAGF;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAMN;AAAA;EAIE;EACA;EACA;AAEA;AAIA;;AAHA;AAAA;EACE;;AAIF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AC5KN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,YACE;EAEF;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;EACA;EAEA;;AAEA;EACE;EACA;;AAKJ;EAGE;;AAGF;EACE;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACnFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EA/BA;EACA;EACA;EACA;EA+BE;EACA;;AAGF;EAtCA;EACA;EACA;EACA;EAsCE;EACA;;;AAQJ;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;ACnFF;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;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EAEE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EAGE;;AAIF;EA7FF;IA8FI;IACA;;EAEA;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;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;ACnRJ;EACE;EACA;EACA;EAEA;EACA;;AAME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;;AAKN;EACE;EACA;;;ACnDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;Ab0OA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EarPE;;AAGF;EACE,YACE;;AAIJ;EACE,YACE;;AAIJ;EACE,YACE;;AAIJ;EACE,YACE;;AAIJ;EACE,YACE;;AAKJ;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AASN;EAGE;;;ACzEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;;ACvEJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;;AAGA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EAGE;EACA;EACA;;;AAGF;EAGE;EACA;EACA;EACA;;;ACzDF;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;;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;;AAEA;EACE;;AAGF;EACE;EACA;;AAUJ;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;;;AflUJ;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA,yBACE;EAIF;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;AAAA;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EAEA;;AAGF;AAAA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AgB9GF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAcJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;ACjJN;EAGE;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;;AASN;EAGE;EACA;EACA;;;AC3DF;EACE;EACA;EACA;;AAGA;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;;;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;;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;EA1GA;EACA;;AA8GE;EADF;IA9GA;IACA;;;AAkHE;EALF;IAnIA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AAgIJ;EAnHA;EACA;;AAIE;EAEE;EACA;EACA;;AA+GF;EADF;IAvHA;IACA;;EAIE;IAEE;IACA;IACA;;;AAmHF;EALF;IAlJA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AA8IJ;EA5JA;EACA;;AAGA;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAkJJ;EArIA;EACA;;AAIE;EAEE;EACA;EACA;;;AAsIN;EAGE;EACA;EACA;;;ACjLF;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACtFN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAQJ;EACE;IACE;;;ACpDJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAIJ;EACE,YACE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;;;ACnGJ;EACE;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAGE;;AAIF;EACE;EACA;;AAEA;EACE,YACE;;AAMN;EACE;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ACzEJ;EAGE;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;EACA;;AAKF;EACE;EACA;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;;;AAaF;EACE;EACA;;;AAQF;EACE;EACA;;;AAKJ;EAGE;;;ACvIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AASN;EAGE;EACA;;AAEA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAGE;EACA;AAEA;AAkBA;;AAjBA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAMN;EAGE;EACA;AAEA;AAkBA;;AAjBA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAMN;EAGE;EACA;AAEA;AAkBA;;AAjBA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAMN;EAGE;EACA;AAEA;AAkBA;;AAjBA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;ACzKN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIA;EAEE;EACA;;AAMF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA","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.scss","../../src/components/alert.scss","../../src/components/avatar.scss","../../src/components/badge.scss","../../src/components/breadcrumbs.scss","../../src/components/button.scss","../../src/components/button_group.scss","../../src/components/card.scss","../../src/components/confirm-dialog.scss","../../src/components/divider.scss","../../src/components/form.scss","../../src/components/modal.scss","../../src/components/navbar.scss","../../src/components/pagination.scss","../../src/components/sidebar.scss","../../src/components/side_panel.scss","../../src/components/spinner.scss","../../src/components/switch.scss","../../src/components/tab.scss","../../src/components/table.scss","../../src/components/tag.scss","../../src/components/text_pair.scss","../../src/components/tooltip.scss"],"names":[],"mappings":"AAAA;ACAQ;AACA;ACIA;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;;;ACqQJ;AAjUE;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;AASA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAUA;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;AAxDA;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;AA8BA;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;;;AE2DJ;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;;;ACeF;EACE;AAldA;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;IAIA;;;AAwBF;AAxdE;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;EAIA;;;AC/bF;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;;;AAiCA;EACE;;AAGF;EAEE;IACE;;;;AAwCN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;IACE;;EAEA;IACE;IACA;;;;AASR;EACE;EACA;EACA;EACA;EACA;EACA;;;ACljBF;EAEE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;;AAKF;EACE;;;ACpCN;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AACE;AAGA;EAEA;;AAGF;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAMN;AAAA;EAIE;EACA;EACA;AAEA;AAIA;;AAHA;AAAA;EACE;;AAIF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AC5KN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,YACE;EAEF;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;EACA;EAEA;;AAEA;EACE;EACA;;AAKJ;EAGE;;AAGF;EACE;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACrFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EA/BA;EACA;EACA;EACA;EA+BE;EACA;;AAGF;EAtCA;EACA;EACA;EACA;EAsCE;EACA;;;AAQJ;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;ACnFF;EAEE;EACA;EAGA;EAEA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAIF;EACE;;AAGF;EACE;;;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;;AAIF;EA7FF;AAAA;IA8FI;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;;;ACpRJ;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;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;Ad2OA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EctPE;;AAGF;EACE,YACE;;AAIJ;EACE,YACE;;AAIJ;EACE,YACE;;AAIJ;EACE,YACE;;AAIJ;EACE,YACE;;AAKJ;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AASN;EAGE;;;ACzEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;;ACvEJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;;AAGA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EAGE;EACA;EACA;;;AAGF;EAGE;EACA;EACA;EACA;;;ACzDF;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;;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;;;AhBrWJ;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA,yBACE;EAIF;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;AAAA;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EAEA;;AAGF;AAAA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AiB9GF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAcJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;ACjJN;EAGE;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;;AASN;EAGE;EACA;EACA;;;AC3DF;EACE;EACA;EACA;;AAGA;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;;;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;;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;EA1GA;EACA;;AA8GE;EADF;IA9GA;IACA;;;AAkHE;EALF;IAnIA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AAgIJ;EAnHA;EACA;;AAIE;EAEE;EACA;EACA;;AA+GF;EADF;IAvHA;IACA;;EAIE;IAEE;IACA;IACA;;;AAmHF;EALF;IAlJA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AA8IJ;EA5JA;EACA;;AAGA;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAkJJ;EArIA;EACA;;AAIE;EAEE;EACA;EACA;;;AAsIN;EAGE;EACA;EACA;;;ACjLF;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACtFN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAQJ;EACE;IACE;;;ACpDJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAIJ;EACE,YACE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;;;ACxGJ;EACE;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAGE;;AAIF;EACE;EACA;;AAEA;EACE,YACE;;AAMN;EACE;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ACzEJ;EAGE;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;EACA;;AAKF;EACE;EACA;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;;;AAaF;EACE;EACA;;;AAQF;EACE;EACA;;;AAKJ;EAGE;;;ACvIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AASN;EAGE;EACA;;AAEA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAGE;EACA;AAEA;AAkBA;;AAjBA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAMN;EAGE;EACA;AAEA;AAkBA;;AAjBA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAMN;EAGE;EACA;AAEA;AAkBA;;AAjBA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAMN;EAGE;EACA;AAEA;AAkBA;;AAjBA;EACE;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;ACzKN;EAEE;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;;ACjDN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIA;EAEE;EACA;;AAMF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA","file":"optics.css"}
package/dist/scss/addons/tom-select.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  border: none;
10
10
  border-radius: var(--op-radius-large);
11
11
  background-color: var(--op-color-neutral-plus-max);
12
- box-shadow: var(--op-border-all) var(--op-border-color);
12
+ box-shadow: var(--op-border-all) var(--op-color-border);
13
13
  color: var(--op-color-neutral-on-plus-max);
14
14
  font-size: var(--op-font-x-small);
15
15
  font-weight: var(--op-font-weight-light);
@@ -30,7 +30,7 @@
30
30
  margin: 0;
31
31
  border-bottom-left-radius: var(--op-radius-large);
32
32
  border-bottom-right-radius: var(--op-radius-large);
33
- box-shadow: var(--op-border-all) var(--op-border-color);
33
+ box-shadow: var(--op-border-all) var(--op-color-border);
34
34
  contain: paint;
35
35
 
36
36
  .option,
package/dist/scss/components/accordion.scss CHANGED
@@ -10,6 +10,12 @@
10
10
  gap: var(--op-space-2x-small);
11
11
  grid-template-columns: auto 1fr auto;
12
12
 
13
+ &::marker,
14
+ &::-webkit-details-marker {
15
+ display: none;
16
+ content: '';
17
+ }
18
+
13
19
  .accordion__label {
14
20
  color: var(--op-color-neutral-on-plus-max);
15
21
  font-size: var(--op-font-x-small);
package/dist/scss/components/avatar.scss CHANGED
@@ -19,7 +19,9 @@
19
19
  display: block;
20
20
  overflow: hidden;
21
21
  width: var(--__op-avatar-size);
22
+ min-width: var(--__op-avatar-size);
22
23
  height: var(--__op-avatar-size);
24
+ min-height: var(--__op-avatar-size);
23
25
  border-radius: var(--_op-avatar-border-radius);
24
26
 
25
27
  &::before {
package/dist/scss/components/breadcrumbs.scss ADDED
@@ -0,0 +1,41 @@
1
+ %breadcrumbs-global {
2
+ // Public API (allowed to be overridden)
3
+ --_op-breadcrumbs-font-size-small: var(--op-font-x-small);
4
+ --_op-breadcrumbs-font-size-large: var(--op-font-small);
5
+
6
+ // Private API (don't touch these)
7
+ --__op-breadcrumbs-font-size: var(--_op-breadcrumbs-font-size-small);
8
+
9
+ display: flex;
10
+ flex-wrap: wrap;
11
+ align-items: baseline;
12
+ gap: var(--op-space-x-small);
13
+
14
+ // Elements
15
+ .breadcrumbs__link {
16
+ font-size: var(--__op-breadcrumbs-font-size);
17
+ text-decoration: none;
18
+
19
+ &:hover {
20
+ text-decoration: underline;
21
+ }
22
+ }
23
+
24
+ .breadcrumbs__text {
25
+ font-size: var(--__op-breadcrumbs-font-size);
26
+ font-weight: var(--op-font-weight-bold);
27
+ }
28
+
29
+ // Modifiers
30
+ &.breadcrumbs--small {
31
+ --__op-breadcrumbs-font-size: var(--_op-breadcrumbs-font-size-small);
32
+ }
33
+
34
+ &.breadcrumbs--large {
35
+ --__op-breadcrumbs-font-size: var(--_op-breadcrumbs-font-size-large);
36
+ }
37
+ }
38
+
39
+ .breadcrumbs {
40
+ @extend %breadcrumbs-global;
41
+ }
package/dist/scss/components/button.scss CHANGED
@@ -219,6 +219,7 @@
219
219
  }
220
220
  }
221
221
 
222
+ .btn-destructive,
222
223
  .btn-delete {
223
224
  @extend %btn-global;
224
225
 
package/dist/scss/components/button_group.scss CHANGED
@@ -8,10 +8,12 @@
8
8
 
9
9
  .btn,
10
10
  .btn-primary,
11
+ .btn-destructive,
11
12
  .btn-delete,
12
13
  .btn-warning {
13
14
  + .btn,
14
15
  + .btn-primary,
16
+ + .btn-destructive,
15
17
  + .btn-delete,
16
18
  + .btn-warning {
17
19
  margin-left: -1px;
package/dist/scss/components/card.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  position: relative;
3
3
  border-radius: var(--op-radius-medium);
4
4
  background-color: var(--op-color-background);
5
- box-shadow: var(--op-border-all) var(--op-border-color);
5
+ box-shadow: var(--op-border-all) var(--op-color-border);
6
6
  color: var(--op-color-on-background);
7
7
  contain: paint;
8
8
  font-size: var(--op-font-medium);
@@ -17,31 +17,31 @@
17
17
 
18
18
  &.card--shadow-x-small {
19
19
  box-shadow:
20
- var(--op-border-all) var(--op-border-color),
20
+ var(--op-border-all) var(--op-color-border),
21
21
  var(--op-shadow-x-small);
22
22
  }
23
23
 
24
24
  &.card--shadow-small {
25
25
  box-shadow:
26
- var(--op-border-all) var(--op-border-color),
26
+ var(--op-border-all) var(--op-color-border),
27
27
  var(--op-shadow-small);
28
28
  }
29
29
 
30
30
  &.card--shadow-medium {
31
31
  box-shadow:
32
- var(--op-border-all) var(--op-border-color),
32
+ var(--op-border-all) var(--op-color-border),
33
33
  var(--op-shadow-medium);
34
34
  }
35
35
 
36
36
  &.card--shadow-large {
37
37
  box-shadow:
38
- var(--op-border-all) var(--op-border-color),
38
+ var(--op-border-all) var(--op-color-border),
39
39
  var(--op-shadow-large);
40
40
  }
41
41
 
42
42
  &.card--shadow-x-large {
43
43
  box-shadow:
44
- var(--op-border-all) var(--op-border-color),
44
+ var(--op-border-all) var(--op-color-border),
45
45
  var(--op-shadow-x-large);
46
46
  }
47
47
 
package/dist/scss/components/confirm-dialog.scss CHANGED
@@ -42,7 +42,7 @@
42
42
  width: var(--_op-confirm-dialog-width);
43
43
  border-radius: var(--op-radius-medium);
44
44
  background-color: var(--op-color-background);
45
- box-shadow: var(--op-border-all) var(--op-border-color);
45
+ box-shadow: var(--op-border-all) var(--op-color-border);
46
46
  color: var(--op-color-on-background);
47
47
  contain: paint;
48
48
  font-size: var(--op-font-medium);
@@ -63,7 +63,7 @@
63
63
  }
64
64
 
65
65
  .confirm-dialog__body {
66
- box-shadow: var(--op-border-all) var(--op-border-color);
66
+ box-shadow: var(--op-border-all) var(--op-color-border);
67
67
  }
68
68
 
69
69
  .confirm-dialog__footer {
package/dist/scss/components/divider.scss CHANGED
@@ -12,7 +12,7 @@
12
12
  --__op-divider-height: var(--_op-divider-height-small);
13
13
  --__op-divider-padding: 0;
14
14
 
15
- background-color: var(--op-border-color);
15
+ background-color: var(--op-color-border);
16
16
 
17
17
  // Size Modifiers
18
18
  &.divider--small {
package/dist/scss/components/form.scss CHANGED
@@ -45,6 +45,7 @@
45
45
  padding: var(--op-space-2x-small) var(--op-space-x-small) var(--op-space-2x-small) var(--op-space-small);
46
46
  border: none;
47
47
  border-radius: var(--op-radius-medium);
48
+ appearance: none;
48
49
  background-color: var(--op-color-neutral-plus-eight);
49
50
  box-shadow: var(--op-border-all) var(--__op-form-control-border-color);
50
51
  color: var(--op-color-neutral-on-plus-eight);
@@ -154,6 +155,40 @@
154
155
  @extend %form-control-inline-global;
155
156
  }
156
157
 
158
+ &[type='file'] {
159
+ padding-block: 0;
160
+
161
+ &::file-selector-button {
162
+ --__op-btn-base-height: var(--op-input-height-small);
163
+ --__op-btn-height: var(--__op-btn-base-height);
164
+
165
+ display: inline-flex;
166
+ min-height: var(--__op-btn-height);
167
+ align-items: center;
168
+ justify-content: center;
169
+ padding: 0 var(--op-space-x-small);
170
+ border: none;
171
+ border-radius: var(--op-radius-medium);
172
+ appearance: none;
173
+ background-color: var(--op-color-neutral-plus-eight);
174
+ box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
175
+ color: var(--op-color-neutral-on-plus-eight);
176
+ cursor: pointer;
177
+ font-size: var(--op-font-x-small);
178
+ font-weight: var(--op-font-weight-normal);
179
+ gap: var(--op-space-x-small);
180
+ margin-block: calc((var(--__op-form-control-height) / 2) - (var(--__op-btn-height) / 2));
181
+ text-align: center;
182
+ text-decoration: none;
183
+ transition: var(--op-transition-input);
184
+ white-space: nowrap;
185
+ }
186
+
187
+ &.form-control--small::file-selector-button {
188
+ --__op-btn-height: calc(var(--__op-btn-base-height) - var(--op-space-x-small));
189
+ }
190
+ }
191
+
157
192
  // Disabled State
158
193
  &:disabled {
159
194
  cursor: not-allowed;
package/dist/scss/components/index.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  @import 'alert';
3
3
  @import 'avatar';
4
4
  @import 'badge';
5
+ @import 'breadcrumbs';
5
6
  @import 'button';
6
7
  @import 'button_group';
7
8
  @import 'card';
@@ -19,4 +20,5 @@
19
20
  @import 'tab';
20
21
  @import 'table';
21
22
  @import 'tag';
23
+ @import 'text_pair';
22
24
  @import 'tooltip';
package/dist/scss/components/modal.scss CHANGED
@@ -46,7 +46,7 @@
46
46
  width: var(--_op-modal-width);
47
47
  border-radius: var(--op-radius-medium);
48
48
  background-color: var(--op-color-background);
49
- box-shadow: var(--op-border-all) var(--op-border-color);
49
+ box-shadow: var(--op-border-all) var(--op-color-border);
50
50
  color: var(--op-color-on-background);
51
51
  contain: paint;
52
52
  font-size: var(--op-font-medium);
@@ -71,7 +71,7 @@
71
71
 
72
72
  .modal__body {
73
73
  max-height: var(--_op-modal-max-height);
74
- box-shadow: var(--op-border-all) var(--op-border-color);
74
+ box-shadow: var(--op-border-all) var(--op-color-border);
75
75
  overflow-y: auto;
76
76
  }
77
77
 
package/dist/scss/components/side_panel.scss CHANGED
@@ -17,11 +17,11 @@
17
17
 
18
18
  // Modifiers
19
19
  &.side-panel--border-left {
20
- box-shadow: var(--op-border-left) var(--op-border-color);
20
+ box-shadow: var(--op-border-left) var(--op-color-border);
21
21
  }
22
22
 
23
23
  &.side-panel--border-right {
24
- box-shadow: var(--op-border-right) var(--op-border-color);
24
+ box-shadow: var(--op-border-right) var(--op-color-border);
25
25
  }
26
26
 
27
27
  &.side-panel--border-left.side-panel--border-right {
package/dist/scss/components/switch.scss CHANGED
@@ -15,11 +15,16 @@
15
15
 
16
16
  position: relative;
17
17
  display: flex;
18
+ align-items: center;
18
19
 
19
20
  input {
20
21
  width: 0;
21
22
  height: 0;
22
- margin-right: calc(-1 * var(--op-space-2x-small));
23
+ margin-right: calc(-1 * var(--op-space-x-small));
24
+
25
+ &:disabled {
26
+ visibility: hidden;
27
+ }
23
28
 
24
29
  &:disabled + label {
25
30
  cursor: not-allowed;
package/dist/scss/components/table.scss CHANGED
@@ -12,13 +12,13 @@
12
12
  width: 100%;
13
13
  border-radius: var(--op-radius-medium);
14
14
  border-collapse: collapse;
15
- box-shadow: var(--op-border-all) var(--op-border-color);
15
+ box-shadow: var(--op-border-all) var(--op-color-border);
16
16
  contain: paint;
17
17
  table-layout: auto;
18
18
 
19
19
  thead {
20
20
  background-color: var(--op-color-neutral-plus-eight);
21
- box-shadow: inset var(--op-border-top) var(--op-border-color);
21
+ box-shadow: inset var(--op-border-top) var(--op-color-border);
22
22
  color: var(--op-color-neutral-on-plus-eight);
23
23
 
24
24
  // This Currently does not work in Firefox since it does not support :has yet, but fails gracefully.
@@ -47,11 +47,11 @@
47
47
  }
48
48
 
49
49
  tr:not(:last-child) {
50
- box-shadow: inset var(--op-border-top) var(--op-border-color);
50
+ box-shadow: inset var(--op-border-top) var(--op-color-border);
51
51
  }
52
52
 
53
53
  tfoot tr {
54
- box-shadow: var(--op-border-top) var(--op-border-color);
54
+ box-shadow: var(--op-border-top) var(--op-color-border);
55
55
  }
56
56
 
57
57
  // Layout Modifiers
package/dist/scss/components/text_pair.scss ADDED
@@ -0,0 +1,59 @@
1
+ %text-pair-global {
2
+ // Public API (allowed to be overridden)
3
+ --_op-text-pair-font-size-small: var(--op-font-small);
4
+ --_op-text-pair-font-size-medium: var(--op-font-medium);
5
+ --_op-text-pair-font-size-large: var(--op-font-large);
6
+
7
+ // Private API (don't touch these)
8
+ --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-medium);
9
+ --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-small);
10
+
11
+ display: flex;
12
+ flex-direction: column;
13
+ gap: var(--op-space-x-small);
14
+
15
+ &.text-pair--inline {
16
+ flex-direction: row;
17
+ align-items: baseline;
18
+ }
19
+
20
+ .text-pair__title {
21
+ font-size: var(--__op-text-pair-title-font-size);
22
+ font-weight: var(--op-font-weight-semi-bold);
23
+ line-height: var(--op-line-height-dense);
24
+
25
+ &.text-pair__title--small {
26
+ --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-small);
27
+ }
28
+
29
+ &.text-pair__title--medium {
30
+ --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-medium);
31
+ }
32
+
33
+ &.text-pair__title--large {
34
+ --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-large);
35
+ }
36
+ }
37
+
38
+ .text-pair__subtitle {
39
+ font-size: var(--__op-text-pair-subtitle-font-size);
40
+ font-weight: var(--op-font-weight-normal);
41
+ line-height: var(--op-line-height-dense);
42
+
43
+ &.text-pair__subtitle--small {
44
+ --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-small);
45
+ }
46
+
47
+ &.text-pair__subtitle--medium {
48
+ --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-medium);
49
+ }
50
+
51
+ &.text-pair__subtitle--large {
52
+ --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-large);
53
+ }
54
+ }
55
+ }
56
+
57
+ .text-pair {
58
+ @extend %text-pair-global;
59
+ }
package/dist/scss/components/tooltip.scss CHANGED
@@ -1,3 +1,5 @@
1
+ // Inspired by https://blog.logrocket.com/creating-beautiful-tooltips-with-only-css/
2
+
1
3
  %tooltip-global {
2
4
  // Public API
3
5
  --_op-tooltip-max-width: calc(50 * var(--op-size-unit)); // 200px
package/dist/scss/core/tokens/base_tokens.scss CHANGED
@@ -128,11 +128,11 @@ $breakpoint-x-large: 1440px; // medium laptop
128
128
  * @tokens Border Color
129
129
  * @presenter Color
130
130
  */
131
- --op-border-color: var(--op-color-neutral-plus-five);
131
+ --op-color-border: var(--op-color-neutral-plus-five);
132
132
  }
133
133
 
134
134
  @mixin box-shadows {
135
- // E.G. box-shadow: var(--op-border-top) var(--op-border-color);
135
+ // E.G. box-shadow: var(--op-border-top) var(--op-color-border);
136
136
 
137
137
  /**
138
138
  * @tokens Border Shadow
@@ -144,8 +144,8 @@ $breakpoint-x-large: 1440px; // medium laptop
144
144
  --op-border-right: var(--op-border-width) 0 0 0;
145
145
  --op-border-bottom: 0 var(--op-border-width) 0 0;
146
146
  --op-border-left: calc(-1 * var(--op-border-width)) 0 0 0;
147
- --op-border-y: var(--op-border-top) var(--op-border-color), var(--op-border-bottom) var(--op-border-color);
148
- --op-border-x: var(--op-border-left) var(--op-border-color), var(--op-border-right) var(--op-border-color);
147
+ --op-border-y: var(--op-border-top) var(--op-color-border), var(--op-border-bottom) var(--op-color-border);
148
+ --op-border-x: var(--op-border-left) var(--op-color-border), var(--op-border-right) var(--op-color-border);
149
149
  }
150
150
 
151
151
  @mixin font-scales {
@@ -216,6 +216,7 @@ $breakpoint-x-large: 1440px; // medium laptop
216
216
  --op-transition-sidebar: all 200ms ease-in-out;
217
217
  --op-transition-modal: all 300ms ease-in;
218
218
  --op-transition-panel: right 400ms ease-in;
219
+ --op-transition-tooltip: all 300ms ease-in 300ms;
219
220
  }
220
221
 
221
222
  @mixin animations {
package/dist/scss/recipes/aligned-header.scss ADDED
@@ -0,0 +1,20 @@
1
+ %aligned-header {
2
+ // Public API (allowed to be overridden)
3
+ --_op-line-height: var(--op-line-height-base);
4
+ --_op-font-size: var(--op-font-4x-large);
5
+
6
+ font-size: var(--_op-font-size);
7
+ font-weight: var(--op-font-weight-semi-bold);
8
+ line-height: var(--_op-line-height);
9
+
10
+ .aligned-header__centered-suffix {
11
+ display: inline-flex;
12
+ height: calc(var(--_op-line-height) * var(--_op-font-size));
13
+ align-items: center;
14
+ vertical-align: top;
15
+ }
16
+ }
17
+
18
+ .aligned-header {
19
+ @extend %aligned-header;
20
+ }
package/dist/tokens/tokens.json CHANGED
@@ -593,6 +593,7 @@
593
593
  }
594
594
  }
595
595
  },
596
+ "border": "var(--op-color-neutral-plus-five)",
596
597
  "background": "var(--op-color-neutral-plus-eight)",
597
598
  "on-background": "var(--op-color-neutral-on-plus-eight)"
598
599
  },
@@ -623,15 +624,14 @@
623
624
  "width": "1px",
624
625
  "width-large": "2px",
625
626
  "width-x-large": "4px",
626
- "color": "var(--op-color-neutral-plus-five)",
627
627
  "none": "0 0 0 0",
628
628
  "all": "0 0 0 var(--op-border-width)",
629
629
  "top": "0 calc(-1 * var(--op-border-width)) 0 0",
630
630
  "right": "var(--op-border-width) 0 0 0",
631
631
  "bottom": "0 var(--op-border-width) 0 0",
632
632
  "left": "calc(-1 * var(--op-border-width)) 0 0 0",
633
- "y": "var(--op-border-top) var(--op-border-color), var(--op-border-bottom) var(--op-border-color)",
634
- "x": "var(--op-border-left) var(--op-border-color), var(--op-border-right) var(--op-border-color)"
633
+ "y": "var(--op-border-top) var(--op-color-border), var(--op-border-bottom) var(--op-color-border)",
634
+ "x": "var(--op-border-left) var(--op-color-border), var(--op-border-right) var(--op-color-border)"
635
635
  },
636
636
  "font": {
637
637
  "scale-unit": "1rem",
@@ -680,7 +680,8 @@
680
680
  "input": "all 120ms ease-in",
681
681
  "sidebar": "all 200ms ease-in-out",
682
682
  "modal": "all 300ms ease-in",
683
- "panel": "right 400ms ease-in"
683
+ "panel": "right 400ms ease-in",
684
+ "tooltip": "all 300ms ease-in 300ms"
684
685
  },
685
686
  "animation": {
686
687
  "flash": "rm-slide-in-out-flash 5s normal forwards"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolemodel/optics",
3
- "version": "0.5.0",
3
+ "version": "1.0.0",
4
4
  "description": "Optics is an scss package that provides base styles and components that can be integrated and customized in a variety of projects.",
5
5
  "main": "dist/scss/optics.scss",
6
6
  "scripts": {
@@ -45,7 +45,7 @@
45
45
  "modern-css-reset": "^1.4.0"
46
46
  },
47
47
  "devDependencies": {
48
- "@babel/preset-env": "^7.21.5",
48
+ "@babel/preset-env": "^7.23.9",
49
49
  "@storybook/addon-essentials": "^7.1.0",
50
50
  "@storybook/addon-links": "^7.1.0",
51
51
  "@storybook/addon-mdx-gfm": "^7.1.0",
@@ -55,28 +55,28 @@
55
55
  "@storybook/html-webpack5": "^7.1.0",
56
56
  "@storybook/testing-library": "^0.2.0",
57
57
  "eslint": "^8.45.0",
58
- "eslint-config-prettier": "^8.8.0",
58
+ "eslint-config-prettier": "^9.1.0",
59
59
  "eslint-config-standard": "^17.1.0",
60
60
  "eslint-plugin-import": "^2.27.5",
61
61
  "eslint-plugin-n": "^16.0.1",
62
62
  "eslint-plugin-promise": "^6.1.1",
63
63
  "eslint-plugin-storybook": "^0.6.13",
64
64
  "generate-template-files": "^3.2.1",
65
- "postcss-scss": "^4.0.6",
65
+ "postcss-scss": "^4.0.9",
66
66
  "prettier": "^3.0.0",
67
67
  "react": "^18.2.0",
68
68
  "react-dom": "^18.2.0",
69
69
  "sass": "^1.64.0",
70
- "sass-loader": "^13.3.2",
71
- "storybook": "^7.1.0",
70
+ "sass-loader": "^14.1.0",
71
+ "storybook": "^7.6.12",
72
72
  "storybook-design-token": "^3.0.0-beta.3",
73
73
  "style-loader": "^3.3.3",
74
- "stylelint": "^15.10.1",
75
- "stylelint-config-idiomatic-order": "^9.0.0",
74
+ "stylelint": "^16.2.1",
75
+ "stylelint-config-idiomatic-order": "^10.0.0",
76
76
  "stylelint-config-prettier-scss": "^1.0.0",
77
- "stylelint-config-standard-scss": "^10.0.0",
78
- "stylelint-prettier": "^4.0.0",
79
- "stylelint-scss": "^5.0.1"
77
+ "stylelint-config-standard-scss": "^13.0.0",
78
+ "stylelint-prettier": "^5.0.0",
79
+ "stylelint-scss": "^6.1.0"
80
80
  },
81
81
  "peerDependencies": {
82
82
  "tom-select": "^2.0.0"