@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
|
@@ -3,21 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectBase = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const Icon_1 = require("
|
|
6
|
+
const Icon_1 = require("../Icon");
|
|
7
7
|
const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
|
|
8
|
-
const
|
|
9
|
-
const selectTriggerClasses =
|
|
10
|
-
flex
|
|
11
|
-
items-center
|
|
12
|
-
py-[12px]
|
|
13
|
-
px-[16px]
|
|
14
|
-
h-[44px]
|
|
15
|
-
text-left
|
|
16
|
-
border-[1px]
|
|
17
|
-
border-input
|
|
18
|
-
rounded-sm
|
|
19
|
-
cursor-pointer
|
|
20
|
-
`;
|
|
8
|
+
const utils_1 = require("../@/lib/utils");
|
|
9
|
+
const selectTriggerClasses = 'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer';
|
|
21
10
|
const colourStyles = {
|
|
22
11
|
control: () => ({}),
|
|
23
12
|
option: () => ({}),
|
|
@@ -34,14 +23,14 @@ const Input = ({ ...props }) => {
|
|
|
34
23
|
};
|
|
35
24
|
const Control = ({ children, ...props }) => {
|
|
36
25
|
const { isFocused } = props;
|
|
37
|
-
return (React.createElement(react_select_1.components.Control, { className: (0,
|
|
26
|
+
return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
38
27
|
};
|
|
39
28
|
const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
|
|
40
29
|
const Option = ({ children, ...props }) => {
|
|
41
30
|
const { isSelected, isFocused, isDisabled, } = props;
|
|
42
|
-
return (React.createElement(react_select_1.components.Option, { className: (0,
|
|
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 },
|
|
43
32
|
React.createElement("span", { className: "flex basis-0 grow" }, children),
|
|
44
|
-
React.createElement("span", { className: "ml-[16px]
|
|
33
|
+
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" })))));
|
|
45
34
|
};
|
|
46
35
|
const IndicatorsContainer = ({ children, ...props }) => {
|
|
47
36
|
return (React.createElement(react_select_1.components.IndicatorsContainer, { className: 'flex items-center gap-x-[8px] shrink-0', ...props }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,
|
|
1
|
+
{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":"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"}
|
package/dist/Slider/Slider.js
CHANGED
|
@@ -3,26 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
5
5
|
const SliderPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-slider"));
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
border-primary
|
|
12
|
-
bg-background
|
|
13
|
-
rounded-full
|
|
14
|
-
ring-offset-background
|
|
15
|
-
focus-visible:ring-2
|
|
16
|
-
focus-visible:ring-ring
|
|
17
|
-
focus-visible:ring-offset-2
|
|
18
|
-
focus-visible:outline-none
|
|
19
|
-
disabled:pointer-events-none
|
|
20
|
-
disabled:opacity-50
|
|
21
|
-
transition-colors
|
|
22
|
-
`;
|
|
23
|
-
const Slider = React.forwardRef(({ className = '', ...props }, ref) => (React.createElement(SliderPrimitive.Root, { ref: ref, className: (0, clsx_1.default)('relative flex w-full touch-none select-none items-center', className), ...props },
|
|
24
|
-
React.createElement(SliderPrimitive.Track, { className: "relative bg-secondary rounded-full w-full h-2 overflow-hidden grow" },
|
|
25
|
-
React.createElement(SliderPrimitive.Range, { className: "absolute bg-primary h-full" })),
|
|
26
|
-
React.createElement(SliderPrimitive.Thumb, { className: sliderThumb }))));
|
|
6
|
+
const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
|
|
7
|
+
const Slider = React.forwardRef(({ className = '', ...props }, ref) => (React.createElement(SliderPrimitive.Root, { ref: ref, className: (0, classnames_1.default)('relative flex w-full touch-none select-none items-center', className), ...props },
|
|
8
|
+
React.createElement(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary" },
|
|
9
|
+
React.createElement(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })),
|
|
10
|
+
React.createElement(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" }))));
|
|
27
11
|
exports.default = Slider;
|
|
28
12
|
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/Slider/Slider.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAC9B,qFAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/Slider/Slider.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAC9B,qFAAyD;AACzD,yEAA2B;AAE3B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,0DAA0D,EAAE,SAAS,CAAC,KAChF,KAAK;IAET,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,oEAAoE;QACpG,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,4BAA4B,GAAG,CACzC;IACxB,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,gQAAgQ,GAAG,CAC9Q,CACvB,CAAC,CAAA;AAEF,kBAAe,MAAM,CAAA"}
|
package/dist/Switch/Switch.js
CHANGED
|
@@ -4,40 +4,26 @@ exports.Switch = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const SwitchPrimitives = (0, tslib_1.__importStar)(require("@radix-ui/react-switch"));
|
|
7
|
-
const
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
8
|
const rootClasses = `
|
|
9
|
-
inline-flex
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
shadow-sm
|
|
15
|
-
rounded-full
|
|
16
|
-
focus-visible:ring-2
|
|
17
|
-
focus-visible:ring-ring
|
|
18
|
-
focus-visible:ring-offset-2
|
|
19
|
-
focus-visible:outline-none
|
|
20
|
-
data-[state=checked]:bg-primary
|
|
21
|
-
data-[state=unchecked]:bg-input
|
|
22
|
-
disabled:cursor-not-allowed peer shrink-0
|
|
23
|
-
disabled:opacity-50
|
|
9
|
+
inline-flex items-center bg-light
|
|
10
|
+
data-[state=checked]:bg-primary data-[state=unchecked]:bg-input
|
|
11
|
+
disabled:opacity-50 shadow-sm rounded-full
|
|
12
|
+
focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
|
|
13
|
+
w-[32px] h-[18px]
|
|
24
14
|
transition-colors cursor-pointer
|
|
15
|
+
disabled:cursor-not-allowed peer shrink-0
|
|
16
|
+
focus-visible:outline-none
|
|
25
17
|
`;
|
|
26
18
|
const ThumbClasses = `
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
bg-page
|
|
31
|
-
shadow-md
|
|
32
|
-
rounded-full
|
|
33
|
-
ring-0
|
|
34
|
-
data-[state=checked]:border-primary
|
|
35
|
-
data-[state=checked]:translate-x-[14px]
|
|
36
|
-
data-[state=unchecked]:translate-x-0
|
|
19
|
+
border-2 border-input data-[state=checked]:border-primary
|
|
20
|
+
bg-page shadow-md rounded-full ring-0
|
|
21
|
+
w-[18px] h-[18px]
|
|
37
22
|
transition-transform
|
|
23
|
+
data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0
|
|
38
24
|
pointer-events-none
|
|
39
25
|
`;
|
|
40
|
-
const Switch = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SwitchPrimitives.Root, { className: (0,
|
|
26
|
+
const Switch = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SwitchPrimitives.Root, { className: (0, utils_1.cn)(rootClasses, className), ...props, ref: ref },
|
|
41
27
|
React.createElement("span", { className: "" }),
|
|
42
28
|
React.createElement(SwitchPrimitives.Thumb, { className: ThumbClasses }))));
|
|
43
29
|
exports.Switch = Switch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;AACA,0DAA8B;AAC9B,sFAA0D;
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;AACA,0DAA8B;AAC9B,sFAA0D;AAE1D,0CAAmC;AAEnC,MAAM,WAAW,GAAG;;;;;;;;;CASnB,CAAA;AACD,MAAM,YAAY,GAAG;;;;;;;CAOpB,CAAA;AAED,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,EAChB,WAAW,EACN,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG;IAEX,8BAAM,SAAS,EAAC,EAAE,GAAQ;IACvB,oBAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,YAAY,GACvB,CACoB,CACzB,CAAC,CAAA;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAA"}
|
package/dist/Tabs/Tabs.js
CHANGED
|
@@ -7,52 +7,22 @@ const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
|
|
|
7
7
|
const TabsPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-tabs"));
|
|
8
8
|
const Tabs = ({ ...props }) => react_1.default.createElement(TabsPrimitive.Root, { ...props });
|
|
9
9
|
exports.Tabs = Tabs;
|
|
10
|
-
const
|
|
11
|
-
inline-flex
|
|
12
|
-
bg-[--tabs-bg]
|
|
13
|
-
p-[1px]
|
|
14
|
-
rounded-[--tabs-round]
|
|
15
|
-
data-[orientation=horizontal]:h-[--tabs-height]
|
|
16
|
-
data-[orientation=vertical]:flex-col
|
|
17
|
-
`;
|
|
18
|
-
const TabsList = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.List, { ref: ref, className: (0, classnames_1.default)(tabListClasses, className), ...props })));
|
|
10
|
+
const TabsList = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.List, { ref: ref, className: (0, classnames_1.default)('inline-flex bg-[--tabs-bg] p-[1px] rounded-[--tabs-round] data-[orientation=horizontal]:h-[--tabs-height] data-[orientation=vertical]:flex-col', className), ...props })));
|
|
19
11
|
const triggerClasses = `
|
|
20
|
-
flex-1
|
|
21
|
-
shrink-0
|
|
22
|
-
ring-offset-background
|
|
23
|
-
h-[--tab-height]
|
|
24
|
-
text-center
|
|
25
|
-
text-[12px]
|
|
26
|
-
leading-[1.16]
|
|
27
|
-
truncate
|
|
28
|
-
border
|
|
29
|
-
border-transparent
|
|
30
|
-
rounded-sm
|
|
31
|
-
motion-reduce:hover:transform-none
|
|
32
|
-
motion-reduce:transition-none
|
|
33
|
-
focus-visible:outline-none
|
|
34
|
-
focus-visible:ring-2
|
|
35
|
-
focus-visible:ring-ring
|
|
36
|
-
focus-visible:ring-offset-2
|
|
12
|
+
flex-1 shrink-0
|
|
37
13
|
data-[state=active]:border-[--tab-border]
|
|
38
14
|
data-[state=active]:bg-[--tab-bg]
|
|
39
15
|
data-[state=active]:shadow-sm px-[8px]
|
|
40
16
|
data-[orientation=vertical]:basis-auto
|
|
41
17
|
data-[state=inactive]:text-dark
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
whitespace-nowrap
|
|
46
|
-
|
|
18
|
+
border border-transparent rounded-sm focus-visible:ring-2
|
|
19
|
+
focus-visible:ring-ring ring-offset-background focus-visible:ring-offset-2
|
|
20
|
+
h-[--tab-height] text-[12px] text-center truncate
|
|
21
|
+
leading-[1.16] whitespace-nowrap motion-reduce:hover:transform-none
|
|
22
|
+
transition-all motion-reduce:transition-none overflow-hidden
|
|
23
|
+
focus-visible:outline-none disabled:pointer-events-none`;
|
|
47
24
|
const TabsTrigger = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Trigger, { ref: ref, className: (0, classnames_1.default)(triggerClasses, className), ...props })));
|
|
48
|
-
const
|
|
49
|
-
ring-offset-background
|
|
50
|
-
focus-visible:outline-none
|
|
51
|
-
focus-visible:ring-2
|
|
52
|
-
focus-visible:ring-ring
|
|
53
|
-
focus-visible:ring-offset-2
|
|
54
|
-
`;
|
|
55
|
-
const TabsContent = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Content, { ref: ref, className: (0, classnames_1.default)(tabsContentClasses, className), ...props })));
|
|
25
|
+
const TabsContent = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Content, { ref: ref, className: (0, classnames_1.default)('ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className), ...props })));
|
|
56
26
|
Tabs.List = TabsList;
|
|
57
27
|
TabsList.displayName = 'TabsList';
|
|
58
28
|
Tabs.Trigger = TabsTrigger;
|
package/dist/Tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;AAAA,+DAAyB;AACzB,yEAA2B;AAC3B,iFAAqD;AASrD,MAAM,IAAI,GAAyC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,8BAAC,aAAa,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;AAAA,+DAAyB;AACzB,yEAA2B;AAC3B,iFAAqD;AASrD,MAAM,IAAI,GAAyC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,8BAAC,aAAa,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AA8D7F,oBAAI;AA5Db,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,gJAAgJ,EAChJ,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG;;;;;;;;;;;;yDAYkC,CAAA;AAEzD,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,cAAc,EAAE,SAAS,CAAC,KACpC,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,4HAA4H,EAC5H,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AACvC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
3
3
|
}
|
|
4
4
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -3,27 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Textarea = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const
|
|
7
|
-
const textAreaClasses = `
|
|
8
|
-
flex
|
|
9
|
-
py-2
|
|
10
|
-
px-3
|
|
11
|
-
min-h-[60px]
|
|
12
|
-
w-full
|
|
13
|
-
border
|
|
14
|
-
border-input
|
|
15
|
-
rounded-md
|
|
16
|
-
bg-transparent
|
|
17
|
-
placeholder:text-light
|
|
18
|
-
focus-visible:outline-none
|
|
19
|
-
focus-visible:ring-1
|
|
20
|
-
focus-visible:ring-ring
|
|
21
|
-
disabled:cursor-not-allowed
|
|
22
|
-
disabled:opacity-50
|
|
23
|
-
`;
|
|
6
|
+
const utils_1 = require("../@/lib/utils");
|
|
24
7
|
const Textarea = React.forwardRef(({ className, ...props }, ref) => {
|
|
25
|
-
return (React.createElement("textarea", { className: (0,
|
|
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 }));
|
|
26
9
|
});
|
|
27
10
|
exports.Textarea = Textarea;
|
|
28
|
-
Textarea.displayName =
|
|
11
|
+
Textarea.displayName = "Textarea";
|
|
29
12
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;
|
|
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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ import { BottomNavigation, BottomNavigationList, BottomNavigationListItem, Botto
|
|
|
8
8
|
import * as Icon from './Icon';
|
|
9
9
|
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './Collapsible';
|
|
10
10
|
import { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem } from './Collapsible';
|
|
11
|
-
import { Button } from './Button';
|
|
11
|
+
import { Button, buttonVariants } from './Button';
|
|
12
12
|
import { Audio } from './Audio';
|
|
13
13
|
import { cn } from './@/lib/utils';
|
|
14
14
|
import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer';
|
|
@@ -24,6 +24,8 @@ import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, For
|
|
|
24
24
|
import { Calendar } from './Calendar';
|
|
25
25
|
import { DatePicker } from './DatePicker';
|
|
26
26
|
import { Select } from './Select';
|
|
27
|
-
import { Progress } from
|
|
27
|
+
import { Progress } from './Progress';
|
|
28
28
|
import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './AlertDialog';
|
|
29
|
-
|
|
29
|
+
import { Badge, badgeVariants } from './Badge';
|
|
30
|
+
import { Checkbox } from './Checkbox';
|
|
31
|
+
export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, buttonVariants, 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, Badge, badgeVariants, Checkbox };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = void 0;
|
|
3
|
+
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.buttonVariants = 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.Checkbox = exports.badgeVariants = exports.Badge = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = exports.SelectAsync = 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; } });
|
|
@@ -37,6 +37,7 @@ Object.defineProperty(exports, "AccountCollapsibleContent", { enumerable: true,
|
|
|
37
37
|
Object.defineProperty(exports, "AccountCollapsibleContentItem", { enumerable: true, get: function () { return Collapsible_2.AccountCollapsibleContentItem; } });
|
|
38
38
|
const Button_1 = require("./Button");
|
|
39
39
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
40
|
+
Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return Button_1.buttonVariants; } });
|
|
40
41
|
const Audio_1 = require("./Audio");
|
|
41
42
|
Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return Audio_1.Audio; } });
|
|
42
43
|
const utils_1 = require("./@/lib/utils");
|
|
@@ -92,4 +93,9 @@ Object.defineProperty(exports, "AlertDialogTitle", { enumerable: true, get: func
|
|
|
92
93
|
Object.defineProperty(exports, "AlertDialogDescription", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogDescription; } });
|
|
93
94
|
Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogAction; } });
|
|
94
95
|
Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogCancel; } });
|
|
96
|
+
const Badge_1 = require("./Badge");
|
|
97
|
+
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
|
|
98
|
+
Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return Badge_1.badgeVariants; } });
|
|
99
|
+
const Checkbox_1 = require("./Checkbox");
|
|
100
|
+
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
|
|
95
101
|
//# 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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@modul/mbui",
|
|
3
|
-
"version": "0.0.16-beta-pv-
|
|
3
|
+
"version": "0.0.16-beta-pv-53139-88618ef5",
|
|
4
4
|
"packageManager": "yarn@3.5.1",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"@hookform/resolvers": "3.9.0",
|
|
25
25
|
"@radix-ui/react-accordion": "^1.2.0",
|
|
26
26
|
"@radix-ui/react-alert-dialog": "1.1.1",
|
|
27
|
+
"@radix-ui/react-checkbox": "1.1.1",
|
|
27
28
|
"@radix-ui/react-collapsible": "1.1.0",
|
|
28
29
|
"@radix-ui/react-dropdown-menu": "2.1.1",
|
|
29
30
|
"@radix-ui/react-label": "2.1.0",
|
package/src/@/config/index.ts
CHANGED
|
@@ -1,84 +1,84 @@
|
|
|
1
|
-
import button from
|
|
2
|
-
import label from
|
|
1
|
+
import button from "./button"
|
|
2
|
+
import label from "./label"
|
|
3
3
|
|
|
4
4
|
export default {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
5
|
+
container: {
|
|
6
|
+
center: true,
|
|
7
|
+
},
|
|
8
|
+
screens: {
|
|
9
|
+
sm: '375px',
|
|
10
|
+
},
|
|
11
|
+
extend: {
|
|
12
|
+
colors: {
|
|
13
|
+
light: 'var(--light)',
|
|
14
|
+
dark: 'var(--dark)',
|
|
15
|
+
primary: {
|
|
16
|
+
DEFAULT: 'var(--primary)',
|
|
17
|
+
light: {
|
|
18
|
+
DEFAULT: 'var(--primary-light)'
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
success: {
|
|
22
|
+
DEFAULT: 'var(--success)',
|
|
23
|
+
light: 'var(--success-light)',
|
|
24
|
+
},
|
|
25
|
+
secondary: {
|
|
26
|
+
DEFAULT: 'var(--secondary)',
|
|
27
|
+
},
|
|
28
|
+
warning: {
|
|
29
|
+
DEFAULT: 'var(--warning)',
|
|
30
|
+
light: 'var(--warning-light)'
|
|
19
31
|
},
|
|
32
|
+
critical: {
|
|
33
|
+
DEFAULT: 'var(--critical)',
|
|
34
|
+
light: 'var(--critical-light)',
|
|
35
|
+
},
|
|
36
|
+
disabled: 'var(--disabled)',
|
|
37
|
+
transparent: 'transparent',
|
|
38
|
+
current: 'currentColor',
|
|
20
39
|
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
40
|
+
textColor: {
|
|
41
|
+
...button.textColor,
|
|
42
|
+
...label.textColor
|
|
24
43
|
},
|
|
25
|
-
|
|
26
|
-
|
|
44
|
+
backgroundColor: {
|
|
45
|
+
page: 'var(--page-bg)',
|
|
46
|
+
light: 'var(--bg-light)',
|
|
47
|
+
dialog: 'var(--dialog-bg)',
|
|
48
|
+
...button.backgroundColor,
|
|
49
|
+
...label.backgroundColor
|
|
27
50
|
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
51
|
+
dropShadow: {
|
|
52
|
+
'sm': 'var(--shadow-sm)',
|
|
53
|
+
'md': 'var(--shadow-md)',
|
|
31
54
|
},
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
55
|
+
boxShadow: {
|
|
56
|
+
'sm': 'var(--shadow-sm)',
|
|
57
|
+
'md': 'var(--shadow-md)',
|
|
35
58
|
},
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
...button.textColor,
|
|
42
|
-
...label.textColor,
|
|
43
|
-
},
|
|
44
|
-
backgroundColor: {
|
|
45
|
-
page: 'var(--page-bg)',
|
|
46
|
-
light: 'var(--bg-light)',
|
|
47
|
-
dialog: 'var(--dialog-bg)',
|
|
48
|
-
...button.backgroundColor,
|
|
49
|
-
...label.backgroundColor,
|
|
50
|
-
},
|
|
51
|
-
dropShadow: {
|
|
52
|
-
sm: 'var(--shadow-sm)',
|
|
53
|
-
md: 'var(--shadow-md)',
|
|
54
|
-
},
|
|
55
|
-
boxShadow: {
|
|
56
|
-
sm: 'var(--shadow-sm)',
|
|
57
|
-
md: 'var(--shadow-md)',
|
|
58
|
-
},
|
|
59
|
-
borderColor: {
|
|
60
|
-
input: {
|
|
61
|
-
DEFAULT: 'var(--border-color)',
|
|
59
|
+
borderColor: {
|
|
60
|
+
input: {
|
|
61
|
+
DEFAULT: 'var(--border-color)'
|
|
62
|
+
},
|
|
63
|
+
...button.borderColor
|
|
62
64
|
},
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
sm: 'var(--border-radius-sm)',
|
|
67
|
-
md: 'var(--border-radius-md)',
|
|
68
|
-
},
|
|
69
|
-
keyframes: {
|
|
70
|
-
'accordion-down': {
|
|
71
|
-
from: { height: '0' },
|
|
72
|
-
to: { height: 'var(--radix-accordion-content-height)' },
|
|
65
|
+
borderRadius: {
|
|
66
|
+
'sm': 'var(--border-radius-sm)',
|
|
67
|
+
'md': 'var(--border-radius-md)',
|
|
73
68
|
},
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
69
|
+
keyframes: {
|
|
70
|
+
'accordion-down': {
|
|
71
|
+
from: { height: '0' },
|
|
72
|
+
to: { height: 'var(--radix-accordion-content-height)' },
|
|
73
|
+
},
|
|
74
|
+
'accordion-up': {
|
|
75
|
+
from: { height: 'var(--radix-accordion-content-height)' },
|
|
76
|
+
to: { height: '0' },
|
|
77
|
+
},
|
|
78
|
+
},
|
|
79
|
+
animation: {
|
|
80
|
+
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
81
|
+
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
77
82
|
},
|
|
78
83
|
},
|
|
79
|
-
|
|
80
|
-
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
81
|
-
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
82
|
-
},
|
|
83
|
-
},
|
|
84
|
-
}
|
|
84
|
+
}
|