@common-origin/design-system 2.3.0 → 2.4.2

package/dist/components/atoms/Box/Box.d.ts

@@ -40,6 +40,11 @@ export interface BoxProps {
     borderLeft?: keyof typeof tokens.semantic.color.border;
     bg?: keyof typeof tokens.semantic.color.background;
     color?: keyof typeof tokens.semantic.color.text;
+    shadow?: keyof typeof tokens.base.shadow;
+    cursor?: 'auto' | 'default' | 'pointer' | 'wait' | 'text' | 'move' | 'help' | 'not-allowed';
+    transition?: string;
+    hoverShadow?: keyof typeof tokens.base.shadow;
+    hoverTransform?: string;
     overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
     overflowX?: 'visible' | 'hidden' | 'scroll' | 'auto';
     overflowY?: 'visible' | 'hidden' | 'scroll' | 'auto';
@@ -47,6 +52,11 @@ export interface BoxProps {
     children?: React.ReactNode;
     id?: string;
     style?: React.CSSProperties;
+    onClick?: (event: React.MouseEvent) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    tabIndex?: number;
+    role?: string;
+    'aria-label'?: string;
     'data-testid'?: string;
 }
 export declare const Box: React.FC<BoxProps>;

package/dist/components/atoms/Chip/shared/ChipBase.d.ts

@@ -1,8 +1,6 @@
-import React from 'react';
 import { InternalStyledProps } from './types';
-export declare const BaseChipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const StyledChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, InternalStyledProps>> & string;
+export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $disabled?: boolean;
 }>> & string;
-export declare const StyledChipWrapper: React.FC<React.PropsWithChildren<InternalStyledProps & React.HTMLAttributes<HTMLSpanElement>>>;

package/dist/components/atoms/Chip/shared/utils.d.ts

@@ -36,12 +36,13 @@ declare const chip: {
         };
     };
 };
-export declare const getVariantStylesAsObject: (variant: ChipVariant, selected?: boolean) => {
-    backgroundColor: string;
-    color: string;
-};
-export declare const getSizeStylesAsObject: (size: BaseChipProps["size"]) => {
-    font: string;
-    padding: string;
-};
+interface StyledChipProps {
+    $variant: ChipVariant;
+    $size: BaseChipProps['size'];
+    $disabled?: boolean;
+    $clickable?: boolean;
+    $selected?: boolean;
+}
+export declare const getVariantStyles: ({ $variant, $selected }: StyledChipProps) => string;
+export declare const getSizeStyles: ({ $size }: StyledChipProps) => string;
 export { chip as chipTokens };

package/dist/components/atoms/Container/Container.d.ts

@@ -3,4 +3,4 @@ export type ContainerProps = {
     children?: React.ReactNode;
     'data-testid'?: string;
 } & React.HTMLAttributes<HTMLDivElement>;
-export declare const Container: ({ children, ...props }: ContainerProps) => React.JSX.Element;
+export declare const Container: ({ children, ...props }: ContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/Alert/Alert.d.ts

@@ -49,6 +49,6 @@ export interface AlertProps {
     'data-testid'?: string;
 }
 export declare const Alert: {
-    ({ variant, children, title, dismissible, onDismiss, action, inline, ariaLive, "data-testid": dataTestId, ...props }: AlertProps): React.JSX.Element | null;
+    ({ variant, children, title, dismissible, onDismiss, action, inline, ariaLive, "data-testid": dataTestId, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/dist/components/molecules/CardLarge/CardLarge.d.ts

@@ -7,4 +7,4 @@ export type CardLargeProps = {
     onImageClick?: () => void;
     imageHref?: string;
 };
-export declare const CardLarge: ({ title, excerpt, subtitle, labels, picture, onImageClick, imageHref, }: CardLargeProps) => import("react").JSX.Element;
+export declare const CardLarge: ({ title, excerpt, subtitle, labels, picture, onImageClick, imageHref, }: CardLargeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/List/List.d.ts

@@ -24,6 +24,6 @@ export interface ListProps {
     'data-testid'?: string;
 }
 export declare const List: {
-    ({ children, dividers, spacing, className, "data-testid": dataTestId, ...props }: ListProps): React.JSX.Element;
+    ({ children, dividers, spacing, className, "data-testid": dataTestId, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/molecules/List/ListItem.d.ts

@@ -66,8 +66,29 @@ export interface ListItemProps {
      * Test identifier for automated testing
      */
     'data-testid'?: string;
+    /**
+     * Custom ARIA role (e.g., 'option' for combobox)
+     * @default 'listitem'
+     */
+    role?: string;
+    /**
+     * ARIA selected state (for role="option")
+     */
+    'aria-selected'?: boolean;
+    /**
+     * Custom ID for ARIA references
+     */
+    id?: string;
+    /**
+     * Custom tabIndex for focus management
+     */
+    tabIndex?: number;
+    /**
+     * Keyboard event handler
+     */
+    onKeyDown?: (e: React.KeyboardEvent) => void;
 }
 export declare const ListItem: {
-    ({ primary, secondary, badge, icon, expandable, expanded, onToggle, interactive, onClick, disabled, selected, spacing, children, className, "data-testid": dataTestId, ...props }: ListItemProps): React.JSX.Element;
+    ({ primary, secondary, badge, icon, expandable, expanded, onToggle, interactive, onClick, disabled, selected, spacing, children, className, "data-testid": dataTestId, role: customRole, "aria-selected": ariaSelected, id, tabIndex: customTabIndex, onKeyDown: customOnKeyDown, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/molecules/Sheet/Sheet.d.ts

@@ -91,6 +91,6 @@ export interface SheetProps {
  * ```
  */
 export declare const Sheet: {
-    ({ isOpen, onClose, position, variant, width, height, children, closeOnOverlayClick, closeOnEscape, title, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, }: SheetProps): import("react").JSX.Element | null;
+    ({ isOpen, onClose, position, variant, width, height, children, closeOnOverlayClick, closeOnEscape, title, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, }: SheetProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/dist/components/molecules/Slider/Slider.d.ts

@@ -97,6 +97,6 @@ export interface SliderProps {
  * ```
  */
 export declare const Slider: {
-    ({ min, max, step, value: controlledValue, defaultValue, rangeValue: controlledRangeValue, defaultRangeValue, onChange, onRangeChange, disabled, label, showValueLabel, formatValue, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, }: SliderProps): import("react").JSX.Element;
+    ({ min, max, step, value: controlledValue, defaultValue, rangeValue: controlledRangeValue, defaultRangeValue, onChange, onRangeChange, disabled, label, showValueLabel, formatValue, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, }: SliderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };