@thecb/components 3.5.1 → 3.5.4

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 (6) hide show
  1. package/dist/index.cjs.js +631 -393
  2. package/package.json +1 -1
  3. package/src/components/atoms/dropdown/Dropdown.js +2 -3
  4. package/src/components/atoms/loading/Loading.js +1 -1
  5. package/src/components/molecules/payment-button-bar/PaymentButtonBar.js +17 -16
  6. package/.tool-versions +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "3.5.1",
3
+ "version": "3.5.4",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
package/src/components/atoms/dropdown/Dropdown.js CHANGED
@@ -206,9 +206,8 @@ const Dropdown = ({
206
206
  <Box
207
207
  as="button"
208
208
  background={isOpen ? themeValues.hoverColor : WHITE}
209
- minHeight="52px"
210
209
  width="100%"
211
- padding="16px"
210
+ padding="12px"
212
211
  hoverStyles={`background-color: ${themeValues.hoverColor};`}
213
212
  focusStyles={`background-color: ${themeValues.hoverColor};`}
214
213
  borderSize="1px"
@@ -220,7 +219,7 @@ const Dropdown = ({
220
219
  : GREY_CHATEAU
221
220
  }
222
221
  borderRadius="2px"
223
- extraStyles={`tabindex: 0;`}
222
+ extraStyles={`tabindex: 0; height: 48px;`}
224
223
  dataQa={placeholder}
225
224
  >
226
225
  <Stack direction="row" bottomItem={2}>
package/src/components/atoms/loading/Loading.js CHANGED
@@ -4,7 +4,7 @@ import { Box, Cover, Center } from "../layouts";
4
4
 
5
5
  const Loading = () => (
6
6
  <Box key="spinner-container">
7
- <Cover minHeight="100%" singleChild>
7
+ <Cover minHeight="100vh" singleChild>
8
8
  <Center intrinsic>
9
9
  <Box>
10
10
  <Spinner size="100" />
package/src/components/molecules/payment-button-bar/PaymentButtonBar.js CHANGED
@@ -18,25 +18,26 @@ const PaymentButtonBar = ({
18
18
  }) => {
19
19
  const { isMobile } = useContext(ThemeContext);
20
20
 
21
- const backButton = !!cancelURL ? (
22
- <ButtonWithLink
23
- text={cancelText}
24
- url={cancelURL}
25
- variant="secondary"
26
- extraStyles={isMobile && "flex-grow: 1"}
27
- dataQa={cancelText}
28
- />
29
- ) : (
30
- backButtonAction && (
31
- <ButtonWithAction
32
- text="Back"
21
+ const backButton =
22
+ !!cancelURL && !!cancelText ? (
23
+ <ButtonWithLink
24
+ text={cancelText}
25
+ url={cancelURL}
33
26
  variant="secondary"
34
- action={backButtonAction}
35
27
  extraStyles={isMobile && "flex-grow: 1"}
36
- dataQa="Back"
28
+ dataQa={cancelText}
37
29
  />
38
- )
39
- );
30
+ ) : (
31
+ backButtonAction && (
32
+ <ButtonWithAction
33
+ text="Back"
34
+ variant="secondary"
35
+ action={backButtonAction}
36
+ extraStyles={isMobile && "flex-grow: 1"}
37
+ dataQa="Back"
38
+ />
39
+ )
40
+ );
40
41
 
41
42
  const forwardButton = !!redirectURL ? (
42
43
  <ButtonWithLink
package/.tool-versions DELETED
@@ -1 +0,0 @@
1
- nodejs 10.13.0