@bytebrand/fe-ui-core 4.1.221 → 4.1.223

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 (5) hide show
  1. package/package.json +1 -1
  2. package/source/components/SearchWidgetsMobile/StateWidget/StateWidget.styl +1 -1
  3. package/source/components/SearchWidgetsMobile/StateWidget/StateWidget.tsx +1 -1
  4. package/source/components/_common/MaterialTooltip/MaterialTooltip.styled.tsx +3 -3
  5. package/source/components/_common/MaterialTooltip/MaterialTooltip.tsx +4 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.1.221",
3
+ "version": "4.1.223",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
package/source/components/SearchWidgetsMobile/StateWidget/StateWidget.styl CHANGED
@@ -56,5 +56,5 @@
56
56
  position: relative
57
57
  // top: 3px
58
58
  left: 5px
59
- fill: $skyBlue
59
+ // fill: $skyBlue
60
60
  font-size: 16px
package/source/components/SearchWidgetsMobile/StateWidget/StateWidget.tsx CHANGED
@@ -86,7 +86,7 @@ const StateWidget = (props: IStateWidgetProps) => {
86
86
  {t(`cbd:${option}`)}
87
87
  </span>
88
88
  <span className={styles.labelSub}>&nbsp;(<FormattedNumber numbersAfterDot={0} value={agg} />)</span>
89
- {index === 0 && <IconSVG className={styles.infoIcon} name={'info'} customDimensions />}
89
+ {index === 0 && <IconSVG className={styles.infoIcon} name={'infoIcon'} customDimensions />}
90
90
  </div>
91
91
  );
92
92
  };
package/source/components/_common/MaterialTooltip/MaterialTooltip.styled.tsx CHANGED
@@ -2,7 +2,7 @@ import { styled } from '@mui/system';
2
2
  import IconSVG from '../IconSVG/IconSVG';
3
3
 
4
4
  export const IconSvgWrapper = styled(IconSVG)(props => ({
5
- fill: props.disabled ? '#4C4E6442' : '#4C4E648A'
6
- // width: '12px',
7
- // height: '12px'
5
+ fill: props.disabled ? '#4C4E6442' : '#4C4E648A',
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)'