norma-library 0.5.127 → 0.5.129

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 (164) hide show
  1. package/.babelrc.json +18 -18
  2. package/.prettierignore +10 -10
  3. package/.prettierrc.json +20 -20
  4. package/.storybook/main.ts +20 -20
  5. package/.storybook/preview.ts +15 -15
  6. package/README.md +43 -43
  7. package/commitlint.config.js +1 -1
  8. package/dist/esm/components/RadioGroup.js +2 -1
  9. package/dist/esm/components/RadioGroup.js.map +1 -1
  10. package/dist/esm/components/Tabs.js +0 -1
  11. package/dist/esm/components/Tabs.js.map +1 -1
  12. package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js +0 -1
  13. package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js.map +1 -1
  14. package/dist/esm/interfaces/RadioGroup.d.ts +2 -1
  15. package/docs/index.md +118 -118
  16. package/package.json +136 -136
  17. package/src/components/Accordion.tsx +39 -39
  18. package/src/components/Avatar.tsx +17 -17
  19. package/src/components/Badge.tsx +14 -14
  20. package/src/components/Box/index.tsx +12 -12
  21. package/src/components/Box/interfaces.ts +3 -3
  22. package/src/components/Box/styles.tsx +22 -22
  23. package/src/components/Breadcrumb/index.tsx +27 -27
  24. package/src/components/Breadcrumb/interface.ts +8 -8
  25. package/src/components/Breadcrumb/styles.tsx +32 -32
  26. package/src/components/Button.tsx +26 -26
  27. package/src/components/Card.tsx +37 -37
  28. package/src/components/ChatMessage.tsx +87 -87
  29. package/src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts +56 -56
  30. package/src/components/ChatMessageBalloon/ChatMessageBalloon.tsx +55 -55
  31. package/src/components/CheckBox.tsx +21 -21
  32. package/src/components/DateInput/index.tsx +34 -34
  33. package/src/components/DateInput/interface.ts +13 -13
  34. package/src/components/DateInput/styles.tsx +27 -27
  35. package/src/components/DatePicker.tsx +67 -67
  36. package/src/components/DropDown.tsx +24 -24
  37. package/src/components/IconButton.tsx +37 -37
  38. package/src/components/Icons.tsx +82 -82
  39. package/src/components/Modal.tsx +113 -113
  40. package/src/components/MultiSelectInput/components/MultiValue/index.tsx +44 -44
  41. package/src/components/MultiSelectInput/components/Option/index.tsx +62 -62
  42. package/src/components/MultiSelectInput/components/Option/styles.tsx +8 -8
  43. package/src/components/MultiSelectInput/index.tsx +60 -60
  44. package/src/components/MultiSelectInput/interfaces.ts +15 -15
  45. package/src/components/MultiSelectInput/styles.tsx +43 -43
  46. package/src/components/Paper.tsx +12 -12
  47. package/src/components/ProgressBar.tsx +51 -51
  48. package/src/components/RadioGroup.tsx +43 -41
  49. package/src/components/RangerSlider.tsx +65 -65
  50. package/src/components/Select.tsx +74 -74
  51. package/src/components/SelectInput/components/Option/index.tsx +61 -61
  52. package/src/components/SelectInput/components/Option/styles.tsx +8 -8
  53. package/src/components/SelectInput/index.tsx +45 -45
  54. package/src/components/SelectInput/interfaces.ts +15 -15
  55. package/src/components/SelectInput/styles.tsx +31 -31
  56. package/src/components/Svgs.tsx +506 -506
  57. package/src/components/Table/components/header/index.tsx +86 -86
  58. package/src/components/Table/components/header/styles.tsx +59 -59
  59. package/src/components/Table/components/index.tsx +8 -8
  60. package/src/components/Table/components/pagination/index.tsx +39 -39
  61. package/src/components/Table/components/pagination/styles.tsx +28 -28
  62. package/src/components/Table/components/tbody/index.tsx +30 -30
  63. package/src/components/Table/components/tbody/styles.tsx +4 -4
  64. package/src/components/Table/index.tsx +317 -317
  65. package/src/components/Table/interface.ts +23 -23
  66. package/src/components/Table/styles.tsx +117 -117
  67. package/src/components/Tabs.tsx +105 -106
  68. package/src/components/Tag.tsx +33 -33
  69. package/src/components/TextField.tsx +19 -19
  70. package/src/components/TextInput/index.tsx +37 -37
  71. package/src/components/TextInput/interface.ts +9 -9
  72. package/src/components/TextInput/styles.tsx +23 -23
  73. package/src/components/TimeLine.tsx +89 -89
  74. package/src/components/TimePicker.tsx +78 -78
  75. package/src/components/Typography/Text/index.tsx +20 -20
  76. package/src/components/Typography/Text/interfaces.ts +5 -5
  77. package/src/components/Typography/Text/styles.tsx +40 -40
  78. package/src/components/Typography/Title/index.tsx +22 -22
  79. package/src/components/Typography/Title/interfaces.ts +6 -6
  80. package/src/components/Typography/Title/styles.tsx +40 -40
  81. package/src/components/Typography/index.tsx +6 -6
  82. package/src/components/UncontrolledTable/components/header/index.tsx +63 -63
  83. package/src/components/UncontrolledTable/components/header/styles.tsx +59 -59
  84. package/src/components/UncontrolledTable/components/index.tsx +8 -8
  85. package/src/components/UncontrolledTable/components/pagination/index.tsx +43 -43
  86. package/src/components/UncontrolledTable/components/pagination/styles.tsx +28 -28
  87. package/src/components/UncontrolledTable/components/tbody/index.tsx +30 -30
  88. package/src/components/UncontrolledTable/components/tbody/styles.tsx +4 -4
  89. package/src/components/UncontrolledTable/index.tsx +226 -226
  90. package/src/components/UncontrolledTable/interface.ts +42 -42
  91. package/src/components/UncontrolledTable/styles.tsx +120 -120
  92. package/src/components/UncontrolledTabs/UncontrolledTabs.style.tsx +51 -52
  93. package/src/components/UncontrolledTabs/UncontrolledTabs.tsx +68 -68
  94. package/src/components/index.ts +24 -24
  95. package/src/helpers/alignments.ts +14 -14
  96. package/src/helpers/borders.ts +18 -18
  97. package/src/helpers/colors.ts +206 -206
  98. package/src/helpers/index.ts +5 -5
  99. package/src/helpers/radios.ts +24 -24
  100. package/src/helpers/sizes.ts +72 -72
  101. package/src/index.ts +66 -66
  102. package/src/interfaces/Accordion.ts +12 -12
  103. package/src/interfaces/Avatar.tsx +15 -15
  104. package/src/interfaces/Badge.ts +19 -19
  105. package/src/interfaces/Button.ts +22 -22
  106. package/src/interfaces/Card.ts +11 -11
  107. package/src/interfaces/ChatMessage.ts +12 -12
  108. package/src/interfaces/ChatMessageBalloon.ts +17 -17
  109. package/src/interfaces/CheckBox.ts +27 -27
  110. package/src/interfaces/DatePicker.ts +13 -13
  111. package/src/interfaces/DropDown.ts +14 -14
  112. package/src/interfaces/IconButton.ts +22 -22
  113. package/src/interfaces/Icons.ts +17 -17
  114. package/src/interfaces/Modal.ts +16 -16
  115. package/src/interfaces/Paper.ts +12 -12
  116. package/src/interfaces/ProgressBar.ts +19 -19
  117. package/src/interfaces/RadioGroup.ts +23 -22
  118. package/src/interfaces/RangerSlider.ts +21 -21
  119. package/src/interfaces/Select.ts +17 -17
  120. package/src/interfaces/Tabs.ts +19 -19
  121. package/src/interfaces/Tag.ts +17 -17
  122. package/src/interfaces/TextField.ts +44 -44
  123. package/src/interfaces/TimeLine.ts +11 -11
  124. package/src/interfaces/TimePicker.ts +13 -13
  125. package/src/interfaces/index.ts +23 -23
  126. package/src/providers/NormaProvider.tsx +13 -13
  127. package/src/sample-data-2.json +178 -178
  128. package/src/sample-data.json +177 -177
  129. package/src/stories/Accordion.stories.tsx +65 -65
  130. package/src/stories/Avatar.stories.tsx +123 -123
  131. package/src/stories/Badge.stories.tsx +39 -39
  132. package/src/stories/Box.stories.tsx +35 -35
  133. package/src/stories/Breadcrumb.stories.tsx +44 -44
  134. package/src/stories/Button.stories.tsx +93 -93
  135. package/src/stories/Card.stories.tsx +39 -39
  136. package/src/stories/ChatMessage.stories.tsx +84 -84
  137. package/src/stories/ChatMessageBalloon.stories.tsx +108 -108
  138. package/src/stories/CheckBox.stories.tsx +88 -88
  139. package/src/stories/DateInput.stories.tsx +51 -51
  140. package/src/stories/DatePicker.stories.tsx +50 -50
  141. package/src/stories/DropDown.stories.tsx +57 -57
  142. package/src/stories/IconButton.stories.tsx +78 -78
  143. package/src/stories/Modal.stories.tsx +195 -195
  144. package/src/stories/MultiSelectInput.stories.tsx +90 -90
  145. package/src/stories/Paper.stories.tsx +53 -53
  146. package/src/stories/ProgressBar.stories.tsx +95 -95
  147. package/src/stories/RadioGroup.stories.tsx +87 -87
  148. package/src/stories/RangerSlider.stories.tsx +58 -58
  149. package/src/stories/Select.stories.tsx +100 -100
  150. package/src/stories/SelectInput.stories.tsx +78 -78
  151. package/src/stories/Table.stories.tsx +372 -372
  152. package/src/stories/Tabs.stories.tsx +61 -61
  153. package/src/stories/Tag.stories.tsx +56 -56
  154. package/src/stories/Text.stories.tsx +37 -37
  155. package/src/stories/TextField.stories.tsx +310 -310
  156. package/src/stories/TextInput.stories.tsx +52 -52
  157. package/src/stories/TimeLine.stories.tsx +35 -35
  158. package/src/stories/TimePicker.stories.tsx +87 -87
  159. package/src/stories/Title.stories.tsx +43 -43
  160. package/src/stories/UncontrolledTable.stories.tsx +337 -337
  161. package/src/stories/UncontrolledTabs.stories.tsx +63 -63
  162. package/src/styles/globals.scss +17 -17
  163. package/src/types/index.ts +204 -204
  164. package/vite.config.ts +15 -15
