@modul/mbui 0.0.12 → 0.0.13-beta-pv-53036-091041a3
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/{Info/Info.d.ts → Alert/Alert.d.ts} +4 -4
- package/dist/{Info/Info.js → Alert/Alert.js} +7 -7
- package/dist/Alert/Alert.js.map +1 -0
- package/dist/Alert/index.d.ts +1 -0
- package/dist/Alert/index.js +6 -0
- package/dist/Alert/index.js.map +1 -0
- package/dist/Input/Input.js +1 -1
- package/dist/Input/Input.js.map +1 -1
- package/dist/Label/Label.d.ts +5 -0
- package/dist/Label/Label.js +13 -0
- package/dist/Label/Label.js.map +1 -0
- package/dist/Label/index.d.ts +1 -0
- package/dist/Label/index.js +6 -0
- package/dist/Label/index.js.map +1 -0
- package/dist/Page/Page.js +1 -1
- package/dist/Page/Page.js.map +1 -1
- package/dist/Select/SelectAccountCard.d.ts +6 -0
- package/dist/Select/SelectAccountCard.js +76 -0
- package/dist/Select/SelectAccountCard.js.map +1 -0
- package/dist/Select/index.d.ts +1 -0
- package/dist/Select/index.js +6 -0
- package/dist/Select/index.js.map +1 -0
- package/dist/Switch/Switch.d.ts +4 -0
- package/dist/Switch/Switch.js +12 -0
- package/dist/Switch/Switch.js.map +1 -0
- package/dist/Switch/index.d.ts +1 -0
- package/dist/Switch/index.js +6 -0
- package/dist/Switch/index.js.map +1 -0
- package/dist/Textarea/Textarea.d.ts +5 -0
- package/dist/Textarea/Textarea.js +12 -0
- package/dist/Textarea/Textarea.js.map +1 -0
- package/dist/Textarea/index.d.ts +1 -0
- package/dist/Textarea/index.js +6 -0
- package/dist/Textarea/index.js.map +1 -0
- package/dist/index.d.ts +22 -19
- package/dist/index.js +14 -8
- package/dist/index.js.map +1 -1
- package/package.json +7 -2
- package/src/@/config/index.ts +3 -1
- package/src/{Info/Info.tsx → Alert/Alert.tsx} +6 -6
- package/src/Alert/index.ts +1 -0
- package/src/Form/Form.tsx +152 -0
- package/src/Form/index.ts +1 -0
- package/src/Input/Input.tsx +1 -1
- package/src/Label/Label.tsx +1 -1
- package/src/Page/Page.tsx +1 -1
- package/src/Select/SelectAccountCard.tsx +163 -0
- package/src/Select/index.ts +1 -0
- package/src/Switch/Switch.tsx +28 -0
- package/src/Switch/index.ts +1 -0
- package/src/Textarea/Textarea.tsx +24 -0
- package/src/Textarea/index.ts +1 -0
- package/src/assets/css/global.css +6 -2
- package/src/index.ts +32 -40
- package/dist/Base/Input/Base.d.ts +0 -4
- package/dist/Base/Input/Base.js +0 -20
- package/dist/Base/Input/Base.js.map +0 -1
- package/dist/Base/Input/Input.d.ts +0 -4
- package/dist/Base/Input/Input.js +0 -18
- package/dist/Base/Input/Input.js.map +0 -1
- package/dist/Base/Input/index.d.ts +0 -2
- package/dist/Base/Input/index.js +0 -7
- package/dist/Base/Input/index.js.map +0 -1
- package/dist/Base/Input/types.d.ts +0 -9
- package/dist/Base/Input/types.js +0 -3
- package/dist/Base/Input/types.js.map +0 -1
- package/dist/Info/Info.js.map +0 -1
- package/dist/Info/index.d.ts +0 -1
- package/dist/Info/index.js +0 -6
- package/dist/Info/index.js.map +0 -1
- package/src/DrawerCompanyList/CompanyList.tsx +0 -63
- package/src/DrawerCompanyList/index.ts +0 -1
- package/src/Info/index.ts +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
-
declare const
|
|
3
|
+
declare const alertVariants: (props?: {
|
|
4
4
|
variant?: "success" | "light" | "warning" | "critical";
|
|
5
5
|
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
6
|
-
export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof
|
|
6
|
+
export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
7
7
|
}
|
|
8
|
-
declare const
|
|
9
|
-
export {
|
|
8
|
+
declare const Alert: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export { Alert };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.Alert = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const class_variance_authority_1 = require("class-variance-authority");
|
|
7
7
|
const utils_1 = require("../@/lib/utils");
|
|
8
8
|
// import { cn } from "@/lib/utils" порешать с алиасами
|
|
9
|
-
const
|
|
9
|
+
const alertVariants = (0, class_variance_authority_1.cva)('px-[16px] py-[12px] rounded-sm text-[14px]', {
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
12
12
|
light: 'bg-[--cl-graphite-7]',
|
|
@@ -19,9 +19,9 @@ const infoVariants = (0, class_variance_authority_1.cva)('px-[16px] py-[12px] ro
|
|
|
19
19
|
variant: 'light'
|
|
20
20
|
},
|
|
21
21
|
});
|
|
22
|
-
const
|
|
23
|
-
return (React.createElement("div", { className: (0, utils_1.cn)(
|
|
22
|
+
const Alert = React.forwardRef(({ className, variant, children, ...props }, ref) => {
|
|
23
|
+
return (React.createElement("div", { className: (0, utils_1.cn)(alertVariants({ variant, className })), ...props }, children));
|
|
24
24
|
});
|
|
25
|
-
exports.
|
|
26
|
-
|
|
27
|
-
//# sourceMappingURL=
|
|
25
|
+
exports.Alert = Alert;
|
|
26
|
+
Alert.displayName = 'Alert';
|
|
27
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,4CAA4C,EAAE;IACvE,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EAAE,sBAAsB;YAC7B,OAAO,EAAE,kBAAkB;YAC3B,OAAO,EAAE,kBAAkB;YAC3B,QAAQ,EAAE,wBAAwB;SAClC;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,OAAO;KAChB;CACD,CAAC,CAAA;AAMF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1G,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAChD,KAAK,IAER,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Alert } from './Alert';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Alert = void 0;
|
|
4
|
+
var Alert_1 = require("./Alert");
|
|
5
|
+
Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Alert/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA"}
|
package/dist/Input/Input.js
CHANGED
|
@@ -10,7 +10,7 @@ const InputLabel = React.forwardRef(({ className, children, ...props }) => {
|
|
|
10
10
|
exports.InputLabel = InputLabel;
|
|
11
11
|
InputLabel.displayName = 'InputLabel';
|
|
12
12
|
const InputField = React.forwardRef(({ className, type, ...props }, ref) => {
|
|
13
|
-
return (React.createElement("input", { type: type, className: (0, utils_1.cn)('border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-
|
|
13
|
+
return (React.createElement("input", { type: type, className: (0, utils_1.cn)('border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-sm focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed', className), ref: ref, ...props }));
|
|
14
14
|
});
|
|
15
15
|
exports.InputField = InputField;
|
|
16
16
|
InputField.displayName = 'InputField';
|
package/dist/Input/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,UAAE,EAAC,0GAA0G,EAAE,SAAS,CAAC,KAChI,KAAK,IAER,QAAQ,CACF,CACR,CAAA;AACF,CAAC,CACD,CAAA;AAoBoB,gCAAU;AAlB/B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAgE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,OAAO,CACN,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACZ,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,UAAE,EAAC,0GAA0G,EAAE,SAAS,CAAC,KAChI,KAAK,IAER,QAAQ,CACF,CACR,CAAA;AACF,CAAC,CACD,CAAA;AAoBoB,gCAAU;AAlB/B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAgE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,OAAO,CACN,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACZ,sUAAsU,EACtU,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
3
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
4
|
+
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
5
|
+
export { Label };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Label = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const LabelPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-label"));
|
|
7
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
8
|
+
const utils_1 = require("../@/lib/utils");
|
|
9
|
+
const labelVariants = (0, class_variance_authority_1.cva)('peer-disabled:opacity-70 peer-disabled:cursor-not-allowed');
|
|
10
|
+
const Label = React.forwardRef(({ className, ...props }, ref) => (React.createElement(LabelPrimitive.Root, { ref: ref, className: (0, utils_1.cn)(labelVariants(), className), ...props })));
|
|
11
|
+
exports.Label = Label;
|
|
12
|
+
Label.displayName = LabelPrimitive.Root.displayName;
|
|
13
|
+
//# sourceMappingURL=Label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/Label/Label.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,mFAAuD;AACvD,uEAAiE;AACjE,0CAAmC;AAEnC,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,2DAA2D,CAAC,CAAA;AAEtF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,cAAc,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,EAAE,EAAE,SAAS,CAAC,KACrC,KAAK,GACR,CACF,CAAC,CAAA;AAGO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Label } from './Label';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Label = void 0;
|
|
4
|
+
var Label_1 = require("./Label");
|
|
5
|
+
Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Label/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA"}
|
package/dist/Page/Page.js
CHANGED
|
@@ -8,7 +8,7 @@ const Navbar = ({ children, className }) => {
|
|
|
8
8
|
return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[44px] px-[20px]', className) }, children);
|
|
9
9
|
};
|
|
10
10
|
const Content = ({ children, className }) => {
|
|
11
|
-
return react_1.default.createElement("div", { className: (0, utils_1.cn)('px-[20px] py-[16px]', className) }, children);
|
|
11
|
+
return react_1.default.createElement("div", { className: (0, utils_1.cn)('px-[20px] py-[16px] overflow-y-auto', className) }, children);
|
|
12
12
|
};
|
|
13
13
|
const Page = ({ children, className }) => {
|
|
14
14
|
return (react_1.default.createElement("div", { className: (0, utils_1.cn)('sm:container grid grid-cols-[minmax(0,_1fr)] grid-rows-[min-content_1fr_min-content] bg-page h-screen', className) }, children));
|
package/dist/Page/Page.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AACjC,0CAAmC;AAWnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,OAAO,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AACjC,0CAAmC;AAWnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,OAAO,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,qCAAqC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC9F,CAAC,CAAA;AAED,MAAM,IAAI,GAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAU,EAAE,EAAE;IACvD,OAAO,CACN,uCACC,SAAS,EAAE,IAAA,UAAE,EACZ,uGAAuG,EACvG,SAAS,CACT,IAEA,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAUQ,oBAAI;AARb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;AACpB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;AACtB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SelectAccountCard = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const Icon_1 = require("../Icon");
|
|
7
|
+
const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
|
|
8
|
+
const utils_1 = require("../@/lib/utils");
|
|
9
|
+
const selectTriggerClasses = 'flex items-center bg-gradient-to-r from-[--cl-blue-3] to-primary shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)] px-[16px] py-[8px] border-none rounded-md min-h-[80px] text-left text-white';
|
|
10
|
+
const colourStyles = {
|
|
11
|
+
control: () => ({}),
|
|
12
|
+
option: () => ({}),
|
|
13
|
+
input: () => ({}),
|
|
14
|
+
dropdownIndicator: () => ({}),
|
|
15
|
+
indicatorsContainer: () => ({}),
|
|
16
|
+
menu: () => ({}),
|
|
17
|
+
menuList: () => ({}),
|
|
18
|
+
singleValue: () => ({}),
|
|
19
|
+
valueContainer: () => ({}),
|
|
20
|
+
};
|
|
21
|
+
const Control = ({ children, ...props }) => {
|
|
22
|
+
const style = { cursor: 'pointer' };
|
|
23
|
+
return (React.createElement(react_select_1.components.Control, { className: selectTriggerClasses, ...props }, children));
|
|
24
|
+
};
|
|
25
|
+
const optionClasses = 'flex items-center first:rounded-t-md last:rounded-b-md px-[12px] py-[16px] w-full cursor-default select-none outline-none';
|
|
26
|
+
const Option = ({ children, ...props }) => {
|
|
27
|
+
const { isSelected, isFocused, isDisabled,
|
|
28
|
+
// @ts-ignore
|
|
29
|
+
data: { label, account, balance, cur }, } = props;
|
|
30
|
+
const style = { cursor: 'pointer' };
|
|
31
|
+
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
32
|
+
React.createElement("span", { className: "flex basis-0 grow" },
|
|
33
|
+
React.createElement("span", null,
|
|
34
|
+
React.createElement("span", null, label),
|
|
35
|
+
React.createElement("br", null),
|
|
36
|
+
React.createElement("span", { className: 'text-[14px] text-light' }, account)),
|
|
37
|
+
React.createElement("span", { className: 'ml-auto shrink-0' },
|
|
38
|
+
balance,
|
|
39
|
+
"\u00A0",
|
|
40
|
+
cur)),
|
|
41
|
+
React.createElement("span", { className: 'ml-[16px] w-[24px] h-[24px] shrink-0' }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
|
|
42
|
+
};
|
|
43
|
+
const DropdownIndicator = ({ children, ...props }) => {
|
|
44
|
+
return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
|
|
45
|
+
React.createElement(Icon_1.DropdownSmallOld, { className: "text-white", width: "16", height: "16" })));
|
|
46
|
+
};
|
|
47
|
+
const ValueContainer = ({ children, ...props }) => {
|
|
48
|
+
return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
|
|
49
|
+
};
|
|
50
|
+
const SingleValue = ({ children, ...props }) => {
|
|
51
|
+
// @ts-ignore
|
|
52
|
+
const { label, account, balance, cur } = props.data;
|
|
53
|
+
return (React.createElement(react_select_1.components.SingleValue, { className: 'col-start-1 col-end-3 row-start-1 row-end-2', ...props },
|
|
54
|
+
React.createElement("span", { className: "block max-w-full text-[16px] truncate leading-[1.5]" },
|
|
55
|
+
label,
|
|
56
|
+
" ",
|
|
57
|
+
React.createElement("span", { className: "opacity-75 text-[14px] leading-[1.42]" }, account)),
|
|
58
|
+
React.createElement("span", { className: "block mt-[8px] font-medium text-[24px] leading-[1.333]" },
|
|
59
|
+
balance,
|
|
60
|
+
" ",
|
|
61
|
+
cur)));
|
|
62
|
+
};
|
|
63
|
+
const Menu = ({ children, ...props }) => {
|
|
64
|
+
return (React.createElement(react_select_1.components.Menu, { className: "bg-page drop-shadow-1 mt-[8px] rounded-md", ...props }, children));
|
|
65
|
+
};
|
|
66
|
+
const SelectAccountCard = React.forwardRef(({ className, ...props }, ref) => (React.createElement(react_select_1.default, { className: className, classNamePrefix: "super", isDisabled: false, isSearchable: false, components: {
|
|
67
|
+
Control,
|
|
68
|
+
Option,
|
|
69
|
+
SingleValue,
|
|
70
|
+
DropdownIndicator,
|
|
71
|
+
IndicatorSeparator: () => null,
|
|
72
|
+
Menu,
|
|
73
|
+
ValueContainer,
|
|
74
|
+
}, styles: colourStyles, unstyled: true, ...props })));
|
|
75
|
+
exports.SelectAccountCard = SelectAccountCard;
|
|
76
|
+
//# sourceMappingURL=SelectAccountCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SelectAccountCard } from './SelectAccountCard';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SelectAccountCard = void 0;
|
|
4
|
+
var SelectAccountCard_1 = require("./SelectAccountCard");
|
|
5
|
+
Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return SelectAccountCard_1.SelectAccountCard; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as SwitchPrimitives from "@radix-ui/react-switch";
|
|
3
|
+
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
export { Switch };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Switch = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const SwitchPrimitives = (0, tslib_1.__importStar)(require("@radix-ui/react-switch"));
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
|
+
const Switch = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SwitchPrimitives.Root, { className: (0, utils_1.cn)("peer inline-flex h-5 w-9 shrink-0 cursor-pointer border-light items-center rounded-full border-2 shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref },
|
|
9
|
+
React.createElement(SwitchPrimitives.Thumb, { className: (0, utils_1.cn)("pointer-events-none block h-4 w-4 rounded-full bg-light shadow-md ring-0 transition-transform data-[state=checked]:bg-page data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }))));
|
|
10
|
+
exports.Switch = Switch;
|
|
11
|
+
Switch.displayName = SwitchPrimitives.Root.displayName;
|
|
12
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;AACA,0DAA8B;AAC9B,sFAA0D;AAE1D,0CAAmC;AAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,gBAAgB,CAAC,IAAI,IACpB,SAAS,EAAE,IAAA,UAAE,EACX,uXAAuX,EACvX,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,IAAA,UAAE,EACX,qMAAqM,CACtM,GACD,CACoB,CACzB,CAAC,CAAA;AAGO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Switch } from './Switch';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Switch = void 0;
|
|
4
|
+
var Switch_1 = require("./Switch");
|
|
5
|
+
Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Switch/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Textarea = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const utils_1 = require("../@/lib/utils");
|
|
7
|
+
const Textarea = React.forwardRef(({ className, ...props }, ref) => {
|
|
8
|
+
return (React.createElement("textarea", { className: (0, utils_1.cn)("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 placeholder:text-light focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
|
|
9
|
+
});
|
|
10
|
+
exports.Textarea = Textarea;
|
|
11
|
+
Textarea.displayName = "Textarea";
|
|
12
|
+
//# sourceMappingURL=Textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,0CAAmC;AAKnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,OAAO,CACL,kCACE,SAAS,EAAE,IAAA,UAAE,EACX,iOAAiO,EACjO,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Textarea } from './Textarea';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Textarea = void 0;
|
|
4
|
+
var Textarea_1 = require("./Textarea");
|
|
5
|
+
Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Textarea/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,20 +1,23 @@
|
|
|
1
|
-
import { Tooltip } from
|
|
2
|
-
import { Tabs } from
|
|
3
|
-
import { Slider } from
|
|
4
|
-
import { Popover } from
|
|
5
|
-
import Logo from
|
|
6
|
-
import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from
|
|
7
|
-
import { BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink } from
|
|
8
|
-
import * as Icon from
|
|
9
|
-
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from
|
|
10
|
-
import { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem } from
|
|
11
|
-
import { Button } from
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import { cn } from "./@/lib/utils";
|
|
1
|
+
import { Tooltip } from './Tooltip';
|
|
2
|
+
import { Tabs } from './Tabs';
|
|
3
|
+
import { Slider } from './Slider';
|
|
4
|
+
import { Popover } from './Popover';
|
|
5
|
+
import Logo from './Logo';
|
|
6
|
+
import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './Input-OTP';
|
|
7
|
+
import { BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink } from './BottomNavigation';
|
|
8
|
+
import * as Icon from './Icon';
|
|
9
|
+
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './Collapsible';
|
|
10
|
+
import { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem } from './Collapsible';
|
|
11
|
+
import { Button } from './Button';
|
|
12
|
+
import { Audio } from './Audio';
|
|
13
|
+
import { cn } from './@/lib/utils';
|
|
15
14
|
import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer';
|
|
16
|
-
import { Page } from
|
|
17
|
-
import { Chip } from
|
|
18
|
-
import { InputField, InputLabel } from
|
|
19
|
-
import {
|
|
20
|
-
|
|
15
|
+
import { Page } from './Page';
|
|
16
|
+
import { Chip } from './Chip';
|
|
17
|
+
import { InputField, InputLabel } from './Input';
|
|
18
|
+
import { Alert } from './Alert';
|
|
19
|
+
import { Switch } from './Switch';
|
|
20
|
+
import { Label } from './Label';
|
|
21
|
+
import { Textarea } from './Textarea';
|
|
22
|
+
import { SelectAccountCard } from './Select';
|
|
23
|
+
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, Alert, Switch, Label, Textarea, SelectAccountCard, };
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = 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
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const Tooltip_1 = require("./Tooltip");
|
|
6
6
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
|
@@ -36,8 +36,6 @@ Object.defineProperty(exports, "AccountCollapsibleContent", { enumerable: true,
|
|
|
36
36
|
Object.defineProperty(exports, "AccountCollapsibleContentItem", { enumerable: true, get: function () { return Collapsible_2.AccountCollapsibleContentItem; } });
|
|
37
37
|
const Button_1 = require("./Button");
|
|
38
38
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
39
|
-
const Input_1 = require("./Base/Input");
|
|
40
|
-
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
|
|
41
39
|
const Audio_1 = require("./Audio");
|
|
42
40
|
Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return Audio_1.Audio; } });
|
|
43
41
|
const utils_1 = require("./@/lib/utils");
|
|
@@ -52,9 +50,17 @@ const Page_1 = require("./Page");
|
|
|
52
50
|
Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
|
|
53
51
|
const Chip_1 = require("./Chip");
|
|
54
52
|
Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
|
|
55
|
-
const
|
|
56
|
-
Object.defineProperty(exports, "InputField", { enumerable: true, get: function () { return
|
|
57
|
-
Object.defineProperty(exports, "InputLabel", { enumerable: true, get: function () { return
|
|
58
|
-
const
|
|
59
|
-
Object.defineProperty(exports, "
|
|
53
|
+
const Input_1 = require("./Input");
|
|
54
|
+
Object.defineProperty(exports, "InputField", { enumerable: true, get: function () { return Input_1.InputField; } });
|
|
55
|
+
Object.defineProperty(exports, "InputLabel", { enumerable: true, get: function () { return Input_1.InputLabel; } });
|
|
56
|
+
const Alert_1 = require("./Alert");
|
|
57
|
+
Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
|
|
58
|
+
const Switch_1 = require("./Switch");
|
|
59
|
+
Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
|
|
60
|
+
const Label_1 = require("./Label");
|
|
61
|
+
Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
|
|
62
|
+
const Textarea_1 = require("./Textarea");
|
|
63
|
+
Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
|
|
64
|
+
const Select_1 = require("./Select");
|
|
65
|
+
Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return Select_1.SelectAccountCard; } });
|
|
60
66
|
//# 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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAmC;AAmClC,wFAnCQ,iBAAO,OAmCR;AAlCR,iCAA6B;AAmC5B,qFAnCQ,WAAI,OAmCR;AAlCL,qCAAiC;AAmChC,uFAnCQ,eAAM,OAmCR;AAlCP,uCAAmC;AAmClC,wFAnCQ,iBAAO,OAmCR;AAlCR,+DAAyB;AAmCxB,eAnCM,cAAI,CAmCN;AAlCL,2CAAsF;AAmCrF,yFAnCQ,oBAAQ,OAmCR;AACR,8FApCkB,yBAAa,OAoClB;AACb,6FArCiC,wBAAY,OAqCjC;AACZ,kGAtC+C,6BAAiB,OAsC/C;AArClB,yDAK2B;AAoD1B,iGAxDA,mCAAgB,OAwDA;AAChB,qGAxDA,uCAAoB,OAwDA;AACpB,yGAxDA,2CAAwB,OAwDA;AACxB,qGAxDA,uCAAoB,OAwDA;AAtDrB,0DAA8B;AA6C7B,oBAAI;AA5CL,+CAAmF;AA+BlF,4FA/BQ,yBAAW,OA+BR;AACX,mGAhCqB,gCAAkB,OAgCrB;AAClB,mGAjCyC,gCAAkB,OAiCzC;AAhCnB,+CAMsB;AA2BrB,mGAhCA,gCAAkB,OAgCA;AAClB,yGAhCA,sCAAwB,OAgCA;AACxB,0GAhCA,uCAAyB,OAgCA;AACzB,0GAhCA,uCAAyB,OAgCA;AACzB,8GAhCA,2CAA6B,OAgCA;AA9B9B,qCAAiC;AA+BhC,uFA/BQ,eAAM,OA+BR;AA9BP,mCAA+B;AAiC9B,sFAjCQ,aAAK,OAiCR;AAhCN,yCAAkC;AAiCjC,mFAjCQ,UAAE,OAiCR;AAhCH,qCAAyF;AAkCxF,uFAlCQ,eAAM,OAkCR;AACN,8FAnCgB,sBAAa,OAmChB;AACb,4FApC+B,oBAAW,OAoC/B;AACX,4FArC4C,oBAAW,OAqC5C;AACX,8FAtCyD,sBAAa,OAsCzD;AArCd,iCAA6B;AA0C5B,qFA1CQ,WAAI,OA0CR;AAzCL,iCAA6B;AA0C5B,qFA1CQ,WAAI,OA0CR;AAzCL,mCAAgD;AA0B/C,2FA1BQ,kBAAU,OA0BR;AACV,2FA3BoB,kBAAU,OA2BpB;AA1BX,mCAA+B;AAyC9B,sFAzCQ,aAAK,OAyCR;AAxCN,qCAAiC;AAyChC,uFAzCQ,eAAM,OAyCR;AAxCP,mCAA+B;AAyC9B,sFAzCQ,aAAK,OAyCR;AAxCN,yCAAqC;AAyCpC,yFAzCQ,mBAAQ,OAyCR;AAxCT,qCAA4C;AAyC3C,kGAzCQ,0BAAiB,OAyCR"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@modul/mbui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13-beta-pv-53036-091041a3",
|
|
4
4
|
"packageManager": "yarn@3.5.1",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"dist"
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
|
+
"@hookform/resolvers": "3.9.0",
|
|
24
25
|
"@radix-ui/react-accordion": "^1.2.0",
|
|
25
26
|
"@radix-ui/react-collapsible": "1.1.0",
|
|
26
27
|
"@radix-ui/react-dropdown-menu": "2.1.1",
|
|
@@ -29,6 +30,7 @@
|
|
|
29
30
|
"@radix-ui/react-select": "2.1.1",
|
|
30
31
|
"@radix-ui/react-slider": "^1.2.0",
|
|
31
32
|
"@radix-ui/react-slot": "1.1.0",
|
|
33
|
+
"@radix-ui/react-switch": "1.1.0",
|
|
32
34
|
"@radix-ui/react-tabs": "^1.1.0",
|
|
33
35
|
"@radix-ui/react-tooltip": "^1.1.2",
|
|
34
36
|
"@storybook/addon-storyshots": "latest",
|
|
@@ -38,11 +40,14 @@
|
|
|
38
40
|
"input-otp": "1.2.4",
|
|
39
41
|
"lodash": "4.17.5",
|
|
40
42
|
"react-datepicker": "4.16.0",
|
|
43
|
+
"react-hook-form": "7.53.0",
|
|
41
44
|
"react-imask": "7.1.3",
|
|
45
|
+
"react-select": "5.8.0",
|
|
42
46
|
"tailwind-merge": "^2.3.0",
|
|
43
47
|
"tailwindcss": "^3.4.4",
|
|
44
48
|
"tailwindcss-animate": "^1.0.7",
|
|
45
|
-
"vaul": "0.9.1"
|
|
49
|
+
"vaul": "0.9.1",
|
|
50
|
+
"zod": "3.23.8"
|
|
46
51
|
},
|
|
47
52
|
"devDependencies": {
|
|
48
53
|
"@babel/core": "^7.9.0",
|
package/src/@/config/index.ts
CHANGED
|
@@ -43,6 +43,7 @@ export default {
|
|
|
43
43
|
},
|
|
44
44
|
backgroundColor: {
|
|
45
45
|
page: 'var(--page-bg)',
|
|
46
|
+
light: 'var(--bg-light)',
|
|
46
47
|
...button.backgroundColor,
|
|
47
48
|
...label.backgroundColor
|
|
48
49
|
},
|
|
@@ -57,7 +58,8 @@ export default {
|
|
|
57
58
|
...button.borderColor
|
|
58
59
|
},
|
|
59
60
|
borderRadius: {
|
|
60
|
-
'
|
|
61
|
+
'sm': 'var(--border-radius-sm)',
|
|
62
|
+
'md': 'var(--border-radius-md)',
|
|
61
63
|
},
|
|
62
64
|
keyframes: {
|
|
63
65
|
'accordion-down': {
|
|
@@ -4,7 +4,7 @@ import { cva, type VariantProps } from 'class-variance-authority'
|
|
|
4
4
|
import { cn } from '../@/lib/utils'
|
|
5
5
|
// import { cn } from "@/lib/utils" порешать с алиасами
|
|
6
6
|
|
|
7
|
-
const
|
|
7
|
+
const alertVariants = cva('px-[16px] py-[12px] rounded-sm text-[14px]', {
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
10
|
light: 'bg-[--cl-graphite-7]',
|
|
@@ -19,13 +19,13 @@ const infoVariants = cva('px-[16px] py-[12px] rounded-1 text-[14px]', {
|
|
|
19
19
|
})
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof
|
|
22
|
+
export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
const
|
|
25
|
+
const Alert = React.forwardRef<HTMLDivElement, IProps>(({ className, variant, children, ...props }, ref) => {
|
|
26
26
|
return (
|
|
27
27
|
<div
|
|
28
|
-
className={cn(
|
|
28
|
+
className={cn(alertVariants({ variant, className }))}
|
|
29
29
|
{...props}
|
|
30
30
|
>
|
|
31
31
|
{children}
|
|
@@ -33,6 +33,6 @@ const Info = React.forwardRef<HTMLDivElement, IProps>(({ className, variant, chi
|
|
|
33
33
|
)
|
|
34
34
|
})
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
Alert.displayName = 'Alert'
|
|
37
37
|
|
|
38
|
-
export {
|
|
38
|
+
export { Alert }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Alert } from './Alert'
|