maru_design2 2.28.0 → 2.28.2
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/.release-please-manifest.json +3 -0
- package/CHANGELOG.md +273 -909
- package/dist/components/atoms/button/Button.d.ts +33 -33
- package/dist/components/atoms/button/index.d.ts +1 -1
- package/dist/components/atoms/checkbox/Checkbox.d.ts +21 -21
- package/dist/components/atoms/checkbox/index.d.ts +1 -1
- package/dist/components/atoms/chip/Chip.d.ts +29 -29
- package/dist/components/atoms/chip/index.d.ts +1 -1
- package/dist/components/atoms/code/Code.d.ts +7 -7
- package/dist/components/atoms/code/index.d.ts +1 -1
- package/dist/components/atoms/icon/Icon.d.ts +16 -16
- package/dist/components/atoms/icon/iconmap.d.ts +422 -418
- package/dist/components/atoms/icon/index.d.ts +2 -2
- package/dist/components/atoms/input/Input.d.ts +43 -43
- package/dist/components/atoms/input/index.d.ts +1 -1
- package/dist/components/atoms/popover/Popover.d.ts +19 -19
- package/dist/components/atoms/popover/index.d.ts +1 -1
- package/dist/components/atoms/radio/Radio.d.ts +14 -14
- package/dist/components/atoms/radio/index.d.ts +1 -1
- package/dist/components/atoms/skeleton/Contents.d.ts +1 -1
- package/dist/components/atoms/skeleton/Skeleton.d.ts +6 -6
- package/dist/components/atoms/skeleton/index.d.ts +1 -1
- package/dist/components/atoms/slider/Slider.d.ts +31 -31
- package/dist/components/atoms/slider/index.d.ts +1 -1
- package/dist/components/atoms/textarea/Textarea.d.ts +38 -38
- package/dist/components/atoms/textarea/index.d.ts +1 -1
- package/dist/components/atoms/toggle/Toggle.d.ts +20 -20
- package/dist/components/atoms/toggle/index.d.ts +1 -1
- package/dist/components/atoms/tooltip/Tooltip.d.ts +29 -29
- package/dist/components/atoms/tooltip/index.d.ts +1 -1
- package/dist/components/molecules/calendar/Calendar.d.ts +27 -27
- package/dist/components/molecules/calendar/DatePickerHeader.d.ts +3 -3
- package/dist/components/molecules/calendar/DatePickerWrapper.d.ts +9 -9
- package/dist/components/molecules/calendar/index.d.ts +1 -1
- package/dist/components/molecules/dropdown/Dropdown.d.ts +90 -90
- package/dist/components/molecules/dropdown/index.d.ts +1 -1
- package/dist/components/molecules/dropdown/menu/MenuItem.d.ts +16 -16
- package/dist/components/molecules/dropdown/menu/index.d.ts +31 -31
- package/dist/components/molecules/dropdown/toggleButton/Arrow.d.ts +9 -9
- package/dist/components/molecules/dropdown/toggleButton/Clear.d.ts +6 -6
- package/dist/components/molecules/dropdown/toggleButton/index.d.ts +19 -19
- package/dist/components/molecules/modal/Modal.d.ts +48 -48
- package/dist/components/molecules/modal/index.d.ts +1 -1
- package/dist/components/molecules/multiSelectDropdown/MultiSelectDropdown.d.ts +76 -76
- package/dist/components/molecules/multiSelectDropdown/index.d.ts +1 -1
- package/dist/components/molecules/multiSelectDropdown/menu/MenuItem.d.ts +12 -12
- package/dist/components/molecules/multiSelectDropdown/menu/index.d.ts +21 -21
- package/dist/components/molecules/multiSelectDropdown/toggleButton/Arrow.d.ts +9 -9
- package/dist/components/molecules/multiSelectDropdown/toggleButton/Clear.d.ts +6 -6
- package/dist/components/molecules/multiSelectDropdown/toggleButton/index.d.ts +17 -17
- package/dist/components/molecules/pagination/Pagination.d.ts +22 -22
- package/dist/components/molecules/pagination/index.d.ts +1 -1
- package/dist/components/molecules/searchInput/SearchInput.d.ts +34 -34
- package/dist/components/molecules/searchInput/filter/FilterPopover.d.ts +16 -16
- package/dist/components/molecules/searchInput/filter/index.d.ts +17 -17
- package/dist/components/molecules/searchInput/index.d.ts +1 -1
- package/dist/components/molecules/table/Colgroup.d.ts +9 -9
- package/dist/components/molecules/table/Table.d.ts +3 -3
- package/dist/components/molecules/table/body/BinButtonTd.d.ts +7 -7
- package/dist/components/molecules/table/body/ChartButtonTd.d.ts +8 -8
- package/dist/components/molecules/table/body/CheckboxTd.d.ts +6 -6
- package/dist/components/molecules/table/body/EmptyTr.d.ts +8 -8
- package/dist/components/molecules/table/body/KebabMenuTd.d.ts +7 -7
- package/dist/components/molecules/table/body/RadioTd.d.ts +6 -6
- package/dist/components/molecules/table/body/Tr.d.ts +7 -7
- package/dist/components/molecules/table/body/index.d.ts +7 -7
- package/dist/components/molecules/table/header/FilterButtonsTh.d.ts +7 -7
- package/dist/components/molecules/table/header/FilterTh.d.ts +8 -8
- package/dist/components/molecules/table/header/SortableColumn.d.ts +15 -15
- package/dist/components/molecules/table/header/index.d.ts +17 -17
- package/dist/components/molecules/table/index.d.ts +1 -1
- package/dist/components/molecules/table/types.d.ts +125 -125
- package/dist/components/molecules/toast/Details.d.ts +6 -6
- package/dist/components/molecules/toast/Toast.d.ts +31 -31
- package/dist/components/molecules/toast/ToastContext.d.ts +15 -15
- package/dist/components/molecules/toast/ToastStyle.d.ts +18 -18
- package/dist/components/molecules/toast/index.d.ts +1 -1
- package/dist/components/molecules/toast/types.d.ts +4 -4
- package/dist/components/styleProvider/StyleProvider.d.ts +10 -10
- package/dist/components/styleProvider/index.d.ts +1 -1
- package/dist/enums/color.d.ts +14 -14
- package/dist/enums/direction.d.ts +2 -2
- package/dist/enums/gap.d.ts +4 -4
- package/dist/enums/size.d.ts +8 -8
- package/dist/enums/type.d.ts +4 -4
- package/dist/enums/variant.d.ts +8 -8
- package/dist/hooks/useButtonState.d.ts +16 -16
- package/dist/hooks/useColor.d.ts +4 -4
- package/dist/hooks/useCombineRef.d.ts +11 -11
- package/dist/hooks/useCreatePortal.d.ts +7 -7
- package/dist/hooks/useId.d.ts +7 -7
- package/dist/index.d.ts +22 -22
- package/dist/index.js +320 -250
- package/dist/utils/copy.d.ts +6 -6
- package/dist/utils/format.d.ts +2 -2
- package/dist/utils/highlight.d.ts +1 -1
- package/package.json +74 -74
- package/release-please-config.json +8 -0
- package/.idea/MaruDesign2.iml +0 -13
- package/.idea/codeStyles/Project.xml +0 -77
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/inspectionProfiles/Project_Default.xml +0 -94
- package/.idea/jsLinters/eslint.xml +0 -6
- package/.idea/material_theme_project_new.xml +0 -12
- package/.idea/modules.xml +0 -8
- package/.idea/prettier.xml +0 -8
- package/.idea/vcs.xml +0 -6
- package/.idea/watcherTasks.xml +0 -4
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TColor } from '../../../enums/color';
|
|
3
|
-
import { TButtonSize } from '../../../enums/size';
|
|
4
|
-
import { TButtonVariant } from '../../../enums/variant';
|
|
5
|
-
import { IconProps } from '../icon';
|
|
6
|
-
import './button.scss';
|
|
7
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
8
|
-
/**
|
|
9
|
-
* 자식 노드
|
|
10
|
-
*/
|
|
11
|
-
children?: React.ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* 색깔 (@v1 variant)
|
|
14
|
-
*/
|
|
15
|
-
color?: TColor;
|
|
16
|
-
/**
|
|
17
|
-
* 사이즈 (@v1 kind)
|
|
18
|
-
*/
|
|
19
|
-
size?: TButtonSize;
|
|
20
|
-
/**
|
|
21
|
-
* 모양 (@v1 kind)
|
|
22
|
-
*/
|
|
23
|
-
variant?: TButtonVariant;
|
|
24
|
-
/**
|
|
25
|
-
* 컴포넌트 시작점에 위치시킬 아이콘 (@v1 icon)
|
|
26
|
-
*/
|
|
27
|
-
startIcon?: IconProps;
|
|
28
|
-
/**
|
|
29
|
-
* 컴포넌트 끝점에 위치시킬 아이콘 (@v1 icon)
|
|
30
|
-
*/
|
|
31
|
-
endIcon?: IconProps;
|
|
32
|
-
}
|
|
33
|
-
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TColor } from '../../../enums/color';
|
|
3
|
+
import { TButtonSize } from '../../../enums/size';
|
|
4
|
+
import { TButtonVariant } from '../../../enums/variant';
|
|
5
|
+
import { IconProps } from '../icon';
|
|
6
|
+
import './button.scss';
|
|
7
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
8
|
+
/**
|
|
9
|
+
* 자식 노드
|
|
10
|
+
*/
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* 색깔 (@v1 variant)
|
|
14
|
+
*/
|
|
15
|
+
color?: TColor;
|
|
16
|
+
/**
|
|
17
|
+
* 사이즈 (@v1 kind)
|
|
18
|
+
*/
|
|
19
|
+
size?: TButtonSize;
|
|
20
|
+
/**
|
|
21
|
+
* 모양 (@v1 kind)
|
|
22
|
+
*/
|
|
23
|
+
variant?: TButtonVariant;
|
|
24
|
+
/**
|
|
25
|
+
* 컴포넌트 시작점에 위치시킬 아이콘 (@v1 icon)
|
|
26
|
+
*/
|
|
27
|
+
startIcon?: IconProps;
|
|
28
|
+
/**
|
|
29
|
+
* 컴포넌트 끝점에 위치시킬 아이콘 (@v1 icon)
|
|
30
|
+
*/
|
|
31
|
+
endIcon?: IconProps;
|
|
32
|
+
}
|
|
33
|
+
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Button';
|
|
1
|
+
export * from './Button';
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TGap } from '../../../enums/gap';
|
|
3
|
-
import { TCheckboxSize } from '../../../enums/size';
|
|
4
|
-
import './checkbox.scss';
|
|
5
|
-
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'type'> {
|
|
6
|
-
checked?: boolean;
|
|
7
|
-
label?: string;
|
|
8
|
-
/**
|
|
9
|
-
* (@v1 variant)
|
|
10
|
-
*/
|
|
11
|
-
color?: string;
|
|
12
|
-
/**
|
|
13
|
-
* 컴포넌트와 라벨 사이의 거리
|
|
14
|
-
*/
|
|
15
|
-
gap?: TGap;
|
|
16
|
-
/**
|
|
17
|
-
* [16, 18, 24]
|
|
18
|
-
*/
|
|
19
|
-
size?: TCheckboxSize;
|
|
20
|
-
}
|
|
21
|
-
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TGap } from '../../../enums/gap';
|
|
3
|
+
import { TCheckboxSize } from '../../../enums/size';
|
|
4
|
+
import './checkbox.scss';
|
|
5
|
+
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'type'> {
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
label?: string;
|
|
8
|
+
/**
|
|
9
|
+
* (@v1 variant)
|
|
10
|
+
*/
|
|
11
|
+
color?: string;
|
|
12
|
+
/**
|
|
13
|
+
* 컴포넌트와 라벨 사이의 거리
|
|
14
|
+
*/
|
|
15
|
+
gap?: TGap;
|
|
16
|
+
/**
|
|
17
|
+
* [16, 18, 24]
|
|
18
|
+
*/
|
|
19
|
+
size?: TCheckboxSize;
|
|
20
|
+
}
|
|
21
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Checkbox';
|
|
1
|
+
export * from './Checkbox';
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TColor } from '../../../enums/color';
|
|
3
|
-
import { TChipSize } from '../../../enums/size';
|
|
4
|
-
import { TChipVariant } from '../../../enums/variant';
|
|
5
|
-
import './chip.scss';
|
|
6
|
-
export interface ChipProps {
|
|
7
|
-
/**
|
|
8
|
-
* 컴포넌트에 들어갈 내용. number인 경우 천의 자리마다 컴마(,) 표시됨
|
|
9
|
-
*/
|
|
10
|
-
children: React.ReactNode | string | number;
|
|
11
|
-
/**
|
|
12
|
-
* (@v1 variant)
|
|
13
|
-
*/
|
|
14
|
-
color?: TColor;
|
|
15
|
-
/**
|
|
16
|
-
* (@v1 kind)
|
|
17
|
-
*/
|
|
18
|
-
size?: TChipSize;
|
|
19
|
-
/**
|
|
20
|
-
* (@v1 kind)
|
|
21
|
-
*/
|
|
22
|
-
variant?: TChipVariant;
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* 설정하면 X아이콘 생기며, 해당 아이콘에 클릭 이벤트를 할당함.
|
|
26
|
-
*/
|
|
27
|
-
onXIconClick?: () => void;
|
|
28
|
-
}
|
|
29
|
-
export declare function Chip({ children, color, size, variant, className, onXIconClick, }: ChipProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TColor } from '../../../enums/color';
|
|
3
|
+
import { TChipSize } from '../../../enums/size';
|
|
4
|
+
import { TChipVariant } from '../../../enums/variant';
|
|
5
|
+
import './chip.scss';
|
|
6
|
+
export interface ChipProps {
|
|
7
|
+
/**
|
|
8
|
+
* 컴포넌트에 들어갈 내용. number인 경우 천의 자리마다 컴마(,) 표시됨
|
|
9
|
+
*/
|
|
10
|
+
children: React.ReactNode | string | number;
|
|
11
|
+
/**
|
|
12
|
+
* (@v1 variant)
|
|
13
|
+
*/
|
|
14
|
+
color?: TColor;
|
|
15
|
+
/**
|
|
16
|
+
* (@v1 kind)
|
|
17
|
+
*/
|
|
18
|
+
size?: TChipSize;
|
|
19
|
+
/**
|
|
20
|
+
* (@v1 kind)
|
|
21
|
+
*/
|
|
22
|
+
variant?: TChipVariant;
|
|
23
|
+
className?: string;
|
|
24
|
+
/**
|
|
25
|
+
* 설정하면 X아이콘 생기며, 해당 아이콘에 클릭 이벤트를 할당함.
|
|
26
|
+
*/
|
|
27
|
+
onXIconClick?: () => void;
|
|
28
|
+
}
|
|
29
|
+
export declare function Chip({ children, color, size, variant, className, onXIconClick, }: ChipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Chip';
|
|
1
|
+
export * from './Chip';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import 'highlight.js/styles/a11y-light.css';
|
|
2
|
-
import './code.scss';
|
|
3
|
-
export interface CodeProps {
|
|
4
|
-
value: string;
|
|
5
|
-
copyable?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare function Code({ value, copyable }: CodeProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import 'highlight.js/styles/a11y-light.css';
|
|
2
|
+
import './code.scss';
|
|
3
|
+
export interface CodeProps {
|
|
4
|
+
value: string;
|
|
5
|
+
copyable?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function Code({ value, copyable }: CodeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Code';
|
|
1
|
+
export * from './Code';
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { TIcons } from './iconmap';
|
|
2
|
-
export interface IconProps {
|
|
3
|
-
/**
|
|
4
|
-
* (@v1 iconName)
|
|
5
|
-
*/
|
|
6
|
-
name: TIcons;
|
|
7
|
-
/**
|
|
8
|
-
* primary, secondary, positive, warning, danger + rgb. (@v1 fill)
|
|
9
|
-
*/
|
|
10
|
-
color?: string;
|
|
11
|
-
/**
|
|
12
|
-
* primary, secondary, positive, warning, danger + rgb. (@v1 fill)
|
|
13
|
-
*/
|
|
14
|
-
hoverColor?: string;
|
|
15
|
-
}
|
|
16
|
-
export declare function Icon({ name, color, hoverColor }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { TIcons } from './iconmap';
|
|
2
|
+
export interface IconProps {
|
|
3
|
+
/**
|
|
4
|
+
* (@v1 iconName)
|
|
5
|
+
*/
|
|
6
|
+
name: TIcons;
|
|
7
|
+
/**
|
|
8
|
+
* primary, secondary, positive, warning, danger + rgb. (@v1 fill)
|
|
9
|
+
*/
|
|
10
|
+
color?: string;
|
|
11
|
+
/**
|
|
12
|
+
* primary, secondary, positive, warning, danger + rgb. (@v1 fill)
|
|
13
|
+
*/
|
|
14
|
+
hoverColor?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function Icon({ name, color, hoverColor }: IconProps): import("react/jsx-runtime").JSX.Element;
|