@alma-oss/spirit-web-react 4.4.2 → 4.6.0

package/dist/src/types/container.d.ts

@@ -0,0 +1,11 @@
+import { ChildrenProps, ContainerSizesType, DataAttributeProps, SpiritDivElementProps, StyleProps, TextAlignmentType } from './shared';
+export interface ContainerProps extends ChildrenProps, ContainerTextStyleProps, DataAttributeProps, StyleProps, SpiritDivElementProps {
+}
+export type ContainerSize<C> = ContainerSizesType | C;
+export interface ContainerTextStyleProps {
+    textAlignment?: TextAlignmentType;
+}
+export interface SpiritContainerProps<C = void> extends ContainerProps {
+    isFluid?: boolean;
+    size?: ContainerSize<C>;
+}

package/dist/src/types/controlButton.d.ts

@@ -0,0 +1,14 @@
+import { ElementType } from 'react';
+import { ButtonType, ChildrenProps, ClickEvents, PolymorphicComponentProps, SingleOrResponsive, SizeExtendedDictionaryType, StyleProps } from './shared';
+export interface ControlButtonBaseProps extends ChildrenProps, StyleProps, ClickEvents {
+}
+export interface ControlButtonStyleProps<S = void> extends ControlButtonBaseProps {
+    isDisabled?: boolean;
+    isSubtle?: boolean;
+    isSymmetrical?: SingleOrResponsive<boolean>;
+    size?: SizeExtendedDictionaryType | S;
+}
+export interface ControlButtonProps<S = void> extends ControlButtonStyleProps<S> {
+    type?: ButtonType;
+}
+export type SpiritControlButtonProps<E extends ElementType = 'button', S = void> = PolymorphicComponentProps<E, ControlButtonProps<S>>;

package/dist/src/types/divider.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { StyleProps } from './shared';
+export interface SpiritDividerProps extends StyleProps, Omit<ComponentPropsWithoutRef<'hr'>, 'className' | 'style'> {
+}

package/dist/src/types/dropdown.d.ts

@@ -0,0 +1,48 @@
+import { ElementType, LegacyRef, ReactNode } from 'react';
+import { AlignmentXExtendedDictionaryType, AlignmentYExtendedDictionaryType, Booleanish, ChildrenProps, ClickEvent, PlacementDictionaryType, PolymorphicComponentProps, StyleProps } from './shared';
+export declare const DropdownFullWidthModes: {
+    readonly OFF: "off";
+    readonly MOBILE_ONLY: "mobile-only";
+    readonly ALL: "all";
+};
+export type DropdownFullWidthModeKeys = keyof typeof DropdownFullWidthModes;
+export type DropdownFullWidthMode = (typeof DropdownFullWidthModes)[DropdownFullWidthModeKeys];
+export type DropdownTriggerRenderProps = {
+    onClick: (event: ClickEvent) => void;
+    className?: string | undefined;
+    'aria-expanded': Booleanish;
+    'aria-controls': string;
+    ref: LegacyRef<HTMLButtonElement & HTMLAnchorElement>;
+};
+export type DropdownAlignmentXType = AlignmentXExtendedDictionaryType | {
+    [key: string]: AlignmentXExtendedDictionaryType;
+};
+export type DropdownAlignmentYType = AlignmentYExtendedDictionaryType | {
+    [key: string]: AlignmentYExtendedDictionaryType;
+};
+export interface DropdownAlignmentProps {
+    alignmentX?: DropdownAlignmentXType;
+    alignmentY?: DropdownAlignmentYType;
+}
+export interface DropdownProps extends DropdownAlignmentProps, ChildrenProps, StyleProps {
+    id: string;
+}
+export interface DropdownStyleProps extends DropdownAlignmentProps, StyleProps {
+    isOpen?: boolean;
+}
+export interface SpiritDropdownProps extends DropdownProps, ChildrenProps {
+    enableAutoClose?: boolean;
+    placement?: PlacementDictionaryType;
+    fullWidthMode?: DropdownFullWidthMode;
+    onAutoClose?: (event: Event) => void;
+    isOpen: boolean;
+    onToggle: () => void;
+}
+export interface UncontrolledDropdownProps extends ChildrenProps, Omit<SpiritDropdownProps, 'isOpen' | 'onToggle'> {
+}
+export interface DropdownTriggerBaseProps extends StyleProps {
+    children: string | ReactNode | ((props: {
+        isOpen: boolean;
+    }) => ReactNode);
+}
+export type DropdownTriggerProps<E extends ElementType = 'button'> = PolymorphicComponentProps<E, DropdownTriggerBaseProps>;

