@itsyouagency/ui 1.16.0 → 1.18.0

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.
@@ -33,6 +33,20 @@
33
33
  src: url('../fonts/Poppins/Poppins-Italic.otf') format('opentype');
34
34
  }
35
35
 
36
+ @font-face {
37
+ font-family: Poppins;
38
+ font-weight: 600;
39
+ src: url('../fonts/Poppins/Poppins-SemiBold.otf') format('opentype');
40
+ }
41
+
42
+ @font-face {
43
+ font-family: Poppins;
44
+ font-weight: 600;
45
+ font-style: italic;
46
+ src: url('../fonts/Poppins/Poppins-SemiBoldItalic.otf') format('opentype');
47
+ }
48
+
49
+
36
50
  @font-face {
37
51
  font-family: Poppins;
38
52
  font-weight: bold;
@@ -0,0 +1,4 @@
1
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
3
+ stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
@@ -1,9 +1,11 @@
1
+ import { HTMLAttributeAnchorTarget, MouseEventHandler } from 'react';
1
2
  import { IconType } from './Icon';
2
- type Props = {
3
+ declare const ButtonIcon: ({ onClick, icon, isLoading, href, target, disabled, }: {
4
+ onClick?: MouseEventHandler<HTMLDivElement>;
5
+ isLoading?: boolean;
3
6
  icon: IconType;
4
- onClick?: () => void;
5
- href?: string;
7
+ href?: HTMLAttributeAnchorTarget;
6
8
  target?: string;
7
- };
8
- declare const ButtonIcon: ({ icon, onClick, href, target, }: Props) => import("react/jsx-runtime").JSX.Element;
9
+ disabled?: boolean;
10
+ }) => import("react/jsx-runtime").JSX.Element;
9
11
  export default ButtonIcon;
@@ -0,0 +1,14 @@
1
+ import { IconType } from './Icon';
2
+ export type NavEntry = {
3
+ name: string;
4
+ href: string;
5
+ icon: IconType;
6
+ children?: NavEntry[];
7
+ };
8
+ export type TDashboardNav = Record<string, NavEntry[]>;
9
+ declare const DashboardNav: ({ nav, selectedPath, close, }: {
10
+ nav: TDashboardNav;
11
+ selectedPath: string;
12
+ close?: () => void;
13
+ }) => import("react/jsx-runtime").JSX.Element;
14
+ export default DashboardNav;
@@ -12,6 +12,8 @@ export interface DropdownProps {
12
12
  defaultValue?: number;
13
13
  error?: string;
14
14
  hideError?: boolean;
15
+ placeholder?: string;
16
+ selectedClassName?: string;
15
17
  }
16
- declare function Dropdown({ items, className, label, right, wrapperClassName, onChangeDropdown, defaultValue, unset, disableCloseOnClick, title, error, hideError, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
18
+ declare function Dropdown({ items, className, label, right, wrapperClassName, onChangeDropdown, defaultValue, unset, disableCloseOnClick, title, error, hideError, selectedClassName, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
17
19
  export default Dropdown;
@@ -5,6 +5,12 @@ export type FileUploadDragProps = {
5
5
  }) => void;
6
6
  accept?: string[];
7
7
  error?: string;
8
+ className?: string;
9
+ text?: string;
10
+ defaultImgUrl?: string;
11
+ imageClassName?: string;
12
+ hideClose?: boolean;
13
+ loaderColor?: 'light' | 'dark';
8
14
  };
9
- declare const FileUploadDrag: ({ onChange, accept, error, }: FileUploadDragProps) => import("react/jsx-runtime").JSX.Element;
15
+ declare const FileUploadDrag: ({ onChange, accept, error, className, text, defaultImgUrl, imageClassName, hideClose, loaderColor, }: FileUploadDragProps) => import("react/jsx-runtime").JSX.Element;
10
16
  export default FileUploadDrag;
@@ -0,0 +1,2 @@
1
+ declare function FooterMini(): import("react/jsx-runtime").JSX.Element;
2
+ export default FooterMini;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  declare const map: {
3
3
  Upload: React.FC<React.SVGProps<SVGSVGElement>>;
4
+ User: React.FC<React.SVGProps<SVGSVGElement>>;
4
5
  Copy: React.FC<React.SVGProps<SVGSVGElement>>;
5
6
  Invoice: React.FC<React.SVGProps<SVGSVGElement>>;
6
7
  Send: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -0,0 +1,11 @@
1
+ import { HTMLAttributeAnchorTarget, MouseEventHandler } from 'react';
2
+ import { IconType } from './Icon';
3
+ declare const IconButton: ({ onClick, icon, isLoading, href, target, disabled, }: {
4
+ onClick?: MouseEventHandler<HTMLDivElement>;
5
+ isLoading?: boolean;
6
+ icon: IconType;
7
+ href?: HTMLAttributeAnchorTarget;
8
+ target?: string;
9
+ disabled?: boolean;
10
+ }) => import("react/jsx-runtime").JSX.Element;
11
+ export default IconButton;
@@ -1,7 +1,12 @@
1
1
  import { ReactNode } from 'react';
2
+ import { IconType } from './Icon';
3
+ import type { AnchorProps } from '@headlessui/react/dist/internal/floating';
2
4
  interface Props {
3
5
  children: ReactNode;
4
6
  size?: number;
7
+ icon?: IconType;
8
+ iconClassName?: string;
9
+ anchor?: AnchorProps;
5
10
  }
6
- declare function InfoTooltip({ children, size }: Props): import("react/jsx-runtime").JSX.Element;
11
+ declare function InfoTooltip({ children, size, icon, iconClassName, anchor, }: Props): import("react/jsx-runtime").JSX.Element;
7
12
  export default InfoTooltip;
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ export default function MobileSideBar({ children, open, setOpen, }: {
3
+ children: ReactNode;
4
+ open: boolean;
5
+ setOpen: (v: boolean) => void;
6
+ }): import("react/jsx-runtime").JSX.Element;
@@ -12,6 +12,7 @@ export { default as ImageFullView } from './base/ImageFullView';
12
12
  export { default as InfoTooltip } from './base/InfoTooltip';
13
13
  export { default as Input, InputProps } from './base/Input';
14
14
  export { default as InputWrapper } from './base/InputWrapper';
15
+ export { default as IconButton } from './base/IconButton';
15
16
  export { default as LearnMoreButton } from './base/LearnMoreButton';
16
17
  export { default as Loader } from './base/Loader';
17
18
  export { default as Logo } from './base/Logo';
@@ -27,3 +28,4 @@ export { default as Tooltip } from './base/Tooltip';
27
28
  export { default as FileUploadDrag } from './base/FileUploadDrag';
28
29
  export { default as RadioGroup } from './base/RadioGroup';
29
30
  export { default as MatchableSortableTable, IMatchableSortableTableProps, } from './base/Table/MatchableSortableTable';
31
+ export { TDashboardNav } from './base/DashboardNav';
package/dist/index.d.ts CHANGED
@@ -2,3 +2,6 @@ export * from './components';
2
2
  export * from './toaster';
3
3
  export * from './types';
4
4
  export * from './utils/formatter';
5
+ export * from './utils/items';
6
+ export * from './utils/validation';
7
+ export * from './layouts';