@nnc-digital/nnc-design-system 1.0.0-alpha50 → 1.0.0-alpha51
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/build/ThemeVars.types.d.ts +60 -0
- package/build/index.d.ts +42 -42
- package/build/index.esm.js +32377 -0
- package/build/index.esm.js.map +1 -0
- package/build/index.js +18 -3
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +18 -3
- package/build/index.mjs.js.map +1 -1
- package/build/library/directory/DirectoryAddToShortList/DirectoryAddToShortList.types.d.ts +0 -9
- package/build/library/directory/DirectoryDocumentList/DirectoryDocumentList.types.d.ts +0 -4
- package/build/library/directory/DirectoryService/DirectoryService.storydata.d.ts +0 -1
- package/build/library/directory/DirectoryService/DirectoryService.types.d.ts +0 -4
- package/build/library/directory/DirectoryService/DirectoryServiceTransform.d.ts +1 -1
- package/build/library/directory/DirectoryServiceList/DirectoryServiceList.types.d.ts +0 -12
- package/build/library/directory/ServiceContact/ServiceContact.types.d.ts +0 -4
- package/package.json +1 -1
- package/build/library/directory/DirectoryService/DirectoryServiceTransform.test.d.ts +0 -1
package/build/index.mjs.js
CHANGED
|
@@ -8145,7 +8145,7 @@ var CookieBanner = function (_a) {
|
|
|
8145
8145
|
// on page load - look for a cookie
|
|
8146
8146
|
useEffect(function () {
|
|
8147
8147
|
checkCookie();
|
|
8148
|
-
});
|
|
8148
|
+
}, []);
|
|
8149
8149
|
var _d = useState(false), showCookieBanner = _d[0], setShowCookieBanner = _d[1];
|
|
8150
8150
|
var _e = useState(false), showCookiesRejectedBanner = _e[0], setShowCookiesRejectedBanner = _e[1];
|
|
8151
8151
|
var _f = useState(false), showCookiesAcceptedBanner = _f[0], setShowCookiesAcceptedBanner = _f[1];
|
|
@@ -25067,6 +25067,17 @@ const FooterLink = styled.a`
|
|
|
25067
25067
|
-webkit-box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25068
25068
|
-moz-box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25069
25069
|
}
|
|
25070
|
+
&:focus:not(:focus-visible) {
|
|
25071
|
+
box-shadow: none;
|
|
25072
|
+
-webkit-box-shadow: none;
|
|
25073
|
+
-moz-box-shadow: none;
|
|
25074
|
+
}
|
|
25075
|
+
&:focus-visible {
|
|
25076
|
+
${(props) => props.theme.linkStylesFocus}
|
|
25077
|
+
box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25078
|
+
-webkit-box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25079
|
+
-moz-box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25080
|
+
}
|
|
25070
25081
|
&:active {
|
|
25071
25082
|
${(props) => props.theme.linkStylesActive}
|
|
25072
25083
|
box-shadow: 0px -1px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
@@ -27963,10 +27974,12 @@ const ListItem = styled.li`
|
|
|
27963
27974
|
background-color: ${(props) => props.theme.theme_vars.colours.action_light};
|
|
27964
27975
|
color: ${(props) => props.theme.theme_vars.colours.black};
|
|
27965
27976
|
border-bottom-color: transparent;
|
|
27966
|
-
|
|
27967
27977
|
&:focus {
|
|
27968
27978
|
${focusListItem}
|
|
27969
27979
|
}
|
|
27980
|
+
&:focus-visible {
|
|
27981
|
+
${focusListItem}
|
|
27982
|
+
}
|
|
27970
27983
|
}
|
|
27971
27984
|
}
|
|
27972
27985
|
`;
|
|
@@ -27982,10 +27995,12 @@ const ListItemLink = styled.a`
|
|
|
27982
27995
|
transition: background-color 0.3s ease 0s;
|
|
27983
27996
|
background-color: ${(props) => props.theme.theme_vars.colours.action_light}80;
|
|
27984
27997
|
}
|
|
27985
|
-
|
|
27986
27998
|
&:focus {
|
|
27987
27999
|
${focusListItem}
|
|
27988
28000
|
}
|
|
28001
|
+
&:focus-visible {
|
|
28002
|
+
${focusListItem}
|
|
28003
|
+
}
|
|
27989
28004
|
&:active {
|
|
27990
28005
|
transform: translateY(1px);
|
|
27991
28006
|
box-shadow: 0px -1px 0px 0px ${(props) => props.theme.theme_vars.colours.black} inset;
|