@granto-umbrella/umbrella-components 3.0.42 → 3.0.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granto-umbrella/umbrella-components",
-  "version": "3.0.42",
+  "version": "3.0.45",
   "description": "Umbrella Components for React",
   "type": "module",
   "main": "src/index.js",

package/src/components/atoms/LogoContainer/LogoContainer.styles.tsx

@@ -1,11 +1,11 @@
 import styled from 'styled-components';
 import { primitiveSizes } from '../../../styles/tokens';
 
-export const Logo = styled.img<{ marginBottom?: string }>`
+export const Logo = styled.img<{ marginBottom?: string; width?: number }>`
   margin-bottom: ${(props) => props.marginBottom || primitiveSizes.size.x6};
-  width: 112px;
+  width: ${(props) => props.width || 112}px;
 
   @media (max-width: 768px) {
-    width: 114.12px;
+    width: ${(props) => props.width || 114.12}px;
   }
 `;

package/src/components/molecules/FieldSelector/FieldSelector.styles.ts

@@ -2,7 +2,7 @@ import {
   semanticBorders,
   semanticColors,
   typographyTokens,
-} from '@/styles/tokens';
+} from '../../../styles/tokens';
 import styled from 'styled-components';
 
 export const Container = styled.div`

package/src/components/organisms/ExportExcelModal/ExportExcelModal.tsx

@@ -9,7 +9,7 @@ import {
   Panel,
 } from './ExportExcelModal.styles';
 import FieldSelector from '../../molecules/FieldSelector/FieldSelector';
-import ButtonGroup from '@/components/molecules/ButtonGroup/ButtonGroup';
+import ButtonGroup from '../../molecules/ButtonGroup/ButtonGroup';
 export const ExportExcelModal = ({
   open,
   onOpenChange,