@itsyouagency/ui 1.13.0 → 1.15.0

package/dist/assets/css/fonts.css

@@ -0,0 +1,75 @@
+/* static fonts */
+@font-face {
+    font-family: Poppins;
+    font-style: normal;
+    font-weight: normal;
+    src: url('../fonts/Poppins/Poppins-Regular.otf') format('opentype');
+}
+
+@font-face {
+    font-family: 'Poppins';
+    font-weight: 100;
+    font-style: normal;
+    src: url('../fonts/Poppins/Poppins-Thin.otf') format('opentype');
+}
+
+@font-face {
+    font-family: 'Poppins';
+    font-weight: 300;
+    font-style: normal;
+    src: url('../fonts/Poppins/Poppins-Light.otf') format('opentype');
+}
+
+@font-face {
+    font-family: Poppins;
+    font-weight: 500;
+    src: url('../fonts/Poppins/Poppins-Medium.otf') format('opentype');
+}
+
+@font-face {
+    font-family: Poppins;
+    font-style: italic;
+    font-weight: 100;
+    src: url('../fonts/Poppins/Poppins-Italic.otf') format('opentype');
+}
+
+@font-face {
+    font-family: Poppins;
+    font-weight: bold;
+    src: url('../fonts/Poppins/Poppins-Bold.otf') format('opentype');
+}
+
+@font-face {
+    font-family: Poppins;
+    font-weight: bold;
+    font-style: italic;
+    src: url('../fonts/Poppins/Poppins-BoldItalic.otf') format('opentype');
+}
+
+@font-face {
+    font-family: Poppins;
+    font-weight: 900;
+    src: url('../fonts/Poppins/Poppins-ExtraBold.otf') format('opentype');
+}
+
+@font-face {
+    font-family: Tommy;
+    src: url('../fonts/Tommy/MADE TOMMY Black.otf') format('opentype');
+}
+
+@font-face {
+    font-family: 'Tommy';
+    font-weight: 700;
+    src: url('../fonts/Tommy/MADE TOMMY Bold.otf') format('opentype');
+}
+
+@font-face {
+    font-family: 'Tommy';
+    font-weight: 900;
+    src: url('../fonts/Tommy/MADE TOMMY ExtraBold.otf') format('opentype');
+}
+
+@font-face {
+    font-family: 'Tommy Outline';
+    src: url('../fonts/Tommy/MADE TOMMY Black Outline.otf') format('opentype');
+}

package/dist/assets/css/globals.css

@@ -2,7 +2,6 @@
 
 body {
     font-family: Poppins, Arial, Helvetica, sans-serif;
-    @apply text-sm text-light bg-primary tracking-wider;
 }
 
 input[type='number']::-webkit-outer-spin-button,
@@ -23,126 +22,10 @@ input[type='number'] {
     appearance: none;
 }
 
