@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.
Files changed (75) hide show
  1. package/dist/Button/Button.js +2 -2
  2. package/dist/Button/index.d.ts +1 -1
  3. package/dist/Button/index.js +1 -2
  4. package/dist/Button/index.js.map +1 -1
  5. package/dist/{DashboardDrawer → DasboardDrawer}/DashboardDrawer.d.ts +1 -2
  6. package/dist/{DashboardDrawer → DasboardDrawer}/DashboardDrawer.js +8 -11
  7. package/dist/DasboardDrawer/DashboardDrawer.js.map +1 -0
  8. package/dist/DasboardDrawer/index.js.map +1 -0
  9. package/dist/Icon/icons/ArrowLeft.js +2 -2
  10. package/dist/Icon/icons/ArrowLeft.js.map +1 -1
  11. package/dist/Icon/icons/Chat.js +2 -2
  12. package/dist/Icon/icons/Chat.js.map +1 -1
  13. package/dist/Icon/icons/Clock.js +2 -2
  14. package/dist/Icon/icons/Clock.js.map +1 -1
  15. package/dist/Icon/icons/Home.js +2 -2
  16. package/dist/Icon/icons/Home.js.map +1 -1
  17. package/dist/Icon/icons/Services.js +2 -2
  18. package/dist/Icon/icons/Services.js.map +1 -1
  19. package/dist/Icon/icons/Settings.js +2 -2
  20. package/dist/Icon/icons/Settings.js.map +1 -1
  21. package/dist/Icon/icons/Transfer.d.ts +4 -0
  22. package/dist/Icon/icons/Transfer.js +9 -0
  23. package/dist/Icon/icons/Transfer.js.map +1 -0
  24. package/dist/Icon/icons/Wallet.js +2 -2
  25. package/dist/Icon/icons/Wallet.js.map +1 -1
  26. package/dist/Icon/icons/index.d.ts +1 -0
  27. package/dist/Icon/icons/index.js +3 -1
  28. package/dist/Icon/icons/index.js.map +1 -1
  29. package/dist/Page/Page.d.ts +3 -4
  30. package/dist/Page/Page.js +1 -7
  31. package/dist/Page/Page.js.map +1 -1
  32. package/dist/Page/index.d.ts +1 -1
  33. package/dist/Page/index.js +1 -2
  34. package/dist/Page/index.js.map +1 -1
  35. package/dist/index.d.ts +2 -4
  36. package/dist/index.js +8 -12
  37. package/dist/index.js.map +1 -1
  38. package/package.json +11 -14
  39. package/src/@/config/index.ts +9 -20
  40. package/src/Button/Button.tsx +2 -2
  41. package/src/Button/index.ts +1 -1
  42. package/src/{Drawer → DasboardDrawer}/DashboardDrawer.tsx +2 -4
  43. package/src/Icon/icons/ArrowLeft.tsx +3 -4
  44. package/src/Icon/icons/Chat.tsx +4 -4
  45. package/src/Icon/icons/Clock.tsx +3 -4
  46. package/src/Icon/icons/Home.tsx +4 -4
  47. package/src/Icon/icons/Services.tsx +3 -4
  48. package/src/Icon/icons/Settings.tsx +3 -4
  49. package/src/Icon/icons/Transfer.tsx +17 -0
  50. package/src/Icon/icons/Wallet.tsx +3 -4
  51. package/src/Icon/icons/index.ts +2 -1
  52. package/src/Page/Page.tsx +3 -13
  53. package/src/Page/index.ts +1 -1
  54. package/src/assets/css/global.css +4 -21
  55. package/src/index.ts +2 -6
  56. package/dist/Chip/Chip.d.ts +0 -11
  57. package/dist/Chip/Chip.js +0 -38
  58. package/dist/Chip/Chip.js.map +0 -1
  59. package/dist/Chip/index.d.ts +0 -1
  60. package/dist/Chip/index.js +0 -6
  61. package/dist/Chip/index.js.map +0 -1
  62. package/dist/DashboardDrawer/DashboardDrawer.js.map +0 -1
  63. package/dist/DashboardDrawer/index.js.map +0 -1
  64. package/src/@/config/label.ts +0 -89
  65. package/src/Chip/Chip.tsx +0 -54
  66. package/src/Chip/index.ts +0 -1
  67. package/src/DashboardDrawer/DashboardDrawer.tsx +0 -119
  68. package/src/Drawer/BottomDrawer.tsx +0 -108
  69. package/src/Label/Label.tsx +0 -20
  70. package/src/Label/index.ts +0 -1
  71. package/src/input/Input.tsx +0 -37
  72. package/src/input/index.ts +0 -1
  73. /package/dist/{DashboardDrawer → DasboardDrawer}/index.d.ts +0 -0
  74. /package/dist/{DashboardDrawer → DasboardDrawer}/index.js +0 -0
  75. /package/src/{DashboardDrawer → DasboardDrawer}/index.ts +0 -0
