@lumx/core 4.3.2-alpha.9 → 4.4.1-alpha.0

package/js/components/Badge/BadgeWrapperTests.d.ts

@@ -0,0 +1,9 @@
+import { SetupOptions } from '../../../testing';
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    badgeWrapper: HTMLElement;
+    div: HTMLElement;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/components/Badge/Tests.d.ts

@@ -0,0 +1,12 @@
+import { SetupOptions } from '../../../testing';
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    badge: HTMLElement;
+    div: HTMLElement;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/components/Button/Button.d.ts

@@ -0,0 +1,48 @@
+import type { JSXElement, LumxClassName } from '../../types';
+import { BaseButtonProps } from './ButtonRoot';
+/**
+ * Button emphasis definition.
+ * @deprecated Use Emphasis instead.
+ */
+export declare const ButtonEmphasis: {
+    readonly low: "low";
+    readonly medium: "medium";
+    readonly high: "high";
+};
+/**
+ * Defines the props of the component.
+ */
+export interface ButtonProps extends BaseButtonProps {
+    /** Left icon (SVG path). */
+    leftIcon?: string;
+    /** Right icon (SVG path). */
+    rightIcon?: string;
+    /** When `true`, the button gets as large as possible. */
+    fullWidth?: boolean;
+    /** Children */
+    children?: JSXElement;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "Button";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<ButtonProps>;
+/**
+ * Button component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const Button: {
+    (props: ButtonProps): import("react").JSX.Element;
+    displayName: string;
+    className: "lumx-button";
+    defaultProps: Partial<ButtonProps>;
+};

package/js/components/Button/ButtonRoot.d.ts

@@ -0,0 +1,55 @@
+import { ColorPalette, Emphasis, Size } from '../../constants';
+import { HasTheme, HasAriaDisabled, AriaAttributes, HasClassName } from '../../types';
+import { BaseClickableProps } from '../RawClickable';
+/**
+ * Button size definition.
+ */
+export type ButtonSize = Extract<Size, 's' | 'm'>;
+export interface BaseButtonProps extends Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>, HasClassName, HasTheme, HasAriaDisabled, BaseClickableProps {
+    /** Color variant. */
+    color?: ColorPalette;
+    /** Emphasis variant. */
+    emphasis?: Emphasis;
+    /** Whether or not the button has a background color in low emphasis. */
+    hasBackground?: boolean;
+    /** Native anchor href property. It determines whether the Button will be a <button> or an <a>. */
+    href?: string;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is selected or not (unsupported in `high` emphasis). */
+    isSelected?: boolean;
+    /** Native button name property. */
+    name?: string;
+    /** Size variant. */
+    size?: ButtonSize;
+    /** Native anchor target property. */
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    /** Native button type. */
+    type?: 'submit' | 'reset' | 'button' | undefined;
+    /** Custom component for the link (can be used to inject router Link). */
+    linkAs?: 'a' | any;
+    /** whether the button is dispalyed in full width or not */
+    fullWidth?: boolean;
+    /** whether the button is currently active or not */
+    isActive?: boolean;
+    /** whether the button is currently focused or not */
+    isFocused?: boolean;
+    /** whether the button is currently focused or not */
+    isHovered?: boolean;
+}
+export interface ButtonRootProps extends BaseButtonProps {
+    variant: 'button' | 'icon';
+}
+export declare const BUTTON_WRAPPER_CLASSNAME = "lumx-button-wrapper";
+export declare const BUTTON_CLASSNAME = "lumx-button";
+/**
+ * ButtonRoot component.
+ *
+ * @param  props Component props.
+ * @return JSX Element.
+ */
+export declare const ButtonRoot: {
+    (props: ButtonRootProps): import("react").JSX.Element;
+    displayName: string;
+    defaultProps: {};
+};

package/js/components/Button/ButtonRootTests.d.ts

@@ -0,0 +1,12 @@
+import { SetupOptions } from '@lumx/core/testing';
+import { ButtonRootProps } from './ButtonRoot';
+type SetupProps = Partial<ButtonRootProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<ButtonRootProps>) => {
+    props: any;
+    button: HTMLElement;
+};
+declare const _default: (renderOptions: SetupOptions<ButtonRootProps>) => void;
+export default _default;

package/js/components/Button/IconButton.d.ts

