@lunit/design-system 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/cjs/components/Checkbox/index.js +1 -1
  2. package/dist/cjs/components/Checkbox/index.js.map +1 -1
  3. package/dist/cjs/components/Dialog/index.js +1 -1
  4. package/dist/cjs/components/Dialog/index.js.map +1 -1
  5. package/dist/cjs/components/Radio/index.js +1 -1
  6. package/dist/cjs/components/Radio/index.js.map +1 -1
  7. package/dist/cjs/index.js +1 -1
  8. package/dist/cjs/index.js.map +1 -1
  9. package/dist/components/Checkbox/Checkbox.js +2 -2
  10. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  11. package/dist/components/Dialog/Dialog.js +2 -6
  12. package/dist/components/Dialog/Dialog.js.map +1 -1
  13. package/dist/components/Dialog/Dialog.styled.js +17 -8
  14. package/dist/components/Dialog/Dialog.styled.js.map +1 -1
  15. package/dist/components/Dialog/components/DialogAction.js +1 -1
  16. package/dist/components/Dialog/components/DialogAction.js.map +1 -1
  17. package/dist/components/Radio/Radio.js +2 -2
  18. package/dist/components/Radio/Radio.js.map +1 -1
  19. package/dist/foundation/colors/token/component.js +2 -2
  20. package/dist/foundation/colors/token/component.js.map +1 -1
  21. package/dist/types/components/Button/Button.styled.d.ts +3 -3
  22. package/dist/types/components/Chip/Chip.styled.d.ts +12 -12
  23. package/dist/types/components/Dialog/Dialog.d.ts +1 -1
  24. package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +2 -2
  25. package/package.json +1 -1
  26. package/src/components/Checkbox/Checkbox.tsx +4 -4
  27. package/src/components/Dialog/Dialog.styled.ts +17 -10
  28. package/src/components/Dialog/Dialog.tsx +4 -10
  29. package/src/components/Dialog/components/DialogAction.tsx +1 -1
  30. package/src/components/Radio/Radio.tsx +4 -4
  31. package/src/foundation/colors/token/component.ts +3 -3
  32. package/src/stories/components/Dialog/DialogDocs.mdx +181 -0
package/dist/components/Checkbox/Checkbox.js CHANGED
@@ -27,10 +27,10 @@ const DefaultIcon = styled("span")(({ theme }) => ({
27
27
  boxShadow: `inset 0 0 0 1.5px ${theme.palette.lunit_token.component.selectcontrol_off}`,
28
28
  }));
29
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" }) }));
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", { fillRule: "evenodd", clipRule: "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
31
  };
32
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" }) }));
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", { fillRule: "evenodd", clipRule: "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
34
  };
