fone-design-system_v2 1.0.67 → 1.0.68

package/dist/components/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { ButtonProps as MuiButtonProps } from '@mui/material';
 export interface ButtonProps extends Omit<MuiButtonProps<"button">, "color" | "size"> {
-    classsName?: any;
+    className?: any;
     /** 자식 요소<br/>: 버튼 내에 포함될 내용 */
     children?: React.ReactNode;
     /** 색상 설정<br/>: 버튼 색상 */

package/dist/fone-design-system.es.js

@@ -17964,7 +17964,7 @@ const Zn = pe.forwardRef(
       // width: "100% !important",
       height: "2.4rem",
       padding: "0 0.6rem",
-      fontSize: "var(--ds-font-size-sm) !important",
+      fontSize: "1.4rem !important",
       ...l.startIcon && {
         paddingLeft: "1rem",
         paddingRight: "1rem"
@@ -54417,7 +54417,7 @@ const MAe = "data:image/svg+xml,%3csvg%20width='36'%20height='34'%20viewBox='0%2
   display: "flex",
   flexDirection: "column",
   height: "100%",
-  gap: "1.2rem",
+  gap: "1rem",
   backgroundColor: "#fff"
 }), vde = ke(P3)({
   alignItems: "center",
@@ -54425,7 +54425,7 @@ const MAe = "data:image/svg+xml,%3csvg%20width='36'%20height='34'%20viewBox='0%2
 }), yde = ke("div")({
   display: "flex",
   alignItems: "center",
-  gap: 8
+  gap: "0.4rem"
 }), bde = ke("h2")({
   margin: 0,
   fontSize: "var(--ds-table-title-font-size)",
@@ -54433,7 +54433,7 @@ const MAe = "data:image/svg+xml,%3csvg%20width='36'%20height='34'%20viewBox='0%2
 }), Cde = ke("div")({
   display: "flex",
   alignItems: "center",
-  gap: 8
+  gap: "var(--ds-table-buttons-space-base)"
 }), wde = ke("div")({
   height: "4.8rem",
   backgroundColor: "var(--ds-color-gray-25)",
@@ -58591,46 +58591,46 @@ const rfe = ({
         /* @__PURE__ */ Se(
           "svg",
           {
-            width: "20",
-            height: "20",
-            viewBox: "0 0 20 22",
+            width: "22",
+            height: "24",
+            viewBox: "0 0 22 24",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             children: [
               /* @__PURE__ */ T(
                 "path",
                 {
-                  d: "M6.17576 21.8775L0.884971 19.3548C0.345741 19.0955 0 18.548 0 17.9462V7.2375C0 6.3219 0.945237 5.71683 1.7636 6.1106L7.05439 8.6333C7.59362 8.89262 7.93936 9.44006 7.93936 10.0419V20.7506C7.93936 21.6662 6.99412 22.2713 6.17576 21.8775Z",
+                  d: "M7.08211 23.8664L1.01485 21.1144C0.396482 20.8315 0 20.2342 0 19.5777V7.8955C0 6.89667 1.08396 6.23659 2.02243 6.66616L8.08969 9.41819C8.70806 9.70109 9.10454 10.2983 9.10454 10.9548V22.6371C9.10454 23.6359 8.02058 24.296 7.08211 23.8664Z",
                   fill: "#F83A3A",
-                  fillOpacity: "0.6"
+                  "fill-opacity": "0.6"
                 }
               ),
               /* @__PURE__ */ T(
                 "path",
                 {
-                  d: "M11.7969 18.8846L6.50606 16.3619C5.96684 16.1026 5.62109 15.5551 5.62109 14.9533V4.2414C5.62109 3.3258 6.56633 2.72074 7.38469 3.11451L12.6755 5.63721C13.2147 5.89652 13.5605 6.44396 13.5605 7.04583V17.7545C13.5605 18.6701 12.6152 19.2752 11.7969 18.8814V18.8846Z",
+                  d: "M13.5282 20.6013L7.46089 17.8493C6.84254 17.5664 6.44604 16.9692 6.44604 16.3126V4.62694C6.44604 3.6281 7.53001 2.96804 8.46847 3.3976L14.5358 6.14964C15.1541 6.43252 15.5506 7.02973 15.5506 7.68632V19.3685C15.5506 20.3673 14.4666 21.0274 13.5282 20.5978V20.6013Z",
                   fill: "#4A6DFD"
                 }
               ),
               /* @__PURE__ */ T(
                 "path",
                 {
-                  d: "M17.4209 15.8924L12.1301 13.3697C11.5909 13.1104 11.2451 12.563 11.2451 11.9611V1.24921C11.2451 0.333616 12.1904 -0.271448 13.0087 0.122323L18.2995 2.64502C18.8387 2.90434 19.1845 3.45178 19.1845 4.05364V14.7623C19.1845 15.6779 18.2392 16.283 17.4209 15.8892V15.8924Z",
+                  d: "M19.9776 17.3372L13.9103 14.5851C13.292 14.3023 12.8954 13.7051 12.8954 13.0485V1.36277C12.8954 0.363945 13.9794 -0.296125 14.9178 0.133443L20.9851 2.88548C21.6035 3.16837 22 3.76558 22 4.42215V16.1043C22 17.1032 20.916 17.7633 19.9776 17.3337V17.3372Z",
                   fill: "#1D3475",
-                  fillOpacity: "0.8"
+                  "fill-opacity": "0.8"
                 }
               ),
               /* @__PURE__ */ T(
                 "path",
                 {
-                  d: "M7.05457 8.62916L5.62402 7.94727V14.9487C5.62402 15.5506 5.96976 16.1012 6.50899 16.3573L7.93954 17.0392V10.041C7.93954 9.43912 7.5938 8.88848 7.05457 8.63236V8.62916Z",
+                  d: "M8.0899 9.41368L6.4494 8.6698V16.3077C6.4494 16.9643 6.84588 17.565 7.46425 17.8444L9.10475 18.5883V10.9539C9.10475 10.2973 8.70827 9.69657 8.0899 9.41717V9.41368Z",
                   fill: "#5652FF"
                 }
               ),
               /* @__PURE__ */ T(
                 "path",
                 {
-                  d: "M12.6757 5.63698L11.2451 4.95508V11.9565C11.2451 12.5584 11.5909 13.109 12.1301 13.3651L13.5606 14.047V7.04879C13.5606 6.44693 13.2149 5.89629 12.6757 5.64018V5.63698Z",
+                  d: "M14.536 6.14941L12.8954 5.40552V13.0434C12.8954 13.7 13.292 14.3007 13.9103 14.5801L15.5507 15.324V7.68956C15.5507 7.03299 15.1543 6.43229 14.536 6.1529V6.14941Z",
                   fill: "#365DEA"
                 }
               )
@@ -58644,7 +58644,7 @@ const rfe = ({
           Zn,
           {
             variant: "outlined",
-            size: "xsmall",
+            size: "xxsmall",
             iconOnly: !0,
             onClick: P,
             children: /* @__PURE__ */ T(Lg, { fontSize: "small" })
@@ -58654,7 +58654,7 @@ const rfe = ({
           Zn,
           {
             variant: "outlined",
-            size: "xsmall",
+            size: "xxsmall",
             iconOnly: !0,
             onClick: () => {
               k({
@@ -58681,7 +58681,7 @@ const rfe = ({
           Zn,
           {
             variant: "outlined",
-            size: "xsmall",
+            size: "xxsmall",
             iconOnly: !0,
             onClick: () => {
               var B;
@@ -58695,7 +58695,7 @@ const rfe = ({
           Zn,
           {
             variant: "outlined",
-            size: "xsmall",
+            size: "xxsmall",
             iconOnly: !0,
             onClick: () => {
               var B;
@@ -59359,8 +59359,17 @@ const rfe = ({
             message: "저장하시겠습니까?"
           });
         },
-        startIcon: /* @__PURE__ */ T(cO, { style: { fontSize: "2rem" } }),
-        size: "xsmall",
+        startIcon: /* @__PURE__ */ T(
+          cO,
+          {
+            sx: {
+              "&": {
+                fontSize: "1.4rem !important"
+              }
+            }
+          }
+        ),
+        size: "xxsmall",
         variant: "contained",
         type: "button",
         children: "저장"
@@ -59391,46 +59400,46 @@ const rfe = ({
       /* @__PURE__ */ Se(
         "svg",
         {
-          width: "20",
-          height: "20",
-          viewBox: "0 0 20 22",
+          width: "22",
+          height: "24",
+          viewBox: "0 0 22 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           children: [
             /* @__PURE__ */ T(
               "path",
               {
-                d: "M6.17576 21.8775L0.884971 19.3548C0.345741 19.0955 0 18.548 0 17.9462V7.2375C0 6.3219 0.945237 5.71683 1.7636 6.1106L7.05439 8.6333C7.59362 8.89262 7.93936 9.44006 7.93936 10.0419V20.7506C7.93936 21.6662 6.99412 22.2713 6.17576 21.8775Z",
+                d: "M7.08211 23.8664L1.01485 21.1144C0.396482 20.8315 0 20.2342 0 19.5777V7.8955C0 6.89667 1.08396 6.23659 2.02243 6.66616L8.08969 9.41819C8.70806 9.70109 9.10454 10.2983 9.10454 10.9548V22.6371C9.10454 23.6359 8.02058 24.296 7.08211 23.8664Z",
                 fill: "#F83A3A",
-                fillOpacity: "0.6"
+                "fill-opacity": "0.6"
               }
             ),
             /* @__PURE__ */ T(
               "path",
               {
-                d: "M11.7969 18.8846L6.50606 16.3619C5.96684 16.1026 5.62109 15.5551 5.62109 14.9533V4.2414C5.62109 3.3258 6.56633 2.72074 7.38469 3.11451L12.6755 5.63721C13.2147 5.89652 13.5605 6.44396 13.5605 7.04583V17.7545C13.5605 18.6701 12.6152 19.2752 11.7969 18.8814V18.8846Z",
+                d: "M13.5282 20.6013L7.46089 17.8493C6.84254 17.5664 6.44604 16.9692 6.44604 16.3126V4.62694C6.44604 3.6281 7.53001 2.96804 8.46847 3.3976L14.5358 6.14964C15.1541 6.43252 15.5506 7.02973 15.5506 7.68632V19.3685C15.5506 20.3673 14.4666 21.0274 13.5282 20.5978V20.6013Z",
                 fill: "#4A6DFD"
               }
             ),
             /* @__PURE__ */ T(
               "path",
               {
-                d: "M17.4209 15.8924L12.1301 13.3697C11.5909 13.1104 11.2451 12.563 11.2451 11.9611V1.24921C11.2451 0.333616 12.1904 -0.271448 13.0087 0.122323L18.2995 2.64502C18.8387 2.90434 19.1845 3.45178 19.1845 4.05364V14.7623C19.1845 15.6779 18.2392 16.283 17.4209 15.8892V15.8924Z",
+                d: "M19.9776 17.3372L13.9103 14.5851C13.292 14.3023 12.8954 13.7051 12.8954 13.0485V1.36277C12.8954 0.363945 13.9794 -0.296125 14.9178 0.133443L20.9851 2.88548C21.6035 3.16837 22 3.76558 22 4.42215V16.1043C22 17.1032 20.916 17.7633 19.9776 17.3337V17.3372Z",
                 fill: "#1D3475",
-                fillOpacity: "0.8"
+                "fill-opacity": "0.8"
               }
             ),
             /* @__PURE__ */ T(
               "path",
               {
-                d: "M7.05457 8.62916L5.62402 7.94727V14.9487C5.62402 15.5506 5.96976 16.1012 6.50899 16.3573L7.93954 17.0392V10.041C7.93954 9.43912 7.5938 8.88848 7.05457 8.63236V8.62916Z",
+                d: "M8.0899 9.41368L6.4494 8.6698V16.3077C6.4494 16.9643 6.84588 17.565 7.46425 17.8444L9.10475 18.5883V10.9539C9.10475 10.2973 8.70827 9.69657 8.0899 9.41717V9.41368Z",
                 fill: "#5652FF"
               }
             ),
             /* @__PURE__ */ T(
               "path",
               {
-                d: "M12.6757 5.63698L11.2451 4.95508V11.9565C11.2451 12.5584 11.5909 13.109 12.1301 13.3651L13.5606 14.047V7.04879C13.5606 6.44693 13.2149 5.89629 12.6757 5.64018V5.63698Z",
+                d: "M14.536 6.14941L12.8954 5.40552V13.0434C12.8954 13.7 13.292 14.3007 13.9103 14.5801L15.5507 15.324V7.68956C15.5507 7.03299 15.1543 6.43229 14.536 6.1529V6.14941Z",
                 fill: "#365DEA"
               }
             )