@modul/mbui 0.0.16-beta-pv-53147-00d3e008 → 0.0.16-beta-pv-53139-88618ef5
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/Alert/Alert.d.ts +6 -15
- package/dist/Alert/Alert.js +19 -30
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +10 -10
- package/dist/AlertDialog/AlertDialog.js.map +1 -1
- package/dist/Badge/Badge.d.ts +10 -0
- package/dist/Badge/Badge.js +52 -0
- package/dist/Badge/Badge.js.map +1 -0
- package/dist/Badge/index.d.ts +1 -0
- package/dist/Badge/index.js +7 -0
- package/dist/Badge/index.js.map +1 -0
- package/dist/BottomNavigation/BottomNavigation.js +3 -21
- package/dist/BottomNavigation/BottomNavigation.js.map +1 -1
- package/dist/Button/Button.d.ts +2 -2
- package/dist/Button/Button.js +119 -17
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/index.js.map +1 -1
- package/dist/Calendar/Calendar.js +3 -3
- package/dist/Calendar/Calendar.js.map +1 -1
- package/dist/Checkbox/Checkbox.d.ts +4 -0
- package/dist/Checkbox/Checkbox.js +35 -0
- package/dist/Checkbox/Checkbox.js.map +1 -0
- package/dist/Checkbox/index.d.ts +1 -0
- package/dist/Checkbox/index.js +6 -0
- package/dist/Checkbox/index.js.map +1 -0
- package/dist/Chip/Chip.js +3 -2
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/Collapsible/AccountCollapsible.js +3 -18
- package/dist/Collapsible/AccountCollapsible.js.map +1 -1
- package/dist/DatePicker/DatePicker.js +6 -6
- package/dist/DatePicker/DatePicker.js.map +1 -1
- package/dist/Drawer/Drawer.js +3 -3
- package/dist/Drawer/Drawer.js.map +1 -1
- package/dist/Form/Form.js +6 -6
- package/dist/Form/Form.js.map +1 -1
- package/dist/Icon/icons/InfoSolid.js +1 -1
- package/dist/Icon/icons/InfoSolid.js.map +1 -1
- package/dist/Input/Input.js +3 -3
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/InputMask.js +1 -22
- package/dist/Input/InputMask.js.map +1 -1
- package/dist/Input-OTP/Input.js +5 -4
- package/dist/Input-OTP/Input.js.map +1 -1
- package/dist/Label/Label.js +2 -2
- package/dist/Label/Label.js.map +1 -1
- package/dist/Page/Page.js +4 -4
- package/dist/Page/Page.js.map +1 -1
- package/dist/Popover/Popover.js +2 -23
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Progress/Progress.js +3 -11
- package/dist/Progress/Progress.js.map +1 -1
- package/dist/Select/SelectAccountCard.js +7 -33
- package/dist/Select/SelectAccountCard.js.map +1 -1
- package/dist/Select/SelectAsync.js +6 -17
- package/dist/Select/SelectAsync.js.map +1 -1
- package/dist/Select/SelectBase.js +6 -17
- package/dist/Select/SelectBase.js.map +1 -1
- package/dist/Slider/Slider.js +5 -21
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/Switch/Switch.js +13 -27
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Tabs/Tabs.js +9 -39
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Textarea/Textarea.d.ts +1 -1
- package/dist/Textarea/Textarea.js +3 -20
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/index.d.ts +5 -3
- package/dist/index.js +8 -2
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/src/@/config/index.ts +72 -72
- package/src/Alert/Alert.tsx +25 -68
- package/src/AlertDialog/AlertDialog.tsx +3 -2
- package/src/Badge/Badge.tsx +58 -0
- package/src/Badge/index.ts +1 -0
- package/src/BottomNavigation/BottomNavigation.tsx +2 -20
- package/src/Button/Button.tsx +140 -43
- package/src/Button/index.ts +1 -1
- package/src/Calendar/Calendar.tsx +1 -1
- package/src/Checkbox/Checkbox.tsx +44 -0
- package/src/Checkbox/index.ts +1 -0
- package/src/Chip/Chip.tsx +3 -2
- package/src/Collapsible/AccountCollapsible.tsx +3 -19
- package/src/DatePicker/DatePicker.tsx +5 -5
- package/src/Drawer/Drawer.tsx +1 -2
- package/src/Form/Form.tsx +3 -5
- package/src/Icon/icons/InfoSolid.tsx +1 -1
- package/src/Input/Input.tsx +1 -1
- package/src/Input/InputMask.tsx +1 -22
- package/src/Input-OTP/Input.tsx +2 -1
- package/src/Label/Label.tsx +1 -1
- package/src/Page/Page.tsx +1 -1
- package/src/Popover/Popover.tsx +2 -24
- package/src/Progress/Progress.tsx +3 -11
- package/src/Select/Select.tsx +1 -1
- package/src/Select/SelectAccountCard.tsx +11 -32
- package/src/Select/SelectAsync.tsx +10 -16
- package/src/Select/SelectBase.tsx +6 -16
- package/src/Slider/Slider.tsx +4 -21
- package/src/Switch/Switch.tsx +13 -26
- package/src/Tabs/Tabs.tsx +9 -41
- package/src/Textarea/Textarea.tsx +19 -30
- package/src/assets/css/global.css +6 -11
- package/src/index.ts +9 -3
package/dist/Alert/Alert.d.ts
CHANGED
|
@@ -1,18 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
declare const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
Title: typeof Title;
|
|
8
|
-
Description: typeof Description;
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const alertVariants: (props?: {
|
|
4
|
+
variant?: "success" | "light" | "warning" | "critical";
|
|
5
|
+
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
6
|
+
export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
9
7
|
}
|
|
10
|
-
|
|
11
|
-
className?: string;
|
|
12
|
-
variant?: string;
|
|
13
|
-
type?: string;
|
|
14
|
-
children: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
declare type TAlertProps = IAlertProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
17
|
-
declare const Alert: React.FC<TAlertProps> & TAlertComponents;
|
|
8
|
+
declare const Alert: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
9
|
export { Alert };
|
package/dist/Alert/Alert.js
CHANGED
|
@@ -3,36 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Alert = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return variants[variant];
|
|
26
|
-
};
|
|
27
|
-
const Alert = ({ className, variant = 'info', type, children, ...props }) => {
|
|
28
|
-
return (React.createElement("div", { className: (0, _utils_1.cn)('flex', getClass(variant, type)), role: 'alert', ...props },
|
|
29
|
-
AlertIcons[variant],
|
|
30
|
-
React.createElement("div", { className: 'pt-[2px]' }, children)));
|
|
31
|
-
};
|
|
6
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
|
+
// import { cn } from "@/lib/utils" порешать с алиасами
|
|
9
|
+
const alertVariants = (0, class_variance_authority_1.cva)('px-[16px] py-[12px] rounded-sm text-[14px]', {
|
|
10
|
+
variants: {
|
|
11
|
+
variant: {
|
|
12
|
+
light: 'bg-[--cl-graphite-7]',
|
|
13
|
+
success: 'bg-success-light',
|
|
14
|
+
warning: 'bg-warning-light',
|
|
15
|
+
critical: 'bg-critical text-white',
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
variant: 'light'
|
|
20
|
+
},
|
|
21
|
+
});
|
|
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
|
+
});
|
|
32
25
|
exports.Alert = Alert;
|
|
33
26
|
Alert.displayName = 'Alert';
|
|
34
|
-
Alert.Title = Title;
|
|
35
|
-
Alert.Title.displayName = 'Alert.Title';
|
|
36
|
-
Alert.Description = Description;
|
|
37
|
-
Alert.Description.displayName = "Alert.Description";
|
|
38
27
|
//# sourceMappingURL=Alert.js.map
|
package/dist/Alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,
|
|
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"}
|
|
@@ -4,39 +4,39 @@ exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescr
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const AlertDialogPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-alert-dialog"));
|
|
7
|
-
const
|
|
8
|
-
const Button_1 = require("
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
|
+
const Button_1 = require("../Button");
|
|
9
9
|
const AlertDialog = AlertDialogPrimitive.Root;
|
|
10
10
|
exports.AlertDialog = AlertDialog;
|
|
11
11
|
const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
12
12
|
exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
13
13
|
const AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
14
14
|
exports.AlertDialogPortal = AlertDialogPortal;
|
|
15
|
-
const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Overlay, { className: (0,
|
|
15
|
+
const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Overlay, { className: (0, utils_1.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, ref: ref })));
|
|
16
16
|
exports.AlertDialogOverlay = AlertDialogOverlay;
|
|
17
17
|
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
18
18
|
const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPortal, null,
|
|
19
19
|
React.createElement(AlertDialogOverlay, null),
|
|
20
|
-
React.createElement(AlertDialogPrimitive.Content, { ref: ref, className: (0,
|
|
20
|
+
React.createElement(AlertDialogPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-input bg-dialog p-[16px] shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-md", className), ...props }))));
|
|
21
21
|
exports.AlertDialogContent = AlertDialogContent;
|
|
22
22
|
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
23
|
-
const AlertDialogHeader = ({ className, ...props }) => (React.createElement("div", { className: (0,
|
|
23
|
+
const AlertDialogHeader = ({ className, ...props }) => (React.createElement("div", { className: (0, utils_1.cn)("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
|
|
24
24
|
exports.AlertDialogHeader = AlertDialogHeader;
|
|
25
25
|
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
26
|
-
const AlertDialogFooter = ({ className, ...props }) => (React.createElement("div", { className: (0,
|
|
26
|
+
const AlertDialogFooter = ({ className, ...props }) => (React.createElement("div", { className: (0, utils_1.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
|
|
27
27
|
exports.AlertDialogFooter = AlertDialogFooter;
|
|
28
28
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
29
|
-
const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Title, { ref: ref, className: (0,
|
|
29
|
+
const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Title, { ref: ref, className: (0, utils_1.cn)("text-lg font-semibold", className), ...props })));
|
|
30
30
|
exports.AlertDialogTitle = AlertDialogTitle;
|
|
31
31
|
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
32
|
-
const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Description, { ref: ref, className: (0,
|
|
32
|
+
const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Description, { ref: ref, className: (0, utils_1.cn)("text-sm text-muted-foreground", className), ...props })));
|
|
33
33
|
exports.AlertDialogDescription = AlertDialogDescription;
|
|
34
34
|
AlertDialogDescription.displayName =
|
|
35
35
|
AlertDialogPrimitive.Description.displayName;
|
|
36
|
-
const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Action, { ref: ref, className: (0,
|
|
36
|
+
const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Action, { ref: ref, className: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: 'primary', size: 'sm' }), className), ...props })));
|
|
37
37
|
exports.AlertDialogAction = AlertDialogAction;
|
|
38
38
|
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
39
|
-
const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Cancel, { ref: ref, className: (0,
|
|
39
|
+
const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Cancel, { ref: ref, className: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: "outline", size: 'sm' }), className), ...props })));
|
|
40
40
|
exports.AlertDialogCancel = AlertDialogCancel;
|
|
41
41
|
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
42
42
|
//# sourceMappingURL=AlertDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,gGAAoE;
|
|
1
|
+
{"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,gGAAoE;AAEpE,0CAAmC;AACnC,sCAA0C;AAE1C,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAA;AAwH3C,kCAAW;AAtHb,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAA;AAyHrD,gDAAkB;AAvHpB,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,CAAA;AAqHnD,8CAAiB;AAnHnB,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,oBAAoB,CAAC,OAAO,IAC3B,SAAS,EAAE,IAAA,UAAE,EACX,wJAAwJ,EACxJ,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG,GACR,CACH,CAAC,CAAA;AAwGA,gDAAkB;AAvGpB,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC,OAAO,CAAC,WAAW,CAAA;AAEzE,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,iBAAiB;IAChB,oBAAC,kBAAkB,OAAG;IACtB,oBAAC,oBAAoB,CAAC,OAAO,IAC3B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,wgBAAwgB,EACxgB,SAAS,CACV,KACG,KAAK,GACT,CACgB,CACrB,CAAC,CAAA;AAwFA,gDAAkB;AAvFpB,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC,OAAO,CAAC,WAAW,CAAA;AAEzE,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,6BACE,SAAS,EAAE,IAAA,UAAE,EACX,kDAAkD,EAClD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AA2EC,8CAAiB;AA1EnB,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,6BACE,SAAS,EAAE,IAAA,UAAE,EACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AA8DC,8CAAiB;AA7DnB,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,oBAAoB,CAAC,KAAK,IACzB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACT,CACH,CAAC,CAAA;AAmDA,4CAAgB;AAlDlB,gBAAgB,CAAC,WAAW,GAAG,oBAAoB,CAAC,KAAK,CAAC,WAAW,CAAA;AAErE,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,oBAAoB,CAAC,WAAW,IAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC,CAAA;AAwCA,wDAAsB;AAvCxB,sBAAsB,CAAC,WAAW;IAChC,oBAAoB,CAAC,WAAW,CAAC,WAAW,CAAA;AAE9C,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,oBAAoB,CAAC,MAAM,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,IAAA,uBAAc,EAAC,EAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KACtE,KAAK,GACT,CACH,CAAC,CAAA;AA4BA,8CAAiB;AA3BnB,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC,MAAM,CAAC,WAAW,CAAA;AAEvE,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,oBAAoB,CAAC,MAAM,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,IAAA,uBAAc,EAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAClD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AAcA,8CAAiB;AAbnB,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC,MAAM,CAAC,WAAW,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const badgeVariants: (props?: {
|
|
4
|
+
variant?: "default";
|
|
5
|
+
size?: "default" | "dot";
|
|
6
|
+
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
7
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
8
|
+
}
|
|
9
|
+
declare function Badge({ className, variant, size, ...props }: BadgeProps): React.JSX.Element;
|
|
10
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.badgeVariants = exports.Badge = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
|
+
const badgeClasses = {
|
|
9
|
+
variant: {
|
|
10
|
+
base: `
|
|
11
|
+
inline-block
|
|
12
|
+
focus:ring-2
|
|
13
|
+
focus:ring-ring
|
|
14
|
+
focus:ring-offset-2
|
|
15
|
+
focus:outline-none
|
|
16
|
+
transition-colors
|
|
17
|
+
rounded-full
|
|
18
|
+
`,
|
|
19
|
+
default: `
|
|
20
|
+
bg-critical
|
|
21
|
+
text-white
|
|
22
|
+
`,
|
|
23
|
+
},
|
|
24
|
+
size: {
|
|
25
|
+
default: 'size-[16px] text-[10px] text-center leadimg-[1] truncate',
|
|
26
|
+
dot: 'size-[10px] bg-critical-light border-critical border-[3px]',
|
|
27
|
+
sm: '',
|
|
28
|
+
md: '',
|
|
29
|
+
lg: '',
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
const badgeVariants = (0, class_variance_authority_1.cva)(badgeClasses.variant.base, {
|
|
33
|
+
variants: {
|
|
34
|
+
variant: {
|
|
35
|
+
default: badgeClasses.variant.default,
|
|
36
|
+
},
|
|
37
|
+
size: {
|
|
38
|
+
default: badgeClasses.size.default,
|
|
39
|
+
dot: badgeClasses.size.dot
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
defaultVariants: {
|
|
43
|
+
variant: 'default',
|
|
44
|
+
size: 'default',
|
|
45
|
+
},
|
|
46
|
+
});
|
|
47
|
+
exports.badgeVariants = badgeVariants;
|
|
48
|
+
function Badge({ className, variant, size, ...props }) {
|
|
49
|
+
return (React.createElement("div", { className: (0, utils_1.cn)(badgeVariants({ variant, size }), className), ...props }));
|
|
50
|
+
}
|
|
51
|
+
exports.Badge = Badge;
|
|
52
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AAEnC,MAAM,YAAY,GAAG;IACpB,OAAO,EAAE;QACR,IAAI,EAAE;;;;;;;;IAQJ;QACF,OAAO,EAAE;;;GAGR;KACD;IACD,IAAI,EAAE;QACL,OAAO,EAAE,0DAA0D;QACnE,GAAG,EAAE,4DAA4D;QACjE,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACN;CACD,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;IACpD,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,OAAO;SACrC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;YAClC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG;SAC1B;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CAAC,CAAA;AAac,sCAAa;AAT7B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAEQ,sBAAK"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Badge, badgeVariants } from './Badge';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.badgeVariants = exports.Badge = void 0;
|
|
4
|
+
var Badge_1 = require("./Badge");
|
|
5
|
+
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
|
|
6
|
+
Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return Badge_1.badgeVariants; } });
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":";;;AAAA,iCAA8C;AAArC,8FAAA,KAAK,OAAA;AAAE,sGAAA,aAAa,OAAA"}
|
|
@@ -4,29 +4,11 @@ exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.Bottom
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
7
|
-
const
|
|
8
|
-
const btnClasses =
|
|
9
|
-
inline-flex
|
|
10
|
-
flex-col
|
|
11
|
-
place-items-center
|
|
12
|
-
gap-y-[8px]
|
|
13
|
-
w-full
|
|
14
|
-
p-[8px]
|
|
15
|
-
text-[10px]
|
|
16
|
-
text-center
|
|
17
|
-
text-light
|
|
18
|
-
leading-[1.33]
|
|
19
|
-
transition
|
|
20
|
-
duration-300
|
|
21
|
-
hover:bg-btn-ghost-hover
|
|
22
|
-
hover:text-primary
|
|
23
|
-
focus:bg-btn-ghost-focus
|
|
24
|
-
active:bg-btn-ghost-active
|
|
25
|
-
data-[status=active]:text-primary
|
|
26
|
-
`;
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
|
+
const btnClasses = 'inline-flex flex-col place-items-center gap-y-[8px] hover:bg-btn-ghost-hover focus:bg-btn-ghost-focus active:bg-btn-ghost-active p-[8px] w-full text-[10px] text-center text-light hover:text-primary data-[status=active]:text-primary leading-[1.33] transition duration-300';
|
|
27
9
|
const BottomNavigationLink = React.forwardRef(({ className, asChild, ...props }, ref) => {
|
|
28
10
|
const Comp = asChild ? react_slot_1.Slot : "button";
|
|
29
|
-
return (React.createElement(Comp, { className: (0,
|
|
11
|
+
return (React.createElement(Comp, { className: (0, utils_1.cn)(btnClasses, className), ref: ref, ...props }));
|
|
30
12
|
});
|
|
31
13
|
exports.BottomNavigationLink = BottomNavigationLink;
|
|
32
14
|
BottomNavigationLink.displayName = 'BottomNavigationLink';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavigation.js","sourceRoot":"","sources":["../../src/BottomNavigation/BottomNavigation.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,qDAA2C;AAC3C,
|
|
1
|
+
{"version":3,"file":"BottomNavigation.js","sourceRoot":"","sources":["../../src/BottomNavigation/BottomNavigation.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,qDAA2C;AAC3C,0CAAmC;AAWnC,MAAM,UAAU,GAAG,gRAAgR,CAAA;AAEnS,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAA+C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrI,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,OAAO,CACN,oBAAC,IAAI,IACJ,SAAS,EAAE,IAAA,UAAE,EAAC,UAAU,EAAE,SAAS,CAAC,EACpC,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAmByE,oDAAoB;AAjB/F,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAEzD,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAU,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3F,4BAAI,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAM,CACzC,CAAC,CAAA;AAa+C,4DAAwB;AAZzE,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAEjE,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAU,EAAE,GAAG,EAAE,EAAE,CAAC,CACvF,4BAAI,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAM,CACzD,CAAC,CAAA;AAQyB,oDAAoB;AAP/C,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAEzD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAU,EAAE,GAAG,EAAE,EAAE;IAClF,OAAO,6BAAK,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAO,CAAA;AACnD,CAAC,CAAC,CAAA;AAGO,4CAAgB;AAFzB,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA"}
|
package/dist/Button/Button.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const buttonVariants: (props?: {
|
|
4
|
-
variant?: "primary" | "secondary" | "success" | "primary-outline" | "outline" | "ghost";
|
|
5
|
-
size?: "lg" | "md" | "sm" | "xs" | "xxs";
|
|
4
|
+
variant?: "primary" | "secondary" | "success" | "primary-outline" | "outline" | "ghost" | "widget";
|
|
5
|
+
size?: "widget" | "lg" | "md" | "sm" | "xs" | "xxs";
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
7
7
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
8
|
asChild?: boolean;
|
package/dist/Button/Button.js
CHANGED
|
@@ -5,23 +5,115 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
7
7
|
const class_variance_authority_1 = require("class-variance-authority");
|
|
8
|
-
const
|
|
9
|
-
const
|
|
8
|
+
const utils_1 = require("../@/lib/utils");
|
|
9
|
+
const buttonClasses = {
|
|
10
|
+
variant: {
|
|
11
|
+
base: `
|
|
12
|
+
inline-flex
|
|
13
|
+
justify-center
|
|
14
|
+
items-center
|
|
15
|
+
font-medium
|
|
16
|
+
border-[2px]
|
|
17
|
+
whitespace-nowrap
|
|
18
|
+
transition-colors
|
|
19
|
+
ring-offset-1
|
|
20
|
+
focus-visible:ring
|
|
21
|
+
focus-visible:outline-none
|
|
22
|
+
disabled:pointer-events-none
|
|
23
|
+
disabled:opacity-[.24]`,
|
|
24
|
+
primary: `
|
|
25
|
+
text-btn-primary
|
|
26
|
+
bg-btn-primary
|
|
27
|
+
border-btn-primary
|
|
28
|
+
hover:bg-btn-primary-hover
|
|
29
|
+
hover:border-btn-primary-hover
|
|
30
|
+
focus:bg-btn-primary-focus
|
|
31
|
+
focus:border-btn-primary-focus
|
|
32
|
+
active:border-btn-primary-active
|
|
33
|
+
active:bg-btn-primary-active`,
|
|
34
|
+
secondary: `
|
|
35
|
+
text-btn-secondary
|
|
36
|
+
bg-btn-secondary
|
|
37
|
+
border-btn-secondary
|
|
38
|
+
hover:bg-btn-secondary-hover
|
|
39
|
+
hover:border-btn-secondary-hover
|
|
40
|
+
focus:bg-btn-secondary-focus
|
|
41
|
+
focus:border-btn-secondary-focus
|
|
42
|
+
active:bg-btn-secondary-active
|
|
43
|
+
active:border-btn-secondary-active`,
|
|
44
|
+
success: `
|
|
45
|
+
text-btn-success
|
|
46
|
+
bg-btn-success
|
|
47
|
+
border-btn-success
|
|
48
|
+
hover:bg-btn-success-hover
|
|
49
|
+
active:border-btn-success-active
|
|
50
|
+
focus:bg-btn-success-focus
|
|
51
|
+
focus:border-btn-success-focus
|
|
52
|
+
active:bg-btn-success-active
|
|
53
|
+
hover:border-btn-success-hover`,
|
|
54
|
+
primaryOutline: `
|
|
55
|
+
text-btn-primary-outline
|
|
56
|
+
bg-btn-primary-outline
|
|
57
|
+
border-btn-primary-outline
|
|
58
|
+
hover:text-btn-primary-outline-hover
|
|
59
|
+
hover:bg-btn-primary-outline-hover
|
|
60
|
+
hover:border-btn-primary-outline-hover
|
|
61
|
+
focus:text-btn-primary-outline-focus
|
|
62
|
+
focus:bg-btn-primary-outline-focus
|
|
63
|
+
focus:border-btn-primary-outline-focus
|
|
64
|
+
active:text-btn-primary-outline-active
|
|
65
|
+
active:bg-btn-primary-outline-active
|
|
66
|
+
active:border-btn-primary-outline-active`,
|
|
67
|
+
outline: `
|
|
68
|
+
text-btn-outline
|
|
69
|
+
border-[1px]
|
|
70
|
+
border-btn-outline
|
|
71
|
+
ring-[currentColor]`,
|
|
72
|
+
ghost: `
|
|
73
|
+
text-btn-ghost
|
|
74
|
+
bg-btn-ghost
|
|
75
|
+
border-transparent
|
|
76
|
+
hover:bg-btn-ghost-hover
|
|
77
|
+
focus:bg-btn-ghost-focus
|
|
78
|
+
active:bg-btn-ghost-active`,
|
|
79
|
+
widget: `
|
|
80
|
+
justify-start
|
|
81
|
+
h-[72px]
|
|
82
|
+
w-full p-[16px]
|
|
83
|
+
space-x-[16px]
|
|
84
|
+
text-left
|
|
85
|
+
rounded-md
|
|
86
|
+
shadow-md
|
|
87
|
+
border-transparent`,
|
|
88
|
+
},
|
|
89
|
+
size: {
|
|
90
|
+
lg: 'h-[52px] px-[32px] text-[16px] leading-[1.08] rounded-[4px]',
|
|
91
|
+
md: 'h-[44px] px-[24px] text-[14px] leading-[1.08] rounded-[4px]',
|
|
92
|
+
sm: 'h-[36px] px-[20px] text-[12px] leading-none rounded-[3px]',
|
|
93
|
+
xs: 'h-[28px] px-[12px] text-[11px] leading-none rounded-[2px]',
|
|
94
|
+
xxs: 'h-[20px] px-[8px] text-[9px] leading-none rounded-[2px]',
|
|
95
|
+
widget: `h-[72px] p-[16px]`
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
const buttonVariants = (0, class_variance_authority_1.cva)(buttonClasses.variant.base, {
|
|
10
99
|
variants: {
|
|
11
100
|
variant: {
|
|
12
|
-
primary:
|
|
13
|
-
secondary:
|
|
14
|
-
success:
|
|
15
|
-
'primary-outline':
|
|
16
|
-
outline:
|
|
17
|
-
ghost:
|
|
101
|
+
primary: buttonClasses.variant.primary,
|
|
102
|
+
secondary: buttonClasses.variant.secondary,
|
|
103
|
+
success: buttonClasses.variant.success,
|
|
104
|
+
'primary-outline': buttonClasses.variant.primaryOutline,
|
|
105
|
+
outline: buttonClasses.variant.outline,
|
|
106
|
+
ghost: buttonClasses.variant.ghost,
|
|
107
|
+
widget: buttonClasses.variant.widget,
|
|
108
|
+
// link: 'text-primary underline-offset-4 hover:underline',
|
|
18
109
|
},
|
|
19
110
|
size: {
|
|
20
|
-
lg:
|
|
21
|
-
md:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
111
|
+
lg: buttonClasses.size.lg,
|
|
112
|
+
md: buttonClasses.size.md,
|
|
113
|
+
widget: buttonClasses.size.widget,
|
|
114
|
+
sm: buttonClasses.size.sm,
|
|
115
|
+
xs: buttonClasses.size.xs,
|
|
116
|
+
xxs: buttonClasses.size.xxs,
|
|
25
117
|
},
|
|
26
118
|
},
|
|
27
119
|
defaultVariants: {
|
|
@@ -30,10 +122,20 @@ const buttonVariants = (0, class_variance_authority_1.cva)('inline-flex justify-
|
|
|
30
122
|
},
|
|
31
123
|
});
|
|
32
124
|
exports.buttonVariants = buttonVariants;
|
|
33
|
-
const textVariants = (0, class_variance_authority_1.cva)(
|
|
125
|
+
const textVariants = (0, class_variance_authority_1.cva)(`inline-flex
|
|
126
|
+
whitespace-nowrap
|
|
127
|
+
transition-colors
|
|
128
|
+
rounded-[.25em]
|
|
129
|
+
focus-visible:outline-current
|
|
130
|
+
disabled:opacity-[.24]
|
|
131
|
+
disabled:pointer-events-none`, {
|
|
34
132
|
variants: {
|
|
35
133
|
variant: {
|
|
36
|
-
primary:
|
|
134
|
+
primary: `text-primary
|
|
135
|
+
hover:text-primary-hover
|
|
136
|
+
focus:text-primary-focus
|
|
137
|
+
active:text-primary-active
|
|
138
|
+
disabled:pointer-events-none`,
|
|
37
139
|
},
|
|
38
140
|
},
|
|
39
141
|
defaultVariants: {
|
|
@@ -41,10 +143,10 @@ const textVariants = (0, class_variance_authority_1.cva)('inline-flex whitespace
|
|
|
41
143
|
},
|
|
42
144
|
});
|
|
43
145
|
const Button = React.forwardRef(({ className, variant, size, asText = false, asChild = false, ...props }, ref) => {
|
|
44
|
-
const Comp = asChild ? react_slot_1.Slot :
|
|
146
|
+
const Comp = asChild ? react_slot_1.Slot : 'button';
|
|
45
147
|
// @ts-ignore
|
|
46
148
|
const classes = asText ? textVariants({ variant, className }) : buttonVariants({ variant, size, className });
|
|
47
|
-
return (React.createElement(Comp, { className: (0,
|
|
149
|
+
return (React.createElement(Comp, { className: (0, utils_1.cn)(classes), ref: ref, ...props }));
|
|
48
150
|
});
|
|
49
151
|
exports.Button = Button;
|
|
50
152
|
Button.displayName = 'Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,qDAA2C;AAC3C,uEAAiE;AACjE,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
|
package/dist/Button/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":";;;AAAA,mCAA+C;AAAvC,gGAAA,MAAM,OAAA;AAAE,wGAAA,cAAc,OAAA"}
|
|
@@ -4,14 +4,14 @@ exports.Calendar = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const react_day_picker_1 = require("react-day-picker");
|
|
7
|
-
const
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
8
|
const locale_1 = require("date-fns/locale");
|
|
9
9
|
const daySelectedClasses = 'bg-btn-primary text-btn-primary rounded-sm';
|
|
10
10
|
const dayTodayClasses = 'bg-btn-secondary text-btn-secondary rounded-sm';
|
|
11
11
|
const rangeMiddleClasses = 'date-range-middle aria-selected:bg-btn-primary/50 aria-selected:text-white';
|
|
12
12
|
const btnNavClasses = 'opacity-50 hover:opacity-100 ring-offset-2 focus-visible:opacity-100 focus-visible:outline-primary border-input border rounded-sm shadow-sm';
|
|
13
13
|
function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
|
|
14
|
-
return (React.createElement(react_day_picker_1.DayPicker, { locale: locale_1.ru, showOutsideDays: showOutsideDays, className: (0,
|
|
14
|
+
return (React.createElement(react_day_picker_1.DayPicker, { locale: locale_1.ru, showOutsideDays: showOutsideDays, className: (0, utils_1.cn)('inline-flex', className), classNames: {
|
|
15
15
|
months: 'relative',
|
|
16
16
|
month: 'flex flex-col space-y-[16px] items-center',
|
|
17
17
|
month_grid: 'w-full border-collapse',
|
|
@@ -24,7 +24,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
|
|
|
24
24
|
weekday: 'text-light w-[32px] font-normal text-[14px]',
|
|
25
25
|
week: 'flex w-full mt-2',
|
|
26
26
|
day_button: 'w-[32px] h-[32px] p-0',
|
|
27
|
-
day: (0,
|
|
27
|
+
day: (0, utils_1.cn)('aria-selected:opacity-100 text-[14px] leading-[1]', props.mode === 'range'
|
|
28
28
|
? '[&:(.day-range-middle)]:rounded-0 [&:has(>.day-range-end)]:rounded-r-sm [&:has(>.day-range-start)]:rounded-l-sm first:[&:has([aria-selected])]:rounded-l-sm last:[&:has([aria-selected])]:rounded-r-sm'
|
|
29
29
|
: '[&:([aria-selected])]:rounded-sm'),
|
|
30
30
|
range_start: 'day-range-start',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uDAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uDAA4C;AAC5C,0CAAmC;AACnC,4CAAoC;AAEpC,MAAM,kBAAkB,GAAG,4CAA4C,CAAA;AACvE,MAAM,eAAe,GAAG,gDAAgD,CAAA;AACxE,MAAM,kBAAkB,GAAG,4EAA4E,CAAA;AACvG,MAAM,aAAa,GAClB,6IAA6I,CAAA;AAG9I,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB;IAC3F,OAAO,CACN,oBAAC,4BAAS,IACT,MAAM,EAAE,WAAE,EACV,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,UAAU,EAAE;YACX,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,2CAA2C;YAClD,UAAU,EAAE,wBAAwB;YACpC,aAAa,EAAE,iBAAiB;YAChC,aAAa,EAAE,gCAAgC;YAC/C,GAAG,EAAE,6CAA6C;YAClD,eAAe,EAAE,aAAa;YAC9B,WAAW,EAAE,aAAa;YAC1B,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,6CAA6C;YACtD,IAAI,EAAE,kBAAkB;YACxB,UAAU,EAAE,uBAAuB;YACnC,GAAG,EAAE,IAAA,UAAE,EACN,mDAAmD,EACnD,KAAK,CAAC,IAAI,KAAK,OAAO;gBACrB,CAAC,CAAC,wMAAwM;gBAC1M,CAAC,CAAC,kCAAkC,CACrC;YACD,WAAW,EAAE,iBAAiB;YAC9B,SAAS,EAAE,eAAe;YAC1B,YAAY,EAAE,kBAAkB;YAChC,QAAQ,EAAE,kBAAkB;YAC5B,KAAK,EAAE,eAAe;YACtB,OAAO,EACN,qGAAqG;YACtG,QAAQ,EAAE,uBAAuB;YACjC,MAAM,EAAE,WAAW;YACnB,GAAG,UAAU;SACb,EACD,UAAU,EACT;QACC,+CAA+C;SAC/C,KAEE,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAIQ,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
|
+
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
export { Checkbox };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Checkbox = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const CheckboxPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-checkbox"));
|
|
7
|
+
const icons_1 = require("../Icon/icons");
|
|
8
|
+
const checkboxClasses = {
|
|
9
|
+
root: `
|
|
10
|
+
peer
|
|
11
|
+
size-[18px]
|
|
12
|
+
shrink-0
|
|
13
|
+
rounded-sm
|
|
14
|
+
border-2
|
|
15
|
+
border-input
|
|
16
|
+
focus-visible:outline-none
|
|
17
|
+
focus-visible:ring-1 focus-visible:ring-ring
|
|
18
|
+
disabled:cursor-not-allowed disabled:opacity-50
|
|
19
|
+
data-[state=checked]:bg-primary
|
|
20
|
+
data-[state=checked]:border-primary
|
|
21
|
+
data-[state=checked]:text-white
|
|
22
|
+
`,
|
|
23
|
+
indicator: `
|
|
24
|
+
flex
|
|
25
|
+
justify-center
|
|
26
|
+
items-center
|
|
27
|
+
text-current
|
|
28
|
+
`
|
|
29
|
+
};
|
|
30
|
+
const Checkbox = React.forwardRef(({ className, ...props }, ref) => (React.createElement(CheckboxPrimitive.Root, { ref: ref, className: checkboxClasses.root, ...props },
|
|
31
|
+
React.createElement(CheckboxPrimitive.Indicator, { className: checkboxClasses.indicator },
|
|
32
|
+
React.createElement(icons_1.CheckSmall, { className: "size-[14px]" })))));
|
|
33
|
+
exports.Checkbox = Checkbox;
|
|
34
|
+
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
35
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yFAA6D;AAC7D,yCAA0C;AAE1C,MAAM,eAAe,GAAG;IACvB,IAAI,EAAE;;;;;;;;;;;;;GAaJ;IACF,SAAS,EAAE;;;;;EAKV;CACD,CAAA;AAED,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,iBAAiB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,CAAC,IAAI,KAC3B,KAAK;IAET,oBAAC,iBAAiB,CAAC,SAAS,IAAC,SAAS,EAAE,eAAe,CAAC,SAAS;QAChE,oBAAC,kBAAU,IAAC,SAAS,EAAC,aAAa,GAAG,CACT,CACN,CACzB,CAAC,CAAA;AAGO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Checkbox } from './Checkbox';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Checkbox = void 0;
|
|
4
|
+
var Checkbox_1 = require("./Checkbox");
|
|
5
|
+
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Checkbox/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}
|
package/dist/Chip/Chip.js
CHANGED
|
@@ -5,7 +5,8 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
6
|
const class_variance_authority_1 = require("class-variance-authority");
|
|
7
7
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
8
|
-
const
|
|
8
|
+
const utils_1 = require("../@/lib/utils");
|
|
9
|
+
// import { cn } from "@/lib/utils" порешать с алиасами
|
|
9
10
|
const chipVariants = (0, class_variance_authority_1.cva)('inline-flex justify-center items-center border-[2px] disabled:opacity-[.24] rounded-full ring-offset-1 font-medium whitespace-nowrap transition-colors disabled:pointer-events-none', {
|
|
10
11
|
variants: {
|
|
11
12
|
variant: {
|
|
@@ -31,7 +32,7 @@ const chipVariants = (0, class_variance_authority_1.cva)('inline-flex justify-ce
|
|
|
31
32
|
});
|
|
32
33
|
const Chip = react_1.default.forwardRef(({ children, variant, size, className, asChild = false, ...props }, ref) => {
|
|
33
34
|
const Comp = asChild ? react_slot_1.Slot : "span";
|
|
34
|
-
return (react_1.default.createElement(Comp, { className: (0,
|
|
35
|
+
return (react_1.default.createElement(Comp, { className: (0, utils_1.cn)(chipVariants({ variant, size, className })), ref: ref, ...props }));
|
|
35
36
|
});
|
|
36
37
|
exports.Chip = Chip;
|
|
37
38
|
Chip.displayName = 'Chip';
|
package/dist/Chip/Chip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":";;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":";;;;AAAA,+DAAoD;AACpD,uEAAiE;AACjE,qDAA2C;AAC3C,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,YAAY,GAAG,IAAA,8BAAG,EACvB,qLAAqL,EACrL;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,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,8CAA8C;YAClD,EAAE,EAAE,EAAE;YACN,GAAG,EAAE,EAAE;SACP;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,IAAI;KACV;CACD,CACD,CAAA;AAMD,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAAgC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpI,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvC,OAAO,CACN,8BAAC,IAAI,IACC,SAAS,EAAE,IAAA,UAAE,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EACzD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
|