35
35
  const Checkbox = (props) => {
36
36
  return (_jsx(CustomCheckbox, { disableRipple: true, icon: _jsx(DefaultIcon, {}), checkedIcon: _jsx(CheckedIcon, {}), indeterminateIcon: _jsx(IndeterminateIcon, {}), ...props }));
package/dist/components/Checkbox/Checkbox.js.map CHANGED
@@ -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,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"}
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,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,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,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,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"}
package/dist/components/Dialog/Dialog.js CHANGED
@@ -10,7 +10,6 @@ function Dialog(props) {
10
10
  const { isOpen, type, nonModal = false, onClose } = props;
11
11
  const isActionModal = type === "action" && !nonModal;
12
12
  const isPassiveModal = type === "passive" && !nonModal;
13
- const isActionNonModal = type === "action" && nonModal;
14
13
  function handleBackdropClose(e) {
15
14
  const isClosable = isPassiveModal || (isActionModal && props.enableBackdropClose);
16
15
  if (!isClosable)
@@ -20,10 +19,7 @@ function Dialog(props) {
20
19
  onClose();
21
20
  }
22
21
  useEffect(() => {
23
- const isClosable = isOpen &&
24
- (isPassiveModal ||
25
- (isActionModal && props.enableBackdropClose) ||
26
- (isActionNonModal && props.enableBackButtonClose));
22
+ const isClosable = isOpen && isPassiveModal;
27
23
  if (!isClosable)
28
24
  return;
29
25
  function handleEscClose(event) {
@@ -49,7 +45,7 @@ function DialogBase({ dialogProps }) {
49
45
  const { nonModal = false, onClose, title, titleIcon, titleVariant = "headline5", children, actions, type, size = "small", sx, style, className, } = dialogProps;
50
46
  return (_jsxs(StyledDialog, { role: "dialog", "aria-labelledby": "dialog-title", size: size, nonModal: nonModal, type: type, sx: {
51
47
  ...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: {
48
+ }, style: style, className: `dialog elevation2 ${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
49
  marginRight: 0,
54
50
  marginLeft: "auto",
55
51
  } }))] }), _jsx(StyledDialogContent, { id: "dialog-content", children: children }), type === "action" && actions !== null ? (
package/dist/components/Dialog/Dialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
package/dist/components/Dialog/Dialog.styled.js CHANGED
@@ -10,43 +10,47 @@ const DIALOG_WRAPPER_STYLE = {
10
10
  },
11
11
  modal: {
12
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
13
  },
15
14
  nonModal: {
16
15
  position: "fixed",
17
16
  top: "30px",
18
17
  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
18
  },
21
19
  };
22
20
  const DIALOG_TITLE_STYLE = {
23
21
  small: {
22
+ display: "flex",
23
+ alignItems: "center",
24
24
  height: "52px",
25
25
  maxHeight: "100%",
26
- padding: "20px 20px 8px 20px",
26
+ padding: "20px 20px 4px 20px", // Title's X button pluses 2px to paddingTop and Bottom
27
27
  },
28
28
  medium: {
29
+ display: "flex",
30
+ alignItems: "center",
29
31
  height: "64px",
30
32
  maxHeight: "100%",
31
- padding: "30px 32px 6px 32px",
33
+ padding: "30px 32px 6px 32px", // Title's X button pluses 2px to paddingTop and Bottom
32
34
  },
33
35
  };
34
36
  const DIALOG_CONTENT_STYLE = {
35
37
  small: {
36
38
  paddingInline: "20px calc(20px - 10px)",
39
+ paddingTop: "8px",
37
40
  paddingBottom: "28px",
38
41
  },
39
42
  smallAction: {
40
43
  paddingInline: "20px calc(20px - 10px)",
41
- paddingBottom: "8px",
44
+ paddingBlock: "8px",
42
45
  },
43
46
  medium: {
44
47
  paddingInline: "32px calc(32px - 14px)",
48
+ paddingTop: "16px",
45
49
  paddingBottom: "32px",
46
50
  },
47
51
  mediumAction: {
48
52
  paddingInline: "32px calc(32px - 14px)",
49
- paddingBottom: "16px",
53
+ paddingBlock: "16px",
50
54
  },
51
55
  };
52
56
  const DIALOG_ACTION_STYLE = {
@@ -126,8 +130,13 @@ export const StyledDialogTitleIconWrapper = styled("div")({
126
130
  justifyContent: "center",
127
131
  width: "20px",
128
132
  height: "20px",
129
- position: "relative",
130
- marginBottom: "1px",
133
+ "& .MuiSvgIcon-root": {
134
+ display: "flex",
135
+ justifyContent: "center",
136
+ width: "20px",
137
+ height: "20px",
138
+ fontSize: "20px",
139
+ },
131
140
  });
132
141
  export const StyledDialogContent = styled("div")(({ theme }) => ({
133
142
  ...theme.typography.body2_14_regular,
package/dist/components/Dialog/Dialog.styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.styled.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAW9C,MAAM,oBAAoB,GAAuB;IAC/C,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,OAAO;KAClB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,OAAO;KAClB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,SAAS,EACP,8EAA8E;KACjF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EACP,8EAA8E;KACjF;CACF,CAAC;AAEF,MAAM,kBAAkB,GAAuB;IAC7C,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,oBAAoB;KAC9B;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,oBAAoB;KAC9B;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAuB;IAC/C,KAAK,EAAE;QACL,aAAa,EAAE,wBAAwB;QACvC,aAAa,EAAE,MAAM;KACtB;IACD,WAAW,EAAE;QACX,aAAa,EAAE,wBAAwB;QACvC,aAAa,EAAE,KAAK;KACrB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,wBAAwB;QACvC,aAAa,EAAE,MAAM;KACtB;IACD,YAAY,EAAE;QACZ,aAAa,EAAE,wBAAwB;QACvC,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEF,MAAM,mBAAmB,GAAuB;IAC9C,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,oBAAoB;KAC9B;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,qBAAqB;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,uBAAuB;IACxC,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CACvC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,MAAM;IACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;IACrD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;IAEjD,GAAG,oBAAoB,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC9D,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IAExD,iBAAiB,EAAE;QACjB,GAAG,kBAAkB,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KAC7D;IAED,mBAAmB,EAAE;QACnB,GAAG,oBAAoB,CACrB,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,SAAS;YACpC,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,IAAI,KAAK,OAAO;gBAClB,CAAC,CAAC,OAAO;gBACT,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,SAAS;oBACzC,CAAC,CAAC,cAAc;oBAChB,CAAC,CAAC,QAAQ,CACb;QAED,eAAe,EAAE,QAAQ;QACzB,qBAAqB,EAAE;YACrB,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SAC1C;QACD,0BAA0B,EAAE;YAC1B,UAAU,EAAE,aAAa;SAC1B;QACD,2BAA2B,EAAE;YAC3B,cAAc,EAAE,aAAa;YAC7B,MAAM,EAAE,uBAAuB;YAC/B;;eAEG;YACH,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,aAAa;SACnE;KACF;IAED,kBAAkB,EAAE;QAClB,GAAG,mBAAmB,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KAC9D;CACF,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,UAAU;IAChB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,YAAY;IAC5B,GAAG,EAAE,KAAK;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB;IACpC,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Dialog.styled.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styled.ts"],"names":[],"mappings":"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"}
package/dist/components/Dialog/components/DialogAction.js CHANGED
@@ -5,7 +5,7 @@ const StyledDialogActions = styled("div")({
5
5
  flex: "0 0 auto",
6
6
  alignItems: "center",
7
7
  justifyContent: "flex-end",
8
- gap: 8,
8
+ gap: 12,
9
9
  });
10
10
  export function DialogAction(props) {
11
11
  const { children, justifyContent, sx } = props;
package/dist/components/Dialog/components/DialogAction.js.map CHANGED
@@ -1 +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"}
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,EAAE;CACR,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"}
package/dist/components/Radio/Radio.js CHANGED
@@ -17,10 +17,10 @@ const CustomRadio = styled(MuiRadio)(({ theme }) => ({
17
17
  },
18
18
  }));
19
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" }) }));
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", { fillRule: "evenodd", clipRule: "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
21
  };
22
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" }) }));
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", { fillRule: "evenodd", clipRule: "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
25
  const Radio = (props) => {
26
26
  return (_jsx(CustomRadio, { disableRipple: true, icon: _jsx(DefaultIcon, {}), checkedIcon: _jsx(CheckedIcon, {}), ...props }));
package/dist/components/Radio/Radio.js.map CHANGED
@@ -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,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"}
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,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,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,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,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"}
package/dist/foundation/colors/token/component.js CHANGED
@@ -8,7 +8,7 @@ export const tokenComponentColor = {
8
8
  },
9
9
  btn_secondary_bg: {
10
10
  light1: "--grey_10",
11
- light2: "--grey_00",
11
+ light2: "--grey_0",
12
12
  dark1: "--grey_60",
13
13
  dark2: "--grey_60",
14
14
  },
@@ -156,7 +156,7 @@ export const tokenComponentColor = {
156
156
  light1: "rgba(0, 0, 0, 0.03)",
157
157
  light2: "rgba(0, 0, 0, 0.03)",
158
158
  dark1: "rgba(255, 255, 255, 0.03)",
159
- dark2: "rgba(255, 255, 255, 0.03)", // "--grey_00 3%",
159
+ dark2: "rgba(255, 255, 255, 0.03)", // "--grey_0 3%",
160
160
  },
161
161
  },
162
162
  scrollbars: {
package/dist/foundation/colors/token/component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/component.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,mBAAmB,GAA6B;IAC3D,GAAG,EAAE;QACH,cAAc,EAAE;YACd,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;SACzB;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,kBAAkB,EAAE;YAClB,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;SACzB;QACD,oBAAoB,EAAE;YACpB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,kBAAkB,EAAE;YAClB,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;SACzB;QACD,kBAAkB,EAAE;YAClB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,kBAAkB,EAAE;YAClB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,cAAc,EAAE;YACd,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,uBAAuB,EAAE;YACvB,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;SACzB;QACD,yBAAyB,EAAE;YACzB,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;SACzB;QACD,yBAAyB,EAAE;YACzB,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,2BAA2B,EAAE;YAC3B,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;SACzB;QACD,wBAAwB,EAAE;YACxB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,0BAA0B,EAAE;YAC1B,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;KACF;IACD,aAAa,EAAE;QACb,gBAAgB,EAAE;YAChB,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;SACzB;QACD,iBAAiB,EAAE;YACjB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,qBAAqB,EAAE;YACrB,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,4BAA4B,EAAE;YAC5B,MAAM,EAAE,oBAAoB;YAC5B,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,oBAAoB;YAC3B,KAAK,EAAE,oBAAoB,EAAE,oBAAoB;SAClD;KACF;IACD,UAAU,EAAE;QACV,YAAY,EAAE;YACZ,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,sBAAsB,EAAE;YACtB,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;KACF;IACD,QAAQ,EAAE;QACR,uBAAuB,EAAE;YACvB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;KACF;IACD,SAAS,EAAE;QACT,mBAAmB,EAAE;YACnB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,mBAAmB,EAAE;YACnB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,eAAe,EAAE;YACf,MAAM,EAAE,qBAAqB;YAC7B,MAAM,EAAE,qBAAqB;YAC7B,KAAK,EAAE,2BAA2B;YAClC,KAAK,EAAE,2BAA2B,EAAE,kBAAkB;SACvD;KACF;IACD,UAAU,EAAE;QACV,aAAa,EAAE;YACb,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,kBAAkB,EAAE;YAClB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;KACF;IACD,KAAK,EAAE;QACL,aAAa,EAAE;YACb,MAAM,EAAE,uBAAuB;YAC/B,MAAM,EAAE,uBAAuB;YAC/B,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,uBAAuB,EAAE,mBAAmB;SACpD;KACF;IACD,OAAO,EAAE;QACP,UAAU,EAAE;YACV,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,mBAAmB,EAAE;YACnB,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,mBAAmB,EAAE;YACnB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;KACF;IACD,KAAK,EAAE;QACL,cAAc,EAAE;YACd,MAAM,EAAE,yBAAyB;YACjC,MAAM,EAAE,yBAAyB;YACjC,KAAK,EAAE,2BAA2B;YAClC,KAAK,EAAE,2BAA2B,EAAE,kBAAkB;SACvD;QACD,kBAAkB,EAAE;YAClB,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,yBAAyB;YACjC,MAAM,EAAE,yBAAyB;YACjC,KAAK,EAAE,0BAA0B;YACjC,KAAK,EAAE,0BAA0B,EAAE,oBAAoB;SACxD;QACD,oBAAoB,EAAE;YACpB,MAAM,EAAE,YAAY;YACpB,MAAM,EAAE,YAAY;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;QACD,aAAa,EAAE;YACb,MAAM,EAAE,0BAA0B;YAClC,MAAM,EAAE,0BAA0B;YAClC,KAAK,EAAE,2BAA2B;YAClC,KAAK,EAAE,2BAA2B,EAAE,mBAAmB;SACxD;QACD,iBAAiB,EAAE;YACjB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,0BAA0B;YAClC,MAAM,EAAE,0BAA0B;YAClC,KAAK,EAAE,0BAA0B;YACjC,KAAK,EAAE,0BAA0B,EAAE,qBAAqB;SACzD;QACD,oBAAoB,EAAE;YACpB,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;SACrB;KACF;IACD,IAAI,EAAE;QACJ,eAAe,EAAE;YACf,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;SACzB;QACD,iBAAiB,EAAE;YACjB,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;SACzB;QACD,iBAAiB,EAAE;YACjB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,mBAAmB,EAAE;YACnB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;SACnB;QACD,aAAa,EAAE;YACb,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,eAAe,EAAE;YACf,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;QACD,eAAe,EAAE;YACf,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;SACrB;QACD,iBAAiB,EAAE;YACjB,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;SACrB;QACD,eAAe,EAAE;YACf,MAAM,EAAE,YAAY;YACpB,MAAM,EAAE,YAAY;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;QACD,iBAAiB,EAAE;YACjB,MAAM,EAAE,YAAY;YACpB,MAAM,EAAE,YAAY;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/component.ts"],"names":[],"mappings":"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"}
package/dist/types/components/Button/Button.styled.d.ts CHANGED
@@ -893,7 +893,7 @@ export declare const iconStyle: ({ size, hasIconOnly, }: Pick<CustomButtonProps,
893
893
  export declare const CustomButton: import("@emotion/styled").StyledComponent<{
894
894
  children?: import("react").ReactNode;
895
895
  classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
896
- color?: "inherit" | "primary" | "secondary" | "success" | "info" | "warning" | "error" | undefined;
896
+ color?: "success" | "info" | "warning" | "error" | "primary" | "secondary" | "inherit" | undefined;
897
897
  disabled?: boolean | undefined;
898
898
  disableElevation?: boolean | undefined;
899
899
  disableFocusRipple?: boolean | undefined;
@@ -903,7 +903,7 @@ export declare const CustomButton: import("@emotion/styled").StyledComponent<{
903
903
  size?: "small" | "medium" | "large" | undefined;
904
904
  startIcon?: import("react").ReactNode;
905
905
  sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
906
- variant?: "outlined" | "text" | "contained" | undefined;
906
+ variant?: "text" | "outlined" | "contained" | undefined;
907
907
  } & Omit<{
908
908
  action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
909
909
  centerRipple?: boolean | undefined;
@@ -922,5 +922,5 @@ export declare const CustomButton: import("@emotion/styled").StyledComponent<{
922
922
  touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
923
923
  }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
924
924
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
925
- }, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomButtonProps, {}, {}>;
925
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "tabIndex" | "color" | "action" | "href" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomButtonProps, {}, {}>;
926
926
  export {};
package/dist/types/components/Chip/Chip.styled.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const StyledOutlinedChip: import("@emotion/styled").StyledCompone
6
6
  children?: null | undefined;
7
7
  classes?: Partial<import("@mui/material").ChipClasses> | undefined;
8
8
  clickable?: boolean | undefined;
9
- color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
9
+ color?: "success" | "info" | "warning" | "error" | "default" | "primary" | "secondary" | undefined;
10
10
  deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
11
11
  disabled?: boolean | undefined;
12
12
  icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -16,16 +16,16 @@ export declare const StyledOutlinedChip: import("@emotion/styled").StyledCompone
16
16
  skipFocusWhenDisabled?: boolean | undefined;
17
17
  sx?: import("@mui/material").SxProps<Theme> | undefined;
18
18
  tabIndex?: number | undefined;
19
- variant?: "outlined" | "filled" | undefined;
19
+ variant?: "filled" | "outlined" | undefined;
20
20
  } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
21
21
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
22
- }, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & OutlinedChipProps, {}, {}>;
22
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & OutlinedChipProps, {}, {}>;
23
23
  export declare const StyledContainedChipBase: import("@emotion/styled").StyledComponent<{
24
24
  avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
25
25
  children?: null | undefined;
26
26
  classes?: Partial<import("@mui/material").ChipClasses> | undefined;
27
27
  clickable?: boolean | undefined;
28
- color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
28
+ color?: "success" | "info" | "warning" | "error" | "default" | "primary" | "secondary" | undefined;
29
29
  deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
30
30
  disabled?: boolean | undefined;
31
31
  icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -35,16 +35,16 @@ export declare const StyledContainedChipBase: import("@emotion/styled").StyledCo
35
35
  skipFocusWhenDisabled?: boolean | undefined;
36
36
  sx?: import("@mui/material").SxProps<Theme> | undefined;
37
37
  tabIndex?: number | undefined;
38
- variant?: "outlined" | "filled" | undefined;
38
+ variant?: "filled" | "outlined" | undefined;
39
39
  } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
40
40
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
41
- }, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
41
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
42
42
  export declare const StyledContainedChipEnable: import("@emotion/styled").StyledComponent<{
43
43
  avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
44
44
  children?: null | undefined;
45
45
  classes?: Partial<import("@mui/material").ChipClasses> | undefined;
46
46
  clickable?: boolean | undefined;
47
- color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
47
+ color?: "success" | "info" | "warning" | "error" | "default" | "primary" | "secondary" | undefined;
48
48
  deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
49
49
  disabled?: boolean | undefined;
50
50
  icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -54,16 +54,16 @@ export declare const StyledContainedChipEnable: import("@emotion/styled").Styled
54
54
  skipFocusWhenDisabled?: boolean | undefined;
55
55
  sx?: import("@mui/material").SxProps<Theme> | undefined;
56
56
  tabIndex?: number | undefined;
57
- variant?: "outlined" | "filled" | undefined;
57
+ variant?: "filled" | "outlined" | undefined;
58
58
  } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
59
59
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
60
- }, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps & EnableContainedChipProps, {}, {}>;
60
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps & EnableContainedChipProps, {}, {}>;
61
61
  export declare const StyledContainedChipDeletable: import("@emotion/styled").StyledComponent<{
62
62
  avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
63
63
  children?: null | undefined;
64
64
  classes?: Partial<import("@mui/material").ChipClasses> | undefined;
65
65
  clickable?: boolean | undefined;
66
- color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
66
+ color?: "success" | "info" | "warning" | "error" | "default" | "primary" | "secondary" | undefined;
67
67
  deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
68
68
  disabled?: boolean | undefined;
69
69
  icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -73,7 +73,7 @@ export declare const StyledContainedChipDeletable: import("@emotion/styled").Sty
73
73
  skipFocusWhenDisabled?: boolean | undefined;
74
74
  sx?: import("@mui/material").SxProps<Theme> | undefined;
75
75
  tabIndex?: number | undefined;
76
- variant?: "outlined" | "filled" | undefined;
76
+ variant?: "filled" | "outlined" | undefined;
77
77
  } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
78
78
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
79
- }, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
79
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
package/dist/types/components/Dialog/Dialog.d.ts CHANGED
@@ -27,7 +27,7 @@ export interface PassiveDialogType extends DialogBase {
27
27
  export interface ActionDialogType extends DialogBase {
28
28
  type: "action";
29
29
  actions: React.ReactNode;
30
- enableBackButtonClose?: boolean;
30
+ enableBackButtonClose?: false;
31
31
  enableBackdropClose?: boolean;
32
32
  }
33
33
  export interface PassiveModalProps extends PassiveDialogType {
package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts CHANGED
@@ -6,7 +6,7 @@ type CustomToggleButtonProps = ToggleButtonProps & {
6
6
  export declare const CustomToggleButton: import("@emotion/styled").StyledComponent<{
7
7
  children?: import("react").ReactNode;
8
8
  classes?: Partial<import("@mui/material").ToggleButtonClasses> | undefined;
9
- color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "standard" | undefined;
9
+ color?: "success" | "info" | "warning" | "error" | "standard" | "primary" | "secondary" | undefined;
10
10
  disabled?: boolean | undefined;
11
11
  disableFocusRipple?: boolean | undefined;
12
12
  fullWidth?: boolean | undefined;
@@ -34,7 +34,7 @@ export declare const CustomToggleButton: import("@emotion/styled").StyledCompone
34
34
  touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
35
35
  }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
36
36
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
37
- }, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "value" | "disableFocusRipple" | "fullWidth" | "size" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps, {}, {}>;
37
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "tabIndex" | "color" | "onChange" | "onClick" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps, {}, {}>;
38
38
  export declare const IconAndChildrenWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
39
39
  export declare const IconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
40
40
  hasIconOnly: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lunit/design-system",
3
- "version": "2.0.0",
3
+ "version": "2.0.2",
4
4
  "description": "Lunit Design System",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/index.js",
package/src/components/Checkbox/Checkbox.tsx CHANGED
@@ -41,8 +41,8 @@ const CheckedIcon = () => {
41
41
  fill="none"
42
42
  >
43
43
  <path
44
- fill-rule="evenodd"
45
- clip-rule="evenodd"
44
+ fillRule="evenodd"
45
+ clipRule="evenodd"
46
46
  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"
47
47
  fill="#00C9EA"
48
48
  />
@@ -60,8 +60,8 @@ const IndeterminateIcon = () => {
60
60
  fill="none"
61
61
  >
62
62
  <path
63
- fill-rule="evenodd"
64
- clip-rule="evenodd"
63
+ fillRule="evenodd"
64
+ clipRule="evenodd"
65
65
  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"
66
66
  fill="#00C9EA"
67
67
  />
package/src/components/Dialog/Dialog.styled.ts CHANGED
@@ -20,47 +20,49 @@ const DIALOG_WRAPPER_STYLE: DialogElementStyle = {
20
20
  },
21
21
  modal: {
22
22
  position: "relative",
23
- boxShadow:
24
- "0px 12px 24px 8px rgba(0, 0, 0, 0.12), 0px 12px 44px 3px rgba(0, 0, 0, 0.18)",
25
23
  },
26
24
  nonModal: {
27
25
  position: "fixed",
28
26
  top: "30px",
29
27
  right: "30px",
30
- boxShadow:
31
- "0px 12px 24px 8px rgba(0, 0, 0, 0.36), 0px 12px 44px 3px rgba(0, 0, 0, 0.48)",
32
28
  },
33
29
  };
34
30
 
35
31
  const DIALOG_TITLE_STYLE: DialogElementStyle = {
36
32
  small: {
33
+ display: "flex",
34
+ alignItems: "center",
37
35
  height: "52px",
38
36
  maxHeight: "100%",
39
- padding: "20px 20px 8px 20px",
37
+ padding: "20px 20px 4px 20px", // Title's X button pluses 2px to paddingTop and Bottom
40
38
  },
41
39
  medium: {
40
+ display: "flex",
41
+ alignItems: "center",
42
42
  height: "64px",
43
43
  maxHeight: "100%",
44
- padding: "30px 32px 6px 32px",
44
+ padding: "30px 32px 6px 32px", // Title's X button pluses 2px to paddingTop and Bottom
45
45
  },
46
46
  };
47
47
 
48
48
  const DIALOG_CONTENT_STYLE: DialogElementStyle = {
49
49
  small: {
50
50
  paddingInline: "20px calc(20px - 10px)",
51
+ paddingTop: "8px",
51
52
  paddingBottom: "28px",
52
53
  },
53
54
  smallAction: {
54
55
  paddingInline: "20px calc(20px - 10px)",
55
- paddingBottom: "8px",
56
+ paddingBlock: "8px",
56
57
  },
57
58
  medium: {
58
59
  paddingInline: "32px calc(32px - 14px)",
60
+ paddingTop: "16px",
59
61
  paddingBottom: "32px",
60
62
  },
61
63
  mediumAction: {
62
64
  paddingInline: "32px calc(32px - 14px)",
63
- paddingBottom: "16px",
65
+ paddingBlock: "16px",
64
66
  },
65
67
  };
66
68
 
@@ -154,8 +156,13 @@ export const StyledDialogTitleIconWrapper = styled("div")({
154
156
  justifyContent: "center",
155
157
  width: "20px",
156
158
  height: "20px",
157
- position: "relative",
158
- marginBottom: "1px",
159
+ "& .MuiSvgIcon-root": {
160
+ display: "flex",
161
+ justifyContent: "center",
162
+ width: "20px",
163
+ height: "20px",
164
+ fontSize: "20px",
165
+ },
159
166
  });
160
167
 
161
168
  export const StyledDialogContent = styled("div")(({ theme }) => ({
package/src/components/Dialog/Dialog.tsx CHANGED
@@ -26,7 +26,7 @@ export interface DialogBase {
26
26
  titleVariant?: TypographyProps["variant"];
27
27
  children: React.ReactNode;
28
28
  actions?: React.ReactNode;
29
- enableBackButtonClose?: boolean;
29
+ enableBackButtonClose?: boolean; // only for passive dialog
30
30
  enableBackdropClose?: boolean;
31
31
  size?: "small" | "medium"; // default "small"
32
32
  sx?: SxProps;
@@ -43,7 +43,7 @@ export interface PassiveDialogType extends DialogBase {
43
43
  export interface ActionDialogType extends DialogBase {
44
44
  type: "action";
45
45
  actions: React.ReactNode;
46
- enableBackButtonClose?: boolean;
46
+ enableBackButtonClose?: false;
47
47
  enableBackdropClose?: boolean;
48
48
  }
49
49
 
@@ -71,7 +71,6 @@ function Dialog(props: DialogProps) {
71
71
 
72
72
  const isActionModal = type === "action" && !nonModal;
73
73
  const isPassiveModal = type === "passive" && !nonModal;
74
- const isActionNonModal = type === "action" && nonModal;
75
74
 
76
75
  function handleBackdropClose(e: React.MouseEvent<HTMLDivElement>) {
77
76
  const isClosable =
@@ -84,12 +83,7 @@ function Dialog(props: DialogProps) {
84
83
  }
85
84
 
86
85
  useEffect(() => {
87
- const isClosable =
88
- isOpen &&
89
- (isPassiveModal ||
90
- (isActionModal && props.enableBackdropClose) ||
91
- (isActionNonModal && props.enableBackButtonClose));
92
-
86
+ const isClosable = isOpen && isPassiveModal;
93
87
  if (!isClosable) return;
94
88
 
95
89
  function handleEscClose(event: KeyboardEvent) {
@@ -152,7 +146,7 @@ function DialogBase({ dialogProps }: { dialogProps: DialogBase }) {
152
146
  ...sx,
153
147
  }}
154
148
  style={style}
155
- className={`dialog ${className ?? ""}`}
149
+ className={`dialog elevation2 ${className ?? ""}`}
156
150
  >
157
151
  <StyledDialogTitle id="dialog-title" className="dialog-title-wrapper">
158
152
  {titleIcon && (
package/src/components/Dialog/components/DialogAction.tsx CHANGED
@@ -12,7 +12,7 @@ const StyledDialogActions = styled("div")({
12
12
  flex: "0 0 auto",
13
13
  alignItems: "center",
14
14
  justifyContent: "flex-end",
15
- gap: 8,
15
+ gap: 12,
16
16
  });
17
17
 
18
18
  export function DialogAction(props: DialogActionProps) {
package/src/components/Radio/Radio.tsx CHANGED
@@ -28,8 +28,8 @@ const DefaultIcon = () => {
28
28
  fill="none"
29
29
  >
30
30
  <path
31
- fill-rule="evenodd"
32
- clip-rule="evenodd"
31
+ fillRule="evenodd"
32
+ clipRule="evenodd"
33
33
  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"
34
34
  fill="#99999B"
35
35
  />
@@ -47,8 +47,8 @@ const CheckedIcon = () => {
47
47
  fill="none"
48
48
  >
49
49
  <path
50
- fill-rule="evenodd"
51
- clip-rule="evenodd"
50
+ fillRule="evenodd"
51
+ clipRule="evenodd"
52
52
  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"
53
53
  fill="#00C9EA"
54
54
  />