@nnc-digital/nnc-design-system 1.0.0-alpha3 → 1.0.0-alpha5

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.
Files changed (5) hide show
  1. package/build/index.js +13 -13
  2. package/build/index.js.map +1 -1
  3. package/build/index.mjs.js +13 -13
  4. package/build/index.mjs.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.js CHANGED
@@ -24417,11 +24417,11 @@ const Container$E = styled__default.default.div`
24417
24417
  padding: ${(props) => props.theme.theme_vars.spacingSizes.medium} 0;
24418
24418
  background: ${(props) =>
24419
24419
  props.$alertType === 'alert'
24420
- ? props.theme.theme_vars.colours.negative
24420
+ ? props.theme.theme_vars.colours.alert_background
24421
24421
  : props.$alertType === 'warning'
24422
- ? props.theme.theme_vars.colours.focus
24422
+ ? props.theme.theme_vars.colours.warning_background
24423
24423
  : props.$alertType === 'positive'
24424
- ? props.theme.theme_vars.colours.positive
24424
+ ? props.theme.theme_vars.colours.positive_background
24425
24425
  : props.$alertType === 'london_bridge'
24426
24426
  ? props.theme.theme_vars.colours.black
24427
24427
  : props.theme.theme_vars.colours.negative};
@@ -24429,7 +24429,7 @@ const Container$E = styled__default.default.div`
24429
24429
  button {
24430
24430
  line-height: 1.3;
24431
24431
  color: ${(props) =>
24432
- props.alertType === 'warning' || props.alertType === 'positive'
24432
+ props.$alertType === 'warning' || props.$alertType === 'positive'
24433
24433
  ? props.theme.theme_vars.colours.black
24434
24434
  : props.theme.theme_vars.colours.white} !important;
24435
24435
  }
@@ -24437,7 +24437,7 @@ const Container$E = styled__default.default.div`
24437
24437
  a {
24438
24438
  ${(props) => props.theme.linkStyles}
24439
24439
  color: ${(props) =>
24440
- props.alertType === 'warning' || props.alertType === 'positive'
24440
+ props.$alertType === 'warning' || props.$alertType === 'positive'
24441
24441
  ? props.theme.theme_vars.colours.black
24442
24442
  : props.theme.theme_vars.colours.white} !important;
24443
24443
 
@@ -24447,13 +24447,13 @@ const Container$E = styled__default.default.div`
24447
24447
  &:focus {
24448
24448
  ${(props) => props.theme.linkStylesFocus}
24449
24449
  color: ${(props) =>
24450
- props.alertType === 'warning' || props.alertType === 'positive'
24450
+ props.$alertType === 'warning' || props.$alertType === 'positive'
24451
24451
  ? props.theme.theme_vars.colours.white
24452
24452
  : props.theme.theme_vars.colours.black} !important;
24453
24453
  background: ${(props) =>
24454
- props.alertType === 'warning' || props.alertType === 'positive'
24454
+ props.$alertType === 'warning' || props.$alertType === 'positive'
24455
24455
  ? props.theme.theme_vars.colours.action
24456
- : props.theme.theme_vars.colours.focus} !important;
24456
+ : props.theme.theme_vars.colours.warning_background} !important;
24457
24457
  }
24458
24458
  &:active {
24459
24459
  ${(props) => props.theme.linkStylesActive}
@@ -24462,7 +24462,7 @@ const Container$E = styled__default.default.div`
24462
24462
 
24463
24463
  svg {
24464
24464
  fill: ${(props) =>
24465
- props.alertType === 'warning' || props.alertType === 'positive'
24465
+ props.$alertType === 'warning' || props.$alertType === 'positive'
24466
24466
  ? props.theme.theme_vars.colours.black
24467
24467
  : props.theme.theme_vars.colours.white} !important;
24468
24468
  }
@@ -24506,19 +24506,19 @@ const HideLink = styled__default.default.button`
24506
24506
  outline: none;
24507
24507
  border-radius: ${(props) => props.theme.theme_vars.border_radius};
24508
24508
  color: ${(props) =>
24509
- props.alertType === 'warning' || props.alertType === 'positive'
24509
+ props.$alertType === 'warning' || props.$alertType === 'positive'
24510
24510
  ? props.theme.theme_vars.colours.white
24511
24511
  : props.theme.theme_vars.colours.black} !important;
24512
24512
  background: ${(props) =>
24513
- props.alertType === 'warning' || props.alertType === 'positive'
24513
+ props.$alertType === 'warning' || props.$alertType === 'positive'
24514
24514
  ? props.theme.theme_vars.colours.action
24515
- : props.theme.theme_vars.colours.focus} !important;
24515
+ : props.theme.theme_vars.colours.warning_background} !important;
24516
24516
  border-bottom: 3px solid ${(props) => props.theme.theme_vars.colours.black};
24517
24517
 
24518
24518
  svg {
24519
24519
  path {
24520
24520
  fill: ${(props) =>
24521
- props.alertType === 'warning' || props.alertType === 'positive'
24521
+ props.$alertType === 'warning' || props.$alertType === 'positive'
24522
24522
  ? props.theme.theme_vars.colours.white
24523
24523
  : props.theme.theme_vars.colours.black} !important;
24524
24524
  }