@controleonline/ui-customers 1.0.84 → 1.0.85

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/react/pages/details.js +5 -4
  3. package/src/react/styles/details.js +5 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@controleonline/ui-customers",
3
- "version": "1.0.84",
3
+ "version": "1.0.85",
4
4
  "author": "ControleOnline",
5
5
  "description": "ControleOnline customers Quasar UI Component",
6
6
  "license": "MIT",
package/src/react/pages/details.js CHANGED
@@ -488,10 +488,11 @@ const ClientDetails = ({ route, navigation }) => {
488
488
  imageUrl={clientAvatarImageUrl}
489
489
  name={String(client?.name || '').replace(/\s+/g, ' ').trim()}
490
490
  size={64}
491
- backgroundColor={themeColors.buttonBackground}
492
- borderColor={themeColors.buttonText}
493
- borderWidth={3}
494
- textColor={themeColors.buttonText}
491
+ backgroundColor={detailsStyles.listAvatarBrand.backgroundColor}
492
+ borderColor={detailsStyles.listAvatarBrand.borderColor}
493
+ borderWidth={1}
494
+ textColor={detailsStyles.listAvatarText.color}
495
+ iconColor={detailsStyles.listAvatarText.color}
495
496
  useGravatar={false}
496
497
  usePeopleImage={false}
497
498
  />
package/src/react/styles/details.js CHANGED
@@ -10,6 +10,8 @@ const resolvePalette = themeColors => ({
10
10
  cardBorder: themeColors.cardBorder,
11
11
  cardText: themeColors.cardText,
12
12
  cardIcon: themeColors.cardIcon,
13
+ cardIconBackground: themeColors.cardIconBackground || themeColors.cardBackground,
14
+ cardIconColor: themeColors.cardIconColor || themeColors.cardIcon || themeColors.listItemText,
13
15
  cardShadow: themeColors.cardShadow,
14
16
  listItemBackground: themeColors.listItemBackground,
15
17
  listItemText: themeColors.listItemText,
@@ -324,12 +326,12 @@ export const createDetailsStyles = themeColors => {
324
326
  },
325
327
 
326
328
  listAvatarBrand: {
327
- backgroundColor: palette.buttonBackground,
328
- borderColor: palette.buttonText,
329
+ backgroundColor: palette.cardIconBackground,
330
+ borderColor: palette.cardBorder || palette.cardIconBackground,
329
331
  },
330
332
 
331
333
  listAvatarText: {
332
- color: palette.buttonText,
334
+ color: palette.cardIconColor,
333
335
  },
334
336
 
335
337
  locationButton: {