package/dist/src/types/fieldGroup.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { LabelProps } from './label';
+import { HelperTextProps, RequiredProps, SpiritFieldGroupElementPropsWithRef, Validation, ValidationTextType } from './shared';
+export interface FieldGroupProps extends SpiritFieldGroupElementPropsWithRef, LabelProps, HelperTextProps, RequiredProps, Validation {
+    isDisabled?: boolean;
+    isFluid?: boolean;
+    isLabelHidden?: boolean;
+    label: ReactNode;
+    validationText?: ValidationTextType;
+}
+export interface SpiritFieldGroupProps extends FieldGroupProps {
+}

package/dist/src/types/header.d.ts

@@ -0,0 +1,58 @@
+import { ElementType, SyntheticEvent } from 'react';
+import { ChildrenProps, PolymorphicComponentProps, RouterLinkProps, SpiritButtonElementProps, SpiritDialogElementProps, SpiritElementProps, SpiritLItemElementProps, SpiritSpanElementProps, SpiritUListElementProps, StyleProps } from './shared';
+export type HeaderActionsColorType = 'primary' | 'secondary';
+export type HeaderColorType = 'primary' | 'transparent';
+export type HeaderDialogHandlingProps = {
+    isOpen: boolean;
+    onClose: (event: Event | SyntheticEvent) => void;
+};
+export type HeaderMobileActionsHandlingProps = {
+    isOpen: boolean;
+    onOpen: (event: Event | SyntheticEvent) => void;
+};
+export interface HeaderProps extends SpiritElementProps, ChildrenProps {
+    color?: HeaderColorType;
+    isSimple?: boolean;
+}
+export interface HeaderButtonProps extends SpiritButtonElementProps, ChildrenProps {
+}
+export interface HeaderDesktopActionsProps extends SpiritElementProps, ChildrenProps {
+    isAtEnd?: boolean;
+}
+export interface HeaderDialogProps extends SpiritDialogElementProps, HeaderDialogHandlingProps, ChildrenProps {
+    id: string;
+}
+export interface HeaderDialogActionsProps extends SpiritElementProps, ChildrenProps {
+    color?: HeaderActionsColorType;
+}
+export interface HeaderDialogButtonProps extends SpiritButtonElementProps, ChildrenProps {
+}
+export interface HeaderDialogCloseButtonProps extends Omit<SpiritButtonElementProps, 'children'> {
+    label?: string;
+}
+export interface HeaderDialogNavProps extends SpiritUListElementProps, ChildrenProps {
+}
+export interface HeaderDialogNavItemProps extends SpiritLItemElementProps, ChildrenProps {
+}
+export interface HeaderDialogTextProps extends SpiritSpanElementProps, ChildrenProps {
+}
+export interface HeaderMobileActionsProps extends SpiritElementProps, HeaderMobileActionsHandlingProps, ChildrenProps {
+    dialogId: string;
+    menuToggleLabel?: string;
+}
+export interface HeaderNavProps extends SpiritUListElementProps, ChildrenProps {
+}
+export interface HeaderNavItemProps extends SpiritLItemElementProps, ChildrenProps {
+}
+export interface HeaderDialogLinkStyleProps extends ChildrenProps, StyleProps, RouterLinkProps {
+    isCurrent?: boolean;
+}
+export interface HeaderLinkStyleProps extends ChildrenProps, StyleProps, RouterLinkProps {
+    isCurrent?: boolean;
+}
+export interface HeaderDialogLinkProps extends HeaderDialogLinkStyleProps {
+}
+export interface HeaderLinkProps extends HeaderLinkStyleProps {
+}
+export type SpiritDialogHeaderLinkProps<E extends ElementType = 'a'> = PolymorphicComponentProps<E, HeaderDialogLinkProps>;
+export type SpiritHeaderLinkProps<E extends ElementType = 'a'> = PolymorphicComponentProps<E, HeaderLinkProps>;

package/dist/src/types/heading.d.ts

