@cds/core 6.4.6 → 6.6.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.
@@ -280,6 +280,7 @@ $cds-global-color-tan-700: var(--cds-global-color-tan-700) !default;
280
280
  $cds-global-color-tan-800: var(--cds-global-color-tan-800) !default;
281
281
  $cds-global-color-tan-900: var(--cds-global-color-tan-900) !default;
282
282
  $cds-global-color-tan-1000: var(--cds-global-color-tan-1000) !default;
283
+ $cds-global-color-construction-25: var(--cds-global-color-construction-25) !default;
283
284
  $cds-global-color-construction-50: var(--cds-global-color-construction-50) !default;
284
285
  $cds-global-color-construction-100: var(--cds-global-color-construction-100) !default;
285
286
  $cds-global-color-construction-200: var(--cds-global-color-construction-200) !default;
@@ -307,6 +308,7 @@ $cds-global-typography-color-100: var(--cds-global-typography-color-100) !defaul
307
308
  $cds-global-typography-color-200: var(--cds-global-typography-color-200) !default;
308
309
  $cds-global-typography-color-300: var(--cds-global-typography-color-300) !default;
309
310
  $cds-global-typography-color-400: var(--cds-global-typography-color-400) !default;
311
+ $cds-global-typography-color-450: var(--cds-global-typography-color-450) !default;
310
312
  $cds-global-typography-color-500: var(--cds-global-typography-color-500) !default;
311
313
  $cds-global-typography-font-weight-light: var(--cds-global-typography-font-weight-light) !default;
312
314
  $cds-global-typography-font-weight-regular: var(--cds-global-typography-font-weight-regular) !default;
@@ -344,6 +346,7 @@ $cds-global-typography-link-color: var(--cds-global-typography-link-color) !defa
344
346
  $cds-global-typography-link-color-hover: var(--cds-global-typography-link-color-hover) !default;
345
347
  $cds-global-typography-link-color-visited: var(--cds-global-typography-link-color-visited) !default;
346
348
  $cds-global-typography-link-color-visited-hover: var(--cds-global-typography-link-color-visited-hover) !default;
349
+ $cds-global-typography-link-on-colorbg: var(--cds-global-typography-link-on-colorbg) !default;
347
350
  $cds-global-typography-body-font-size: var(--cds-global-typography-body-font-size) !default;
348
351
  $cds-global-typography-body-font-size-static: 14 !default;
349
352
  $cds-global-typography-body-line-height: var(--cds-global-typography-body-line-height) !default;
