@nnc-digital/nnc-design-system 0.4.36 → 0.4.38
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/index.esm.js +11 -10
- package/build/index.esm.js.map +1 -1
- package/build/index.js +11 -10
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -23695,6 +23695,7 @@ const AccessibleList = styled__default["default"].ul`
|
|
|
23695
23695
|
// Styling for the li
|
|
23696
23696
|
const AccessibleListItem = styled__default["default"].li`
|
|
23697
23697
|
margin-bottom: 10px;
|
|
23698
|
+
left: unset;
|
|
23698
23699
|
`;
|
|
23699
23700
|
|
|
23700
23701
|
const AccessibleLinks = styled__default["default"].a`
|
|
@@ -23844,7 +23845,7 @@ const Container$E = styled__default["default"].div`
|
|
|
23844
23845
|
button {
|
|
23845
23846
|
line-height: 1.3;
|
|
23846
23847
|
color: ${(props) =>
|
|
23847
|
-
props.alertType === 'warning'
|
|
23848
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23848
23849
|
? props.theme.theme_vars.colours.black
|
|
23849
23850
|
: props.theme.theme_vars.colours.white} !important;
|
|
23850
23851
|
}
|
|
@@ -23852,7 +23853,7 @@ const Container$E = styled__default["default"].div`
|
|
|
23852
23853
|
a {
|
|
23853
23854
|
${(props) => props.theme.linkStyles}
|
|
23854
23855
|
color: ${(props) =>
|
|
23855
|
-
props.alertType === 'warning'
|
|
23856
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23856
23857
|
? props.theme.theme_vars.colours.black
|
|
23857
23858
|
: props.theme.theme_vars.colours.white} !important;
|
|
23858
23859
|
|
|
@@ -23862,11 +23863,11 @@ const Container$E = styled__default["default"].div`
|
|
|
23862
23863
|
&:focus {
|
|
23863
23864
|
${(props) => props.theme.linkStylesFocus}
|
|
23864
23865
|
color: ${(props) =>
|
|
23865
|
-
props.alertType === 'warning'
|
|
23866
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23866
23867
|
? props.theme.theme_vars.colours.white
|
|
23867
23868
|
: props.theme.theme_vars.colours.black} !important;
|
|
23868
23869
|
background: ${(props) =>
|
|
23869
|
-
props.alertType === 'warning'
|
|
23870
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23870
23871
|
? props.theme.theme_vars.colours.action
|
|
23871
23872
|
: props.theme.theme_vars.colours.warning_background} !important;
|
|
23872
23873
|
}
|
|
@@ -23877,7 +23878,7 @@ const Container$E = styled__default["default"].div`
|
|
|
23877
23878
|
|
|
23878
23879
|
svg {
|
|
23879
23880
|
fill: ${(props) =>
|
|
23880
|
-
props.alertType === 'warning'
|
|
23881
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23881
23882
|
? props.theme.theme_vars.colours.black
|
|
23882
23883
|
: props.theme.theme_vars.colours.white} !important;
|
|
23883
23884
|
}
|
|
@@ -23921,11 +23922,11 @@ const HideLink = styled__default["default"].button`
|
|
|
23921
23922
|
outline: none;
|
|
23922
23923
|
border-radius: ${(props) => props.theme.theme_vars.border_radius};
|
|
23923
23924
|
color: ${(props) =>
|
|
23924
|
-
props.alertType === 'warning'
|
|
23925
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23925
23926
|
? props.theme.theme_vars.colours.white
|
|
23926
23927
|
: props.theme.theme_vars.colours.black} !important;
|
|
23927
23928
|
background: ${(props) =>
|
|
23928
|
-
props.alertType === 'warning'
|
|
23929
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23929
23930
|
? props.theme.theme_vars.colours.action
|
|
23930
23931
|
: props.theme.theme_vars.colours.warning_background} !important;
|
|
23931
23932
|
border-bottom: 3px solid ${(props) => props.theme.theme_vars.colours.black};
|
|
@@ -23933,7 +23934,7 @@ const HideLink = styled__default["default"].button`
|
|
|
23933
23934
|
svg {
|
|
23934
23935
|
path {
|
|
23935
23936
|
fill: ${(props) =>
|
|
23936
|
-
props.alertType === 'warning'
|
|
23937
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23937
23938
|
? props.theme.theme_vars.colours.white
|
|
23938
23939
|
: props.theme.theme_vars.colours.black} !important;
|
|
23939
23940
|
}
|
|
@@ -24079,7 +24080,7 @@ var AlertBanner = function (_a) {
|
|
|
24079
24080
|
React__default["default"].createElement(BannerTitle, null, title),
|
|
24080
24081
|
React__default["default"].createElement(BannerContent, { ref: elementRef }, children)),
|
|
24081
24082
|
React__default["default"].createElement(HideLink, { title: "Click to dismiss this alert banner", onClick: hideClickHandler, alertType: alertType },
|
|
24082
|
-
React__default["default"].createElement(IconDownload$1, { colourFill: alertType === 'warning'
|
|
24083
|
+
React__default["default"].createElement(IconDownload$1, { colourFill: alertType === 'warning' || alertType === 'positive'
|
|
24083
24084
|
? themeContext.theme_vars.colours.black
|
|
24084
24085
|
: themeContext.theme_vars.colours.white }),
|
|
24085
24086
|
React__default["default"].createElement("br", null),
|
|
@@ -28410,7 +28411,7 @@ const north_vars = {
|
|
|
28410
28411
|
secondary: '#1A9DD9',
|
|
28411
28412
|
alert_background: '#B20613',
|
|
28412
28413
|
warning_background: '#F69F14',
|
|
28413
|
-
positive_background: '#
|
|
28414
|
+
positive_background: '#A0D9EF'
|
|
28414
28415
|
},
|
|
28415
28416
|
fontstack: 'Arial, Helvetica, sans-serif',
|
|
28416
28417
|
fontSizes: {
|