@@ -0,0 +1,6 @@
+import { ElementType } from 'react';
+import { ChildrenProps, EmphasisDictionaryType, EmphasisProps, PolymorphicComponentProps, SizeExtendedDictionaryType, SizeProps, StyleProps, TextColorProps, TextColorsType, TypographyBaseProps } from './shared';
+export type HeadingColorsType<C = undefined> = TextColorsType<C>;
+export interface HeadingProps<S = void, Emph = void, C = void> extends ChildrenProps, StyleProps, TypographyBaseProps, SizeProps<SizeExtendedDictionaryType<S>>, EmphasisProps<EmphasisDictionaryType<Emph>>, TextColorProps<HeadingColorsType<C>> {
+}
+export type SpiritHeadingProps<E extends ElementType = 'h1', S = void, Emph = void, C = void> = PolymorphicComponentProps<E, HeadingProps<S, Emph, C>>;

package/dist/src/types/index.d.ts

@@ -0,0 +1,62 @@
+export * from './accordion';
+export * from './actionGroup';
+export * from './alert';
+export * from './avatar';
+export * from './box';
+export * from './breadcrumbs';
+export * from './button';
+export * from './card';
+export * from './checkbox';
+export * from './collapse';
+export * from './container';
+export * from './controlButton';
+export * from './divider';
+export * from './drawer';
+export * from './dropdown';
+export * from './fieldGroup';
+export * from './fileUploader';
+export * from './flex';
+export * from './footer';
+export * from './grid';
+export * from './header';
+export * from './heading';
+export * from './hidden';
+export * from './icon';
+export * from './iconBox';
+export * from './inputDetails';
+export * from './item';
+export * from './label';
+export * from './link';
+export * from './matrix';
+export * from './modal';
+export * from './navigation';
+export * from './pagination';
+export * from './partnerLogo';
+export * from './pill';
+export * from './pricingPlan';
+export * from './productLogo';
+export * from './radio';
+export * from './scrollView';
+export * from './section';
+export * from './segmentedControl';
+export * from './select';
+export * from './shared';
+export * from './skeleton';
+export * from './skipLink';
+export * from './slider';
+export * from './spinner';
+export * from './splitButton';
+export * from './stack';
+export * from './tabs';
+export * from './tag';
+export * from './text';
+export * from './textArea';
+export * from './textField';
+export * from './textFieldBase';
+export * from './timeline';
+export * from './toast';
+export * from './toggle';
+export * from './tooltip';
+export * from './truncate';
+export * from './unstableHeader';
+export * from './visuallyHidden';

package/dist/src/types/inputDetails.d.ts

@@ -0,0 +1,9 @@
+import { ElementType, ReactNode } from 'react';
+import { RegisterType as RegisterDetailsType } from '../hooks/useAriaIdRefs';
+import { ChildrenProps, PolymorphicComponentProps, StyleProps } from './shared';
+export interface InputDetailsBaseProps extends ChildrenProps, StyleProps {
+    children: ReactNode;
+    id?: string;
+    registerAriaDetails?: RegisterDetailsType;
+}
+export type InputDetailsProps<E extends ElementType = 'div'> = PolymorphicComponentProps<E, InputDetailsBaseProps>;

package/dist/src/types/item.d.ts

@@ -0,0 +1,20 @@
+import { ElementType, ReactNode } from 'react';
+import { PolymorphicComponentProps, StyleProps } from './shared';
+export declare const ITEM_SELECTION_DECORATOR_BACKGROUND = "background";
+export declare const ITEM_SELECTION_DECORATOR_BOTH = "both";
+export declare const ITEM_SELECTION_DECORATOR_ICON = "icon";
+export type ItemSelectionDecorator = typeof ITEM_SELECTION_DECORATOR_BACKGROUND | typeof ITEM_SELECTION_DECORATOR_BOTH | typeof ITEM_SELECTION_DECORATOR_ICON;
+export interface ItemStyleProps extends StyleProps {
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    selectionDecorator?: ItemSelectionDecorator;
+}
+export interface ItemBaseProps extends StyleProps {
+    helperText?: string;
+    iconName?: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    label: string | ReactNode;
+    selectionDecorator?: ItemSelectionDecorator;
+}
+export type SpiritItemProps<E extends ElementType = 'button'> = PolymorphicComponentProps<E, ItemBaseProps>;

package/dist/src/types/label.d.ts