-/* static fonts */
-@font-face {
-    font-family: Poppins;
-    font-style: normal;
-    font-weight: normal;
-    src: url('../fonts/Poppins/Poppins-Regular.otf') format('opentype');
-}
-
-@font-face {
-    font-family: 'Poppins';
-    font-weight: 100;
-    font-style: normal;
-    src: url('../fonts/Poppins/Poppins-Thin.otf') format('opentype');
-}
-
-@font-face {
-    font-family: 'Poppins';
-    font-weight: 300;
-    font-style: normal;
-    src: url('../fonts/Poppins/Poppins-Light.otf') format('opentype');
-}
-
-@font-face {
-    font-family: Poppins;
-    font-weight: 500;
-    src: url('../fonts/Poppins/Poppins-Medium.otf') format('opentype');
-}
-
-@font-face {
-    font-family: Poppins;
-    font-style: italic;
-    font-weight: 100;
-    src: url('../fonts/Poppins/Poppins-Italic.otf') format('opentype');
-}
-
-@font-face {
-    font-family: Poppins;
-    font-weight: bold;
-    src: url('../fonts/Poppins/Poppins-Bold.otf') format('opentype');
-}
-
-@font-face {
-    font-family: Poppins;
-    font-weight: bold;
-    font-style: italic;
-    src: url('../fonts/Poppins/Poppins-BoldItalic.otf') format('opentype');
-}
-
-@font-face {
-    font-family: Poppins;
-    font-weight: 900;
-    src: url('../fonts/Poppins/Poppins-ExtraBold.otf') format('opentype');
-}
-
-@font-face {
-    font-family: Tommy;
-    src: url('../fonts/Tommy/MADE TOMMY Black.otf') format('opentype');
-}
-
-@font-face {
-    font-family: 'Tommy';
-    font-weight: 700;
-    src: url('../fonts/Tommy/MADE TOMMY Bold.otf') format('opentype');
-}
-
-@font-face {
-    font-family: 'Tommy';
-    font-weight: 900;
-    src: url('../fonts/Tommy/MADE TOMMY ExtraBold.otf') format('opentype');
-}
-
-@font-face {
-    font-family: 'Tommy Outline';
-    src: url('../fonts/Tommy/MADE TOMMY Black Outline.otf') format('opentype');
-}
-
-.bg-grad {
-    background-image: linear-gradient(#d0f8ab, #fff);
-}
-
 a {
     @apply cursor-pointer;
 }
 
-h1 {
-    @apply font-bold text-5xl leading-11;
-}
-
-h2 {
-    @apply font-bold text-4xl my-2 lg:my-4;
-}
-
-h3 {
-    @apply font-bold text-3xl;
-}
-
-h4 {
-    @apply font-bold text-lg;
-}
-
-h5 {
-    @apply font-bold text-base;
-}
-
-.main {
-    @apply p-10 sm:p-16;
-}
-
-.container {
-    @apply w-full sm:max-w-7xl sm:mx-auto px-3.5 md:px-6 xl:px-1.5;
-}
-
-.page {
-    @apply sm:max-w-7xl my-8 sm:my-16 xl:my-32;
-}
-
-.section {
-    @apply my-10 lg:my-16;
-}
-
 * {
     scroll-behavior: smooth;
 }
@@ -157,10 +40,8 @@ h5 {
     scrollbar-width: none; /* Hides scrollbar in Firefox */
 }
 
-.dashboard-card {
-    @apply border p-3 md:p-6 rounded-lg shadow-sm;
-}
-
 input[type='file'] {
     display: none;
 }
+
+

package/dist/assets/icons/file-02.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14 11H8M10 15H8M16 7H8M20 6.8V17.2C20 18.8802 20 19.7202 19.673 20.362C19.3854 20.9265 18.9265 21.3854 18.362 21.673C17.7202 22 16.8802 22 15.2 22H8.8C7.11984 22 6.27976 22 5.63803 21.673C5.07354 21.3854 4.6146 20.9265 4.32698 20.362C4 19.7202 4 18.8802 4 17.2V6.8C4 5.11984 4 4.27976 4.32698 3.63803C4.6146 3.07354 5.07354 2.6146 5.63803 2.32698C6.27976 2 7.11984 2 8.8 2H15.2C16.8802 2 17.7202 2 18.362 2.32698C18.9265 2.6146 19.3854 3.07354 19.673 3.63803C20 4.27976 20 5.11984 20 6.8Z"
+          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/icons/file-06.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14 2.26953V6.40007C14 6.96012 14 7.24015 14.109 7.45406C14.2049 7.64222 14.3578 7.7952 14.546 7.89108C14.7599 8.00007 15.0399 8.00007 15.6 8.00007H19.7305M16 13H8M16 17H8M10 9H8M14 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.11984 22 8.8 22H15.2C16.8802 22 17.7202 22 18.362 21.673C18.9265 21.3854 19.3854 20.9265 19.673 20.362C20 19.7202 20 18.8802 20 17.2V8L14 2Z"
+          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/icons/inbox-01.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M2.5 12H5.88197C6.56717 12 7.19357 12.3871 7.5 13C7.80643 13.6129 8.43283 14 9.11803 14H14.882C15.5672 14 16.1936 13.6129 16.5 13C16.8064 12.3871 17.4328 12 18.118 12H21.5M8.96656 4H15.0334C16.1103 4 16.6487 4 17.1241 4.16396C17.5445 4.30896 17.9274 4.5456 18.2451 4.85675C18.6043 5.2086 18.8451 5.6902 19.3267 6.65337L21.4932 10.9865C21.6822 11.3645 21.7767 11.5535 21.8434 11.7515C21.9026 11.9275 21.9453 12.1085 21.971 12.2923C22 12.4992 22 12.7105 22 13.1331V15.2C22 16.8802 22 17.7202 21.673 18.362C21.3854 18.9265 20.9265 19.3854 20.362 19.673C19.7202 20 18.8802 20 17.2 20H6.8C5.11984 20 4.27976 20 3.63803 19.673C3.07354 19.3854 2.6146 18.9265 2.32698 18.362C2 17.7202 2 16.8802 2 15.2V13.1331C2 12.7105 2 12.4992 2.02897 12.2923C2.05471 12.1085 2.09744 11.9275 2.15662 11.7515C2.22326 11.5535 2.31776 11.3645 2.50675 10.9865L4.67331 6.65337C5.1549 5.69019 5.3957 5.2086 5.75495 4.85675C6.07263 4.5456 6.45551 4.30896 6.87589 4.16396C7.35125 4 7.88969 4 8.96656 4Z"
+          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/icons/send-01.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10.4995 13.5002L20.9995 3.00017M10.6271 13.8282L13.2552 20.5862C13.4867 21.1816 13.6025 21.4793 13.7693 21.5662C13.9139 21.6415 14.0862 21.6416 14.2308 21.5664C14.3977 21.4797 14.5139 21.1822 14.7461 20.5871L21.3364 3.69937C21.5461 3.16219 21.6509 2.8936 21.5935 2.72197C21.5437 2.57292 21.4268 2.45596 21.2777 2.40616C21.1061 2.34883 20.8375 2.45364 20.3003 2.66327L3.41258 9.25361C2.8175 9.48584 2.51997 9.60195 2.43326 9.76886C2.35809 9.91354 2.35819 10.0858 2.43353 10.2304C2.52043 10.3972 2.81811 10.513 3.41345 10.7445L10.1715 13.3726C10.2923 13.4196 10.3527 13.4431 10.4036 13.4794C10.4487 13.5115 10.4881 13.551 10.5203 13.5961C10.5566 13.647 10.5801 13.7074 10.6271 13.8282Z"
+          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/base/ButtonIcon.d.ts

@@ -3,6 +3,7 @@ type Props = {
     icon: IconType;
     onClick?: () => void;
     href?: string;
+    target?: string;
 };
-declare const ButtonIcon: ({ icon, onClick, href }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonIcon: ({ icon, onClick, href, target, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ButtonIcon;

package/dist/components/base/ButtonSubmit.d.ts

@@ -5,6 +5,8 @@ interface Props extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement
     errors?: any;
     className?: string;
     styleType?: 'dark' | 'light';
+    Element?: any;
+    action?: string;
 }
-declare const ButtonSubmit: ({ children, onClick, className, styleType, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonSubmit: ({ children, onClick, className, styleType, type, action, Element, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ButtonSubmit;

package/dist/components/base/DatePicker.d.ts

@@ -1,8 +1,9 @@
-declare const DatePicker: ({ label, date, className, onChange, error, }: {
+export type DatePickerProps = {
     label?: string;
     date?: Date;
     className?: string;
     onChange?: (date: Date) => void;
     error?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+};
+declare const DatePicker: ({ label, date, className, onChange, error, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/dist/components/base/Icon.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 declare const map: {
     Upload: React.FC<React.SVGProps<SVGSVGElement>>;
+    Invoice: React.FC<React.SVGProps<SVGSVGElement>>;
+    Send: React.FC<React.SVGProps<SVGSVGElement>>;
     Camera: React.FC<React.SVGProps<SVGSVGElement>>;
     Eye: React.FC<React.SVGProps<SVGSVGElement>>;
     ChevronDown: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -64,6 +66,8 @@ declare const map: {
     Tiktok: React.FC<React.SVGProps<SVGSVGElement>>;
     Fb: React.FC<React.SVGProps<SVGSVGElement>>;
     Refresh: React.FC<React.SVGProps<SVGSVGElement>>;
+    File: React.FC<React.SVGProps<SVGSVGElement>>;
+    Inbox: React.FC<React.SVGProps<SVGSVGElement>>;
 };
 export type IconType = keyof typeof map;
 interface Props extends React.SVGAttributes<SVGElement> {

package/dist/components/index.d.ts

@@ -4,7 +4,7 @@ export { default as ButtonIcon } from './base/ButtonIcon';
 export { default as ButtonSubmit } from './base/ButtonSubmit';
 export { default as ButtonText } from './base/ButtonText';
 export { default as DashboardTabs } from './base/DashboardTabs';
-export { default as DatePicker } from './base/DatePicker';
+export { default as DatePicker, DatePickerProps, } from './base/DatePicker';
 export { default as Dropdown, DropdownProps, } from './base/Dropdown';
 export { default as FileIconLink } from './base/FileIconLink';
 export { default as Icon, IconType } from './base/Icon';
@@ -26,3 +26,4 @@ export { default as TextArea, TextAreaProps, } from './base/TextArea';
 export { default as Tooltip } from './base/Tooltip';
 export { default as FileUploadDrag } from './base/FileUploadDrag';
 export { default as RadioGroup } from './base/RadioGroup';
+export { default as MatchableSortableTable, IMatchableSortableTableProps, } from './base/Table/MatchableSortableTable';