@modul/mbui 0.0.16-beta-pv-53139-88618ef5 → 0.0.17-beta-pv-53151-c7f612b9
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 +15 -6
- package/dist/Alert/Alert.js +29 -18
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +1 -1
- package/dist/AlertDialog/AlertDialog.js.map +1 -1
- package/dist/BottomNavigation/BottomNavigation.js +19 -1
- package/dist/BottomNavigation/BottomNavigation.js.map +1 -1
- package/dist/Button/Button.d.ts +2 -2
- package/dist/Button/Button.js +15 -117
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/index.js.map +1 -1
- package/dist/Chip/Chip.js +0 -1
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/Collapsible/AccountCollapsible.js +16 -1
- package/dist/Collapsible/AccountCollapsible.js.map +1 -1
- package/dist/DatePicker/DatePicker.js +4 -4
- package/dist/DatePicker/DatePicker.js.map +1 -1
- package/dist/Drawer/Drawer.js.map +1 -1
- package/dist/Form/Form.js +1 -1
- package/dist/Form/Form.js.map +1 -1
- package/dist/Icon/SvgIcon.js +1 -1
- package/dist/Icon/icons/ArrowLeft.js +2 -2
- package/dist/Icon/icons/ArrowLeft.js.map +1 -1
- package/dist/Icon/icons/ArrowRight.js +2 -2
- package/dist/Icon/icons/ArrowRight.js.map +1 -1
- package/dist/Icon/icons/Atm.js +2 -2
- package/dist/Icon/icons/Atm.js.map +1 -1
- package/dist/Icon/icons/Call.js +2 -2
- package/dist/Icon/icons/Call.js.map +1 -1
- package/dist/Icon/icons/Cancel.js +2 -2
- package/dist/Icon/icons/Cancel.js.map +1 -1
- package/dist/Icon/icons/Card.js +2 -2
- package/dist/Icon/icons/Card.js.map +1 -1
- package/dist/Icon/icons/Change.js +2 -2
- package/dist/Icon/icons/Change.js.map +1 -1
- package/dist/Icon/icons/Check.js +2 -2
- package/dist/Icon/icons/Check.js.map +1 -1
- package/dist/Icon/icons/CheckCircleSolid.js +2 -2
- package/dist/Icon/icons/CheckCircleSolid.js.map +1 -1
- package/dist/Icon/icons/Clock.js +2 -2
- package/dist/Icon/icons/Clock.js.map +1 -1
- package/dist/Icon/icons/ClockSolid.d.ts +4 -0
- package/dist/Icon/icons/ClockSolid.js +9 -0
- package/dist/Icon/icons/ClockSolid.js.map +1 -0
- package/dist/Icon/icons/Close.js +2 -2
- package/dist/Icon/icons/Close.js.map +1 -1
- package/dist/Icon/icons/Copy.js +2 -2
- package/dist/Icon/icons/Copy.js.map +1 -1
- package/dist/Icon/icons/Doc.js +2 -2
- package/dist/Icon/icons/Doc.js.map +1 -1
- package/dist/Icon/icons/Download.js +2 -2
- package/dist/Icon/icons/Download.js.map +1 -1
- package/dist/Icon/icons/DropdownSmall.d.ts +4 -0
- package/dist/Icon/icons/DropdownSmall.js +9 -0
- package/dist/Icon/icons/DropdownSmall.js.map +1 -0
- package/dist/Icon/icons/Edit.js +2 -2
- package/dist/Icon/icons/Edit.js.map +1 -1
- package/dist/Icon/icons/Favorite.js +2 -2
- package/dist/Icon/icons/Favorite.js.map +1 -1
- package/dist/Icon/icons/FavoriteSolid.js +2 -2
- package/dist/Icon/icons/FavoriteSolid.js.map +1 -1
- package/dist/Icon/icons/File.js +2 -2
- package/dist/Icon/icons/File.js.map +1 -1
- package/dist/Icon/icons/InfoSolid.js +2 -2
- package/dist/Icon/icons/InfoSolid.js.map +1 -1
- package/dist/Icon/icons/Link.js +2 -2
- package/dist/Icon/icons/Link.js.map +1 -1
- package/dist/Icon/icons/Logout.js +2 -2
- package/dist/Icon/icons/Logout.js.map +1 -1
- package/dist/Icon/icons/MailSend.js +2 -2
- package/dist/Icon/icons/MailSend.js.map +1 -1
- package/dist/Icon/icons/MapPin.js +2 -2
- package/dist/Icon/icons/MapPin.js.map +1 -1
- package/dist/Icon/icons/MapPinSolid.d.ts +4 -0
- package/dist/Icon/icons/MapPinSolid.js +9 -0
- package/dist/Icon/icons/MapPinSolid.js.map +1 -0
- package/dist/Icon/icons/Order.js +2 -2
- package/dist/Icon/icons/Order.js.map +1 -1
- package/dist/Icon/icons/Print.js +2 -2
- package/dist/Icon/icons/Print.js.map +1 -1
- package/dist/Icon/icons/Reload.js +2 -2
- package/dist/Icon/icons/Reload.js.map +1 -1
- package/dist/Icon/icons/Sbp.js +2 -2
- package/dist/Icon/icons/Sbp.js.map +1 -1
- package/dist/Icon/icons/SbpColored.js +9 -9
- package/dist/Icon/icons/SbpColored.js.map +1 -1
- package/dist/Icon/icons/Tariffs.js +2 -2
- package/dist/Icon/icons/Tariffs.js.map +1 -1
- package/dist/Icon/icons/Trash.js +2 -2
- package/dist/Icon/icons/Trash.js.map +1 -1
- package/dist/Icon/icons/User.js +2 -2
- package/dist/Icon/icons/User.js.map +1 -1
- package/dist/Icon/icons/UserEdit.js +2 -2
- package/dist/Icon/icons/UserEdit.js.map +1 -1
- package/dist/Icon/icons/Warning.js +2 -2
- package/dist/Icon/icons/Warning.js.map +1 -1
- package/dist/Icon/icons/Wheelchair.js +2 -2
- package/dist/Icon/icons/Wheelchair.js.map +1 -1
- package/dist/Icon/icons/index.d.ts +4 -1
- package/dist/Icon/icons/index.js +13 -7
- package/dist/Icon/icons/index.js.map +1 -1
- package/dist/Input/InputMask.js +22 -1
- package/dist/Input/InputMask.js.map +1 -1
- package/dist/Input-OTP/Input.js +0 -1
- package/dist/Input-OTP/Input.js.map +1 -1
- package/dist/Popover/Popover.js +23 -2
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Progress/Progress.js +10 -2
- package/dist/Progress/Progress.js.map +1 -1
- package/dist/Select/SelectAccountCard.js +30 -4
- package/dist/Select/SelectAccountCard.js.map +1 -1
- package/dist/Select/SelectAsync.js +14 -3
- package/dist/Select/SelectAsync.js.map +1 -1
- package/dist/Select/SelectBase.js +14 -3
- package/dist/Select/SelectBase.js.map +1 -1
- package/dist/Slider/Slider.js +21 -5
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/Switch/Switch.js +25 -11
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Tabs/Tabs.js +39 -9
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Textarea/Textarea.d.ts +1 -1
- package/dist/Textarea/Textarea.js +19 -2
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/index.d.ts +3 -5
- package/dist/index.js +2 -8
- package/dist/index.js.map +1 -1
- package/package.json +1 -2
- package/src/@/config/index.ts +72 -72
- package/src/Alert/Alert.tsx +67 -24
- package/src/AlertDialog/AlertDialog.tsx +1 -2
- package/src/BottomNavigation/BottomNavigation.tsx +19 -1
- package/src/Button/Button.tsx +42 -139
- package/src/Button/index.ts +1 -1
- package/src/Chip/Chip.tsx +1 -2
- package/src/Collapsible/AccountCollapsible.tsx +17 -1
- package/src/DatePicker/DatePicker.tsx +4 -4
- package/src/Drawer/Drawer.tsx +1 -0
- package/src/Form/Form.tsx +4 -2
- package/src/Icon/SvgIcon.tsx +1 -1
- package/src/Icon/icons/ArrowLeft.tsx +2 -1
- package/src/Icon/icons/ArrowRight.tsx +4 -4
- package/src/Icon/icons/Atm.tsx +4 -4
- package/src/Icon/icons/Call.tsx +5 -5
- package/src/Icon/icons/Cancel.tsx +5 -5
- package/src/Icon/icons/Card.tsx +4 -4
- package/src/Icon/icons/Change.tsx +4 -4
- package/src/Icon/icons/Check.tsx +5 -5
- package/src/Icon/icons/CheckCircleSolid.tsx +5 -5
- package/src/Icon/icons/Clock.tsx +2 -1
- package/src/Icon/icons/ClockSolid.tsx +18 -0
- package/src/Icon/icons/Close.tsx +6 -6
- package/src/Icon/icons/Copy.tsx +5 -5
- package/src/Icon/icons/Doc.tsx +5 -5
- package/src/Icon/icons/Download.tsx +5 -5
- package/src/Icon/icons/DropdownSmall.tsx +20 -0
- package/src/Icon/icons/Edit.tsx +5 -5
- package/src/Icon/icons/Favorite.tsx +4 -4
- package/src/Icon/icons/FavoriteSolid.tsx +5 -5
- package/src/Icon/icons/File.tsx +5 -5
- package/src/Icon/icons/InfoSolid.tsx +6 -6
- package/src/Icon/icons/Link.tsx +5 -5
- package/src/Icon/icons/Logout.tsx +5 -5
- package/src/Icon/icons/MailSend.tsx +5 -5
- package/src/Icon/icons/MapPin.tsx +5 -5
- package/src/Icon/icons/MapPinSolid.tsx +18 -0
- package/src/Icon/icons/Order.tsx +5 -5
- package/src/Icon/icons/Print.tsx +5 -5
- package/src/Icon/icons/Reload.tsx +5 -4
- package/src/Icon/icons/Sbp.tsx +5 -5
- package/src/Icon/icons/SbpColored.tsx +19 -19
- package/src/Icon/icons/Tariffs.tsx +5 -4
- package/src/Icon/icons/Trash.tsx +5 -5
- package/src/Icon/icons/User.tsx +5 -5
- package/src/Icon/icons/UserEdit.tsx +4 -4
- package/src/Icon/icons/Warning.tsx +4 -4
- package/src/Icon/icons/Wheelchair.tsx +5 -5
- package/src/Icon/icons/index.ts +4 -1
- package/src/Input/InputMask.tsx +22 -1
- package/src/Input-OTP/Input.tsx +0 -1
- package/src/Popover/Popover.tsx +24 -2
- package/src/Progress/Progress.tsx +11 -3
- package/src/Select/Select.tsx +1 -1
- package/src/Select/SelectAccountCard.tsx +30 -9
- package/src/Select/SelectAsync.tsx +14 -8
- package/src/Select/SelectBase.tsx +14 -4
- package/src/Slider/Slider.tsx +21 -4
- package/src/Switch/Switch.tsx +25 -12
- package/src/Tabs/Tabs.tsx +41 -9
- package/src/Textarea/Textarea.tsx +30 -19
- package/src/assets/css/global.css +11 -6
- package/src/index.ts +3 -9
- package/dist/Badge/Badge.d.ts +0 -10
- package/dist/Badge/Badge.js +0 -52
- package/dist/Badge/Badge.js.map +0 -1
- package/dist/Badge/index.d.ts +0 -1
- package/dist/Badge/index.js +0 -7
- package/dist/Badge/index.js.map +0 -1
- package/dist/Checkbox/Checkbox.d.ts +0 -4
- package/dist/Checkbox/Checkbox.js +0 -35
- package/dist/Checkbox/Checkbox.js.map +0 -1
- package/dist/Checkbox/index.d.ts +0 -1
- package/dist/Checkbox/index.js +0 -6
- package/dist/Checkbox/index.js.map +0 -1
- package/src/Badge/Badge.tsx +0 -58
- package/src/Badge/index.ts +0 -1
- package/src/Checkbox/Checkbox.tsx +0 -44
- package/src/Checkbox/index.ts +0 -1
- package/src/Slider/slider.styl +0 -62
package/dist/Badge/Badge.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
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
|
package/dist/Badge/Badge.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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"}
|
package/dist/Badge/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Badge, badgeVariants } from './Badge';
|
package/dist/Badge/index.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
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
|
package/dist/Badge/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":";;;AAAA,iCAA8C;AAArC,8FAAA,KAAK,OAAA;AAAE,sGAAA,aAAa,OAAA"}
|
|
@@ -1,4 +0,0 @@
|
|
|
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 };
|
|
@@ -1,35 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
package/dist/Checkbox/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Checkbox } from './Checkbox';
|
package/dist/Checkbox/index.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Checkbox/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}
|
package/src/Badge/Badge.tsx
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import * as React from 'react'
|
|
2
|
-
import { cva, type VariantProps } from 'class-variance-authority'
|
|
3
|
-
|
|
4
|
-
import { cn } from '../@/lib/utils'
|
|
5
|
-
|
|
6
|
-
const badgeClasses = {
|
|
7
|
-
variant: {
|
|
8
|
-
base: `
|
|
9
|
-
inline-block
|
|
10
|
-
focus:ring-2
|
|
11
|
-
focus:ring-ring
|
|
12
|
-
focus:ring-offset-2
|
|
13
|
-
focus:outline-none
|
|
14
|
-
transition-colors
|
|
15
|
-
rounded-full
|
|
16
|
-
`,
|
|
17
|
-
default: `
|
|
18
|
-
bg-critical
|
|
19
|
-
text-white
|
|
20
|
-
`,
|
|
21
|
-
},
|
|
22
|
-
size: {
|
|
23
|
-
default: 'size-[16px] text-[10px] text-center leadimg-[1] truncate',
|
|
24
|
-
dot: 'size-[10px] bg-critical-light border-critical border-[3px]',
|
|
25
|
-
sm: '',
|
|
26
|
-
md: '',
|
|
27
|
-
lg: '',
|
|
28
|
-
},
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
const badgeVariants = cva(badgeClasses.variant.base, {
|
|
32
|
-
variants: {
|
|
33
|
-
variant: {
|
|
34
|
-
default: badgeClasses.variant.default,
|
|
35
|
-
},
|
|
36
|
-
size: {
|
|
37
|
-
default: badgeClasses.size.default,
|
|
38
|
-
dot: badgeClasses.size.dot
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
|
-
defaultVariants: {
|
|
42
|
-
variant: 'default',
|
|
43
|
-
size: 'default',
|
|
44
|
-
},
|
|
45
|
-
})
|
|
46
|
-
|
|
47
|
-
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
|
|
48
|
-
|
|
49
|
-
function Badge({ className, variant, size, ...props }: BadgeProps) {
|
|
50
|
-
return (
|
|
51
|
-
<div
|
|
52
|
-
className={cn(badgeVariants({ variant, size }), className)}
|
|
53
|
-
{...props}
|
|
54
|
-
/>
|
|
55
|
-
)
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export { Badge, badgeVariants }
|
package/src/Badge/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Badge, badgeVariants } from './Badge'
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import * as React from 'react'
|
|
2
|
-
import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
|
|
3
|
-
import { CheckSmall } from '../Icon/icons'
|
|
4
|
-
|
|
5
|
-
const checkboxClasses = {
|
|
6
|
-
root: `
|
|
7
|
-
peer
|
|
8
|
-
size-[18px]
|
|
9
|
-
shrink-0
|
|
10
|
-
rounded-sm
|
|
11
|
-
border-2
|
|
12
|
-
border-input
|
|
13
|
-
focus-visible:outline-none
|
|
14
|
-
focus-visible:ring-1 focus-visible:ring-ring
|
|
15
|
-
disabled:cursor-not-allowed disabled:opacity-50
|
|
16
|
-
data-[state=checked]:bg-primary
|
|
17
|
-
data-[state=checked]:border-primary
|
|
18
|
-
data-[state=checked]:text-white
|
|
19
|
-
`,
|
|
20
|
-
indicator: `
|
|
21
|
-
flex
|
|
22
|
-
justify-center
|
|
23
|
-
items-center
|
|
24
|
-
text-current
|
|
25
|
-
`
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
const Checkbox = React.forwardRef<
|
|
29
|
-
React.ElementRef<typeof CheckboxPrimitive.Root>,
|
|
30
|
-
React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
|
|
31
|
-
>(({ className, ...props }, ref) => (
|
|
32
|
-
<CheckboxPrimitive.Root
|
|
33
|
-
ref={ref}
|
|
34
|
-
className={checkboxClasses.root}
|
|
35
|
-
{...props}
|
|
36
|
-
>
|
|
37
|
-
<CheckboxPrimitive.Indicator className={checkboxClasses.indicator}>
|
|
38
|
-
<CheckSmall className="size-[14px]" />
|
|
39
|
-
</CheckboxPrimitive.Indicator>
|
|
40
|
-
</CheckboxPrimitive.Root>
|
|
41
|
-
))
|
|
42
|
-
Checkbox.displayName = CheckboxPrimitive.Root.displayName
|
|
43
|
-
|
|
44
|
-
export { Checkbox }
|
package/src/Checkbox/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Checkbox } from './Checkbox'
|
package/src/Slider/slider.styl
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
@require '../../../Markup.Common/markup/stylus/variables'
|
|
2
|
-
|
|
3
|
-
.ant
|
|
4
|
-
// SLIDER BEGIN
|
|
5
|
-
&-slider-rail
|
|
6
|
-
&-slider-track
|
|
7
|
-
height 2px
|
|
8
|
-
border-radius @height
|
|
9
|
-
|
|
10
|
-
&-slider-rail
|
|
11
|
-
background-color $cl-graphite-5
|
|
12
|
-
|
|
13
|
-
&-slider-track
|
|
14
|
-
position absolute
|
|
15
|
-
top 0
|
|
16
|
-
background-color $cl-green-2
|
|
17
|
-
transition background-color 0.3s ease-in-out
|
|
18
|
-
|
|
19
|
-
&-slider-handle
|
|
20
|
-
position absolute
|
|
21
|
-
top 50%
|
|
22
|
-
margin-top -7px
|
|
23
|
-
box-sizing border-box
|
|
24
|
-
width 14px
|
|
25
|
-
height @width
|
|
26
|
-
background-color $cl-white
|
|
27
|
-
border 2px solid $cl-green-2
|
|
28
|
-
border-radius 50%
|
|
29
|
-
transition background-color 0.3s ease-in-out, border-color 0.3s ease-in-out
|
|
30
|
-
cursor pointer
|
|
31
|
-
|
|
32
|
-
&-slider-disabled
|
|
33
|
-
.ant-slider-track
|
|
34
|
-
.ant-slider-handle
|
|
35
|
-
background-color $cl-graphite-4
|
|
36
|
-
|
|
37
|
-
.ant-slider-handle
|
|
38
|
-
border-color $cl-white
|
|
39
|
-
cursor not-allowed
|
|
40
|
-
// SLIDER END
|
|
41
|
-
|
|
42
|
-
// SLIDER TOOLTIP BEGIN
|
|
43
|
-
&-slider
|
|
44
|
-
position relative
|
|
45
|
-
|
|
46
|
-
& .ant-tooltip
|
|
47
|
-
background-color transparent
|
|
48
|
-
|
|
49
|
-
&-placement-bottom
|
|
50
|
-
padding-top 0
|
|
51
|
-
|
|
52
|
-
&-arrow
|
|
53
|
-
display none
|
|
54
|
-
|
|
55
|
-
&-content
|
|
56
|
-
padding 0
|
|
57
|
-
min-height auto
|
|
58
|
-
font-size $fz-small
|
|
59
|
-
color $cl-graphite-3
|
|
60
|
-
background-color transparent
|
|
61
|
-
box-shadow none
|
|
62
|
-
// SLIDER TOOLTIP END
|