@cds/core 6.10.0 → 6.12.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.
- package/accordion/accordion-header.element.scss.js +1 -1
- package/accordion/accordion-panel.element.scss.js +1 -1
- package/global.css +152 -8
- package/global.min.css +1 -1
- package/grid/row/grid-row.element.scss.js +1 -1
- package/internal/utils/global.js +1 -1
- package/navigation/navigation-item.element.scss.js +1 -1
- package/package.json +1 -1
- package/select/select.global.scss.js +1 -1
- package/selection-panels/shared/selection-panel.element.scss.js +1 -1
- package/styles/module.tokens.css +152 -8
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +95 -4
- package/styles/theme.dark.min.css +1 -1
- package/tokens/tokens.android.xml +154 -10
- package/tokens/tokens.d.ts +144 -0
- package/tokens/tokens.ios.swift +154 -10
- package/tokens/tokens.js +144 -0
- package/tokens/tokens.json +1163 -17
- package/tokens/tokens.scss +144 -0
- package/tree-view/tree-item.element.scss.js +1 -1
package/tokens/tokens.scss
CHANGED
|
@@ -293,6 +293,7 @@ $cds-global-color-construction-700: var(--cds-global-color-construction-700) !de
|
|
|
293
293
|
$cds-global-color-construction-800: var(--cds-global-color-construction-800) !default;
|
|
294
294
|
$cds-global-color-construction-900: var(--cds-global-color-construction-900) !default;
|
|
295
295
|
$cds-global-color-construction-1000: var(--cds-global-color-construction-1000) !default;
|
|
296
|
+
$cds-global-color-construction-1100: var(--cds-global-color-construction-1100) !default;
|
|
296
297
|
$cds-global-color-gray-0: var(--cds-global-color-gray-0) !default;
|
|
297
298
|
$cds-global-color-gray-50: var(--cds-global-color-gray-50) !default;
|
|
298
299
|
$cds-global-color-gray-100: var(--cds-global-color-gray-100) !default;
|
|
@@ -470,6 +471,8 @@ $cds-alias-object-interaction-background: var(--cds-alias-object-interaction-bac
|
|
|
470
471
|
$cds-alias-object-interaction-background-hover: var(--cds-alias-object-interaction-background-hover) !default;
|
|
471
472
|
$cds-alias-object-interaction-background-active: var(--cds-alias-object-interaction-background-active) !default;
|
|
472
473
|
$cds-alias-object-interaction-background-selected: var(--cds-alias-object-interaction-background-selected) !default;
|
|
474
|
+
$cds-alias-object-interaction-background-selected-hover: var(--cds-alias-object-interaction-background-selected-hover) !default;
|
|
475
|
+
$cds-alias-object-interaction-background-selected-active: var(--cds-alias-object-interaction-background-selected-active) !default;
|
|
473
476
|
$cds-alias-object-interaction-background-disabled: var(--cds-alias-object-interaction-background-disabled) !default;
|
|
474
477
|
$cds-alias-object-interaction-background-highlight: var(--cds-alias-object-interaction-background-highlight) !default;
|
|
475
478
|
$cds-alias-object-interaction-color: var(--cds-alias-object-interaction-color) !default;
|
|
@@ -504,6 +507,7 @@ $cds-alias-object-container-background-dark: var(--cds-alias-object-container-ba
|
|
|
504
507
|
$cds-alias-object-container-background-inverse: var(--cds-alias-object-container-background-inverse) !default;
|
|
505
508
|
$cds-alias-object-container-background-inverse-tint: var(--cds-alias-object-container-background-inverse-tint) !default;
|
|
506
509
|
$cds-alias-object-container-background-inverse-shade: var(--cds-alias-object-container-background-inverse-shade) !default;
|
|
510
|
+
$cds-alias-object-container-backdrop-background: var(--cds-alias-object-container-backdrop-background) !default;
|
|
507
511
|
$cds-alias-object-container-border-color: var(--cds-alias-object-container-border-color) !default;
|
|
508
512
|
$cds-alias-status-info: var(--cds-alias-status-info) !default;
|
|
509
513
|
$cds-alias-status-info-tint: var(--cds-alias-status-info-tint) !default;
|
|
@@ -555,6 +559,146 @@ $cds-alias-utility-tangerine-shade: var(--cds-alias-utility-tangerine-shade) !de
|
|
|
555
559
|
$cds-alias-utility-violet: var(--cds-alias-utility-violet) !default;
|
|
556
560
|
$cds-alias-utility-violet-tint: var(--cds-alias-utility-violet-tint) !default;
|
|
557
561
|
$cds-alias-utility-violet-shade: var(--cds-alias-utility-violet-shade) !default;
|
|
562
|
+
$cds-alias-viz-border: var(--cds-alias-viz-border) !default;
|
|
563
|
+
$cds-alias-viz-general-1-blue: var(--cds-alias-viz-general-1-blue) !default;
|
|
564
|
+
$cds-alias-viz-general-2-violet: var(--cds-alias-viz-general-2-violet) !default;
|
|
565
|
+
$cds-alias-viz-general-3-aqua: var(--cds-alias-viz-general-3-aqua) !default;
|
|
566
|
+
$cds-alias-viz-general-4-lime: var(--cds-alias-viz-general-4-lime) !default;
|
|
567
|
+
$cds-alias-viz-general-5-blue: var(--cds-alias-viz-general-5-blue) !default;
|
|
568
|
+
$cds-alias-viz-general-6-aqua: var(--cds-alias-viz-general-6-aqua) !default;
|
|
569
|
+
$cds-alias-viz-general-7-violet: var(--cds-alias-viz-general-7-violet) !default;
|
|
570
|
+
$cds-alias-viz-general-8-lime: var(--cds-alias-viz-general-8-lime) !default;
|
|
571
|
+
$cds-alias-viz-general-9-blue: var(--cds-alias-viz-general-9-blue) !default;
|
|
572
|
+
$cds-alias-viz-general-10-lime: var(--cds-alias-viz-general-10-lime) !default;
|
|
573
|
+
$cds-alias-viz-general-11-aqua: var(--cds-alias-viz-general-11-aqua) !default;
|
|
574
|
+
$cds-alias-viz-general-12-violet: var(--cds-alias-viz-general-12-violet) !default;
|
|
575
|
+
$cds-alias-viz-general-13-violet: var(--cds-alias-viz-general-13-violet) !default;
|
|
576
|
+
$cds-alias-viz-general-14-blue: var(--cds-alias-viz-general-14-blue) !default;
|
|
577
|
+
$cds-alias-viz-general-15-aqua: var(--cds-alias-viz-general-15-aqua) !default;
|
|
578
|
+
$cds-alias-viz-general-16-lime: var(--cds-alias-viz-general-16-lime) !default;
|
|
579
|
+
$cds-alias-viz-severity-neutral: var(--cds-alias-viz-severity-neutral) !default;
|
|
580
|
+
$cds-alias-viz-severity-success: var(--cds-alias-viz-severity-success) !default;
|
|
581
|
+
$cds-alias-viz-severity-warning: var(--cds-alias-viz-severity-warning) !default;
|
|
582
|
+
$cds-alias-viz-severity-immediate: var(--cds-alias-viz-severity-immediate) !default;
|
|
583
|
+
$cds-alias-viz-severity-critical: var(--cds-alias-viz-severity-critical) !default;
|
|
584
|
+
$cds-alias-viz-sequential-blue-50: var(--cds-alias-viz-sequential-blue-50) !default;
|
|
585
|
+
$cds-alias-viz-sequential-blue-100: var(--cds-alias-viz-sequential-blue-100) !default;
|
|
586
|
+
$cds-alias-viz-sequential-blue-200: var(--cds-alias-viz-sequential-blue-200) !default;
|
|
587
|
+
$cds-alias-viz-sequential-blue-300: var(--cds-alias-viz-sequential-blue-300) !default;
|
|
588
|
+
$cds-alias-viz-sequential-blue-400: var(--cds-alias-viz-sequential-blue-400) !default;
|
|
589
|
+
$cds-alias-viz-sequential-blue-500: var(--cds-alias-viz-sequential-blue-500) !default;
|
|
590
|
+
$cds-alias-viz-sequential-blue-600: var(--cds-alias-viz-sequential-blue-600) !default;
|
|
591
|
+
$cds-alias-viz-sequential-blue-700: var(--cds-alias-viz-sequential-blue-700) !default;
|
|
592
|
+
$cds-alias-viz-sequential-blue-800: var(--cds-alias-viz-sequential-blue-800) !default;
|
|
593
|
+
$cds-alias-viz-sequential-blue-900: var(--cds-alias-viz-sequential-blue-900) !default;
|
|
594
|
+
$cds-alias-viz-sequential-blue-1000: var(--cds-alias-viz-sequential-blue-1000) !default;
|
|
595
|
+
$cds-alias-viz-sequential-violet-50: var(--cds-alias-viz-sequential-violet-50) !default;
|
|
596
|
+
$cds-alias-viz-sequential-violet-100: var(--cds-alias-viz-sequential-violet-100) !default;
|
|
597
|
+
$cds-alias-viz-sequential-violet-200: var(--cds-alias-viz-sequential-violet-200) !default;
|
|
598
|
+
$cds-alias-viz-sequential-violet-300: var(--cds-alias-viz-sequential-violet-300) !default;
|
|
599
|
+
$cds-alias-viz-sequential-violet-400: var(--cds-alias-viz-sequential-violet-400) !default;
|
|
600
|
+
$cds-alias-viz-sequential-violet-500: var(--cds-alias-viz-sequential-violet-500) !default;
|
|
601
|
+
$cds-alias-viz-sequential-violet-600: var(--cds-alias-viz-sequential-violet-600) !default;
|
|
602
|
+
$cds-alias-viz-sequential-violet-700: var(--cds-alias-viz-sequential-violet-700) !default;
|
|
603
|
+
$cds-alias-viz-sequential-violet-800: var(--cds-alias-viz-sequential-violet-800) !default;
|
|
604
|
+
$cds-alias-viz-sequential-violet-900: var(--cds-alias-viz-sequential-violet-900) !default;
|
|
605
|
+
$cds-alias-viz-sequential-violet-1000: var(--cds-alias-viz-sequential-violet-1000) !default;
|
|
606
|
+
$cds-alias-viz-sequential-ochre-50: var(--cds-alias-viz-sequential-ochre-50) !default;
|
|
607
|
+
$cds-alias-viz-sequential-ochre-100: var(--cds-alias-viz-sequential-ochre-100) !default;
|
|
608
|
+
$cds-alias-viz-sequential-ochre-200: var(--cds-alias-viz-sequential-ochre-200) !default;
|
|
609
|
+
$cds-alias-viz-sequential-ochre-300: var(--cds-alias-viz-sequential-ochre-300) !default;
|
|
610
|
+
$cds-alias-viz-sequential-ochre-400: var(--cds-alias-viz-sequential-ochre-400) !default;
|
|
611
|
+
$cds-alias-viz-sequential-ochre-500: var(--cds-alias-viz-sequential-ochre-500) !default;
|
|
612
|
+
$cds-alias-viz-sequential-ochre-600: var(--cds-alias-viz-sequential-ochre-600) !default;
|
|
613
|
+
$cds-alias-viz-sequential-ochre-700: var(--cds-alias-viz-sequential-ochre-700) !default;
|
|
614
|
+
$cds-alias-viz-sequential-ochre-800: var(--cds-alias-viz-sequential-ochre-800) !default;
|
|
615
|
+
$cds-alias-viz-sequential-ochre-900: var(--cds-alias-viz-sequential-ochre-900) !default;
|
|
616
|
+
$cds-alias-viz-sequential-ochre-1000: var(--cds-alias-viz-sequential-ochre-1000) !default;
|
|
617
|
+
$cds-alias-viz-sequential-aqua-50: var(--cds-alias-viz-sequential-aqua-50) !default;
|
|
618
|
+
$cds-alias-viz-sequential-aqua-100: var(--cds-alias-viz-sequential-aqua-100) !default;
|
|
619
|
+
$cds-alias-viz-sequential-aqua-200: var(--cds-alias-viz-sequential-aqua-200) !default;
|
|
620
|
+
$cds-alias-viz-sequential-aqua-300: var(--cds-alias-viz-sequential-aqua-300) !default;
|
|
621
|
+
$cds-alias-viz-sequential-aqua-400: var(--cds-alias-viz-sequential-aqua-400) !default;
|
|
622
|
+
$cds-alias-viz-sequential-aqua-500: var(--cds-alias-viz-sequential-aqua-500) !default;
|
|
623
|
+
$cds-alias-viz-sequential-aqua-600: var(--cds-alias-viz-sequential-aqua-600) !default;
|
|
624
|
+
$cds-alias-viz-sequential-aqua-700: var(--cds-alias-viz-sequential-aqua-700) !default;
|
|
625
|
+
$cds-alias-viz-sequential-aqua-800: var(--cds-alias-viz-sequential-aqua-800) !default;
|
|
626
|
+
$cds-alias-viz-sequential-aqua-900: var(--cds-alias-viz-sequential-aqua-900) !default;
|
|
627
|
+
$cds-alias-viz-sequential-aqua-1000: var(--cds-alias-viz-sequential-aqua-1000) !default;
|
|
628
|
+
$cds-alias-viz-sequential-green-50: var(--cds-alias-viz-sequential-green-50) !default;
|
|
629
|
+
$cds-alias-viz-sequential-green-100: var(--cds-alias-viz-sequential-green-100) !default;
|
|
630
|
+
$cds-alias-viz-sequential-green-200: var(--cds-alias-viz-sequential-green-200) !default;
|
|
631
|
+
$cds-alias-viz-sequential-green-300: var(--cds-alias-viz-sequential-green-300) !default;
|
|
632
|
+
$cds-alias-viz-sequential-green-400: var(--cds-alias-viz-sequential-green-400) !default;
|
|
633
|
+
$cds-alias-viz-sequential-green-500: var(--cds-alias-viz-sequential-green-500) !default;
|
|
634
|
+
$cds-alias-viz-sequential-green-600: var(--cds-alias-viz-sequential-green-600) !default;
|
|
635
|
+
$cds-alias-viz-sequential-green-700: var(--cds-alias-viz-sequential-green-700) !default;
|
|
636
|
+
$cds-alias-viz-sequential-green-800: var(--cds-alias-viz-sequential-green-800) !default;
|
|
637
|
+
$cds-alias-viz-sequential-green-900: var(--cds-alias-viz-sequential-green-900) !default;
|
|
638
|
+
$cds-alias-viz-sequential-green-1000: var(--cds-alias-viz-sequential-green-1000) !default;
|
|
639
|
+
$cds-alias-viz-sequential-red-50: var(--cds-alias-viz-sequential-red-50) !default;
|
|
640
|
+
$cds-alias-viz-sequential-red-100: var(--cds-alias-viz-sequential-red-100) !default;
|
|
641
|
+
$cds-alias-viz-sequential-red-200: var(--cds-alias-viz-sequential-red-200) !default;
|
|
642
|
+
$cds-alias-viz-sequential-red-300: var(--cds-alias-viz-sequential-red-300) !default;
|
|
643
|
+
$cds-alias-viz-sequential-red-400: var(--cds-alias-viz-sequential-red-400) !default;
|
|
644
|
+
$cds-alias-viz-sequential-red-500: var(--cds-alias-viz-sequential-red-500) !default;
|
|
645
|
+
$cds-alias-viz-sequential-red-600: var(--cds-alias-viz-sequential-red-600) !default;
|
|
646
|
+
$cds-alias-viz-sequential-red-700: var(--cds-alias-viz-sequential-red-700) !default;
|
|
647
|
+
$cds-alias-viz-sequential-red-800: var(--cds-alias-viz-sequential-red-800) !default;
|
|
648
|
+
$cds-alias-viz-sequential-red-900: var(--cds-alias-viz-sequential-red-900) !default;
|
|
649
|
+
$cds-alias-viz-sequential-red-1000: var(--cds-alias-viz-sequential-red-1000) !default;
|
|
650
|
+
$cds-alias-viz-diverging-violet-aqua-v-200: var(--cds-alias-viz-diverging-violet-aqua-v-200) !default;
|
|
651
|
+
$cds-alias-viz-diverging-violet-aqua-v-300: var(--cds-alias-viz-diverging-violet-aqua-v-300) !default;
|
|
652
|
+
$cds-alias-viz-diverging-violet-aqua-v-400: var(--cds-alias-viz-diverging-violet-aqua-v-400) !default;
|
|
653
|
+
$cds-alias-viz-diverging-violet-aqua-v-500: var(--cds-alias-viz-diverging-violet-aqua-v-500) !default;
|
|
654
|
+
$cds-alias-viz-diverging-violet-aqua-v-600: var(--cds-alias-viz-diverging-violet-aqua-v-600) !default;
|
|
655
|
+
$cds-alias-viz-diverging-violet-aqua-v-700: var(--cds-alias-viz-diverging-violet-aqua-v-700) !default;
|
|
656
|
+
$cds-alias-viz-diverging-violet-aqua-neutral: var(--cds-alias-viz-diverging-violet-aqua-neutral) !default;
|
|
657
|
+
$cds-alias-viz-diverging-violet-aqua-a-400: var(--cds-alias-viz-diverging-violet-aqua-a-400) !default;
|
|
658
|
+
$cds-alias-viz-diverging-violet-aqua-a-500: var(--cds-alias-viz-diverging-violet-aqua-a-500) !default;
|
|
659
|
+
$cds-alias-viz-diverging-violet-aqua-a-600: var(--cds-alias-viz-diverging-violet-aqua-a-600) !default;
|
|
660
|
+
$cds-alias-viz-diverging-violet-aqua-a-700: var(--cds-alias-viz-diverging-violet-aqua-a-700) !default;
|
|
661
|
+
$cds-alias-viz-diverging-violet-aqua-a-800: var(--cds-alias-viz-diverging-violet-aqua-a-800) !default;
|
|
662
|
+
$cds-alias-viz-diverging-violet-aqua-a-900: var(--cds-alias-viz-diverging-violet-aqua-a-900) !default;
|
|
663
|
+
$cds-alias-viz-diverging-blue-jade-b-300: var(--cds-alias-viz-diverging-blue-jade-b-300) !default;
|
|
664
|
+
$cds-alias-viz-diverging-blue-jade-b-400: var(--cds-alias-viz-diverging-blue-jade-b-400) !default;
|
|
665
|
+
$cds-alias-viz-diverging-blue-jade-b-500: var(--cds-alias-viz-diverging-blue-jade-b-500) !default;
|
|
666
|
+
$cds-alias-viz-diverging-blue-jade-b-600: var(--cds-alias-viz-diverging-blue-jade-b-600) !default;
|
|
667
|
+
$cds-alias-viz-diverging-blue-jade-b-700: var(--cds-alias-viz-diverging-blue-jade-b-700) !default;
|
|
668
|
+
$cds-alias-viz-diverging-blue-jade-b-800: var(--cds-alias-viz-diverging-blue-jade-b-800) !default;
|
|
669
|
+
$cds-alias-viz-diverging-blue-jade-neutral: var(--cds-alias-viz-diverging-blue-jade-neutral) !default;
|
|
670
|
+
$cds-alias-viz-diverging-blue-jade-j-300: var(--cds-alias-viz-diverging-blue-jade-j-300) !default;
|
|
671
|
+
$cds-alias-viz-diverging-blue-jade-j-400: var(--cds-alias-viz-diverging-blue-jade-j-400) !default;
|
|
672
|
+
$cds-alias-viz-diverging-blue-jade-j-500: var(--cds-alias-viz-diverging-blue-jade-j-500) !default;
|
|
673
|
+
$cds-alias-viz-diverging-blue-jade-j-600: var(--cds-alias-viz-diverging-blue-jade-j-600) !default;
|
|
674
|
+
$cds-alias-viz-diverging-blue-jade-j-700: var(--cds-alias-viz-diverging-blue-jade-j-700) !default;
|
|
675
|
+
$cds-alias-viz-diverging-blue-jade-j-800: var(--cds-alias-viz-diverging-blue-jade-j-800) !default;
|
|
676
|
+
$cds-alias-viz-diverging-blue-green-b-300: var(--cds-alias-viz-diverging-blue-green-b-300) !default;
|
|
677
|
+
$cds-alias-viz-diverging-blue-green-b-400: var(--cds-alias-viz-diverging-blue-green-b-400) !default;
|
|
678
|
+
$cds-alias-viz-diverging-blue-green-b-500: var(--cds-alias-viz-diverging-blue-green-b-500) !default;
|
|
679
|
+
$cds-alias-viz-diverging-blue-green-b-600: var(--cds-alias-viz-diverging-blue-green-b-600) !default;
|
|
680
|
+
$cds-alias-viz-diverging-blue-green-b-700: var(--cds-alias-viz-diverging-blue-green-b-700) !default;
|
|
681
|
+
$cds-alias-viz-diverging-blue-green-b-800: var(--cds-alias-viz-diverging-blue-green-b-800) !default;
|
|
682
|
+
$cds-alias-viz-diverging-blue-green-neutral: var(--cds-alias-viz-diverging-blue-green-neutral) !default;
|
|
683
|
+
$cds-alias-viz-diverging-blue-green-g-300: var(--cds-alias-viz-diverging-blue-green-g-300) !default;
|
|
684
|
+
$cds-alias-viz-diverging-blue-green-g-400: var(--cds-alias-viz-diverging-blue-green-g-400) !default;
|
|
685
|
+
$cds-alias-viz-diverging-blue-green-g-500: var(--cds-alias-viz-diverging-blue-green-g-500) !default;
|
|
686
|
+
$cds-alias-viz-diverging-blue-green-g-600: var(--cds-alias-viz-diverging-blue-green-g-600) !default;
|
|
687
|
+
$cds-alias-viz-diverging-blue-green-g-700: var(--cds-alias-viz-diverging-blue-green-g-700) !default;
|
|
688
|
+
$cds-alias-viz-diverging-blue-green-g-800: var(--cds-alias-viz-diverging-blue-green-g-800) !default;
|
|
689
|
+
$cds-alias-viz-diverging-green-yellow-red-g-200: var(--cds-alias-viz-diverging-green-yellow-red-g-200) !default;
|
|
690
|
+
$cds-alias-viz-diverging-green-yellow-red-g-300: var(--cds-alias-viz-diverging-green-yellow-red-g-300) !default;
|
|
691
|
+
$cds-alias-viz-diverging-green-yellow-red-g-400: var(--cds-alias-viz-diverging-green-yellow-red-g-400) !default;
|
|
692
|
+
$cds-alias-viz-diverging-green-yellow-red-g-500: var(--cds-alias-viz-diverging-green-yellow-red-g-500) !default;
|
|
693
|
+
$cds-alias-viz-diverging-green-yellow-red-g-600: var(--cds-alias-viz-diverging-green-yellow-red-g-600) !default;
|
|
694
|
+
$cds-alias-viz-diverging-green-yellow-red-g-700: var(--cds-alias-viz-diverging-green-yellow-red-g-700) !default;
|
|
695
|
+
$cds-alias-viz-diverging-green-yellow-red-neutral: var(--cds-alias-viz-diverging-green-yellow-red-neutral) !default;
|
|
696
|
+
$cds-alias-viz-diverging-green-yellow-red-r-400: var(--cds-alias-viz-diverging-green-yellow-red-r-400) !default;
|
|
697
|
+
$cds-alias-viz-diverging-green-yellow-red-r-500: var(--cds-alias-viz-diverging-green-yellow-red-r-500) !default;
|
|
698
|
+
$cds-alias-viz-diverging-green-yellow-red-r-600: var(--cds-alias-viz-diverging-green-yellow-red-r-600) !default;
|
|
699
|
+
$cds-alias-viz-diverging-green-yellow-red-r-700: var(--cds-alias-viz-diverging-green-yellow-red-r-700) !default;
|
|
700
|
+
$cds-alias-viz-diverging-green-yellow-red-r-800: var(--cds-alias-viz-diverging-green-yellow-red-r-800) !default;
|
|
701
|
+
$cds-alias-viz-diverging-green-yellow-red-r-900: var(--cds-alias-viz-diverging-green-yellow-red-r-900) !default;
|
|
558
702
|
$cds-alias-typography-color-100: var(--cds-alias-typography-color-100) !default;
|
|
559
703
|
$cds-alias-typography-color-200: var(--cds-alias-typography-color-200) !default;
|
|
560
704
|
$cds-alias-typography-color-300: var(--cds-alias-typography-color-300) !default;
|
|
@@ -1,2 +1,2 @@
|
|
|
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-
|
|
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-construction-50, #f1f6f8));--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-construction-50,#f1f6f8));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-construction-100, #e3eaed));--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-75, #e0f6ff))}: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
|