@bytebrand/fe-ui-core 4.1.220 → 4.1.222

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 (12) hide show
  1. package/package.json +1 -1
  2. package/source/components/Checkout/RadioCards/AdditionalServiceCard/ServiceCardWrapper.styl +2 -2
  3. package/source/components/Checkout/RadioCards/AdditionalServiceCard/ServiceCardWrapper.tsx +2 -2
  4. package/source/components/Checkout/RadioCards/PaymentTypeCard/PaymentTypeCard.styl +3 -9
  5. package/source/components/Checkout/RadioCards/PaymentTypeCard/PaymentTypeCard.tsx +1 -1
  6. package/source/components/VehicleDetailedSidebar/partials/PriceContent.styl +3 -1
  7. package/source/components/VehicleDetailedSidebar/partials/PriceContent.tsx +1 -1
  8. package/source/components/_common/IconSVG/SVG/common/InfoIcon.tsx +1 -1
  9. package/source/components/_common/MaterialTooltip/MaterialTooltip.styled.tsx +2 -2
  10. package/source/components/_common/MaterialTooltip/MaterialTooltip.tsx +4 -2
  11. package/source/components/_common/OfferRequestButtonWrapper/OfferRequestButtonWrapper.styled.tsx +3 -3
  12. package/source/components/_common/OfferRequestButtonWrapper/OfferRequestButtonWrapper.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.1.220",
3
+ "version": "4.1.222",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
package/source/components/Checkout/RadioCards/AdditionalServiceCard/ServiceCardWrapper.styl CHANGED
@@ -197,5 +197,5 @@
197
197
  align-items: center
198
198
 
199
199
  .infoTransparent
