@thecb/components 7.7.0-beta.2 → 7.7.0-beta.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 (7) hide show
  1. package/dist/index.cjs.js +5 -4
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +5 -4
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/molecules/radio-section/RadioSection.js +1 -1
  7. package/src/util/general.js +4 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "7.7.0-beta.2",
3
+ "version": "7.7.0-beta.4",
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/molecules/radio-section/RadioSection.js CHANGED
@@ -192,7 +192,7 @@ const RadioSection = ({
192
192
  </Cluster>
193
193
  )}
194
194
  {section.rightTitleContent && (
195
- <Fragment>{rightTitleContent}</Fragment>
195
+ <Fragment>{section.rightTitleContent}</Fragment>
196
196
  )}
197
197
  </Cluster>
198
198
  </Box>
package/src/util/general.js CHANGED
@@ -170,6 +170,7 @@ export const renderCardStatus = (
170
170
  const ACTIVE = "ACTIVE";
171
171
  const EXPIRING_SOON = "EXPIRING_SOON";
172
172
  const EXPIRED = "EXPIRED";
173
+ const textMargin = textAlign === "right" ? "auto" : "0";
173
174
 
174
175
  switch (expirationStatus) {
175
176
  case ACTIVE:
@@ -178,7 +179,7 @@ export const renderCardStatus = (
178
179
  as={as}
179
180
  variant="pXS"
180
181
  color={ASH_GREY}
181
- extraStyles={`text-align: ${textAlign};`}
182
+ extraStyles={`text-align: ${textAlign}; margin: ${textMargin};`}
182
183
  >
183
184
  Exp Date {expireDate}
184
185
  </Text>
@@ -189,7 +190,7 @@ export const renderCardStatus = (
189
190
  as={as}
190
191
  variant="pXS"
191
192
  color={FIRE_YELLOW}
192
- extraStyles={`text-align: ${textAlign};`}
193
+ extraStyles={`text-align: ${textAlign}; margin: ${textMargin};`}
193
194
  >
194
195
  Expiring Soon {expireDate}
195
196
  </Text>
@@ -200,7 +201,7 @@ export const renderCardStatus = (
200
201
  as={as}
201
202
  variant="pXS"
202
203
  color={ASH_GREY}
203
- extraStyles={`text-align: ${textAlign};`}
204
+ extraStyles={`text-align: ${textAlign}; margin: ${textMargin};`}
204
205
  >
205
206
  Expired
206
207
  </Text>