@a-type/ui 1.3.3 → 1.3.4
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/button/Button.stories.d.ts +1 -0
- package/dist/cjs/components/button/Button.stories.js +7 -1
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button/ConfirmedButton.js +3 -1
- package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +1 -0
- package/dist/esm/components/button/Button.stories.js +6 -0
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/ConfirmedButton.js +3 -1
- package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
- package/package.json +2 -1
- package/src/components/button/Button.stories.tsx +15 -0
- package/src/components/button/ConfirmedButton.tsx +8 -1
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
"use strict";
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.Alignment = exports.Toggled = exports.Default = void 0;
|
|
4
|
+
exports.ConfirmedButtonDemo = exports.Alignment = exports.Toggled = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const index_js_1 = require("../icon/index.js");
|
|
8
8
|
const Button_js_1 = require("./Button.js");
|
|
9
|
+
const ConfirmedButton_js_1 = require("./ConfirmedButton.js");
|
|
9
10
|
const meta = {
|
|
10
11
|
title: 'Button',
|
|
11
12
|
component: Button_js_1.Button,
|
|
@@ -31,4 +32,9 @@ exports.Alignment = {
|
|
|
31
32
|
return ((0, jsx_runtime_1.jsxs)("div", { className: "col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "icon-small", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "icon", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) })] })] }));
|
|
32
33
|
},
|
|
33
34
|
};
|
|
35
|
+
exports.ConfirmedButtonDemo = {
|
|
36
|
+
render() {
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(ConfirmedButton_js_1.ConfirmedButton, { confirmText: "Are you sure?", confirmTitle: "Confirm", onConfirm: () => console.log('confirmed'), children: "Confirm" }));
|
|
38
|
+
},
|
|
39
|
+
};
|
|
34
40
|
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,+CAAwC;AACxC,2CAAqC;
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,+CAAwC;AACxC,2CAAqC;AACrC,6DAAuD;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,QAAQ;KAClB;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,OAAO,uBAAC,kBAAM,oBAAK,IAAI,IAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAC3D,CAAC;CACD,CAAC;AAEW,QAAA,SAAS,GAAU;IAC/B,MAAM;QACL,OAAO,CACN,iCAAK,SAAS,EAAC,KAAK,aACnB,iCAAK,SAAS,EAAC,oBAAoB,aAClC,uBAAC,kBAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,uBAAC,kBAAM,IAAC,IAAI,EAAC,YAAY,YACxB,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,EACN,iCAAK,SAAS,EAAC,oBAAoB,aAClC,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,IAAC,IAAI,EAAC,MAAM,YAClB,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACzC,MAAM;QACL,OAAO,CACN,uBAAC,oCAAe,IACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,SAAS,EACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,wBAGxB,CAClB,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -34,7 +34,9 @@ function ConfirmedButton(_a) {
|
|
|
34
34
|
}
|
|
35
35
|
}, [onConfirm]);
|
|
36
36
|
if (skip) {
|
|
37
|
-
return (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest)
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest, { onClick: (ev) => {
|
|
38
|
+
onConfirm();
|
|
39
|
+
} })));
|
|
38
40
|
}
|
|
39
41
|
return ((0, jsx_runtime_1.jsxs)(index_js_1.Dialog, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest)) }), (0, jsx_runtime_1.jsxs)(index_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTitle, { children: confirmTitle }), (0, jsx_runtime_1.jsx)(index_js_2.P, { children: confirmText }), (0, jsx_runtime_1.jsxs)(index_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogClose, { asChild: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: cancelAction }) }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { loading: loading, onClick: confirm, color: confirmColor, children: confirmAction })] })] })] }));
|
|
40
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;AAwBb,
|
|
1
|
+
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;AAwBb,0CAoDC;;AA1ED,iCAA8C;AAC9C,iDAO4B;AAC5B,qDAA2C;AAC3C,2CAAkD;AAYlD,SAAgB,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,uBAAC,kBAAM,oBACF,IAAI,IACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,wBAAC,iBAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,uBAAC,wBAAa,IAAC,OAAO,kBACrB,uBAAC,kBAAM,oBAAK,IAAI,EAAI,GACL,EAChB,wBAAC,wBAAa,eACb,uBAAC,sBAAW,cAAE,YAAY,GAAe,EACzC,uBAAC,YAAC,cAAE,WAAW,GAAK,EACpB,wBAAC,wBAAa,eACb,uBAAC,sBAAW,IAAC,OAAO,kBACnB,uBAAC,kBAAM,cAAE,YAAY,GAAU,GAClB,EACd,uBAAC,kBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,YAC7D,aAAa,GACN,IACM,IACD,IACR,CACT,CAAC;AACH,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { Icon } from '../icon/index.js';
|
|
5
5
|
import { Button } from './Button.js';
|
|
6
|
+
import { ConfirmedButton } from './ConfirmedButton.js';
|
|
6
7
|
const meta = {
|
|
7
8
|
title: 'Button',
|
|
8
9
|
component: Button,
|
|
@@ -28,4 +29,9 @@ export const Alignment = {
|
|
|
28
29
|
return (_jsxs("div", { className: "col", children: [_jsxs("div", { className: "row border-default", children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "icon-small", children: _jsx(Icon, { name: "placeholder" }) })] }), _jsxs("div", { className: "row border-default", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { size: "icon", children: _jsx(Icon, { name: "placeholder" }) })] })] }));
|
|
29
30
|
},
|
|
30
31
|
};
|
|
32
|
+
export const ConfirmedButtonDemo = {
|
|
33
|
+
render() {
|
|
34
|
+
return (_jsx(ConfirmedButton, { confirmText: "Are you sure?", confirmTitle: "Confirm", onConfirm: () => console.log('confirmed'), children: "Confirm" }));
|
|
35
|
+
},
|
|
36
|
+
};
|
|
31
37
|
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,QAAQ;KAClB;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,OAAO,KAAC,MAAM,oBAAK,IAAI,IAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAC3D,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC/B,MAAM;QACL,OAAO,CACN,eAAK,SAAS,EAAC,KAAK,aACnB,eAAK,SAAS,EAAC,oBAAoB,aAClC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,KAAC,MAAM,IAAC,IAAI,EAAC,YAAY,YACxB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,EACN,eAAK,SAAS,EAAC,oBAAoB,aAClC,KAAC,MAAM,yBAAgB,EACvB,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,YAClB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACzC,MAAM;QACL,OAAO,CACN,KAAC,eAAe,IACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,SAAS,EACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,wBAGxB,CAClB,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -31,7 +31,9 @@ export function ConfirmedButton(_a) {
|
|
|
31
31
|
}
|
|
32
32
|
}, [onConfirm]);
|
|
33
33
|
if (skip) {
|
|
34
|
-
return _jsx(Button, Object.assign({}, rest)
|
|
34
|
+
return (_jsx(Button, Object.assign({}, rest, { onClick: (ev) => {
|
|
35
|
+
onConfirm();
|
|
36
|
+
} })));
|
|
35
37
|
}
|
|
36
38
|
return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, Object.assign({}, rest)) }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: confirmTitle }), _jsx(P, { children: confirmText }), _jsxs(DialogActions, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: cancelAction }) }), _jsx(Button, { loading: loading, onClick: confirm, color: confirmColor, children: confirmAction })] })] })] }));
|
|
37
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,KAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,KAAC,MAAM,oBACF,IAAI,IACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,aAAa,IAAC,OAAO,kBACrB,KAAC,MAAM,oBAAK,IAAI,EAAI,GACL,EAChB,MAAC,aAAa,eACb,KAAC,WAAW,cAAE,YAAY,GAAe,EACzC,KAAC,CAAC,cAAE,WAAW,GAAK,EACpB,MAAC,aAAa,eACb,KAAC,WAAW,IAAC,OAAO,kBACnB,KAAC,MAAM,cAAE,YAAY,GAAU,GAClB,EACd,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,YAC7D,aAAa,GACN,IACM,IACD,IACR,CACT,CAAC;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@a-type/ui",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"/dist",
|
|
@@ -67,6 +67,7 @@
|
|
|
67
67
|
"color-interpolate": "^1.0.5",
|
|
68
68
|
"color-parse": "^2.0.2",
|
|
69
69
|
"color-space": "^2.0.1",
|
|
70
|
+
"csstype": "^3.1.3",
|
|
70
71
|
"date-fns": "^4.1.0",
|
|
71
72
|
"formik": "^2.4.6",
|
|
72
73
|
"pluralize": "^8.0.0",
|
|
@@ -2,6 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { Icon } from '../icon/index.js';
|
|
4
4
|
import { Button } from './Button.js';
|
|
5
|
+
import { ConfirmedButton } from './ConfirmedButton.js';
|
|
5
6
|
|
|
6
7
|
const meta = {
|
|
7
8
|
title: 'Button',
|
|
@@ -49,3 +50,17 @@ export const Alignment: Story = {
|
|
|
49
50
|
);
|
|
50
51
|
},
|
|
51
52
|
};
|
|
53
|
+
|
|
54
|
+
export const ConfirmedButtonDemo: Story = {
|
|
55
|
+
render() {
|
|
56
|
+
return (
|
|
57
|
+
<ConfirmedButton
|
|
58
|
+
confirmText="Are you sure?"
|
|
59
|
+
confirmTitle="Confirm"
|
|
60
|
+
onConfirm={() => console.log('confirmed')}
|
|
61
|
+
>
|
|
62
|
+
Confirm
|
|
63
|
+
</ConfirmedButton>
|
|
64
|
+
);
|
|
65
|
+
},
|
|
66
|
+
};
|