@lunit/design-system 1.0.0-b.3 → 1.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/Chip/index.js +1 -1
- package/dist/cjs/components/Chip/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/Toggle/index.js +1 -1
- package/dist/cjs/components/Toggle/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 +30 -6
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.styled.js +1 -10
- package/dist/components/Button/Button.styled.js.map +1 -1
- package/dist/components/Chip/Chip.js +6 -5
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/TextField/TextField.js +4 -4
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/Toggle/Toggle.js +4 -4
- package/dist/components/Toggle/Toggle.js.map +1 -1
- package/dist/components/Toggle/Toggle.styled.js +2 -3
- package/dist/components/Toggle/Toggle.styled.js.map +1 -1
- package/dist/components/ToggleButton/ToggleButton.js +6 -5
- package/dist/components/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/components/ToggleButton/ToggleButton.styled.js +9 -2
- package/dist/components/ToggleButton/ToggleButton.styled.js.map +1 -1
- package/dist/foundation/Typography/index.js +20 -2
- package/dist/foundation/Typography/index.js.map +1 -1
- package/dist/foundation/Typography/tokens.js +2 -2
- package/dist/foundation/colors/index.js +4 -0
- package/dist/foundation/colors/index.js.map +1 -1
- package/dist/foundation/colors/token/core.js +0 -2
- 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/types/components/Button/Button.styled.d.ts +0 -8
- package/dist/types/components/Button/Button.types.d.ts +8 -5
- package/dist/types/components/Chip/Chip.types.d.ts +7 -2
- package/dist/types/components/TextField/TextField.types.d.ts +8 -3
- package/dist/types/components/Toggle/Toggle.d.ts +1 -1
- package/dist/types/components/Toggle/Toggle.styled.d.ts +1 -1
- package/dist/types/components/Toggle/Toggle.types.d.ts +5 -5
- package/dist/types/components/ToggleButton/ToggleButton.d.ts +2 -2
- package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +4 -0
- package/dist/types/components/ToggleButton/ToggleButton.types.d.ts +4 -5
- package/dist/types/foundation/Typography/index.d.ts +21 -4
- package/dist/types/foundation/Typography/tokens.d.ts +2 -2
- package/dist/types/foundation/colors/index.d.ts +4 -0
- package/dist/types/foundation/index.d.ts +4 -0
- package/package.json +1 -1
- package/src/components/Button/Button.styled.ts +1 -10
- package/src/components/Button/Button.tsx +120 -37
- package/src/components/Button/Button.types.ts +8 -4
- package/src/components/Chip/Chip.tsx +15 -4
- package/src/components/Chip/Chip.types.ts +9 -2
- package/src/components/TextField/TextField.tsx +10 -10
- package/src/components/TextField/TextField.types.ts +11 -4
- package/src/components/Toggle/Toggle.styled.ts +4 -4
- package/src/components/Toggle/Toggle.tsx +28 -9
- package/src/components/Toggle/Toggle.types.ts +8 -8
- package/src/components/ToggleButton/ToggleButton.styled.ts +14 -7
- package/src/components/ToggleButton/ToggleButton.tsx +92 -79
- package/src/components/ToggleButton/ToggleButton.types.ts +5 -4
- package/src/foundation/Typography/index.ts +20 -2
- package/src/foundation/Typography/tokens.ts +2 -2
- package/src/foundation/colors/index.ts +4 -0
- package/src/foundation/colors/token/core.ts +0 -2
- package/src/foundation/index.ts +1 -1
- package/src/stories/components/Button/BasicButton.stories.tsx +11 -0
- package/src/stories/components/Button/IconButton.stories.tsx +11 -0
- package/src/stories/components/Button/Kind.stories.tsx +62 -25
- package/src/stories/components/Chip/Chip.stories.tsx +15 -5
- package/src/stories/components/SelectControl/Toggle.stories.tsx +10 -10
|
@@ -1,9 +1,33 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
2
3
|
import { CustomButton } from "./Button.styled";
|
|
3
|
-
const Button = (props) => {
|
|
4
|
-
const {
|
|
5
|
-
const hasIconOnly = Boolean(icon && !children);
|
|
6
|
-
|
|
7
|
-
};
|
|
4
|
+
const Button = forwardRef((props, ref) => {
|
|
5
|
+
const { kind, variant, icon, children, startIcon } = props;
|
|
6
|
+
const hasIconOnly = Boolean((startIcon || icon) && !children);
|
|
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 }));
|
|
14
|
+
/**
|
|
15
|
+
* There is an issue between React 18, Mui's OverridableComponent type and the
|
|
16
|
+
* type coercion to temporarily fix it.
|
|
17
|
+
* https://github.com/lunit-io/design-system/pull/143#issuecomment-1831127232
|
|
18
|
+
*/
|
|
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
|
+
});
|
|
8
32
|
export default Button;
|
|
9
33
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -172,25 +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
175
|
margin: 0,
|
|
178
176
|
marginRight: hasIconOnly ? "0px" : size === "large" ? "8px" : "4px",
|
|
179
|
-
// This style was added for Mui Button Svg Icon handling
|
|
180
177
|
"*:nth-of-type(1)": {
|
|
181
178
|
fontSize: "20px",
|
|
182
179
|
},
|
|
183
180
|
},
|
|
184
|
-
svg: {
|
|
185
|
-
width: "20px",
|
|
186
|
-
height: "20px",
|
|
187
|
-
margin: 0,
|
|
188
|
-
marginRight: hasIconOnly ? "0px" : size === "large" ? "8px" : "4px",
|
|
189
|
-
},
|
|
190
181
|
});
|
|
191
182
|
export const CustomButton = styled(MuiButton, {
|
|
192
183
|
shouldForwardProp: (prop) => {
|
|
193
|
-
return !["kind", "hasIconOnly"].includes(prop);
|
|
184
|
+
return !["kind", "hasIconOnly", "variant"].includes(prop);
|
|
194
185
|
},
|
|
195
186
|
})(({ theme: { typography, palette: { lunit_token }, }, kind, size, color, hasIconOnly, }) => ({
|
|
196
187
|
...commonStyle({ lunit_token }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../src/components/Button/Button.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACtF,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAkBlD,MAAM,YAAY,GAAG,KAAK,CAAC;AAE3B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,UAAU,EACV,QAAQ,GAAG,KAAK,GACA,EAAE,EAAE,CAAC,CAAC;IACtB,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI;QACtB,GAAG,UAAU,CAAC,OAAO;QACrB,OAAO,EAAE,GACP,WAAW;YACT,CAAC,CAAC,iCAAiC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC7D,CAAC,CAAC,6BAA6B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAC5D,EAAE;QACF,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;KACf,CAAC;IACF,GAAG,CAAC,IAAI,KAAK,QAAQ,IAAI;QACvB,GAAG,UAAU,CAAC,OAAO;QACrB,OAAO,EAAE,GACP,WAAW;YACT,CAAC,CAAC,iCAAiC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC7D,CAAC,CAAC,6BAA6B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAC5D,EAAE;QACF,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;KACf,CAAC;IACF,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI;QACtB,GAAG,UAAU,CAAC,OAAO;QACrB,OAAO,EAAE,GACP,WAAW;YACT,CAAC,CAAC,iCAAiC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC7D,CAAC,CAAC,6BAA6B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAC5D,EAAE;QACF,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;KACf,CAAC;CACH,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAmB,EAAE,EAAE,CAAC,CAAC;IAC3E,kBAAkB;IAClB,GAAG,CAAC,IAAI,KAAK,WAAW;QACtB,KAAK,KAAK,SAAS,IAAI;QACrB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;QAC/C,eAAe,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc;QACrD,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC;QAC9D,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;SAChD;KACF,CAAC;IACJ,GAAG,CAAC,IAAI,KAAK,WAAW;QACtB,KAAK,KAAK,WAAW,IAAI;QACvB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;QAC/C,eAAe,EAAE,WAAW,CAAC,SAAS,CAAC,gBAAgB;QACvD,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC;QAChE,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;SAChD;KACF,CAAC;IACJ,GAAG,CAAC,IAAI,KAAK,WAAW;QACtB,KAAK,KAAK,OAAO,IAAI;QACnB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;QAC/C,eAAe,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY;QACnD,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC;QAC5D,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;SAChD;KACF,CAAC;IACJ,cAAc;IACd,GAAG,CAAC,IAAI,KAAK,OAAO;QAClB,KAAK,KAAK,SAAS,IAAI;QACrB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;QAC/C,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC;QAChC,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;SAChD;KACF,CAAC;IACJ,GAAG,CAAC,IAAI,KAAK,OAAO;QAClB,KAAK,KAAK,WAAW,IAAI;QACvB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;QAC/C,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC;QAChC,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;SAChD;KACF,CAAC;IACJ,GAAG,CAAC,IAAI,KAAK,OAAO;QAClB,KAAK,KAAK,OAAO,IAAI;QACnB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc;QAC3C,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC;QAChC,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc;SAC5C;KACF,CAAC;IACJ,iBAAiB;IACjB,GAAG,CAAC,IAAI,KAAK,UAAU;QACrB,KAAK,KAAK,SAAS,IAAI;QACrB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;QAC/C,MAAM,EAAE,GAAG,qBAAqB,YAAY,WAAW,CAAC,SAAS,CAAC,kBAAkB,EAAE;QACtF,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC;QAChC,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,MAAM;YACZ,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,kBAAkB;YACzB,MAAM,EAAE,kBAAkB;YAC1B,MAAM,EAAE,CAAC,CAAC;YACV,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK;YACvC,YAAY;SACb;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;SAChD;KACF,CAAC;IACJ,GAAG,CAAC,IAAI,KAAK,UAAU;QACrB,KAAK,KAAK,WAAW,IAAI;QACvB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;QAC/C,MAAM,EAAE,GAAG,qBAAqB,YAAY,WAAW,CAAC,SAAS,CAAC,oBAAoB,EAAE;QACxF,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC;QAChC,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,MAAM;YACZ,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,kBAAkB;YACzB,MAAM,EAAE,kBAAkB;YAC1B,MAAM,EAAE,CAAC,CAAC;YACV,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK;YACvC,YAAY;SACb;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,kBAAkB;SAChD;KACF,CAAC;CACL,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAA+B,EAAE,EAAE,CAC1E,CAAC;IACC,UAAU,EAAE,KAAK;IACjB,YAAY;IACZ,aAAa,EAAE,SAAS;IACxB,oBAAoB,EAAE;QACpB,UAAU,EAAE;YACV,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,eAAe,gBAAgB,KAAK;YAC3C,MAAM,EAAE,eAAe,gBAAgB,KAAK;YAC5C,OAAO,EAAE,IAAI;YACb,YAAY,EAAE,MAAM;YACpB,MAAM,EAAE,aAAa,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE;YAC/C,SAAS,EAAE,YAAY;SACxB;KACF;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC,CAAC;QACV,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK;QACvC,YAAY;KACb;CACQ,CAAA,CAAC;AAEd,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,WAAW,GACqC,EAAE,EAAE,CAAC,CAAC;IACtD,wBAAwB,EAAE;QACxB,
|
|
1
|
+
{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../src/components/Button/Button.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -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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"}
|
|
@@ -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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { CommonToggle, CommonIndeterminateToggle } from
|
|
2
|
+
import { CommonToggle, CommonIndeterminateToggle } from "./Toggle.styled";
|
|
3
3
|
const Toggle = (props) => {
|
|
4
|
-
const { size = "
|
|
4
|
+
const { size = "small", indeterminate = false, disableRipple, ...switchProps } = props;
|
|
5
5
|
if (indeterminate) {
|
|
6
6
|
const { checked: _, ...restProps } = switchProps;
|
|
7
7
|
// can't use checked props with indeterminate
|
|
8
|
-
return _jsx(CommonIndeterminateToggle, { toggleSize: size, checked: true, focusRipple: false, disableRipple: disableRipple, ...restProps });
|
|
8
|
+
return (_jsx(CommonIndeterminateToggle, { toggleSize: size, checked: true, focusRipple: false, disableRipple: disableRipple, ...restProps }));
|
|
9
9
|
}
|
|
10
|
-
return _jsx(CommonToggle, { toggleSize: size, focusRipple: false, disableRipple: disableRipple, ...switchProps });
|
|
10
|
+
return (_jsx(CommonToggle, { toggleSize: size, focusRipple: false, disableRipple: disableRipple, ...switchProps }));
|
|
11
11
|
};
|
|
12
12
|
export default Toggle;
|
|
13
13
|
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAG1E,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EACJ,IAAI,GAAG,OAAO,EACd,aAAa,GAAG,KAAK,EACrB,aAAa,EACb,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;IAEV,IAAI,aAAa,EAAE;QACjB,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;QACjD,6CAA6C;QAC7C,OAAO,CACL,KAAC,yBAAyB,IACxB,UAAU,EAAE,IAAI,EAChB,OAAO,QACP,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,aAAa,KACxB,SAAS,GACb,CACH,CAAC;KACH;IAED,OAAO,CACL,KAAC,YAAY,IACX,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,aAAa,KACxB,WAAW,GACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { styled, Switch as MuiSwitch } from "@mui/material";
|
|
2
2
|
const toggleStyles = {
|
|
3
|
-
|
|
3
|
+
small: {
|
|
4
4
|
root: {
|
|
5
5
|
width: 28,
|
|
6
6
|
height: 18,
|
|
@@ -60,7 +60,7 @@ const indeterminateStyles = {
|
|
|
60
60
|
borderRadius: 2,
|
|
61
61
|
},
|
|
62
62
|
},
|
|
63
|
-
|
|
63
|
+
small: {
|
|
64
64
|
switchChecked: {
|
|
65
65
|
top: 6,
|
|
66
66
|
left: -4,
|
|
@@ -85,7 +85,6 @@ export const CommonToggle = styled(MuiSwitch, {
|
|
|
85
85
|
const toggleOpacity = disabled ? 0.38 : 1;
|
|
86
86
|
return {
|
|
87
87
|
...toggleStyle.root,
|
|
88
|
-
display: "flex",
|
|
89
88
|
padding: 0,
|
|
90
89
|
overflow: "visible",
|
|
91
90
|
backgroundColor: "transparent",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.styled.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,SAAS,EAAe,MAAM,eAAe,CAAC;AAKzE,MAAM,YAAY,GAAG;IACnB,
|
|
1
|
+
{"version":3,"file":"Toggle.styled.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { IconWrapper, CustomToggleButton, IconAndChildrenWrapper, } from "./ToggleButton.styled";
|
|
4
|
+
const ToggleButton = forwardRef((props, ref) => {
|
|
4
5
|
const { kind = "contained", size = "small", color = "primary", selectedColor = "primary", className = "", icon, selected, children, ...buttonProps } = props;
|
|
5
6
|
const hasIconOnly = Boolean(icon && !children);
|
|
6
7
|
const excludeToggleGroupClass = className
|
|
7
8
|
.replace("MuiToggleButtonGroup-grouped", "")
|
|
8
9
|
.replace("MuiToggleButtonGroup-groupedHorizontal", "");
|
|
9
|
-
return (_jsx(_Fragment, { children: kind === "contained" || kind === "ghost" ? (_jsx(CustomToggleButton, { className: `${kind} ${excludeToggleGroupClass}`, selected: selected, kind: kind, color: color, size: size, hasIconOnly: hasIconOnly, selectedColor: selectedColor, disableRipple: true, disableFocusRipple: true, ...buttonProps, children: !hasIconOnly ? (_jsx(_Fragment, { children: icon ? (_jsxs(IconAndChildrenWrapper, { children: [icon, children] })) : (children) })) : (icon) })) : (_jsx(CustomToggleButton, { className: `outlined ${excludeToggleGroupClass}`, selected: selected, kind: "outlined", color: "primary", size: size, hasIconOnly: hasIconOnly, selectedColor: selectedColor, disableRipple: true, disableFocusRipple: true, ...buttonProps, children: !hasIconOnly ? (_jsx(_Fragment, { children: icon ? (_jsxs(IconAndChildrenWrapper, { children: [icon, children] })) : (children) })) : (icon) })) }));
|
|
10
|
-
};
|
|
10
|
+
return (_jsx(_Fragment, { children: kind === "contained" || kind === "ghost" ? (_jsx(CustomToggleButton, { ref: ref, className: `${kind} ${excludeToggleGroupClass}`, selected: selected, kind: kind, color: color, size: size, hasIconOnly: hasIconOnly, selectedColor: selectedColor, disableRipple: true, disableFocusRipple: true, ...buttonProps, children: !hasIconOnly ? (_jsx(_Fragment, { children: icon ? (_jsxs(IconAndChildrenWrapper, { children: [_jsx(IconWrapper, { size: size, hasIconOnly: hasIconOnly, children: icon }), children] })) : (children) })) : (_jsx(IconWrapper, { size: size, hasIconOnly: hasIconOnly, children: icon })) })) : (_jsx(CustomToggleButton, { ref: ref, className: `outlined ${excludeToggleGroupClass}`, selected: selected, kind: "outlined", color: "primary", size: size, hasIconOnly: hasIconOnly, selectedColor: selectedColor, disableRipple: true, disableFocusRipple: true, ...buttonProps, children: !hasIconOnly ? (_jsx(_Fragment, { children: icon ? (_jsxs(IconAndChildrenWrapper, { children: [_jsx(IconWrapper, { size: size, hasIconOnly: hasIconOnly, children: icon }), children] })) : (children) })) : (_jsx(IconWrapper, { size: size, hasIconOnly: hasIconOnly, children: icon })) })) }));
|
|
11
|
+
});
|
|
11
12
|
export default ToggleButton;
|
|
12
13
|
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,IAAI,GAAG,WAAW,EAClB,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,SAAS,EACjB,aAAa,GAAG,SAAS,EACzB,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,uBAAuB,GAAG,SAAS;SACtC,OAAO,CAAC,8BAA8B,EAAE,EAAE,CAAC;SAC3C,OAAO,CAAC,wCAAwC,EAAE,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,4BACG,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAC1C,KAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,IAAI,IAAI,uBAAuB,EAAE,EAC/C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,aAAa,QACb,kBAAkB,WACd,WAAW,YAEd,CAAC,WAAW,CAAC,CAAC,CAAC,CACd,4BACG,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,sBAAsB,eACrB,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,YAC9C,IAAI,GACO,EACb,QAAQ,IACc,CAC1B,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACA,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,YAC9C,IAAI,GACO,CACf,GACkB,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,uBAAuB,EAAE,EAChD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,aAAa,QACb,kBAAkB,WACd,WAAW,YAEd,CAAC,WAAW,CAAC,CAAC,CAAC,CACd,4BACG,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,sBAAsB,eACrB,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,YAC9C,IAAI,GACO,EACb,QAAQ,IACc,CAC1B,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACA,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,YAC9C,IAAI,GACO,CACf,GACkB,CACtB,GACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { styled } from "@mui/material/styles";
|
|
2
2
|
import { ToggleButton as MuiToggleButton } from "@mui/material";
|
|
3
|
-
import { commonStyle, sizeStyle, kindStyle
|
|
3
|
+
import { commonStyle, sizeStyle, kindStyle } from "../Button/Button.styled";
|
|
4
4
|
export const CustomToggleButton = styled(MuiToggleButton, {
|
|
5
5
|
shouldForwardProp: (prop) => {
|
|
6
6
|
return !["icon", "kind", "selectedColor", "hasIconOnly"].includes(prop);
|
|
@@ -9,7 +9,6 @@ export const CustomToggleButton = styled(MuiToggleButton, {
|
|
|
9
9
|
return {
|
|
10
10
|
border: "none",
|
|
11
11
|
...commonStyle({ lunit_token }),
|
|
12
|
-
...iconStyle({ size, hasIconOnly }),
|
|
13
12
|
...sizeStyle({ size, kind, hasIconOnly, selected, typography }),
|
|
14
13
|
...kindStyle({ kind, color, lunit_token }),
|
|
15
14
|
...(selectedColor === "primary" && {
|
|
@@ -32,4 +31,12 @@ export const IconAndChildrenWrapper = styled("div")({
|
|
|
32
31
|
display: "flex",
|
|
33
32
|
alignItems: "center",
|
|
34
33
|
});
|
|
34
|
+
export const IconWrapper = styled("div")(({ hasIconOnly, size }) => ({
|
|
35
|
+
width: "20px",
|
|
36
|
+
height: "20px",
|
|
37
|
+
marginRight: hasIconOnly ? "0px" : size === "large" ? "8px" : "4px",
|
|
38
|
+
"*:nth-of-type(1)": {
|
|
39
|
+
fontSize: "20px",
|
|
40
|
+
},
|
|
41
|
+
}));
|
|
35
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,
|
|
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,yBAAyB;gBAChE,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"}
|
|
@@ -49,13 +49,31 @@ export const typographyDefaultProps = {
|
|
|
49
49
|
};
|
|
50
50
|
export const createTypographyCssBaseline = () => {
|
|
51
51
|
return {
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
"*, *:before, *:after": {
|
|
53
|
+
// @font-face: font-feature-settings로 대체 가능하나, 브라우저 지원이 부족함 https://caniuse.com/mdn-css_at-rules_font-face_font-feature-settings
|
|
54
54
|
fontFeatureSettings: `'tnum', 'ss01', 'ss02', 'ss08'`,
|
|
55
55
|
},
|
|
56
56
|
":root": {
|
|
57
57
|
...cssVariables,
|
|
58
58
|
},
|
|
59
|
+
".light1": {
|
|
60
|
+
color: "var(--text_normal)",
|
|
61
|
+
},
|
|
62
|
+
".light2": {
|
|
63
|
+
color: "var(--text_normal)",
|
|
64
|
+
},
|
|
65
|
+
".dark1": {
|
|
66
|
+
color: "var(--text_normal)",
|
|
67
|
+
},
|
|
68
|
+
".dark2": {
|
|
69
|
+
color: "var(--text_normal)",
|
|
70
|
+
},
|
|
71
|
+
".dark3": {
|
|
72
|
+
color: "var(--text_normal)",
|
|
73
|
+
},
|
|
74
|
+
".dark4": {
|
|
75
|
+
color: "var(--text_normal)",
|
|
76
|
+
},
|
|
59
77
|
};
|
|
60
78
|
};
|
|
61
79
|
export default typographyOptions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/Typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AA2BtD,MAAM,UAAU,GAAG;IACjB,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,WAAW;IACX,QAAQ;IACR,kBAAkB;IAClB,YAAY;IACZ,uBAAuB;IACvB,gBAAgB;IAChB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,mBAAmB;IACnB,YAAY;CACb,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,iBAAiB,GAAsB;IAC3C,UAAU;IACV,GAAG;QACD,GAAG,YAAY;QACf,gCAAgC;QAChC,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,MAAM,EAAE,YAAY,CAAC,OAAO;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,cAAc,EAAE;QACd,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,aAAa,EAAE,GAAG;QAClB,eAAe,EAAE,GAAG;QACpB,gBAAgB,EAAE,GAAG;QACrB,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO;QACL,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/Typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AA2BtD,MAAM,UAAU,GAAG;IACjB,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,WAAW;IACX,QAAQ;IACR,kBAAkB;IAClB,YAAY;IACZ,uBAAuB;IACvB,gBAAgB;IAChB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,mBAAmB;IACnB,YAAY;CACb,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,iBAAiB,GAAsB;IAC3C,UAAU;IACV,GAAG;QACD,GAAG,YAAY;QACf,gCAAgC;QAChC,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,MAAM,EAAE,YAAY,CAAC,OAAO;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,cAAc,EAAE;QACd,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,aAAa,EAAE,GAAG;QAClB,eAAe,EAAE,GAAG;QACpB,gBAAgB,EAAE,GAAG;QACrB,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO;QACL,sBAAsB,EAAE;YACtB,gIAAgI;YAChI,mBAAmB,EAAE,gCAAgC;SACtD;QACD,OAAO,EAAE;YACP,GAAG,YAAY;SAChB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -10,10 +10,10 @@ const headline = {
|
|
|
10
10
|
"--headline1-line-height": "68px",
|
|
11
11
|
"--headline2-font-weight": "var(--font-weight-bold)",
|
|
12
12
|
"--headline2-font-size": "38px",
|
|
13
|
-
"--headline2-line-height": "
|
|
13
|
+
"--headline2-line-height": "65px",
|
|
14
14
|
"--headline3-font-weight": "var(--font-weight-semibold)",
|
|
15
15
|
"--headline3-font-size": "24px",
|
|
16
|
-
"--headline3-line-height": "
|
|
16
|
+
"--headline3-line-height": "57px",
|
|
17
17
|
"--headline4-font-weight": "var(--font-weight-semibold)",
|
|
18
18
|
"--headline4-font-size": "20px",
|
|
19
19
|
"--headline4-line-height": "28px",
|
|
@@ -121,6 +121,10 @@ const paletteOptions = {
|
|
|
121
121
|
main: base.green[40], // core.text_success.dark1
|
|
122
122
|
},
|
|
123
123
|
grey: base.greyForMUI,
|
|
124
|
+
text: {
|
|
125
|
+
primary: base.grey[5],
|
|
126
|
+
secondary: base.grey[40], // core.text_medium.dark1
|
|
127
|
+
},
|
|
124
128
|
lunit_global: lunitColors,
|
|
125
129
|
lunit_token: {
|
|
126
130
|
core: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/colors/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/colors/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -64,7 +64,6 @@ export const tokenCoreColor = {
|
|
|
64
64
|
dark4: "--red_30",
|
|
65
65
|
},
|
|
66
66
|
text_success: {
|
|
67
|
-
// TODO: sucess -> success 로 바뀌었으니 코드 내 사용되는 부분 확인해서 업데이트. 개발자들에게도 공지할것.
|
|
68
67
|
light1: "--green_40",
|
|
69
68
|
light2: "--green_40",
|
|
70
69
|
dark1: "--green_40",
|
|
@@ -121,7 +120,6 @@ export const tokenCoreColor = {
|
|
|
121
120
|
dark4: "--red_30",
|
|
122
121
|
},
|
|
123
122
|
icon_success_02: {
|
|
124
|
-
// TODO: sucess -> success 로 바뀌었으니 코드 내 사용되는 부분 확인해서 업데이트. 개발자들에게도 공지할것.
|
|
125
123
|
light1: "--green_40",
|
|
126
124
|
light2: "--green_40",
|
|
127
125
|
dark1: "--green_30",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/core.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,iBAAiB;QACzB,MAAM,EAAE,iBAAiB;QACzB,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,iBAAiB;KACzB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,WAAW;QACnB,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,WAAW;QACnB,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,WAAW;QACnB,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD,YAAY,EAAE;QACZ,
|
|
1
|
+
{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/core.ts"],"names":[],"mappings":"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"}
|
package/dist/foundation/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import paletteOptions, { createColorCssBaseline } from "./colors";
|
|
|
3
3
|
import typographyOptions, { createTypographyCssBaseline, typographyDefaultProps, } from "./Typography";
|
|
4
4
|
import { createElevationCssBaseline, elevationOptions } from "./Elevation";
|
|
5
5
|
export const foundationCssBaseline = {
|
|
6
|
-
styleOverrides: deepmerge(deepmerge(
|
|
6
|
+
styleOverrides: deepmerge(deepmerge(createColorCssBaseline(), createTypographyCssBaseline()), createElevationCssBaseline()),
|
|
7
7
|
};
|
|
8
8
|
export const typography = typographyOptions;
|
|
9
9
|
export { typographyDefaultProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,cAAc,EAAE,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,iBAAiB,EAAE,EACxB,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE3E,MAAM,CAAC,MAAM,qBAAqB,GAAwC;IACxE,cAAc,EAAE,SAAS,CACvB,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,cAAc,EAAE,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,iBAAiB,EAAE,EACxB,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE3E,MAAM,CAAC,MAAM,qBAAqB,GAAwC;IACxE,cAAc,EAAE,SAAS,CACvB,SAAS,CAAC,sBAAsB,EAAE,EAAE,2BAA2B,EAAE,CAAC,EAClE,0BAA0B,EAAE,CAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAE5C,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,gBAAgB,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -883,20 +883,12 @@ export declare const commonStyle: ({ lunit_token }: {
|
|
|
883
883
|
};
|
|
884
884
|
export declare const iconStyle: ({ size, hasIconOnly, }: Pick<CustomButtonProps, "size" | "hasIconOnly">) => {
|
|
885
885
|
"& .MuiButton-startIcon": {
|
|
886
|
-
width: string;
|
|
887
|
-
height: string;
|
|
888
886
|
margin: number;
|
|
889
887
|
marginRight: string;
|
|
890
888
|
"*:nth-of-type(1)": {
|
|
891
889
|
fontSize: string;
|
|
892
890
|
};
|
|
893
891
|
};
|
|
894
|
-
svg: {
|
|
895
|
-
width: string;
|
|
896
|
-
height: string;
|
|
897
|
-
margin: number;
|
|
898
|
-
marginRight: string;
|
|
899
|
-
};
|
|
900
892
|
};
|
|
901
893
|
export declare const CustomButton: import("@emotion/styled").StyledComponent<{
|
|
902
894
|
children?: import("react").ReactNode;
|
|
@@ -5,19 +5,23 @@ import type { OverridableComponent } from "@mui/material/OverridableComponent";
|
|
|
5
5
|
* TODO: Omit 을 사용할 경우 component prop 타입 추론이 안되는 이슈 발생
|
|
6
6
|
* https://github.com/lunit-io/design-system/pull/133#discussion_r1354277785
|
|
7
7
|
* */
|
|
8
|
-
interface BaseButtonProps extends Omit<MuiButtonProps, "variant"> {
|
|
8
|
+
export interface BaseButtonProps extends Omit<MuiButtonProps, "variant"> {
|
|
9
9
|
icon?: React.ReactNode;
|
|
10
|
+
variant?: "contained" | "outlined" | "text" | "ghost";
|
|
10
11
|
}
|
|
11
|
-
interface ContainedButtonProps extends BaseButtonProps {
|
|
12
|
+
export interface ContainedButtonProps extends BaseButtonProps {
|
|
12
13
|
kind?: "contained";
|
|
14
|
+
variant?: "contained";
|
|
13
15
|
color?: "primary" | "secondary" | "error";
|
|
14
16
|
}
|
|
15
|
-
interface GhostButtonProps extends BaseButtonProps {
|
|
17
|
+
export interface GhostButtonProps extends BaseButtonProps {
|
|
16
18
|
kind?: "ghost";
|
|
19
|
+
variant?: "text" | "ghost";
|
|
17
20
|
color?: "primary" | "secondary" | "error";
|
|
18
21
|
}
|
|
19
|
-
interface OutlinedButtonProps extends BaseButtonProps {
|
|
22
|
+
export interface OutlinedButtonProps extends BaseButtonProps {
|
|
20
23
|
kind?: "outlined";
|
|
24
|
+
variant?: "outlined";
|
|
21
25
|
color?: "primary" | "secondary";
|
|
22
26
|
}
|
|
23
27
|
export type ButtonProps = ContainedButtonProps | GhostButtonProps | OutlinedButtonProps;
|
|
@@ -26,4 +30,3 @@ export type ButtonTypeMap<P = {}, D extends React.ElementType = MuiButtonTypeMap
|
|
|
26
30
|
defaultComponent: D;
|
|
27
31
|
};
|
|
28
32
|
export type ButtonType = OverridableComponent<ButtonTypeMap>;
|
|
29
|
-
export {};
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
import { CHIP_COLORS } from "./consts";
|
|
3
3
|
import type { ChipProps as MuiChipProps, ChipTypeMap as MuiChipTypeMap } from "@mui/material";
|
|
4
4
|
import type { OverridableComponent } from "@mui/material/OverridableComponent";
|
|
5
|
+
type DesignSystemChipKind = "outlined" | "contained";
|
|
6
|
+
type DesignSystemAndMuiContainedChipKind = "filled" | "contained";
|
|
5
7
|
type ColorKeys = keyof typeof CHIP_COLORS;
|
|
6
8
|
export type ChipColor = (typeof CHIP_COLORS)[ColorKeys];
|
|
7
9
|
export type ChipThumbnail = string | JSX.Element;
|
|
@@ -9,16 +11,19 @@ export type ChipThumbnail = string | JSX.Element;
|
|
|
9
11
|
* Mui Chip's variant is 'kind' in our design system
|
|
10
12
|
*/
|
|
11
13
|
export interface BaseChipProps extends Pick<MuiChipProps, "label" | "sx" | "style" | "classes" | "onDelete"> {
|
|
12
|
-
kind?:
|
|
14
|
+
kind?: DesignSystemChipKind;
|
|
15
|
+
variant?: "outlined" | DesignSystemAndMuiContainedChipKind;
|
|
13
16
|
color?: ChipColor;
|
|
14
17
|
}
|
|
15
18
|
export interface OutlinedChipProps extends BaseChipProps {
|
|
16
19
|
kind?: "outlined";
|
|
20
|
+
variant?: "outlined";
|
|
17
21
|
onClick?: never;
|
|
18
22
|
onDelete?: never;
|
|
19
23
|
}
|
|
20
|
-
export interface BaseContainedChipProps extends BaseChipProps, Omit<MuiChipProps, "color" | "size" | "
|
|
24
|
+
export interface BaseContainedChipProps extends BaseChipProps, Omit<MuiChipProps, "color" | "size" | "avatar" | "deleteIcon" | "icon" | "variant"> {
|
|
21
25
|
kind?: "contained";
|
|
26
|
+
variant?: DesignSystemAndMuiContainedChipKind;
|
|
22
27
|
thumbnail?: ChipThumbnail;
|
|
23
28
|
onClick?: () => void;
|
|
24
29
|
}
|