@itsyouagency/ui 1.13.0 → 1.14.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/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/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/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

@@ -64,6 +64,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';