@i-cell/ids-styles 0.0.23 → 0.0.24
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 +160 -160
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +236 -211
- package/dist/tab/tab.css +160 -160
- package/dist/tab/tab.min.css +1 -1
- package/dist/tab/tab.plugin.js +236 -211
- 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
|
|