@i-cell/ids-styles 0.0.23 → 0.0.25
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/dist/components.css +357 -320
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +433 -355
- package/dist/tab/tab.css +160 -160
- package/dist/tab/tab.min.css +1 -1
- package/dist/tab/tab.plugin.js +236 -211
- package/dist/tooltip/tooltip.css +197 -160
- package/dist/tooltip/tooltip.min.css +1 -1
- package/dist/tooltip/tooltip.plugin.js +197 -144
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -11529,7 +11529,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11529
11529
|
position: relative;
|
|
11530
11530
|
flex-shrink: 0;
|
|
11531
11531
|
}
|
|
11532
|
-
.ids-tab-group .ids-
|
|
11532
|
+
.ids-tab-group .ids-tab__indicator {
|
|
11533
11533
|
display: flex;
|
|
11534
11534
|
justify-content: center;
|
|
11535
11535
|
position: absolute;
|
|
@@ -11537,7 +11537,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11537
11537
|
pointer-events: none;
|
|
11538
11538
|
z-index: 1;
|
|
11539
11539
|
}
|
|
11540
|
-
.ids-tab-group .ids-
|
|
11540
|
+
.ids-tab-group .ids-tab__indicator .ids-tab__line {
|
|
11541
11541
|
position: relative;
|
|
11542
11542
|
box-sizing: border-box;
|
|
11543
11543
|
opacity: 0;
|
|
@@ -11550,17 +11550,17 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11550
11550
|
.ids-tab-group.ids-tab-group-horizontal > .ids-tab-group__container {
|
|
11551
11551
|
width: 100%;
|
|
11552
11552
|
}
|
|
11553
|
-
.ids-tab-group.ids-tab-group-horizontal > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11553
|
+
.ids-tab-group.ids-tab-group-horizontal > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
11554
11554
|
justify-content: center;
|
|
11555
11555
|
}
|
|
11556
|
-
.ids-tab-group.ids-tab-group-horizontal > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11556
|
+
.ids-tab-group.ids-tab-group-horizontal > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-horizontal > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
11557
11557
|
outline-offset: 4px;
|
|
11558
11558
|
}
|
|
11559
11559
|
.ids-tab-group.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container {
|
|
11560
11560
|
border-bottom-style: solid;
|
|
11561
11561
|
border-bottom-color: var(--ids-comp-tab-tabgroup-color-border-default);
|
|
11562
11562
|
}
|
|
11563
|
-
.ids-tab-group.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-
|
|
11563
|
+
.ids-tab-group.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-tab__line {
|
|
11564
11564
|
align-self: flex-end;
|
|
11565
11565
|
border-bottom-style: solid;
|
|
11566
11566
|
}
|
|
@@ -11568,14 +11568,14 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11568
11568
|
border-top-style: solid;
|
|
11569
11569
|
border-top-color: var(--ids-comp-tab-tabgroup-color-border-default);
|
|
11570
11570
|
}
|
|
11571
|
-
.ids-tab-group.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-
|
|
11571
|
+
.ids-tab-group.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-tab__line {
|
|
11572
11572
|
align-self: flex-start;
|
|
11573
11573
|
border-top-style: solid;
|
|
11574
11574
|
}
|
|
11575
11575
|
.ids-tab-group.ids-tab-group-horizontal.ids-tab-group-stretch-tabs > .ids-tab-group__container .ids-tab-group__header {
|
|
11576
11576
|
align-self: stretch;
|
|
11577
11577
|
}
|
|
11578
|
-
.ids-tab-group.ids-tab-group-horizontal.ids-tab-group-stretch-tabs > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11578
|
+
.ids-tab-group.ids-tab-group-horizontal.ids-tab-group-stretch-tabs > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
11579
11579
|
flex-grow: 1;
|
|
11580
11580
|
}
|
|
11581
11581
|
.ids-tab-group.ids-tab-group-horizontal.ids-tab-group-start > .ids-tab-group__container .ids-tab-group__header {
|
|
@@ -11592,11 +11592,11 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11592
11592
|
align-items: flex-start;
|
|
11593
11593
|
align-self: stretch;
|
|
11594
11594
|
}
|
|
11595
|
-
.ids-tab-group.ids-tab-group-horizontal .ids-
|
|
11595
|
+
.ids-tab-group.ids-tab-group-horizontal .ids-tab__indicator {
|
|
11596
11596
|
left: 0;
|
|
11597
11597
|
width: 100%;
|
|
11598
11598
|
}
|
|
11599
|
-
.ids-tab-group.ids-tab-group-horizontal .ids-
|
|
11599
|
+
.ids-tab-group.ids-tab-group-horizontal .ids-tab__indicator .ids-tab__line {
|
|
11600
11600
|
width: 100%;
|
|
11601
11601
|
}
|
|
11602
11602
|
.ids-tab-group.ids-tab-group-vertical {
|
|
@@ -11610,10 +11610,10 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11610
11610
|
align-items: center;
|
|
11611
11611
|
flex-shrink: 0;
|
|
11612
11612
|
}
|
|
11613
|
-
.ids-tab-group.ids-tab-group-vertical > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11613
|
+
.ids-tab-group.ids-tab-group-vertical > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
11614
11614
|
align-self: stretch;
|
|
11615
11615
|
}
|
|
11616
|
-
.ids-tab-group.ids-tab-group-vertical > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11616
|
+
.ids-tab-group.ids-tab-group-vertical > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-vertical > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
11617
11617
|
outline-offset: 2px;
|
|
11618
11618
|
}
|
|
11619
11619
|
.ids-tab-group.ids-tab-group-vertical > .ids-tab-body-content {
|
|
@@ -11621,22 +11621,22 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11621
11621
|
justify-content: center;
|
|
11622
11622
|
align-self: stretch;
|
|
11623
11623
|
}
|
|
11624
|
-
.ids-tab-group.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11624
|
+
.ids-tab-group.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator {
|
|
11625
11625
|
left: 0;
|
|
11626
11626
|
}
|
|
11627
|
-
.ids-tab-group.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11627
|
+
.ids-tab-group.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator .ids-tab__line {
|
|
11628
11628
|
border-left-style: solid;
|
|
11629
11629
|
}
|
|
11630
|
-
.ids-tab-group.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11630
|
+
.ids-tab-group.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator {
|
|
11631
11631
|
right: 0;
|
|
11632
11632
|
}
|
|
11633
|
-
.ids-tab-group.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11633
|
+
.ids-tab-group.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator .ids-tab__line {
|
|
11634
11634
|
border-right-style: solid;
|
|
11635
11635
|
}
|
|
11636
|
-
.ids-tab-group.ids-tab-group-vertical .ids-
|
|
11636
|
+
.ids-tab-group.ids-tab-group-vertical .ids-tab__indicator {
|
|
11637
11637
|
top: 0;
|
|
11638
11638
|
}
|
|
11639
|
-
.ids-tab-group.ids-tab-group-vertical .ids-
|
|
11639
|
+
.ids-tab-group.ids-tab-group-vertical .ids-tab__indicator .ids-tab__line {
|
|
11640
11640
|
align-self: flex-start;
|
|
11641
11641
|
height: 100%;
|
|
11642
11642
|
}
|
|
@@ -11647,27 +11647,27 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11647
11647
|
list-style-type: none;
|
|
11648
11648
|
margin: 0;
|
|
11649
11649
|
}
|
|
11650
|
-
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11650
|
+
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
11651
11651
|
display: flex;
|
|
11652
11652
|
align-items: center;
|
|
11653
11653
|
cursor: pointer;
|
|
11654
11654
|
position: relative;
|
|
11655
11655
|
border-style: solid;
|
|
11656
11656
|
}
|
|
11657
|
-
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11657
|
+
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
11658
11658
|
outline-style: solid;
|
|
11659
11659
|
}
|
|
11660
|
-
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11660
|
+
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab__label {
|
|
11661
11661
|
display: inline-block;
|
|
11662
11662
|
text-overflow: ellipsis;
|
|
11663
11663
|
overflow: hidden;
|
|
11664
11664
|
white-space: nowrap;
|
|
11665
11665
|
}
|
|
11666
|
-
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11666
|
+
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled {
|
|
11667
11667
|
pointer-events: none;
|
|
11668
11668
|
user-select: none;
|
|
11669
11669
|
}
|
|
11670
|
-
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11670
|
+
.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator .ids-tab__line {
|
|
11671
11671
|
opacity: 1;
|
|
11672
11672
|
}
|
|
11673
11673
|
.ids-tab-group.ids-tab-group-compact {
|
|
@@ -11677,31 +11677,31 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11677
11677
|
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom {
|
|
11678
11678
|
border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
|
|
11679
11679
|
}
|
|
11680
|
-
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-
|
|
11680
|
+
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator {
|
|
11681
11681
|
bottom: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-compact) + var(--ids-comp-tab-item-size-border-width-compact)));
|
|
11682
11682
|
}
|
|
11683
|
-
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-
|
|
11683
|
+
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line {
|
|
11684
11684
|
border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
|
|
11685
11685
|
}
|
|
11686
11686
|
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top {
|
|
11687
11687
|
border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
|
|
11688
11688
|
}
|
|
11689
|
-
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-
|
|
11689
|
+
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator {
|
|
11690
11690
|
top: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-compact) + var(--ids-comp-tab-item-size-border-width-compact)));
|
|
11691
11691
|
}
|
|
11692
|
-
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-
|
|
11692
|
+
.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line {
|
|
11693
11693
|
border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
|
|
11694
11694
|
}
|
|
11695
|
-
.ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11695
|
+
.ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator {
|
|
11696
11696
|
border-left-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
|
|
11697
11697
|
}
|
|
11698
|
-
.ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11698
|
+
.ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator .ids-tab__line {
|
|
11699
11699
|
border-left-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
|
|
11700
11700
|
}
|
|
11701
|
-
.ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11701
|
+
.ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator {
|
|
11702
11702
|
border-right-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
|
|
11703
11703
|
}
|
|
11704
|
-
.ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11704
|
+
.ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator .ids-tab__line {
|
|
11705
11705
|
border-right-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
|
|
11706
11706
|
}
|
|
11707
11707
|
.ids-tab-group.ids-tab-group-compact > .ids-tab-body-content {
|
|
@@ -11711,23 +11711,23 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11711
11711
|
padding: var(--ids-comp-tab-tabgroup-size-padding-y-compact) var(--ids-comp-tab-tabgroup-size-padding-x-compact);
|
|
11712
11712
|
gap: var(--ids-comp-tab-tabgroup-size-gap-compact);
|
|
11713
11713
|
}
|
|
11714
|
-
.ids-tab-group.ids-tab-group-compact > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11714
|
+
.ids-tab-group.ids-tab-group-compact > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
11715
11715
|
padding: var(--ids-comp-tab-item-size-padding-y-compact) var(--ids-comp-tab-item-size-padding-x-compact);
|
|
11716
11716
|
gap: var(--ids-comp-tab-item-size-gap-compact);
|
|
11717
11717
|
border-radius: var(--ids-comp-tab-item-size-border-radius-compact);
|
|
11718
11718
|
border-width: var(--ids-comp-tab-item-size-border-width-compact);
|
|
11719
11719
|
}
|
|
11720
|
-
.ids-tab-group.ids-tab-group-compact > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11720
|
+
.ids-tab-group.ids-tab-group-compact > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-compact > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
11721
11721
|
outline-width: var(--ids-comp-tab-item-focused-outline-size-outline-compact);
|
|
11722
11722
|
}
|
|
11723
|
-
.ids-tab-group.ids-tab-group-compact > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11723
|
+
.ids-tab-group.ids-tab-group-compact > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__label {
|
|
11724
11724
|
font-family: var(--ids-comp-tab-item-label-typography-font-family-compact);
|
|
11725
11725
|
font-size: var(--ids-comp-tab-item-label-typography-font-size-compact);
|
|
11726
11726
|
font-weight: var(--ids-comp-tab-item-label-typography-font-weight-compact);
|
|
11727
11727
|
letter-spacing: var(--ids-comp-tab-item-label-typography-letter-spacing-compact);
|
|
11728
11728
|
line-height: var(--ids-comp-tab-item-label-typography-line-height-compact);
|
|
11729
11729
|
}
|
|
11730
|
-
.ids-tab-group.ids-tab-group-compact > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11730
|
+
.ids-tab-group.ids-tab-group-compact > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
|
|
11731
11731
|
font-size: var(--ids-comp-tab-item-icon-typography-font-size-compact);
|
|
11732
11732
|
font-weight: var(--ids-comp-tab-item-icon-typography-font-weight-compact);
|
|
11733
11733
|
line-height: var(--ids-comp-tab-item-icon-typography-line-height-compact);
|
|
@@ -11741,31 +11741,31 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11741
11741
|
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom {
|
|
11742
11742
|
border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
|
|
11743
11743
|
}
|
|
11744
|
-
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-
|
|
11744
|
+
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator {
|
|
11745
11745
|
bottom: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-comfortable) + var(--ids-comp-tab-item-size-border-width-comfortable)));
|
|
11746
11746
|
}
|
|
11747
|
-
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-
|
|
11747
|
+
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line {
|
|
11748
11748
|
border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
|
|
11749
11749
|
}
|
|
11750
11750
|
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top {
|
|
11751
11751
|
border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
|
|
11752
11752
|
}
|
|
11753
|
-
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-
|
|
11753
|
+
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator {
|
|
11754
11754
|
top: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-comfortable) + var(--ids-comp-tab-item-size-border-width-comfortable)));
|
|
11755
11755
|
}
|
|
11756
|
-
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-
|
|
11756
|
+
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line {
|
|
11757
11757
|
border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
|
|
11758
11758
|
}
|
|
11759
|
-
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11759
|
+
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator {
|
|
11760
11760
|
border-left-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
|
|
11761
11761
|
}
|
|
11762
|
-
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11762
|
+
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator .ids-tab__line {
|
|
11763
11763
|
border-left-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
|
|
11764
11764
|
}
|
|
11765
|
-
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11765
|
+
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator {
|
|
11766
11766
|
border-right-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
|
|
11767
11767
|
}
|
|
11768
|
-
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11768
|
+
.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator .ids-tab__line {
|
|
11769
11769
|
border-right-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
|
|
11770
11770
|
}
|
|
11771
11771
|
.ids-tab-group.ids-tab-group-comfortable > .ids-tab-body-content {
|
|
@@ -11775,23 +11775,23 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11775
11775
|
padding: var(--ids-comp-tab-tabgroup-size-padding-y-comfortable) var(--ids-comp-tab-tabgroup-size-padding-x-comfortable);
|
|
11776
11776
|
gap: var(--ids-comp-tab-tabgroup-size-gap-comfortable);
|
|
11777
11777
|
}
|
|
11778
|
-
.ids-tab-group.ids-tab-group-comfortable > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11778
|
+
.ids-tab-group.ids-tab-group-comfortable > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
11779
11779
|
padding: var(--ids-comp-tab-item-size-padding-y-comfortable) var(--ids-comp-tab-item-size-padding-x-comfortable);
|
|
11780
11780
|
gap: var(--ids-comp-tab-item-size-gap-comfortable);
|
|
11781
11781
|
border-radius: var(--ids-comp-tab-item-size-border-radius-comfortable);
|
|
11782
11782
|
border-width: var(--ids-comp-tab-item-size-border-width-comfortable);
|
|
11783
11783
|
}
|
|
11784
|
-
.ids-tab-group.ids-tab-group-comfortable > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11784
|
+
.ids-tab-group.ids-tab-group-comfortable > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-comfortable > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
11785
11785
|
outline-width: var(--ids-comp-tab-item-focused-outline-size-outline-comfortable);
|
|
11786
11786
|
}
|
|
11787
|
-
.ids-tab-group.ids-tab-group-comfortable > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11787
|
+
.ids-tab-group.ids-tab-group-comfortable > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__label {
|
|
11788
11788
|
font-family: var(--ids-comp-tab-item-label-typography-font-family-comfortable);
|
|
11789
11789
|
font-size: var(--ids-comp-tab-item-label-typography-font-size-comfortable);
|
|
11790
11790
|
font-weight: var(--ids-comp-tab-item-label-typography-font-weight-comfortable);
|
|
11791
11791
|
letter-spacing: var(--ids-comp-tab-item-label-typography-letter-spacing-comfortable);
|
|
11792
11792
|
line-height: var(--ids-comp-tab-item-label-typography-line-height-comfortable);
|
|
11793
11793
|
}
|
|
11794
|
-
.ids-tab-group.ids-tab-group-comfortable > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11794
|
+
.ids-tab-group.ids-tab-group-comfortable > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
|
|
11795
11795
|
font-size: var(--ids-comp-tab-item-icon-typography-font-size-comfortable);
|
|
11796
11796
|
font-weight: var(--ids-comp-tab-item-icon-typography-font-weight-comfortable);
|
|
11797
11797
|
line-height: var(--ids-comp-tab-item-icon-typography-line-height-comfortable);
|
|
@@ -11805,31 +11805,31 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11805
11805
|
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom {
|
|
11806
11806
|
border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
|
|
11807
11807
|
}
|
|
11808
|
-
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-
|
|
11808
|
+
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator {
|
|
11809
11809
|
bottom: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-spacious) + var(--ids-comp-tab-item-size-border-width-spacious)));
|
|
11810
11810
|
}
|
|
11811
|
-
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-
|
|
11811
|
+
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line {
|
|
11812
11812
|
border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
|
|
11813
11813
|
}
|
|
11814
11814
|
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top {
|
|
11815
11815
|
border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
|
|
11816
11816
|
}
|
|
11817
|
-
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-
|
|
11817
|
+
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator {
|
|
11818
11818
|
top: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-spacious) + var(--ids-comp-tab-item-size-border-width-spacious)));
|
|
11819
11819
|
}
|
|
11820
|
-
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-
|
|
11820
|
+
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line {
|
|
11821
11821
|
border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
|
|
11822
11822
|
}
|
|
11823
|
-
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11823
|
+
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator {
|
|
11824
11824
|
border-left-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
|
|
11825
11825
|
}
|
|
11826
|
-
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11826
|
+
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator .ids-tab__line {
|
|
11827
11827
|
border-left-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
|
|
11828
11828
|
}
|
|
11829
|
-
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11829
|
+
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator {
|
|
11830
11830
|
border-right-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
|
|
11831
11831
|
}
|
|
11832
|
-
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11832
|
+
.ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator .ids-tab__line {
|
|
11833
11833
|
border-right-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
|
|
11834
11834
|
}
|
|
11835
11835
|
.ids-tab-group.ids-tab-group-spacious > .ids-tab-body-content {
|
|
@@ -11839,23 +11839,23 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11839
11839
|
padding: var(--ids-comp-tab-tabgroup-size-padding-y-spacious) var(--ids-comp-tab-tabgroup-size-padding-x-spacious);
|
|
11840
11840
|
gap: var(--ids-comp-tab-tabgroup-size-gap-spacious);
|
|
11841
11841
|
}
|
|
11842
|
-
.ids-tab-group.ids-tab-group-spacious > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11842
|
+
.ids-tab-group.ids-tab-group-spacious > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
11843
11843
|
padding: var(--ids-comp-tab-item-size-padding-y-spacious) var(--ids-comp-tab-item-size-padding-x-spacious);
|
|
11844
11844
|
gap: var(--ids-comp-tab-item-size-gap-spacious);
|
|
11845
11845
|
border-radius: var(--ids-comp-tab-item-size-border-radius-spacious);
|
|
11846
11846
|
border-width: var(--ids-comp-tab-item-size-border-width-spacious);
|
|
11847
11847
|
}
|
|
11848
|
-
.ids-tab-group.ids-tab-group-spacious > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11848
|
+
.ids-tab-group.ids-tab-group-spacious > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-spacious > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
11849
11849
|
outline-width: var(--ids-comp-tab-item-focused-outline-size-outline-spacious);
|
|
11850
11850
|
}
|
|
11851
|
-
.ids-tab-group.ids-tab-group-spacious > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11851
|
+
.ids-tab-group.ids-tab-group-spacious > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__label {
|
|
11852
11852
|
font-family: var(--ids-comp-tab-item-label-typography-font-family-spacious);
|
|
11853
11853
|
font-size: var(--ids-comp-tab-item-label-typography-font-size-spacious);
|
|
11854
11854
|
font-weight: var(--ids-comp-tab-item-label-typography-font-weight-spacious);
|
|
11855
11855
|
letter-spacing: var(--ids-comp-tab-item-label-typography-letter-spacing-spacious);
|
|
11856
11856
|
line-height: var(--ids-comp-tab-item-label-typography-line-height-spacious);
|
|
11857
11857
|
}
|
|
11858
|
-
.ids-tab-group.ids-tab-group-spacious > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11858
|
+
.ids-tab-group.ids-tab-group-spacious > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
|
|
11859
11859
|
font-size: var(--ids-comp-tab-item-icon-typography-font-size-spacious);
|
|
11860
11860
|
font-weight: var(--ids-comp-tab-item-icon-typography-font-weight-spacious);
|
|
11861
11861
|
line-height: var(--ids-comp-tab-item-icon-typography-line-height-spacious);
|
|
@@ -11869,31 +11869,31 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11869
11869
|
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom {
|
|
11870
11870
|
border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
|
|
11871
11871
|
}
|
|
11872
|
-
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-
|
|
11872
|
+
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator {
|
|
11873
11873
|
bottom: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-dense) + var(--ids-comp-tab-item-size-border-width-dense)));
|
|
11874
11874
|
}
|
|
11875
|
-
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-
|
|
11875
|
+
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line {
|
|
11876
11876
|
border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
|
|
11877
11877
|
}
|
|
11878
11878
|
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top {
|
|
11879
11879
|
border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
|
|
11880
11880
|
}
|
|
11881
|
-
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-
|
|
11881
|
+
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator {
|
|
11882
11882
|
top: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-dense) + var(--ids-comp-tab-item-size-border-width-dense)));
|
|
11883
11883
|
}
|
|
11884
|
-
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-
|
|
11884
|
+
.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line {
|
|
11885
11885
|
border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
|
|
11886
11886
|
}
|
|
11887
|
-
.ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11887
|
+
.ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator {
|
|
11888
11888
|
border-left-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
|
|
11889
11889
|
}
|
|
11890
|
-
.ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-
|
|
11890
|
+
.ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator .ids-tab__line {
|
|
11891
11891
|
border-left-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
|
|
11892
11892
|
}
|
|
11893
|
-
.ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11893
|
+
.ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator {
|
|
11894
11894
|
border-right-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
|
|
11895
11895
|
}
|
|
11896
|
-
.ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-
|
|
11896
|
+
.ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-right .ids-tab__indicator .ids-tab__line {
|
|
11897
11897
|
border-right-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
|
|
11898
11898
|
}
|
|
11899
11899
|
.ids-tab-group.ids-tab-group-dense > .ids-tab-body-content {
|
|
@@ -11903,23 +11903,23 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11903
11903
|
padding: var(--ids-comp-tab-tabgroup-size-padding-y-dense) var(--ids-comp-tab-tabgroup-size-padding-x-dense);
|
|
11904
11904
|
gap: var(--ids-comp-tab-tabgroup-size-gap-dense);
|
|
11905
11905
|
}
|
|
11906
|
-
.ids-tab-group.ids-tab-group-dense > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11906
|
+
.ids-tab-group.ids-tab-group-dense > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
11907
11907
|
padding: var(--ids-comp-tab-item-size-padding-y-dense) var(--ids-comp-tab-item-size-padding-x-dense);
|
|
11908
11908
|
gap: var(--ids-comp-tab-item-size-gap-dense);
|
|
11909
11909
|
border-radius: var(--ids-comp-tab-item-size-border-radius-dense);
|
|
11910
11910
|
border-width: var(--ids-comp-tab-item-size-border-width-dense);
|
|
11911
11911
|
}
|
|
11912
|
-
.ids-tab-group.ids-tab-group-dense > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11912
|
+
.ids-tab-group.ids-tab-group-dense > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-dense > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
11913
11913
|
outline-width: var(--ids-comp-tab-item-focused-outline-size-outline-dense);
|
|
11914
11914
|
}
|
|
11915
|
-
.ids-tab-group.ids-tab-group-dense > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11915
|
+
.ids-tab-group.ids-tab-group-dense > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__label {
|
|
11916
11916
|
font-family: var(--ids-comp-tab-item-label-typography-font-family-dense);
|
|
11917
11917
|
font-size: var(--ids-comp-tab-item-label-typography-font-size-dense);
|
|
11918
11918
|
font-weight: var(--ids-comp-tab-item-label-typography-font-weight-dense);
|
|
11919
11919
|
letter-spacing: var(--ids-comp-tab-item-label-typography-letter-spacing-dense);
|
|
11920
11920
|
line-height: var(--ids-comp-tab-item-label-typography-line-height-dense);
|
|
11921
11921
|
}
|
|
11922
|
-
.ids-tab-group.ids-tab-group-dense > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11922
|
+
.ids-tab-group.ids-tab-group-dense > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
|
|
11923
11923
|
font-size: var(--ids-comp-tab-item-icon-typography-font-size-dense);
|
|
11924
11924
|
font-weight: var(--ids-comp-tab-item-icon-typography-font-weight-dense);
|
|
11925
11925
|
line-height: var(--ids-comp-tab-item-icon-typography-line-height-dense);
|
|
@@ -11932,115 +11932,115 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11932
11932
|
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header {
|
|
11933
11933
|
background-color: var(--ids-comp-tab-tabgroup-color-bg-default);
|
|
11934
11934
|
}
|
|
11935
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11935
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
11936
11936
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-default);
|
|
11937
11937
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-surface-default);
|
|
11938
11938
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-surface-default);
|
|
11939
11939
|
}
|
|
11940
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11940
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
|
|
11941
11941
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-default);
|
|
11942
11942
|
}
|
|
11943
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11943
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__indicator {
|
|
11944
11944
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default);
|
|
11945
11945
|
}
|
|
11946
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11946
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover {
|
|
11947
11947
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-hovered);
|
|
11948
11948
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-surface-hovered);
|
|
11949
11949
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-surface-hovered);
|
|
11950
11950
|
}
|
|
11951
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11951
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-icon {
|
|
11952
11952
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-hovered);
|
|
11953
11953
|
}
|
|
11954
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11954
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-tab__indicator {
|
|
11955
11955
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered);
|
|
11956
11956
|
}
|
|
11957
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11957
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
11958
11958
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-focused);
|
|
11959
11959
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-surface-focused);
|
|
11960
11960
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-surface-focused);
|
|
11961
11961
|
outline-color: var(--ids-comp-tab-item-standard-focused-outline-color-dark-default);
|
|
11962
11962
|
}
|
|
11963
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11963
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-icon, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-icon {
|
|
11964
11964
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-focused);
|
|
11965
11965
|
}
|
|
11966
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11966
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-tab__indicator {
|
|
11967
11967
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused);
|
|
11968
11968
|
}
|
|
11969
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11969
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:active {
|
|
11970
11970
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-pressed);
|
|
11971
11971
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-surface-pressed);
|
|
11972
11972
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-surface-pressed);
|
|
11973
11973
|
}
|
|
11974
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11974
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-icon {
|
|
11975
11975
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-pressed);
|
|
11976
11976
|
}
|
|
11977
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11977
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-tab__indicator {
|
|
11978
11978
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed);
|
|
11979
11979
|
}
|
|
11980
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11980
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled {
|
|
11981
11981
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-disabled);
|
|
11982
11982
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-surface-disabled);
|
|
11983
11983
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-surface-disabled);
|
|
11984
11984
|
}
|
|
11985
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11985
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-icon {
|
|
11986
11986
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-disabled);
|
|
11987
11987
|
}
|
|
11988
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11988
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-tab__indicator {
|
|
11989
11989
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled);
|
|
11990
11990
|
}
|
|
11991
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11991
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active {
|
|
11992
11992
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-surface-default);
|
|
11993
11993
|
border-color: var(--ids-comp-tab-item-standard-selected-border-surface-default);
|
|
11994
11994
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-surface-default);
|
|
11995
11995
|
}
|
|
11996
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11996
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-icon {
|
|
11997
11997
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-surface-default);
|
|
11998
11998
|
}
|
|
11999
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
11999
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator {
|
|
12000
12000
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default);
|
|
12001
12001
|
}
|
|
12002
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12002
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover {
|
|
12003
12003
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-surface-hovered);
|
|
12004
12004
|
border-color: var(--ids-comp-tab-item-standard-selected-border-surface-hovered);
|
|
12005
12005
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-surface-hovered);
|
|
12006
12006
|
}
|
|
12007
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12007
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-icon {
|
|
12008
12008
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-surface-hovered);
|
|
12009
12009
|
}
|
|
12010
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12010
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-tab__indicator {
|
|
12011
12011
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered);
|
|
12012
12012
|
}
|
|
12013
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12013
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible {
|
|
12014
12014
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-surface-focused);
|
|
12015
12015
|
border-color: var(--ids-comp-tab-item-standard-selected-border-surface-focused);
|
|
12016
12016
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-surface-focused);
|
|
12017
12017
|
}
|
|
12018
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12018
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-icon, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-icon {
|
|
12019
12019
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-surface-focused);
|
|
12020
12020
|
}
|
|
12021
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12021
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-tab__indicator {
|
|
12022
12022
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused);
|
|
12023
12023
|
}
|
|
12024
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12024
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active {
|
|
12025
12025
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-surface-pressed);
|
|
12026
12026
|
border-color: var(--ids-comp-tab-item-standard-selected-border-surface-pressed);
|
|
12027
12027
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-surface-pressed);
|
|
12028
12028
|
}
|
|
12029
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12029
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-icon {
|
|
12030
12030
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-surface-pressed);
|
|
12031
12031
|
}
|
|
12032
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12032
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-tab__indicator {
|
|
12033
12033
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed);
|
|
12034
12034
|
}
|
|
12035
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12035
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled {
|
|
12036
12036
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-disabled);
|
|
12037
12037
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-surface-disabled);
|
|
12038
12038
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-surface-disabled);
|
|
12039
12039
|
}
|
|
12040
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12040
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-icon {
|
|
12041
12041
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-disabled);
|
|
12042
12042
|
}
|
|
12043
|
-
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12043
|
+
.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-tab__indicator {
|
|
12044
12044
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled);
|
|
12045
12045
|
}
|
|
12046
12046
|
.ids-tab-group.ids-tab-group-light {
|
|
@@ -12049,115 +12049,115 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
12049
12049
|
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header {
|
|
12050
12050
|
background-color: var(--ids-comp-tab-tabgroup-color-bg-default);
|
|
12051
12051
|
}
|
|
12052
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12052
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
12053
12053
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-default);
|
|
12054
12054
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-light-default);
|
|
12055
12055
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-light-default);
|
|
12056
12056
|
}
|
|
12057
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12057
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
|
|
12058
12058
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-default);
|
|
12059
12059
|
}
|
|
12060
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12060
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__indicator {
|
|
12061
12061
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-default);
|
|
12062
12062
|
}
|
|
12063
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12063
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover {
|
|
12064
12064
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-hovered);
|
|
12065
12065
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-light-hovered);
|
|
12066
12066
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-light-hovered);
|
|
12067
12067
|
}
|
|
12068
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12068
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-icon {
|
|
12069
12069
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-hovered);
|
|
12070
12070
|
}
|
|
12071
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12071
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-tab__indicator {
|
|
12072
12072
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered);
|
|
12073
12073
|
}
|
|
12074
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12074
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
12075
12075
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-focused);
|
|
12076
12076
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-light-focused);
|
|
12077
12077
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-light-focused);
|
|
12078
12078
|
outline-color: var(--ids-comp-tab-item-standard-focused-outline-color-dark-default);
|
|
12079
12079
|
}
|
|
12080
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12080
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-icon, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-icon {
|
|
12081
12081
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-focused);
|
|
12082
12082
|
}
|
|
12083
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12083
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-tab__indicator {
|
|
12084
12084
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused);
|
|
12085
12085
|
}
|
|
12086
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12086
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:active {
|
|
12087
12087
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-pressed);
|
|
12088
12088
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-light-pressed);
|
|
12089
12089
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-light-pressed);
|
|
12090
12090
|
}
|
|
12091
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12091
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-icon {
|
|
12092
12092
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-pressed);
|
|
12093
12093
|
}
|
|
12094
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12094
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-tab__indicator {
|
|
12095
12095
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed);
|
|
12096
12096
|
}
|
|
12097
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12097
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled {
|
|
12098
12098
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-disabled);
|
|
12099
12099
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-light-disabled);
|
|
12100
12100
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-light-disabled);
|
|
12101
12101
|
}
|
|
12102
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12102
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-icon {
|
|
12103
12103
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-disabled);
|
|
12104
12104
|
}
|
|
12105
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12105
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-tab__indicator {
|
|
12106
12106
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled);
|
|
12107
12107
|
}
|
|
12108
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12108
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active {
|
|
12109
12109
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-light-default);
|
|
12110
12110
|
border-color: var(--ids-comp-tab-item-standard-selected-border-light-default);
|
|
12111
12111
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-light-default);
|
|
12112
12112
|
}
|
|
12113
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12113
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-icon {
|
|
12114
12114
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-light-default);
|
|
12115
12115
|
}
|
|
12116
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12116
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator {
|
|
12117
12117
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-default);
|
|
12118
12118
|
}
|
|
12119
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12119
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover {
|
|
12120
12120
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-light-hovered);
|
|
12121
12121
|
border-color: var(--ids-comp-tab-item-standard-selected-border-light-hovered);
|
|
12122
12122
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-light-hovered);
|
|
12123
12123
|
}
|
|
12124
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12124
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-icon {
|
|
12125
12125
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-light-hovered);
|
|
12126
12126
|
}
|
|
12127
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12127
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-tab__indicator {
|
|
12128
12128
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered);
|
|
12129
12129
|
}
|
|
12130
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12130
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible {
|
|
12131
12131
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-light-focused);
|
|
12132
12132
|
border-color: var(--ids-comp-tab-item-standard-selected-border-light-focused);
|
|
12133
12133
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-light-focused);
|
|
12134
12134
|
}
|
|
12135
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12135
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-icon, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-icon {
|
|
12136
12136
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-light-focused);
|
|
12137
12137
|
}
|
|
12138
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12138
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-tab__indicator {
|
|
12139
12139
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused);
|
|
12140
12140
|
}
|
|
12141
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12141
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active {
|
|
12142
12142
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-light-pressed);
|
|
12143
12143
|
border-color: var(--ids-comp-tab-item-standard-selected-border-light-pressed);
|
|
12144
12144
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-light-pressed);
|
|
12145
12145
|
}
|
|
12146
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12146
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-icon {
|
|
12147
12147
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-light-pressed);
|
|
12148
12148
|
}
|
|
12149
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12149
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-tab__indicator {
|
|
12150
12150
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed);
|
|
12151
12151
|
}
|
|
12152
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12152
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled {
|
|
12153
12153
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-disabled);
|
|
12154
12154
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-light-disabled);
|
|
12155
12155
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-light-disabled);
|
|
12156
12156
|
}
|
|
12157
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12157
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-icon {
|
|
12158
12158
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-disabled);
|
|
12159
12159
|
}
|
|
12160
|
-
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12160
|
+
.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-tab__indicator {
|
|
12161
12161
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled);
|
|
12162
12162
|
}
|
|
12163
12163
|
.ids-tab-group.ids-tab-group-primary {
|
|
@@ -12166,115 +12166,115 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
12166
12166
|
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header {
|
|
12167
12167
|
background-color: var(--ids-comp-tab-tabgroup-color-bg-default);
|
|
12168
12168
|
}
|
|
12169
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12169
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab {
|
|
12170
12170
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-default);
|
|
12171
12171
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-primary-default);
|
|
12172
12172
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-primary-default);
|
|
12173
12173
|
}
|
|
12174
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12174
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
|
|
12175
12175
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-default);
|
|
12176
12176
|
}
|
|
12177
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12177
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__indicator {
|
|
12178
12178
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default);
|
|
12179
12179
|
}
|
|
12180
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12180
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover {
|
|
12181
12181
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-hovered);
|
|
12182
12182
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-primary-hovered);
|
|
12183
12183
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-primary-hovered);
|
|
12184
12184
|
}
|
|
12185
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12185
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-icon {
|
|
12186
12186
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-hovered);
|
|
12187
12187
|
}
|
|
12188
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12188
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-tab__indicator {
|
|
12189
12189
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered);
|
|
12190
12190
|
}
|
|
12191
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12191
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
|
|
12192
12192
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-focused);
|
|
12193
12193
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-primary-focused);
|
|
12194
12194
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-primary-focused);
|
|
12195
12195
|
outline-color: var(--ids-comp-tab-item-standard-focused-outline-color-dark-default);
|
|
12196
12196
|
}
|
|
12197
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12197
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-icon, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-icon {
|
|
12198
12198
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-focused);
|
|
12199
12199
|
}
|
|
12200
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12200
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-tab__indicator {
|
|
12201
12201
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused);
|
|
12202
12202
|
}
|
|
12203
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12203
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:active {
|
|
12204
12204
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-pressed);
|
|
12205
12205
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-primary-pressed);
|
|
12206
12206
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-primary-pressed);
|
|
12207
12207
|
}
|
|
12208
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12208
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-icon {
|
|
12209
12209
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-pressed);
|
|
12210
12210
|
}
|
|
12211
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12211
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-tab__indicator {
|
|
12212
12212
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed);
|
|
12213
12213
|
}
|
|
12214
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12214
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled {
|
|
12215
12215
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-disabled);
|
|
12216
12216
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-primary-disabled);
|
|
12217
12217
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-primary-disabled);
|
|
12218
12218
|
}
|
|
12219
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12219
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-icon {
|
|
12220
12220
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-disabled);
|
|
12221
12221
|
}
|
|
12222
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12222
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-tab__indicator {
|
|
12223
12223
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled);
|
|
12224
12224
|
}
|
|
12225
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12225
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active {
|
|
12226
12226
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-primary-default);
|
|
12227
12227
|
border-color: var(--ids-comp-tab-item-standard-selected-border-primary-default);
|
|
12228
12228
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-primary-default);
|
|
12229
12229
|
}
|
|
12230
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12230
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-icon {
|
|
12231
12231
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-primary-default);
|
|
12232
12232
|
}
|
|
12233
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12233
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator {
|
|
12234
12234
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default);
|
|
12235
12235
|
}
|
|
12236
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12236
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover {
|
|
12237
12237
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-primary-hovered);
|
|
12238
12238
|
border-color: var(--ids-comp-tab-item-standard-selected-border-primary-hovered);
|
|
12239
12239
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-primary-hovered);
|
|
12240
12240
|
}
|
|
12241
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12241
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-icon {
|
|
12242
12242
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-primary-hovered);
|
|
12243
12243
|
}
|
|
12244
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12244
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-tab__indicator {
|
|
12245
12245
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered);
|
|
12246
12246
|
}
|
|
12247
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12247
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible {
|
|
12248
12248
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-primary-focused);
|
|
12249
12249
|
border-color: var(--ids-comp-tab-item-standard-selected-border-primary-focused);
|
|
12250
12250
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-primary-focused);
|
|
12251
12251
|
}
|
|
12252
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12252
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-icon, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-icon {
|
|
12253
12253
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-primary-focused);
|
|
12254
12254
|
}
|
|
12255
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12255
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-tab__indicator {
|
|
12256
12256
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused);
|
|
12257
12257
|
}
|
|
12258
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12258
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active {
|
|
12259
12259
|
background-color: var(--ids-comp-tab-item-standard-selected-bg-primary-pressed);
|
|
12260
12260
|
border-color: var(--ids-comp-tab-item-standard-selected-border-primary-pressed);
|
|
12261
12261
|
color: var(--ids-comp-tab-item-standard-selected-fg-label-primary-pressed);
|
|
12262
12262
|
}
|
|
12263
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12263
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-icon {
|
|
12264
12264
|
color: var(--ids-comp-tab-item-standard-selected-fg-icon-primary-pressed);
|
|
12265
12265
|
}
|
|
12266
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12266
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-tab__indicator {
|
|
12267
12267
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed);
|
|
12268
12268
|
}
|
|
12269
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12269
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled {
|
|
12270
12270
|
background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-disabled);
|
|
12271
12271
|
border-color: var(--ids-comp-tab-item-standard-unselected-border-primary-disabled);
|
|
12272
12272
|
color: var(--ids-comp-tab-item-standard-unselected-fg-label-primary-disabled);
|
|
12273
12273
|
}
|
|
12274
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12274
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-icon {
|
|
12275
12275
|
color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-disabled);
|
|
12276
12276
|
}
|
|
12277
|
-
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab
|
|
12277
|
+
.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-tab__indicator {
|
|
12278
12278
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled);
|
|
12279
12279
|
}
|
|
12280
12280
|
|
|
@@ -12893,7 +12893,6 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
|
|
|
12893
12893
|
}
|
|
12894
12894
|
|
|
12895
12895
|
.ids-tooltip {
|
|
12896
|
-
position: fixed;
|
|
12897
12896
|
display: block;
|
|
12898
12897
|
}
|
|
12899
12898
|
.ids-tooltip > .ids-tooltip__content {
|
|
@@ -12903,11 +12902,6 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
|
|
|
12903
12902
|
align-items: center;
|
|
12904
12903
|
width: max-content;
|
|
12905
12904
|
}
|
|
12906
|
-
.ids-tooltip > .ids-tooltip__content::after {
|
|
12907
|
-
position: absolute;
|
|
12908
|
-
content: " ";
|
|
12909
|
-
transform: rotate(-45deg);
|
|
12910
|
-
}
|
|
12911
12905
|
.ids-tooltip.ids-tooltip-compact > .ids-tooltip__content {
|
|
12912
12906
|
max-width: var(--ids-comp-tooltip-size-max-width-compact);
|
|
12913
12907
|
padding: var(--ids-comp-tooltip-size-padding-y-compact) var(--ids-comp-tooltip-size-padding-x-compact);
|
|
@@ -12918,61 +12912,29 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
|
|
|
12918
12912
|
letter-spacing: var(--ids-comp-tooltip-label-typography-letter-spacing-compact);
|
|
12919
12913
|
line-height: var(--ids-comp-tooltip-label-typography-line-height-compact);
|
|
12920
12914
|
}
|
|
12921
|
-
.ids-tooltip.ids-tooltip-compact > .ids-tooltip__content::after {
|
|
12922
|
-
width: var(--ids-comp-tooltip-size-caret-size-compact);
|
|
12923
|
-
height: var(--ids-comp-tooltip-size-caret-size-compact);
|
|
12924
|
-
}
|
|
12925
12915
|
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-north {
|
|
12926
12916
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12927
12917
|
}
|
|
12928
|
-
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-north > .ids-tooltip__content::after {
|
|
12929
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
12930
|
-
}
|
|
12931
12918
|
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northeast {
|
|
12932
|
-
margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624));
|
|
12933
12919
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12934
12920
|
}
|
|
12935
|
-
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northeast > .ids-tooltip__content::after {
|
|
12936
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
12937
|
-
}
|
|
12938
12921
|
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-east {
|
|
12939
12922
|
padding-left: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12940
12923
|
}
|
|
12941
|
-
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-east > .ids-tooltip__content::after {
|
|
12942
|
-
left: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
12943
|
-
}
|
|
12944
12924
|
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southeast {
|
|
12945
12925
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12946
|
-
margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12947
|
-
}
|
|
12948
|
-
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
12949
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
12950
12926
|
}
|
|
12951
12927
|
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-south {
|
|
12952
12928
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12953
12929
|
}
|
|
12954
|
-
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-south > .ids-tooltip__content::after {
|
|
12955
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
12956
|
-
}
|
|
12957
12930
|
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southwest {
|
|
12958
12931
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12959
|
-
margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12960
|
-
}
|
|
12961
|
-
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
12962
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
12963
12932
|
}
|
|
12964
12933
|
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-west {
|
|
12965
12934
|
padding-right: calc(var(--ids-comp-tooltip-size-caret-size-compact) / 1.4142135624);
|
|
12966
12935
|
}
|
|
12967
|
-
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
12968
|
-
right: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
12969
|
-
}
|
|
12970
12936
|
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northwest {
|
|
12971
12937
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12972
|
-
margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
12973
|
-
}
|
|
12974
|
-
.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northwest > .ids-tooltip__content::after {
|
|
12975
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
12976
12938
|
}
|
|
12977
12939
|
.ids-tooltip.ids-tooltip-comfortable > .ids-tooltip__content {
|
|
12978
12940
|
max-width: var(--ids-comp-tooltip-size-max-width-comfortable);
|
|
@@ -12984,61 +12946,29 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
|
|
|
12984
12946
|
letter-spacing: var(--ids-comp-tooltip-label-typography-letter-spacing-comfortable);
|
|
12985
12947
|
line-height: var(--ids-comp-tooltip-label-typography-line-height-comfortable);
|
|
12986
12948
|
}
|
|
12987
|
-
.ids-tooltip.ids-tooltip-comfortable > .ids-tooltip__content::after {
|
|
12988
|
-
width: var(--ids-comp-tooltip-size-caret-size-comfortable);
|
|
12989
|
-
height: var(--ids-comp-tooltip-size-caret-size-comfortable);
|
|
12990
|
-
}
|
|
12991
12949
|
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-north {
|
|
12992
12950
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
12993
12951
|
}
|
|
12994
|
-
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-north > .ids-tooltip__content::after {
|
|
12995
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
12996
|
-
}
|
|
12997
12952
|
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northeast {
|
|
12998
|
-
margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624));
|
|
12999
12953
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13000
12954
|
}
|
|
13001
|
-
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northeast > .ids-tooltip__content::after {
|
|
13002
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13003
|
-
}
|
|
13004
12955
|
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-east {
|
|
13005
12956
|
padding-left: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13006
12957
|
}
|
|
13007
|
-
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-east > .ids-tooltip__content::after {
|
|
13008
|
-
left: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13009
|
-
}
|
|
13010
12958
|
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southeast {
|
|
13011
12959
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13012
|
-
margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13013
|
-
}
|
|
13014
|
-
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
13015
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13016
12960
|
}
|
|
13017
12961
|
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-south {
|
|
13018
12962
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13019
12963
|
}
|
|
13020
|
-
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-south > .ids-tooltip__content::after {
|
|
13021
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13022
|
-
}
|
|
13023
12964
|
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southwest {
|
|
13024
12965
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13025
|
-
margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13026
|
-
}
|
|
13027
|
-
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
13028
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13029
12966
|
}
|
|
13030
12967
|
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-west {
|
|
13031
12968
|
padding-right: calc(var(--ids-comp-tooltip-size-caret-size-comfortable) / 1.4142135624);
|
|
13032
12969
|
}
|
|
13033
|
-
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
13034
|
-
right: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13035
|
-
}
|
|
13036
12970
|
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northwest {
|
|
13037
12971
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13038
|
-
margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13039
|
-
}
|
|
13040
|
-
.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northwest > .ids-tooltip__content::after {
|
|
13041
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13042
12972
|
}
|
|
13043
12973
|
.ids-tooltip.ids-tooltip-spacious > .ids-tooltip__content {
|
|
13044
12974
|
max-width: var(--ids-comp-tooltip-size-max-width-spacious);
|
|
@@ -13050,61 +12980,29 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
|
|
|
13050
12980
|
letter-spacing: var(--ids-comp-tooltip-label-typography-letter-spacing-spacious);
|
|
13051
12981
|
line-height: var(--ids-comp-tooltip-label-typography-line-height-spacious);
|
|
13052
12982
|
}
|
|
13053
|
-
.ids-tooltip.ids-tooltip-spacious > .ids-tooltip__content::after {
|
|
13054
|
-
width: var(--ids-comp-tooltip-size-caret-size-spacious);
|
|
13055
|
-
height: var(--ids-comp-tooltip-size-caret-size-spacious);
|
|
13056
|
-
}
|
|
13057
12983
|
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-north {
|
|
13058
12984
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13059
12985
|
}
|
|
13060
|
-
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-north > .ids-tooltip__content::after {
|
|
13061
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13062
|
-
}
|
|
13063
12986
|
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northeast {
|
|
13064
|
-
margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624));
|
|
13065
12987
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13066
12988
|
}
|
|
13067
|
-
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northeast > .ids-tooltip__content::after {
|
|
13068
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13069
|
-
}
|
|
13070
12989
|
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-east {
|
|
13071
12990
|
padding-left: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13072
12991
|
}
|
|
13073
|
-
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-east > .ids-tooltip__content::after {
|
|
13074
|
-
left: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13075
|
-
}
|
|
13076
12992
|
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southeast {
|
|
13077
12993
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13078
|
-
margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13079
|
-
}
|
|
13080
|
-
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
13081
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13082
12994
|
}
|
|
13083
12995
|
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-south {
|
|
13084
12996
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13085
12997
|
}
|
|
13086
|
-
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-south > .ids-tooltip__content::after {
|
|
13087
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13088
|
-
}
|
|
13089
12998
|
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southwest {
|
|
13090
12999
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13091
|
-
margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13092
|
-
}
|
|
13093
|
-
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
13094
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13095
13000
|
}
|
|
13096
13001
|
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-west {
|
|
13097
13002
|
padding-right: calc(var(--ids-comp-tooltip-size-caret-size-spacious) / 1.4142135624);
|
|
13098
13003
|
}
|
|
13099
|
-
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
13100
|
-
right: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13101
|
-
}
|
|
13102
13004
|
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northwest {
|
|
13103
13005
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13104
|
-
margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13105
|
-
}
|
|
13106
|
-
.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northwest > .ids-tooltip__content::after {
|
|
13107
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13108
13006
|
}
|
|
13109
13007
|
.ids-tooltip.ids-tooltip-dense > .ids-tooltip__content {
|
|
13110
13008
|
max-width: var(--ids-comp-tooltip-size-max-width-dense);
|
|
@@ -13116,111 +13014,250 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
|
|
|
13116
13014
|
letter-spacing: var(--ids-comp-tooltip-label-typography-letter-spacing-dense);
|
|
13117
13015
|
line-height: var(--ids-comp-tooltip-label-typography-line-height-dense);
|
|
13118
13016
|
}
|
|
13119
|
-
.ids-tooltip.ids-tooltip-dense > .ids-tooltip__content::after {
|
|
13120
|
-
width: var(--ids-comp-tooltip-size-caret-size-dense);
|
|
13121
|
-
height: var(--ids-comp-tooltip-size-caret-size-dense);
|
|
13122
|
-
}
|
|
13123
13017
|
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-north {
|
|
13124
13018
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13125
13019
|
}
|
|
13126
|
-
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-north > .ids-tooltip__content::after {
|
|
13127
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13128
|
-
}
|
|
13129
13020
|
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northeast {
|
|
13130
|
-
margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624));
|
|
13131
13021
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13132
13022
|
}
|
|
13133
|
-
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northeast > .ids-tooltip__content::after {
|
|
13134
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13135
|
-
}
|
|
13136
13023
|
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-east {
|
|
13137
13024
|
padding-left: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13138
13025
|
}
|
|
13139
|
-
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-east > .ids-tooltip__content::after {
|
|
13140
|
-
left: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13141
|
-
}
|
|
13142
13026
|
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southeast {
|
|
13143
13027
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13144
|
-
margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13145
|
-
}
|
|
13146
|
-
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
13147
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13148
13028
|
}
|
|
13149
13029
|
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-south {
|
|
13150
13030
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13151
13031
|
}
|
|
13152
|
-
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-south > .ids-tooltip__content::after {
|
|
13153
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13154
|
-
}
|
|
13155
13032
|
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southwest {
|
|
13156
13033
|
padding-top: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13157
|
-
margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13158
|
-
}
|
|
13159
|
-
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
13160
|
-
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13161
13034
|
}
|
|
13162
13035
|
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-west {
|
|
13163
13036
|
padding-right: calc(var(--ids-comp-tooltip-size-caret-size-dense) / 1.4142135624);
|
|
13164
13037
|
}
|
|
13165
|
-
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
13166
|
-
right: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13167
|
-
}
|
|
13168
13038
|
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northwest {
|
|
13169
13039
|
padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13170
|
-
margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13171
|
-
}
|
|
13172
|
-
.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northwest > .ids-tooltip__content::after {
|
|
13173
|
-
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13174
13040
|
}
|
|
13175
13041
|
.ids-tooltip.ids-tooltip-light > .ids-tooltip__content {
|
|
13176
13042
|
background-color: var(--ids-comp-tooltip-color-bg-light-default);
|
|
13177
13043
|
color: var(--ids-comp-tooltip-color-fg-light-default);
|
|
13178
13044
|
}
|
|
13179
|
-
.ids-tooltip.ids-tooltip-light > .ids-tooltip__content::after {
|
|
13180
|
-
background: var(--ids-comp-tooltip-color-bg-light-default);
|
|
13181
|
-
}
|
|
13182
13045
|
.ids-tooltip.ids-tooltip-dark > .ids-tooltip__content {
|
|
13183
13046
|
background-color: var(--ids-comp-tooltip-color-bg-dark-default);
|
|
13184
13047
|
color: var(--ids-comp-tooltip-color-fg-dark-default);
|
|
13185
13048
|
}
|
|
13186
|
-
.ids-tooltip.ids-tooltip-
|
|
13187
|
-
|
|
13049
|
+
.ids-tooltip.ids-tooltip-text-align-center > .ids-tooltip__content {
|
|
13050
|
+
text-align: center;
|
|
13051
|
+
}
|
|
13052
|
+
.ids-tooltip.ids-tooltip-text-align-right > .ids-tooltip__content {
|
|
13053
|
+
text-align: right;
|
|
13188
13054
|
}
|
|
13189
|
-
.ids-tooltip.ids-tooltip-
|
|
13055
|
+
.ids-tooltip.ids-tooltip-text-align-left > .ids-tooltip__content {
|
|
13056
|
+
text-align: left;
|
|
13057
|
+
}
|
|
13058
|
+
.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-north, .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-south {
|
|
13190
13059
|
text-align: center;
|
|
13191
13060
|
}
|
|
13192
|
-
.ids-tooltip.ids-tooltip-
|
|
13061
|
+
.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-east, .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-northeast, .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-southeast {
|
|
13062
|
+
text-align: left;
|
|
13063
|
+
}
|
|
13064
|
+
.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-west .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-northwest, .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-southwest {
|
|
13065
|
+
text-align: right;
|
|
13066
|
+
}
|
|
13067
|
+
.ids-tooltip.ids-tooltip-pointered > .ids-tooltip__content::after {
|
|
13068
|
+
position: absolute;
|
|
13069
|
+
content: " ";
|
|
13070
|
+
transform: rotate(-45deg);
|
|
13071
|
+
}
|
|
13072
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-north > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-south > .ids-tooltip__content::after {
|
|
13193
13073
|
left: auto;
|
|
13194
13074
|
right: auto;
|
|
13195
13075
|
}
|
|
13196
|
-
.ids-tooltip.ids-tooltip-position-east > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
13076
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-east > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
13197
13077
|
top: auto;
|
|
13198
13078
|
bottom: auto;
|
|
13199
13079
|
}
|
|
13200
|
-
.ids-tooltip.ids-tooltip-position-northeast, .ids-tooltip.ids-tooltip-position-southeast {
|
|
13201
|
-
text-align: left;
|
|
13202
|
-
}
|
|
13203
|
-
.ids-tooltip.ids-tooltip-position-northeast > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
13080
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-northeast > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
13204
13081
|
left: 10px;
|
|
13205
13082
|
}
|
|
13206
|
-
.ids-tooltip.ids-tooltip-position-northwest, .ids-tooltip.ids-tooltip-position-southwest {
|
|
13207
|
-
text-align: right;
|
|
13208
|
-
}
|
|
13209
|
-
.ids-tooltip.ids-tooltip-position-northwest > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
13083
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-northwest > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
13210
13084
|
right: 10px;
|
|
13211
13085
|
}
|
|
13212
|
-
.ids-tooltip.ids-tooltip-
|
|
13213
|
-
|
|
13086
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact > .ids-tooltip__content::after {
|
|
13087
|
+
width: var(--ids-comp-tooltip-size-caret-size-compact);
|
|
13088
|
+
height: var(--ids-comp-tooltip-size-caret-size-compact);
|
|
13214
13089
|
}
|
|
13215
|
-
.ids-tooltip.ids-tooltip-position-
|
|
13216
|
-
|
|
13090
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-north > .ids-tooltip__content::after {
|
|
13091
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
13217
13092
|
}
|
|
13218
|
-
.ids-tooltip.ids-tooltip-
|
|
13219
|
-
|
|
13093
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northeast {
|
|
13094
|
+
margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624));
|
|
13220
13095
|
}
|
|
13221
|
-
.ids-tooltip.ids-tooltip-
|
|
13222
|
-
|
|
13096
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northeast > .ids-tooltip__content::after {
|
|
13097
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
13223
13098
|
}
|
|
13224
|
-
.ids-tooltip.ids-tooltip-
|
|
13225
|
-
|
|
13099
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-east > .ids-tooltip__content::after {
|
|
13100
|
+
left: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
13101
|
+
}
|
|
13102
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southeast {
|
|
13103
|
+
margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
13104
|
+
}
|
|
13105
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
13106
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
13107
|
+
}
|
|
13108
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-south > .ids-tooltip__content::after {
|
|
13109
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
13110
|
+
}
|
|
13111
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southwest {
|
|
13112
|
+
margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
13113
|
+
}
|
|
13114
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
13115
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
13116
|
+
}
|
|
13117
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-west {
|
|
13118
|
+
padding-right: calc(var(--ids-comp-tooltip-size-caret-size-compact) / 1.4142135624);
|
|
13119
|
+
}
|
|
13120
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
13121
|
+
right: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
13122
|
+
}
|
|
13123
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northwest {
|
|
13124
|
+
margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
|
|
13125
|
+
}
|
|
13126
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northwest > .ids-tooltip__content::after {
|
|
13127
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
|
|
13128
|
+
}
|
|
13129
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable > .ids-tooltip__content::after {
|
|
13130
|
+
width: var(--ids-comp-tooltip-size-caret-size-comfortable);
|
|
13131
|
+
height: var(--ids-comp-tooltip-size-caret-size-comfortable);
|
|
13132
|
+
}
|
|
13133
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-north > .ids-tooltip__content::after {
|
|
13134
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13135
|
+
}
|
|
13136
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northeast {
|
|
13137
|
+
margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624));
|
|
13138
|
+
}
|
|
13139
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northeast > .ids-tooltip__content::after {
|
|
13140
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13141
|
+
}
|
|
13142
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-east > .ids-tooltip__content::after {
|
|
13143
|
+
left: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13144
|
+
}
|
|
13145
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southeast {
|
|
13146
|
+
margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13147
|
+
}
|
|
13148
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
13149
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13150
|
+
}
|
|
13151
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-south > .ids-tooltip__content::after {
|
|
13152
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13153
|
+
}
|
|
13154
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southwest {
|
|
13155
|
+
margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13156
|
+
}
|
|
13157
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
13158
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13159
|
+
}
|
|
13160
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-west {
|
|
13161
|
+
padding-right: calc(var(--ids-comp-tooltip-size-caret-size-comfortable) / 1.4142135624);
|
|
13162
|
+
}
|
|
13163
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
13164
|
+
right: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13165
|
+
}
|
|
13166
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northwest {
|
|
13167
|
+
margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
|
|
13168
|
+
}
|
|
13169
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northwest > .ids-tooltip__content::after {
|
|
13170
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
|
|
13171
|
+
}
|
|
13172
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious > .ids-tooltip__content::after {
|
|
13173
|
+
width: var(--ids-comp-tooltip-size-caret-size-spacious);
|
|
13174
|
+
height: var(--ids-comp-tooltip-size-caret-size-spacious);
|
|
13175
|
+
}
|
|
13176
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-north > .ids-tooltip__content::after {
|
|
13177
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13178
|
+
}
|
|
13179
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northeast {
|
|
13180
|
+
margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624));
|
|
13181
|
+
}
|
|
13182
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northeast > .ids-tooltip__content::after {
|
|
13183
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13184
|
+
}
|
|
13185
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-east > .ids-tooltip__content::after {
|
|
13186
|
+
left: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13187
|
+
}
|
|
13188
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southeast {
|
|
13189
|
+
margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13190
|
+
}
|
|
13191
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
13192
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13193
|
+
}
|
|
13194
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-south > .ids-tooltip__content::after {
|
|
13195
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13196
|
+
}
|
|
13197
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southwest {
|
|
13198
|
+
margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13199
|
+
}
|
|
13200
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
13201
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13202
|
+
}
|
|
13203
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-west {
|
|
13204
|
+
padding-right: calc(var(--ids-comp-tooltip-size-caret-size-spacious) / 1.4142135624);
|
|
13205
|
+
}
|
|
13206
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
13207
|
+
right: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13208
|
+
}
|
|
13209
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northwest {
|
|
13210
|
+
margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
|
|
13211
|
+
}
|
|
13212
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northwest > .ids-tooltip__content::after {
|
|
13213
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
|
|
13214
|
+
}
|
|
13215
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense > .ids-tooltip__content::after {
|
|
13216
|
+
width: var(--ids-comp-tooltip-size-caret-size-dense);
|
|
13217
|
+
height: var(--ids-comp-tooltip-size-caret-size-dense);
|
|
13218
|
+
}
|
|
13219
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-north > .ids-tooltip__content::after {
|
|
13220
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13221
|
+
}
|
|
13222
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northeast {
|
|
13223
|
+
margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624));
|
|
13224
|
+
}
|
|
13225
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northeast > .ids-tooltip__content::after {
|
|
13226
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13227
|
+
}
|
|
13228
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-east > .ids-tooltip__content::after {
|
|
13229
|
+
left: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13230
|
+
}
|
|
13231
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southeast {
|
|
13232
|
+
margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13233
|
+
}
|
|
13234
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southeast > .ids-tooltip__content::after {
|
|
13235
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13236
|
+
}
|
|
13237
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-south > .ids-tooltip__content::after {
|
|
13238
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13239
|
+
}
|
|
13240
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southwest {
|
|
13241
|
+
margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13242
|
+
}
|
|
13243
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southwest > .ids-tooltip__content::after {
|
|
13244
|
+
top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13245
|
+
}
|
|
13246
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-west {
|
|
13247
|
+
padding-right: calc(var(--ids-comp-tooltip-size-caret-size-dense) / 1.4142135624);
|
|
13248
|
+
}
|
|
13249
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-west > .ids-tooltip__content::after {
|
|
13250
|
+
right: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13251
|
+
}
|
|
13252
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northwest {
|
|
13253
|
+
margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
|
|
13254
|
+
}
|
|
13255
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northwest > .ids-tooltip__content::after {
|
|
13256
|
+
bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
|
|
13257
|
+
}
|
|
13258
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-light > .ids-tooltip__content::after {
|
|
13259
|
+
background: var(--ids-comp-tooltip-color-bg-light-default);
|
|
13260
|
+
}
|
|
13261
|
+
.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dark > .ids-tooltip__content::after {
|
|
13262
|
+
background: var(--ids-comp-tooltip-color-bg-dark-default);
|
|
13226
13263
|
}
|