@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.esm.js
CHANGED
|
@@ -23817,11 +23817,11 @@ const Container$E = styled.div`
|
|
|
23817
23817
|
padding: ${(props) => props.theme.theme_vars.spacingSizes.medium} 0;
|
|
23818
23818
|
background: ${(props) =>
|
|
23819
23819
|
props.alertType === 'alert'
|
|
23820
|
-
? props.theme.theme_vars.colours.
|
|
23820
|
+
? props.theme.theme_vars.colours.alert_background
|
|
23821
23821
|
: props.alertType === 'warning'
|
|
23822
|
-
? props.theme.theme_vars.colours.
|
|
23822
|
+
? props.theme.theme_vars.colours.warning_background
|
|
23823
23823
|
: props.alertType === 'positive'
|
|
23824
|
-
? props.theme.theme_vars.colours.
|
|
23824
|
+
? props.theme.theme_vars.colours.positive_background
|
|
23825
23825
|
: props.alertType === 'london_bridge'
|
|
23826
23826
|
? props.theme.theme_vars.colours.black
|
|
23827
23827
|
: props.theme.theme_vars.colours.negative};
|
|
@@ -23853,7 +23853,7 @@ const Container$E = styled.div`
|
|
|
23853
23853
|
background: ${(props) =>
|
|
23854
23854
|
props.alertType === 'warning'
|
|
23855
23855
|
? props.theme.theme_vars.colours.action
|
|
23856
|
-
: props.theme.theme_vars.colours.
|
|
23856
|
+
: props.theme.theme_vars.colours.warning_background} !important;
|
|
23857
23857
|
}
|
|
23858
23858
|
&:active {
|
|
23859
23859
|
${(props) => props.theme.linkStylesActive}
|
|
@@ -23912,7 +23912,7 @@ const HideLink = styled.button`
|
|
|
23912
23912
|
background: ${(props) =>
|
|
23913
23913
|
props.alertType === 'warning'
|
|
23914
23914
|
? props.theme.theme_vars.colours.action
|
|
23915
|
-
: props.theme.theme_vars.colours.
|
|
23915
|
+
: props.theme.theme_vars.colours.warning_background} !important;
|
|
23916
23916
|
border-bottom: 3px solid ${(props) => props.theme.theme_vars.colours.black};
|
|
23917
23917
|
|
|
23918
23918
|
svg {
|
|
@@ -26591,6 +26591,21 @@ const Result = styled.div`
|
|
|
26591
26591
|
&:first-of-type {
|
|
26592
26592
|
margin-top: 0;
|
|
26593
26593
|
}
|
|
26594
|
+
|
|
26595
|
+
&.promoted {
|
|
26596
|
+
position: relative;
|
|
26597
|
+
&::before {
|
|
26598
|
+
content: '';
|
|
26599
|
+
position: absolute;
|
|
26600
|
+
top: -1.25rem;
|
|
26601
|
+
left: -1.25rem;
|
|
26602
|
+
right: 0;
|
|
26603
|
+
bottom: -1.25rem;
|
|
26604
|
+
background-color: bisque;
|
|
26605
|
+
z-index: -1;
|
|
26606
|
+
}
|
|
26607
|
+
}
|
|
26608
|
+
|
|
26594
26609
|
`;
|
|
26595
26610
|
|
|
26596
26611
|
const Title$3 = styled.a`
|
|
@@ -26744,7 +26759,7 @@ var SearchResultsList = function (_a) {
|
|
|
26744
26759
|
" total results for '",
|
|
26745
26760
|
searchTerm,
|
|
26746
26761
|
"'"),
|
|
26747
|
-
results.map(function (result, i) { return (React.createElement(Result, { key: i },
|
|
26762
|
+
results.map(function (result, i) { return (React.createElement(Result, { key: i, className: (result.promoted === true) ? 'promoted' : '' },
|
|
26748
26763
|
result.service && React.createElement(ServiceArea, null, result.service),
|
|
26749
26764
|
React.createElement(Title$3, { href: result.link }, result.title),
|
|
26750
26765
|
React.createElement(Summary$2, null, result.summary),
|
|
@@ -28378,6 +28393,9 @@ const north_vars = {
|
|
|
28378
28393
|
placeholder: '#585656',
|
|
28379
28394
|
|
|
28380
28395
|
secondary: '#1A9DD9',
|
|
28396
|
+
alert_background: '#B20613',
|
|
28397
|
+
warning_background: '#F69F14',
|
|
28398
|
+
positive_background: '#1C41BA'
|
|
28381
28399
|
},
|
|
28382
28400
|
fontstack: 'Arial, Helvetica, sans-serif',
|
|
28383
28401
|
fontSizes: {
|