@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.esm.js
CHANGED
|
@@ -23829,7 +23829,7 @@ const Container$E = styled.div`
|
|
|
23829
23829
|
button {
|
|
23830
23830
|
line-height: 1.3;
|
|
23831
23831
|
color: ${(props) =>
|
|
23832
|
-
props.alertType === 'warning'
|
|
23832
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23833
23833
|
? props.theme.theme_vars.colours.black
|
|
23834
23834
|
: props.theme.theme_vars.colours.white} !important;
|
|
23835
23835
|
}
|
|
@@ -23837,7 +23837,7 @@ const Container$E = styled.div`
|
|
|
23837
23837
|
a {
|
|
23838
23838
|
${(props) => props.theme.linkStyles}
|
|
23839
23839
|
color: ${(props) =>
|
|
23840
|
-
props.alertType === 'warning'
|
|
23840
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23841
23841
|
? props.theme.theme_vars.colours.black
|
|
23842
23842
|
: props.theme.theme_vars.colours.white} !important;
|
|
23843
23843
|
|
|
@@ -23847,11 +23847,11 @@ const Container$E = styled.div`
|
|
|
23847
23847
|
&:focus {
|
|
23848
23848
|
${(props) => props.theme.linkStylesFocus}
|
|
23849
23849
|
color: ${(props) =>
|
|
23850
|
-
props.alertType === 'warning'
|
|
23850
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23851
23851
|
? props.theme.theme_vars.colours.white
|
|
23852
23852
|
: props.theme.theme_vars.colours.black} !important;
|
|
23853
23853
|
background: ${(props) =>
|
|
23854
|
-
props.alertType === 'warning'
|
|
23854
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23855
23855
|
? props.theme.theme_vars.colours.action
|
|
23856
23856
|
: props.theme.theme_vars.colours.warning_background} !important;
|
|
23857
23857
|
}
|
|
@@ -23862,7 +23862,7 @@ const Container$E = styled.div`
|
|
|
23862
23862
|
|
|
23863
23863
|
svg {
|
|
23864
23864
|
fill: ${(props) =>
|
|
23865
|
-
props.alertType === 'warning'
|
|
23865
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23866
23866
|
? props.theme.theme_vars.colours.black
|
|
23867
23867
|
: props.theme.theme_vars.colours.white} !important;
|
|
23868
23868
|
}
|
|
@@ -23906,11 +23906,11 @@ const HideLink = styled.button`
|
|
|
23906
23906
|
outline: none;
|
|
23907
23907
|
border-radius: ${(props) => props.theme.theme_vars.border_radius};
|
|
23908
23908
|
color: ${(props) =>
|
|
23909
|
-
props.alertType === 'warning'
|
|
23909
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23910
23910
|
? props.theme.theme_vars.colours.white
|
|
23911
23911
|
: props.theme.theme_vars.colours.black} !important;
|
|
23912
23912
|
background: ${(props) =>
|
|
23913
|
-
props.alertType === 'warning'
|
|
23913
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23914
23914
|
? props.theme.theme_vars.colours.action
|
|
23915
23915
|
: props.theme.theme_vars.colours.warning_background} !important;
|
|
23916
23916
|
border-bottom: 3px solid ${(props) => props.theme.theme_vars.colours.black};
|
|
@@ -23918,7 +23918,7 @@ const HideLink = styled.button`
|
|
|
23918
23918
|
svg {
|
|
23919
23919
|
path {
|
|
23920
23920
|
fill: ${(props) =>
|
|
23921
|
-
props.alertType === 'warning'
|
|
23921
|
+
props.alertType === 'warning' || props.alertType === 'positive'
|
|
23922
23922
|
? props.theme.theme_vars.colours.white
|
|
23923
23923
|
: props.theme.theme_vars.colours.black} !important;
|
|
23924
23924
|
}
|
|
@@ -24064,7 +24064,7 @@ var AlertBanner = function (_a) {
|
|
|
24064
24064
|
React.createElement(BannerTitle, null, title),
|
|
24065
24065
|
React.createElement(BannerContent, { ref: elementRef }, children)),
|
|
24066
24066
|
React.createElement(HideLink, { title: "Click to dismiss this alert banner", onClick: hideClickHandler, alertType: alertType },
|
|
24067
|
-
React.createElement(IconDownload$1, { colourFill: alertType === 'warning'
|
|
24067
|
+
React.createElement(IconDownload$1, { colourFill: alertType === 'warning' || alertType === 'positive'
|
|
24068
24068
|
? themeContext.theme_vars.colours.black
|
|
24069
24069
|
: themeContext.theme_vars.colours.white }),
|
|
24070
24070
|
React.createElement("br", null),
|
|
@@ -28395,7 +28395,7 @@ const north_vars = {
|
|
|
28395
28395
|
secondary: '#1A9DD9',
|
|
28396
28396
|
alert_background: '#B20613',
|
|
28397
28397
|
warning_background: '#F69F14',
|
|
28398
|
-
positive_background: '#
|
|
28398
|
+
positive_background: '#A0D9EF'
|
|
28399
28399
|
},
|
|
28400
28400
|
fontstack: 'Arial, Helvetica, sans-serif',
|
|
28401
28401
|
fontSizes: {
|