@nnc-digital/nnc-design-system 0.4.34 → 0.4.36
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.js
CHANGED
|
@@ -23832,11 +23832,11 @@ const Container$E = styled__default["default"].div`
|
|
|
23832
23832
|
padding: ${(props) => props.theme.theme_vars.spacingSizes.medium} 0;
|
|
23833
23833
|
background: ${(props) =>
|
|
23834
23834
|
props.alertType === 'alert'
|
|
23835
|
-
? props.theme.theme_vars.colours.
|
|
23835
|
+
? props.theme.theme_vars.colours.alert_background
|
|
23836
23836
|
: props.alertType === 'warning'
|
|
23837
|
-
? props.theme.theme_vars.colours.
|
|
23837
|
+
? props.theme.theme_vars.colours.warning_background
|
|
23838
23838
|
: props.alertType === 'positive'
|
|
23839
|
-
? props.theme.theme_vars.colours.
|
|
23839
|
+
? props.theme.theme_vars.colours.positive_background
|
|
23840
23840
|
: props.alertType === 'london_bridge'
|
|
23841
23841
|
? props.theme.theme_vars.colours.black
|
|
23842
23842
|
: props.theme.theme_vars.colours.negative};
|
|
@@ -23868,7 +23868,7 @@ const Container$E = styled__default["default"].div`
|
|
|
23868
23868
|
background: ${(props) =>
|
|
23869
23869
|
props.alertType === 'warning'
|
|
23870
23870
|
? props.theme.theme_vars.colours.action
|
|
23871
|
-
: props.theme.theme_vars.colours.
|
|
23871
|
+
: props.theme.theme_vars.colours.warning_background} !important;
|
|
23872
23872
|
}
|
|
23873
23873
|
&:active {
|
|
23874
23874
|
${(props) => props.theme.linkStylesActive}
|
|
@@ -23927,7 +23927,7 @@ const HideLink = styled__default["default"].button`
|
|
|
23927
23927
|
background: ${(props) =>
|
|
23928
23928
|
props.alertType === 'warning'
|
|
23929
23929
|
? props.theme.theme_vars.colours.action
|
|
23930
|
-
: props.theme.theme_vars.colours.
|
|
23930
|
+
: props.theme.theme_vars.colours.warning_background} !important;
|
|
23931
23931
|
border-bottom: 3px solid ${(props) => props.theme.theme_vars.colours.black};
|
|
23932
23932
|
|
|
23933
23933
|
svg {
|
|
@@ -26606,6 +26606,21 @@ const Result = styled__default["default"].div`
|
|
|
26606
26606
|
&:first-of-type {
|
|
26607
26607
|
margin-top: 0;
|
|
26608
26608
|
}
|
|
26609
|
+
|
|
26610
|
+
&.promoted {
|
|
26611
|
+
position: relative;
|
|
26612
|
+
&::before {
|
|
26613
|
+
content: '';
|
|
26614
|
+
position: absolute;
|
|
26615
|
+
top: -1.25rem;
|
|
26616
|
+
left: -1.25rem;
|
|
26617
|
+
right: 0;
|
|
26618
|
+
bottom: -1.25rem;
|
|
26619
|
+
background-color: bisque;
|
|
26620
|
+
z-index: -1;
|
|
26621
|
+
}
|
|
26622
|
+
}
|
|
26623
|
+
|
|
26609
26624
|
`;
|
|
26610
26625
|
|
|
26611
26626
|
const Title$3 = styled__default["default"].a`
|
|
@@ -26759,7 +26774,7 @@ var SearchResultsList = function (_a) {
|
|
|
26759
26774
|
" total results for '",
|
|
26760
26775
|
searchTerm,
|
|
26761
26776
|
"'"),
|
|
26762
|
-
results.map(function (result, i) { return (React__default["default"].createElement(Result, { key: i },
|
|
26777
|
+
results.map(function (result, i) { return (React__default["default"].createElement(Result, { key: i, className: (result.promoted === true) ? 'promoted' : '' },
|
|
26763
26778
|
result.service && React__default["default"].createElement(ServiceArea, null, result.service),
|
|
26764
26779
|
React__default["default"].createElement(Title$3, { href: result.link }, result.title),
|
|
26765
26780
|
React__default["default"].createElement(Summary$2, null, result.summary),
|
|
@@ -28393,6 +28408,9 @@ const north_vars = {
|
|
|
28393
28408
|
placeholder: '#585656',
|
|
28394
28409
|
|
|
28395
28410
|
secondary: '#1A9DD9',
|
|
28411
|
+
alert_background: '#B20613',
|
|
28412
|
+
warning_background: '#F69F14',
|
|
28413
|
+
positive_background: '#1C41BA'
|
|
28396
28414
|
},
|
|
28397
28415
|
fontstack: 'Arial, Helvetica, sans-serif',
|
|
28398
28416
|
fontSizes: {
|