@@ -0,0 +1,11 @@
+import { ElementType, ReactNode } from 'react';
+import { PolymorphicComponentProps, StyleProps } from './shared';
+export interface LabelProps {
+    children?: ReactNode;
+    htmlFor?: string;
+    for?: string;
+}
+export interface LabelBaseProps extends LabelProps, StyleProps {
+    id?: string;
+}
+export type SpiritLabelProps<E extends ElementType = 'label'> = PolymorphicComponentProps<E, LabelBaseProps>;

package/dist/src/types/link.d.ts

@@ -0,0 +1,25 @@
+import { ElementType } from 'react';
+import { LinkColorsExtended } from '..';
+import { ChildrenProps, LinkColorsDictionaryType, PolymorphicComponentProps, RouterLinkProps, StyleProps } from './shared';
+export declare const UNDERLINED_OPTIONS: {
+    readonly ALWAYS: "always";
+    readonly HOVER: "hover";
+    readonly NEVER: "never";
+};
+export type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
+export type UnderlineOptions = (typeof UNDERLINED_OPTIONS)[keyof typeof UNDERLINED_OPTIONS];
+export type LinkColorsExtendedNamesType = (typeof LinkColorsExtended)[keyof typeof LinkColorsExtended];
+export type LinkColor<C> = LinkColorsDictionaryType | LinkColorsExtendedNamesType | C;
+export interface LinkBaseProps extends ChildrenProps, StyleProps, RouterLinkProps {
+}
+export interface LinkStyleProps<C = void> extends LinkBaseProps {
+    color?: LinkColor<C>;
+    hasVisitedStyleAllowed?: boolean;
+    underlined?: UnderlineOptions;
+    isDisabled?: boolean;
+}
+export interface LinkProps<C = void> extends LinkStyleProps<C> {
+    href?: string;
+    target?: LinkTarget;
+}
+export type SpiritLinkProps<E extends ElementType = 'a', C = void> = PolymorphicComponentProps<E, LinkProps<C>>;

package/dist/src/types/matrix.d.ts

@@ -0,0 +1,13 @@
+import { ElementType } from 'react';
+import { ChildrenProps, GridColumns, PolymorphicComponentProps, SingleOrResponsive, SpaceToken, StyleProps } from './shared';
+export interface MatrixCustomLayoutProps {
+    cols?: SingleOrResponsive<GridColumns | number>;
+    itemRows?: SingleOrResponsive<number>;
+    rows?: SingleOrResponsive<number>;
+    spacing?: SingleOrResponsive<SpaceToken>;
+    spacingX?: SingleOrResponsive<SpaceToken>;
+    spacingY?: SingleOrResponsive<SpaceToken>;
+}
+export interface MatrixProps extends MatrixCustomLayoutProps, ChildrenProps, StyleProps {
+}
+export type SpiritMatrixProps<E extends ElementType = 'div'> = PolymorphicComponentProps<E, MatrixProps>;

package/dist/src/types/pagination.d.ts

@@ -0,0 +1,44 @@
+import { ElementType } from 'react';
+import { SpiritButtonProps } from './button';
+import { ChildrenProps, RouterLinkProps, SpiritElementProps, SpiritLItemElementProps, SpiritPolymorphicElementPropsWithRef, SpiritUListElementProps } from './shared';
+export type PaginationLinkDirectionType = 'previous' | 'next';
+export interface PaginationProps extends SpiritElementProps {
+    listProps?: SpiritUListElementProps;
+}
+export interface PaginationItemProps extends SpiritLItemElementProps {
+}
+export interface AriaPaginationProps {
+    accessibilityLabel?: string;
+}
+export interface PaginationLinkBaseProps<E extends ElementType = 'a'> {
+    elementType?: E;
+}
+export interface PaginationLinkProps<E extends ElementType = 'a'> extends PaginationLinkBaseProps<E>, AriaPaginationProps, RouterLinkProps {
+    isCurrent?: boolean;
+    pageNumber: number;
+}
+export type PaginationButtonLinkProps<E extends ElementType = 'a'> = SpiritButtonProps<E> & AriaPaginationProps & RouterLinkProps & {
+    direction: PaginationLinkDirectionType;
+};
+export type PaginationLinkPreviousNextProps<E extends ElementType = 'a'> = SpiritButtonProps<E> & AriaPaginationProps & RouterLinkProps;
+export interface SpiritPaginationProps extends PaginationProps {
+}
+export interface SpiritPaginationItemProps extends PaginationItemProps {
+}
+export type SpiritPaginationLinkProps<E extends ElementType = 'a'> = PaginationLinkProps<E> & SpiritPolymorphicElementPropsWithRef<E, PaginationLinkProps<E>>;
+export type SpiritPaginationButtonLinkProps<E extends ElementType = 'a'> = PaginationButtonLinkProps<E>;
+export type SpiritPaginationLinkPreviousNextProps<E extends ElementType = 'a'> = PaginationLinkPreviousNextProps<E>;
+export interface UncontrolledPaginationProps {
+    accessibilityLabelNext?: string;
+    accessibilityLabelPrevious?: string;
+    defaultPage?: number;
+    visiblePages?: number;
+    onChange?: (pageNumber: number) => void;
+    totalPages: number;
+}
+export interface SpiritUncontrolledPaginationProps extends AriaPaginationProps, UncontrolledPaginationProps, ChildrenProps {
+}
+export interface UsePaginationProps extends UncontrolledPaginationProps {
+    defaultPage: number;
+    visiblePages: number;
+}

