@clasing/ui 0.0.1 → 0.0.3

package/README.md

@@ -1,3 +1,5 @@
-# ClasingUI
-
-UI library for Clasing react/nextjs projects
+# ClasingUI
+
+UI library for Clasing react/nextjs projects
+
+## Initiliazing the project

package/dist/index.d.ts

@@ -1,17 +1,59 @@
-/// <reference types="react" />
-
 import { ClassProp } from 'class-variance-authority/types';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as TablerIcons from '@tabler/icons-react';
 import { VariantProps } from 'class-variance-authority';
 
+export declare const Badge: ({ children, iconLeft, iconRight, status, intent, size, rounded, className, ...props }: IBadgeProps) => JSX_2.Element;
+
+declare const badgeStyles: (props?: ({
+    status?: "locked" | "locked-outline" | "available" | "available-outline" | "inProgress" | "inProgress-outline" | "completed" | "completed-outline" | "viewed" | "viewed-outline" | null | undefined;
+    intent?: "neutral" | "neutral-outline" | "blue" | "blue-outline" | "mustard" | "mustard-outline" | "green" | "green-outline" | "lime" | "lime-outline" | "fuchsia" | "fuchsia-outline" | "marine" | "marine-outline" | "ice" | "ice-outline" | "gray" | "gray-outline" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    fontWeight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+    rounded?: "rectangle" | "full" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Button: ({ className, intent, size, children, iconLeft, iconRight, isLoading, disabled, ...props }: IButtonProps) => JSX_2.Element;
 
+export declare const ButtonIcon: ({ iconName, className, intent, size, rounded, disabled, isLoading, notification, ...props }: IButtonIconProps) => JSX_2.Element;
+
+declare const buttonIconStyles: (props?: ({
+    intent?: "fill" | "outline" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    rounded?: "full" | "sm" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 declare const buttonStyles: (props?: ({
     intent?: "outline" | "primary" | "secondary" | "tertiary" | "ghost" | "destructive" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Card: ({ className, intent, children, ...props }: ICardProps) => JSX_2.Element;
+
+declare const cardStyles: (props?: ({
+    intent?: "outline" | "default" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeStyles> {
+    iconLeft?: {
+        name: TablerIconName;
+        stroke?: number;
+    } | TablerIconName;
+    iconRight?: {
+        name: TablerIconName;
+        stroke?: number;
+    } | TablerIconName;
+}
+
+declare interface IButtonIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonIconStyles> {
+    iconName: {
+        name: TablerIconName;
+        stroke?: number;
+    } | TablerIconName;
+    isLoading?: boolean;
+    notification?: boolean;
+}
+
 declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonStyles> {
     iconLeft?: {
         name: TablerIconName;
@@ -24,6 +66,49 @@ declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElem
     isLoading?: boolean;
 }
 
+declare interface ICardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardStyles> {
+}
+
+export declare const IconComponent: ({ iconName, ...props }: IIconComponentProps) => JSX_2.Element | null;
+
+declare interface IIconComponentProps {
+    iconName: TablerIconName;
+    stroke?: number;
+    color?: string;
+    className?: string;
+}
+
+declare interface IProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressBarStyles> {
+    progress: number;
+}
+
+declare interface ISpinnerProps {
+    className?: string;
+}
+
+declare interface ITextProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof textStyles> {
+    as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    className?: string;
+}
+
+export declare const ProgressBar: ({ progress, className, intent, size, rounded, ...props }: IProgressBarProps) => JSX_2.Element;
+
+declare const progressBarStyles: (props?: ({
+    intent?: "blue" | "mustard" | "green" | "lime" | "fuchsia" | "marine" | "ice" | "gray" | "primary" | "violet" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    rounded?: "full" | "sm" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;
+
 declare type TablerIconName = keyof typeof TablerIcons;
 
+declare const Text_2: ({ as, intent, className, weight, ...props }: ITextProps) => JSX_2.Element;
+export { Text_2 as Text }
+
+declare const textStyles: (props?: ({
+    intent?: "display-sm" | "display-lg" | "title-xs" | "title-sm" | "title-md" | "title-lg" | "title-xl" | "label-xs" | "label-sm" | "label-md" | "label-lg" | "label-xl" | "label-2xl" | "label-3xl" | "paragraph-xs" | "paragraph-sm" | "paragraph-md" | "paragraph-lg" | "overline-sm" | "overline-lg" | null | undefined;
+    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export { }