@dartcom/ui-kit 10.2.4 → 10.2.6

package/dist/components/buttons/delete/delete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delete.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/delete/delete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAW5C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqF7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"delete.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/delete/delete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAW5C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmF7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/buttons/delete/delete.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delete.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/delete/delete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAYnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC"}
+{"version":3,"file":"delete.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/delete/delete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CASnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC"}

package/dist/components/buttons/icon/constants.d.ts

@@ -11,5 +11,8 @@ export declare const icons: {
     save: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
         muiName: string;
     };
+    delete: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/buttons/icon/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/constants.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAKjB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;CAMjB,CAAC"}

package/dist/components/buttons/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuCzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwCzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/buttons/icon/icon.stories.d.ts

@@ -11,4 +11,6 @@ export declare const Move: Story;
 export declare const MoveWithTitle: Story;
 export declare const Reset: Story;
 export declare const ResetWithTitle: Story;
+export declare const Delete: Story;
+export declare const DeleteWithTitle: Story;
 //# sourceMappingURL=icon.stories.d.ts.map

package/dist/components/buttons/icon/icon.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAE/B,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAWjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC"}
+{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAE/B,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CASjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC"}

package/dist/index.cjs

@@ -12003,6 +12003,30 @@ const Button = (props) => {
         }, loading: loading, loadingPosition: "start", variant: variant, ...restProps, children: children }));
 };
 
+const icons = {
+    reset: RestartAltIcon,
+    edit: EditIcon,
+    move: MovingIcon,
+    save: SaveIcon,
+    delete: DeleteIcon,
+};
+
+const IconButton = ({ title, iconProps, ...props }) => {
+    const buttonId = React__namespace.useId();
+    const Icon = icons[iconProps.name];
+    const iconColor = iconProps.color ?? 'primary';
+    if (title) {
+        return (jsxRuntime.jsx(material.Tooltip, { title: title, children: jsxRuntime.jsx(material.IconButton, { id: buttonId, ...props, onClick: (event) => {
+                    event.stopPropagation();
+                    props.onClick?.(event);
+                }, children: jsxRuntime.jsx(Icon, { fontSize: "medium", color: iconColor }) }) }));
+    }
+    return (jsxRuntime.jsx(material.IconButton, { id: buttonId, ...props, onClick: (event) => {
+            event.stopPropagation();
+            props.onClick?.(event);
+        }, children: jsxRuntime.jsx(Icon, { fontSize: "medium", color: iconColor }) }));
+};
+
 const Transition = React__namespace.forwardRef(function Transition(props, ref) {
     return jsxRuntime.jsx(material.Slide, { direction: "up", ref: ref, ...props });
 });
@@ -12015,13 +12039,13 @@ const DeleteButton = ({ notification, onDelete, }) => {
     const handleCloseNotification = () => {
         setOpenNotification(false);
     };
-    return (jsxRuntime.jsxs(React__namespace.Fragment, { children: [notification ? (jsxRuntime.jsx(material.Tooltip, { title: notification.title, children: jsxRuntime.jsx(material.IconButton, { onClick: (event) => {
-                        event.stopPropagation();
-                        handleOpenNotification();
-                    }, children: jsxRuntime.jsx(DeleteIcon, { fontSize: "small", color: "error" }) }) })) : (jsxRuntime.jsx(material.IconButton, { onClick: (event) => {
-                    event.stopPropagation();
-                    onDelete();
-                }, children: jsxRuntime.jsx(DeleteIcon, { fontSize: "small", color: "error" }) })), notification ? (jsxRuntime.jsxs(material.Dialog, { slots: {
+    return (jsxRuntime.jsxs(React__namespace.Fragment, { children: [notification ? (jsxRuntime.jsx(material.Tooltip, { title: notification.title, children: jsxRuntime.jsx(IconButton, { iconProps: {
+                        name: 'delete',
+                        color: 'error',
+                    }, onClick: handleOpenNotification }) })) : (jsxRuntime.jsx(IconButton, { iconProps: {
+                    name: 'delete',
+                    color: 'error',
+                }, onClick: onDelete })), notification ? (jsxRuntime.jsxs(material.Dialog, { slots: {
                     transition: Transition,
                 }, open: openNotification, onClose: handleCloseNotification, children: [jsxRuntime.jsx(material.DialogTitle, { id: `${id}-dialog-title`, children: notification.title }), jsxRuntime.jsx(material.DialogContent, { children: jsxRuntime.jsx(material.DialogContentText, { id: `${id}-dialog-text`, children: notification.description }) }), jsxRuntime.jsxs(material.DialogActions, { children: [jsxRuntime.jsx(material.Button, { variant: "contained", color: "error", sx: {
                                     textTransform: 'none',
@@ -12033,29 +12057,6 @@ const DeleteButton = ({ notification, onDelete, }) => {
                                 }, children: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C" })] })] })) : null] }));
 };
 
-const icons = {
-    reset: RestartAltIcon,
-    edit: EditIcon,
-    move: MovingIcon,
-    save: SaveIcon,
-};
-
-const IconButton = ({ title, iconProps, ...props }) => {
-    const buttonId = React__namespace.useId();
-    const Icon = icons[iconProps.name];
-    const iconColor = iconProps.color ?? 'primary';
-    if (title) {
-        return (jsxRuntime.jsx(material.Tooltip, { title: title, children: jsxRuntime.jsx(material.IconButton, { id: buttonId, ...props, onClick: (event) => {
-                    event.stopPropagation();
-                    props.onClick?.(event);
-                }, children: jsxRuntime.jsx(Icon, { fontSize: "medium", color: iconColor }) }) }));
-    }
-    return (jsxRuntime.jsx(material.IconButton, { id: buttonId, onClick: (event) => {
-            event.stopPropagation();
-            props.onClick?.(event);
-        }, children: jsxRuntime.jsx(Icon, { fontSize: "medium", color: iconColor }) }));
-};
-
 const VisuallyHiddenInput = material.styled('input')({
     clip: 'rect(0 0 0 0)',
     clipPath: 'inset(50%)',