@nnc-digital/nnc-design-system 1.0.0-alpha50 → 1.0.0-alpha52
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/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -8158,7 +8158,7 @@ var CookieBanner = function (_a) {
|
|
|
8158
8158
|
// on page load - look for a cookie
|
|
8159
8159
|
React.useEffect(function () {
|
|
8160
8160
|
checkCookie();
|
|
8161
|
-
});
|
|
8161
|
+
}, []);
|
|
8162
8162
|
var _d = React.useState(false), showCookieBanner = _d[0], setShowCookieBanner = _d[1];
|
|
8163
8163
|
var _e = React.useState(false), showCookiesRejectedBanner = _e[0], setShowCookiesRejectedBanner = _e[1];
|
|
8164
8164
|
var _f = React.useState(false), showCookiesAcceptedBanner = _f[0], setShowCookiesAcceptedBanner = _f[1];
|
|
@@ -25080,6 +25080,17 @@ const FooterLink = styled__default.default.a`
|
|
|
25080
25080
|
-webkit-box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25081
25081
|
-moz-box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25082
25082
|
}
|
|
25083
|
+
&:focus:not(:focus-visible) {
|
|
25084
|
+
box-shadow: none;
|
|
25085
|
+
-webkit-box-shadow: none;
|
|
25086
|
+
-moz-box-shadow: none;
|
|
25087
|
+
}
|
|
25088
|
+
&:focus-visible {
|
|
25089
|
+
${(props) => props.theme.linkStylesFocus}
|
|
25090
|
+
box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25091
|
+
-webkit-box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25092
|
+
-moz-box-shadow: 0px -2px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
25093
|
+
}
|
|
25083
25094
|
&:active {
|
|
25084
25095
|
${(props) => props.theme.linkStylesActive}
|
|
25085
25096
|
box-shadow: 0px -1px 0px 0px ${(props) => props.theme.theme_vars.colours.white} inset;
|
|
@@ -27976,10 +27987,12 @@ const ListItem = styled__default.default.li`
|
|
|
27976
27987
|
background-color: ${(props) => props.theme.theme_vars.colours.action_light};
|
|
27977
27988
|
color: ${(props) => props.theme.theme_vars.colours.black};
|
|
27978
27989
|
border-bottom-color: transparent;
|
|
27979
|
-
|
|
27980
27990
|
&:focus {
|
|
27981
27991
|
${focusListItem}
|
|
27982
27992
|
}
|
|
27993
|
+
&:focus-visible {
|
|
27994
|
+
${focusListItem}
|
|
27995
|
+
}
|
|
27983
27996
|
}
|
|
27984
27997
|
}
|
|
27985
27998
|
`;
|
|
@@ -27995,10 +28008,12 @@ const ListItemLink = styled__default.default.a`
|
|
|
27995
28008
|
transition: background-color 0.3s ease 0s;
|
|
27996
28009
|
background-color: ${(props) => props.theme.theme_vars.colours.action_light}80;
|
|
27997
28010
|
}
|
|
27998
|
-
|
|
27999
28011
|
&:focus {
|
|
28000
28012
|
${focusListItem}
|
|
28001
28013
|
}
|
|
28014
|
+
&:focus-visible {
|
|
28015
|
+
${focusListItem}
|
|
28016
|
+
}
|
|
28002
28017
|
&:active {
|
|
28003
28018
|
transform: translateY(1px);
|
|
28004
28019
|
box-shadow: 0px -1px 0px 0px ${(props) => props.theme.theme_vars.colours.black} inset;
|