@thecb/components 11.9.1-beta.5 → 11.9.1

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 +10 -12
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +10 -12
  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 +3 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "11.9.1-beta.5",
3
+ "version": "11.9.1",
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">
151
+ <Cluster justify="space-between" align="center" overflow>
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; font-size: .75rem;`}
54
- >{`Autopay On`}</Text>
53
+ extraStyles={`font-style: italic;`}
54
+ >{`Autopay Enabled`}</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, SEA_GREEN } from "../../../constants/colors";
1
+ import { CHARADE_GREY, REGENT_GREY } from "../../../constants/colors";
2
2
 
3
3
  const textColor = `${CHARADE_GREY}`;
4
- const autopayTextColor = `${SEA_GREEN}`;
4
+ const autopayTextColor = `${REGENT_GREY}`;
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; font-size: .75rem;`}
57
- >{`Autopay On`}</Text>
56
+ extraStyles={`font-style: italic;`}
57
+ >{`Autopay Enabled`}</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, SEA_GREEN } from "../../../constants/colors";
1
+ import { CHARADE_GREY, REGENT_GREY } from "../../../constants/colors";
2
2
 
3
3
  const textColor = `${CHARADE_GREY}`;
4
- const autopayTextColor = `${SEA_GREEN}`;
4
+ const autopayTextColor = `${REGENT_GREY}`;
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, STORM_GREY } from "../constants/colors";
4
+ import { ASH_GREY, FIRE_YELLOW } from "../constants/colors";
5
5
  export const formatDelimiter = "_";
6
6
 
7
7
  export const phoneFormats = [
@@ -101,8 +101,7 @@ export const renderCardStatus = (
101
101
  <Text
102
102
  as={as}
103
103
  variant="pXS"
104
- fontSize=".75rem"
105
- color={STORM_GREY}
104
+ color={ASH_GREY}
106
105
  extraStyles={`text-align: ${textAlign}; margin: ${textMargin};`}
107
106
  >
108
107
  Exp Date {expireDate}
@@ -113,7 +112,6 @@ export const renderCardStatus = (
113
112
  <Text
114
113
  as={as}
115
114
  variant="pXS"
116
- fontSize=".75rem"
117
115
  color={FIRE_YELLOW}
118
116
  extraStyles={`text-align: ${textAlign}; margin: ${textMargin};`}
119
117
  >
@@ -125,8 +123,7 @@ export const renderCardStatus = (
125
123
  <Text
126
124
  as={as}
127
125
  variant="pXS"
128
- fontSize=".75rem"
129
- color={STORM_GREY}
126
+ color={ASH_GREY}
130
127
  extraStyles={`text-align: ${textAlign}; margin: ${textMargin};`}
131
128
  >
132
129
  Expired