package/dist/src/types/pill.d.ts

@@ -0,0 +1,9 @@
+import { ElementType } from 'react';
+import { PillColorsExtended } from '../components/Pill';
+import { ChildrenProps, EmotionColorNamesType, PolymorphicComponentProps, StyleProps } from './shared';
+export type PillColorsExtendedNamesType = (typeof PillColorsExtended)[keyof typeof PillColorsExtended];
+export type PillColor<C> = EmotionColorNamesType<C> | PillColorsExtendedNamesType | C;
+export interface PillProps<C = void> extends ChildrenProps, StyleProps {
+    color?: PillColor<C>;
+}
+export type SpiritPillProps<E extends ElementType = 'span', C = void> = PolymorphicComponentProps<E, PillProps<C>>;

package/dist/src/types/pricingPlan.d.ts

@@ -0,0 +1,31 @@
+import { ElementType, ReactNode } from 'react';
+import { ChildrenProps, PolymorphicComponentProps, RequiredProps, StyleProps } from './shared';
+export interface PricingPlanBaseProps extends ChildrenProps, StyleProps {
+    hasComparableFeatures?: boolean;
+    isHighlighted?: boolean;
+    rows?: number;
+}
+export interface PricingPlanHeaderBaseProps extends StyleProps {
+    action?: ReactNode;
+    badge?: ReactNode;
+    note?: string;
+    price?: string;
+    subtitle?: string;
+    title?: ReactNode;
+}
+export type PricingPlanFeature = {
+    description?: string | ReactNode;
+    modalContent?: string | ReactNode;
+    title: string;
+    tooltipContent?: string | ReactNode;
+};
+export interface PricingPlanBodyBaseProps extends StyleProps, RequiredProps {
+    description?: string;
+    features?: PricingPlanFeature[];
+}
+export interface PricingPlanFooterBaseProps extends StyleProps, ChildrenProps {
+}
+export type SpiritPricingPlanProps<E extends ElementType = 'article'> = PolymorphicComponentProps<E, PricingPlanBaseProps>;
+export type SpiritPricingPlanHeaderProps<E extends ElementType = 'header'> = PolymorphicComponentProps<E, PricingPlanHeaderBaseProps>;
+export type SpiritPricingPlanBodyProps<E extends ElementType = 'div'> = PolymorphicComponentProps<E, PricingPlanBodyBaseProps>;
+export type SpiritPricingPlanFooterProps<E extends ElementType = 'footer'> = PolymorphicComponentProps<E, PricingPlanFooterBaseProps>;

package/dist/src/types/segmentedControl.d.ts

@@ -0,0 +1,25 @@
+import { ChildrenProps, FillVariantDictionaryType, SpiritInputElementProps, SpiritSegmentedControlElementProps, StyleProps } from './shared';
+export interface SegmentedControlBaseProps extends SegmentedControlMultiselectProps {
+    isFluid?: boolean;
+    label: string;
+    name: string;
+    onSelectionChange?: (value: string | string[]) => void;
+    variant?: FillVariantDictionaryType;
+}
+export interface SegmentedControlMultiselectProps {
+    isMultiselect?: boolean;
+}
+export interface SegmentedControlItemProps extends StyleProps, SpiritInputElementProps, ChildrenProps {
+    isDisabled?: boolean;
+}
+export interface SegmentedControlProps extends ChildrenProps, StyleProps, SpiritSegmentedControlElementProps {
+}
+export interface SpiritSegmentedControlItemProps extends SegmentedControlItemProps {
+}
+export interface SpiritSegmentedControlProps extends SegmentedControlProps, SegmentedControlBaseProps {
+    selectedValue: string | string[];
+    setSelectedValue: (value: string | string[]) => void;
+}
+export interface SpiritUncontrolledSegmentedControlProps extends SegmentedControlProps, SegmentedControlBaseProps, SegmentedControlMultiselectProps {
+    defaultSelectedValue?: string | string[];
+}

