@nnc-digital/nnc-design-system 1.0.0-alpha1 → 1.0.0-alpha4

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.
@@ -7829,7 +7829,7 @@ const Container$11 = styled.div`
7829
7829
 
7830
7830
  var Row$1 = function (_a) {
7831
7831
  var _b = _a.hasBorder, hasBorder = _b === void 0 ? false : _b, _c = _a.isList, isList = _c === void 0 ? false : _c, _d = _a.hasWrap, hasWrap = _d === void 0 ? true : _d, children = _a.children;
7832
- return (React.createElement(Container$11, { "data-testid": "Row", hasBorder: hasBorder, hasWrap: hasWrap, as: isList ? 'ul' : 'div' }, children));
7832
+ return (React.createElement(Container$11, { "data-testid": "Row", "$hasBorder": hasBorder, "$hasWrap": hasWrap, as: isList ? 'ul' : 'div' }, children));
7833
7833
  };
7834
7834
 
7835
7835
  const calculateWidth = (size) => {
@@ -24404,11 +24404,11 @@ const Container$E = styled.div`
24404
24404
  padding: ${(props) => props.theme.theme_vars.spacingSizes.medium} 0;
24405
24405
  background: ${(props) =>
24406
24406
  props.$alertType === 'alert'
24407
- ? props.theme.theme_vars.colours.negative
24407
+ ? props.theme.theme_vars.colours.alert_background
24408
24408
  : props.$alertType === 'warning'
24409
- ? props.theme.theme_vars.colours.focus
24409
+ ? props.theme.theme_vars.colours.warning_background
24410
24410
  : props.$alertType === 'positive'
24411
- ? props.theme.theme_vars.colours.positive
24411
+ ? props.theme.theme_vars.colours.positive_background
24412
24412
  : props.$alertType === 'london_bridge'
24413
24413
  ? props.theme.theme_vars.colours.black
24414
24414
  : props.theme.theme_vars.colours.negative};
@@ -24440,7 +24440,7 @@ const Container$E = styled.div`
24440
24440
  background: ${(props) =>
24441
24441
  props.alertType === 'warning' || props.alertType === 'positive'
24442
24442
  ? props.theme.theme_vars.colours.action
24443
- : props.theme.theme_vars.colours.focus} !important;
24443
+ : props.theme.theme_vars.colours.warning_background} !important;
24444
24444
  }
24445
24445
  &:active {
24446
24446
  ${(props) => props.theme.linkStylesActive}
@@ -24499,7 +24499,7 @@ const HideLink = styled.button`
24499
24499
  background: ${(props) =>
24500
24500
  props.alertType === 'warning' || props.alertType === 'positive'
24501
24501
  ? props.theme.theme_vars.colours.action
24502
- : props.theme.theme_vars.colours.focus} !important;
24502
+ : props.theme.theme_vars.colours.warning_background} !important;
24503
24503
  border-bottom: 3px solid ${(props) => props.theme.theme_vars.colours.black};
24504
24504
 
24505
24505
  svg {