@nnc-digital/nnc-design-system 0.4.35 → 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.negative
23835
+ ? props.theme.theme_vars.colours.alert_background
23836
23836
  : props.alertType === 'warning'
23837
- ? props.theme.theme_vars.colours.focus
23837
+ ? props.theme.theme_vars.colours.warning_background
23838
23838
  : props.alertType === 'positive'
23839
- ? props.theme.theme_vars.colours.positive
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.focus} !important;
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.focus} !important;
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 {
@@ -28408,6 +28408,9 @@ const north_vars = {
28408
28408
  placeholder: '#585656',
28409
28409
 
28410
28410
  secondary: '#1A9DD9',
28411
+ alert_background: '#B20613',
28412
+ warning_background: '#F69F14',
28413
+ positive_background: '#1C41BA'
28411
28414
  },
28412
28415
  fontstack: 'Arial, Helvetica, sans-serif',
28413
28416
  fontSizes: {