@modul/mbui 0.0.17-beta-pv-53151-5278b409 → 0.0.18-beta-pv-53214-706f69c2
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/Button/Button.js +2 -2
- package/dist/Button/Button.js.map +1 -1
- package/dist/FavoritePyments/FavoritePaymentsList.d.ts +15 -0
- package/dist/FavoritePyments/FavoritePaymentsList.js +31 -0
- package/dist/FavoritePyments/FavoritePaymentsList.js.map +1 -0
- package/dist/FavoritePyments/index.d.ts +1 -0
- package/dist/FavoritePyments/index.js +9 -0
- package/dist/FavoritePyments/index.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +6 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/Button/Button.tsx +2 -2
- package/src/FavoritePyments/FavoritePaymentsList.tsx +40 -0
- package/src/FavoritePyments/index.ts +1 -0
- package/src/index.ts +8 -1
package/dist/Button/Button.js
CHANGED
|
@@ -17,8 +17,8 @@ const buttonVariants = (0, class_variance_authority_1.cva)('inline-flex justify-
|
|
|
17
17
|
ghost: 'text-btn-ghost bg-btn-ghost hover:bg-btn-ghost-hover focus:bg-btn-ghost-focus active:bg-btn-ghost-active border-transparent',
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
|
-
lg: 'h-[52px] px-[32px] text-[16px] leading-[1.08] rounded-
|
|
21
|
-
md: 'h-[44px] px-[24px] text-[14px] leading-[1.08] rounded-
|
|
20
|
+
lg: 'h-[52px] px-[32px] text-[16px] leading-[1.08] rounded-md',
|
|
21
|
+
md: 'h-[44px] px-[24px] text-[14px] leading-[1.08] rounded-md',
|
|
22
22
|
sm: 'h-[36px] px-[20px] text-[12px] leading-none rounded-[3px]',
|
|
23
23
|
xs: 'h-[28px] px-[12px] text-[11px] leading-none rounded-[2px]',
|
|
24
24
|
xxs: 'h-[20px] px-[8px] text-[9px] leading-none rounded-[2px]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,qDAA2C;AAC3C,uEAAiE;AACjE,0CAAmC;AAEnC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACzB,sNAAsN,EACtN;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,sOAAsO;YACvO,SAAS,EACR,wPAAwP;YACzP,OAAO,EACN,sOAAsO;YACvO,iBAAiB,EAChB,+ZAA+Z;YACha,OAAO,EAAE,sEAAsE;YAC/E,KAAK,EAAE,6HAA6H;SACpI;QACD,IAAI,EAAE;YACL,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,qDAA2C;AAC3C,uEAAiE;AACjE,0CAAmC;AAEnC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACzB,sNAAsN,EACtN;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,sOAAsO;YACvO,SAAS,EACR,wPAAwP;YACzP,OAAO,EACN,sOAAsO;YACvO,iBAAiB,EAChB,+ZAA+Z;YACha,OAAO,EAAE,sEAAsE;YAC/E,KAAK,EAAE,6HAA6H;SACpI;QACD,IAAI,EAAE;YACL,EAAE,EAAE,0DAA0D;YAC9D,EAAE,EAAE,0DAA0D;YAC9D,EAAE,EAAE,2DAA2D;YAC/D,EAAE,EAAE,2DAA2D;YAC/D,GAAG,EAAE,yDAAyD;SAC9D;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACV;CACD,CACD,CAAA;AAwCgB,wCAAc;AAvC/B,MAAM,YAAY,GAAG,IAAA,8BAAG,EACvB,mJAAmJ,EACnJ;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,wHAAwH;SACzH;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAA;AASD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACzC,aAAa;IACb,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAC/G,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,IAAA,UAAE,EAAC,OAAO,CAAC,EACtB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAIQ,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
declare const farvoriteLinkClasses: string;
|
|
3
|
+
declare const FavoritePaymentsList: FC<{
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}>;
|
|
6
|
+
declare const FavoritePaymentsItem: FC<{
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}>;
|
|
9
|
+
interface IProps {
|
|
10
|
+
name: string;
|
|
11
|
+
value: string;
|
|
12
|
+
purpose?: string;
|
|
13
|
+
}
|
|
14
|
+
declare const FarvoritePaymentDescription: FC<IProps>;
|
|
15
|
+
export { FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.farvoriteLinkClasses = exports.FarvoritePaymentDescription = exports.FavoritePaymentsItem = exports.FavoritePaymentsList = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
const farvoriteLinkClasses = `
|
|
7
|
+
block
|
|
8
|
+
px-[20px]
|
|
9
|
+
py-[8px]
|
|
10
|
+
hover:bg-btn-ghost-hover
|
|
11
|
+
focus:bg-btn-ghost-focus
|
|
12
|
+
active:bg-btn-ghost-active
|
|
13
|
+
`;
|
|
14
|
+
exports.farvoriteLinkClasses = farvoriteLinkClasses;
|
|
15
|
+
const FavoritePaymentsList = ({ children }) => {
|
|
16
|
+
return react_1.default.createElement("ul", { className: "didivide-y" }, children);
|
|
17
|
+
};
|
|
18
|
+
exports.FavoritePaymentsList = FavoritePaymentsList;
|
|
19
|
+
const FavoritePaymentsItem = ({ children }) => {
|
|
20
|
+
return react_1.default.createElement("li", null, children);
|
|
21
|
+
};
|
|
22
|
+
exports.FavoritePaymentsItem = FavoritePaymentsItem;
|
|
23
|
+
const FarvoritePaymentDescription = ({ name, value, purpose }) => {
|
|
24
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
25
|
+
react_1.default.createElement("span", { className: "flex" },
|
|
26
|
+
react_1.default.createElement("span", { className: "truncate" }, name),
|
|
27
|
+
react_1.default.createElement("span", { className: "ml-auto font-medium shrink-0" }, value)),
|
|
28
|
+
react_1.default.createElement("span", { className: "block mt-[8px] text-[12px] text-light truncate leading-[1.16]" }, purpose)));
|
|
29
|
+
};
|
|
30
|
+
exports.FarvoritePaymentDescription = FarvoritePaymentDescription;
|
|
31
|
+
//# sourceMappingURL=FavoritePaymentsList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FavoritePaymentsList.js","sourceRoot":"","sources":["../../src/FavoritePyments/FavoritePaymentsList.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AAEjC,MAAM,oBAAoB,GAAW;;;;;;;CAOpC,CAAA;AA8BiF,oDAAoB;AA5BtG,MAAM,oBAAoB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC5E,OAAO,sCAAI,SAAS,EAAC,YAAY,IAAE,QAAQ,CAAM,CAAA;AAClD,CAAC,CAAA;AA0BQ,oDAAoB;AAxB7B,MAAM,oBAAoB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC5E,OAAO,0CAAK,QAAQ,CAAM,CAAA;AAC3B,CAAC,CAAA;AAsB8B,oDAAoB;AAdnD,MAAM,2BAA2B,GAAe,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAC,EAAE,EAAE;IAC1E,OAAO,CACN;QACC,wCAAM,SAAS,EAAC,MAAM;YACrB,wCAAM,SAAS,EAAC,UAAU,IAAE,IAAI,CAAQ;YACxC,wCAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ,CACvD;QACP,wCAAM,SAAS,EAAC,+DAA+D,IAC7E,OAAO,CACF,CACL,CACH,CAAA;AACF,CAAC,CAAA;AAEoD,kEAA2B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses } from './FavoritePaymentsList';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.farvoriteLinkClasses = exports.FarvoritePaymentDescription = exports.FavoritePaymentsItem = exports.FavoritePaymentsList = void 0;
|
|
4
|
+
var FavoritePaymentsList_1 = require("./FavoritePaymentsList");
|
|
5
|
+
Object.defineProperty(exports, "FavoritePaymentsList", { enumerable: true, get: function () { return FavoritePaymentsList_1.FavoritePaymentsList; } });
|
|
6
|
+
Object.defineProperty(exports, "FavoritePaymentsItem", { enumerable: true, get: function () { return FavoritePaymentsList_1.FavoritePaymentsItem; } });
|
|
7
|
+
Object.defineProperty(exports, "FarvoritePaymentDescription", { enumerable: true, get: function () { return FavoritePaymentsList_1.FarvoritePaymentDescription; } });
|
|
8
|
+
Object.defineProperty(exports, "farvoriteLinkClasses", { enumerable: true, get: function () { return FavoritePaymentsList_1.farvoriteLinkClasses; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FavoritePyments/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqI;AAA5H,4HAAA,oBAAoB,OAAA;AAAE,4HAAA,oBAAoB,OAAA;AAAE,mIAAA,2BAA2B,OAAA;AAAE,4HAAA,oBAAoB,OAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -27,4 +27,5 @@ import { Select } from './Select';
|
|
|
27
27
|
import { Progress } from "./Progress";
|
|
28
28
|
import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './AlertDialog';
|
|
29
29
|
import { MessageTyping } from "./Chat";
|
|
30
|
-
|
|
30
|
+
import { FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses } from './FavoritePyments';
|
|
31
|
+
export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Progress, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, MessageTyping, FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.SelectAsync = exports.DatePicker = exports.Calendar = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Progress = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
|
|
4
|
-
exports.MessageTyping = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = void 0;
|
|
4
|
+
exports.farvoriteLinkClasses = exports.FarvoritePaymentDescription = exports.FavoritePaymentsItem = exports.FavoritePaymentsList = exports.MessageTyping = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = void 0;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
6
|
const Tooltip_1 = require("./Tooltip");
|
|
7
7
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
|
@@ -94,4 +94,9 @@ Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: fun
|
|
|
94
94
|
Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogCancel; } });
|
|
95
95
|
const Chat_1 = require("./Chat");
|
|
96
96
|
Object.defineProperty(exports, "MessageTyping", { enumerable: true, get: function () { return Chat_1.MessageTyping; } });
|
|
97
|
+
const FavoritePyments_1 = require("./FavoritePyments");
|
|
98
|
+
Object.defineProperty(exports, "FavoritePaymentsList", { enumerable: true, get: function () { return FavoritePyments_1.FavoritePaymentsList; } });
|
|
99
|
+
Object.defineProperty(exports, "FavoritePaymentsItem", { enumerable: true, get: function () { return FavoritePyments_1.FavoritePaymentsItem; } });
|
|
100
|
+
Object.defineProperty(exports, "FarvoritePaymentDescription", { enumerable: true, get: function () { return FavoritePyments_1.FarvoritePaymentDescription; } });
|
|
101
|
+
Object.defineProperty(exports, "farvoriteLinkClasses", { enumerable: true, get: function () { return FavoritePyments_1.farvoriteLinkClasses; } });
|
|
97
102
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,uCAAmC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/Button/Button.tsx
CHANGED
|
@@ -20,8 +20,8 @@ const buttonVariants = cva(
|
|
|
20
20
|
ghost: 'text-btn-ghost bg-btn-ghost hover:bg-btn-ghost-hover focus:bg-btn-ghost-focus active:bg-btn-ghost-active border-transparent',
|
|
21
21
|
},
|
|
22
22
|
size: {
|
|
23
|
-
lg: 'h-[52px] px-[32px] text-[16px] leading-[1.08] rounded-
|
|
24
|
-
md: 'h-[44px] px-[24px] text-[14px] leading-[1.08] rounded-
|
|
23
|
+
lg: 'h-[52px] px-[32px] text-[16px] leading-[1.08] rounded-md',
|
|
24
|
+
md: 'h-[44px] px-[24px] text-[14px] leading-[1.08] rounded-md',
|
|
25
25
|
sm: 'h-[36px] px-[20px] text-[12px] leading-none rounded-[3px]',
|
|
26
26
|
xs: 'h-[28px] px-[12px] text-[11px] leading-none rounded-[2px]',
|
|
27
27
|
xxs: 'h-[20px] px-[8px] text-[9px] leading-none rounded-[2px]',
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React, { FC } from 'react'
|
|
2
|
+
|
|
3
|
+
const farvoriteLinkClasses: string = `
|
|
4
|
+
block
|
|
5
|
+
px-[20px]
|
|
6
|
+
py-[8px]
|
|
7
|
+
hover:bg-btn-ghost-hover
|
|
8
|
+
focus:bg-btn-ghost-focus
|
|
9
|
+
active:bg-btn-ghost-active
|
|
10
|
+
`
|
|
11
|
+
|
|
12
|
+
const FavoritePaymentsList: FC<{children: React.ReactNode}> = ({children}) => {
|
|
13
|
+
return <ul className="didivide-y">{children}</ul>
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
const FavoritePaymentsItem: FC<{children: React.ReactNode}> = ({children}) => {
|
|
17
|
+
return <li>{children}</li>
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
interface IProps {
|
|
21
|
+
name: string,
|
|
22
|
+
value: string,
|
|
23
|
+
purpose?: string
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
const FarvoritePaymentDescription: FC<IProps> = ({name, value, purpose}) => {
|
|
27
|
+
return (
|
|
28
|
+
<>
|
|
29
|
+
<span className="flex">
|
|
30
|
+
<span className="truncate">{name}</span>
|
|
31
|
+
<span className="ml-auto font-medium shrink-0">{value}</span>
|
|
32
|
+
</span>
|
|
33
|
+
<span className="block mt-[8px] text-[12px] text-light truncate leading-[1.16]">
|
|
34
|
+
{purpose}
|
|
35
|
+
</span>
|
|
36
|
+
</>
|
|
37
|
+
)
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export { FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses} from './FavoritePaymentsList'
|
package/src/index.ts
CHANGED
|
@@ -48,6 +48,9 @@ import {
|
|
|
48
48
|
AlertDialogCancel,
|
|
49
49
|
} from './AlertDialog'
|
|
50
50
|
import { MessageTyping } from "./Chat"
|
|
51
|
+
import { FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses } from './FavoritePyments'
|
|
52
|
+
|
|
53
|
+
|
|
51
54
|
export {
|
|
52
55
|
Tooltip,
|
|
53
56
|
Tabs,
|
|
@@ -110,5 +113,9 @@ export {
|
|
|
110
113
|
AlertDialogDescription,
|
|
111
114
|
AlertDialogAction,
|
|
112
115
|
AlertDialogCancel,
|
|
113
|
-
MessageTyping
|
|
116
|
+
MessageTyping,
|
|
117
|
+
FavoritePaymentsList,
|
|
118
|
+
FavoritePaymentsItem,
|
|
119
|
+
FarvoritePaymentDescription,
|
|
120
|
+
farvoriteLinkClasses
|
|
114
121
|
}
|