200
- width: 20px
201
- height: 20px
200
+ width: 22px
201
+ height: 22px
package/source/components/Checkout/RadioCards/AdditionalServiceCard/ServiceCardWrapper.tsx CHANGED
@@ -197,12 +197,12 @@ const ServiceCardWrapper = ({
197
197
  <span className={styles.contentFooter}
198
198
  onClick={() => onCheckoutModalClick(modalWarrantyProps)}>
199
199
  {footerText}
200
- <IconSVG className={styles.infoTransparent} name='bigInfoTransparent' customDimensions/>
200
+ <IconSVG className={styles.infoTransparent} name='infoIcon' customDimensions/>
201
201
  </span>
202
202
  }
203
203
  {tooltip &&
204
204
  <span style={{ position: 'absolute', left: titleWidth + 16, top: 14 }}> {/*TODO: REFACTOR. press on icon "info" wothout selecting card*/}
205
- <IconSVG onClick={() => onCheckoutModalClick(modalProps)} className={styles.infoTransparent} name='bigInfoTransparent' customDimensions/>
205
+ <IconSVG onClick={() => onCheckoutModalClick(modalProps)} className={styles.infoTransparent} name='infoIcon' customDimensions/>
206
206
  </span>
207
207
  }
208
208
  </CardActionArea>
package/source/components/Checkout/RadioCards/PaymentTypeCard/PaymentTypeCard.styl CHANGED
@@ -52,8 +52,8 @@
52
52
  margin-right: 46px
53
53
 
54
54
  .infoTransparent
55
- width: 16px
56
- height: 16px
55
+ width: 18px
56
+ height: 18px
57
57
  margin-left: 5px
58
58
 
59
59
  .container.disabled
@@ -61,13 +61,7 @@
61
61
  color: $secondary15
62
62
 
63
63
  .infoTransparent
64
- stroke: rgba(0, 0, 0, 0.12)
65
- circle
66
- stroke: rgba(0, 0, 0, 0.12)
67
- path
68
- fill: rgba(0, 0, 0, 0.12)
69
- ellipse
70
- fill: rgba(0, 0, 0, 0.12)
64
+ fill: rgba(0, 0, 0, 0.12)
71
65
 
72
66
  .labelContent
73
67
  color: $black80
package/source/components/Checkout/RadioCards/PaymentTypeCard/PaymentTypeCard.tsx CHANGED
@@ -183,7 +183,7 @@ const PaymentTypeCard = ({
183
183
  </label>
184
184
  {tooltip &&
185
185
  <span style={{ position: 'absolute', left: titleWidth + 16, top: 25 }}>
186
- <IconSVG customDimensions className={styles.infoTransparent} onClick={() => onCheckoutModalClick(modalProps)} name='bigInfoTransparent' />
186
+ <IconSVG customDimensions className={styles.infoTransparent} onClick={() => onCheckoutModalClick(modalProps)} name='infoIcon' />
187
187
  </span>
188
188
  }
189
189
  </CardActionArea>
package/source/components/VehicleDetailedSidebar/partials/PriceContent.styl CHANGED
@@ -72,6 +72,8 @@
72
72
 
73
73
  .infoIcon
74
74
  margin-right: 10px
75
+ width: 14px
76
+ height: auto
75
77
 
76
78
  .priceInfoLabel
77
79
  display flex
@@ -105,4 +107,4 @@
105
107
  pointer-events: none;
106
108
 
107
109
  .arrowUpIcon
108
- transform: rotate(180deg);
110
+ transform: rotate(180deg);
package/source/components/VehicleDetailedSidebar/partials/PriceContent.tsx CHANGED
@@ -100,7 +100,7 @@ const PriceContent: React.FunctionComponent<IPriceContentProps> = ({
100
100
  <span className={styles.priceInfo}>
101
101
  <span className={styles.priceInfoLabel} onClick={onAdjustRateClick}>
102
102
  <IconSVG
103
- name='InfoTransparent'
103
+ name='infoIcon'
104
104
  className={styles.infoIcon}
105
105
  customDimensions
106
106
  />
package/source/components/_common/IconSVG/SVG/common/InfoIcon.tsx CHANGED
@@ -6,7 +6,7 @@ const SvgInfoIcon = (props: any) => (
6
6
  viewBox="0 0 11 11"
7
7
  width="1em"
8
8
  height="1em"
9
- fill="none"
9
+ fill="#4C4E648A"
10
10
  {...props}
11
11
  >
12
12
  <path d="M5.15996 7.71539C5.30156 7.71539 5.42456 7.66319 5.52896 7.55879C5.63296 7.45479 5.68496 7.33199 5.68496 7.19039V5.22779C5.68496 5.08619 5.63296 4.96539 5.52896 4.86539C5.42456 4.76539 5.30156 4.71539 5.15996 4.71539C5.01836 4.71539 4.89536 4.76739 4.79096 4.87139C4.68696 4.97579 4.63496 5.09879 4.63496 5.24039V7.20239C4.63496 7.34439 4.68696 7.46539 4.79096 7.56539C4.89536 7.66539 5.01836 7.71539 5.15996 7.71539ZM5.15996 3.70259C5.30156 3.70259 5.42456 3.65059 5.52896 3.54659C5.63296 3.44219 5.68496 3.31919 5.68496 3.17759C5.68496 3.03599 5.63296 2.91319 5.52896 2.80919C5.42456 2.70479 5.30156 2.65259 5.15996 2.65259C5.01836 2.65259 4.89536 2.70479 4.79096 2.80919C4.68696 2.91319 4.63496 3.03599 4.63496 3.17759C4.63496 3.31919 4.68696 3.44219 4.79096 3.54659C4.89536 3.65059 5.01836 3.70259 5.15996 3.70259ZM5.15996 10.215C4.46836 10.215 3.81836 10.0838 3.20996 9.82139C2.60156 9.55899 2.07236 9.20279 1.62236 8.75279C1.17236 8.30279 0.816156 7.77359 0.553756 7.16519C0.291356 6.55679 0.160156 5.90679 0.160156 5.21519C0.160156 4.52359 0.291356 3.87359 0.553756 3.26519C0.816156 2.65679 1.17236 2.12759 1.62236 1.67759C2.07236 1.22759 2.60156 0.871393 3.20996 0.608993C3.81836 0.346593 4.46836 0.215393 5.15996 0.215393C5.85156 0.215393 6.50156 0.346593 7.10996 0.608993C7.71836 0.871393 8.24756 1.22759 8.69756 1.67759C9.14756 2.12759 9.50376 2.65679 9.76616 3.26519C10.0286 3.87359 10.1598 4.52359 10.1598 5.21519C10.1598 5.90679 10.0286 6.55679 9.76616 7.16519C9.50376 7.77359 9.14756 8.30279 8.69756 8.75279C8.24756 9.20279 7.71836 9.55899 7.10996 9.82139C6.50156 10.0838 5.85156 10.215 5.15996 10.215ZM5.15996 9.16499C6.25156 9.16499 7.18276 8.77959 7.95356 8.00879C8.72436 7.23799 9.10976 6.30679 9.10976 5.21519C9.10976 4.12359 8.72436 3.19239 7.95356 2.42159C7.18276 1.65079 6.25156 1.26539 5.15996 1.26539C4.06836 1.26539 3.13716 1.65079 2.36636 2.42159C1.59556 3.19239 1.21016 4.12359 1.21016 5.21519C1.21016 6.30679 1.59556 7.23799 2.36636 8.00879C3.13716 8.77959 4.06836 9.16499 5.15996 9.16499Z"/>
package/source/components/_common/MaterialTooltip/MaterialTooltip.styled.tsx CHANGED
@@ -3,6 +3,6 @@ import IconSVG from '../IconSVG/IconSVG';
3
3
 
4
4
  export const IconSvgWrapper = styled(IconSVG)(props => ({
5
5
  fill: props.disabled ? '#4C4E6442' : '#4C4E648A',
6
- width: '12px',
7
- height: '12px'
6
+ width: '10px',
7
+ height: '10px'
8
8
  }));
package/source/components/_common/MaterialTooltip/MaterialTooltip.tsx CHANGED
@@ -18,9 +18,11 @@ const LightTooltip = styled(({ className, ...props }: TooltipProps) => (
18
18
  zIndex: 10000,
19
19
  [`& .${tooltipClasses.tooltip}`]: {
20
20
  backgroundColor: theme.palette.common.white,
21
- color: 'rgba(60,60,60,0.87)',
21
+ color: '#4C4E64AD',
22
22
  border: '1px solid rgb(60 60 60 / 22%)',
23
- fontSize: 11,
23
+ fontSize: 10,
24
+ padding: '4px 8px',
25
+ maxWidth: '149px',
24
26
  borderRadius: 6,
25
27
  background: '#FFFFFF',
26
28
  boxShadow: '0px 0px 1px -2px rgba(76, 78, 100, 0.2), 0px 0px 2px rgba(76, 78, 100, 0.14), 0px 0px 5px rgba(76, 78, 100, 0.12)'
package/source/components/_common/OfferRequestButtonWrapper/OfferRequestButtonWrapper.styled.tsx CHANGED
@@ -17,7 +17,7 @@ export const StyledButton = styled(Button)({
17
17
 
18
18
  export const StyledIconSVG = styled(IconSVG)({
19
19
  marginRight: 10,
20
- fill: 'white',
21
- width: '1.5em',
22
- path: { fill: ({ color }) => (color ? color : '#fff') }
20
+ fill: '#4C4E648A',
21
+ width: '14px',
22
+ height: 'auto'
23
23
  });
package/source/components/_common/OfferRequestButtonWrapper/OfferRequestButtonWrapper.tsx CHANGED
@@ -99,7 +99,7 @@ const OfferRequestBtnWrapper: React.FunctionComponent<IOfferRequestButtonWrapper
99
99
  </div> : false}
100
100
  {detailsText && (
101
101
  <div className={styles.detalis} onClick={(event?: React.ChangeEvent<{}>) => onShowOfferDetails(event, car, priceTabActiveIndex)}>
102
- <StyledIconSVG name='InfoTransparent' className={styles.infoIcon} customDimensions />
102
+ <StyledIconSVG name='infoIcon' className={styles.infoIcon} customDimensions />
103
103
  <span className={styles.detalisText}>
104
104
  {t(`sidebar.financingBlock.${detailsText}`)}
105
105
  </span>