dash-ui-kit 1.0.5 → 1.0.8

package/dist/react/components/badge/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Content of the badge
+     */
+    children: React.ReactNode;
+    /**
+     * Visual style variant
+     */
+    variant?: 'default' | 'flat' | 'solid' | 'bordered';
+    /**
+     * Color theme
+     */
+    color?: 'blue' | 'white' | 'gray' | 'light-gray' | 'turquoise' | 'red' | 'orange';
+    /**
+     * Size of the badge
+     */
+    size?: 'xxs' | 'xs' | 'sm' | 'xl';
+    /**
+     * Border radius variant
+     */
+    borderRadius?: 'xs';
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Click handler
+     */
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+}
+export declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/react/components/icons/index.d.ts

@@ -36,3 +36,10 @@ export declare const SettingsIcon: React.FC<IconProps>;
 export declare const ShieldSmallIcon: React.FC<IconProps>;
 export declare const QuestionMessageIcon: React.FC<IconProps>;
 export declare const CheckmarkIcon: React.FC<IconProps>;
+export declare const FingerprintIcon: React.FC<IconProps>;
+export declare const FaceIcon: React.FC<IconProps>;
+export declare const SignIcon: React.FC<IconProps>;
+export declare const SignLockIcon: React.FC<IconProps>;
+export declare const LockIcon: React.FC<IconProps>;
+export declare const PendingIcon: React.FC<IconProps>;
+export declare const SearchIcon: React.FC<IconProps>;

package/dist/react/components/index.d.ts

@@ -1,4 +1,5 @@
 export { Accordion, type AccordionProps } from './accordion';
+export { Badge, type BadgeProps } from './badge';
 export { Button, type ButtonProps } from './button';
 export { Input, type InputProps } from './input';
 export { Textarea, type TextareaProps } from './textarea';
@@ -23,4 +24,4 @@ export { DashLogo, type DashLogoProps } from './dashLogo';
 export { Dialog, type DialogProps } from './dialog';
 export { Tabs, type TabsProps, type TabItem } from './tabs';
 export type { TimeDeltaFormat } from '../utils/datetime';
-export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon } from './icons';
+export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon, FingerprintIcon, FaceIcon, SignIcon, SignLockIcon, LockIcon, PendingIcon, SearchIcon } from './icons';

package/dist/react/components/input/index.d.ts

@@ -2,9 +2,9 @@ import React, { InputHTMLAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const input: (props?: ({
     theme?: "light" | "dark" | null | undefined;
-    colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
-    variant?: "outlined" | null | undefined;
+    colorScheme?: "default" | "light-gray" | "brand" | "error" | "success" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
+    variant?: "outlined" | "filled" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type InputVariants = VariantProps<typeof input>;
@@ -13,6 +13,7 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     error?: boolean;
     success?: boolean;
     prefix?: string | React.ReactNode;
+    prefixClassName?: string;
     /**
      * Controls visibility toggle for password inputs. When false, the eye icon is hidden and no extra right padding is applied.
      * Defaults to true.

package/dist/react/components/overlayMenu/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const overlayMenuTrigger: (props?: ({
     theme?: "light" | "dark" | null | undefined;
-    colorScheme?: "default" | "brand" | "gray" | "lightGray" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    colorScheme?: "default" | "gray" | "brand" | "lightGray" | "error" | "success" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     border?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     filled?: boolean | null | undefined;

package/dist/react/components/overlaySelect/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const overlaySelectTrigger: (props?: ({
     theme?: "light" | "dark" | null | undefined;
-    colorScheme?: "default" | "brand" | "gray" | "lightGray" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    colorScheme?: "default" | "gray" | "brand" | "lightGray" | "error" | "success" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     border?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     filled?: boolean | null | undefined;

package/dist/react/components/select/index.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 declare const selectTrigger: (props?: ({
     theme?: "light" | "dark" | null | undefined;
     colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     border?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/react/components/switch/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const switchContainer: (props?: ({
     theme?: "light" | "dark" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type SwitchVariants = VariantProps<typeof switchContainer>;

package/dist/react/components/text/index.d.ts

@@ -3,8 +3,8 @@ import { VariantProps } from 'class-variance-authority';
 declare const textStyles: (props?: ({
     reset?: boolean | null | undefined;
     theme?: "light" | "dark" | null | undefined;
-    color?: "default" | "red" | "blue" | "blue-dark" | null | undefined;
-    size?: "sm" | "md" | "xl" | "xs" | "lg" | null | undefined;
+    color?: "default" | "blue" | "red" | "blue-dark" | null | undefined;
+    size?: "xs" | "sm" | "xl" | "md" | "lg" | null | undefined;
     weight?: "bold" | "normal" | 500 | null | undefined;
     italic?: boolean | null | undefined;
     underline?: boolean | null | undefined;

package/dist/react/components/textarea/index.d.ts

@@ -4,7 +4,7 @@ declare const textareaContainer: (props?: ({
     theme?: "light" | "dark" | null | undefined;
     hasValue?: boolean | null | undefined;
     colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     variant?: "outlined" | null | undefined;
     isValid?: boolean | "null" | null | undefined;
     disabled?: boolean | null | undefined;

package/dist/react/components/valueCard/index.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 declare const valueCard: (props?: ({
     theme?: "light" | "dark" | null | undefined;
     colorScheme?: "white" | "default" | "lightBlue" | "lightGray" | "green" | "transparent" | "yellow" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    size?: "xs" | "sm" | "xl" | "md" | null | undefined;
     clickable?: boolean | null | undefined;
     loading?: boolean | null | undefined;
     border?: boolean | null | undefined;