@lunit/design-system 1.0.0-b.4 → 2.0.0
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/cjs/components/Alert/index.js +1 -1
- package/dist/cjs/components/Alert/index.js.map +1 -1
- package/dist/cjs/components/Button/index.js +1 -1
- package/dist/cjs/components/Button/index.js.map +1 -1
- package/dist/cjs/components/Checkbox/index.js +1 -1
- package/dist/cjs/components/Checkbox/index.js.map +1 -1
- package/dist/cjs/components/Chip/index.js +1 -1
- package/dist/cjs/components/Chip/index.js.map +1 -1
- package/dist/cjs/components/Dialog/index.js +2 -0
- package/dist/cjs/components/Dialog/index.js.map +1 -0
- package/dist/cjs/components/Radio/index.js +1 -1
- package/dist/cjs/components/Radio/index.js.map +1 -1
- package/dist/cjs/components/TextField/index.js +1 -1
- package/dist/cjs/components/TextField/index.js.map +1 -1
- package/dist/cjs/components/ToggleButton/index.js +1 -1
- package/dist/cjs/components/ToggleButton/index.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/components/Button/Button.js +21 -3
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.styled.js +3 -6
- package/dist/components/Button/Button.styled.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +9 -19
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Chip/Chip.js +6 -5
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/Dialog/Dialog.js +61 -0
- package/dist/components/Dialog/Dialog.js.map +1 -0
- package/dist/components/Dialog/Dialog.styled.js +137 -0
- package/dist/components/Dialog/Dialog.styled.js.map +1 -0
- package/dist/components/Dialog/components/DialogAction.js +18 -0
- package/dist/components/Dialog/components/DialogAction.js.map +1 -0
- package/dist/components/Dialog/index.js +2 -0
- package/dist/components/Dialog/index.js.map +1 -0
- package/dist/components/Radio/Radio.js +7 -21
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/TextField/TextField.js +4 -4
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/ToggleButton/ToggleButton.styled.js +2 -3
- package/dist/components/ToggleButton/ToggleButton.styled.js.map +1 -1
- package/dist/foundation/Elevation/index.js +1 -1
- package/dist/foundation/Elevation/index.js.map +1 -1
- package/dist/foundation/Typography/index.js +12 -0
- package/dist/foundation/Typography/index.js.map +1 -1
- package/dist/foundation/Typography/tokens.js +1 -17
- package/dist/foundation/Typography/tokens.js.map +1 -1
- package/dist/foundation/colors/base/grey.js +3 -1
- package/dist/foundation/colors/base/grey.js.map +1 -1
- package/dist/foundation/colors/index.js +9 -6
- package/dist/foundation/colors/index.js.map +1 -1
- package/dist/foundation/colors/token/component.js +31 -115
- package/dist/foundation/colors/token/component.js.map +1 -1
- package/dist/foundation/colors/token/core.js +43 -75
- package/dist/foundation/colors/token/core.js.map +1 -1
- package/dist/foundation/index.js +1 -1
- package/dist/foundation/index.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/types/components/Alert/Alert.utils.d.ts +3 -3
- package/dist/types/components/Button/Button.styled.d.ts +9 -12
- package/dist/types/components/Button/Button.types.d.ts +8 -5
- package/dist/types/components/Chip/Chip.styled.d.ts +12 -12
- package/dist/types/components/Chip/Chip.types.d.ts +7 -2
- package/dist/types/components/Dialog/Dialog.d.ts +50 -0
- package/dist/types/components/Dialog/Dialog.styled.d.ts +12 -0
- package/dist/types/components/Dialog/components/DialogAction.d.ts +8 -0
- package/dist/types/components/Dialog/index.d.ts +2 -0
- package/dist/types/components/TextField/TextField.types.d.ts +8 -3
- package/dist/types/components/Toast/Toast.utils.d.ts +1 -1
- package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +2 -2
- package/dist/types/foundation/Elevation/index.d.ts +1 -1
- package/dist/types/foundation/Typography/index.d.ts +13 -1
- package/dist/types/foundation/Typography/tokens.d.ts +1 -1
- package/dist/types/foundation/colors/base/grey.d.ts +2 -0
- package/dist/types/foundation/colors/index.d.ts +9 -6
- package/dist/types/foundation/colors/token/types.d.ts +0 -2
- package/dist/types/foundation/colors/types.d.ts +78 -76
- package/dist/types/foundation/index.d.ts +9 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.styled.ts +3 -6
- package/src/components/Button/Button.tsx +117 -42
- package/src/components/Button/Button.types.ts +8 -4
- package/src/components/Checkbox/Checkbox.tsx +39 -22
- package/src/components/Chip/Chip.tsx +15 -4
- package/src/components/Chip/Chip.types.ts +9 -2
- package/src/components/Dialog/Dialog.styled.ts +165 -0
- package/src/components/Dialog/Dialog.tsx +195 -0
- package/src/components/Dialog/components/DialogAction.tsx +36 -0
- package/src/components/Dialog/index.ts +14 -0
- package/src/components/Radio/Radio.tsx +37 -25
- package/src/components/TextField/TextField.tsx +10 -10
- package/src/components/TextField/TextField.types.ts +11 -4
- package/src/components/ToggleButton/ToggleButton.styled.ts +2 -3
- package/src/foundation/Elevation/index.ts +1 -1
- package/src/foundation/Typography/index.ts +12 -0
- package/src/foundation/Typography/tokens.ts +1 -17
- package/src/foundation/colors/base/grey.ts +3 -1
- package/src/foundation/colors/index.ts +9 -6
- package/src/foundation/colors/token/component.ts +24 -108
- package/src/foundation/colors/token/core.ts +39 -71
- package/src/foundation/colors/token/types.ts +0 -2
- package/src/foundation/colors/types.ts +78 -75
- package/src/foundation/index.ts +1 -1
- package/src/index.ts +1 -1
- package/src/stories/GettingStarted.mdx +88 -0
- package/src/stories/components/Button/BasicButton.stories.tsx +91 -52
- package/src/stories/components/Button/ButtonDocs.mdx +187 -0
- package/src/stories/components/Button/Color.stories.tsx +132 -0
- package/src/stories/components/Button/IconButton.stories.tsx +42 -25
- package/src/stories/components/Button/Kind.stories.tsx +75 -77
- package/src/stories/components/{SelectControl/Checkbox.stories.tsx → CheckBox/BasicCheckbox.stories.tsx} +84 -105
- package/src/stories/components/CheckBox/CheckboxDocs.mdx +85 -0
- package/src/stories/components/Chip/Chip.stories.tsx +80 -5
- package/src/stories/components/Chip/ChipDocs.mdx +132 -0
- package/src/stories/components/Dialog/Dialog.stories.tsx +320 -0
- package/src/stories/components/TextField/BasicTextField.stories.tsx +214 -0
- package/src/stories/components/TextField/TextFieldDocs.mdx +140 -0
- package/src/stories/components/TextField/TextFieldSize.stories.tsx +26 -3
- package/src/stories/components/ToggleButton/Basic.stories.tsx +312 -0
- package/src/stories/components/ToggleButton/ToggleButtonDocs.mdx +180 -0
- package/src/stories/components/ToggleButton/ToggleButtonKind.stories.tsx +65 -0
- package/src/stories/components/ToggleButton/WithIcon.stories.tsx +138 -0
- package/src/stories/foundation/Typography/Typography.mdx +31 -46
- package/src/stories/foundation/Typography/Typography.stories.tsx +30 -1
- package/src/stories/foundation/colors/ColorSystem.tsx +86 -0
- package/src/stories/foundation/colors/Docs.mdx +225 -0
- package/src/stories/foundation/colors/TokenPaletteTable.tsx +1 -5
- package/src/components/Modal/Modal.tsx +0 -8
- package/src/components/Modal/index.ts +0 -1
- package/src/stories/components/Modal/Modal.stories.tsx +0 -15
- package/src/stories/foundation/Typography/TypographyExamples.stories.tsx +0 -44
|
@@ -1,15 +1,33 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { CustomButton } from "./Button.styled";
|
|
4
4
|
const Button = forwardRef((props, ref) => {
|
|
5
|
-
const {
|
|
5
|
+
const { kind, variant, icon, children, startIcon } = props;
|
|
6
6
|
const hasIconOnly = Boolean((startIcon || icon) && !children);
|
|
7
|
-
|
|
7
|
+
if (kind === "outlined" || variant === "outlined") {
|
|
8
|
+
return _jsx(OutlinedButton, { ...props, ref: ref, hasIconOnly: hasIconOnly });
|
|
9
|
+
}
|
|
10
|
+
if (kind === "ghost" || variant === "text" || variant === "ghost") {
|
|
11
|
+
return _jsx(GhostButton, { ...props, ref: ref, hasIconOnly: hasIconOnly });
|
|
12
|
+
}
|
|
13
|
+
return (_jsx(ContainedButton, { ...props, kind: "contained", variant: "contained", ref: ref, hasIconOnly: hasIconOnly }));
|
|
8
14
|
/**
|
|
9
15
|
* There is an issue between React 18, Mui's OverridableComponent type and the
|
|
10
16
|
* type coercion to temporarily fix it.
|
|
11
17
|
* https://github.com/lunit-io/design-system/pull/143#issuecomment-1831127232
|
|
12
18
|
*/
|
|
13
19
|
});
|
|
20
|
+
const GhostButton = forwardRef((props, ref) => {
|
|
21
|
+
const { size = "small", icon, className, children, startIcon, hasIconOnly, variant, ...restProps } = props;
|
|
22
|
+
return (_jsx(CustomButton, { ...restProps, ref: ref, className: `ghost ${className ? className : ""}`, kind: "ghost", color: props.color ?? "primary", size: size, startIcon: startIcon || icon, hasIconOnly: hasIconOnly, children: !hasIconOnly && _jsx(_Fragment, { children: children }) }));
|
|
23
|
+
});
|
|
24
|
+
const OutlinedButton = forwardRef((props, ref) => {
|
|
25
|
+
const { size = "small", icon, className, children, startIcon, hasIconOnly, variant, ...restProps } = props;
|
|
26
|
+
return (_jsx(CustomButton, { ...restProps, ref: ref, className: `outlined ${className ? className : ""}`, kind: "outlined", color: props.color ?? "primary", size: size, startIcon: startIcon || icon, hasIconOnly: hasIconOnly, children: !hasIconOnly && _jsx(_Fragment, { children: children }) }));
|
|
27
|
+
});
|
|
28
|
+
const ContainedButton = forwardRef((props, ref) => {
|
|
29
|
+
const { size = "small", icon, className, children, startIcon, hasIconOnly, variant, ...restProps } = props;
|
|
30
|
+
return (_jsx(CustomButton, { ...restProps, ref: ref, className: `${props.kind ?? "contained"} ${className ? className : ""}`, kind: props.kind ?? "contained", color: props.color ?? "primary", size: size, startIcon: startIcon || icon, hasIconOnly: hasIconOnly, children: !hasIconOnly && _jsx(_Fragment, { children: children }) }));
|
|
31
|
+
});
|
|
14
32
|
export default Button;
|
|
15
33
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -124,7 +124,7 @@ export const kindStyle = ({ kind, color, lunit_token }) => ({
|
|
|
124
124
|
...(kind === "outlined" &&
|
|
125
125
|
color === "secondary" && {
|
|
126
126
|
color: lunit_token.component.btn_secondary_text,
|
|
127
|
-
border: `${OUTLINED_BORDER_WIDTH}px solid ${lunit_token.
|
|
127
|
+
border: `${OUTLINED_BORDER_WIDTH}px solid ${lunit_token.core.border_medium}`,
|
|
128
128
|
"&:hover": getHoverStyle("none"),
|
|
129
129
|
"&:hover:before": {
|
|
130
130
|
content: "''",
|
|
@@ -172,19 +172,16 @@ export const commonStyle = ({ lunit_token }) => ({
|
|
|
172
172
|
});
|
|
173
173
|
export const iconStyle = ({ size, hasIconOnly, }) => ({
|
|
174
174
|
"& .MuiButton-startIcon": {
|
|
175
|
-
width: "20px",
|
|
176
|
-
height: "20px",
|
|
177
|
-
padding: "1px",
|
|
178
175
|
margin: 0,
|
|
179
176
|
marginRight: hasIconOnly ? "0px" : size === "large" ? "8px" : "4px",
|
|
180
177
|
"*:nth-of-type(1)": {
|
|
181
|
-
fontSize: "
|
|
178
|
+
fontSize: "20px",
|
|
182
179
|
},
|
|
183
180
|
},
|
|
184
181
|
});
|
|
185
182
|
export const CustomButton = styled(MuiButton, {
|
|
186
183
|
shouldForwardProp: (prop) => {
|
|
187
|
-
return !["kind", "hasIconOnly"].includes(prop);
|
|
184
|
+
return !["kind", "hasIconOnly", "variant"].includes(prop);
|
|
188
185
|
},
|
|
189
186
|
})(({ theme: { typography, palette: { lunit_token }, }, kind, size, color, hasIconOnly, }) => ({
|
|
190
187
|
...commonStyle({ lunit_token }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../src/components/Button/Button.styled.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../src/components/Button/Button.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import MuiCheckbox from "@mui/material/Checkbox";
|
|
|
4
4
|
const CustomCheckbox = styled(MuiCheckbox)(({ theme }) => ({
|
|
5
5
|
width: 20,
|
|
6
6
|
height: 20,
|
|
7
|
-
padding:
|
|
7
|
+
padding: 0,
|
|
8
8
|
"&.Mui-disabled": {
|
|
9
9
|
opacity: 0.38,
|
|
10
10
|
},
|
|
@@ -23,25 +23,15 @@ const iconSize = {
|
|
|
23
23
|
};
|
|
24
24
|
const DefaultIcon = styled("span")(({ theme }) => ({
|
|
25
25
|
...iconSize,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
" fill-rule='evenodd' clip-rule='evenodd' d='M14 1.5H4C2.61929 1.5 1.5 2.61929 1.5 4V14C1.5 15.3807 2.61929 16.5 4 16.5H14C15.3807 " +
|
|
29
|
-
"16.5 16.5 15.3807 16.5 14V4C16.5 2.61929 15.3807 1.5 14 1.5ZM4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4Z' /%3E%3C/svg%3E\")",
|
|
30
|
-
}));
|
|
31
|
-
const CheckedIcon = styled("span")(({ theme }) => ({
|
|
32
|
-
...iconSize,
|
|
33
|
-
backgroundColor: theme.palette.lunit_token.component.selectcontrol_on,
|
|
34
|
-
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath" +
|
|
35
|
-
" fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4ZM14.2516 " +
|
|
36
|
-
"7.14413C14.6074 6.72168 14.5533 6.09083 14.1309 5.73508C13.7084 5.37933 13.0776 5.43341 12.7218 5.85586L8.31824 11.0851L5.14993 8.37556C4.7302 8.01661 4.09895 8.06588 3.74 8.48561C3.38105 8.90533 3.43032 9.53658 3.85005 9.89553L7.78416 13.26C7.98672 13.4332 8.25006 13.5184 8.51571 13.4967C8.78135 13.4749 9.02732 13.348 9.19901 13.1441L14.2516 7.14413Z' /%3E%3C/svg%3E\")",
|
|
37
|
-
}));
|
|
38
|
-
const IndeterminateIcon = styled("span")(({ theme }) => ({
|
|
39
|
-
...iconSize,
|
|
40
|
-
backgroundColor: theme.palette.lunit_token.component.selectcontrol_on,
|
|
41
|
-
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath" +
|
|
42
|
-
" fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 " +
|
|
43
|
-
"14 0H4ZM4 8C3.44772 8 3 8.44771 3 9C3 9.5523 3.44771 10 4 10H14C14.5523 10 15 9.5523 15 9C15 8.44772 14.5523 8 14 8H4Z' /%3E%3C/svg%3E\")",
|
|
26
|
+
borderRadius: "20%",
|
|
27
|
+
boxShadow: `inset 0 0 0 1.5px ${theme.palette.lunit_token.component.selectcontrol_off}`,
|
|
44
28
|
}));
|
|
29
|
+
const CheckedIcon = () => {
|
|
30
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 1C2.79086 1 1 2.79086 1 5V15C1 17.2091 2.79086 19 5 19H15C17.2091 19 19 17.2091 19 15V5C19 2.79086 17.2091 1 15 1H5ZM15.2516 8.14413C15.6074 7.72168 15.5533 7.09083 15.1309 6.73508C14.7084 6.37933 14.0776 6.43341 13.7218 6.85586L9.31824 12.0851L6.14993 9.37556C5.7302 9.01661 5.09895 9.06588 4.74 9.48561C4.38105 9.90533 4.43032 10.5366 4.85005 10.8955L8.78416 14.26C8.98672 14.4332 9.25006 14.5184 9.51571 14.4967C9.78135 14.4749 10.0273 14.348 10.199 14.1441L15.2516 8.14413Z", fill: "#00C9EA" }) }));
|
|
31
|
+
};
|
|
32
|
+
const IndeterminateIcon = () => {
|
|
33
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 1C2.79086 1 1 2.79086 1 5V15C1 17.2091 2.79086 19 5 19H15C17.2091 19 19 17.2091 19 15V5C19 2.79086 17.2091 1 15 1H5ZM5 9C4.44772 9 4 9.44771 4 10C4 10.5523 4.44771 11 5 11L15 11C15.5523 11 16 10.5523 16 10C16 9.44772 15.5523 9 15 9L5 9Z", fill: "#00C9EA" }) }));
|
|
34
|
+
};
|
|
45
35
|
const Checkbox = (props) => {
|
|
46
36
|
return (_jsx(CustomCheckbox, { disableRipple: true, icon: _jsx(DefaultIcon, {}), checkedIcon: _jsx(CheckedIcon, {}), indeterminateIcon: _jsx(IndeterminateIcon, {}), ...props }));
|
|
47
37
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAGjD,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;KACd;IACD,0BAA0B,EAAE;QAC1B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE;QAC7D,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjD,GAAG,QAAQ;IACX,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAGjD,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;KACd;IACD,0BAA0B,EAAE;QAC1B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE;QAC7D,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjD,GAAG,QAAQ;IACX,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,qBAAqB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,iBAAiB,EAAE;CACxF,CAAC,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,4BACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,keAAke,EACpe,IAAI,EAAC,SAAS,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,4BACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,iPAAiP,EACnP,IAAI,EAAC,SAAS,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,OAAO,CACL,KAAC,cAAc,IACb,aAAa,QACb,IAAI,EAAE,KAAC,WAAW,KAAG,EACrB,WAAW,EAAE,KAAC,WAAW,KAAG,EAC5B,iBAAiB,EAAE,KAAC,iBAAiB,KAAG,KACpC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -3,8 +3,9 @@ import { Avatar } from "@mui/material";
|
|
|
3
3
|
import Close16 from "@lunit/design-system-icons/Close16";
|
|
4
4
|
import { StyledOutlinedChip, StyledContainedChipBase, StyledContainedChipEnable, StyledContainedChipDeletable, } from "./Chip.styled";
|
|
5
5
|
const Chip = (props) => {
|
|
6
|
-
const { kind, onDelete, onClick, ...restProps } = props;
|
|
7
|
-
|
|
6
|
+
const { kind, variant, onDelete, onClick, ...restProps } = props;
|
|
7
|
+
const isOutlined = kind === "outlined" || variant === "outlined";
|
|
8
|
+
if (isOutlined)
|
|
8
9
|
return _jsx(OutlinedChip, { ...props });
|
|
9
10
|
else if (onClick)
|
|
10
11
|
return _jsx(EnableContainedChip, { ...props });
|
|
@@ -38,7 +39,7 @@ const getLabelMargin = (thumbnail, deletable) => {
|
|
|
38
39
|
};
|
|
39
40
|
};
|
|
40
41
|
const ReadOnlyContainedChip = (props) => {
|
|
41
|
-
const { color = "primary", thumbnail, sx, ...restProps } = props;
|
|
42
|
+
const { color = "primary", thumbnail, sx, variant, ...restProps } = props;
|
|
42
43
|
return (_jsx(StyledContainedChipBase, { ...restProps, disabled: true, avatar: getAvatar(thumbnail), icon: getIcon(thumbnail), color: color, sx: {
|
|
43
44
|
"& .MuiChip-label": {
|
|
44
45
|
...getLabelMargin(thumbnail),
|
|
@@ -47,7 +48,7 @@ const ReadOnlyContainedChip = (props) => {
|
|
|
47
48
|
} }));
|
|
48
49
|
};
|
|
49
50
|
const EnableContainedChip = (props) => {
|
|
50
|
-
const { color = "primary", thumbnail, onDelete, onClick, sx, ...restProps } = props;
|
|
51
|
+
const { color = "primary", thumbnail, onDelete, onClick, sx, variant, ...restProps } = props;
|
|
51
52
|
return (_jsx(StyledContainedChipEnable, { ...restProps, onClick: onClick, avatar: getAvatar(thumbnail), icon: getIcon(thumbnail), color: color, sx: {
|
|
52
53
|
"& .MuiChip-label": {
|
|
53
54
|
...getLabelMargin(thumbnail),
|
|
@@ -58,7 +59,7 @@ const DeleteIconWithHoverLayer = ({ onClick }) => {
|
|
|
58
59
|
return (_jsxs(_Fragment, { children: [_jsx(Close16, {}), _jsx(Close16, { className: "delete-icon-hover-layer", onClick: onClick })] }));
|
|
59
60
|
};
|
|
60
61
|
const DeletableContainedChip = (props) => {
|
|
61
|
-
const { color = "primary", thumbnail, onDelete, sx, ...restProps } = props;
|
|
62
|
+
const { color = "primary", thumbnail, onDelete, sx, variant, ...restProps } = props;
|
|
62
63
|
return (_jsx(StyledContainedChipDeletable, { ...restProps, color: color, onDelete: onDelete, deleteIcon: _jsx(DeleteIconWithHoverLayer, { onClick: onDelete }), avatar: getAvatar(thumbnail), icon: getIcon(thumbnail), sx: {
|
|
63
64
|
"& .MuiChip-label": {
|
|
64
65
|
...getLabelMargin(thumbnail, Boolean(onDelete)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,OAAO,MAAM,oCAAoC,CAAC;AACzD,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,eAAe,CAAC;AAYvB,MAAM,IAAI,GAAa,CAAC,KAAgB,EAAE,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect } from "react";
|
|
3
|
+
import { createPortal } from "react-dom";
|
|
4
|
+
import { Close } from "@lunit/design-system-icons";
|
|
5
|
+
import { DialogAction } from "./components/DialogAction";
|
|
6
|
+
import { StyledBackdrop, StyledDialog, StyledDialogContent, StyledDialogTitle, StyledDialogTitleIconWrapper, } from "./Dialog.styled";
|
|
7
|
+
import Button from "../Button";
|
|
8
|
+
import Typography from "../Typography";
|
|
9
|
+
function Dialog(props) {
|
|
10
|
+
const { isOpen, type, nonModal = false, onClose } = props;
|
|
11
|
+
const isActionModal = type === "action" && !nonModal;
|
|
12
|
+
const isPassiveModal = type === "passive" && !nonModal;
|
|
13
|
+
const isActionNonModal = type === "action" && nonModal;
|
|
14
|
+
function handleBackdropClose(e) {
|
|
15
|
+
const isClosable = isPassiveModal || (isActionModal && props.enableBackdropClose);
|
|
16
|
+
if (!isClosable)
|
|
17
|
+
return;
|
|
18
|
+
if (e.target !== e.currentTarget)
|
|
19
|
+
return;
|
|
20
|
+
onClose();
|
|
21
|
+
}
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
const isClosable = isOpen &&
|
|
24
|
+
(isPassiveModal ||
|
|
25
|
+
(isActionModal && props.enableBackdropClose) ||
|
|
26
|
+
(isActionNonModal && props.enableBackButtonClose));
|
|
27
|
+
if (!isClosable)
|
|
28
|
+
return;
|
|
29
|
+
function handleEscClose(event) {
|
|
30
|
+
if (event.key === "Escape")
|
|
31
|
+
onClose();
|
|
32
|
+
}
|
|
33
|
+
function handleBackButtonClose(event) {
|
|
34
|
+
if (event.key === "Backspace")
|
|
35
|
+
onClose();
|
|
36
|
+
}
|
|
37
|
+
document.addEventListener("keydown", handleEscClose);
|
|
38
|
+
document.addEventListener("keydown", handleBackButtonClose);
|
|
39
|
+
return () => {
|
|
40
|
+
document.removeEventListener("keydown", handleEscClose);
|
|
41
|
+
document.removeEventListener("keydown", handleBackButtonClose);
|
|
42
|
+
};
|
|
43
|
+
}, [isOpen, isPassiveModal, onClose]);
|
|
44
|
+
if (!isOpen)
|
|
45
|
+
return null;
|
|
46
|
+
return createPortal(nonModal ? (_jsx(DialogBase, { dialogProps: { ...props } })) : (_jsx(StyledBackdrop, { onClick: handleBackdropClose, "data-testid": "dialog-backdrop", children: _jsx(DialogBase, { dialogProps: { ...props } }) })), document.body);
|
|
47
|
+
}
|
|
48
|
+
function DialogBase({ dialogProps }) {
|
|
49
|
+
const { nonModal = false, onClose, title, titleIcon, titleVariant = "headline5", children, actions, type, size = "small", sx, style, className, } = dialogProps;
|
|
50
|
+
return (_jsxs(StyledDialog, { role: "dialog", "aria-labelledby": "dialog-title", size: size, nonModal: nonModal, type: type, sx: {
|
|
51
|
+
...sx,
|
|
52
|
+
}, style: style, className: `dialog ${className ?? ""}`, children: [_jsxs(StyledDialogTitle, { id: "dialog-title", className: "dialog-title-wrapper", children: [titleIcon && (_jsx(StyledDialogTitleIconWrapper, { className: "dialog-title-icon", children: titleIcon })), _jsx(Typography, { component: "h2", id: "dialog-title-text", variant: titleVariant, children: title }), type === "passive" && (_jsx(Button, { id: "dialog-title-close-button", "data-testid": "dialog-title-close-button", kind: "ghost", color: "secondary", icon: _jsx(Close, {}), onClick: onClose, sx: {
|
|
53
|
+
marginRight: 0,
|
|
54
|
+
marginLeft: "auto",
|
|
55
|
+
} }))] }), _jsx(StyledDialogContent, { id: "dialog-content", children: children }), type === "action" && actions !== null ? (
|
|
56
|
+
// `actions !== null` is used to not render DialogAction when actions is undefined
|
|
57
|
+
// There was a case when actions is undefined, but DialogAction is rendered with null children
|
|
58
|
+
_jsx(DialogAction, { children: actions })) : null] }));
|
|
59
|
+
}
|
|
60
|
+
export default Dialog;
|
|
61
|
+
//# sourceMappingURL=Dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { styled } from "@mui/material/styles";
|
|
2
|
+
const DIALOG_WRAPPER_STYLE = {
|
|
3
|
+
small: {
|
|
4
|
+
width: "320px",
|
|
5
|
+
maxWidth: "320px",
|
|
6
|
+
},
|
|
7
|
+
medium: {
|
|
8
|
+
width: "500px",
|
|
9
|
+
maxWidth: "840px",
|
|
10
|
+
},
|
|
11
|
+
modal: {
|
|
12
|
+
position: "relative",
|
|
13
|
+
boxShadow: "0px 12px 24px 8px rgba(0, 0, 0, 0.12), 0px 12px 44px 3px rgba(0, 0, 0, 0.18)",
|
|
14
|
+
},
|
|
15
|
+
nonModal: {
|
|
16
|
+
position: "fixed",
|
|
17
|
+
top: "30px",
|
|
18
|
+
right: "30px",
|
|
19
|
+
boxShadow: "0px 12px 24px 8px rgba(0, 0, 0, 0.36), 0px 12px 44px 3px rgba(0, 0, 0, 0.48)",
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
const DIALOG_TITLE_STYLE = {
|
|
23
|
+
small: {
|
|
24
|
+
height: "52px",
|
|
25
|
+
maxHeight: "100%",
|
|
26
|
+
padding: "20px 20px 8px 20px",
|
|
27
|
+
},
|
|
28
|
+
medium: {
|
|
29
|
+
height: "64px",
|
|
30
|
+
maxHeight: "100%",
|
|
31
|
+
padding: "30px 32px 6px 32px",
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
const DIALOG_CONTENT_STYLE = {
|
|
35
|
+
small: {
|
|
36
|
+
paddingInline: "20px calc(20px - 10px)",
|
|
37
|
+
paddingBottom: "28px",
|
|
38
|
+
},
|
|
39
|
+
smallAction: {
|
|
40
|
+
paddingInline: "20px calc(20px - 10px)",
|
|
41
|
+
paddingBottom: "8px",
|
|
42
|
+
},
|
|
43
|
+
medium: {
|
|
44
|
+
paddingInline: "32px calc(32px - 14px)",
|
|
45
|
+
paddingBottom: "32px",
|
|
46
|
+
},
|
|
47
|
+
mediumAction: {
|
|
48
|
+
paddingInline: "32px calc(32px - 14px)",
|
|
49
|
+
paddingBottom: "16px",
|
|
50
|
+
},
|
|
51
|
+
};
|
|
52
|
+
const DIALOG_ACTION_STYLE = {
|
|
53
|
+
small: {
|
|
54
|
+
height: "64px",
|
|
55
|
+
padding: "8px 20px 20px 20px",
|
|
56
|
+
},
|
|
57
|
+
medium: {
|
|
58
|
+
height: "84px",
|
|
59
|
+
padding: "16px 32px 32px 32px",
|
|
60
|
+
},
|
|
61
|
+
};
|
|
62
|
+
export const StyledBackdrop = styled("div")({
|
|
63
|
+
position: "fixed",
|
|
64
|
+
top: 0,
|
|
65
|
+
left: 0,
|
|
66
|
+
width: "100%",
|
|
67
|
+
height: "100%",
|
|
68
|
+
backgroundColor: "rgba(17, 17, 19, 0.7)",
|
|
69
|
+
zIndex: 1000,
|
|
70
|
+
display: "grid",
|
|
71
|
+
placeItems: "center",
|
|
72
|
+
});
|
|
73
|
+
export const StyledDialog = styled("div")(({ theme, size, nonModal, type }) => ({
|
|
74
|
+
zIndex: 1001,
|
|
75
|
+
maxHeight: "80vh",
|
|
76
|
+
display: "flex",
|
|
77
|
+
flexDirection: "column",
|
|
78
|
+
boxSizing: "border-box",
|
|
79
|
+
borderRadius: "10px",
|
|
80
|
+
backgroundColor: theme.palette.lunit_token.core.bg_03,
|
|
81
|
+
color: theme.palette.lunit_token.core.text_normal,
|
|
82
|
+
...DIALOG_WRAPPER_STYLE[size === "small" ? "small" : "medium"],
|
|
83
|
+
...DIALOG_WRAPPER_STYLE[nonModal ? "nonModal" : "modal"],
|
|
84
|
+
"& #dialog-title": {
|
|
85
|
+
...DIALOG_TITLE_STYLE[size === "small" ? "small" : "medium"],
|
|
86
|
+
},
|
|
87
|
+
"& #dialog-content": {
|
|
88
|
+
...DIALOG_CONTENT_STYLE[size === "small" && type !== "passive"
|
|
89
|
+
? "smallAction"
|
|
90
|
+
: size === "small"
|
|
91
|
+
? "small"
|
|
92
|
+
: size === "medium" && type !== "passive"
|
|
93
|
+
? "mediumAction"
|
|
94
|
+
: "medium"],
|
|
95
|
+
scrollbarGutter: "stable",
|
|
96
|
+
"::-webkit-scrollbar": {
|
|
97
|
+
width: size === "small" ? "10px" : "14px",
|
|
98
|
+
},
|
|
99
|
+
"::webkit-scrollbar-track": {
|
|
100
|
+
background: "transparent",
|
|
101
|
+
},
|
|
102
|
+
"::-webkit-scrollbar-thumb": {
|
|
103
|
+
backgroundClip: "padding-box",
|
|
104
|
+
border: `2px solid transparent`,
|
|
105
|
+
/**
|
|
106
|
+
* Figma's border-radius is 6px, but actual border radius is 10px since padding 2px is added.
|
|
107
|
+
*/
|
|
108
|
+
borderRadius: "10px",
|
|
109
|
+
backgroundColor: theme.palette.lunit_token.component.scrollbars_bg,
|
|
110
|
+
},
|
|
111
|
+
},
|
|
112
|
+
"& #dialog-action": {
|
|
113
|
+
...DIALOG_ACTION_STYLE[size === "small" ? "small" : "medium"],
|
|
114
|
+
},
|
|
115
|
+
}));
|
|
116
|
+
export const StyledDialogTitle = styled("header")({
|
|
117
|
+
display: "flex",
|
|
118
|
+
width: "100%",
|
|
119
|
+
flex: "0 0 auto",
|
|
120
|
+
alignItems: "center",
|
|
121
|
+
justifyContent: "flex-start",
|
|
122
|
+
gap: "8px",
|
|
123
|
+
});
|
|
124
|
+
export const StyledDialogTitleIconWrapper = styled("div")({
|
|
125
|
+
display: "flex",
|
|
126
|
+
justifyContent: "center",
|
|
127
|
+
width: "20px",
|
|
128
|
+
height: "20px",
|
|
129
|
+
position: "relative",
|
|
130
|
+
marginBottom: "1px",
|
|
131
|
+
});
|
|
132
|
+
export const StyledDialogContent = styled("div")(({ theme }) => ({
|
|
133
|
+
...theme.typography.body2_14_regular,
|
|
134
|
+
flex: "1 1 auto",
|
|
135
|
+
overflowY: "scroll",
|
|
136
|
+
}));
|
|
137
|
+
//# sourceMappingURL=Dialog.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.styled.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { styled } from "@mui/material/styles";
|
|
3
|
+
const StyledDialogActions = styled("div")({
|
|
4
|
+
display: "flex",
|
|
5
|
+
flex: "0 0 auto",
|
|
6
|
+
alignItems: "center",
|
|
7
|
+
justifyContent: "flex-end",
|
|
8
|
+
gap: 8,
|
|
9
|
+
});
|
|
10
|
+
export function DialogAction(props) {
|
|
11
|
+
const { children, justifyContent, sx } = props;
|
|
12
|
+
return (_jsx(StyledDialogActions, { id: "dialog-action", "data-testid": "dialog-action", className: "dialog-action", sx: {
|
|
13
|
+
justifyContent,
|
|
14
|
+
...sx,
|
|
15
|
+
}, children: children }));
|
|
16
|
+
}
|
|
17
|
+
export default DialogAction;
|
|
18
|
+
//# sourceMappingURL=DialogAction.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogAction.js","sourceRoot":"","sources":["../../../../src/components/Dialog/components/DialogAction.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQ9C,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,CAAC;CACP,CAAC,CAAC;AAEH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,CACL,KAAC,mBAAmB,IAClB,EAAE,EAAC,eAAe,iBACN,eAAe,EAC3B,SAAS,EAAC,eAAe,EACzB,EAAE,EAAE;YACF,cAAc;YACd,GAAG,EAAE;SACN,YAEA,QAAQ,GACW,CACvB,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -12,30 +12,16 @@ const CustomRadio = styled(MuiRadio)(({ theme }) => ({
|
|
|
12
12
|
display: "block",
|
|
13
13
|
width: 24,
|
|
14
14
|
height: 24,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
" fill-rule='evenodd' clip-rule='evenodd' d='M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 " +
|
|
18
|
-
"5.37258 0 12C0 18.6274 5.37258 24 12 24Z' /%3E%3C/svg%3E\")",
|
|
15
|
+
borderRadius: "50%",
|
|
16
|
+
border: `1px solid ${theme.palette.lunit_token.core.focused}`,
|
|
19
17
|
},
|
|
20
18
|
}));
|
|
21
|
-
const
|
|
22
|
-
width: 20,
|
|
23
|
-
|
|
19
|
+
const DefaultIcon = () => {
|
|
20
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5ZM10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z", fill: "#99999B" }) }));
|
|
21
|
+
};
|
|
22
|
+
const CheckedIcon = () => {
|
|
23
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15ZM10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z", fill: "#00C9EA" }) }));
|
|
24
24
|
};
|
|
25
|
-
const DefaultIcon = styled("span")(({ theme }) => ({
|
|
26
|
-
...iconSize,
|
|
27
|
-
backgroundColor: theme.palette.lunit_token.component.selectcontrol_off,
|
|
28
|
-
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath" +
|
|
29
|
-
" fill-rule='evenodd' clip-rule='evenodd' d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 " +
|
|
30
|
-
"10 17.5ZM10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z' /%3E%3C/svg%3E\")",
|
|
31
|
-
}));
|
|
32
|
-
const CheckedIcon = styled("span")(({ theme }) => ({
|
|
33
|
-
...iconSize,
|
|
34
|
-
backgroundColor: theme.palette.lunit_token.component.selectcontrol_on,
|
|
35
|
-
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath" +
|
|
36
|
-
" fill-rule='evenodd' clip-rule='evenodd' d='M10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5C7.23858 5 5" +
|
|
37
|
-
" 7.23858 5 10C5 12.7614 7.23858 15 10 15ZM10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z' /%3E%3C/svg%3E\")",
|
|
38
|
-
}));
|
|
39
25
|
const Radio = (props) => {
|
|
40
26
|
return (_jsx(CustomRadio, { disableRipple: true, icon: _jsx(DefaultIcon, {}), checkedIcon: _jsx(CheckedIcon, {}), ...props }));
|
|
41
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,QAAwB,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;KACd;IACD,0BAA0B,EAAE;QAC1B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,QAAwB,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;KACd;IACD,0BAA0B,EAAE;QAC1B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE;KAC9D;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,4BACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,8PAA8P,EAChQ,IAAI,EAAC,SAAS,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,4BACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,oOAAoO,EACtO,IAAI,EAAC,SAAS,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,OAAO,CACL,KAAC,WAAW,IACV,aAAa,QACb,IAAI,EAAE,KAAC,WAAW,KAAG,EACrB,WAAW,EAAE,KAAC,WAAW,KAAG,KACxB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -4,7 +4,7 @@ import TextFieldIcon from "./TextFieldIcon";
|
|
|
4
4
|
import { BaseTextField } from "./TextField.style";
|
|
5
5
|
const SingleTextField = forwardRef((props, ref) => {
|
|
6
6
|
const { size = "small", leftIcon, rightIcon, leftIconSx, rightIconSx, onLeftIconClick, onRightIconClick, InputProps, ...restProps } = props;
|
|
7
|
-
return (_jsx(BaseTextField, { ...restProps, ref: ref, textFieldSize: size, hasLeftIcon: Boolean(leftIcon), hasRightIcon: Boolean(rightIcon), InputProps: {
|
|
7
|
+
return (_jsx(BaseTextField, { variant: "outlined", ...restProps, ref: ref, textFieldSize: size, hasLeftIcon: Boolean(leftIcon), hasRightIcon: Boolean(rightIcon), InputProps: {
|
|
8
8
|
...{
|
|
9
9
|
startAdornment: leftIcon && (_jsx(TextFieldIcon, { sx: { marginRight: "4px", ...leftIconSx }, icon: leftIcon, onIconClick: onLeftIconClick })),
|
|
10
10
|
endAdornment: rightIcon && (_jsx(TextFieldIcon, { sx: { marginLeft: "4px", ...rightIconSx }, icon: rightIcon, onIconClick: onRightIconClick })),
|
|
@@ -13,11 +13,11 @@ const SingleTextField = forwardRef((props, ref) => {
|
|
|
13
13
|
} }));
|
|
14
14
|
});
|
|
15
15
|
const MultiTextField = forwardRef(({ size = "small", ...restProps }, ref) => {
|
|
16
|
-
return (_jsx(BaseTextField, { ...restProps, ref: ref, textFieldSize: size, multiline: true }));
|
|
16
|
+
return (_jsx(BaseTextField, { variant: "outlined", ...restProps, ref: ref, textFieldSize: size, multiline: true }));
|
|
17
17
|
});
|
|
18
18
|
const TextField = forwardRef((props, ref) => {
|
|
19
|
-
const { rows, size, multiline = false, variant
|
|
20
|
-
return multiline ? (_jsx(MultiTextField, { ...restProps, ref: ref, maxRows: Infinity, size: size,
|
|
19
|
+
const { rows, size, multiline = false, variant, ...restProps } = props;
|
|
20
|
+
return multiline ? (_jsx(MultiTextField, { ...restProps, ref: ref, maxRows: Infinity, size: size, rows: rows })) : (_jsx(SingleTextField, { ...restProps, ref: ref, size: size }));
|
|
21
21
|
});
|
|
22
22
|
export default TextField;
|
|
23
23
|
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQlD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQlD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,UAAU,KACd,SAAS,EACb,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,IAAI,EACnB,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC9B,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,EAChC,UAAU,EAAE;YACV,GAAG;gBACD,cAAc,EAAE,QAAQ,IAAI,CAC1B,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EACzC,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,eAAe,GAC5B,CACH;gBACD,YAAY,EAAE,SAAS,IAAI,CACzB,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EACzC,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,gBAAgB,GAC7B,CACH;aACF;YACD,GAAG,UAAU;SACd,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IACxC,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,UAAU,KACd,SAAS,EACb,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,IAAI,EACnB,SAAS,SACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,cAAc,OACT,SAAS,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAI,CACzD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -21,7 +21,7 @@ export const CustomToggleButton = styled(MuiToggleButton, {
|
|
|
21
21
|
...(selectedColor === "secondary" && {
|
|
22
22
|
"&.Mui-selected, &.Mui-selected:hover": {
|
|
23
23
|
border: "none",
|
|
24
|
-
backgroundColor: lunit_token.component.
|
|
24
|
+
backgroundColor: lunit_token.component.btn_secondary_bg,
|
|
25
25
|
color: lunit_token.component.btn_selected_secondary_text,
|
|
26
26
|
},
|
|
27
27
|
}),
|
|
@@ -34,10 +34,9 @@ export const IconAndChildrenWrapper = styled("div")({
|
|
|
34
34
|
export const IconWrapper = styled("div")(({ hasIconOnly, size }) => ({
|
|
35
35
|
width: "20px",
|
|
36
36
|
height: "20px",
|
|
37
|
-
padding: "1px",
|
|
38
37
|
marginRight: hasIconOnly ? "0px" : size === "large" ? "8px" : "4px",
|
|
39
38
|
"*:nth-of-type(1)": {
|
|
40
|
-
fontSize: "
|
|
39
|
+
fontSize: "20px",
|
|
41
40
|
},
|
|
42
41
|
}));
|
|
43
42
|
//# sourceMappingURL=ToggleButton.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.styled.js","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAI5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,eAAe,EAAE;IACxD,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE;QAClC,OAAO,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1E,CAAC;CACF,CAAC,CACA,CAAC,EACC,KAAK,EAAE,EACL,UAAU,EACV,OAAO,EAAE,EAAE,WAAW,EAAE,GACzB,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,aAAa,EACb,WAAW,EACX,QAAQ,GACT,EAAE,EAAE;IACH,OAAO;QACL,MAAM,EAAE,MAAM;QACd,GAAG,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;QAC/B,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;QAC/D,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAC1C,GAAG,CAAC,aAAa,KAAK,SAAS,IAAI;YACjC,sCAAsC,EAAE;gBACtC,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,WAAW,CAAC,SAAS,CAAC,uBAAuB;gBAC9D,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,yBAAyB;aACvD;SACF,CAAC;QACF,GAAG,CAAC,aAAa,KAAK,WAAW,IAAI;YACnC,sCAAsC,EAAE;gBACtC,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,WAAW,CAAC,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"ToggleButton.styled.js","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAI5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,eAAe,EAAE;IACxD,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE;QAClC,OAAO,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1E,CAAC;CACF,CAAC,CACA,CAAC,EACC,KAAK,EAAE,EACL,UAAU,EACV,OAAO,EAAE,EAAE,WAAW,EAAE,GACzB,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,aAAa,EACb,WAAW,EACX,QAAQ,GACT,EAAE,EAAE;IACH,OAAO;QACL,MAAM,EAAE,MAAM;QACd,GAAG,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;QAC/B,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;QAC/D,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAC1C,GAAG,CAAC,aAAa,KAAK,SAAS,IAAI;YACjC,sCAAsC,EAAE;gBACtC,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,WAAW,CAAC,SAAS,CAAC,uBAAuB;gBAC9D,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,yBAAyB;aACvD;SACF,CAAC;QACF,GAAG,CAAC,aAAa,KAAK,WAAW,IAAI;YACnC,sCAAsC,EAAE;gBACtC,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,WAAW,CAAC,SAAS,CAAC,gBAAgB;gBACvD,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,2BAA2B;aACzD;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAGrC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;IAEnE,kBAAkB,EAAE;QAClB,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC,CAAC,CAAC"}
|
|
@@ -19,7 +19,7 @@ export const elevationOptions = {
|
|
|
19
19
|
export const createElevationCssBaseline = () => {
|
|
20
20
|
return {
|
|
21
21
|
// :root에 모든 theme이 정의되어 있지 않으므로 surface*에서 찾아야 함
|
|
22
|
-
".light1, .light2, .dark1, .dark2
|
|
22
|
+
".light1, .light2, .dark1, .dark2": {
|
|
23
23
|
...createCSSVars(shadows),
|
|
24
24
|
...createCSSVars(elevations),
|
|
25
25
|
// `--elevation-shadow`가 정의되지 않아도 `box-shadow: var(--elevation-shadow)` 구문을 해석하려면 필요함
|