package/dist/src/types/shared/element.d.ts

@@ -0,0 +1,56 @@
+import { ComponentPropsWithRef, ComponentPropsWithoutRef, DetailedHTMLProps, ElementType, HTMLAttributes, HTMLProps, PropsWithChildren } from 'react';
+import { PolymorphicRef } from './polymorphic';
+import { OverloadStyleProps } from './style';
+type ElementTypeProp<E extends ElementType> = {
+    elementType?: E;
+};
+type DistributiveOmit<T, U> = T extends unknown ? Pick<T, Exclude<keyof T, U>> : never;
+type PropsOf<E extends ElementType> = E extends {
+    spiritDefaultElement: infer D;
+    spiritDefaultProps: infer P;
+} ? D extends ElementType ? P extends ComponentPropsWithRef<ElementType> ? P & ComponentPropsWithRef<D> : ComponentPropsWithRef<D> & ComponentPropsWithRef<E> : ComponentPropsWithRef<E> : E extends {
+    spiritDefaultElement: infer D;
+} ? D extends ElementType ? ComponentPropsWithRef<D> & ComponentPropsWithRef<E> : ComponentPropsWithRef<E> : ComponentPropsWithRef<E>;
+export type SpiritPolymorphicComponentProp<E extends ElementType, P> = PropsWithChildren<ElementTypeProp<E> & P & DistributiveOmit<PropsOf<E>, keyof P | keyof ElementTypeProp<E> | 'ref'>>;
+export type SpiritPolymorphicComponentPropWithRef<E extends ElementType, P> = SpiritPolymorphicComponentProp<E, P> & {
+    ref?: PolymorphicRef<E>;
+};
+export type SpiritDetailedHTMLProps<E> = DetailedHTMLProps<HTMLAttributes<E>, E>;
+export type SpiritCombinedHTMLProps<E> = DetailedHTMLProps<HTMLAttributes<E>, E> & HTMLProps<E>;
+export type SpiritPolymorphicElementPropsWithRef<E extends ElementType, P> = Omit<ComponentPropsWithRef<E>, keyof P>;
+export type SpiritPolymorphicElementPropsWithoutRef<E extends ElementType, P> = Omit<ComponentPropsWithoutRef<E>, keyof P>;
+export type DataAttributeProps = {
+    [key: `data-${string}`]: unknown;
+};
+export type SpiritElementBaseProps = SpiritDetailedHTMLProps<HTMLElement>;
+export type SpiritAnchorElementBaseProps = SpiritCombinedHTMLProps<HTMLButtonElement>;
+export type SpiritButtonElementBaseProps = SpiritCombinedHTMLProps<HTMLButtonElement>;
+export type SpiritDialogElementBaseProps = SpiritDetailedHTMLProps<HTMLDialogElement>;
+export type SpiritDivElementBaseProps = SpiritDetailedHTMLProps<HTMLDivElement>;
+export type SpiritInputElementBaseProps = SpiritCombinedHTMLProps<HTMLInputElement>;
+export type SpiritLItemElementBaseProps = SpiritDetailedHTMLProps<HTMLLIElement>;
+export type SpiritSelectElementBaseProps = SpiritCombinedHTMLProps<HTMLSelectElement>;
+export type SpiritSpanElementBaseProps = SpiritDetailedHTMLProps<HTMLSpanElement>;
+export type SpiritTextAreaElementBaseProps = SpiritCombinedHTMLProps<HTMLTextAreaElement>;
+export type SpiritUListElementBaseProps = SpiritDetailedHTMLProps<HTMLUListElement>;
+export type SpiritFieldGroupElementBaseProps = SpiritDetailedHTMLProps<HTMLFieldSetElement>;
+export type SpiritSegmentedControlElementBaseProps = SpiritDetailedHTMLProps<HTMLFieldSetElement>;
+export type SpiritElementProps = OverloadStyleProps<SpiritElementBaseProps>;
+export type SpiritAnchorElementProps = OverloadStyleProps<SpiritAnchorElementBaseProps>;
+export type SpiritButtonElementProps = OverloadStyleProps<SpiritButtonElementBaseProps>;
+export type SpiritDialogElementProps = OverloadStyleProps<SpiritDialogElementBaseProps>;
+export type SpiritDivElementProps = OverloadStyleProps<SpiritDivElementBaseProps>;
+export type SpiritInputElementProps = Omit<OverloadStyleProps<SpiritInputElementBaseProps>, 'required' | 'disabled' | 'type'>;
+export type SpiritLItemElementProps = OverloadStyleProps<SpiritLItemElementBaseProps>;
+export type SpiritSelectElementProps = Omit<OverloadStyleProps<SpiritSelectElementBaseProps>, 'required' | 'disabled'>;
+export type SpiritSpanElementProps = OverloadStyleProps<SpiritSpanElementBaseProps>;
+export type SpiritTextAreaElementProps = Omit<OverloadStyleProps<SpiritTextAreaElementBaseProps>, 'required' | 'disabled'>;
+export type SpiritUListElementProps = OverloadStyleProps<SpiritUListElementBaseProps>;
+export type SpiritFieldGroupElementProps = OverloadStyleProps<SpiritFieldGroupElementBaseProps>;
+export type SpiritSegmentedControlElementProps = OverloadStyleProps<SpiritSegmentedControlElementBaseProps>;
+export type SpiritInputElementPropsWithRef = Omit<SpiritInputElementProps & ComponentPropsWithRef<'input'>, 'id' | 'label'>;
+export type SpiritSelectElementPropsWithRef = Omit<SpiritSelectElementProps & ComponentPropsWithRef<'select'>, 'id' | 'label'>;
+export type SpiritTextAreaElementPropsWithRef = Omit<SpiritTextAreaElementProps & ComponentPropsWithRef<'textarea'>, 'id' | 'label'>;
+export type SpiritDialogElementPropsWithRef = Omit<SpiritDialogElementProps & ComponentPropsWithRef<'dialog'>, 'onClose'>;
+export type SpiritFieldGroupElementPropsWithRef = Omit<SpiritFieldGroupElementProps & ComponentPropsWithRef<'fieldset'>, 'id'>;
+export {};

