@ixfx/components 0.5.11 → 0.5.12
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/bundle/index.d.ts +5 -5
- package/bundle/index.d.ts.map +1 -1
- package/bundle/index.js +8 -7
- package/bundle/index.js.map +1 -1
- package/dist/index.js +8 -7
- package/dist/index.js.map +1 -1
- package/dist/tab-list-VtWT-_FG.d.ts.map +1 -1
- package/docs-user/tabs.md +9 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5553,9 +5553,10 @@ let TabListItemElement = class TabListItemElement extends LitElement {
|
|
|
5553
5553
|
prominenceStyles,
|
|
5554
5554
|
css`
|
|
5555
5555
|
:host {
|
|
5556
|
-
--selected-
|
|
5557
|
-
--selected-border-width: 1px;
|
|
5558
|
-
--
|
|
5556
|
+
--selected-tab-color: var(--ixfx-selected-tab-color, var(--surface-2-text));
|
|
5557
|
+
--selected-tab-border-width: var(--ixfx-selected-tab-border-width, 1px);
|
|
5558
|
+
--selected-tab-weight: var(--ixfx-selected-tab-weight, bold);
|
|
5559
|
+
--selected-background: var(--ixfx-tab-selected-background, var(--surface-5));
|
|
5559
5560
|
--padding: var(--space-m);
|
|
5560
5561
|
display: inline-flex;
|
|
5561
5562
|
min-width: 0;
|
|
@@ -5571,17 +5572,17 @@ let TabListItemElement = class TabListItemElement extends LitElement {
|
|
|
5571
5572
|
min-width: 0;
|
|
5572
5573
|
width: 100%;
|
|
5573
5574
|
font-weight: 500;
|
|
5574
|
-
border: var(--selected-border-width) solid transparent;
|
|
5575
|
+
border: var(--selected-tab-border-width) solid transparent;
|
|
5575
5576
|
}
|
|
5576
5577
|
|
|
5577
5578
|
:host([selected]) > div {
|
|
5578
|
-
color: var(--selected-
|
|
5579
|
+
color: var(--selected-tab-color);
|
|
5579
5580
|
border-top-color: var(--indicator-color-top, transparent);
|
|
5580
5581
|
border-bottom-color: var(--indicator-color-bottom, transparent);
|
|
5581
5582
|
border-left-color: var(--indicator-color-left, transparent);
|
|
5582
5583
|
border-right-color: var(--indicator-color-right, transparent);
|
|
5583
|
-
background: var(--
|
|
5584
|
-
font-weight:
|
|
5584
|
+
background: var(--selected-background);
|
|
5585
|
+
font-weight: var(--selected-tab-weight);
|
|
5585
5586
|
}
|
|
5586
5587
|
|
|
5587
5588
|
.label {
|