npm - @pega/cosmos-react-core - Versions diffs - 9.0.0-build.9.9 → 9.0.0 - Mend

@pega/cosmos-react-core 9.0.0-build.9.9 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1414) hide show

package/lib/components/File/FileList.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type { PropsWithoutRef } from 'react';
 import type { WithAttributes } from '../../types';
 import type { FileDisplayProps } from './FileDisplay';
 import type { FileItemProps } from './FileItem';
-interface CommonFileProps {
+export interface CommonFileProps {
     onDownloadAll?: () => void;
 }
 export type FileListProps = WithAttributes<'div', (CommonFileProps & {
@@ -14,7 +14,189 @@ export type FileListProps = WithAttributes<'div', (CommonFileProps & {
     items: FileItemProps[];
     disabled?: boolean;
 })>;
-export declare const StyledFileList: import("styled-components").StyledComponent<import("../../types").ForwardRefForwardPropsComponent<import("../Grid").GridProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFileList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "xs">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "xl">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "sm">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "md">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "lg">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}), import("styled-components/dist/types").BaseObject>> & string & Omit<import("../../types").ForwardRefForwardPropsComponent<import("../Grid").GridProps>, keyof import("react").Component<any, {}, any>>;
 declare const FileList: import("react").ForwardRefExoticComponent<PropsWithoutRef<FileListProps> & import("react").RefAttributes<HTMLDivElement>>;
 export default FileList;
 //# sourceMappingURL=FileList.d.ts.map

package/lib/components/File/FileList.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileList.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,aAAa,CAAC;AAW9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD,~~UAAU~~,eAAe;~~IACvB~~,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CACxC,KAAK,EACH,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC,GACF,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CACL,CAAC;AAEF,eAAO,MAAM,cAAc,~~sLAI1B,~~CAAC;AAuBF,QAAA,MAAM,QAAQ,2HAwDb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"FileList.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,aAAa,CAAC;AAW9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CACxC,KAAK,EACH,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC,GACF,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CACL,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0MAI1B,CAAC;AAuBF,QAAA,MAAM,QAAQ,2HAwDb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/File/FileList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileList.js","sourceRoot":"","sources":["../../../src/components/File/FileList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { RefElement, WithAttributes } from '../../types';\nimport { useBreakpoint, useConsolidatedRef, useI18n, usePrevious } from '../../hooks';\nimport Grid from '../Grid';\nimport { StyledLink } from '../Link';\nimport { getActiveElement, getFocusables } from '../../utils';\nimport Flex from '../Flex';\nimport Button from '../Button';\nimport { defaultThemeProp } from '../../theme';\nimport { calculateFontSize, type FontSize } from '../../styles';\nimport { ellipsisOverflow } from '../../styles/mixins';\n\nimport type { FileDisplayProps } from './FileDisplay';\nimport type { FileItemProps } from './FileItem';\nimport FileDisplay from './FileDisplay';\nimport FileItem from './FileItem';\n\~~ninterface~~ CommonFileProps {\n onDownloadAll?: () => void;\n}\n\nexport type FileListProps = WithAttributes<\n 'div',\n \| (CommonFileProps & {\n type: 'display';\n items: FileDisplayProps[];\n disabled?: never;\n })\n \| (CommonFileProps & {\n type: 'item';\n items: FileItemProps[];\n disabled?: boolean;\n })\n>;\n\nexport const StyledFileList = styled(Grid)`\n ${StyledLink} + ${StyledLink} {\n margin-inline-start: unset;\n }\n`;\n\nconst StyledDownloadAllButton = styled.button(\n ({\n theme: {\n components: { text },\n base: { 'font-size': fontSize, 'font-scale': fontScale, spacing }\n }\n }) => {\n const fontSizes = calculateFontSize(fontSize, fontScale);\n return css`\n font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n ${ellipsisOverflow}\n flex-shrink: 1;\n width: fit-content;\n margin-inline-start: calc(0.5 * ${spacing});\n margin-block-end: calc(0.5 * ${spacing});\n `;\n }\n);\n\nStyledDownloadAllButton.defaultProps = defaultThemeProp;\n\nconst FileList = forwardRef<RefElement<FileListProps>, PropsWithoutRef<FileListProps>>(\n function FileList({ type, items, onDownloadAll, disabled = false, ...restProps }, ref) {\n const listRef = useConsolidatedRef(ref);\n const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: listRef });\n const t = useI18n();\n\n const prevItems = usePrevious(items);\n const activeElementContained = listRef.current?.contains(getActiveElement());\n\n useEffect(() => {\n // Early exit when focus doesn't need to be grabbed\n if (\n items.length === 0 \|\|\n !activeElementContained \|\|\n listRef.current?.contains(getActiveElement())\n ) {\n return;\n }\n\n prevItems?.forEach((item, oldIndex) => {\n const newIndex = items.findIndex(newItem => {\n return item.id === newItem.id;\n });\n\n if (newIndex === -1 && listRef.current) {\n if (oldIndex === prevItems.length - 1) {\n // Move the focus to previous element when last element is removed\n getFocusables(listRef.current.children[items.length - 1])[0]?.focus();\n } else {\n // Otherwise, Move the focus to next element\n getFocusables(listRef.current.children[oldIndex])[0]?.focus();\n }\n }\n });\n }, [items]);\n\n return (\n <Flex container={{ direction: 'column', gap: 1 }}>\n <Grid\n {...restProps}\n ref={listRef}\n container={{ gap: 0.5, cols: isSmallOrAbove ? 'repeat(2, 1fr)' : '1fr' }}\n as={StyledFileList}\n >\n {type === 'display'\n ? items.map(item => <FileDisplay key={item.id} {...item} />)\n : items.map(item => <FileItem key={item.id} {...item} disabled={disabled} />)}\n </Grid>\n {onDownloadAll && items.length > 1 && (\n <Button as={StyledDownloadAllButton} onClick={onDownloadAll} variant='link'>\n {t('download_all')}\n </Button>\n )}\n </Flex>\n );\n }\n);\n\nexport default FileList;\n"]}
1	+ {"version":3,"file":"FileList.js","sourceRoot":"","sources":["../../../src/components/File/FileList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { RefElement, WithAttributes } from '../../types';\nimport { useBreakpoint, useConsolidatedRef, useI18n, usePrevious } from '../../hooks';\nimport Grid from '../Grid';\nimport { StyledLink } from '../Link';\nimport { getActiveElement, getFocusables } from '../../utils';\nimport Flex from '../Flex';\nimport Button from '../Button';\nimport { defaultThemeProp } from '../../theme';\nimport { calculateFontSize, type FontSize } from '../../styles';\nimport { ellipsisOverflow } from '../../styles/mixins';\n\nimport type { FileDisplayProps } from './FileDisplay';\nimport type { FileItemProps } from './FileItem';\nimport FileDisplay from './FileDisplay';\nimport FileItem from './FileItem';\n\nexport interface CommonFileProps {\n onDownloadAll?: () => void;\n}\n\nexport type FileListProps = WithAttributes<\n 'div',\n \| (CommonFileProps & {\n type: 'display';\n items: FileDisplayProps[];\n disabled?: never;\n })\n \| (CommonFileProps & {\n type: 'item';\n items: FileItemProps[];\n disabled?: boolean;\n })\n>;\n\nexport const StyledFileList = styled(Grid)`\n ${StyledLink} + ${StyledLink} {\n margin-inline-start: unset;\n }\n`;\n\nconst StyledDownloadAllButton = styled.button(\n ({\n theme: {\n components: { text },\n base: { 'font-size': fontSize, 'font-scale': fontScale, spacing }\n }\n }) => {\n const fontSizes = calculateFontSize(fontSize, fontScale);\n return css`\n font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n ${ellipsisOverflow}\n flex-shrink: 1;\n width: fit-content;\n margin-inline-start: calc(0.5 * ${spacing});\n margin-block-end: calc(0.5 * ${spacing});\n `;\n }\n);\n\nStyledDownloadAllButton.defaultProps = defaultThemeProp;\n\nconst FileList = forwardRef<RefElement<FileListProps>, PropsWithoutRef<FileListProps>>(\n function FileList({ type, items, onDownloadAll, disabled = false, ...restProps }, ref) {\n const listRef = useConsolidatedRef(ref);\n const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: listRef });\n const t = useI18n();\n\n const prevItems = usePrevious(items);\n const activeElementContained = listRef.current?.contains(getActiveElement());\n\n useEffect(() => {\n // Early exit when focus doesn't need to be grabbed\n if (\n items.length === 0 \|\|\n !activeElementContained \|\|\n listRef.current?.contains(getActiveElement())\n ) {\n return;\n }\n\n prevItems?.forEach((item, oldIndex) => {\n const newIndex = items.findIndex(newItem => {\n return item.id === newItem.id;\n });\n\n if (newIndex === -1 && listRef.current) {\n if (oldIndex === prevItems.length - 1) {\n // Move the focus to previous element when last element is removed\n getFocusables(listRef.current.children[items.length - 1])[0]?.focus();\n } else {\n // Otherwise, Move the focus to next element\n getFocusables(listRef.current.children[oldIndex])[0]?.focus();\n }\n }\n });\n }, [items]);\n\n return (\n <Flex container={{ direction: 'column', gap: 1 }}>\n <Grid\n {...restProps}\n ref={listRef}\n container={{ gap: 0.5, cols: isSmallOrAbove ? 'repeat(2, 1fr)' : '1fr' }}\n as={StyledFileList}\n >\n {type === 'display'\n ? items.map(item => <FileDisplay key={item.id} {...item} />)\n : items.map(item => <FileItem key={item.id} {...item} disabled={disabled} />)}\n </Grid>\n {onDownloadAll && items.length > 1 && (\n <Button as={StyledDownloadAllButton} onClick={onDownloadAll} variant='link'>\n {t('download_all')}\n </Button>\n )}\n </Flex>\n );\n }\n);\n\nexport default FileList;\n"]}

