@thecb/components 5.6.2 → 5.6.5-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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "5.6.2",
3
+ "version": "5.6.5-beta.0",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -29,7 +29,7 @@ const Sidebar = ({
29
29
  <SidebarInnerWrapper
30
30
  childGap={childGap}
31
31
  width={width}
32
- sidebarOnRight={sidebarOnRight}
32
+ $sidebarOnRight={sidebarOnRight}
33
33
  contentMinWidth={contentMinWidth}
34
34
  fullHeight={fullHeight}
35
35
  minHeight={minHeight}
@@ -26,8 +26,8 @@ export const SidebarInnerWrapper = styled(
26
26
  ${({ minHeight }) => (minHeight ? `margin-top: 0; margin-bottom: 0;` : ``)}
27
27
  }
28
28
 
29
- ${({ sidebarOnRight, contentMinWidth, childGap }) =>
30
- sidebarOnRight
29
+ ${({ $sidebarOnRight, contentMinWidth, childGap }) =>
30
+ $sidebarOnRight
31
31
  ? `> :first-child {
32
32
  flex-basis: 0;
33
33
  flex-grow: 999;
@@ -64,7 +64,7 @@ const PaymentFormACH = ({
64
64
  <FormContainer variant={variant} role="form" aria-label="ACH Payment">
65
65
  <FormInputColumn>
66
66
  <FormInput
67
- labelTextWhenNoError="Name on bank account"
67
+ labelTextWhenNoError="Name on checking account"
68
68
  errorMessages={nameErrors}
69
69
  field={fields.name}
70
70
  fieldActions={actions.fields.name}
@@ -155,7 +155,7 @@ const PaymentFormACH = ({
155
155
  {showWalletCheckbox && (
156
156
  <Checkbox
157
157
  name="bank checkbox"
158
- title="Save bank account to wallet"
158
+ title="Save checking account to wallet"
159
159
  checked={walletCheckboxMarked}
160
160
  onChange={saveToWallet}
161
161
  />
@@ -14,7 +14,8 @@ const TermsAndConditionsModal = ({
14
14
  acceptText,
15
15
  terms,
16
16
  variant,
17
- themeValues
17
+ themeValues,
18
+ linkColorOverride
18
19
  }) => (
19
20
  <Modal
20
21
  modalOpen={isOpen}
@@ -44,7 +45,7 @@ const TermsAndConditionsModal = ({
44
45
  onClick={() => toggleOpen(true)}
45
46
  onKeyPress={e => e.key === "Enter" && toggleOpen(true)}
46
47
  tabIndex="0"
47
- color={themeValues.linkColor}
48
+ color={linkColorOverride || themeValues.linkColor}
48
49
  weight={themeValues.fontWeight}
49
50
  hoverStyles={themeValues.modalLinkHoverFocus}
50
51
  extraStyles={`display: inline-block; width: fit-content;`}