@granto-umbrella/umbrella-components 3.0.40 → 3.0.42
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.
- package/dist/umbrella-components.es.js +16607 -16507
- package/dist/umbrella-components.umd.js +331 -287
- package/package.json +1 -1
- package/src/components/atoms/LogoContainer/LogoContainer.Types.tsx +1 -0
- package/src/components/atoms/LogoContainer/LogoContainer.tsx +4 -1
- package/src/components/molecules/FieldSelector/FieldSelector.styles.ts +2 -2
- package/src/components/organisms/ExportExcelModal/ExportExcelModal.styles.ts +3 -3
- package/src/components/organisms/ExportExcelModal/ExportExcelModal.tsx +2 -5
package/package.json
CHANGED
|
@@ -6,6 +6,9 @@ export const LogoContainer: React.FC<LogoContainerProps> = ({
|
|
|
6
6
|
src,
|
|
7
7
|
alt,
|
|
8
8
|
margintBottom,
|
|
9
|
+
width,
|
|
9
10
|
}) => {
|
|
10
|
-
return
|
|
11
|
+
return (
|
|
12
|
+
<Logo src={src} alt={alt} marginBottom={margintBottom} width={width} />
|
|
13
|
+
);
|
|
11
14
|
};
|
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
semanticBorders,
|
|
3
3
|
semanticColors,
|
|
4
4
|
typographyTokens,
|
|
5
|
-
} from '
|
|
5
|
+
} from '@/styles/tokens';
|
|
6
6
|
import styled from 'styled-components';
|
|
7
7
|
|
|
8
8
|
export const Container = styled.div`
|
|
@@ -13,7 +13,7 @@ export const Container = styled.div`
|
|
|
13
13
|
`;
|
|
14
14
|
|
|
15
15
|
export const Column = styled.div`
|
|
16
|
-
width:
|
|
16
|
+
width: 373px;
|
|
17
17
|
background: ${semanticColors.global.foreground.default};
|
|
18
18
|
border-radius: ${semanticBorders.global.md};
|
|
19
19
|
padding: 1rem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import * as Dialog from '@radix-ui/react-dialog';
|
|
3
|
-
import { semanticColors
|
|
3
|
+
import { semanticColors } from '../../../styles/tokens';
|
|
4
4
|
|
|
5
5
|
export const Overlay = styled(Dialog.Overlay)`
|
|
6
6
|
position: fixed;
|
|
@@ -22,12 +22,12 @@ export const Panel = styled.div`
|
|
|
22
22
|
background: white;
|
|
23
23
|
border-radius: 12px;
|
|
24
24
|
padding: 32px;
|
|
25
|
-
width: min(
|
|
25
|
+
width: min(850px, calc(100% - 32px));
|
|
26
26
|
border-top: 6px solid ${semanticColors.branding.surface.enabled};
|
|
27
27
|
`;
|
|
28
28
|
|
|
29
29
|
export const Title = styled.h2`
|
|
30
|
-
font-size:
|
|
30
|
+
font-size: 28px;
|
|
31
31
|
font-weight: 600;
|
|
32
32
|
color: ${semanticColors.base.text};
|
|
33
33
|
margin-bottom: 16px;
|
|
@@ -7,10 +7,9 @@ import {
|
|
|
7
7
|
Header,
|
|
8
8
|
Overlay,
|
|
9
9
|
Panel,
|
|
10
|
-
Title,
|
|
11
10
|
} from './ExportExcelModal.styles';
|
|
12
11
|
import FieldSelector from '../../molecules/FieldSelector/FieldSelector';
|
|
13
|
-
import ButtonGroup from '
|
|
12
|
+
import ButtonGroup from '@/components/molecules/ButtonGroup/ButtonGroup';
|
|
14
13
|
export const ExportExcelModal = ({
|
|
15
14
|
open,
|
|
16
15
|
onOpenChange,
|
|
@@ -38,9 +37,7 @@ export const ExportExcelModal = ({
|
|
|
38
37
|
<Panel>
|
|
39
38
|
<Header>
|
|
40
39
|
<div>
|
|
41
|
-
<Dialog.Title>
|
|
42
|
-
<Title>{title}</Title>
|
|
43
|
-
</Dialog.Title>
|
|
40
|
+
<Dialog.Title>{title}</Dialog.Title>
|
|
44
41
|
<Dialog.Description>{description}</Dialog.Description>
|
|
45
42
|
</div>
|
|
46
43
|
|