@thecb/components 7.12.2-beta.7 → 7.12.2-beta.9

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "7.12.2-beta.7",
3
+ "version": "7.12.2-beta.9",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "typings": "dist/index.d.ts",
@@ -20,9 +20,14 @@ const Alert = ({
20
20
  extraStyles,
21
21
  maxContentWidth,
22
22
  noBorder = false,
23
- enableBoxShadow = false
23
+ enableBoxShadow = false,
24
+ enableSmallText = false,
25
+ innerContentPadding = "1rem"
24
26
  }) => {
25
27
  const Icon = AlertIcons[variant];
28
+ let contentPadding = maxContentWidth
29
+ ? `${padding} 1rem`
30
+ : innerContentPadding;
26
31
 
27
32
  const content = (
28
33
  <Sidebar width="24px" childGap="0rem">
@@ -35,13 +40,17 @@ const Alert = ({
35
40
  </Box>
36
41
  <Box padding="0">
37
42
  <Sidebar sidebarOnRight width="24px" childGap="0rem">
38
- <Box padding={maxContentWidth ? `${padding} 1rem` : "1rem"}>
43
+ <Box padding={contentPadding}>
39
44
  <Cluster justify="flex-start" align="center">
40
45
  {textOverride ? (
41
46
  textOverride
42
47
  ) : (
43
48
  <Stack fullHeight childGap="0.25rem">
44
- <Text variant="p" color={themeValues.text} weight="600">
49
+ <Text
50
+ variant={enableSmallText ? "pS" : "p"}
51
+ color={themeValues.text}
52
+ weight="600"
53
+ >
45
54
  {heading}
46
55
  </Text>
47
56
  <Text variant="pS" color={themeValues.text}>
@@ -148,6 +148,8 @@ const ErrorDetails = () => (
148
148
  showQuitLink={false}
149
149
  noBorder
150
150
  enableBoxShadow
151
+ enableSmallText
152
+ innerContentPadding="0 16px"
151
153
  extraStyles={`min-height: 67px; height: 67px;`}
152
154
  />
153
155
  </Box>