@alma-oss/spirit-web-react 4.1.0 → 4.2.0

package/types/accordion.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type ReactNode } from 'react';
-import { type ChildrenProps, type ElementTypeProps, type StyleProps, type TransferProps } from './shared';
+import { type ChildrenProps, type ElementTypeProps, type SpiritPolymorphicElementPropsWithRef, type StyleProps } from './shared';
 export type AccordionOpenStateType = string | string[] | undefined;
 export interface AccordionHandlingProps {
     open: AccordionOpenStateType;
@@ -8,18 +8,25 @@ export interface AccordionHandlingProps {
 export interface AccordionItemContextProps {
     id: string;
 }
-export interface BaseAccordionProps extends ChildrenProps, StyleProps, TransferProps {
+export interface BaseAccordionProps extends ChildrenProps, StyleProps {
 }
-export interface AccordionProps<T extends ElementType = 'section'> extends BaseAccordionProps, AccordionHandlingProps, ElementTypeProps<T> {
+export interface AccordionBaseProps extends BaseAccordionProps, AccordionHandlingProps {
 }
-export interface AccordionHeaderProps<T extends ElementType = 'h3'> extends BaseAccordionProps, ElementTypeProps<T> {
+export type AccordionProps<T extends ElementType> = ElementTypeProps<T> & AccordionBaseProps;
+export type SpiritAccordionProps<T extends ElementType = 'section'> = AccordionProps<T> & SpiritPolymorphicElementPropsWithRef<T, AccordionProps<T>>;
+export type AccordionHeaderProps<T extends ElementType = 'h3'> = ElementTypeProps<T> & {
     slot?: ReactNode;
+} & BaseAccordionProps;
+export type SpiritAccordionHeaderProps<T extends ElementType = 'h3'> = AccordionHeaderProps<T> & SpiritPolymorphicElementPropsWithRef<T, AccordionHeaderProps<T>>;
+export interface AccordionItemBaseProps extends BaseAccordionProps, AccordionItemContextProps {
 }
-export interface AccordionItemProps<T extends ElementType = 'article'> extends BaseAccordionProps, AccordionItemContextProps, ElementTypeProps<T> {
-}
+export type AccordionItemProps<T extends ElementType> = ElementTypeProps<T> & AccordionItemBaseProps;
+export type SpiritAccordionItemProps<T extends ElementType = 'article'> = AccordionItemProps<T> & SpiritPolymorphicElementPropsWithRef<T, AccordionItemProps<T>>;
 export interface AccordionContentProps extends BaseAccordionProps {
 }
-export interface UncontrolledAccordionProps extends BaseAccordionProps {
+export interface UncontrolledAccordionBaseProps extends BaseAccordionProps {
     defaultOpen?: AccordionOpenStateType;
     stayOpen?: boolean;
 }
+export type UncontrolledAccordionProps<T extends ElementType> = ElementTypeProps<T> & UncontrolledAccordionBaseProps;
+export type SpiritUncontrolledAccordionProps<T extends ElementType = 'section'> = UncontrolledAccordionProps<T> & SpiritPolymorphicElementPropsWithRef<T, UncontrolledAccordionProps<T>>;

package/types/box.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type JSXElementConstructor } from 'react';
-import { type BackgroundAccentColorsType, type BackgroundColorsDictionaryType, type BackgroundEmotionColorsType, type BackgroundGradientsDictionaryType, type BackgroundNeutralColorsType, type BorderAccentColorsType, type BorderColorsDictionaryType, type BorderEmotionColorsType, type BorderRadiiTokenType, type BorderStylesDictionaryType, type BorderWidthsDictionaryType, type ChildrenProps, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithoutRef, type StyleProps, type TextColorProps } from './shared';
+import { type BackgroundAccentColorsType, type BackgroundColorsDictionaryType, type BackgroundEmotionColorsType, type BackgroundGradientsDictionaryType, type BackgroundNeutralColorsType, type BorderAccentColorsType, type BorderColorsDictionaryType, type BorderEmotionColorsType, type BorderRadiiTokenType, type BorderStylesDictionaryType, type BorderWidthsDictionaryType, type ChildrenProps, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps, type TextColorProps } from './shared';
 export type BoxBackgroundColorsType = BackgroundColorsDictionaryType | BackgroundAccentColorsType | BackgroundEmotionColorsType | BackgroundNeutralColorsType;
 export interface BoxBaseProps extends ChildrenProps, TextColorProps, StyleProps {
     backgroundColor?: BoxBackgroundColorsType;
@@ -19,4 +19,4 @@ export interface BoxBaseProps extends ChildrenProps, TextColorProps, StyleProps
 export type BoxProps<E extends ElementType> = {
     elementType?: E | JSXElementConstructor<unknown>;
 } & BoxBaseProps;
-export type SpiritBoxProps<E extends ElementType = 'div'> = BoxProps<E> & SpiritPolymorphicElementPropsWithoutRef<E, BoxProps<E>>;
+export type SpiritBoxProps<E extends ElementType = 'div'> = BoxProps<E> & SpiritPolymorphicElementPropsWithRef<E, BoxProps<E>>;

package/types/flex.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type JSXElementConstructor } from 'react';
-import { type AlignmentXExtendedDictionaryType, type AlignmentYExtendedDictionaryType, type ChildrenProps, type DirectionExtendedDictionaryType, type SingleOrResponsive, type SpaceToken, type StyleProps, type TransferProps } from './shared';
+import { type AlignmentXExtendedDictionaryType, type AlignmentYExtendedDictionaryType, type ChildrenProps, type DirectionExtendedDictionaryType, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps } from './shared';
 export interface FlexElementTypeProps<T extends ElementType = 'div'> {
     elementType?: T | JSXElementConstructor<unknown>;
 }
@@ -27,5 +27,4 @@ export interface FlexCustomLayoutProps {
 }
 export interface FlexProps<T extends ElementType = 'div'> extends FlexElementTypeProps<T>, FlexCustomLayoutProps {
 }
-export interface SpiritFlexProps<T extends ElementType = 'div'> extends FlexProps<T>, ChildrenProps, StyleProps, TransferProps {
-}
+export type SpiritFlexProps<T extends ElementType = 'div'> = FlexProps<T> & ChildrenProps & StyleProps & SpiritPolymorphicElementPropsWithRef<T, FlexProps<T>>;

package/types/footer.d.ts

@@ -1,9 +1,14 @@
-import { type BackgroundColorsDictionaryType, type ChildrenProps, type SpaceToken, type StyleProps, type TextAlignmentType, type TransferProps } from './shared';
+import { type ElementType } from 'react';
+import { type BackgroundColorsDictionaryType, type ChildrenProps, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps, type TextAlignmentType } from './shared';
 export interface FooterStyleProps {
     paddingTop?: SpaceToken;
     paddingBottom?: SpaceToken;
     backgroundColor?: BackgroundColorsDictionaryType;
     textAlignment?: TextAlignmentType;
 }
-export interface SpiritFooterProps extends FooterStyleProps, ChildrenProps, StyleProps, TransferProps {
+export interface FooterBaseProps extends FooterStyleProps, ChildrenProps, StyleProps {
 }
+export type FooterProps<E extends ElementType> = {
+    elementType?: E;
+} & FooterBaseProps;
+export type SpiritFooterProps<E extends ElementType = 'footer'> = FooterProps<E> & SpiritPolymorphicElementPropsWithRef<E, FooterProps<E>>;

package/types/grid.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type JSXElementConstructor } from 'react';
-import { type AlignmentXExtendedDictionaryType, type AlignmentYExtendedDictionaryType, type ChildrenProps, type GridColumns, type SingleOrResponsive, type SpaceToken, type StyleProps, type TransferProps } from './shared';
+import { type AlignmentXExtendedDictionaryType, type AlignmentYExtendedDictionaryType, type ChildrenProps, type GridColumns, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps } from './shared';
 export type GridColsBreakpoints = {
     mobile?: GridColumns;
     tablet?: GridColumns;
@@ -42,7 +42,5 @@ export interface GridProps<T extends ElementType = 'div'> extends GridElementTyp
 }
 export interface GridItemProps<T extends ElementType = 'div'> extends GridItemElementTypeProps<T>, GridItemCustomLayoutProps {
 }
-export interface SpiritGridProps<T extends ElementType = 'div'> extends GridProps<T>, ChildrenProps, StyleProps, TransferProps {
-}
-export interface SpiritGridItemProps<T extends ElementType = 'div'> extends GridItemProps<T>, ChildrenProps, StyleProps, TransferProps {
-}
+export type SpiritGridProps<T extends ElementType = 'div'> = GridProps<T> & ChildrenProps & StyleProps & SpiritPolymorphicElementPropsWithRef<T, GridProps<T>>;
+export type SpiritGridItemProps<T extends ElementType = 'div'> = GridItemProps<T> & ChildrenProps & StyleProps & SpiritPolymorphicElementPropsWithRef<T, GridItemProps<T>>;