tharaday 0.3.2 → 0.5.0

package/dist/components/Badge/Badge.types.d.ts

@@ -3,6 +3,7 @@ export type BadgeVariant = 'solid' | 'subtle' | 'outline';
 export type BadgeSize = 'sm' | 'md' | 'lg';
 export type BadgeIntent = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    className?: string;
     variant?: BadgeVariant;
     size?: BadgeSize;
     intent?: BadgeIntent;

package/dist/components/Card/Card.types.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { BoxBackgroundColor, BoxBorderColor } from '../Box/Box.types.ts';
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
     padding?: 'none' | 'sm' | 'md' | 'lg';
     shadow?: 'none' | 'sm' | 'md';
     bordered?: boolean;

package/dist/components/Checkbox/Checkbox.types.d.ts

@@ -1,5 +1,6 @@
 import { InputHTMLAttributes } from 'react';
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    className?: string;
     label?: string;
     error?: boolean;
     helperText?: string;

package/dist/components/Header/Header.d.ts

@@ -1,2 +1,2 @@
 import { HeaderProps } from './Header.types.ts';
-export declare const Header: ({ id, logo, title, user, onLogin, onLogout, onCreateAccount, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ id, logo, title, user, onLogin, onLogout, onCreateAccount, className, maxWidth, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/Header.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ id, logo, title, user, onLogin, onLogout, onCreateAccount, }: import('./Header.types.ts').HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, logo, title, user, onLogin, onLogout, onCreateAccount, className, maxWidth, }: import('./Header.types.ts').HeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/Header/Header.types.d.ts

@@ -4,6 +4,8 @@ type User = {
 };
 export interface HeaderProps {
     id?: string;
+    className?: string;
+    maxWidth?: string | number;
     logo?: ReactNode;
     title?: string;
     user?: User;

package/dist/components/Input/Input.d.ts

@@ -1,2 +1,2 @@
 import { InputProps } from './Input.types.ts';
-export declare const Input: ({ size, error, label, helperText, className, id, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ size, error, label, helperText, fullWidth, className, id, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/Input.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ size, error, label, helperText, className, id, ...props }: import('./Input.types.ts').InputProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ size, error, label, helperText, fullWidth, className, id, ...props }: import('./Input.types.ts').InputProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -17,6 +17,9 @@ declare const meta: {
         disabled: {
             control: "boolean";
         };
+        fullWidth: {
+            control: "boolean";
+        };
     };
 };
 export default meta;

package/dist/components/Input/Input.types.d.ts

@@ -1,8 +1,10 @@
 import { InputHTMLAttributes } from 'react';
 export type InputSize = 'sm' | 'md' | 'lg';
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    className?: string;
     size?: InputSize;
     error?: boolean;
     label?: string;
     helperText?: string;
+    fullWidth?: boolean;
 }

package/dist/components/NavBar/NavBar.d.ts

@@ -3,4 +3,4 @@ import { NavBarProps } from './NavBar.types.ts';
  * NavBar is a navigation component typically used for application-wide navigation.
  * It differs from Header as it focuses on navigational links rather than just branding and user actions.
  */
-export declare const NavBar: ({ id, items, activeId, logo, actions, onItemClick, className, }: NavBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavBar: ({ id, items, activeId, logo, actions, onItemClick, className, maxWidth, }: NavBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/NavBar/NavBar.types.d.ts

@@ -31,4 +31,8 @@ export interface NavBarProps {
      * Additional class names
      */
     className?: string;
+    /**
+     * Optional max width for the container
+     */
+    maxWidth?: string | number;
 }

package/dist/components/Notification/Notification.types.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export type NotificationIntent = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
 export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
     intent?: NotificationIntent;
     title?: string;
     children: ReactNode;

package/dist/components/RadioButton/RadioButton.types.d.ts

@@ -1,6 +1,7 @@
 import { InputHTMLAttributes } from 'react';
 export type RadioButtonSize = 'sm' | 'md' | 'lg';
 export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    className?: string;
     size?: RadioButtonSize;
     label?: string;
     helperText?: string;

package/dist/components/Select/Select.d.ts

@@ -1,2 +1,2 @@
 import { SelectProps } from './Select.types.ts';
-export declare const Select: ({ size, error, label, helperText, className, id, options, children, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ size, error, label, helperText, fullWidth, className, id, options, children, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/Select.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ size, error, label, helperText, className, id, options, children, ...props }: import('./Select.types.ts').SelectProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ size, error, label, helperText, fullWidth, className, id, options, children, ...props }: import('./Select.types.ts').SelectProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -17,6 +17,9 @@ declare const meta: {
         disabled: {
             control: "boolean";
         };
+        fullWidth: {
+            control: "boolean";
+        };
     };
 };
 export default meta;

package/dist/components/Select/Select.types.d.ts

@@ -6,10 +6,12 @@ export interface SelectOption {
     disabled?: boolean;
 }
 export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    className?: string;
     size?: SelectSize;
     error?: boolean;
     label?: string;
     helperText?: string;
     options?: SelectOption[];
     children?: ReactNode;
+    fullWidth?: boolean;
 }

package/dist/components/Skeleton/Skeleton.types.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded';
 export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
     variant?: SkeletonVariant;
     width?: string | number;
     height?: string | number;

package/dist/components/Stepper/Step.d.ts

@@ -1,2 +1,2 @@
 import { StepProps } from './Step.types.ts';
-export declare const Step: ({ step, index, status, isInteractive, onStepClick, isLast, id, }: StepProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Step: ({ step, index, status, isInteractive, onStepClick, isLast, id, className, }: StepProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/Step.types.d.ts

@@ -7,6 +7,7 @@ export interface StepOptions {
     disabled?: boolean;
 }
 export interface StepProps {
+    className?: string;
     step: StepOptions;
     index: number;
     status: StepperStatus;

package/dist/components/Stepper/Stepper.types.d.ts

@@ -3,6 +3,7 @@ import { StepOptions } from './Step.types.ts';
 export type StepperOrientation = 'horizontal' | 'vertical';
 export type StepperSize = 'sm' | 'md' | 'lg';
 export interface StepperProps extends HTMLAttributes<HTMLOListElement> {
+    className?: string;
     steps: StepOptions[];
     currentStep?: number | string;
     orientation?: StepperOrientation;

package/dist/components/Switch/Switch.types.d.ts

@@ -1,5 +1,6 @@
 import { InputHTMLAttributes } from 'react';
 export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    className?: string;
     label?: string;
     helperText?: string;
 }

package/dist/components/Table/Table.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
 export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    className?: string;
     striped?: boolean;
     hoverable?: boolean;
     dense?: boolean;

package/dist/components/Text/Text.types.d.ts

@@ -4,6 +4,8 @@ export type TextAlign = 'left' | 'center' | 'right' | 'justify';
 export type FontWeight = 'regular' | 'medium' | 'bold';
 export type TextColor = 'main' | 'subtle' | 'subtle' | 'on-brand' | 'danger' | 'success' | 'warning' | 'info';
 export interface TextProps extends HTMLAttributes<HTMLElement> {
+    /** Additional class name */
+    className?: string;
     /** The content to display */
     children: ReactNode;
     /** The typographic style to apply */

package/dist/components/Textarea/Textarea.d.ts

@@ -1,2 +1,2 @@
 import { TextareaProps } from './Textarea.types.ts';
-export declare const Textarea: ({ size, error, label, helperText, className, id, rows, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Textarea: ({ size, error, label, helperText, fullWidth, className, id, rows, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Textarea/Textarea.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ size, error, label, helperText, className, id, rows, ...props }: import('./Textarea.types.ts').TextareaProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ size, error, label, helperText, fullWidth, className, id, rows, ...props }: import('./Textarea.types.ts').TextareaProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -17,6 +17,9 @@ declare const meta: {
         disabled: {
             control: "boolean";
         };
+        fullWidth: {
+            control: "boolean";
+        };
     };
 };
 export default meta;

package/dist/components/Textarea/Textarea.types.d.ts

@@ -1,9 +1,11 @@
 import { TextareaHTMLAttributes } from 'react';
 export type TextareaSize = 'sm' | 'md' | 'lg';
 export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    className?: string;
     size?: TextareaSize;
     error?: boolean;
     label?: string;
     helperText?: string;
     rows?: number;
+    fullWidth?: boolean;
 }