package/dist/src/types/shared/index.d.ts

@@ -0,0 +1,35 @@
+import { ElementType, ReactNode } from 'react';
+export * from './adornments';
+export * from './buttons';
+export * from './colors';
+export * from './columns';
+export * from './dialogs';
+export * from './dictionaries';
+export * from './directions';
+export * from './dragAndDrop';
+export * from './element';
+export * from './events';
+export * from './inputs';
+export * from './item';
+export * from './polymorphic';
+export * from './positions';
+export * from './radii';
+export * from './refs';
+export * from './responsive';
+export * from './router';
+export * from './sizes';
+export * from './style';
+export * from './text';
+export * from './tokens';
+export interface ChildrenProps {
+    children?: ReactNode | string;
+}
+export interface ElementTypeProps<E extends ElementType = 'div'> {
+    elementType?: E;
+}
+export declare enum SpiritBreakpoints {
+    TABLET = "tablet",
+    DESKTOP = "desktop"
+}
+export type Booleanish = boolean | 'true' | 'false';
+export type PositiveInteger<T extends number> = `${T}` extends '0' | `-${any}` | `${any}.${any}` ? never : T;

package/dist/src/types/shared/inputs.d.ts

@@ -0,0 +1,37 @@
+import { AriaRole, ReactNode } from 'react';
+import { InputPositions } from '../../constants';
+import { ValidationStatesDictionaryType } from './dictionaries';
+export type ValidationState = ValidationStatesDictionaryType;
+export type ValidationTextType = ReactNode | ReactNode[];
+export interface Validation {
+    validationState?: ValidationState;
+    isRequired?: boolean;
+    hasValidationIcon?: boolean;
+}
+export interface TextInputBase {
+    placeholder?: string;
+    inputWidth?: number;
+}
+export type InputBaseProps = {
+    isLabelHidden?: boolean;
+    isDisabled?: boolean;
+};
+export interface TextInputProps extends TextInputBase {
+    isFluid?: boolean;
+}
+export interface DetailsProps {
+    details?: ReactNode;
+}
+export interface HelperTextProps {
+    helperText?: ReactNode;
+}
+export interface ValidationTextProp {
+    role?: AriaRole;
+    validationText?: ValidationTextType;
+    hasValidationStateIcon?: ValidationState;
+}
+export interface RequiredProps {
+    id: string;
+}
+export type InputPositionKeys = keyof typeof InputPositions;
+export type InputPositionType = (typeof InputPositions)[InputPositionKeys];

