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