@granto-umbrella/umbrella-components 3.0.32 → 3.0.34
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/package.json +4 -5
- package/src/components/atoms/DatePickerInput/DatePicker.styles.ts +75 -75
- package/src/components/atoms/DatePickerInput/DatePickerInput.tsx +154 -154
- package/src/components/atoms/DropDownMenu/DropdownMenu.styles.tsx +106 -106
- package/src/components/atoms/ErrorMessage/ErrorMessage.styles.tsx +6 -6
- package/src/components/atoms/Footer/Footer.styles.tsx +1 -1
- package/src/components/atoms/GenericContainer/GenericContainer.styles.tsx +6 -6
- package/src/components/atoms/Input/Input.tsx +80 -80
- package/src/components/atoms/Input/Input.types.ts +21 -21
- package/src/components/atoms/Label/Label.styles.ts +16 -16
- package/src/components/atoms/Loading/Loading.styles.tsx +7 -5
- package/src/components/atoms/Loading/index.tsx +1 -1
- package/src/components/atoms/LogoContainer/LogoContainer.styles.tsx +4 -4
- package/src/components/atoms/ModalAviso/ModalAviso.styles.tsx +10 -9
- package/src/components/atoms/MultiSelect/index.tsx +1 -1
- package/src/components/atoms/RadioButton/RadioButton.types.ts +9 -9
- package/src/components/atoms/ResendLink/index.tsx +2 -1
- package/src/components/atoms/Select/Select.types.ts +19 -19
- package/src/components/atoms/Skeleton/Skeleton.styles.ts +32 -32
- package/src/components/atoms/Skeleton/Skeleton.tsx +43 -43
- package/src/components/atoms/Skeleton/Skeleton.types.ts +13 -13
- package/src/components/atoms/Subtitle/Subtitle.styles.tsx +21 -21
- package/src/components/atoms/Switch/Switch.styles.ts +59 -59
- package/src/components/atoms/Switch/Switch.types.ts +7 -7
- package/src/components/atoms/TabBar/TabBar.tsx +24 -24
- package/src/components/atoms/TabBar/TabBar.types.ts +11 -11
- package/src/components/atoms/Text/Text.styles.tsx +18 -6
- package/src/components/atoms/Text/Text.tsx +9 -4
- package/src/components/atoms/Text/Text.types.ts +2 -1
- package/src/components/atoms/Textarea/Textarea.types.ts +7 -7
- package/src/components/atoms/Title/Title.styles.tsx +17 -17
- package/src/components/molecules/BannerAjuda/BannerAjuda.types.ts +5 -5
- package/src/components/molecules/ButtonGroup/ButtonGroup.tsx +27 -27
- package/src/components/molecules/CodeInputContainer/CodeInputContainer.tsx +32 -32
- package/src/components/molecules/HighlightsCard/HighlightsCard.tsx +1 -1
- package/src/components/molecules/InsuranceCard/InsuranceCard.styles.tsx +1 -1
- package/src/components/molecules/InsuranceCard/InsuranceCard.tsx +455 -455
- package/src/components/molecules/InsuranceCard/InsuranceCard.types.ts +41 -41
- package/src/components/molecules/ResultsChart/ResultsChart.styles.tsx +26 -26
- package/src/components/molecules/TimeLine/TimeLine.mapper.ts +69 -69
- package/src/components/molecules/TimeLine/TimeLine.styles.ts +154 -154
- package/src/components/molecules/TimeLine/TimeLine.tsx +96 -96
- package/src/components/molecules/TimeLine/TimeLine.types.ts +124 -124
- package/src/components/organisms/AlertDialog/AlertDialog.types.ts +14 -14
- package/src/components/organisms/Navbar/Navbar.styles.tsx +1 -1
- package/src/components/organisms/Navbar/Navbar.tsx +118 -118
- package/src/components/organisms/Navbar/Navbar.types.ts +34 -34
- package/src/components/organisms/TimelineModal/TimelineModal.styles.ts +49 -49
- package/src/components/organisms/TimelineModal/TimelineModal.tsx +49 -49
- package/src/index.ts +157 -157
- package/src/styles/tokens/colors.ts +296 -296
- package/src/styles/tokens/typography.ts +161 -161
- package/src/types/colors.types.ts +21 -21
- package/src/types/sizes.types.ts +4 -4
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { StyledCodeInputContainer } from './CodeInputContainer.styles';
|
|
3
|
-
import { CodeInputContainerProps } from './CodeInputContainer.types';
|
|
4
|
-
import CodeInput from '../../atoms/CodeInput';
|
|
5
|
-
|
|
6
|
-
const CodeInputContainer: React.FC<CodeInputContainerProps> = ({
|
|
7
|
-
code,
|
|
8
|
-
inputRefs,
|
|
9
|
-
handleChange,
|
|
10
|
-
handleKeyDown,
|
|
11
|
-
handlePaste,
|
|
12
|
-
testId,
|
|
13
|
-
}) => {
|
|
14
|
-
return (
|
|
15
|
-
<StyledCodeInputContainer data-testid={testId} id={testId}>
|
|
16
|
-
{code.map((value, index) => (
|
|
17
|
-
<CodeInput
|
|
18
|
-
key={index}
|
|
19
|
-
ref={(el) => (inputRefs.current[index] = el)}
|
|
20
|
-
type="text"
|
|
21
|
-
maxLength={1}
|
|
22
|
-
value={value}
|
|
23
|
-
onChange={(e) => handleChange(e.target.value, index)}
|
|
24
|
-
onKeyDown={(e) => handleKeyDown(e, index)}
|
|
25
|
-
onPaste={handlePaste}
|
|
26
|
-
/>
|
|
27
|
-
))}
|
|
28
|
-
</StyledCodeInputContainer>
|
|
29
|
-
);
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
export { CodeInputContainer };
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyledCodeInputContainer } from './CodeInputContainer.styles';
|
|
3
|
+
import { CodeInputContainerProps } from './CodeInputContainer.types';
|
|
4
|
+
import CodeInput from '../../atoms/CodeInput';
|
|
5
|
+
|
|
6
|
+
const CodeInputContainer: React.FC<CodeInputContainerProps> = ({
|
|
7
|
+
code,
|
|
8
|
+
inputRefs,
|
|
9
|
+
handleChange,
|
|
10
|
+
handleKeyDown,
|
|
11
|
+
handlePaste,
|
|
12
|
+
testId,
|
|
13
|
+
}) => {
|
|
14
|
+
return (
|
|
15
|
+
<StyledCodeInputContainer data-testid={testId} id={testId}>
|
|
16
|
+
{code.map((value, index) => (
|
|
17
|
+
<CodeInput
|
|
18
|
+
key={index}
|
|
19
|
+
ref={(el) => (inputRefs.current[index] = el)}
|
|
20
|
+
type="text"
|
|
21
|
+
maxLength={1}
|
|
22
|
+
value={value}
|
|
23
|
+
onChange={(e) => handleChange(e.target.value, index)}
|
|
24
|
+
onKeyDown={(e) => handleKeyDown(e, index)}
|
|
25
|
+
onPaste={handlePaste}
|
|
26
|
+
/>
|
|
27
|
+
))}
|
|
28
|
+
</StyledCodeInputContainer>
|
|
29
|
+
);
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
export { CodeInputContainer };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Card, CardWrapper, IconWrapper, CardContent } from "./HighlightsCard.styles";
|
|
3
3
|
import { HighlightsCardProps } from "./HighlightsCard.types";
|
|
4
|
-
import
|
|
4
|
+
import Icon from "../../atoms/Icon";
|
|
5
5
|
|
|
6
6
|
const HighlightsCard: React.FC<HighlightsCardProps> = ({ items }) => {
|
|
7
7
|
return (
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable react-refresh/only-export-components */
|
|
2
2
|
import styled from 'styled-components';
|
|
3
|
-
import { semanticColors } from '
|
|
3
|
+
import { semanticColors } from '../../../styles/tokens';
|
|
4
4
|
import { StatusVariant } from './InsuranceCard.types';
|
|
5
5
|
|
|
6
6
|
export const PageContainer = styled.div`
|