@@ -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 justify-center items-center border-[2px] disabled:opacity-[.24] focus-visible:ring ring-offset-1 font-medium whitespace-nowrap transition-colors focus-visible:outline-none disabled:pointer-events-none',
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 disabled:opacity-[.24] rounded-[.25em] disabled:pointer-events-none',
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: {
@@ -1 +1 @@
1
- export {Button, buttonVariants} from './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-page drop-shadow-1 rounded-[8px] #24303614; 0px 0px 16px 4px',
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={20}
7
- height={20}
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="M18 10.003c0 .55-.45 1-1 1H5.41l3.3 3.29c.39.39.39 1.03 0 1.42-.4.38-1.01.39-1.42 0l-5-5c-.39-.39-.39-1.03 0-1.42l5-5c.39-.39 1.03-.39 1.42 0s.39 1.03 0 1.42l-3.3 3.29H17c.55 0 1 .45 1 1"
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
  )
@@ -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={20}
7
- height={20}
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="M5.55 18.89A1 1 0 0 1 5 18v-2H3c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2h-6.67L6.6 18.8c-.29.22-.7.27-1.05.09M3 4v10h3c.55 0 1 .45 1 1v1l2.4-1.8c.17-.13.38-.2.6-.2h7V4zm4.2 5c0 .66-.54 1.2-1.2 1.2S4.8 9.66 4.8 9 5.34 7.8 6 7.8s1.2.54 1.2 1.2M10 7.8c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2 1.2-.54 1.2-1.2-.54-1.2-1.2-1.2m4 0c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2 1.2-.54 1.2-1.2-.54-1.2-1.2-1.2"
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
@@ -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={20}
7
- height={20}
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="M13.55 11.17 11 9.47V6c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .35.18.66.45.83l3 2c.43.31 1.07.19 1.38-.28a.99.99 0 0 0-.28-1.38M10 19c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9m0-16c-3.86 0-7 3.14-7 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7"
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
  )
@@ -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={20}
7
- height={20}
6
+ width={24}
7
+ height={24}
8
8
  fill="none"
9
- viewBox="0 0 20 20"
9
+
10
10
  {...props}
11
11
  >
12
12
  <path
13
13
  fill="currentColor"
