cax-design-system 1.2.11 → 1.2.13
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.
|
@@ -4897,6 +4897,10 @@
|
|
|
4897
4897
|
|
|
4898
4898
|
.cax-tabview .cax-tabview-nav-content {
|
|
4899
4899
|
scroll-padding-inline: 2.5rem;
|
|
4900
|
+
padding-right: 0;
|
|
4901
|
+
}
|
|
4902
|
+
.cax-tabview-nav-content.scrollable-tabs {
|
|
4903
|
+
padding-right: 5.5rem !important;
|
|
4900
4904
|
}
|
|
4901
4905
|
.cax-tabview .cax-tabview-nav {
|
|
4902
4906
|
background: var(--white-900);
|
|
@@ -4970,7 +4974,7 @@
|
|
|
4970
4974
|
color: var(--charcoal-900);
|
|
4971
4975
|
}
|
|
4972
4976
|
.cax-tabview .cax-segment-tabview-nav-btn.cax-link {
|
|
4973
|
-
background: var(--white-
|
|
4977
|
+
background: var(--white-100);
|
|
4974
4978
|
color: var(--charcoal-900);
|
|
4975
4979
|
width: 2.5rem;
|
|
4976
4980
|
box-shadow:
|
|
@@ -5028,13 +5032,13 @@
|
|
|
5028
5032
|
margin-left: 0.5rem;
|
|
5029
5033
|
}
|
|
5030
5034
|
.cax-tabview .cax-tabview-nav-btn.cax-link {
|
|
5031
|
-
background: var(--white-
|
|
5035
|
+
background: var(--white-100);
|
|
5032
5036
|
color: var(--primary-base);
|
|
5033
5037
|
width: 2.5rem;
|
|
5034
5038
|
box-shadow:
|
|
5035
|
-
0 3px 1px -2px
|
|
5036
|
-
0 2px 2px 0
|
|
5037
|
-
0 1px 5px 0
|
|
5039
|
+
0 3px 1px -2px var(--surface-700),
|
|
5040
|
+
0 2px 2px 0 var(--surface-700),
|
|
5041
|
+
0 1px 5px 0 var(--surface-700);
|
|
5038
5042
|
border-radius: 0;
|
|
5039
5043
|
}
|
|
5040
5044
|
.cax-tabview .cax-tabview-nav-btn.cax-link:focus-visible {
|
|
@@ -8875,19 +8879,11 @@
|
|
|
8875
8879
|
box-shadow 0.2s,
|
|
8876
8880
|
outline-color 0.2s;
|
|
8877
8881
|
box-shadow:
|
|
8878
|
-
0 3px 1px -2px
|
|
8879
|
-
0 2px 2px 0
|
|
8880
|
-
0 1px 5px 0
|
|
8881
|
-
box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
|
|
8882
|
-
}
|
|
8883
|
-
.cax-tabview .cax-tabview-nav-btn.cax-link:hover {
|
|
8884
|
-
color: #ffffff;
|
|
8882
|
+
0 3px 1px -2px var(--surface-700),
|
|
8883
|
+
0 2px 2px 0 var(--surface-700),
|
|
8884
|
+
0 1px 5px 0 var(--surface-700);
|
|
8885
8885
|
}
|
|
8886
8886
|
|
|
8887
|
-
// .cax-tag {
|
|
8888
|
-
// background: color-mix(in srgb, var(--primary-500), transparent 80%);
|
|
8889
|
-
// color: var(--primary-300);
|
|
8890
|
-
// }
|
|
8891
8887
|
.cax-tag.cax-tag-primary {
|
|
8892
8888
|
background: var(--primary-base);
|
|
8893
8889
|
color: var(--white-100);
|
package/tabview/tabview.d.ts
CHANGED
|
@@ -270,6 +270,7 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
|
|
|
270
270
|
updateButtonState(): void;
|
|
271
271
|
refreshButtonState(): void;
|
|
272
272
|
onScroll(event: Event): void;
|
|
273
|
+
checkScrollableTabs(): void;
|
|
273
274
|
getVisibleButtonWidths(): any;
|
|
274
275
|
navBackward(): void;
|
|
275
276
|
navForward(): void;
|