package/dist/src/types/shared/router.d.ts

@@ -0,0 +1,3 @@
+export interface RouterLinkProps {
+    routerOptions?: Record<string, unknown>;
+}

package/dist/src/types/skeleton.d.ts

@@ -0,0 +1,20 @@
+import { ElementType } from 'react';
+import { BorderRadiiDictionaryType, ChildrenProps, PolymorphicComponentProps, SingleOrResponsive, SizeExtendedDictionaryType, StyleProps } from './shared';
+export type SkeletonSize<C> = SizeExtendedDictionaryType | C;
+export type SkeletonRadius<C> = SingleOrResponsive<BorderRadiiDictionaryType> | C;
+export interface SkeletonProps extends ChildrenProps, StyleProps {
+}
+export interface SkeletonStyleProps<C = void> {
+    width: number;
+    height: number;
+    borderRadius?: SkeletonRadius<C>;
+}
+export interface SkeletonBaseProps<C = void> extends SkeletonProps {
+    size?: SkeletonSize<C>;
+    lines?: number;
+}
+export type SpiritSkeletonProps<E extends ElementType = 'div', C = void> = PolymorphicComponentProps<E, SkeletonBaseProps<C>>;
+export type SkeletonShapeStyleProps<T extends ElementType = 'div', C = void> = Pick<SpiritSkeletonShapeProps<T, C>, keyof SkeletonStyleProps<C>>;
+export interface SkeletonShapeBaseProps<C = void> extends SkeletonProps, SkeletonStyleProps<C> {
+}
+export type SpiritSkeletonShapeProps<E extends ElementType = 'div', C = void> = PolymorphicComponentProps<E, SkeletonShapeBaseProps<C>>;

package/dist/src/types/skipLink.d.ts

@@ -0,0 +1,11 @@
+import { ElementType } from 'react';
+import { LinkTarget } from './link';
+import { ChildrenProps, StyleProps } from './shared';
+export interface SkipLinkBaseProps extends ChildrenProps, StyleProps {
+    href?: string;
+    target?: LinkTarget;
+}
+export type SkipLinkProps<E extends ElementType = 'a'> = {
+    elementType?: E;
+} & SkipLinkBaseProps;
+export type SpiritSkipLinkProps<E extends ElementType = 'a'> = SkipLinkProps<E>;

package/dist/src/types/splitButton.d.ts

@@ -0,0 +1,27 @@
+import { ButtonSize } from './button';
+import { ChildrenProps, ComponentButtonColorNamesType, PlacementDictionaryType, SpiritDivElementProps, StyleProps } from './shared';
+export interface SplitButtonProps extends StyleProps, ChildrenProps, Omit<SpiritDivElementProps, 'color'> {
+}
+export type SplitButtonColorType<C> = Exclude<ComponentButtonColorNamesType<C>, 'plain'>;
+export interface SpiritSplitButtonProps<C = void, S = void> extends SplitButtonProps {
+    color?: SplitButtonColorType<C>;
+    isDisabled?: boolean;
+    size?: ButtonSize<S>;
+}
+export type UncontrolledSplitButtonProps<C = void, S = void> = {
+    buttonLabel: string;
+    buttonOnClick: () => void;
+    dropdownTriggerIconName?: string;
+    dropdownTriggerLabel?: string;
+    dropdownPlacement?: PlacementDictionaryType;
+    id: string;
+    isButtonLabelHidden?: boolean;
+    isDisabled?: boolean;
+    isDropdownTriggerLabelHidden?: boolean;
+} & ({
+    isButtonLabelHidden?: true;
+    buttonIconName: string;
+} | {
+    isButtonLabelHidden?: false;
+    buttonIconName?: string;
+}) & SpiritSplitButtonProps<C, S>;