14
- d="m18.71 10.29-8-8a.996.996 0 0 0-1.41 0l-8 8a.996.996 0 1 0 1.41 1.41l.29-.29V16c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1v-4h2v4c0 .55.45 1 1 1h3c1.1 0 2-.9 2-2v-4.59l.29.29c.2.2.45.29.71.29s.51-.1.71-.29a.996.996 0 0 0 0-1.41M15 16h-2v-4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v4H5V9.41l5-5 5 5z"
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={20}
7
- height={20}
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="M12 11H8V7c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1v9c0 1.1.9 2 2 2h9c.55 0 1-.45 1-1v-5c0-.55-.45-1-1-1M3 8h3v3H3zm0 5h3v3H3zm8 3H8v-3h3zm6-14h-4c-.55 0-1 .45-1 1v5c0 .55.45 1 1 1h5c.55 0 1-.45 1-1V4c0-1.1-.9-2-2-2m0 5h-3V4h3z"
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={20}
7
- height={20}
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="M10 13.5c-1.93 0-3.5-1.57-3.5-3.5S8.07 6.5 10 6.5s3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5m0-5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5M11.78 19H8.22c-.48 0-.89-.33-.98-.8l-.27-1.34c-.52-.23-1.02-.52-1.48-.87l-1.4.46a.995.995 0 0 1-1.17-.44l-1.78-3a1 1 0 0 1 .21-1.27l1.19-1.02c-.03-.25-.04-.49-.04-.72s.01-.48.04-.72L1.35 8.26a1 1 0 0 1-.21-1.27l1.78-3a1 1 0 0 1 1.17-.44l1.4.46c.46-.35.95-.64 1.48-.87l.27-1.34c.09-.47.5-.8.98-.8h3.56c.48 0 .89.33.98.8l.27 1.34c.52.23 1.02.52 1.48.87l1.4-.46c.45-.15.93.04 1.17.44l1.78 3c.25.42.16.95-.21 1.27l-1.19 1.02c.03.25.04.49.04.72s-.01.48-.04.72l1.19 1.02c.37.32.46.85.21 1.27l-1.78 3a1 1 0 0 1-1.17.44l-1.4-.46c-.46.35-.95.64-1.48.87l-.27 1.34c-.1.47-.51.8-.98.8m-2.74-2h1.92l.22-1.07c.07-.34.32-.63.65-.74.67-.24 1.28-.59 1.81-1.07.27-.24.64-.31.98-.2l1.16.38.94-1.58-.97-.83a.97.97 0 0 1-.33-.93q.09-.51.09-.96c0-.3-.03-.61-.09-.96s.07-.7.33-.93l.97-.83-.94-1.58-1.16.38c-.34.11-.71.04-.98-.2-.53-.47-1.14-.83-1.81-1.07-.33-.12-.58-.4-.65-.74L10.96 3H9.04l-.22 1.07c-.07.34-.32.63-.65.74-.67.24-1.28.59-1.81 1.07-.27.24-.64.31-.98.2L4.22 5.7l-.94 1.58.97.83c.27.23.4.58.33.93q-.09.51-.09.96c0 .3.03.61.09.96s-.07.7-.33.93l-.97.83.94 1.58 1.16-.38c.34-.11.71-.04.98.2.53.47 1.14.83 1.81 1.07.33.12.58.4.65.74z"
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={20}
7
- height={20}
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="M13 10.8c.66 0 1.2.54 1.2 1.2s-.54 1.2-1.2 1.2-1.2-.54-1.2-1.2.54-1.2 1.2-1.2M19 8v8c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v2c1.1 0 2 .9 2 2M3 4v2h12V4zm14 4H3v8h14z"
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
  )
@@ -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 IProps = {
4
+ type IPageProps = {
5
5
  children?: React.ReactNode,
6
6
  className?: string
7
7
  }
8
8
 
9
- const PageNavbar: FC<IProps> = ({children, className}) => {
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
- Page.displayName = 'Page'
26
-
27
- export { Page, PageNavbar };
17
+ export { Page };
package/src/Page/index.ts CHANGED
@@ -1 +1 @@
1
- export { Page, PageNavbar } from './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-light: var(--cl-blue-7);
79
- --success: var(--cl-green-3);
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 './DashboardDrawer'
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
  };
@@ -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
@@ -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"}
@@ -1 +0,0 @@
1
- export { Chip } from './Chip';
@@ -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
@@ -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"}
@@ -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'