@aurora-ds/components 0.15.4 → 0.16.1

package/dist/esm/interfaces/index.d.ts

@@ -2,3 +2,4 @@ export * from '@interfaces/button.types';
 export * from '@interfaces/text.types';
 export * from '@interfaces/chip.types';
 export * from '@interfaces/avatar.types';
+export * from '@interfaces/select.types';

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

@@ -0,0 +1,5 @@
+export type SelectOption = {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+};

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

@@ -1,7 +1,8 @@
 import { ChevronDownIcon } from '@resources/icons/ChevronDownIcon.tsx';
 import { ChevronRightIcon } from '@resources/icons/ChevronRightIcon.tsx';
+import { CloseIcon } from '@resources/icons/CloseIcon.tsx';
 import { EyeIcon } from '@resources/icons/EyeIcon.tsx';
 import { EyeOffIcon } from '@resources/icons/EyeOffIcon.tsx';
 import { InfoIcon } from '@resources/icons/InfoIcon.tsx';
 import { MoreHorizontalIcon } from '@resources/icons/MoreHorizontalIcon.tsx';
-export { ChevronDownIcon, ChevronRightIcon, InfoIcon, MoreHorizontalIcon, EyeIcon, EyeOffIcon, };
+export { ChevronDownIcon, ChevronRightIcon, InfoIcon, MoreHorizontalIcon, EyeIcon, EyeOffIcon, CloseIcon };

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const CloseIcon: FC;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { PropsWithChildren, FC, ReactNode, MouseEvent, FormEvent, CSSProperties, ComponentPropsWithoutRef, RefObject } from 'react';
+import { PropsWithChildren, FC, ReactNode, MouseEvent, CSSProperties, FormEvent, ComponentPropsWithoutRef, RefObject } from 'react';
 import { Theme } from '@aurora-ds/theme';
 
 type IconProps = PropsWithChildren<{
@@ -232,6 +232,12 @@ type ButtonVariantStyle = {
     textColor: keyof Theme['colors'];
 };
 
+type SelectOption = {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+};
+
 type AvatarGroupProps = {
     /** Avatar children */
     children: ReactNode;
@@ -241,6 +247,14 @@ type AvatarGroupProps = {
     size?: AvatarSize;
 };
 
+type SkeletonProps = {
+    width: CSSProperties['width'];
+    height: CSSProperties['height'];
+    borderRadius?: keyof Theme['radius'];
+};
+
+declare const Skeleton: FC<SkeletonProps>;
+
 type ButtonProps = {
     /** Button text label */
     label: string;
@@ -260,6 +274,12 @@ type ButtonProps = {
     disabled?: boolean;
     /** Custom text color (overrides variant color) */
     textColor?: keyof Theme['colors'];
+    /** Custom backgroundColor (overrides variant backgroundColor) */
+    backgroundColor?: keyof Theme['colors'];
+    /** Custom hover backgroundColor (overrides variant hover backgroundColor) */
+    hoverBackgroundColor?: keyof Theme['colors'];
+    /** Custom active backgroundColor (overrides variant active backgroundColor) */
+    activeBackgroundColor?: keyof Theme['colors'];
     /** Size of the button */
     size?: IconButtonSizes;
     /** Accessibility label for screen readers */
@@ -299,6 +319,12 @@ type IconButtonProps = {
     disabled?: boolean;
     /** Custom text/icon color (overrides variant color) */
     textColor?: keyof Theme['colors'];
+    /** Custom backgroundColor (overrides variant backgroundColor) */
+    backgroundColor?: keyof Theme['colors'];
+    /** Custom hover backgroundColor (overrides variant hover backgroundColor) */
+    hoverBackgroundColor?: keyof Theme['colors'];
+    /** Custom active backgroundColor (overrides variant active backgroundColor) */
+    activeBackgroundColor?: keyof Theme['colors'];
     /** Size of the icon button */
     size?: IconButtonSizes;
     /** Accessibility label for screen readers */
@@ -378,6 +404,38 @@ type TextAreaProps = {
 
 declare const _default: react.MemoExoticComponent<react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>>;
 
+type SelectProps = {
+    /**
+     * The options to display in the select dropdown
+     */
+    options: SelectOption[];
+    /**
+     * The currently selected value
+     */
+    value?: string | number;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (value: string | number) => void;
+    /**
+     * Placeholder text when no option is selected
+     */
+    placeholder?: string;
+    /**
+     * Whether the select is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Width of the select
+     */
+    width?: string | number;
+};
+
+/**
+ * Select component that uses Menu for dropdown
+ */
+declare const Select: FC<SelectProps>;
+
 type StackProps = {
     /** Stack children elements */
     children: ReactNode;
@@ -681,6 +739,21 @@ type MenuItemProps = {
 
 declare const MenuItem: FC<MenuItemProps>;
 
+type ModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    label: string;
+    children: ReactNode;
+    isForm?: boolean;
+    action?: {
+        label: string;
+        onClick: () => void;
+        disabled?: boolean;
+    };
+};
+
+declare const Modal: FC<ModalProps>;
+
 type DrawerItemProps = {
     /** DrawerItem text label */
     label: string;
@@ -866,5 +939,5 @@ type UseTransitionRenderReturnType = {
  */
 declare const useTransitionRender: (isOpen: boolean, duration?: number) => UseTransitionRenderReturnType;
 
-export { Accordion, Avatar, AvatarGroup, Breadcrumb, BreadcrumbEllipsis, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Button, Card, Chip, DrawerItem, _default$2 as Form, Grid, Icon, IconButton, _default$1 as Input, Menu, MenuGroup, MenuItem, Page, PageSection, Separator, Stack, TabItem, Tabs, Text, _default as TextArea, useAnchorPosition, useClickOutside, useTransitionRender };
-export type { AccordionProps, AnchorOrigin, AnchorPosition, AvatarGroupProps, AvatarProps, BreadcrumbEllipsisProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, ButtonProps, ButtonVariantStyle, ButtonVariants, CardProps, ChipColor, ChipProps, ChipSize, ChipVariant, DrawerItemProps, FormProps, GridProps, IconButtonProps, IconProps, InputProps, MenuGroupProps, MenuItemProps, MenuProps, PageProps, PageSectionProps, SeparatorProps, StackProps, TabItemProps, TabsProps, TextAreaProps, TextProps, TextVariantStyle, TextVariants, UseTransitionRenderReturnType };
+export { Accordion, Avatar, AvatarGroup, Breadcrumb, BreadcrumbEllipsis, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Button, Card, Chip, DrawerItem, _default$2 as Form, Grid, Icon, IconButton, _default$1 as Input, Menu, MenuGroup, MenuItem, Modal, Page, PageSection, Select, Separator, Skeleton, Stack, TabItem, Tabs, Text, _default as TextArea, useAnchorPosition, useClickOutside, useTransitionRender };
+export type { AccordionProps, AnchorOrigin, AnchorPosition, AvatarGroupProps, AvatarProps, BreadcrumbEllipsisProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, ButtonProps, ButtonVariantStyle, ButtonVariants, CardProps, ChipColor, ChipProps, ChipSize, ChipVariant, DrawerItemProps, FormProps, GridProps, IconButtonProps, IconProps, InputProps, MenuGroupProps, MenuItemProps, MenuProps, ModalProps, PageProps, PageSectionProps, SelectProps, SeparatorProps, SkeletonProps, StackProps, TabItemProps, TabsProps, TextAreaProps, TextProps, TextVariantStyle, TextVariants, UseTransitionRenderReturnType };

package/package.json

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