@aurora-ds/components 0.5.2 → 0.6.1

package/dist/index.d.ts

@@ -167,6 +167,8 @@ type ButtonProps = {
     active?: boolean;
     /** Disabled state */
     disabled?: boolean;
+    /** Custom text color (overrides variant color) */
+    textColor?: keyof Theme['colors'];
 };
 
 /**
@@ -179,17 +181,6 @@ type ButtonProps = {
  */
 declare const Button: FC<ButtonProps>;
 
-/** Stack wrap options */
-type StackWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-/** Stack justify options */
-type StackJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-/** Stack alignment options */
-type StackAlign = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-type StackDirection = 'row' | 'column';
-
-/** Card direction - reuses StackDirection */
-type CardDirection = StackDirection;
-
 type IconButtonProps = {
     /** IconButton icon */
     icon?: ReactNode;
@@ -203,6 +194,8 @@ type IconButtonProps = {
     active?: boolean;
     /** Disabled state */
     disabled?: boolean;
+    /** Custom text/icon color (overrides variant color) */
+    textColor?: keyof Theme['colors'];
 };
 
 declare const IconButton: FC<IconButtonProps>;
@@ -211,7 +204,7 @@ type StackProps = {
     /** Stack children elements */
     children: ReactNode;
     /** Flex direction of the stack */
-    direction?: StackDirection;
+    direction?: CSSProperties['flexDirection'];
     /** Gap between children (theme spacing or CSS value) */
     gap?: keyof Theme['spacing'];
     /** Width of the stack container */
@@ -219,11 +212,11 @@ type StackProps = {
     /** Height of the stack container */
     height?: CSSProperties['height'];
     /** Alignment of items on the cross axis */
-    align?: StackAlign;
+    align?: CSSProperties['alignItems'];
     /** Justification of items on the main axis */
-    justify?: StackJustify;
+    justify?: CSSProperties['justifyContent'];
     /** Whether items should wrap */
-    wrap?: StackWrap;
+    wrap?: CSSProperties['flexWrap'];
     /** Padding inside the stack */
     padding?: keyof Theme['spacing'];
 };
@@ -243,7 +236,7 @@ type CardProps = {
     /** Card children elements */
     children: ReactNode;
     /** Flex direction of the card content */
-    direction?: CardDirection;
+    direction?: CSSProperties['flexDirection'];
     /** Padding inside the card (theme spacing key) */
     padding?: keyof Theme['spacing'];
     /** Width of the card */
@@ -257,9 +250,9 @@ type CardProps = {
     /** Shadow depth of the card */
     shadow?: keyof Theme['shadows'];
     /** Alignment of items on the cross axis */
-    align?: StackAlign;
+    align?: CSSProperties['alignItems'];
     /** Justification of items on the main axis */
-    justify?: StackJustify;
+    justify?: CSSProperties['justifyContent'];
     /** Background color of the card */
     backgroundColor?: keyof Theme['colors'];
     /** Border color of the card */
@@ -333,4 +326,4 @@ type DrawerItemProps = {
 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 };
+export type { AccordionProps, ButtonProps, ButtonVariantStyle, ButtonVariants, CardProps, ChipColor, ChipProps, ChipSize, ChipVariant, DrawerItemProps, IconButtonProps, IconProps, StackProps, TextProps, TextVariantStyle, TextVariants };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurora-ds/components",
-  "version": "0.5.2",
+  "version": "0.6.1",
   "type": "module",
   "description": "Aurora Design System - React Components Library",
   "main": "dist/cjs/index.js",