@modul/mbui 0.0.8-beta-pv-52970-3f3b204b → 0.0.9
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/Button/Button.js +2 -2
- package/dist/Button/index.d.ts +1 -1
- package/dist/Button/index.js +1 -2
- package/dist/Button/index.js.map +1 -1
- package/dist/{DashboardDrawer → DasboardDrawer}/DashboardDrawer.d.ts +1 -2
- package/dist/{DashboardDrawer → DasboardDrawer}/DashboardDrawer.js +8 -11
- package/dist/DasboardDrawer/DashboardDrawer.js.map +1 -0
- package/dist/DasboardDrawer/index.js.map +1 -0
- package/dist/Icon/icons/ArrowLeft.js +2 -2
- package/dist/Icon/icons/ArrowLeft.js.map +1 -1
- package/dist/Icon/icons/Chat.js +2 -2
- package/dist/Icon/icons/Chat.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/Home.js +2 -2
- package/dist/Icon/icons/Home.js.map +1 -1
- package/dist/Icon/icons/Services.js +2 -2
- package/dist/Icon/icons/Services.js.map +1 -1
- package/dist/Icon/icons/Settings.js +2 -2
- package/dist/Icon/icons/Settings.js.map +1 -1
- package/dist/Icon/icons/Transfer.d.ts +4 -0
- package/dist/Icon/icons/Transfer.js +9 -0
- package/dist/Icon/icons/Transfer.js.map +1 -0
- package/dist/Icon/icons/Wallet.js +2 -2
- package/dist/Icon/icons/Wallet.js.map +1 -1
- package/dist/Icon/icons/index.d.ts +1 -0
- package/dist/Icon/icons/index.js +3 -1
- package/dist/Icon/icons/index.js.map +1 -1
- package/dist/Page/Page.d.ts +3 -4
- package/dist/Page/Page.js +1 -7
- package/dist/Page/Page.js.map +1 -1
- package/dist/Page/index.d.ts +1 -1
- package/dist/Page/index.js +1 -2
- package/dist/Page/index.js.map +1 -1
- package/dist/index.d.ts +2 -4
- package/dist/index.js +8 -12
- package/dist/index.js.map +1 -1
- package/package.json +11 -14
- package/src/@/config/index.ts +9 -20
- package/src/Button/Button.tsx +2 -2
- package/src/Button/index.ts +1 -1
- package/src/{Drawer → DasboardDrawer}/DashboardDrawer.tsx +2 -4
- package/src/Icon/icons/ArrowLeft.tsx +3 -4
- package/src/Icon/icons/Chat.tsx +4 -4
- package/src/Icon/icons/Clock.tsx +3 -4
- package/src/Icon/icons/Home.tsx +4 -4
- package/src/Icon/icons/Services.tsx +3 -4
- package/src/Icon/icons/Settings.tsx +3 -4
- package/src/Icon/icons/Transfer.tsx +17 -0
- package/src/Icon/icons/Wallet.tsx +3 -4
- package/src/Icon/icons/index.ts +2 -1
- package/src/Page/Page.tsx +3 -13
- package/src/Page/index.ts +1 -1
- package/src/assets/css/global.css +4 -21
- package/src/index.ts +2 -6
- package/dist/Chip/Chip.d.ts +0 -11
- package/dist/Chip/Chip.js +0 -38
- package/dist/Chip/Chip.js.map +0 -1
- package/dist/Chip/index.d.ts +0 -1
- package/dist/Chip/index.js +0 -6
- package/dist/Chip/index.js.map +0 -1
- package/dist/DashboardDrawer/DashboardDrawer.js.map +0 -1
- package/dist/DashboardDrawer/index.js.map +0 -1
- package/src/@/config/label.ts +0 -89
- package/src/Chip/Chip.tsx +0 -54
- package/src/Chip/index.ts +0 -1
- package/src/DashboardDrawer/DashboardDrawer.tsx +0 -119
- package/src/Drawer/BottomDrawer.tsx +0 -108
- package/src/Label/Label.tsx +0 -20
- package/src/Label/index.ts +0 -1
- package/src/input/Input.tsx +0 -37
- package/src/input/index.ts +0 -1
- /package/dist/{DashboardDrawer → DasboardDrawer}/index.d.ts +0 -0
- /package/dist/{DashboardDrawer → DasboardDrawer}/index.js +0 -0
- /package/src/{DashboardDrawer → DasboardDrawer}/index.ts +0 -0
package/src/Button/Button.tsx
CHANGED
|
@@ -6,7 +6,7 @@ import { cn } from '../@/lib/utils'
|
|
|
6
6
|
// import { cn } from "@/lib/utils" порешать с алиасами
|
|
7
7
|
|
|
8
8
|
const buttonVariants = cva(
|
|
9
|
-
'inline-flex
|
|
9
|
+
'inline-flex items-center border-[2px] justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring ring-offset-1 disabled:pointer-events-none disabled:opacity-[.24]',
|
|
10
10
|
{
|
|
11
11
|
variants: {
|
|
12
12
|
variant: {
|
|
@@ -37,7 +37,7 @@ const buttonVariants = cva(
|
|
|
37
37
|
}
|
|
38
38
|
)
|
|
39
39
|
const textVariants = cva(
|
|
40
|
-
'inline-flex whitespace-nowrap transition-colors focus-visible:outline-current
|
|
40
|
+
'inline-flex whitespace-nowrap transition-colors focus-visible:outline-current rounded-[.25em] disabled:pointer-events-none disabled:opacity-[.24]',
|
|
41
41
|
{
|
|
42
42
|
variants: {
|
|
43
43
|
variant: {
|
package/src/Button/index.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {Button
|
|
1
|
+
export {Button} from './Button'
|
|
@@ -3,7 +3,6 @@ import { Drawer as DrawerPrimitive } from 'vaul'
|
|
|
3
3
|
import { cn } from '../@/lib/utils'
|
|
4
4
|
|
|
5
5
|
const Drawer = ({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => <DrawerPrimitive.Root {...props} />
|
|
6
|
-
|
|
7
6
|
Drawer.displayName = 'Drawer'
|
|
8
7
|
|
|
9
8
|
const DrawerTrigger = DrawerPrimitive.Trigger
|
|
@@ -49,7 +48,7 @@ const DrawerList: React.FC<DrawerListProps> = ({ children }) => {
|
|
|
49
48
|
return (
|
|
50
49
|
<div
|
|
51
50
|
role="listbox"
|
|
52
|
-
className="px-[20px]"
|
|
51
|
+
className="px-[12px] py-[20px]"
|
|
53
52
|
>
|
|
54
53
|
{children}
|
|
55
54
|
</div>
|
|
@@ -91,10 +90,9 @@ const DrawerContent = React.forwardRef<
|
|
|
91
90
|
<DrawerPrimitive.Content
|
|
92
91
|
ref={ref}
|
|
93
92
|
className={cn(
|
|
94
|
-
'fixed inset-x-0 top-0 flex h-auto flex-col bg-
|
|
93
|
+
'fixed inset-x-0 top-0 flex h-auto flex-col bg-app bg-[#fff] shadow-sm rounded-[8px] #24303614; 0px 0px 16px 4px',
|
|
95
94
|
className
|
|
96
95
|
)}
|
|
97
|
-
|
|
98
96
|
{...props}
|
|
99
97
|
>
|
|
100
98
|
<DrawerTitle className="sr-only">Выбор компании</DrawerTitle>
|
|
@@ -3,15 +3,14 @@ import type { SVGProps } from 'react'
|
|
|
3
3
|
import { SvgIcon } from '../SvgIcon'
|
|
4
4
|
const SvgArrowLeft = (props: SVGProps<SVGSVGElement>) => (
|
|
5
5
|
<SvgIcon
|
|
6
|
-
width={
|
|
7
|
-
height={
|
|
6
|
+
width={24}
|
|
7
|
+
height={24}
|
|
8
8
|
fill="none"
|
|
9
|
-
viewBox="0 0 20 20"
|
|
10
9
|
{...props}
|
|
11
10
|
>
|
|
12
11
|
<path
|
|
13
12
|
fill="currentColor"
|
|
14
|
-
d="
|
|
13
|
+
d="M21.5 10.5H6.12l3.94-3.939A1.5 1.5 0 1 0 7.938 4.44l-6.5 6.5a1.5 1.5 0 0 0 0 2.121l6.5 6.5a1.5 1.5 0 1 0 2.12-2.121L6.121 13.5H21.5a1.5 1.5 0 1 0 0-3Z"
|
|
15
14
|
/>
|
|
16
15
|
</SvgIcon>
|
|
17
16
|
)
|
package/src/Icon/icons/Chat.tsx
CHANGED
|
@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
|
|
|
3
3
|
import { SvgIcon } from '../SvgIcon'
|
|
4
4
|
const SvgChat = (props: SVGProps<SVGSVGElement>) => (
|
|
5
5
|
<SvgIcon
|
|
6
|
-
width={
|
|
7
|
-
height={
|
|
6
|
+
width={24}
|
|
7
|
+
height={24}
|
|
8
8
|
fill="none"
|
|
9
|
-
viewBox="0 0 20 20"
|
|
10
9
|
{...props}
|
|
11
10
|
>
|
|
12
11
|
<path
|
|
13
12
|
fill="currentColor"
|
|
14
|
-
d="
|
|
13
|
+
d="M21 1H3a2 2 0 0 0-2 2v15c0 1.1.9 2 2 2h3v1.85c0 .92 1.03 1.47 1.8.95L12 20h9a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2ZM7 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"
|
|
15
14
|
/>
|
|
15
|
+
|
|
16
16
|
</SvgIcon>
|
|
17
17
|
)
|
|
18
18
|
export default SvgChat
|
package/src/Icon/icons/Clock.tsx
CHANGED
|
@@ -3,15 +3,14 @@ import type { SVGProps } from 'react'
|
|
|
3
3
|
import { SvgIcon } from '../SvgIcon'
|
|
4
4
|
const SvgClock = (props: SVGProps<SVGSVGElement>) => (
|
|
5
5
|
<SvgIcon
|
|
6
|
-
width={
|
|
7
|
-
height={
|
|
6
|
+
width={24}
|
|
7
|
+
height={24}
|
|
8
8
|
fill="none"
|
|
9
|
-
viewBox="0 0 20 20"
|
|
10
9
|
{...props}
|
|
11
10
|
>
|
|
12
11
|
<path
|
|
13
12
|
fill="currentColor"
|
|
14
|
-
d="
|
|
13
|
+
d="M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24Zm4.9 15.45a1 1 0 0 1-1.35.44l-4-2A1 1 0 0 1 11 13V7a1 1 0 1 1 2 0v5.38l3.45 1.73c.5.24.7.84.45 1.34Z"
|
|
15
14
|
/>
|
|
16
15
|
</SvgIcon>
|
|
17
16
|
)
|
package/src/Icon/icons/Home.tsx
CHANGED
|
@@ -3,15 +3,15 @@ import type { SVGProps } from 'react'
|
|
|
3
3
|
import { SvgIcon } from '../SvgIcon'
|
|
4
4
|
const SvgHome = (props: SVGProps<SVGSVGElement>) => (
|
|
5
5
|
<SvgIcon
|
|
6
|
-
width={
|
|
7
|
-
height={
|
|
6
|
+
width={24}
|
|
7
|
+
height={24}
|
|
8
8
|
fill="none"
|
|
9
|
-
|
|
9
|
+
|
|
10
10
|
{...props}
|
|
11
11
|
>
|
|
12
12
|
<path
|
|
13
13
|
fill="currentColor"
|
|
14
|
-
d="
|
|
14
|
+
d="m21.35 7.33-8.18-5.95a2 2 0 0 0-2.34 0L2.65 7.3a4 4 0 0 0-1.66 3.24V21c0 1.1.9 2 2 2H9v-7.78a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1V23h6a2 2 0 0 0 2-2V10.57a4 4 0 0 0-1.65-3.24Z"
|
|
15
15
|
/>
|
|
16
16
|
</SvgIcon>
|
|
17
17
|
)
|
|
@@ -3,15 +3,14 @@ import type { SVGProps } from 'react'
|
|
|
3
3
|
import { SvgIcon } from '../SvgIcon'
|
|
4
4
|
const SvgServices = (props: SVGProps<SVGSVGElement>) => (
|
|
5
5
|
<SvgIcon
|
|
6
|
-
width={
|
|
7
|
-
height={
|
|
6
|
+
width={24}
|
|
7
|
+
height={24}
|
|
8
8
|
fill="none"
|
|
9
|
-
viewBox="0 0 20 20"
|
|
10
9
|
{...props}
|
|
11
10
|
>
|
|
12
11
|
<path
|
|
13
12
|
fill="currentColor"
|
|
14
|
-
d="
|
|
13
|
+
d="M9 14H3a2 2 0 0 1-2-2V3c0-1.1.9-2 2-2h6a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2Zm14-8V3a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v3c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2ZM11 21v-3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v3c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2Zm12 0v-9a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v9c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2Z"
|
|
15
14
|
/>
|
|
16
15
|
</SvgIcon>
|
|
17
16
|
)
|
|
@@ -3,15 +3,14 @@ import type { SVGProps } from 'react'
|
|
|
3
3
|
import { SvgIcon } from '../SvgIcon'
|
|
4
4
|
const SvgSettings = (props: SVGProps<SVGSVGElement>) => (
|
|
5
5
|
<SvgIcon
|
|
6
|
-
width={
|
|
7
|
-
height={
|
|
6
|
+
width={24}
|
|
7
|
+
height={24}
|
|
8
8
|
fill="none"
|
|
9
|
-
viewBox="0 0 20 20"
|
|
10
9
|
{...props}
|
|
11
10
|
>
|
|
12
11
|
<path
|
|
13
12
|
fill="currentColor"
|
|
14
|
-
d="
|
|
13
|
+
d="m22.48 14.76-.95-1.08a9.73 9.73 0 0 0-.03-3.52l.91-1.04c.6-.67.69-1.65.24-2.43l-.84-1.49a2.08 2.08 0 0 0-2.23-1l-1.39.28a9.69 9.69 0 0 0-3-1.73l-.44-1.31A2.08 2.08 0 0 0 12.78 0h-1.7c-.9 0-1.69.58-1.97 1.44L8.66 2.8A9.72 9.72 0 0 0 5.68 4.6L4.35 4.3a2.08 2.08 0 0 0-2.23 1.01l-.84 1.49c-.45.78-.35 1.76.24 2.43l.95 1.08a9.75 9.75 0 0 0 .03 3.52l-.91 1.04a2.11 2.11 0 0 0-.25 2.43l.85 1.49c.45.79 1.35 1.19 2.23 1l1.39-.28c.89.75 1.91 1.34 3 1.73l.43 1.31A2.08 2.08 0 0 0 11.22 24h1.7c.9 0 1.69-.58 1.97-1.44l.45-1.36a9.72 9.72 0 0 0 2.98-1.79l1.33.28c.87.19 1.78-.22 2.23-1.01l.84-1.49a2.1 2.1 0 0 0-.24-2.43ZM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z"
|
|
15
14
|
/>
|
|
16
15
|
</SvgIcon>
|
|
17
16
|
)
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import type { SVGProps } from 'react'
|
|
3
|
+
import { SvgIcon } from '../SvgIcon'
|
|
4
|
+
const SvgTransfer = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<SvgIcon
|
|
6
|
+
width={24}
|
|
7
|
+
height={24}
|
|
8
|
+
fill="none"
|
|
9
|
+
{...props}
|
|
10
|
+
>
|
|
11
|
+
<path
|
|
12
|
+
fill="currentColor"
|
|
13
|
+
d="M21 1H3a2 2 0 0 0-2 2v18c0 1.1.9 2 2 2h18a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm-2.3 15.7-3 3a1 1 0 1 1-1.4-1.4l1.29-1.3H6a1 1 0 1 1 0-2h9.59l-1.3-1.3a1 1 0 1 1 1.42-1.4l3 3a1 1 0 0 1 0 1.4ZM18 9H8.41l1.3 1.3a1 1 0 1 1-1.42 1.4l-3-3a1 1 0 0 1 0-1.4l3-3a1 1 0 1 1 1.42 1.4L8.4 7H18a1 1 0 1 1 0 2Z"
|
|
14
|
+
/>
|
|
15
|
+
</SvgIcon>
|
|
16
|
+
)
|
|
17
|
+
export default SvgTransfer
|
|
@@ -3,15 +3,14 @@ import type { SVGProps } from 'react'
|
|
|
3
3
|
import { SvgIcon } from '../SvgIcon'
|
|
4
4
|
const SvgWallet = (props: SVGProps<SVGSVGElement>) => (
|
|
5
5
|
<SvgIcon
|
|
6
|
-
width={
|
|
7
|
-
height={
|
|
6
|
+
width={24}
|
|
7
|
+
height={24}
|
|
8
8
|
fill="none"
|
|
9
|
-
viewBox="0 0 20 20"
|
|
10
9
|
{...props}
|
|
11
10
|
>
|
|
12
11
|
<path
|
|
13
12
|
fill="currentColor"
|
|
14
|
-
d="
|
|
13
|
+
d="M0 5V4c0-1.1.9-2 2-2h15a2 2 0 0 1 2 2v1H0Zm24 4v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V7h22a2 2 0 0 1 2 2Zm-3 5.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"
|
|
15
14
|
/>
|
|
16
15
|
</SvgIcon>
|
|
17
16
|
)
|
package/src/Icon/icons/index.ts
CHANGED
|
@@ -200,4 +200,5 @@ export { default as WarningClean } from './WarningClean'
|
|
|
200
200
|
export { default as Warning } from './Warning'
|
|
201
201
|
export { default as WhatsappCircle } from './WhatsappCircle'
|
|
202
202
|
export { default as Whatsapp } from './Whatsapp'
|
|
203
|
-
export { default as Wheelchair } from './Wheelchair'
|
|
203
|
+
export { default as Wheelchair } from './Wheelchair'
|
|
204
|
+
export { default as Transfer } from './Transfer'
|
package/src/Page/Page.tsx
CHANGED
|
@@ -1,20 +1,12 @@
|
|
|
1
1
|
import React, {FC} from 'react';
|
|
2
2
|
import { cn } from '../@/lib/utils';
|
|
3
3
|
|
|
4
|
-
type
|
|
4
|
+
type IPageProps = {
|
|
5
5
|
children?: React.ReactNode,
|
|
6
6
|
className?: string
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
const
|
|
10
|
-
return <div className={cn('flex items-center h-[44px] px-[20px]', className)}>
|
|
11
|
-
{children}
|
|
12
|
-
</div>
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
PageNavbar.displayName = 'PageNavbar'
|
|
16
|
-
|
|
17
|
-
const Page: FC<IProps> = ({children, className}) => {
|
|
9
|
+
const Page: FC<IPageProps> = ({children, className}) => {
|
|
18
10
|
return (
|
|
19
11
|
<div className={cn('sm:container bg-page h-screen', className)}>
|
|
20
12
|
{children}
|
|
@@ -22,6 +14,4 @@ const Page: FC<IProps> = ({children, className}) => {
|
|
|
22
14
|
);
|
|
23
15
|
}
|
|
24
16
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
export { Page, PageNavbar };
|
|
17
|
+
export { Page };
|
package/src/Page/index.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Page
|
|
1
|
+
export { Page } from './Page'
|
|
@@ -73,11 +73,10 @@
|
|
|
73
73
|
--cl-red-6: #f9c1bd;
|
|
74
74
|
--cl-red-7: #ffe9e9;
|
|
75
75
|
|
|
76
|
-
--text-base: var(--cl-graphite-1);
|
|
76
|
+
/* --text-base: var(--cl-graphite-1); */
|
|
77
77
|
--primary: var(--cl-blue-2);
|
|
78
|
-
--primary-
|
|
79
|
-
--success: var(--cl-
|
|
80
|
-
--success-light: var(--cl-green-7);
|
|
78
|
+
--primary-bg: var(--cl-blue-7);
|
|
79
|
+
--success: var(--cl-graphite-1);
|
|
81
80
|
--seconady: var(--cl-graphite-2);
|
|
82
81
|
--tertiary: var(--cl-graphite-3);
|
|
83
82
|
--muted: var(--cl-graphite-3);
|
|
@@ -86,7 +85,7 @@
|
|
|
86
85
|
--page-bg: var(--cl-white);
|
|
87
86
|
|
|
88
87
|
/* ЦВЕТ КНОПОК */
|
|
89
|
-
|
|
88
|
+
|
|
90
89
|
--btn-primary: var(--cl-white);
|
|
91
90
|
--btn-primary-bg: var(--cl-blue-2);
|
|
92
91
|
--btn-primary-hover-bg: var(--cl-blue-3);
|
|
@@ -120,23 +119,7 @@
|
|
|
120
119
|
--btn-txt-primary-hover: var(--cl-blue-3);
|
|
121
120
|
--btn-txt-primary-focus: var(--cl-blue-3);
|
|
122
121
|
--btn-txt-primary-active: var(--cl-blue-1);
|
|
123
|
-
/* =========================================== */
|
|
124
|
-
/* ЦВЕТ КНОПОК */
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
/* ЦВЕТ ПОЛЯ ВВОДА */
|
|
128
|
-
/* =========================================== */
|
|
129
|
-
--input-border-color: var(--cl-graphite-5);
|
|
130
|
-
/* --input-bg: var(); */
|
|
131
|
-
/* =========================================== */
|
|
132
|
-
/* ЦВЕТ ПОЛЯ ВВОДА */
|
|
133
|
-
|
|
134
|
-
--border-radius-1: 8px;
|
|
135
|
-
|
|
136
|
-
--shadow-1: 0px 4px 16px rgba(36, 48, 54, 0.08);
|
|
137
|
-
--shadow-2: 0 2px 10px rgba(36, 48, 54, 0.12);
|
|
138
122
|
}
|
|
139
123
|
|
|
140
|
-
|
|
141
124
|
.dark {}
|
|
142
125
|
}
|
package/src/index.ts
CHANGED
|
@@ -38,10 +38,8 @@ import {
|
|
|
38
38
|
DrawerContent,
|
|
39
39
|
DrawerList,
|
|
40
40
|
DrawerListItem
|
|
41
|
-
} from './
|
|
41
|
+
} from './DasboardDrawer'
|
|
42
42
|
import { Page } from "./Page";
|
|
43
|
-
import { PageNavbar } from "./Page";
|
|
44
|
-
import { Chip } from "./Chip";
|
|
45
43
|
|
|
46
44
|
export {
|
|
47
45
|
Tooltip,
|
|
@@ -76,7 +74,5 @@ export {
|
|
|
76
74
|
BottomNavigationList,
|
|
77
75
|
BottomNavigationListItem,
|
|
78
76
|
BottomNavigationLink,
|
|
79
|
-
Page
|
|
80
|
-
PageNavbar,
|
|
81
|
-
Chip,
|
|
77
|
+
Page
|
|
82
78
|
};
|
package/dist/Chip/Chip.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
-
declare const chipVariants: (props?: {
|
|
4
|
-
variant?: "outline" | "success" | "primary" | "secondary" | "primary-outline" | "ghost";
|
|
5
|
-
size?: "lg" | "md" | "sm" | "xs" | "xxs";
|
|
6
|
-
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
7
|
-
export interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipVariants> {
|
|
8
|
-
asChild?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare const Chip: React.ForwardRefExoticComponent<IChipProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
-
export { Chip };
|
package/dist/Chip/Chip.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Chip = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
-
const class_variance_authority_1 = require("class-variance-authority");
|
|
7
|
-
const react_slot_1 = require("@radix-ui/react-slot");
|
|
8
|
-
const utils_1 = require("../@/lib/utils");
|
|
9
|
-
// import { cn } from "@/lib/utils" порешать с алиасами
|
|
10
|
-
const chipVariants = (0, class_variance_authority_1.cva)('inline-flex items-center border-[2px] justify-center rounded-full whitespace-nowrap font-medium transition-colors ring-offset-1 disabled:pointer-events-none disabled:opacity-[.24]', {
|
|
11
|
-
variants: {
|
|
12
|
-
variant: {
|
|
13
|
-
primary: 'text-btn-primary bg-btn-primary hover:bg-btn-primary-hover focus:bg-btn-primary-focus active:bg-btn-primary-active border-btn-primary hover:border-btn-primary-hover focus:border-btn-primary-focus active:border-btn-primary-active',
|
|
14
|
-
secondary: 'text-btn-secondary bg-btn-secondary hover:bg-btn-secondary-hover focus:bg-btn-secondary-focus active:bg-btn-secondary-active border-btn-secondary hover:border-btn-secondary-hover focus:border-btn-secondary-focus active:border-btn-secondary-active',
|
|
15
|
-
success: 'text-btn-success bg-btn-success hover:bg-btn-success-hover focus:bg-btn-success-focus active:bg-btn-success-active border-btn-success hover:border-btn-success-hover focus:border-btn-success-focus active:border-btn-success-active',
|
|
16
|
-
'primary-outline': 'text-btn-primary-outline hover:text-btn-primary-outline-hover focus:text-btn-primary-outline-focus active:text-btn-primary-outline-active bg-btn-primary-outline hover:bg-btn-primary-outline-hover focus:bg-btn-primary-outline-focus active:bg-btn-primary-outline-active border-btn-primary-outline hover:border-btn-primary-outline-hover focus:border-btn-primary-outline-focus active:border-btn-primary-outline-active',
|
|
17
|
-
outline: 'border-[1px] text-btn-outline border-btn-outline ring-[currentColor]',
|
|
18
|
-
ghost: 'text-btn-ghost bg-btn-ghost hover:bg-btn-ghost-hover focus:bg-btn-ghost-focus active:bg-btn-ghost-active border-transparent',
|
|
19
|
-
},
|
|
20
|
-
size: {
|
|
21
|
-
lg: '',
|
|
22
|
-
md: '',
|
|
23
|
-
sm: 'h-[14px] px-[20px] text-[10px] leading-[1.4]',
|
|
24
|
-
xs: '',
|
|
25
|
-
xxs: '',
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
defaultVariants: {
|
|
29
|
-
variant: 'secondary',
|
|
30
|
-
size: 'sm',
|
|
31
|
-
},
|
|
32
|
-
});
|
|
33
|
-
const Chip = react_1.default.forwardRef(({ children, variant, size, className, asChild = false, ...props }, ref) => {
|
|
34
|
-
const Comp = asChild ? react_slot_1.Slot : "span";
|
|
35
|
-
return (react_1.default.createElement(Comp, { className: (0, utils_1.cn)(chipVariants({ variant, size, className })), ref: ref, ...props }));
|
|
36
|
-
});
|
|
37
|
-
exports.Chip = Chip;
|
|
38
|
-
//# sourceMappingURL=Chip.js.map
|
package/dist/Chip/Chip.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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,sLAAsL,EACtL;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;AAEO,oBAAI"}
|
package/dist/Chip/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Chip } from './Chip';
|
package/dist/Chip/index.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Chip = void 0;
|
|
4
|
-
var Chip_1 = require("./Chip");
|
|
5
|
-
Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
package/dist/Chip/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Chip/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardDrawer.js","sourceRoot":"","sources":["../../src/DashboardDrawer/DashboardDrawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DashboardDrawer/index.ts"],"names":[],"mappings":";;;AAAA,qDAO4B;AAN3B,yGAAA,MAAM,OAAA;AACN,gHAAA,aAAa,OAAA;AACb,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AACV,iHAAA,cAAc,OAAA"}
|
package/src/@/config/label.ts
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
textColor: {
|
|
3
|
-
label: {
|
|
4
|
-
primary: {
|
|
5
|
-
DEFAULT: 'var(--btn-primary)',
|
|
6
|
-
outline: {
|
|
7
|
-
DEFAULT: 'var(--btn-primary-bg)',
|
|
8
|
-
hover: 'var(--btn-primary-hover-bg)',
|
|
9
|
-
focus: 'var(var(--btn-primary-focus-bg)',
|
|
10
|
-
active: 'var(--btn-primary-active-bg)',
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
secondary: 'var(--btn-secondary)',
|
|
14
|
-
success: 'var(--btn-success)',
|
|
15
|
-
ghost: 'var(--btn-ghost)',
|
|
16
|
-
outline: {
|
|
17
|
-
DEFAULT: 'var(--btn-ghost)',
|
|
18
|
-
hover: 'var(--btn-ghost-hover-bg)',
|
|
19
|
-
focus: 'var(var(--btn-ghost-focus-bg)',
|
|
20
|
-
active: 'var(--btn-ghost-active-bg)',
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
backgroundColor: {
|
|
25
|
-
label: {
|
|
26
|
-
primary: {
|
|
27
|
-
DEFAULT: 'var(--btn-primary-bg)',
|
|
28
|
-
hover: 'var(--btn-primary-hover-bg)',
|
|
29
|
-
focus: 'var(var(--btn-primary-focus-bg)',
|
|
30
|
-
active: 'var(--btn-primary-active-bg)',
|
|
31
|
-
},
|
|
32
|
-
secondary: {
|
|
33
|
-
DEFAULT: 'var(--btn-secondary-bg)',
|
|
34
|
-
hover: 'var(--btn-secondary-hover-bg)',
|
|
35
|
-
focus: 'var(var(--btn-secondary-focus-bg)',
|
|
36
|
-
active: 'var(--btn-secondary-active-bg)',
|
|
37
|
-
},
|
|
38
|
-
success: {
|
|
39
|
-
DEFAULT: 'var(--btn-success-bg)',
|
|
40
|
-
hover: 'var(--btn-success-hover-bg)',
|
|
41
|
-
focus: 'var(var(--btn-success-focus-bg)',
|
|
42
|
-
active: 'var(--btn-success-active-bg)',
|
|
43
|
-
},
|
|
44
|
-
ghost: {
|
|
45
|
-
DEFAULT: 'var(--btn-ghost-bg)',
|
|
46
|
-
hover: 'var(--btn-ghost-hover-bg)',
|
|
47
|
-
focus: 'var(var(--btn-ghost-focus-bg)',
|
|
48
|
-
active: 'var(--btn-ghost-active-bg)',
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
borderColor: {
|
|
53
|
-
btn: {
|
|
54
|
-
primary: {
|
|
55
|
-
DEFAULT: 'var(--btn-primary-bg)',
|
|
56
|
-
hover: 'var(--btn-primary-hover-bg)',
|
|
57
|
-
focus: 'var(var(--btn-primary-focus-bg)',
|
|
58
|
-
active: 'var(--btn-primary-active-bg)',
|
|
59
|
-
outline: {
|
|
60
|
-
DEFAULT: 'var(--btn-primary-bg)',
|
|
61
|
-
hover: 'var(--btn-primary-hover-bg)',
|
|
62
|
-
focus: 'var(var(--btn-primary-focus-bg)',
|
|
63
|
-
active: 'var(--btn-primary-active-bg)',
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
secondary: {
|
|
67
|
-
DEFAULT: 'var(--btn-secondary-bg)',
|
|
68
|
-
hover: 'var(--btn-secondary-hover-bg)',
|
|
69
|
-
focus: 'var(var(--btn-secondary-focus-bg)',
|
|
70
|
-
active: 'var(--btn-secondary-active-bg)',
|
|
71
|
-
},
|
|
72
|
-
success: {
|
|
73
|
-
DEFAULT: 'var(--btn-success-bg)',
|
|
74
|
-
hover: 'var(--btn-success-hover-bg)',
|
|
75
|
-
focus: 'var(var(--btn-success-focus-bg)',
|
|
76
|
-
active: 'var(--btn-success-active-bg)',
|
|
77
|
-
},
|
|
78
|
-
ghost: {
|
|
79
|
-
DEFAULT: 'var(--btn-ghost-bg)',
|
|
80
|
-
hover: 'var(--btn-ghost-hover-bg)',
|
|
81
|
-
focus: 'var(var(--btn-ghost-focus-bg)',
|
|
82
|
-
active: 'var(--btn-ghost-active-bg)',
|
|
83
|
-
},
|
|
84
|
-
outline: {
|
|
85
|
-
DEFAULT: 'var(--btn-ghost)',
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
package/src/Chip/Chip.tsx
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import React, { FC, PropsWithChildren } from 'react'
|
|
2
|
-
import { cva, type VariantProps } from 'class-variance-authority'
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot'
|
|
4
|
-
import { cn } from '../@/lib/utils'
|
|
5
|
-
// import { cn } from "@/lib/utils" порешать с алиасами
|
|
6
|
-
|
|
7
|
-
const chipVariants = cva(
|
|
8
|
-
'inline-flex items-center border-[2px] justify-center rounded-full whitespace-nowrap font-medium transition-colors ring-offset-1 disabled:pointer-events-none disabled:opacity-[.24]',
|
|
9
|
-
{
|
|
10
|
-
variants: {
|
|
11
|
-
variant: {
|
|
12
|
-
primary:
|
|
13
|
-
'text-btn-primary bg-btn-primary hover:bg-btn-primary-hover focus:bg-btn-primary-focus active:bg-btn-primary-active border-btn-primary hover:border-btn-primary-hover focus:border-btn-primary-focus active:border-btn-primary-active',
|
|
14
|
-
secondary:
|
|
15
|
-
'text-btn-secondary bg-btn-secondary hover:bg-btn-secondary-hover focus:bg-btn-secondary-focus active:bg-btn-secondary-active border-btn-secondary hover:border-btn-secondary-hover focus:border-btn-secondary-focus active:border-btn-secondary-active',
|
|
16
|
-
success:
|
|
17
|
-
'text-btn-success bg-btn-success hover:bg-btn-success-hover focus:bg-btn-success-focus active:bg-btn-success-active border-btn-success hover:border-btn-success-hover focus:border-btn-success-focus active:border-btn-success-active',
|
|
18
|
-
'primary-outline':
|
|
19
|
-
'text-btn-primary-outline hover:text-btn-primary-outline-hover focus:text-btn-primary-outline-focus active:text-btn-primary-outline-active bg-btn-primary-outline hover:bg-btn-primary-outline-hover focus:bg-btn-primary-outline-focus active:bg-btn-primary-outline-active border-btn-primary-outline hover:border-btn-primary-outline-hover focus:border-btn-primary-outline-focus active:border-btn-primary-outline-active',
|
|
20
|
-
outline: 'border-[1px] text-btn-outline border-btn-outline ring-[currentColor]',
|
|
21
|
-
ghost: 'text-btn-ghost bg-btn-ghost hover:bg-btn-ghost-hover focus:bg-btn-ghost-focus active:bg-btn-ghost-active border-transparent',
|
|
22
|
-
},
|
|
23
|
-
size: {
|
|
24
|
-
lg: '',
|
|
25
|
-
md: '',
|
|
26
|
-
sm: 'h-[14px] px-[20px] text-[10px] leading-[1.4]',
|
|
27
|
-
xs: '',
|
|
28
|
-
xxs: '',
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
defaultVariants: {
|
|
32
|
-
variant: 'secondary',
|
|
33
|
-
size: 'sm',
|
|
34
|
-
},
|
|
35
|
-
}
|
|
36
|
-
)
|
|
37
|
-
|
|
38
|
-
export interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipVariants> {
|
|
39
|
-
asChild?: boolean
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
const Chip = React.forwardRef<HTMLButtonElement, IChipProps>(({ children, variant, size, className, asChild = false, ...props }, ref) => {
|
|
43
|
-
const Comp = asChild ? Slot : "span"
|
|
44
|
-
|
|
45
|
-
return (
|
|
46
|
-
<Comp
|
|
47
|
-
className={cn(chipVariants({ variant, size, className }))}
|
|
48
|
-
ref={ref}
|
|
49
|
-
{...props}
|
|
50
|
-
/>
|
|
51
|
-
)
|
|
52
|
-
})
|
|
53
|
-
|
|
54
|
-
export { Chip }
|
package/src/Chip/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Chip } from './Chip'
|