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