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