package/lib/components/File/FileUploadItem.js CHANGED Viewed

@@ -115,7 +115,7 @@ const FileUploadItem = forwardRef(function FileUploadItem({ name, meta, error =
                 setThumbnailError(true);
             } }));
     }, [progress, thumbnail, thumbnailError]);
-    return (_jsx(StyledFileUploadItem, { ...restProps, forwardedAs: 'li', hasThumbnail: thumbnail && !thumbnailError && (progress === 100 || progress === undefined) && !error, ref: ref, visual: visual, primary: name, secondary: metaContent, actions: actions, overflowStrategy: 'ellipsis', disabled: disabled }));
+    return (_jsx(StyledFileUploadItem, { ...restProps, forwardedAs: 'li', hasThumbnail: !!thumbnail && !thumbnailError && (progress === 100 || progress === undefined) && !error, ref: ref, visual: visual, primary: name, secondary: metaContent, actions: actions, overflowStrategy: 'ellipsis', disabled: disabled }));
 });
 export default FileUploadItem;
 //# sourceMappingURL=FileUploadItem.js.map

package/lib/components/File/FileUploadItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploadItem.js","sourceRoot":"","sources":["../../../src/components/File/FileUploadItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useMemo, useState } from 'react';\nimport type { PropsWithoutRef, Ref, ReactElement, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Button, { StyledButton } from '../Button';\nimport Icon from '../Icon';\nimport MenuButton from '../MenuButton';\nimport MetaList from '../MetaList';\nimport SummaryItem, {\n StyledPrimary,\n StyledSecondary,\n StyledSummaryItemActions,\n StyledVisual\n} from '../SummaryItem';\nimport Progress, { StyledProgressRing } from '../Progress';\nimport Text from '../Text';\nimport type { ForwardRefForwardPropsComponent, BaseProps, NoChildrenProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { useI18n } from '../../hooks';\n\nimport FileVisual from './FileVisual';\nimport { getKindFromMimeType, getMimeTypeFromFile } from './utils';\n\nexport interface FileUploadItemProps extends BaseProps, NoChildrenProp {\n /** Name of the file. /\n name: string;\n /* Id applied to upload item /\n id?: string;\n /* File blob /\n File?: File;\n /* A FileUploadVisual element to represent the file. /\n visual?: ReactElement;\n /* Additional information about the file. If progress prop is passed and its value is less than 100, this region is instead used for the upload progress indicator. /\n meta?: string \| string[];\n /* When passed, will render a single icon button for yet to be or in progress uploads. Use this action to trigger xhr request termination. /\n onCancel?: (name: FileUploadItemProps['name']) => void;\n /* When passed, will render a single icon button or within a MenuButton if other actions are defined. /\n onEdit?: (name: FileUploadItemProps['name']) => void;\n /* When passed, will render a single icon button or within a MenuButton if other actions are defined. /\n onPreview?: (name: FileUploadItemProps['name']) => void;\n /* When passed, will render a single icon button or within a MenuButton if other actions are defined. /\n onDownload?: (name: FileUploadItemProps['name']) => void;\n /* When passed, will render a single icon button or within a MenuButton if other actions are defined. /\n onDelete?: (name: FileUploadItemProps['name']) => void;\n /\n Set if there is an error uploading or processing the file. Applies error styling to the meta string passed.\n * @default false\n /\n error?: boolean;\n /* A string to be used as an image src for a attachment thumbnail. Falls back to a provided icon or the default attachment icon. /\n thumbnail?: string;\n /* If the attachment is in an upload state, pass progress as a number between 0-100 representing the percentage of progress. /\n progress?: number;\n /* The size of the file. /\n size?: number;\n /* Determines if upload item will be disabled /\n disabled?: boolean;\n /* A ref to the file item's HTMLLIElement. /\n ref?: Ref<HTMLLIElement>;\n}\n\ninterface FileAction {\n fn: (name: FileUploadItemProps['name']) => void;\n text: string;\n icon: string;\n}\n\nconst StyledFileUploadItem = styled(SummaryItem)<{ hasThumbnail: boolean; disabled: boolean }>(({\n hasThumbnail,\n disabled,\n theme\n}) => {\n return css`\n border: 0.0625rem solid ${theme.base.palette['border-line']};\n border-radius: calc(0.5 ${theme.base['border-radius']});\n background-color: ${theme.base.palette['primary-background']};\n padding: calc(0.5 * ${theme.base.spacing});\n min-height: 3rem;\n\n ${disabled &&\n css`\n opacity: ${theme.base['disabled-opacity']};\n\n ${StyledButton}:disabled {\n opacity: unset;\n }\n `}\n\n ${StyledProgressRing} {\n height: ${theme.components.input.height};\n width: ${theme.components.input.height};\n }\n\n ${hasThumbnail &&\n css`\n height: calc(6rem + ${theme.base.spacing});\n grid-row: span 2;\n grid-template-columns: auto minmax(0, 1fr) auto;\n\n ${StyledVisual} {\n align-self: auto;\n width: calc(6rem - 0.125rem);\n height: calc(6rem - 0.125rem);\n }\n\n ${StyledPrimary} {\n align-self: start;\n margin-block-start: calc(0.5 * ${theme.base.spacing});\n }\n\n ${StyledSecondary} {\n grid-area: primary;\n align-self: center;\n margin-block-start: calc(3 * ${theme.base.spacing});\n }\n\n ${StyledSummaryItemActions} {\n align-self: start;\n }\n `}\n `;\n});\n\nStyledFileUploadItem.defaultProps = defaultThemeProp;\n\n/*\n @deprecated\n * Deprecating in favour of new file components\n */\nconst FileUploadItem: ForwardRefForwardPropsComponent<FileUploadItemProps> = forwardRef(\n function FileUploadItem(\n {\n name,\n meta,\n error = false,\n progress,\n thumbnail,\n onCancel,\n onEdit,\n onPreview,\n onDownload,\n onDelete,\n size,\n disabled,\n ...restProps\n }: PropsWithoutRef<FileUploadItemProps>,\n ref: FileUploadItemProps['ref']\n ) {\n const t = useI18n();\n const [thumbnailError, setThumbnailError] = useState(false);\n\n const definedActions: FileAction[] = useMemo(\n () =>\n [\n { fn: onCancel, text: t('cancel'), icon: 'times' },\n { fn: onEdit, text: t('edit'), icon: 'pencil' },\n { fn: onPreview, text: t('preview'), icon: 'eye' },\n { fn: onDownload, text: t('download'), icon: 'download' },\n { fn: onDelete, text: t('delete'), icon: 'trash' }\n ].filter<FileAction>((action): action is FileAction => !!action.fn),\n [onCancel, onEdit, onPreview, onDownload, onDelete]\n );\n\n let metaContent: ReactNode = meta;\n let actions: ReactElement \| undefined;\n\n const type = getKindFromMimeType(getMimeTypeFromFile(name) ?? '');\n\n if (typeof progress === 'number' && progress < 100) {\n metaContent = `${t('uploading')}…${Math.floor(progress)}%`;\n }\n\n if (Array.isArray(metaContent)) {\n metaContent = (\n <MetaList\n items={metaContent.map((item, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <Text key={i} variant='secondary' status={error ? 'error' : undefined}>\n {item}\n </Text>\n ))}\n />\n );\n } else if (typeof metaContent === 'string') {\n metaContent = (\n <Text variant='secondary' status={error ? 'error' : undefined}>\n {metaContent}\n </Text>\n );\n }\n\n if (definedActions.length === 1) {\n const action = definedActions[0];\n\n actions = (\n <Button\n icon\n variant='simple'\n disabled={disabled}\n onClick={() => action.fn?.(name)}\n aria-label={`${action.text} ${name}`}\n >\n <Icon name={action.icon} />\n </Button>\n );\n } else if (definedActions.length > 1) {\n actions = (\n <MenuButton\n text={t('actions')}\n iconOnly\n icon='more'\n variant='simple'\n disabled={disabled}\n menu={{\n items: definedActions.map(action => ({\n id: action.text,\n primary: action.text,\n onClick: () => {\n action.fn(name);\n }\n }))\n }}\n />\n );\n }\n\n const visual = useMemo(() => {\n if (typeof progress === 'number' && progress !== 100) {\n return <Progress value={progress} placement='inline' variant='ring' />;\n }\n\n return (\n <FileVisual\n type={type}\n thumbnail={thumbnailError ? undefined : thumbnail}\n onThumbnailError={() => {\n setThumbnailError(true);\n }}\n />\n );\n }, [progress, thumbnail, thumbnailError]);\n\n return (\n <StyledFileUploadItem\n {...restProps}\n forwardedAs='li'\n hasThumbnail={\n thumbnail && !thumbnailError && (progress === 100 \|\| progress === undefined) && !error\n }\n ref={ref}\n visual={visual}\n primary={name}\n secondary={metaContent}\n actions={actions}\n overflowStrategy='ellipsis'\n disabled={disabled}\n />\n );\n }\n);\n\nexport default FileUploadItem;\n"]}
1	+ {"version":3,"file":"FileUploadItem.js","sourceRoot":"","sources":["../../../src/components/File/FileUploadItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useMemo, useState } from 'react';\nimport type { PropsWithoutRef, Ref, ReactElement, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Button, { StyledButton } from '../Button';\nimport Icon from '../Icon';\nimport MenuButton from '../MenuButton';\nimport MetaList from '../MetaList';\nimport SummaryItem, {\n StyledPrimary,\n StyledSecondary,\n StyledSummaryItemActions,\n StyledVisual\n} from '../SummaryItem';\nimport Progress, { StyledProgressRing } from '../Progress';\nimport Text from '../Text';\nimport type { ForwardRefForwardPropsComponent, BaseProps, NoChildrenProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { useI18n } from '../../hooks';\n\nimport FileVisual from './FileVisual';\nimport { getKindFromMimeType, getMimeTypeFromFile } from './utils';\n\nexport interface FileUploadItemProps extends BaseProps, NoChildrenProp {\n /** Name of the file. /\n name: string;\n /* Id applied to upload item /\n id?: string;\n /* File blob /\n File?: File;\n /* A FileUploadVisual element to represent the file. /\n visual?: ReactElement;\n /* Additional information about the file. If progress prop is passed and its value is less than 100, this region is instead used for the upload progress indicator. /\n meta?: string \| string[];\n /* When passed, will render a single icon button for yet to be or in progress uploads. Use this action to trigger xhr request termination. /\n onCancel?: (name: FileUploadItemProps['name']) => void;\n /* When passed, will render a single icon button or within a MenuButton if other actions are defined. /\n onEdit?: (name: FileUploadItemProps['name']) => void;\n /* When passed, will render a single icon button or within a MenuButton if other actions are defined. /\n onPreview?: (name: FileUploadItemProps['name']) => void;\n /* When passed, will render a single icon button or within a MenuButton if other actions are defined. /\n onDownload?: (name: FileUploadItemProps['name']) => void;\n /* When passed, will render a single icon button or within a MenuButton if other actions are defined. /\n onDelete?: (name: FileUploadItemProps['name']) => void;\n /\n Set if there is an error uploading or processing the file. Applies error styling to the meta string passed.\n * @default false\n /\n error?: boolean;\n /* A string to be used as an image src for a attachment thumbnail. Falls back to a provided icon or the default attachment icon. /\n thumbnail?: string;\n /* If the attachment is in an upload state, pass progress as a number between 0-100 representing the percentage of progress. /\n progress?: number;\n /* The size of the file. /\n size?: number;\n /* Determines if upload item will be disabled /\n disabled?: boolean;\n /* A ref to the file item's HTMLLIElement. /\n ref?: Ref<HTMLLIElement>;\n}\n\ninterface FileAction {\n fn: (name: FileUploadItemProps['name']) => void;\n text: string;\n icon: string;\n}\n\nconst StyledFileUploadItem = styled(SummaryItem)<{ hasThumbnail?: boolean; disabled?: boolean }>(({\n hasThumbnail,\n disabled,\n theme\n}) => {\n return css`\n border: 0.0625rem solid ${theme.base.palette['border-line']};\n border-radius: calc(0.5 ${theme.base['border-radius']});\n background-color: ${theme.base.palette['primary-background']};\n padding: calc(0.5 * ${theme.base.spacing});\n min-height: 3rem;\n\n ${disabled &&\n css`\n opacity: ${theme.base['disabled-opacity']};\n\n ${StyledButton}:disabled {\n opacity: unset;\n }\n `}\n\n ${StyledProgressRing} {\n height: ${theme.components.input.height};\n width: ${theme.components.input.height};\n }\n\n ${hasThumbnail &&\n css`\n height: calc(6rem + ${theme.base.spacing});\n grid-row: span 2;\n grid-template-columns: auto minmax(0, 1fr) auto;\n\n ${StyledVisual} {\n align-self: auto;\n width: calc(6rem - 0.125rem);\n height: calc(6rem - 0.125rem);\n }\n\n ${StyledPrimary} {\n align-self: start;\n margin-block-start: calc(0.5 * ${theme.base.spacing});\n }\n\n ${StyledSecondary} {\n grid-area: primary;\n align-self: center;\n margin-block-start: calc(3 * ${theme.base.spacing});\n }\n\n ${StyledSummaryItemActions} {\n align-self: start;\n }\n `}\n `;\n});\n\nStyledFileUploadItem.defaultProps = defaultThemeProp;\n\n/*\n @deprecated\n * Deprecating in favour of new file components\n */\nconst FileUploadItem: ForwardRefForwardPropsComponent<FileUploadItemProps> = forwardRef(\n function FileUploadItem(\n {\n name,\n meta,\n error = false,\n progress,\n thumbnail,\n onCancel,\n onEdit,\n onPreview,\n onDownload,\n onDelete,\n size,\n disabled,\n ...restProps\n }: PropsWithoutRef<FileUploadItemProps>,\n ref: FileUploadItemProps['ref']\n ) {\n const t = useI18n();\n const [thumbnailError, setThumbnailError] = useState(false);\n\n const definedActions: FileAction[] = useMemo(\n () =>\n [\n { fn: onCancel, text: t('cancel'), icon: 'times' },\n { fn: onEdit, text: t('edit'), icon: 'pencil' },\n { fn: onPreview, text: t('preview'), icon: 'eye' },\n { fn: onDownload, text: t('download'), icon: 'download' },\n { fn: onDelete, text: t('delete'), icon: 'trash' }\n ].filter<FileAction>((action): action is FileAction => !!action.fn),\n [onCancel, onEdit, onPreview, onDownload, onDelete]\n );\n\n let metaContent: ReactNode = meta;\n let actions: ReactElement \| undefined;\n\n const type = getKindFromMimeType(getMimeTypeFromFile(name) ?? '');\n\n if (typeof progress === 'number' && progress < 100) {\n metaContent = `${t('uploading')}…${Math.floor(progress)}%`;\n }\n\n if (Array.isArray(metaContent)) {\n metaContent = (\n <MetaList\n items={metaContent.map((item, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <Text key={i} variant='secondary' status={error ? 'error' : undefined}>\n {item}\n </Text>\n ))}\n />\n );\n } else if (typeof metaContent === 'string') {\n metaContent = (\n <Text variant='secondary' status={error ? 'error' : undefined}>\n {metaContent}\n </Text>\n );\n }\n\n if (definedActions.length === 1) {\n const action = definedActions[0];\n\n actions = (\n <Button\n icon\n variant='simple'\n disabled={disabled}\n onClick={() => action.fn?.(name)}\n aria-label={`${action.text} ${name}`}\n >\n <Icon name={action.icon} />\n </Button>\n );\n } else if (definedActions.length > 1) {\n actions = (\n <MenuButton\n text={t('actions')}\n iconOnly\n icon='more'\n variant='simple'\n disabled={disabled}\n menu={{\n items: definedActions.map(action => ({\n id: action.text,\n primary: action.text,\n onClick: () => {\n action.fn(name);\n }\n }))\n }}\n />\n );\n }\n\n const visual = useMemo(() => {\n if (typeof progress === 'number' && progress !== 100) {\n return <Progress value={progress} placement='inline' variant='ring' />;\n }\n\n return (\n <FileVisual\n type={type}\n thumbnail={thumbnailError ? undefined : thumbnail}\n onThumbnailError={() => {\n setThumbnailError(true);\n }}\n />\n );\n }, [progress, thumbnail, thumbnailError]);\n\n return (\n <StyledFileUploadItem\n {...restProps}\n forwardedAs='li'\n hasThumbnail={\n !!thumbnail && !thumbnailError && (progress === 100 \|\| progress === undefined) && !error\n }\n ref={ref}\n visual={visual}\n primary={name}\n secondary={metaContent}\n actions={actions}\n overflowStrategy='ellipsis'\n disabled={disabled}\n />\n );\n }\n);\n\nexport default FileUploadItem;\n"]}

package/lib/components/File/FileVisual.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import type { Ref, SyntheticEvent } from 'react';
-import type { DefaultTheme } from 'styled-components';
 import type { ForwardRefForwardPropsComponent, BaseProps } from '../../types';
 import type { AttachmentType } from './utils';
 export interface FileVisualProps extends BaseProps {
@@ -12,8 +11,10 @@ export interface FileVisualProps extends BaseProps {
     /** Reference to a button element. */
     ref?: Ref<HTMLDivElement>;
 }
-export declare const StyledFileVisual: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledTextFrame: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const StyledFileVisual: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTextFrame: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
 declare const FileVisual: ForwardRefForwardPropsComponent<FileVisualProps>;
 export default FileVisual;
 //# sourceMappingURL=FileVisual.d.ts.map

package/lib/components/File/FileVisual.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileVisual.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileVisual.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,GAAG,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;~~AAEjF~~,OAAO,KAAK,EAAE~~,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,KAAK,EAAE~~,+BAA+B,EAAE,SAAS,EAAc,MAAM,aAAa,CAAC;AAM1F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,oFAAoF;IACpF,IAAI,EAAE,cAAc,CAAC;IACrB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,qCAAqC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAmED,eAAO,MAAM,gBAAgB,~~6EAAe~~,CAAC;AAE7C,eAAO,MAAM,eAAe,~~6EA0B1B,~~CAAC;AAuBH,QAAA,MAAM,UAAU,EAAE,+BAA+B,CAAC,eAAe,CAmD/D,CAAC;AAEH,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"FileVisual.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileVisual.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,GAAG,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAKjF,OAAO,KAAK,EAAE,+BAA+B,EAAE,SAAS,EAAc,MAAM,aAAa,CAAC;AAM1F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,oFAAoF;IACpF,IAAI,EAAE,cAAc,CAAC;IACrB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,qCAAqC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAmED,eAAO,MAAM,gBAAgB,6NAAe,CAAC;AAE7C,eAAO,MAAM,eAAe;;mBA0B1B,CAAC;AAuBH,QAAA,MAAM,UAAU,EAAE,+BAA+B,CAAC,eAAe,CAmD/D,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/lib/components/Flex/Flex.d.ts CHANGED Viewed

@@ -73,7 +73,7 @@ export type FlexProps = RequireAtLeastOne<BaseFlexProps & BaseProps & AsProp & {
     /** Override props at extra large screen sizes and above. */
     xl?: BreakpointFlexProps;
 }, 'container' | 'item' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
-export declare const StyledFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FlexProps, never>;
+export declare const StyledFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexProps>> & string;
 declare const Flex: ForwardRefForwardPropsComponent<FlexProps>;
 export default Flex;
 //# sourceMappingURL=Flex.d.ts.map

package/lib/components/Flex/Flex.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"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~~gHAqCtB~~,CAAC;AAIF,QAAA,MAAM,IAAI,EAAE,+BAA+B,CAAC,SAAS,CAKnD,CAAC;AAEH,eAAe,IAAI,CAAC"}
1	+ {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"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"}

package/lib/components/Flex/Flex.js CHANGED Viewed

@@ -89,7 +89,7 @@ const getContainerStyles = (container, spacing) => {
             css `
           > * {
             margin-${isRow ? 'inline-start' : 'block-start'}: calc(${container.itemGap} * ${props => props.theme.base.spacing});
-            ${isReverse ? ':last-child' : ':first-child'} {
+            ${isReverse ? '&:last-child' : '&:first-child'} {
               margin-${isRow ? 'inline-start' : 'block-start'}: 0;
             }
           }

package/lib/components/Flex/Flex.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef, Ref, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type {\n ForwardRefForwardPropsComponent,\n BaseProps,\n AsProp,\n RequireAtLeastOne\n} from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\ntype PaddingValue = number \| undefined;\n\nexport interface FlexContainerProps {\n /** Display as inline-flex. /\n inline?: boolean;\n /* Padding on the container represented as a multiplier or set of multipliers to the base spacing value in the theme. /\n pad?:\n \| number\n \| [blockInline: PaddingValue]\n \| [block: PaddingValue, inline: PaddingValue]\n \| [blockStart: PaddingValue, inline: PaddingValue, blockEnd: PaddingValue]\n \| [\n blockStart: PaddingValue,\n inlineEnd: PaddingValue,\n inlineStart: PaddingValue,\n blockEnd: PaddingValue\n ];\n /* [flex-direction](https://css-tricks.com/almanac/properties/f/flex-direction/) /\n direction?: 'row' \| 'row-reverse' \| 'column' \| 'column-reverse';\n /* [justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) /\n justify?: 'start' \| 'end' \| 'center' \| 'between' \| 'around' \| 'evenly' \| 'stretch';\n /* [flex-wrap](https://css-tricks.com/almanac/properties/f/flex-wrap/) /\n wrap?: 'wrap' \| 'nowrap' \| 'wrap-reverse';\n /* [align-items](https://css-tricks.com/almanac/properties/a/align-items/). /\n alignItems?: 'stretch' \| 'start' \| 'end' \| 'center' \| 'baseline';\n /* [align-content](https://css-tricks.com/almanac/properties/a/align-content/) /\n alignContent?: 'start' \| 'end' \| 'center' \| 'between' \| 'around' \| 'stretch';\n /\n Defines how much equal space to place between items represented as a multiplier to the base spacing value in the theme.\n * @deprecated\n /\n itemGap?: number;\n /\n Defines how much equal space to place between columns represented as a multiplier to the base spacing value in the theme.\n * [column-gap](https://css-tricks.com/almanac/properties/c/column-gap/)\n /\n colGap?: number;\n /\n Defines how much equal space to place between rows represented as a multiplier to the base spacing value in the theme.\n * [row-gap](https://css-tricks.com/almanac/properties/r/row-gap/)\n /\n rowGap?: number;\n /\n Defines how much equal space to place between both rows and columns represented as a multiplier to the base spacing value in the theme.\n * [gap](https://css-tricks.com/almanac/properties/g/gap/)\n /\n gap?: number;\n}\n\nexport interface FlexItemProps {\n /* [align-self](https://css-tricks.com/almanac/properties/a/align-self/) /\n alignSelf?: 'auto' \| 'start' \| 'end' \| 'baseline' \| 'center' \| 'stretch';\n /* [flex-grow](https://css-tricks.com/almanac/properties/f/flex-grow/) /\n grow?: number;\n /* [flex-shrink](https://css-tricks.com/almanac/properties/f/flex-shrink/) /\n shrink?: number;\n /* [flex-basis](https://css-tricks.com/almanac/properties/f/flex-basis/) /\n basis?: string;\n}\n\nexport interface BaseFlexProps {\n container?: FlexContainerProps \| true;\n item?: FlexItemProps;\n}\n\ntype BreakpointFlexProps = RequireAtLeastOne<BaseFlexProps, 'container' \| 'item'>;\n\nexport type FlexProps = RequireAtLeastOne<\n BaseFlexProps &\n BaseProps &\n AsProp & {\n /* Content for either a container or item. /\n children?: ReactNode;\n /* Ref for the flex element. /\n ref?: Ref<Element>;\n /* Override props at extra small screen sizes and above. /\n xs?: BreakpointFlexProps;\n /* Override props at small screen sizes and above. /\n sm?: BreakpointFlexProps;\n /* Override props at medium screen sizes and above. /\n md?: BreakpointFlexProps;\n /* Override props at large screen sizes and above. /\n lg?: BreakpointFlexProps;\n /* Override props at extra large screen sizes and above. /\n xl?: BreakpointFlexProps;\n },\n 'container' \| 'item' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'\n>;\n\nconst prefix = (value: string) => {\n if (['between', 'around', 'evenly'].includes(value)) return `space-${value}`;\n if (['start', 'end'].includes(value)) return `flex-${value}`;\n return value;\n};\n\nconst getLogicalPadding = (pad: FlexContainerProps['pad']) => {\n if (!Array.isArray(pad)) {\n return [pad, pad, pad, pad];\n }\n\n switch (pad.length) {\n case 1:\n return [pad[0], pad[0], pad[0], pad[0]];\n case 2:\n return [pad[0], pad[1], pad[0], pad[1]];\n case 3:\n return [pad[0], pad[1], pad[2], pad[1]];\n case 4:\n return pad;\n default:\n return [undefined, undefined, undefined, undefined];\n }\n};\n\nconst getContainerStyles = (container: FlexProps['container'], spacing: string) => {\n if (!container) return '';\n\n if (container === true) {\n return css`\n display: flex;\n `;\n }\n\n const paddingConfig = getLogicalPadding(container.pad);\n\n if (container && typeof container === 'object') {\n const isRow = !container.direction \|\| container.direction.includes('row');\n const isReverse = container.direction && container.direction.includes('reverse');\n\n return css`\n display: ${container.inline ? 'inline-flex' : 'flex'};\n\n ${paddingConfig[0] !== undefined &&\n css`\n padding-block-start: calc(${paddingConfig[0]} ${spacing});\n `}\n ${paddingConfig[1] !== undefined &&\n css`\n padding-inline-end: calc(${paddingConfig[1]} * ${spacing});\n `}\n\n ${paddingConfig[2] !== undefined &&\n css`\n padding-block-end: calc(${paddingConfig[2]} * ${spacing});\n `}\n\n ${paddingConfig[3] !== undefined &&\n css`\n padding-inline-start: calc(${paddingConfig[3]} * ${spacing});\n `}\n\n ${container.direction &&\n css`\n flex-direction: ${container.direction};\n `}\n\n ${container.justify &&\n css`\n justify-content: ${prefix(container.justify)};\n `}\n\n ${container.wrap &&\n css`\n flex-wrap: ${container.wrap};\n `}\n\n ${container.alignItems &&\n css`\n align-items: ${prefix(container.alignItems)};\n `}\n\n ${container.alignContent &&\n css`\n align-content: ${prefix(container.alignContent)};\n `}\n\n ${container.itemGap &&\n css`\n > * {\n margin-${isRow ? 'inline-start' : 'block-start'}: calc(${container.itemGap} * ${props =>\n props.theme.base.spacing});\n ${isReverse ? ':last-child' : ':first-child'} {\n margin-${isRow ? 'inline-start' : 'block-start'}: 0;\n }\n }\n `}\n\n ${container.gap !== undefined &&\n css`\n gap: calc(${container.gap} * ${props => props.theme.base.spacing});\n `}\n\n ${container.colGap !== undefined &&\n css`\n column-gap: calc(${container.colGap} * ${props => props.theme.base.spacing});\n `}\n\n ${container.rowGap !== undefined &&\n css`\n row-gap: calc(${container.rowGap} * ${props => props.theme.base.spacing});\n `}\n `;\n }\n};\n\nconst getItemStyles = (item: FlexProps['item']) => {\n return css`\n ${item &&\n css`\n max-width: 100%;\n min-width: 0;\n\n ${item.grow !== undefined &&\n css`\n flex-grow: ${item.grow};\n `}\n\n ${item.shrink !== undefined &&\n css`\n flex-shrink: ${item.shrink};\n `}\n\n ${item.alignSelf &&\n css`\n align-self: ${prefix(item.alignSelf)};\n `}\n\n ${item.basis &&\n css`\n flex-basis: ${item.basis};\n `}\n `}\n `;\n};\n\nconst breakpointOrder = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nexport const StyledFlex = styled.div<FlexProps>(\n ({\n container,\n item,\n theme: {\n base: { breakpoints: themeBreakpoints, spacing }\n },\n xs,\n sm,\n md,\n lg,\n xl\n }) => {\n const breakpoints = {\n xs,\n sm,\n md,\n lg,\n xl\n };\n\n return css`\n ${getContainerStyles(container, spacing)}\n ${getItemStyles(item)}\n\n ${breakpointOrder.map(\n breakpoint =>\n breakpoints[breakpoint] &&\n css`\n @media screen and (min-width: ${themeBreakpoints[breakpoint]}) {\n ${getContainerStyles(breakpoints[breakpoint]?.container, spacing)}\n ${getItemStyles(breakpoints[breakpoint]?.item)}\n }\n `\n )}\n `;\n }\n);\n\nStyledFlex.defaultProps = defaultThemeProp;\n\nconst Flex: ForwardRefForwardPropsComponent<FlexProps> = forwardRef(function Flex(\n props: PropsWithoutRef<FlexProps>,\n ref: FlexProps['ref']\n) {\n return <StyledFlex {...props} ref={ref} />;\n});\n\nexport default Flex;\n"]}
1	+ {"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef, Ref, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type {\n ForwardRefForwardPropsComponent,\n BaseProps,\n AsProp,\n RequireAtLeastOne\n} from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\ntype PaddingValue = number \| undefined;\n\nexport interface FlexContainerProps {\n /** Display as inline-flex. /\n inline?: boolean;\n /* Padding on the container represented as a multiplier or set of multipliers to the base spacing value in the theme. /\n pad?:\n \| number\n \| [blockInline: PaddingValue]\n \| [block: PaddingValue, inline: PaddingValue]\n \| [blockStart: PaddingValue, inline: PaddingValue, blockEnd: PaddingValue]\n \| [\n blockStart: PaddingValue,\n inlineEnd: PaddingValue,\n inlineStart: PaddingValue,\n blockEnd: PaddingValue\n ];\n /* [flex-direction](https://css-tricks.com/almanac/properties/f/flex-direction/) /\n direction?: 'row' \| 'row-reverse' \| 'column' \| 'column-reverse';\n /* [justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) /\n justify?: 'start' \| 'end' \| 'center' \| 'between' \| 'around' \| 'evenly' \| 'stretch';\n /* [flex-wrap](https://css-tricks.com/almanac/properties/f/flex-wrap/) /\n wrap?: 'wrap' \| 'nowrap' \| 'wrap-reverse';\n /* [align-items](https://css-tricks.com/almanac/properties/a/align-items/). /\n alignItems?: 'stretch' \| 'start' \| 'end' \| 'center' \| 'baseline';\n /* [align-content](https://css-tricks.com/almanac/properties/a/align-content/) /\n alignContent?: 'start' \| 'end' \| 'center' \| 'between' \| 'around' \| 'stretch';\n /\n Defines how much equal space to place between items represented as a multiplier to the base spacing value in the theme.\n * @deprecated\n /\n itemGap?: number;\n /\n Defines how much equal space to place between columns represented as a multiplier to the base spacing value in the theme.\n * [column-gap](https://css-tricks.com/almanac/properties/c/column-gap/)\n /\n colGap?: number;\n /\n Defines how much equal space to place between rows represented as a multiplier to the base spacing value in the theme.\n * [row-gap](https://css-tricks.com/almanac/properties/r/row-gap/)\n /\n rowGap?: number;\n /\n Defines how much equal space to place between both rows and columns represented as a multiplier to the base spacing value in the theme.\n * [gap](https://css-tricks.com/almanac/properties/g/gap/)\n /\n gap?: number;\n}\n\nexport interface FlexItemProps {\n /* [align-self](https://css-tricks.com/almanac/properties/a/align-self/) /\n alignSelf?: 'auto' \| 'start' \| 'end' \| 'baseline' \| 'center' \| 'stretch';\n /* [flex-grow](https://css-tricks.com/almanac/properties/f/flex-grow/) /\n grow?: number;\n /* [flex-shrink](https://css-tricks.com/almanac/properties/f/flex-shrink/) /\n shrink?: number;\n /* [flex-basis](https://css-tricks.com/almanac/properties/f/flex-basis/) /\n basis?: string;\n}\n\nexport interface BaseFlexProps {\n container?: FlexContainerProps \| true;\n item?: FlexItemProps;\n}\n\ntype BreakpointFlexProps = RequireAtLeastOne<BaseFlexProps, 'container' \| 'item'>;\n\nexport type FlexProps = RequireAtLeastOne<\n BaseFlexProps &\n BaseProps &\n AsProp & {\n /* Content for either a container or item. /\n children?: ReactNode;\n /* Ref for the flex element. /\n ref?: Ref<Element>;\n /* Override props at extra small screen sizes and above. /\n xs?: BreakpointFlexProps;\n /* Override props at small screen sizes and above. /\n sm?: BreakpointFlexProps;\n /* Override props at medium screen sizes and above. /\n md?: BreakpointFlexProps;\n /* Override props at large screen sizes and above. /\n lg?: BreakpointFlexProps;\n /* Override props at extra large screen sizes and above. /\n xl?: BreakpointFlexProps;\n },\n 'container' \| 'item' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'\n>;\n\nconst prefix = (value: string) => {\n if (['between', 'around', 'evenly'].includes(value)) return `space-${value}`;\n if (['start', 'end'].includes(value)) return `flex-${value}`;\n return value;\n};\n\nconst getLogicalPadding = (pad: FlexContainerProps['pad']) => {\n if (!Array.isArray(pad)) {\n return [pad, pad, pad, pad];\n }\n\n switch (pad.length) {\n case 1:\n return [pad[0], pad[0], pad[0], pad[0]];\n case 2:\n return [pad[0], pad[1], pad[0], pad[1]];\n case 3:\n return [pad[0], pad[1], pad[2], pad[1]];\n case 4:\n return pad;\n default:\n return [undefined, undefined, undefined, undefined];\n }\n};\n\nconst getContainerStyles = (container: FlexProps['container'], spacing: string) => {\n if (!container) return '';\n\n if (container === true) {\n return css`\n display: flex;\n `;\n }\n\n const paddingConfig = getLogicalPadding(container.pad);\n\n if (container && typeof container === 'object') {\n const isRow = !container.direction \|\| container.direction.includes('row');\n const isReverse = container.direction && container.direction.includes('reverse');\n\n return css`\n display: ${container.inline ? 'inline-flex' : 'flex'};\n\n ${paddingConfig[0] !== undefined &&\n css`\n padding-block-start: calc(${paddingConfig[0]} ${spacing});\n `}\n ${paddingConfig[1] !== undefined &&\n css`\n padding-inline-end: calc(${paddingConfig[1]} * ${spacing});\n `}\n\n ${paddingConfig[2] !== undefined &&\n css`\n padding-block-end: calc(${paddingConfig[2]} * ${spacing});\n `}\n\n ${paddingConfig[3] !== undefined &&\n css`\n padding-inline-start: calc(${paddingConfig[3]} * ${spacing});\n `}\n\n ${container.direction &&\n css`\n flex-direction: ${container.direction};\n `}\n\n ${container.justify &&\n css`\n justify-content: ${prefix(container.justify)};\n `}\n\n ${container.wrap &&\n css`\n flex-wrap: ${container.wrap};\n `}\n\n ${container.alignItems &&\n css`\n align-items: ${prefix(container.alignItems)};\n `}\n\n ${container.alignContent &&\n css`\n align-content: ${prefix(container.alignContent)};\n `}\n\n ${container.itemGap &&\n css`\n > * {\n margin-${isRow ? 'inline-start' : 'block-start'}: calc(${container.itemGap} * ${props =>\n props.theme.base.spacing});\n ${isReverse ? '&:last-child' : '&:first-child'} {\n margin-${isRow ? 'inline-start' : 'block-start'}: 0;\n }\n }\n `}\n\n ${container.gap !== undefined &&\n css`\n gap: calc(${container.gap} * ${props => props.theme.base.spacing});\n `}\n\n ${container.colGap !== undefined &&\n css`\n column-gap: calc(${container.colGap} * ${props => props.theme.base.spacing});\n `}\n\n ${container.rowGap !== undefined &&\n css`\n row-gap: calc(${container.rowGap} * ${props => props.theme.base.spacing});\n `}\n `;\n }\n};\n\nconst getItemStyles = (item: FlexProps['item']) => {\n return css`\n ${item &&\n css`\n max-width: 100%;\n min-width: 0;\n\n ${item.grow !== undefined &&\n css`\n flex-grow: ${item.grow};\n `}\n\n ${item.shrink !== undefined &&\n css`\n flex-shrink: ${item.shrink};\n `}\n\n ${item.alignSelf &&\n css`\n align-self: ${prefix(item.alignSelf)};\n `}\n\n ${item.basis &&\n css`\n flex-basis: ${item.basis};\n `}\n `}\n `;\n};\n\nconst breakpointOrder = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nexport const StyledFlex = styled.div<FlexProps>(\n ({\n container,\n item,\n theme: {\n base: { breakpoints: themeBreakpoints, spacing }\n },\n xs,\n sm,\n md,\n lg,\n xl\n }) => {\n const breakpoints = {\n xs,\n sm,\n md,\n lg,\n xl\n };\n\n return css`\n ${getContainerStyles(container, spacing)}\n ${getItemStyles(item)}\n\n ${breakpointOrder.map(\n breakpoint =>\n breakpoints[breakpoint] &&\n css`\n @media screen and (min-width: ${themeBreakpoints[breakpoint]}) {\n ${getContainerStyles(breakpoints[breakpoint]?.container, spacing)}\n ${getItemStyles(breakpoints[breakpoint]?.item)}\n }\n `\n )}\n `;\n }\n);\n\nStyledFlex.defaultProps = defaultThemeProp;\n\nconst Flex: ForwardRefForwardPropsComponent<FlexProps> = forwardRef(function Flex(\n props: PropsWithoutRef<FlexProps>,\n ref: FlexProps['ref']\n) {\n return <StyledFlex {...props} ref={ref} />;\n});\n\nexport default Flex;\n"]}