@@ -0,0 +1,45 @@
+import { BaseButtonProps } from './ButtonRoot';
+import type { LumxClassName } from '../../types';
+export interface IconButtonProps extends BaseButtonProps {
+    /**
+     * Icon (SVG path).
+     * If `image` is also set, `image` will be used instead.
+     */
+    icon?: string;
+    /**
+     * Image (image url).
+     * Has priority over `icon`.
+     */
+    image?: string;
+    /**
+     * Label text (required for a11y purpose).
+     * If you really don't want an aria-label, you can set an empty label (this is not recommended).
+     */
+    label: string;
+    /** text to be displayed on hover */
+    title?: string;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "IconButton";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<IconButtonProps>;
+/**
+ * IconButton component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const IconButton: {
+    (props: IconButtonProps): import("react").JSX.Element;
+    displayName: string;
+    className: "lumx-icon-button";
+    defaultProps: Partial<IconButtonProps>;
+};

package/js/components/Button/IconButtonTests.d.ts

@@ -0,0 +1,15 @@
+import { SetupOptions } from '@lumx/core/testing';
+import { IconButtonProps } from './IconButton';
+type SetupProps = Partial<IconButtonProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<IconButtonProps>) => {
+    props: any;
+    iconButton: HTMLElement;
+    icon: HTMLElement | null;
+    img: HTMLElement | null;
+    wrapper: Partial<import("@lumx/core/testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<IconButtonProps>) => void;
+export default _default;

package/js/components/Button/Tests.d.ts

@@ -0,0 +1,15 @@
+import { SetupOptions } from '../../../testing';
+import { ButtonProps } from './Button';
+type SetupProps = Partial<ButtonProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<ButtonProps>) => {
+    props: any;
+    button: HTMLElement;
+    buttonWrapper: HTMLElement | null;
+    icons: HTMLElement[];
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<ButtonProps>) => void;
+export default _default;

package/js/components/Checkbox/Tests.d.ts

@@ -0,0 +1,15 @@
+import { SetupOptions } from '../../../testing';
+import { CheckboxProps } from '.';
+type SetupProps = Partial<CheckboxProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<CheckboxProps>) => {
+    checkbox: HTMLElement;
+    helper: HTMLElement | null;
+    label: HTMLElement | null;
+    input: HTMLElement;
+    props: CheckboxProps;
+};
+declare const _default: (renderOptions: SetupOptions<CheckboxProps>) => void;
+export default _default;

package/js/components/Checkbox/index.d.ts

@@ -0,0 +1,49 @@
+import type { JSXElement, LumxClassName, HasTheme, HasAriaDisabled, HasDisabled, HasClassName, HasChecked, CommonRef } from '../../types';
+/**
+ * Intermediate state of checkbox.
+ */
+export declare const INTERMEDIATE_STATE = "intermediate";
+/**
+ * Defines the props of the component.
+ */
+export interface CheckboxProps extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled, HasChecked<boolean | 'intermediate'> {
+    /** Helper text. */
+    helper?: string;
+    /** Native input id property. */
+    id?: string;
+    /** Label text. */
+    label?: JSXElement;
+    /** Native input name property. */
+    name?: string;
+    /** Native input value property. */
+    value?: string;
+    /** optional props for input */
+    inputProps?: Record<string, any>;
+    /** Native input ref. */
+    inputRef?: CommonRef;
+    /** Native input id. */
+    inputId: string;
+    /** On change callback. */
+    handleChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "Checkbox";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<CheckboxProps>;
+/**
+ * Checkbox component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const Checkbox: (props: CheckboxProps) => import("react").JSX.Element;

package/js/components/Divider/Tests.d.ts

@@ -0,0 +1,12 @@
+import { SetupOptions } from '../../../testing';
+import { DividerProps } from '.';
+type SetupProps = Partial<DividerProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<DividerProps>) => {
+    divider: HTMLElement;
+    props: DividerProps;
+};
+declare const _default: (renderOptions: SetupOptions<DividerProps>) => void;
+export default _default;

package/js/components/Divider/index.d.ts

@@ -0,0 +1,27 @@
+import type { LumxClassName, HasTheme, HasClassName, CommonRef } from '../../types';
+/**
+ * Defines the props of the component.
+ */
+export interface DividerProps extends HasTheme, HasClassName {
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "Divider";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<DividerProps>;
+/**
+ * Divider component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const Divider: (props: DividerProps) => import("react").JSX.Element;

package/js/components/Flag/Tests.d.ts

@@ -0,0 +1,14 @@
+import { SetupOptions } from '../../../testing';
+import { FlagProps } from '.';
+type SetupProps = Partial<FlagProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<FlagProps>) => {
+    flag: HTMLElement;
+    icon: HTMLElement | null;
+    label: HTMLElement | null;
+    props: FlagProps;
+};
+declare const _default: (renderOptions: SetupOptions<FlagProps>) => void;
+export default _default;

package/js/components/Flag/index.d.ts

@@ -0,0 +1,34 @@
+import { ColorPalette } from '../../constants';
+import type { LumxClassName, HasTheme, JSXElement, HasClassName, CommonRef } from '../../types';
+import { TextProps } from '../Text';
+export interface FlagProps extends HasClassName, HasTheme {
+    /** Color of the component. */
+    color?: ColorPalette;
+    /** Icon to use before the label. */
+    icon?: string;
+    /** Text label of the flag. */
+    children: JSXElement;
+    /** Enable text truncate on overflow */
+    truncate?: boolean;
+    /** ref to the root element */
+    ref?: CommonRef;
+    /** Text component to use for rendering the label */
+    Text: (props: TextProps) => any;
+}
+export declare const COMPONENT_NAME = "Flag";
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+export declare const DEFAULT_PROPS: Partial<FlagProps>;
+export declare const block: {
+    (additionalClasses: import("classnames/types").ClassValue[]): string;
+    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+}, element: {
+    (elem: string, additionalClasses: import("classnames/types").ClassValue[]): string;
+    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+};
+/**
+ * Flag component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const Flag: (props: FlagProps) => import("react").JSX.Element;

package/js/components/FlexBox/Tests.d.ts

@@ -0,0 +1,13 @@
+import { SetupOptions } from '../../../testing';
+import { FlexBoxProps } from '.';
+type SetupProps = Partial<FlexBoxProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (props: SetupProps | undefined, { render, ...options }: SetupOptions<FlexBoxProps>) => {
+    props: Partial<FlexBoxProps>;
+    flexBox: HTMLElement;
+    container: any;
+};
+declare const _default: (renderOptions: SetupOptions<FlexBoxProps>) => void;
+export default _default;

package/js/components/FlexBox/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const GAP_SIZES: ("big" | "tiny" | "regular" | "medium" | "huge")[];
+export declare const SPACE_ALIGNMENTS: ("space-around" | "space-between" | "space-evenly")[];
+export declare const VERTICAL_ALIGNMENTS: ("center" | "bottom" | "space-around" | "space-between" | "space-evenly" | "top")[];
+export declare const HORIZONTAL_ALIGNMENTS: ("center" | "left" | "right" | "space-around" | "space-between" | "space-evenly")[];

package/js/components/FlexBox/index.d.ts

@@ -0,0 +1,50 @@
+import { Orientation } from '../../constants';
+import type { LumxClassName, JSXElement, HasClassName } from '../../types';
+import type { FlexHorizontalAlignment, FlexVerticalAlignment, GapSize, MarginAutoAlignment } from './types';
+export type * from './types';
+/**
+ * Defines the props of the component.
+ */
+export interface FlexBoxProps extends HasClassName {
+    /** Children elements. */
+    children?: JSXElement;
+    /** Whether the "content filling space" is enabled or not. */
+    fillSpace?: boolean;
+    /** Gap space between flexbox items. */
+    gap?: GapSize;
+    /** Flex horizontal alignment. */
+    hAlign?: FlexVerticalAlignment;
+    /** Whether the "auto margin" is enabled all around or not. */
+    marginAuto?: MarginAutoAlignment | MarginAutoAlignment[];
+    /** Whether the "content shrink" is disabled or not. */
+    noShrink?: boolean;
+    /** Flex direction. */
+    orientation?: Orientation;
+    /** Flex vertical alignment. */
+    vAlign?: FlexHorizontalAlignment;
+    /** Whether the "flex wrap" is enabled or not. */
+    wrap?: boolean;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "FlexBox";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+export declare const block: {
+    (additionalClasses: import("classnames/types").ClassValue[]): string;
+    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+};
+/**
+ * Get FlexBox component props (className computation).
+ *
+ * @param  props Component props.
+ * @return Computed props with className.
+ */
+export declare function getFlexBoxProps(props: FlexBoxProps): {
+    className: string;
+    /** Children elements. */
+    children?: JSXElement;
+};

package/js/components/FlexBox/types.d.ts

@@ -0,0 +1,7 @@
+import { Alignment, HorizontalAlignment, Size, VerticalAlignment } from '../../constants';
+export type MarginAutoAlignment = Extract<Alignment, 'top' | 'bottom' | 'right' | 'left'>;
+export type GapSize = Extract<Size, 'tiny' | 'regular' | 'medium' | 'big' | 'huge'>;
+type SpaceAlignment = Extract<Alignment, 'space-between' | 'space-evenly' | 'space-around'>;
+export type FlexVerticalAlignment = VerticalAlignment | SpaceAlignment;
+export type FlexHorizontalAlignment = HorizontalAlignment | SpaceAlignment;
+export {};

package/js/components/GridColumn/GridColumn.d.ts

@@ -0,0 +1,48 @@
+import type { CommonRef, HasClassName, JSXElement, LumxClassName } from '../../types';
+import { Size } from '../../constants';
+export type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
+/**
+ * Defines the props of the component.
+ */
+export interface GridColumnProps extends HasClassName {
+    /** Customize the root element. */
+    as?: any;
+    /** Children elements. */
+    children?: JSXElement;
+    /** Space between columns and rows. */
+    gap?: GridColumnGapSize;
+    /** Ideal number of columns. */
+    maxColumns?: number;
+    /** Minimum width for each item, reduce the number of column if there is not enough space. */
+    itemMinWidth?: number;
+    /** Custom styles. */
+    style?: any;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "GridColumn";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<GridColumnProps>;
+/**
+ * The GridColumn is a layout component that can display children in a grid
+ * with custom display properties. It also comes with a responsive design,
+ * with a number of column that reduce when there is not enough space for each item.
+ *
+ * @param props Component props.
+ * @return JSX element.
+ */
+export declare const GridColumn: {
+    (props: GridColumnProps): import("react").JSX.Element;
+    displayName: string;
+    className: "lumx-grid-column";
+    defaultProps: Partial<GridColumnProps>;
+};

package/js/components/GridColumn/GridColumnTests.d.ts

@@ -0,0 +1,12 @@
+import { SetupOptions } from '../../../testing';
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    gridColumn: HTMLElement;
+    div: HTMLElement;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/components/Heading/Tests.d.ts

@@ -0,0 +1,11 @@
+import { SetupOptions } from '../../../testing';
+import { HeadingProps } from '.';
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: Partial<HeadingProps> | undefined, { render, ...options }: SetupOptions<HeadingProps>) => {
+    heading: HTMLElement;
+    props: HeadingProps;
+};
+declare const _default: ({ render, screen, ...options }: SetupOptions<HeadingProps>) => void;
+export default _default;

package/js/components/Heading/constants.d.ts

@@ -0,0 +1,21 @@
+import { HeadingElement } from '../../types';
+/** The maximum authorized heading level. */
+export declare const MAX_HEADING_LEVEL = 6;
+/**
+ * Typography to use by default depending on the heading level.
+ */
+export declare const DEFAULT_TYPOGRAPHY_BY_LEVEL: {
+    h1: "display1";
+    h2: "headline";
+    h3: "title";
+    h4: "subtitle2";
+    h5: "subtitle1";
+    h6: "body2";
+};
+export interface HeadingLevelContext {
+    /** The current level */
+    level: number;
+    /** The heading element matching the current level */
+    headingElement: HeadingElement;
+}
+export declare const defaultContext: HeadingLevelContext;

package/js/components/Heading/index.d.ts

@@ -0,0 +1,44 @@
+import { HeadingElement, LumxClassName } from '../../types';
+import { TextProps } from '../Text';
+/**
+ * Defines the props of the component.
+ */
+export interface HeadingProps extends Partial<TextProps> {
+    /**
+     * Display a specific heading level instead of the one provided by parent context provider.
+     */
+    as?: HeadingElement;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "Heading";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: {};
+/**
+ * Get Heading component common props
+ *
+ * @param props                 Component props.
+ * @param contextHeadingElement Heading element from context.
+ * @return Common Props
+ */
+export declare const getHeadingProps: (props: HeadingProps, contextHeadingElement?: HeadingElement) => {
+    as: HeadingElement;
+    className: string;
+    typography: import("../../constants").Typography;
+    color?: import("../../constants").ColorWithVariants | undefined;
+    colorVariant?: import("../../constants").ColorVariant | undefined;
+    truncate?: boolean | {
+        lines: number;
+    } | undefined;
+    noWrap?: boolean | undefined;
+    whiteSpace?: import("../../constants").WhiteSpace | undefined;
+    children?: import("react").ReactNode;
+    style?: import("react").CSSProperties | undefined;
+};

package/js/components/Heading/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Computes the next heading level based on the optional prop level or the parent context level.
+ *
+ * @param levelProp - The explicit level provided via props (optional).
+ * @param parentLevel - The level from the parent context.
+ * @returns The calculated heading level, clamped to the maximum allowed level.
+ */
+export declare const computeHeadingLevel: (levelProp: number | undefined, parentLevel: number) => number;

package/js/components/Icon/Tests.d.ts

@@ -0,0 +1,14 @@
+import { SetupOptions } from '../../../testing';
+import { IconProps } from '.';
+type SetupProps = Partial<IconProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<IconProps>) => {
+    i: HTMLElement;
+    svg: HTMLElement;
+    path: HTMLElement;
+    props: IconProps;
+};
+declare const _default: (renderOptions: SetupOptions<IconProps>) => void;
+export default _default;

package/js/components/Icon/constants.d.ts

@@ -0,0 +1 @@
+export declare const ICON_SIZES: ("s" | "xxs" | "xs" | "m" | "l" | "xl" | "xxl")[];