@thecb/components 11.9.1-beta.6 → 11.9.2-beta.0

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 (11) hide show
  1. package/dist/index.cjs.js +12 -10
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +12 -10
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/atoms/form-layouts/FormInput.js +1 -1
  7. package/src/components/atoms/formatted-bank-account/FormattedBankAccount.js +2 -2
  8. package/src/components/atoms/formatted-bank-account/FormattedBankAccount.theme.js +2 -2
  9. package/src/components/atoms/formatted-credit-card/FormattedCreditCard.js +2 -2
  10. package/src/components/atoms/formatted-credit-card/FormattedCreditCard.theme.js +2 -2
  11. package/src/util/formats.js +6 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "11.9.1-beta.6",
3
+ "version": "11.9.2-beta.0",
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/form-layouts/FormInput.js CHANGED
@@ -148,7 +148,7 @@ const FormInput = ({
148
148
  <Stack childGap="0.25rem">
149
149
  <Box padding="0">
150
150
  {helperModal ? (
151
- <Cluster justify="space-between" align="center" overflow>
151
+ <Cluster justify="space-between" align="center">
152
152
  {labelDisplayOverride ? (
153
153
  labelDisplayOverride
154
154
  ) : (
package/src/components/atoms/formatted-bank-account/FormattedBankAccount.js CHANGED
@@ -50,8 +50,8 @@ const FormattedBankAccount = ({
50
50
  <Text
51
51
  variant="p"
52
52
  color={themeValues.autopayTextColor}
53
- extraStyles={`font-style: italic;`}
54
- >{`Autopay Enabled`}</Text>
53
+ extraStyles={`font-style: italic; font-size: .75rem;`}
54
+ >{`Autopay On`}</Text>
55
55
  )}
56
56
  </Stack>
57
57
  </BankItemWrapper>
package/src/components/atoms/formatted-bank-account/FormattedBankAccount.theme.js CHANGED
@@ -1,7 +1,7 @@
1
- import { CHARADE_GREY, REGENT_GREY } from "../../../constants/colors";
1
+ import { CHARADE_GREY, SEA_GREEN } from "../../../constants/colors";
2
2
 
3
3
  const textColor = `${CHARADE_GREY}`;
4
- const autopayTextColor = `${REGENT_GREY}`;
4
+ const autopayTextColor = `${SEA_GREEN}`;
5
5
 
6
6
  export const fallbackValues = {
7
7
  textColor,
package/src/components/atoms/formatted-credit-card/FormattedCreditCard.js CHANGED
@@ -53,8 +53,8 @@ const FormattedCreditCard = ({
53
53
  <Text
54
54
  variant="p"
55
55
  color={themeValues.autopayTextColor}
56
- extraStyles={`font-style: italic;`}
57
- >{`Autopay Enabled`}</Text>
56
+ extraStyles={`font-style: italic; font-size: .75rem;`}
57
+ >{`Autopay On`}</Text>
58
58
  )}
59
59
  </Stack>
60
60
  </CreditCardWrapper>
package/src/components/atoms/formatted-credit-card/FormattedCreditCard.theme.js CHANGED
@@ -1,7 +1,7 @@
1
- import { CHARADE_GREY, REGENT_GREY } from "../../../constants/colors";
1
+ import { CHARADE_GREY, SEA_GREEN } from "../../../constants/colors";
2
2
 
3
3
  const textColor = `${CHARADE_GREY}`;
4
- const autopayTextColor = `${REGENT_GREY}`;
4
+ const autopayTextColor = `${SEA_GREEN}`;
5
5
 
6
6
  export const fallbackValues = {
7
7
  textColor,
package/src/util/formats.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { createFormat } from "formatted-input";
3
3
  import Text from "../components/atoms/text";
4
- import { ASH_GREY, FIRE_YELLOW } from "../constants/colors";
4
+ import { ASH_GREY, FIRE_YELLOW, STORM_GREY } from "../constants/colors";
5
5
  export const formatDelimiter = "_";
6
6
 
7
7
  export const phoneFormats = [
@@ -101,7 +101,8 @@ export const renderCardStatus = (
101
101
  <Text
102
102
  as={as}
103
103
  variant="pXS"
104
- color={ASH_GREY}
104
+ fontSize=".75rem"
105
+ color={STORM_GREY}
105
106
  extraStyles={`text-align: ${textAlign}; margin: ${textMargin};`}
106
107
  >
107
108
  Exp Date {expireDate}
@@ -112,6 +113,7 @@ export const renderCardStatus = (
112
113
  <Text
113
114
  as={as}
114
115
  variant="pXS"
116
+ fontSize=".75rem"
115
117
  color={FIRE_YELLOW}
116
118
  extraStyles={`text-align: ${textAlign}; margin: ${textMargin};`}
117
119
  >
@@ -123,7 +125,8 @@ export const renderCardStatus = (
123
125
  <Text
124
126
  as={as}
125
127
  variant="pXS"
126
- color={ASH_GREY}
128
+ fontSize=".75rem"
129
+ color={STORM_GREY}
127
130
  extraStyles={`text-align: ${textAlign}; margin: ${textMargin};`}
128
131
  >
129
132
  Expired