@ni/nimble-components 20.1.3 → 20.1.4
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/all-components-bundle.js +11 -5
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +5 -5
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/anchor-tab/styles.js +3 -3
- package/dist/esm/anchor-tabs/index.js +7 -1
- package/dist/esm/anchor-tabs/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -16288,7 +16288,7 @@
|
|
|
16288
16288
|
|
|
16289
16289
|
/**
|
|
16290
16290
|
* Do not edit directly
|
|
16291
|
-
* Generated on
|
|
16291
|
+
* Generated on Fri, 11 Aug 2023 15:03:51 GMT
|
|
16292
16292
|
*/
|
|
16293
16293
|
|
|
16294
16294
|
const Information100DarkUi = "#a46eff";
|
|
@@ -17789,7 +17789,7 @@
|
|
|
17789
17789
|
background-color: ${fillHoverColor};
|
|
17790
17790
|
}
|
|
17791
17791
|
|
|
17792
|
-
:host(:hover[aria-
|
|
17792
|
+
:host(:hover[aria-current]) {
|
|
17793
17793
|
background-color: ${fillHoverSelectedColor};
|
|
17794
17794
|
}
|
|
17795
17795
|
|
|
@@ -17865,12 +17865,12 @@
|
|
|
17865
17865
|
border-bottom-width: var(--ni-private-focus-indicator-width);
|
|
17866
17866
|
}
|
|
17867
17867
|
|
|
17868
|
-
:host([aria-
|
|
17868
|
+
:host([aria-current]) a::after {
|
|
17869
17869
|
width: 100%;
|
|
17870
17870
|
border-bottom-width: var(--ni-private-active-indicator-width);
|
|
17871
17871
|
}
|
|
17872
17872
|
|
|
17873
|
-
:host([disabled][aria-
|
|
17873
|
+
:host([disabled][aria-current]) a::after {
|
|
17874
17874
|
border-bottom-color: rgba(${borderHoverColor}, 0.3);
|
|
17875
17875
|
}
|
|
17876
17876
|
|
|
@@ -18003,7 +18003,12 @@
|
|
|
18003
18003
|
}
|
|
18004
18004
|
const isTabStop = this.activeid === tabId && this.isFocusableElement(tab);
|
|
18005
18005
|
tab.setAttribute('id', tabId);
|
|
18006
|
-
|
|
18006
|
+
if (isActiveTab) {
|
|
18007
|
+
tab.setAttribute('aria-current', 'page');
|
|
18008
|
+
}
|
|
18009
|
+
else {
|
|
18010
|
+
tab.removeAttribute('aria-current');
|
|
18011
|
+
}
|
|
18007
18012
|
tab.removeEventListener('click', this.handleTabClick);
|
|
18008
18013
|
tab.addEventListener('click', this.handleTabClick);
|
|
18009
18014
|
tab.removeEventListener('keydown', this.handleTabKeyDown);
|
|
@@ -18113,6 +18118,7 @@
|
|
|
18113
18118
|
focusedTab.focus();
|
|
18114
18119
|
this.tabs.forEach((tab) => {
|
|
18115
18120
|
tab.setAttribute('tabindex', tab === focusedTab ? '0' : '-1');
|
|
18121
|
+
tab.setAttribute('aria-selected', tab === focusedTab ? 'true' : 'false');
|
|
18116
18122
|
});
|
|
18117
18123
|
};
|
|
18118
18124
|
}
|