@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.
Files changed (209) hide show
  1. package/dist/Alert/Alert.d.ts +15 -6
  2. package/dist/Alert/Alert.js +29 -18
  3. package/dist/Alert/Alert.js.map +1 -1
  4. package/dist/AlertDialog/AlertDialog.js +1 -1
  5. package/dist/AlertDialog/AlertDialog.js.map +1 -1
  6. package/dist/BottomNavigation/BottomNavigation.js +19 -1
  7. package/dist/BottomNavigation/BottomNavigation.js.map +1 -1
  8. package/dist/Button/Button.d.ts +2 -2
  9. package/dist/Button/Button.js +15 -117
  10. package/dist/Button/Button.js.map +1 -1
  11. package/dist/Button/index.js.map +1 -1
  12. package/dist/Chip/Chip.js +0 -1
  13. package/dist/Chip/Chip.js.map +1 -1
  14. package/dist/Collapsible/AccountCollapsible.js +16 -1
  15. package/dist/Collapsible/AccountCollapsible.js.map +1 -1
  16. package/dist/DatePicker/DatePicker.js +4 -4
  17. package/dist/DatePicker/DatePicker.js.map +1 -1
  18. package/dist/Drawer/Drawer.js.map +1 -1
  19. package/dist/Form/Form.js +1 -1
  20. package/dist/Form/Form.js.map +1 -1
  21. package/dist/Icon/SvgIcon.js +1 -1
  22. package/dist/Icon/icons/ArrowLeft.js +2 -2
  23. package/dist/Icon/icons/ArrowLeft.js.map +1 -1
  24. package/dist/Icon/icons/ArrowRight.js +2 -2
  25. package/dist/Icon/icons/ArrowRight.js.map +1 -1
  26. package/dist/Icon/icons/Atm.js +2 -2
  27. package/dist/Icon/icons/Atm.js.map +1 -1
  28. package/dist/Icon/icons/Call.js +2 -2
  29. package/dist/Icon/icons/Call.js.map +1 -1
  30. package/dist/Icon/icons/Cancel.js +2 -2
  31. package/dist/Icon/icons/Cancel.js.map +1 -1
  32. package/dist/Icon/icons/Card.js +2 -2
  33. package/dist/Icon/icons/Card.js.map +1 -1
  34. package/dist/Icon/icons/Change.js +2 -2
  35. package/dist/Icon/icons/Change.js.map +1 -1
  36. package/dist/Icon/icons/Check.js +2 -2
  37. package/dist/Icon/icons/Check.js.map +1 -1
  38. package/dist/Icon/icons/CheckCircleSolid.js +2 -2
  39. package/dist/Icon/icons/CheckCircleSolid.js.map +1 -1
  40. package/dist/Icon/icons/Clock.js +2 -2
  41. package/dist/Icon/icons/Clock.js.map +1 -1
  42. package/dist/Icon/icons/ClockSolid.d.ts +4 -0
  43. package/dist/Icon/icons/ClockSolid.js +9 -0
  44. package/dist/Icon/icons/ClockSolid.js.map +1 -0
  45. package/dist/Icon/icons/Close.js +2 -2
  46. package/dist/Icon/icons/Close.js.map +1 -1
  47. package/dist/Icon/icons/Copy.js +2 -2
  48. package/dist/Icon/icons/Copy.js.map +1 -1
  49. package/dist/Icon/icons/Doc.js +2 -2
  50. package/dist/Icon/icons/Doc.js.map +1 -1
  51. package/dist/Icon/icons/Download.js +2 -2
  52. package/dist/Icon/icons/Download.js.map +1 -1
  53. package/dist/Icon/icons/DropdownSmall.d.ts +4 -0
  54. package/dist/Icon/icons/DropdownSmall.js +9 -0
  55. package/dist/Icon/icons/DropdownSmall.js.map +1 -0
  56. package/dist/Icon/icons/Edit.js +2 -2
  57. package/dist/Icon/icons/Edit.js.map +1 -1
  58. package/dist/Icon/icons/Favorite.js +2 -2
  59. package/dist/Icon/icons/Favorite.js.map +1 -1
  60. package/dist/Icon/icons/FavoriteSolid.js +2 -2
  61. package/dist/Icon/icons/FavoriteSolid.js.map +1 -1
  62. package/dist/Icon/icons/File.js +2 -2
  63. package/dist/Icon/icons/File.js.map +1 -1
  64. package/dist/Icon/icons/InfoSolid.js +2 -2
  65. package/dist/Icon/icons/InfoSolid.js.map +1 -1
  66. package/dist/Icon/icons/Link.js +2 -2
  67. package/dist/Icon/icons/Link.js.map +1 -1
  68. package/dist/Icon/icons/Logout.js +2 -2
  69. package/dist/Icon/icons/Logout.js.map +1 -1
  70. package/dist/Icon/icons/MailSend.js +2 -2
  71. package/dist/Icon/icons/MailSend.js.map +1 -1
  72. package/dist/Icon/icons/MapPin.js +2 -2
  73. package/dist/Icon/icons/MapPin.js.map +1 -1
  74. package/dist/Icon/icons/MapPinSolid.d.ts +4 -0
  75. package/dist/Icon/icons/MapPinSolid.js +9 -0
  76. package/dist/Icon/icons/MapPinSolid.js.map +1 -0
  77. package/dist/Icon/icons/Order.js +2 -2
  78. package/dist/Icon/icons/Order.js.map +1 -1
  79. package/dist/Icon/icons/Print.js +2 -2
  80. package/dist/Icon/icons/Print.js.map +1 -1
  81. package/dist/Icon/icons/Reload.js +2 -2
  82. package/dist/Icon/icons/Reload.js.map +1 -1
  83. package/dist/Icon/icons/Sbp.js +2 -2
  84. package/dist/Icon/icons/Sbp.js.map +1 -1
  85. package/dist/Icon/icons/SbpColored.js +9 -9
  86. package/dist/Icon/icons/SbpColored.js.map +1 -1
  87. package/dist/Icon/icons/Tariffs.js +2 -2
  88. package/dist/Icon/icons/Tariffs.js.map +1 -1
  89. package/dist/Icon/icons/Trash.js +2 -2
  90. package/dist/Icon/icons/Trash.js.map +1 -1
  91. package/dist/Icon/icons/User.js +2 -2
  92. package/dist/Icon/icons/User.js.map +1 -1
  93. package/dist/Icon/icons/UserEdit.js +2 -2
  94. package/dist/Icon/icons/UserEdit.js.map +1 -1
  95. package/dist/Icon/icons/Warning.js +2 -2
  96. package/dist/Icon/icons/Warning.js.map +1 -1
  97. package/dist/Icon/icons/Wheelchair.js +2 -2
  98. package/dist/Icon/icons/Wheelchair.js.map +1 -1
  99. package/dist/Icon/icons/index.d.ts +4 -1
  100. package/dist/Icon/icons/index.js +13 -7
  101. package/dist/Icon/icons/index.js.map +1 -1
  102. package/dist/Input/InputMask.js +22 -1
  103. package/dist/Input/InputMask.js.map +1 -1
  104. package/dist/Input-OTP/Input.js +0 -1
  105. package/dist/Input-OTP/Input.js.map +1 -1
  106. package/dist/Popover/Popover.js +23 -2
  107. package/dist/Popover/Popover.js.map +1 -1
  108. package/dist/Progress/Progress.js +10 -2
  109. package/dist/Progress/Progress.js.map +1 -1
  110. package/dist/Select/SelectAccountCard.js +30 -4
  111. package/dist/Select/SelectAccountCard.js.map +1 -1
  112. package/dist/Select/SelectAsync.js +14 -3
  113. package/dist/Select/SelectAsync.js.map +1 -1
  114. package/dist/Select/SelectBase.js +14 -3
  115. package/dist/Select/SelectBase.js.map +1 -1
  116. package/dist/Slider/Slider.js +21 -5
  117. package/dist/Slider/Slider.js.map +1 -1
  118. package/dist/Switch/Switch.js +25 -11
  119. package/dist/Switch/Switch.js.map +1 -1
  120. package/dist/Tabs/Tabs.js +39 -9
  121. package/dist/Tabs/Tabs.js.map +1 -1
  122. package/dist/Textarea/Textarea.d.ts +1 -1
  123. package/dist/Textarea/Textarea.js +19 -2
  124. package/dist/Textarea/Textarea.js.map +1 -1
  125. package/dist/index.d.ts +3 -5
  126. package/dist/index.js +2 -8
  127. package/dist/index.js.map +1 -1
  128. package/package.json +1 -2
  129. package/src/@/config/index.ts +72 -72
  130. package/src/Alert/Alert.tsx +67 -24
  131. package/src/AlertDialog/AlertDialog.tsx +1 -2
  132. package/src/BottomNavigation/BottomNavigation.tsx +19 -1
  133. package/src/Button/Button.tsx +42 -139
  134. package/src/Button/index.ts +1 -1
  135. package/src/Chip/Chip.tsx +1 -2
  136. package/src/Collapsible/AccountCollapsible.tsx +17 -1
  137. package/src/DatePicker/DatePicker.tsx +4 -4
  138. package/src/Drawer/Drawer.tsx +1 -0
  139. package/src/Form/Form.tsx +4 -2
  140. package/src/Icon/SvgIcon.tsx +1 -1
  141. package/src/Icon/icons/ArrowLeft.tsx +2 -1
  142. package/src/Icon/icons/ArrowRight.tsx +4 -4
  143. package/src/Icon/icons/Atm.tsx +4 -4
  144. package/src/Icon/icons/Call.tsx +5 -5
  145. package/src/Icon/icons/Cancel.tsx +5 -5
  146. package/src/Icon/icons/Card.tsx +4 -4
  147. package/src/Icon/icons/Change.tsx +4 -4
  148. package/src/Icon/icons/Check.tsx +5 -5
  149. package/src/Icon/icons/CheckCircleSolid.tsx +5 -5
  150. package/src/Icon/icons/Clock.tsx +2 -1
  151. package/src/Icon/icons/ClockSolid.tsx +18 -0
  152. package/src/Icon/icons/Close.tsx +6 -6
  153. package/src/Icon/icons/Copy.tsx +5 -5
  154. package/src/Icon/icons/Doc.tsx +5 -5
  155. package/src/Icon/icons/Download.tsx +5 -5
  156. package/src/Icon/icons/DropdownSmall.tsx +20 -0
  157. package/src/Icon/icons/Edit.tsx +5 -5
  158. package/src/Icon/icons/Favorite.tsx +4 -4
  159. package/src/Icon/icons/FavoriteSolid.tsx +5 -5
  160. package/src/Icon/icons/File.tsx +5 -5
  161. package/src/Icon/icons/InfoSolid.tsx +6 -6
  162. package/src/Icon/icons/Link.tsx +5 -5
  163. package/src/Icon/icons/Logout.tsx +5 -5
  164. package/src/Icon/icons/MailSend.tsx +5 -5
  165. package/src/Icon/icons/MapPin.tsx +5 -5
  166. package/src/Icon/icons/MapPinSolid.tsx +18 -0
  167. package/src/Icon/icons/Order.tsx +5 -5
  168. package/src/Icon/icons/Print.tsx +5 -5
  169. package/src/Icon/icons/Reload.tsx +5 -4
  170. package/src/Icon/icons/Sbp.tsx +5 -5
  171. package/src/Icon/icons/SbpColored.tsx +19 -19
  172. package/src/Icon/icons/Tariffs.tsx +5 -4
  173. package/src/Icon/icons/Trash.tsx +5 -5
  174. package/src/Icon/icons/User.tsx +5 -5
  175. package/src/Icon/icons/UserEdit.tsx +4 -4
  176. package/src/Icon/icons/Warning.tsx +4 -4
  177. package/src/Icon/icons/Wheelchair.tsx +5 -5
  178. package/src/Icon/icons/index.ts +4 -1
  179. package/src/Input/InputMask.tsx +22 -1
  180. package/src/Input-OTP/Input.tsx +0 -1
  181. package/src/Popover/Popover.tsx +24 -2
  182. package/src/Progress/Progress.tsx +11 -3
  183. package/src/Select/Select.tsx +1 -1
  184. package/src/Select/SelectAccountCard.tsx +30 -9
  185. package/src/Select/SelectAsync.tsx +14 -8
  186. package/src/Select/SelectBase.tsx +14 -4
  187. package/src/Slider/Slider.tsx +21 -4
  188. package/src/Switch/Switch.tsx +25 -12
  189. package/src/Tabs/Tabs.tsx +41 -9
  190. package/src/Textarea/Textarea.tsx +30 -19
  191. package/src/assets/css/global.css +11 -6
  192. package/src/index.ts +3 -9
  193. package/dist/Badge/Badge.d.ts +0 -10
  194. package/dist/Badge/Badge.js +0 -52
  195. package/dist/Badge/Badge.js.map +0 -1
  196. package/dist/Badge/index.d.ts +0 -1
  197. package/dist/Badge/index.js +0 -7
  198. package/dist/Badge/index.js.map +0 -1
  199. package/dist/Checkbox/Checkbox.d.ts +0 -4
  200. package/dist/Checkbox/Checkbox.js +0 -35
  201. package/dist/Checkbox/Checkbox.js.map +0 -1
  202. package/dist/Checkbox/index.d.ts +0 -1
  203. package/dist/Checkbox/index.js +0 -6
  204. package/dist/Checkbox/index.js.map +0 -1
  205. package/src/Badge/Badge.tsx +0 -58
  206. package/src/Badge/index.ts +0 -1
  207. package/src/Checkbox/Checkbox.tsx +0 -44
  208. package/src/Checkbox/index.ts +0 -1
  209. package/src/Slider/slider.styl +0 -62
@@ -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
@@ -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"}
@@ -1 +0,0 @@
1
- export { Badge, badgeVariants } from './Badge';
@@ -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
@@ -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"}
@@ -1 +0,0 @@
1
- export { Checkbox } from './Checkbox';
@@ -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"}
@@ -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 }
@@ -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 }
@@ -1 +0,0 @@
1
- export { Checkbox } from './Checkbox'
@@ -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