@bytebrand/fe-ui-core 4.1.176 → 4.1.178

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/package.json +1 -1
  2. package/source/components/AccordionWidget/AccordionWidget.tsx +1 -1
  3. package/source/components/VehicleSmallCard/VehicleData/VehiclePrice/VehiclePrice.styl +3 -4
  4. package/source/components/VehicleSmallCard/VehicleData/VehiclePrice/VehiclePrice.tsx +1 -1
  5. package/source/components/VehicleSmallCard/VehicleData/VehicleTitle/VehicleTitle.styl +5 -5
  6. package/source/components/_common/IconSVG/SVG/common/InfoIcon.tsx +5 -6
  7. package/source/components/_common/Tooltip/Tooltip.styl +9 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.1.176",
3
+ "version": "4.1.178",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
package/source/components/AccordionWidget/AccordionWidget.tsx CHANGED
@@ -96,7 +96,7 @@ class AccordionWidget extends React.Component<IAccardionSectionProps, IAccardion
96
96
  <div className={styles.tdContent}>
97
97
  {filteredKeys.map((prop: string) => (
98
98
  <div className={styles.wrapChecked} key={prop}>
99
- <IconSVG name={prop.startsWith('extras_trailerCoupling') ? 'search_trailerHitch' : 'checkBlue'} className={styles.cellCheckIcon} customDimensions />
99
+ <IconSVG name={'checkBlue'} className={styles.cellCheckIcon} customDimensions />
100
100
  <span className={styles.checkedItem}>{t(`cbd:${prop}`)}</span>
101
101
  </div>
102
102
  ))}
package/source/components/VehicleSmallCard/VehicleData/VehiclePrice/VehiclePrice.styl CHANGED
@@ -22,14 +22,14 @@
22
22
  &.vehiclePriceSectionFavorite
23
23
  padding: 1px 10px 0 10px
24
24
  +media-tablet-landscape-up()
25
- margin-top: -1px;
25
+ margin-top: auto;
26
26
  flex-shrink: 0;
27
- padding: 0 5px 0 15px;
27
+ padding: 0 5px 4px 15px;
28
28
  border-left: 1px solid rgba(76, 78, 100, 0.12)
29
29
  gap: 3px;
30
30
 
31
31
  &.vehiclePriceSectionRecently
32
- padding: 1px 10px 0 10px
32
+ padding: 2px 10px 0 10px
33
33
 
34
34
  .vehiclePriceTitle
35
35
  color: rgba(76, 78, 100, 0.87);
@@ -70,7 +70,6 @@
70
70
  font-size: 16px
71
71
  margin-top: 8px !important;
72
72
  font-weight bold !important;
73
- border-radius: 0 !important;
74
73
 
75
74
  .isAlternativeButton
76
75
  background-color: $alternative !important
package/source/components/VehicleSmallCard/VehicleData/VehiclePrice/VehiclePrice.tsx CHANGED
@@ -287,7 +287,7 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
287
287
  </Button>
288
288
  ) : null}
289
289
  {showOfferBtn ? (
290
- <Button color='primary' className={buttonClassNames} onClick={this.onDetailsClick}>{t('vehicleProps:title.toOffer')}</Button>
290
+ <Button variant={vehicleComponentName === 'recently' ? 'outlined' : 'contained'} className={buttonClassNames} onClick={this.onDetailsClick}>{t('vehicleProps:title.toOffer')}</Button>
291
291
  ) : ''}
292
292
  </section>
293
293
  );
package/source/components/VehicleSmallCard/VehicleData/VehicleTitle/VehicleTitle.styl CHANGED
@@ -29,9 +29,9 @@
29
29
  +media-tablet-landscape-up()
30
30
  display flex
31
31
  &.wrapTitlesFavorite
32
- display: flex;
32
+ display block
33
33
  +media-tablet-landscape-up()
34
- display: block;
34
+ display flex
35
35
  &.wrapTitlesRecently
36
36
  display: flex;
37
37
 
@@ -75,10 +75,10 @@
75
75
  margin-top: 0;
76
76
  &.optionTitleFavorite
77
77
  font-size: 12px;
78
- margin-left: 8px;
78
+ margin-top: 3px;
79
79
  +media-tablet-landscape-up()
80
- margin-left: -3px;
81
- margin-top: 3px;
80
+ margin-left: 8px;
81
+ margin-top: 0;
82
82
  &.optionTitleRecently
83
83
  font-size: 12px;
84
84
  margin-left: 8px;
package/source/components/_common/IconSVG/SVG/common/InfoIcon.tsx CHANGED
@@ -3,16 +3,15 @@ import * as React from 'react';
3
3
 
4
4
  const SvgInfoIcon = (props: any) => (
5
5
  <svg
6
- width="12"
7
- height="12"
6
+ viewBox="0 0 11 11"
7
+ width="1em"
8
+ height="1em"
8
9
  fill="none"
9
10
  {...props}
10
11
  >
11
- <circle cx="6" cy="6" r="5.5" stroke="#005CCB" />
12
- <path d="M5.46 5.25c-.4 0-.96.32-.96.32s.6.05.8.32c.22.3.12.6 0 .96h0c-.16.49-.64 1.3-.64 1.78 0 .36.11.65.48.8.3.12.5.09.8 0 .4-.12.81-.64.81-.64s-.38.16-.64.16c-.16 0-.49-.1-.49-.32 0-.49.49-1.3.65-1.77.16-.48.33-.91 0-1.29-.23-.25-.48-.32-.8-.32z" fill="#005CCB" stroke="#005CCB" strokeWidth=".2" strokeLinecap="round" strokeLinejoin="round"/>
13
- <circle cx="6.75" cy="3.75" r=".75" fill="#005CCB" />
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"/>
14
13
  </svg>
15
14
  );
16
15
 
17
16
  export default SvgInfoIcon;
18
- /* tslint:enable */
17
+ /* tslint:enable */
package/source/components/_common/Tooltip/Tooltip.styl CHANGED
@@ -11,6 +11,12 @@
11
11
  text-align: left;
12
12
  z-index: 2;
13
13
 
14
+ &:hover
15
+ [class*='Tooltip__tooltipWrap__icon']
16
+ path
17
+ fill: #005ccb;
18
+ fill-opacity: 1
19
+
14
20
  &.tooltipWrapIndex
15
21
  z-index: 3;
16
22
 
@@ -18,24 +24,12 @@
18
24
  outline: 0;
19
25
 
20
26
  &__icon
21
- max-width: 10px;
22
- max-height: 10px;
23
27
  pointer-events: none;
24
-
25
- circle,
26
- path
27
- transform: scale(.833);
28
-
29
- +media-tablet-down()
30
- max-width: 12px;
31
- max-height: 12px;
32
-
33
- circle,
34
- path
35
- transform: scale(1);
28
+ max-width: 11px;
36
29
 
37
30
  path
38
- fill: $skyBlue;
31
+ fill: #4C4E64;
32
+ fill-opacity: 0.54
39
33
 
40
34
  &__block
41
35
  position absolute;