package/src/index.ts CHANGED
@@ -1,66 +1,66 @@
1
- import { Accordion } from './components/Accordion';
2
- import { Button } from './components/Button';
3
- import { Card } from './components/Card';
4
- import { CheckBox } from './components/CheckBox';
5
- import { IconButton } from './components/IconButton';
6
- import { Icons } from './components/Icons';
7
- import { Modal } from './components/Modal';
8
- import { Paper } from './components/Paper';
9
- import { ProgressBar } from './components/ProgressBar';
10
- import { RadioGroup } from './components/RadioGroup';
11
- import { RangerSlider } from './components/RangerSlider';
12
- import { Select } from './components/Select';
13
- import { Tabs } from './components/Tabs';
14
- import { Tag } from './components/Tag';
15
- import { TextField } from './components/TextField';
16
- import { DatePicker } from './components/DatePicker';
17
- import { ChatMessage, ChatMessageBalloon } from './components';
18
- import { NormaProvider } from './providers/NormaProvider';
19
- import { themes, getPalette } from './helpers';
20
- import DateInput from './components/DateInput';
21
- import Box from './components/Box'
22
- import Breadcrumb from './components/Breadcrumb';
23
- import SelectInput from './components/SelectInput';
24
- import MultiSelectInput from './components/MultiSelectInput';
25
- import { Title, Text } from './components/Typography'
26
- import TextInput from './components/TextInput';
27
- import Table from './components/Table';
28
- import UncontrolledTable from './components/UncontrolledTable';
29
- import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
30
-
31
-
32
-
33
- export {
34
- Accordion,
35
- Button,
36
- Card,
37
- ChatMessage,
38
- ChatMessageBalloon,
39
- CheckBox,
40
- DatePicker,
41
- getPalette,
42
- IconButton,
43
- Icons,
44
- Modal,
45
- Paper,
46
- ProgressBar,
47
- RadioGroup,
48
- RangerSlider,
49
- Select,
50
- Tabs,
51
- Tag,
52
- TextField,
53
- NormaProvider,
54
- themes,
55
- DateInput,
56
- Box,
57
- Breadcrumb,
58
- SelectInput,
59
- MultiSelectInput,
60
- Text,
61
- Title,
62
- TextInput,
63
- Table,
64
- UncontrolledTable,
65
- UncontrolledTabs
66
- };
1
+ import { Accordion } from './components/Accordion';
2
+ import { Button } from './components/Button';
3
+ import { Card } from './components/Card';
4
+ import { CheckBox } from './components/CheckBox';
5
+ import { IconButton } from './components/IconButton';
6
+ import { Icons } from './components/Icons';
7
+ import { Modal } from './components/Modal';
8
+ import { Paper } from './components/Paper';
9
+ import { ProgressBar } from './components/ProgressBar';
10
+ import { RadioGroup } from './components/RadioGroup';
11
+ import { RangerSlider } from './components/RangerSlider';
12
+ import { Select } from './components/Select';
13
+ import { Tabs } from './components/Tabs';
14
+ import { Tag } from './components/Tag';
15
+ import { TextField } from './components/TextField';
16
+ import { DatePicker } from './components/DatePicker';
17
+ import { ChatMessage, ChatMessageBalloon } from './components';
18
+ import { NormaProvider } from './providers/NormaProvider';
19
+ import { themes, getPalette } from './helpers';
20
+ import DateInput from './components/DateInput';
21
+ import Box from './components/Box'
22
+ import Breadcrumb from './components/Breadcrumb';
23
+ import SelectInput from './components/SelectInput';
24
+ import MultiSelectInput from './components/MultiSelectInput';
25
+ import { Title, Text } from './components/Typography'
26
+ import TextInput from './components/TextInput';
27
+ import Table from './components/Table';
28
+ import UncontrolledTable from './components/UncontrolledTable';
29
+ import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
30
+
31
+
32
+
33
+ export {
34
+ Accordion,
35
+ Button,
36
+ Card,
37
+ ChatMessage,
38
+ ChatMessageBalloon,
39
+ CheckBox,
40
+ DatePicker,
41
+ getPalette,
42
+ IconButton,
43
+ Icons,
44
+ Modal,
45
+ Paper,
46
+ ProgressBar,
47
+ RadioGroup,
48
+ RangerSlider,
49
+ Select,
50
+ Tabs,
51
+ Tag,
52
+ TextField,
53
+ NormaProvider,
54
+ themes,
55
+ DateInput,
56
+ Box,
57
+ Breadcrumb,
58
+ SelectInput,
59
+ MultiSelectInput,
60
+ Text,
61
+ Title,
62
+ TextInput,
63
+ Table,
64
+ UncontrolledTable,
65
+ UncontrolledTabs
66
+ };
@@ -1,12 +1,12 @@
1
- import { SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
- import { DataAccordion, MuiAccordionBaseProps } from '../types';
4
-
5
- export interface AccordionBaseProps extends MuiAccordionBaseProps {
6
- label?: React.ReactNode | String;
7
- sx?: SxProps<Theme>;
8
- onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
9
- defaultExpanded?: boolean | string;
10
- expanded?: boolean;
11
- data?: DataAccordion[];
12
- }
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { DataAccordion, MuiAccordionBaseProps } from '../types';
4
+
5
+ export interface AccordionBaseProps extends MuiAccordionBaseProps {
6
+ label?: React.ReactNode | String;
7
+ sx?: SxProps<Theme>;
8
+ onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
9
+ defaultExpanded?: boolean | string;
10
+ expanded?: boolean;
11
+ data?: DataAccordion[];
12
+ }
@@ -1,15 +1,15 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import { AvatarPropsVariantOverrides, SxProps } from '@mui/material';
5
-
6
- import { MuiAvatarBaseProps } from '../types';
7
- import { OverridableStringUnion } from '@mui/types';
8
-
9
- export interface AvatarBaseProps extends MuiAvatarBaseProps {
10
- sx?: SxProps<Theme>;
11
- src?: string;
12
- children?: ReactNode;
13
- variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
14
- sizes?: string;
15
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import { AvatarPropsVariantOverrides, SxProps } from '@mui/material';
5
+
6
+ import { MuiAvatarBaseProps } from '../types';
7
+ import { OverridableStringUnion } from '@mui/types';
8
+
9
+ export interface AvatarBaseProps extends MuiAvatarBaseProps {
10
+ sx?: SxProps<Theme>;
11
+ src?: string;
12
+ children?: ReactNode;
13
+ variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
14
+ sizes?: string;
15
+ }
@@ -1,19 +1,19 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import { BadgePropsColorOverrides, BadgePropsVariantOverrides, SxProps } from '@mui/material';
5
- import { MuiBadgeBaseProps } from '@/types';
6
- import { OverridableStringUnion } from '@mui/types';
7
-
8
- export interface BadgeBaseProps extends MuiBadgeBaseProps {
9
- sx?: SxProps<Theme>;
10
- className?: string;
11
- children?: ReactNode;
12
- badgeContent?: ReactNode;
13
- invisible?: boolean;
14
- color?: OverridableStringUnion<
15
- 'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
16
- BadgePropsColorOverrides
17
- >;
18
- variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
19
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import { BadgePropsColorOverrides, BadgePropsVariantOverrides, SxProps } from '@mui/material';
5
+ import { MuiBadgeBaseProps } from '@/types';
6
+ import { OverridableStringUnion } from '@mui/types';
7
+
8
+ export interface BadgeBaseProps extends MuiBadgeBaseProps {
9
+ sx?: SxProps<Theme>;
10
+ className?: string;
11
+ children?: ReactNode;
12
+ badgeContent?: ReactNode;
13
+ invisible?: boolean;
14
+ color?: OverridableStringUnion<
15
+ 'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
16
+ BadgePropsColorOverrides
17
+ >;
18
+ variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
19
+ }
@@ -1,22 +1,22 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import {
5
- ButtonPropsColorOverrides,
6
- ButtonPropsSizeOverrides,
7
- ButtonPropsVariantOverrides,
8
- SxProps,
9
- } from '@mui/material';
10
-
11
- import { OverridableStringUnion } from '@mui/types';
12
- import { ColorVariant, ButtonVariant, SizeVariant, MuiButtonBaseProps } from '../types';
13
-
14
- export interface ButtonBaseProps extends MuiButtonBaseProps {
15
- label?: string;
16
- sx?: SxProps<Theme>;
17
- children?: ReactNode;
18
- fullWidth?: boolean;
19
- color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
20
- size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
21
- variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
22
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import {
5
+ ButtonPropsColorOverrides,
6
+ ButtonPropsSizeOverrides,
7
+ ButtonPropsVariantOverrides,
8
+ SxProps,
9
+ } from '@mui/material';
10
+
11
+ import { OverridableStringUnion } from '@mui/types';
12
+ import { ColorVariant, ButtonVariant, SizeVariant, MuiButtonBaseProps } from '../types';
13
+
14
+ export interface ButtonBaseProps extends MuiButtonBaseProps {
15
+ label?: string;
16
+ sx?: SxProps<Theme>;
17
+ children?: ReactNode;
18
+ fullWidth?: boolean;
19
+ color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
20
+ size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
21
+ variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
22
+ }
@@ -1,11 +1,11 @@
1
- import { SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
- import { ColorVariant, MuiCardBaseProps } from '../types';
4
-
5
- export interface CardBaseProps extends MuiCardBaseProps {
6
- sx?: SxProps<Theme>;
7
- raised?: boolean;
8
- border?: boolean;
9
- color?: ColorVariant;
10
- children?: React.ReactNode;
11
- }
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { ColorVariant, MuiCardBaseProps } from '../types';
4
+
5
+ export interface CardBaseProps extends MuiCardBaseProps {
6
+ sx?: SxProps<Theme>;
7
+ raised?: boolean;
8
+ border?: boolean;
9
+ color?: ColorVariant;
10
+ children?: React.ReactNode;
11
+ }
@@ -1,12 +1,12 @@
1
- export interface ChatProps {
2
- name: string;
3
- message: string;
4
- emotion?: React.ReactNode;
5
- emotionReplay?: React.ReactNode;
6
- time: string;
7
- send: 'me' | 'replay';
8
- }
9
-
10
- export interface ChatMessageProps {
11
- data: ChatProps[];
12
- }
1
+ export interface ChatProps {
2
+ name: string;
3
+ message: string;
4
+ emotion?: React.ReactNode;
5
+ emotionReplay?: React.ReactNode;
6
+ time: string;
7
+ send: 'me' | 'replay';
8
+ }
9
+
10
+ export interface ChatMessageProps {
11
+ data: ChatProps[];
12
+ }
@@ -1,17 +1,17 @@
1
- import { ReactNode, MouseEventHandler } from "react";
2
-
3
- export interface ChatMessageBalloonProps {
4
- label: string;
5
- description: ReactNode;
6
- date: string;
7
- direction: "I" | "O";
8
- onMouseEnter?: MouseEventHandler<HTMLDivElement>;
9
- onMouseLeave?: MouseEventHandler<HTMLDivElement>;
10
- onRowMouseEnter?: MouseEventHandler<HTMLDivElement>;
11
- onRowMouseLeave?: MouseEventHandler<HTMLDivElement>;
12
- highlight?: boolean;
13
- attachments?: string[];
14
- children?:ReactNode;
15
- bottomChildren?:ReactNode;
16
- className?:string;
17
- }
1
+ import { ReactNode, MouseEventHandler } from "react";
2
+
3
+ export interface ChatMessageBalloonProps {
4
+ label: string;
5
+ description: ReactNode;
6
+ date: string;
7
+ direction: "I" | "O";
8
+ onMouseEnter?: MouseEventHandler<HTMLDivElement>;
9
+ onMouseLeave?: MouseEventHandler<HTMLDivElement>;
10
+ onRowMouseEnter?: MouseEventHandler<HTMLDivElement>;
11
+ onRowMouseLeave?: MouseEventHandler<HTMLDivElement>;
12
+ highlight?: boolean;
13
+ attachments?: string[];
14
+ children?:ReactNode;
15
+ bottomChildren?:ReactNode;
16
+ className?:string;
17
+ }
@@ -1,27 +1,27 @@
1
- import { OverridableStringUnion } from '@mui/types';
2
- import { Checkbox, SxProps, Theme } from '@mui/material';
3
- import { SwitchBaseProps } from '@mui/material/internal/SwitchBase';
4
- import {
5
- CheckBoxColorVariant,
6
- CheckboxPropsColorOverrides,
7
- CheckboxPropsSizeOverrides,
8
- MuiCheckBoxBaseProps,
9
- TextFieldSizeVariant,
10
- } from '../types';
11
-
12
- export interface CheckBoxBaseProps extends MuiCheckBoxBaseProps {
13
- sx?: SxProps<Theme>;
14
- name?: string;
15
- label?: string;
16
- checked?: SwitchBaseProps['checked'];
17
- color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
18
- disabled?: SwitchBaseProps['disabled'];
19
- id?: SwitchBaseProps['id'];
20
- onChange?: SwitchBaseProps['onChange'];
21
- required?: SwitchBaseProps['required'];
22
- size?: OverridableStringUnion<TextFieldSizeVariant, CheckboxPropsSizeOverrides>;
23
- value?: SwitchBaseProps['value'];
24
- defaultChecked?: boolean;
25
- }
26
-
27
- export type CheckboxType = keyof typeof Checkbox;
1
+ import { OverridableStringUnion } from '@mui/types';
2
+ import { Checkbox, SxProps, Theme } from '@mui/material';
3
+ import { SwitchBaseProps } from '@mui/material/internal/SwitchBase';
4
+ import {
5
+ CheckBoxColorVariant,
6
+ CheckboxPropsColorOverrides,
7
+ CheckboxPropsSizeOverrides,
8
+ MuiCheckBoxBaseProps,
9
+ TextFieldSizeVariant,
10
+ } from '../types';
11
+
12
+ export interface CheckBoxBaseProps extends MuiCheckBoxBaseProps {
13
+ sx?: SxProps<Theme>;
14
+ name?: string;
15
+ label?: string;
16
+ checked?: SwitchBaseProps['checked'];
17
+ color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
18
+ disabled?: SwitchBaseProps['disabled'];
19
+ id?: SwitchBaseProps['id'];
20
+ onChange?: SwitchBaseProps['onChange'];
21
+ required?: SwitchBaseProps['required'];
22
+ size?: OverridableStringUnion<TextFieldSizeVariant, CheckboxPropsSizeOverrides>;
23
+ value?: SwitchBaseProps['value'];
24
+ defaultChecked?: boolean;
25
+ }
26
+
27
+ export type CheckboxType = keyof typeof Checkbox;
@@ -1,13 +1,13 @@
1
- import { SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
-
4
- import { DatePickVariant } from '../types';
5
-
6
- export interface DatePickerBaseProps {
7
- sx?: SxProps<Theme>;
8
- label?: string;
9
- format?: string;
10
- language?: string;
11
- onChange?: React.ChangeEvent<HTMLInputElement>;
12
- variant?: DatePickVariant;
13
- }
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import { DatePickVariant } from '../types';
5
+
6
+ export interface DatePickerBaseProps {
7
+ sx?: SxProps<Theme>;
8
+ label?: string;
9
+ format?: string;
10
+ language?: string;
11
+ onChange?: React.ChangeEvent<HTMLInputElement>;
12
+ variant?: DatePickVariant;
13
+ }
@@ -1,14 +1,14 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import { SxProps } from '@mui/material';
5
-
6
- import { DropVariant, MuiDropDownBaseProps } from '../types';
7
-
8
- export interface DropDownBaseProps extends MuiDropDownBaseProps {
9
- sx?: SxProps<Theme>;
10
- open: boolean;
11
- onClose?: React.ReactEventHandler<{}>;
12
- children?: ReactNode;
13
- variant?: DropVariant;
14
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import { SxProps } from '@mui/material';
5
+
6
+ import { DropVariant, MuiDropDownBaseProps } from '../types';
7
+
8
+ export interface DropDownBaseProps extends MuiDropDownBaseProps {
9
+ sx?: SxProps<Theme>;
10
+ open: boolean;
11
+ onClose?: React.ReactEventHandler<{}>;
12
+ children?: ReactNode;
13
+ variant?: DropVariant;
14
+ }
@@ -1,22 +1,22 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import {
5
- ButtonPropsColorOverrides,
6
- ButtonPropsSizeOverrides,
7
- ButtonPropsVariantOverrides,
8
- SxProps,
9
- } from '@mui/material';
10
-
11
- import { OverridableStringUnion } from '@mui/types';
12
- import { ColorVariant, ButtonVariant, SizeVariant, MuiIconButtonBaseProps } from '../types';
13
-
14
- export interface IconButtonBaseProps extends MuiIconButtonBaseProps {
15
- sx?: SxProps<Theme>;
16
- children?: ReactNode;
17
- circle?: boolean;
18
- cursor?: string;
19
- color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
20
- size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
21
- variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
22
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import {
5
+ ButtonPropsColorOverrides,
6
+ ButtonPropsSizeOverrides,
7
+ ButtonPropsVariantOverrides,
8
+ SxProps,
9
+ } from '@mui/material';
10
+
11
+ import { OverridableStringUnion } from '@mui/types';
12
+ import { ColorVariant, ButtonVariant, SizeVariant, MuiIconButtonBaseProps } from '../types';
13
+
14
+ export interface IconButtonBaseProps extends MuiIconButtonBaseProps {
15
+ sx?: SxProps<Theme>;
16
+ children?: ReactNode;
17
+ circle?: boolean;
18
+ cursor?: string;
19
+ color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
20
+ size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
21
+ variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
22
+ }
@@ -1,17 +1,17 @@
1
- import { ComponentProps } from 'react';
2
- import { IconScale, IconColors, IconType } from '../types';
3
- import { Svg } from '../components/Icons';
4
-
5
- export interface IconsProps extends ComponentProps<typeof Svg> {
6
- useSymbol?: boolean;
7
- scale?: IconScale;
8
- color?: IconColors;
9
- width?: number;
10
- height?: number;
11
- fill?: string;
12
- icon: IconType;
13
- }
14
-
15
- export interface SvgProps {
16
- inline?: boolean;
17
- }
1
+ import { ComponentProps } from 'react';
2
+ import { IconScale, IconColors, IconType } from '../types';
3
+ import { Svg } from '../components/Icons';
4
+
5
+ export interface IconsProps extends ComponentProps<typeof Svg> {
6
+ useSymbol?: boolean;
7
+ scale?: IconScale;
8
+ color?: IconColors;
9
+ width?: number;
10
+ height?: number;
11
+ fill?: string;
12
+ icon: IconType;
13
+ }
14
+
15
+ export interface SvgProps {
16
+ inline?: boolean;
17
+ }
@@ -1,16 +1,16 @@
1
- import { SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
- import { MuiModalBaseProps, MuiPaperBaseProps, OnAction } from '@/types';
4
-
5
- export interface ModalBaseProps extends MuiModalBaseProps {
6
- sx?: SxProps<Theme>;
7
- children: React.ReactElement;
8
- open: boolean;
9
- onClose?: React.ReactEventHandler<{}>;
10
- action?: OnAction[];
11
- className?: string;
12
- full?: boolean;
13
- title?: string;
14
- id?: string;
15
- paperProps?: MuiPaperBaseProps;
16
- }
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { MuiModalBaseProps, MuiPaperBaseProps, OnAction } from '@/types';
4
+
5
+ export interface ModalBaseProps extends MuiModalBaseProps {
6
+ sx?: SxProps<Theme>;
7
+ children: React.ReactElement;
8
+ open: boolean;
9
+ onClose?: React.ReactEventHandler<{}>;
10
+ action?: OnAction[];
11
+ className?: string;
12
+ full?: boolean;
13
+ title?: string;
14
+ id?: string;
15
+ paperProps?: MuiPaperBaseProps;
16
+ }
@@ -1,12 +1,12 @@
1
- import { PaperPropsVariantOverrides, SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
- import { MuiPaperBaseProps, PaperVariant } from '../types';
4
- import { OverridableStringUnion } from '@mui/types';
5
-
6
- export interface PaperBaseProps extends MuiPaperBaseProps {
7
- sx?: SxProps<Theme>;
8
- elevation?: number;
9
- square?: boolean;
10
- children?: React.ReactNode;
11
- variant?: OverridableStringUnion<PaperVariant, PaperPropsVariantOverrides>;
12
- }
1
+ import { PaperPropsVariantOverrides, SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { MuiPaperBaseProps, PaperVariant } from '../types';
4
+ import { OverridableStringUnion } from '@mui/types';
5
+
6
+ export interface PaperBaseProps extends MuiPaperBaseProps {
7
+ sx?: SxProps<Theme>;
8
+ elevation?: number;
9
+ square?: boolean;
10
+ children?: React.ReactNode;
11
+ variant?: OverridableStringUnion<PaperVariant, PaperPropsVariantOverrides>;
12
+ }
@@ -1,19 +1,19 @@
1
- import { SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
- import { OverridableStringUnion } from '@mui/types';
4
- import { ColorVariant, MuiProgressBarBaseProps, ProgressVariant } from '../types';
5
- import { ProgressBar } from '..';
6
- export interface LinearProgressPropsColorOverrides {}
7
-
8
- export interface ProgressBarBaseProps extends MuiProgressBarBaseProps {
9
- sx?: SxProps<Theme>;
10
- value?: number;
11
- total?: number;
12
- label?: string;
13
- colorCustom?: string;
14
- variant?: ProgressVariant;
15
- localeString?: boolean;
16
- color?: OverridableStringUnion<ColorVariant, LinearProgressPropsColorOverrides>;
17
- }
18
-
19
- export type ProgressBarType = keyof typeof ProgressBar;
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { OverridableStringUnion } from '@mui/types';
4
+ import { ColorVariant, MuiProgressBarBaseProps, ProgressVariant } from '../types';
5
+ import { ProgressBar } from '..';
6
+ export interface LinearProgressPropsColorOverrides {}
7
+
8
+ export interface ProgressBarBaseProps extends MuiProgressBarBaseProps {
9
+ sx?: SxProps<Theme>;
10
+ value?: number;
11
+ total?: number;
12
+ label?: string;
13
+ colorCustom?: string;
14
+ variant?: ProgressVariant;
15
+ localeString?: boolean;
16
+ color?: OverridableStringUnion<ColorVariant, LinearProgressPropsColorOverrides>;
17
+ }
18
+
19
+ export type ProgressBarType = keyof typeof ProgressBar;