@@ -362,6 +365,12 @@ $cds-global-typography-heading-line-height: var(--cds-global-typography-heading-
362
365
  $cds-global-typography-heading-line-height-static: 1.125em !default;
363
366
  $cds-global-typography-heading-letter-spacing: var(--cds-global-typography-heading-letter-spacing) !default;
364
367
  $cds-global-typography-heading-font-weight: var(--cds-global-typography-heading-font-weight) !default;
368
+ $cds-global-typography-headline-font-size: var(--cds-global-typography-headline-font-size) !default;
369
+ $cds-global-typography-headline-font-size-static: 32 !default;
370
+ $cds-global-typography-headline-line-height: var(--cds-global-typography-headline-line-height) !default;
371
+ $cds-global-typography-headline-line-height-static: 1.125em !default;
372
+ $cds-global-typography-headline-letter-spacing: var(--cds-global-typography-headline-letter-spacing) !default;
373
+ $cds-global-typography-headline-font-weight: var(--cds-global-typography-headline-font-weight) !default;
365
374
  $cds-global-typography-title-font-size: var(--cds-global-typography-title-font-size) !default;
366
375
  $cds-global-typography-title-font-size-static: 24 !default;
367
376
  $cds-global-typography-title-line-height: var(--cds-global-typography-title-line-height) !default;
@@ -405,6 +414,13 @@ $cds-global-typography-smallcaption-line-height: var(--cds-global-typography-sma
405
414
  $cds-global-typography-smallcaption-line-height-static: 1.2em !default;
406
415
  $cds-global-typography-smallcaption-letter-spacing: var(--cds-global-typography-smallcaption-letter-spacing) !default;
407
416
  $cds-global-typography-smallcaption-font-weight: var(--cds-global-typography-smallcaption-font-weight) !default;
417
+ $cds-global-typography-info-hover: var(--cds-global-typography-info-hover) !default;
418
+ $cds-global-typography-success-hover: var(--cds-global-typography-success-hover) !default;
419
+ $cds-global-typography-warning-hover: var(--cds-global-typography-warning-hover) !default;
420
+ $cds-global-typography-danger-hover: var(--cds-global-typography-danger-hover) !default;
421
+ $cds-global-typography-neutral-hover: var(--cds-global-typography-neutral-hover) !default;
422
+ $cds-global-typography-disabled: var(--cds-global-typography-disabled) !default;
423
+ $cds-global-typography-disabled-button: var(--cds-global-typography-disabled-button) !default;
408
424
  $cds-global-animation-duration-instant: var(--cds-global-animation-duration-instant) !default;
409
425
  $cds-global-animation-duration-quickest: var(--cds-global-animation-duration-quickest) !default;
410
426
  $cds-global-animation-duration-quicker: var(--cds-global-animation-duration-quicker) !default;
@@ -466,7 +482,28 @@ $cds-alias-object-overlay-backdrop-background: var(--cds-alias-object-overlay-ba
466
482
  $cds-alias-object-container-background: var(--cds-alias-object-container-background) !default;
467
483
  $cds-alias-object-container-background-tint: var(--cds-alias-object-container-background-tint) !default;
468
484
  $cds-alias-object-container-background-shade: var(--cds-alias-object-container-background-shade) !default;
485
+ $cds-alias-object-container-background-dark: var(--cds-alias-object-container-background-dark) !default;
486
+ $cds-alias-object-container-background-inverse: var(--cds-alias-object-container-background-inverse) !default;
487
+ $cds-alias-object-container-background-inverse-tint: var(--cds-alias-object-container-background-inverse-tint) !default;
488
+ $cds-alias-object-container-background-inverse-shade: var(--cds-alias-object-container-background-inverse-shade) !default;
469
489
  $cds-alias-object-container-border-color: var(--cds-alias-object-container-border-color) !default;
490
+ $cds-alias-object-info-hover: var(--cds-alias-object-info-hover) !default;
491
+ $cds-alias-object-info-click: var(--cds-alias-object-info-click) !default;
492
+ $cds-alias-object-info-secondary-hover: var(--cds-alias-object-info-secondary-hover) !default;
493
+ $cds-alias-object-success-hover: var(--cds-alias-object-success-hover) !default;
494
+ $cds-alias-object-success-click: var(--cds-alias-object-success-click) !default;
495
+ $cds-alias-object-success-secondary-hover: var(--cds-alias-object-success-secondary-hover) !default;
496
+ $cds-alias-object-warning-hover: var(--cds-alias-object-warning-hover) !default;
497
+ $cds-alias-object-warning-click: var(--cds-alias-object-warning-click) !default;
498
+ $cds-alias-object-warning-secondary-hover: var(--cds-alias-object-warning-secondary-hover) !default;
499
+ $cds-alias-object-danger-hover: var(--cds-alias-object-danger-hover) !default;
500
+ $cds-alias-object-danger-click: var(--cds-alias-object-danger-click) !default;
501
+ $cds-alias-object-danger-secondary-hover: var(--cds-alias-object-danger-secondary-hover) !default;
502
+ $cds-alias-object-neutral-hover: var(--cds-alias-object-neutral-hover) !default;
503
+ $cds-alias-object-neutral-click: var(--cds-alias-object-neutral-click) !default;
504
+ $cds-alias-object-neutral-secondary-hover: var(--cds-alias-object-neutral-secondary-hover) !default;
505
+ $cds-alias-object-inverse-hover: var(--cds-alias-object-inverse-hover) !default;
506
+ $cds-alias-object-inverse-click: var(--cds-alias-object-inverse-click) !default;
470
507
  $cds-alias-status-info: var(--cds-alias-status-info) !default;
471
508
  $cds-alias-status-info-tint: var(--cds-alias-status-info-tint) !default;
472
509
  $cds-alias-status-info-shade: var(--cds-alias-status-info-shade) !default;
@@ -490,6 +527,150 @@ $cds-alias-status-disabled-shade: var(--cds-alias-status-disabled-shade) !defaul
490
527
  $cds-alias-status-alt: var(--cds-alias-status-alt) !default;
491
528
  $cds-alias-status-alt-tint: var(--cds-alias-status-alt-tint) !default;
492
529
  $cds-alias-status-alt-shade: var(--cds-alias-status-alt-shade) !default;
530
+ $cds-alias-utility-gray: var(--cds-alias-utility-gray) !default;
531
+ $cds-alias-utility-gray-tint: var(--cds-alias-utility-gray-tint) !default;
532
+ $cds-alias-utility-gray-shade: var(--cds-alias-utility-gray-shade) !default;
533
+ $cds-alias-utility-blue: var(--cds-alias-utility-blue) !default;
534
+ $cds-alias-utility-blue-tint: var(--cds-alias-utility-blue-tint) !default;
535
+ $cds-alias-utility-blue-shade: var(--cds-alias-utility-blue-shade) !default;
536
+ $cds-alias-utility-light-blue: var(--cds-alias-utility-light-blue) !default;
537
+ $cds-alias-utility-light-blue-tint: var(--cds-alias-utility-light-blue-tint) !default;
538
+ $cds-alias-utility-light-blue-shade: var(--cds-alias-utility-light-blue-shade) !default;
539
+ $cds-alias-utility-dark-blue: var(--cds-alias-utility-dark-blue) !default;
540
+ $cds-alias-utility-dark-blue-tint: var(--cds-alias-utility-dark-blue-tint) !default;
541
+ $cds-alias-utility-dark-blue-shade: var(--cds-alias-utility-dark-blue-shade) !default;
542
+ $cds-alias-utility-green: var(--cds-alias-utility-green) !default;
543
+ $cds-alias-utility-green-tint: var(--cds-alias-utility-green-tint) !default;
544
+ $cds-alias-utility-green-shade: var(--cds-alias-utility-green-shade) !default;
545
+ $cds-alias-utility-yellow: var(--cds-alias-utility-yellow) !default;
546
+ $cds-alias-utility-yellow-tint: var(--cds-alias-utility-yellow-tint) !default;
547
+ $cds-alias-utility-yellow-shade: var(--cds-alias-utility-yellow-shade) !default;
548
+ $cds-alias-utility-red: var(--cds-alias-utility-red) !default;
549
+ $cds-alias-utility-red-tint: var(--cds-alias-utility-red-tint) !default;
550
+ $cds-alias-utility-red-shade: var(--cds-alias-utility-red-shade) !default;
551
+ $cds-alias-utility-tangerine: var(--cds-alias-utility-tangerine) !default;
552
+ $cds-alias-utility-tangerine-tint: var(--cds-alias-utility-tangerine-tint) !default;
553
+ $cds-alias-utility-tangerine-shade: var(--cds-alias-utility-tangerine-shade) !default;
554
+ $cds-alias-utility-violet: var(--cds-alias-utility-violet) !default;
555
+ $cds-alias-utility-violet-tint: var(--cds-alias-utility-violet-tint) !default;
556
+ $cds-alias-utility-violet-shade: var(--cds-alias-utility-violet-shade) !default;
557
+ $cds-alias-typography-color-100: var(--cds-alias-typography-color-100) !default;
558
+ $cds-alias-typography-color-200: var(--cds-alias-typography-color-200) !default;
559
+ $cds-alias-typography-color-300: var(--cds-alias-typography-color-300) !default;
560
+ $cds-alias-typography-color-400: var(--cds-alias-typography-color-400) !default;
561
+ $cds-alias-typography-color-450: var(--cds-alias-typography-color-450) !default;
562
+ $cds-alias-typography-color-500: var(--cds-alias-typography-color-500) !default;
563
+ $cds-alias-typography-font-weight-light: var(--cds-alias-typography-font-weight-light) !default;
564
+ $cds-alias-typography-font-weight-regular: var(--cds-alias-typography-font-weight-regular) !default;
565
+ $cds-alias-typography-font-weight-medium: var(--cds-alias-typography-font-weight-medium) !default;
566
+ $cds-alias-typography-font-weight-semibold: var(--cds-alias-typography-font-weight-semibold) !default;
567
+ $cds-alias-typography-font-weight-bold: var(--cds-alias-typography-font-weight-bold) !default;
568
+ $cds-alias-typography-font-weight-extrabold: var(--cds-alias-typography-font-weight-extrabold) !default;
569
+ $cds-alias-typography-font-size-0: var(--cds-alias-typography-font-size-0) !default;
570
+ $cds-alias-typography-font-size-0-static: 10 !default;
571
+ $cds-alias-typography-font-size-1: var(--cds-alias-typography-font-size-1) !default;
572
+ $cds-alias-typography-font-size-1-static: 11 !default;
573
+ $cds-alias-typography-font-size-2: var(--cds-alias-typography-font-size-2) !default;
574
+ $cds-alias-typography-font-size-2-static: 12 !default;
575
+ $cds-alias-typography-font-size-3: var(--cds-alias-typography-font-size-3) !default;
576
+ $cds-alias-typography-font-size-3-static: 13 !default;
577
+ $cds-alias-typography-font-size-4: var(--cds-alias-typography-font-size-4) !default;
578
+ $cds-alias-typography-font-size-4-static: 14 !default;
579
+ $cds-alias-typography-font-size-5: var(--cds-alias-typography-font-size-5) !default;
580
+ $cds-alias-typography-font-size-5-static: 16 !default;
581
+ $cds-alias-typography-font-size-6: var(--cds-alias-typography-font-size-6) !default;
582
+ $cds-alias-typography-font-size-6-static: 20 !default;
583
+ $cds-alias-typography-font-size-7: var(--cds-alias-typography-font-size-7) !default;
584
+ $cds-alias-typography-font-size-7-static: 24 !default;
585
+ $cds-alias-typography-font-size-8: var(--cds-alias-typography-font-size-8) !default;
586
+ $cds-alias-typography-font-size-8-static: 32 !default;
587
+ $cds-alias-typography-font-size-9: var(--cds-alias-typography-font-size-9) !default;
588
+ $cds-alias-typography-font-size-9-static: 40 !default;
589
+ $cds-alias-typography-font-family: var(--cds-alias-typography-font-family) !default;
590
+ $cds-alias-typography-header-font-family: var(--cds-alias-typography-header-font-family) !default;
591
+ $cds-alias-typography-monospace-font-family: var(--cds-alias-typography-monospace-font-family) !default;
592
+ $cds-alias-typography-top-gap-height: var(--cds-alias-typography-top-gap-height) !default;
593
+ $cds-alias-typography-ascender-height: var(--cds-alias-typography-ascender-height) !default;
594
+ $cds-alias-typography-x-height: var(--cds-alias-typography-x-height) !default;
595
+ $cds-alias-typography-link-color: var(--cds-alias-typography-link-color) !default;
596
+ $cds-alias-typography-link-color-hover: var(--cds-alias-typography-link-color-hover) !default;
597
+ $cds-alias-typography-link-color-visited: var(--cds-alias-typography-link-color-visited) !default;
598
+ $cds-alias-typography-link-color-visited-hover: var(--cds-alias-typography-link-color-visited-hover) !default;
599
+ $cds-alias-typography-link-on-colorbg: var(--cds-alias-typography-link-on-colorbg) !default;
600
+ $cds-alias-typography-body-font-size: var(--cds-alias-typography-body-font-size) !default;
601
+ $cds-alias-typography-body-font-size-static: 14 !default;
602
+ $cds-alias-typography-body-line-height: var(--cds-alias-typography-body-line-height) !default;
603
+ $cds-alias-typography-body-line-height-static: 1.42857em !default;
604
+ $cds-alias-typography-body-letter-spacing: var(--cds-alias-typography-body-letter-spacing) !default;
605
+ $cds-alias-typography-body-font-weight: var(--cds-alias-typography-body-font-weight) !default;
606
+ $cds-alias-typography-display-font-size: var(--cds-alias-typography-display-font-size) !default;
607
+ $cds-alias-typography-display-font-size-static: 40 !default;
608
+ $cds-alias-typography-display-line-height: var(--cds-alias-typography-display-line-height) !default;
609
+ $cds-alias-typography-display-line-height-static: 1.1em !default;
610
+ $cds-alias-typography-display-letter-spacing: var(--cds-alias-typography-display-letter-spacing) !default;
611
+ $cds-alias-typography-display-font-weight: var(--cds-alias-typography-display-font-weight) !default;
612
+ $cds-alias-typography-heading-font-size: var(--cds-alias-typography-heading-font-size) !default;
613
+ $cds-alias-typography-heading-font-size-static: 32 !default;
614
+ $cds-alias-typography-heading-line-height: var(--cds-alias-typography-heading-line-height) !default;
615
+ $cds-alias-typography-heading-line-height-static: 1.125em !default;
616
+ $cds-alias-typography-heading-letter-spacing: var(--cds-alias-typography-heading-letter-spacing) !default;
617
+ $cds-alias-typography-heading-font-weight: var(--cds-alias-typography-heading-font-weight) !default;
618
+ $cds-alias-typography-headline-font-size: var(--cds-alias-typography-headline-font-size) !default;
619
+ $cds-alias-typography-headline-font-size-static: 32 !default;
620
+ $cds-alias-typography-headline-line-height: var(--cds-alias-typography-headline-line-height) !default;
621
+ $cds-alias-typography-headline-line-height-static: 1.125em !default;
622
+ $cds-alias-typography-headline-letter-spacing: var(--cds-alias-typography-headline-letter-spacing) !default;
623
+ $cds-alias-typography-headline-font-weight: var(--cds-alias-typography-headline-font-weight) !default;
624
+ $cds-alias-typography-title-font-size: var(--cds-alias-typography-title-font-size) !default;
625
+ $cds-alias-typography-title-font-size-static: 24 !default;
626
+ $cds-alias-typography-title-line-height: var(--cds-alias-typography-title-line-height) !default;
627
+ $cds-alias-typography-title-line-height-static: 1.16667em !default;
628
+ $cds-alias-typography-title-letter-spacing: var(--cds-alias-typography-title-letter-spacing) !default;
629
+ $cds-alias-typography-title-font-weight: var(--cds-alias-typography-title-font-weight) !default;
630
+ $cds-alias-typography-section-font-size: var(--cds-alias-typography-section-font-size) !default;
631
+ $cds-alias-typography-section-font-size-static: 20 !default;
632
+ $cds-alias-typography-section-line-height: var(--cds-alias-typography-section-line-height) !default;
633
+ $cds-alias-typography-section-line-height-static: 1.2em !default;
634
+ $cds-alias-typography-section-letter-spacing: var(--cds-alias-typography-section-letter-spacing) !default;
635
+ $cds-alias-typography-section-font-weight: var(--cds-alias-typography-section-font-weight) !default;
636
+ $cds-alias-typography-subsection-font-size: var(--cds-alias-typography-subsection-font-size) !default;
637
+ $cds-alias-typography-subsection-font-size-static: 16 !default;
638
+ $cds-alias-typography-subsection-line-height: var(--cds-alias-typography-subsection-line-height) !default;
639
+ $cds-alias-typography-subsection-line-height-static: 1.25em !default;
640
+ $cds-alias-typography-subsection-letter-spacing: var(--cds-alias-typography-subsection-letter-spacing) !default;
641
+ $cds-alias-typography-subsection-font-weight: var(--cds-alias-typography-subsection-font-weight) !default;
642
+ $cds-alias-typography-message-font-size: var(--cds-alias-typography-message-font-size) !default;
643
+ $cds-alias-typography-message-font-size-static: 16 !default;
644
+ $cds-alias-typography-message-line-height: var(--cds-alias-typography-message-line-height) !default;
645
+ $cds-alias-typography-message-line-height-static: 1.25em !default;
646
+ $cds-alias-typography-message-letter-spacing: var(--cds-alias-typography-message-letter-spacing) !default;
647
+ $cds-alias-typography-message-font-weight: var(--cds-alias-typography-message-font-weight) !default;
648
+ $cds-alias-typography-message-font-weight-static: 400 !default;
649
+ $cds-alias-typography-secondary-font-size: var(--cds-alias-typography-secondary-font-size) !default;
650
+ $cds-alias-typography-secondary-font-size-static: 13 !default;
651
+ $cds-alias-typography-secondary-line-height: var(--cds-alias-typography-secondary-line-height) !default;
652
+ $cds-alias-typography-secondary-line-height-static: 1.23077em !default;
653
+ $cds-alias-typography-secondary-letter-spacing: var(--cds-alias-typography-secondary-letter-spacing) !default;
654
+ $cds-alias-typography-secondary-font-weight: var(--cds-alias-typography-secondary-font-weight) !default;
655
+ $cds-alias-typography-caption-font-size: var(--cds-alias-typography-caption-font-size) !default;
656
+ $cds-alias-typography-caption-font-size-static: 11 !default;
657
+ $cds-alias-typography-caption-line-height: var(--cds-alias-typography-caption-line-height) !default;
658
+ $cds-alias-typography-caption-line-height-static: 1.454545em !default;
659
+ $cds-alias-typography-caption-letter-spacing: var(--cds-alias-typography-caption-letter-spacing) !default;
660
+ $cds-alias-typography-caption-font-weight: var(--cds-alias-typography-caption-font-weight) !default;
661
+ $cds-alias-typography-smallcaption-font-size: var(--cds-alias-typography-smallcaption-font-size) !default;
662
+ $cds-alias-typography-smallcaption-font-size-static: 10 !default;
663
+ $cds-alias-typography-smallcaption-line-height: var(--cds-alias-typography-smallcaption-line-height) !default;
664
+ $cds-alias-typography-smallcaption-line-height-static: 1.2em !default;
665
+ $cds-alias-typography-smallcaption-letter-spacing: var(--cds-alias-typography-smallcaption-letter-spacing) !default;
666
+ $cds-alias-typography-smallcaption-font-weight: var(--cds-alias-typography-smallcaption-font-weight) !default;
667
+ $cds-alias-typography-info-hover: var(--cds-alias-typography-info-hover) !default;
668
+ $cds-alias-typography-success-hover: var(--cds-alias-typography-success-hover) !default;
669
+ $cds-alias-typography-warning-hover: var(--cds-alias-typography-warning-hover) !default;
670
+ $cds-alias-typography-danger-hover: var(--cds-alias-typography-danger-hover) !default;
671
+ $cds-alias-typography-neutral-hover: var(--cds-alias-typography-neutral-hover) !default;
672
+ $cds-alias-typography-disabled: var(--cds-alias-typography-disabled) !default;
673
+ $cds-alias-typography-disabled-button: var(--cds-alias-typography-disabled-button) !default;
493
674
  $cds-internal-scale-1: var(--cds-internal-scale-1) !default;
494
675
  $cds-internal-scale-2: var(--cds-internal-scale-2) !default;
495
676
  $cds-internal-scale-3: var(--cds-internal-scale-3) !default;
@@ -1,2 +1,2 @@
1
- import{css as o}from"lit";var a=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:var(--cds-alias-object-app-background, var(--cds-global-color-gray-50, #fafafa));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--focus-width:var(--cds-alias-object-border-width-300, calc(3 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-3, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-body-font-weight, 400);cursor:pointer}.private-host{cursor:inherit}.item-children{overflow:hidden}.item-content{background:var(--background);border-left:var(--focus-width) solid transparent;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);min-height:var(--cds-alias-object-interaction-touch-target,calc(36 * 1rem / var(--cds-global-base,20)))}.item-content:hover{--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}.lhs-container{width:var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20)))}:host(:focus) .item-content{border-color:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2);outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px)}:host(:focus) .item-content:active{--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff));--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}@media (-webkit-min-device-pixel-ratio:0){:host(:focus) .item-content{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([selected]) .item-content{--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]) .item-content{--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white))!important;--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;border-color:var(--cds-alias-object-interaction-color-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed}:host([cds-motion=off])>.private-host>.item-children{height:0}:host([cds-motion=off][expanded])>.private-host>.item-children{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:auto!important;transform:none}`;export{a as default};
1
+ import{css as o}from"lit";var t=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:var(--cds-alias-object-app-background, var(--cds-global-color-construction-25, #fcfdfd));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--focus-width:var(--cds-alias-object-border-width-300, calc(3 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-3, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-body-font-weight, 400);cursor:pointer}.private-host{cursor:inherit}.item-children{overflow:hidden}.item-content{background:var(--background);border-left:var(--focus-width) solid transparent;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);min-height:var(--cds-alias-object-interaction-touch-target,calc(36 * 1rem / var(--cds-global-base,20)))}.item-content:hover{--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}.lhs-container{width:var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20)))}:host(:focus) .item-content{border-color:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2);outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px)}:host(:focus) .item-content:active{--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff));--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}@media (-webkit-min-device-pixel-ratio:0){:host(:focus) .item-content{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([selected]) .item-content{--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]) .item-content{--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white))!important;--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;border-color:var(--cds-alias-object-interaction-color-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed}:host([cds-motion=off])>.private-host>.item-children{height:0}:host([cds-motion=off][expanded])>.private-host>.item-children{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:auto!important;transform:none}`;export{t as default};
2
2
  //# sourceMappingURL=tree-item.element.scss.js.map