@aurora-ds/components 0.2.0 → 0.4.0

package/dist/esm/interfaces/chip.types.d.ts

@@ -3,4 +3,4 @@ export type ChipVariant = 'filled' | 'outlined';
 /** Chip color options */
 export type ChipColor = 'default' | 'success' | 'warning' | 'error' | 'info';
 /** Chip size options */
-export type ChipSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ChipSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';

package/dist/esm/resources/Icons.d.ts

@@ -0,0 +1,3 @@
+import { ChevronDownIcon } from '@resources/icons/ChevronDownIcon.tsx';
+import { InfoIcon } from '@resources/icons/InfoIcon.tsx';
+export { ChevronDownIcon, InfoIcon, };

package/dist/esm/resources/icons/ChevronDownIcon.d.ts

@@ -0,0 +1 @@
+export declare const ChevronDownIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/resources/icons/InfoIcon.d.ts

@@ -0,0 +1 @@
+export declare const InfoIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/utils/ui/components/chip/getChipColorStyles.utils.d.ts

@@ -1,42 +1,6 @@
 import { Theme } from '@aurora-ds/theme';
-import { ChipStyleParams } from '@components/data-display/chip/Chip.props.ts';
-export declare const getChipColorStyles: (theme: Theme, color: ChipStyleParams["color"], variant: ChipStyleParams["variant"]) => {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-} | {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-} | {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-} | {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-} | {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-} | {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-} | {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-} | {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-} | {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-} | {
+import { ChipStyleParams } from '@components/data-display/chip/Chip.props';
+export declare const getChipColorStyles: (theme: Theme, color: ChipStyleParams["color"], variant: ChipStyleParams["variant"], disabled: ChipStyleParams["disabled"]) => {
     backgroundColor: string;
     color: string;
     borderColor: string;

package/dist/index.d.ts

@@ -52,7 +52,7 @@ type ChipVariant = 'filled' | 'outlined';
 /** Chip color options */
 type ChipColor = 'default' | 'success' | 'warning' | 'error' | 'info';
 /** Chip size options */
-type ChipSize = 'xs' | 'sm' | 'md' | 'lg';
+type ChipSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
 
 type ChipProps = {
     /** Text label to display */
@@ -69,6 +69,8 @@ type ChipProps = {
     gap?: keyof Theme['spacing'];
     /** Border radius from theme */
     radius?: keyof Theme['radius'];
+    /** Disabled state */
+    disabled?: boolean;
 };
 
 /**
@@ -273,5 +275,69 @@ type CardProps = {
  */
 declare const Card: FC<CardProps>;
 
-export { Button, Card, Chip, Icon, IconButton, Stack, Text };
-export type { ButtonProps, ButtonVariantStyle, ButtonVariants, CardDirection, CardProps, ChipColor, ChipProps, ChipSize, ChipVariant, IconButtonProps, IconProps, StackAlign, StackDirection, StackJustify, StackProps, StackWrap, TextProps, TextVariantStyle, TextVariants };
+type AccordionProps = {
+    /** Title displayed in the accordion header */
+    title: string;
+    /** Content to show/hide when accordion is expanded */
+    children: ReactNode;
+    /** Whether the accordion is expanded */
+    expanded?: boolean;
+    /** Default expanded state (for uncontrolled mode) */
+    defaultExpanded?: boolean;
+    /** Callback fired when the accordion expands or collapses */
+    onChange?: (expanded: boolean) => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Optional icon to display before title */
+    icon?: ReactNode;
+    /** Optional background color */
+    backgroundColor?: keyof Theme['colors'];
+    /** Optional width */
+    width?: CSSProperties['width'];
+};
+
+/**
+ * Accordion component
+ *
+ * A collapsible container that can show/hide content.
+ * Supports controlled and uncontrolled modes.
+ */
+declare const Accordion: FC<AccordionProps>;
+
+type DrawerItemProps = {
+    /** DrawerItem text label */
+    label: string;
+    /** Optional icon to display before label */
+    startIcon?: ReactNode;
+    /** Optional icon to display after label */
+    endIcon?: ReactNode;
+    /** Click handler */
+    onClick?: () => void;
+    /** Selected state */
+    selected?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Optional chip to display */
+    chip?: DrawerItemChip;
+};
+type DrawerItemChip = {
+    /** Chip text label */
+    label?: string;
+    /** Chip icon */
+    icon?: ReactNode;
+    /** Chip color */
+    color?: ChipColor;
+    /** Chip variant */
+    variant?: ChipVariant;
+};
+
+/**
+ * DrawerItem component
+ *
+ * A navigation item for use in drawers/sidebars.
+ * Similar to a text button with selected state support.
+ */
+declare const DrawerItem: FC<DrawerItemProps>;
+
+export { Accordion, Button, Card, Chip, DrawerItem, Icon, IconButton, Stack, Text };
+export type { AccordionProps, ButtonProps, ButtonVariantStyle, ButtonVariants, CardDirection, CardProps, ChipColor, ChipProps, ChipSize, ChipVariant, DrawerItemProps, IconButtonProps, IconProps, StackAlign, StackDirection, StackJustify, StackProps, StackWrap, TextProps, TextVariantStyle, TextVariants };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurora-ds/components",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "type": "module",
   "description": "Aurora Design System - React Components Library",
   "main": "dist/cjs/index.js",
@@ -24,7 +24,7 @@
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@aurora-ds/theme": "^1.0.3",
+    "@aurora-ds/theme": "^1.1.5",
     "@babel/core": "^7.23.0",
     "@babel/preset-env": "^7.23.0",
     "@babel/preset-react": "^7.23.0",