@thecb/components 7.12.2-beta.11 → 7.12.2-beta.13

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 (7) hide show
  1. package/dist/index.cjs.js +9 -5
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +9 -5
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/atoms/alert/Alert.js +5 -4
  7. package/src/components/molecules/payment-details/PaymentDetails.js +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "7.12.2-beta.11",
3
+ "version": "7.12.2-beta.13",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "typings": "dist/index.d.ts",
package/src/components/atoms/alert/Alert.js CHANGED
@@ -23,7 +23,8 @@ const Alert = ({
23
23
  enableBoxShadow = false,
24
24
  enableSmallText = false,
25
25
  innerContentPadding = "1rem",
26
- iconPadding = "0 0 0 1rem"
26
+ iconPadding = "0 0 0 1rem",
27
+ contentFullHeight = false
27
28
  }) => {
28
29
  const Icon = AlertIcons[variant];
29
30
  let contentPadding = maxContentWidth
@@ -40,13 +41,13 @@ const Alert = ({
40
41
  </Cover>
41
42
  </Box>
42
43
  <Box padding="0">
43
- <Sidebar sidebarOnRight width="24px" childGap="0rem">
44
+ <Sidebar sidebarOnRight width="24px" childGap="0rem" fullHeight={contentFullHeight}>
44
45
  <Box padding={contentPadding}>
45
46
  <Cluster justify="flex-start" align="center">
46
47
  {textOverride ? (
47
48
  textOverride
48
49
  ) : (
49
- <Stack fullHeight childGap="0.25rem">
50
+ <Stack fullHeight childGap="0">
50
51
  <Text
51
52
  variant={enableSmallText ? "pS" : "p"}
52
53
  color={themeValues.text}
@@ -54,7 +55,7 @@ const Alert = ({
54
55
  >
55
56
  {heading}
56
57
  </Text>
57
- <Text variant="pS" color={themeValues.text}>
58
+ <Text variant="pS" color={themeValues.text} >
58
59
  {text}
59
60
  </Text>
60
61
  {children}
package/src/components/molecules/payment-details/PaymentDetails.js CHANGED
@@ -149,9 +149,10 @@ const ErrorDetails = () => (
149
149
  noBorder
150
150
  enableBoxShadow
151
151
  enableSmallText
152
- innerContentPadding="0 1rem"
152
+ innerContentPadding="0 0.75rem"
153
153
  extraStyles={`min-height: 67px; height: 67px;`}
154
154
  iconPadding="0 0 0 0.25rem"
155
+ contentFullHeight={true}
155
156
  />
156
157
  </Box>
157
158
  );