@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.
- package/build/index.js +13 -13
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +13 -13
- package/build/index.mjs.js.map +1 -1
- package/package.json +1 -1
package/build/index.mjs.js
CHANGED
|
@@ -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.
|
|
24407
|
+
? props.theme.theme_vars.colours.alert_background
|
|
24408
24408
|
: props.$alertType === 'warning'
|
|
24409
|
-
? props.theme.theme_vars.colours.
|
|
24409
|
+
? props.theme.theme_vars.colours.warning_background
|
|
24410
24410
|
: props.$alertType === 'positive'
|
|
24411
|
-
? props.theme.theme_vars.colours.
|
|
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};
|
|
@@ -24416,7 +24416,7 @@ const Container$E = styled.div`
|
|
|
24416
24416
|
button {
|
|
24417
24417
|
line-height: 1.3;
|
|
24418
24418
|
color: ${(props) =>
|
|
24419
|
-
props
|
|
24419
|
+
props.$alertType === 'warning' || props.$alertType === 'positive'
|
|
24420
24420
|
? props.theme.theme_vars.colours.black
|
|
24421
24421
|
: props.theme.theme_vars.colours.white} !important;
|
|
24422
24422
|
}
|
|
@@ -24424,7 +24424,7 @@ const Container$E = styled.div`
|
|
|
24424
24424
|
a {
|
|
24425
24425
|
${(props) => props.theme.linkStyles}
|
|
24426
24426
|
color: ${(props) =>
|
|
24427
|
-
props
|
|
24427
|
+
props.$alertType === 'warning' || props.$alertType === 'positive'
|
|
24428
24428
|
? props.theme.theme_vars.colours.black
|
|
24429
24429
|
: props.theme.theme_vars.colours.white} !important;
|
|
24430
24430
|
|
|
@@ -24434,13 +24434,13 @@ const Container$E = styled.div`
|
|
|
24434
24434
|
&:focus {
|
|
24435
24435
|
${(props) => props.theme.linkStylesFocus}
|
|
24436
24436
|
color: ${(props) =>
|
|
24437
|
-
props
|
|
24437
|
+
props.$alertType === 'warning' || props.$alertType === 'positive'
|
|
24438
24438
|
? props.theme.theme_vars.colours.white
|
|
24439
24439
|
: props.theme.theme_vars.colours.black} !important;
|
|
24440
24440
|
background: ${(props) =>
|
|
24441
|
-
props
|
|
24441
|
+
props.$alertType === 'warning' || props.$alertType === 'positive'
|
|
24442
24442
|
? props.theme.theme_vars.colours.action
|
|
24443
|
-
: props.theme.theme_vars.colours.
|
|
24443
|
+
: props.theme.theme_vars.colours.warning_background} !important;
|
|
24444
24444
|
}
|
|
24445
24445
|
&:active {
|
|
24446
24446
|
${(props) => props.theme.linkStylesActive}
|
|
@@ -24449,7 +24449,7 @@ const Container$E = styled.div`
|
|
|
24449
24449
|
|
|
24450
24450
|
svg {
|
|
24451
24451
|
fill: ${(props) =>
|
|
24452
|
-
props
|
|
24452
|
+
props.$alertType === 'warning' || props.$alertType === 'positive'
|
|
24453
24453
|
? props.theme.theme_vars.colours.black
|
|
24454
24454
|
: props.theme.theme_vars.colours.white} !important;
|
|
24455
24455
|
}
|
|
@@ -24493,19 +24493,19 @@ const HideLink = styled.button`
|
|
|
24493
24493
|
outline: none;
|
|
24494
24494
|
border-radius: ${(props) => props.theme.theme_vars.border_radius};
|
|
24495
24495
|
color: ${(props) =>
|
|
24496
|
-
props
|
|
24496
|
+
props.$alertType === 'warning' || props.$alertType === 'positive'
|
|
24497
24497
|
? props.theme.theme_vars.colours.white
|
|
24498
24498
|
: props.theme.theme_vars.colours.black} !important;
|
|
24499
24499
|
background: ${(props) =>
|
|
24500
|
-
props
|
|
24500
|
+
props.$alertType === 'warning' || props.$alertType === 'positive'
|
|
24501
24501
|
? props.theme.theme_vars.colours.action
|
|
24502
|
-
: props.theme.theme_vars.colours.
|
|
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 {
|
|
24506
24506
|
path {
|
|
24507
24507
|
fill: ${(props) =>
|
|
24508
|
-
props
|
|
24508
|
+
props.$alertType === 'warning' || props.$alertType === 'positive'
|
|
24509
24509
|
? props.theme.theme_vars.colours.white
|
|
24510
24510
|
: props.theme.theme_vars.colours.black} !important;
|
|
24511
24511
|
}
|