@kentico/xperience-admin-components 14.0.0-109224

package/dist/components/ConditionBuilder/storybookUtils.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+import { ConditionBuilderProps } from './ConditionBuilder';
+import { ConditionProps } from './Condition';
+import { ConditionPickerItem, ConditionPickerProps } from './ConditionPicker';
+import { ConditionGroupProps } from './ConditionGroup';
+export declare type MappedResultObjectType<T> = Record<string, T>;
+export declare const mapArrayToKeys: <T extends {}>(conditionsToMap: T[]) => {
+    mappedResult: MappedResultObjectType<T>;
+    lastUsedIndex: number;
+};
+export declare const parseParameter: (parameter: Parameter, key: string | number, localParamValue: string | null, onParamChange: (paramName: string, paramValue: string) => void) => React.ReactNode;
+interface CategoryType {
+    categoryId: string;
+    categoryName: string;
+    items: ConditionPickerItem[];
+}
+export interface BuilderProps {
+    readonly categories: CategoryType[];
+}
+export interface Parameter {
+    readonly name: string | null;
+    readonly value: string | null;
+    readonly formControl: string | null;
+    readonly staticDataSource: ConditionPickerItem[];
+}
+export interface MacroRuleConfiguration {
+    readonly macroRuleDisplayName: string;
+    readonly userText: string;
+    readonly macroRuleID: string;
+    readonly parameters: Parameter[];
+}
+declare enum Operators {
+    All = "All",
+    Any = "Any"
+}
+export declare const storyMacroRulesParameters: Parameter[];
+export declare const storyMacroRules: MacroRuleConfiguration[];
+export declare const storyBuilderProps: BuilderProps;
+export interface ConditionPickerStorybookProps extends Pick<ConditionPickerProps, 'onItemSelect' | 'onClose' | 'headline' | 'noItemsText' | 'searchPlaceholder'> {
+}
+export declare const ConditionPickerStorybook: ({ onItemSelect, onClose, headline, noItemsText, searchPlaceholder, }: ConditionPickerStorybookProps) => JSX.Element;
+export declare type ConditionStorybookValue = Record<string, string>;
+interface ConditionStorybookProps extends Omit<ConditionProps, 'children'> {
+    readonly onChange?: (value: ConditionStorybookValue) => void;
+    readonly value?: ConditionStorybookValue;
+}
+export declare const ConditionStorybook: ({ onChange, value, ...args }: ConditionStorybookProps) => JSX.Element;
+export interface ConditionGroupStorybookItem {
+    readonly condition: ConditionPickerItem | null;
+    readonly macroRule: MacroRuleConfiguration | null;
+    readonly value: ConditionStorybookValue | null;
+}
+export interface ConditionGroupStorybookValue {
+    readonly operator: Operators;
+    readonly items: ConditionGroupStorybookItem[];
+}
+export interface ConditionGroupStorybookProps extends ConditionGroupProps {
+    readonly onChange?: (value: ConditionGroupStorybookValue) => void;
+    readonly value?: ConditionGroupStorybookValue;
+    readonly onDelete: () => void;
+}
+export declare const ConditionGroupStorybook: ({ onChange, value, onDelete, ...args }: ConditionGroupStorybookProps) => JSX.Element;
+export declare const ConditionBuilderStorybook: (args: ConditionBuilderProps) => JSX.Element;
+export {};

package/dist/components/Containers/Paper/Paper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PaperProps } from './Paper.types';
+declare const Paper: React.ForwardRefExoticComponent<PaperProps & React.RefAttributes<HTMLDivElement>>;
+export { Paper };

package/dist/components/Containers/Paper/Paper.types.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { UITestProps } from '../../types';
+import { BorderRadius } from '../../../tokens';
+declare type DivBaseProps = Pick<React.HTMLProps<HTMLDivElement>, 'children'>;
+/**
+ * Paper component properties.
+ */
+export interface PaperProps extends DivBaseProps, UITestProps {
+    /**
+     * Elevation of the paper.
+     */
+    readonly elevation?: PaperElevation;
+    /**
+     * Indicates if the paper should fill full height of the parent.
+     */
+    readonly fullHeight?: boolean;
+    /**
+     * Indicates if the paper looks like infinite. Continues down above the screen edge.
+     */
+    readonly infinite?: boolean;
+    /**
+     * Border radius of the paper.
+     */
+    readonly borderRadius?: BorderRadius;
+    /**
+     * Additional CSS class.
+     */
+    readonly className?: string;
+}
+/**
+ * Elevation for the paper.
+ */
+export declare enum PaperElevation {
+    XS = "XS",
+    S = "S",
+    M = "M",
+    L = "L"
+}
+export {};

package/dist/components/Containers/Paper/index.d.ts

@@ -0,0 +1,3 @@
+export { Paper } from './Paper';
+export type { PaperProps } from './Paper.types';
+export { PaperElevation } from './Paper.types';

package/dist/components/Containers/Shelf/Shelf.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ShelfProps } from './Shelf.types';
+export declare const Shelf: React.ForwardRefExoticComponent<ShelfProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Containers/Shelf/Shelf.types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export declare enum ShelfStickyPosition {
+    Left = "Left",
+    Right = "Right"
+}
+export interface ShelfProps {
+    readonly children?: React.ReactNode;
+    /**
+     * Stick side has not rounded corners.
+     */
+    readonly sticky?: ShelfStickyPosition;
+    /**
+     * Add a box-shadow. Use it when rests on Paper.
+     */
+    readonly onPaper?: boolean;
+    /**
+     * Stretch the height to 100% of the parent.
+     */
+    readonly fullHeight?: boolean;
+    /**
+     * Class name passed to the element.
+     */
+    readonly className?: string;
+}

package/dist/components/Containers/Shelf/index.d.ts

@@ -0,0 +1,3 @@
+export { Shelf } from './Shelf';
+export type { ShelfProps } from './Shelf.types';
+export { ShelfStickyPosition } from './Shelf.types';

package/dist/components/Containers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Paper';
+export * from './Shelf';

package/dist/components/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DateTimePickerProps } from './DateTimePicker.types';
+export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DateTimePicker/DateTimePicker.types.d.ts

@@ -0,0 +1,53 @@
+import { TimeValue } from './TimePicker/TimePickerInput/TimePickerInput';
+export declare enum TimeFormat {
+    Hours12 = "hours12",
+    Hours24 = "hours24"
+}
+export interface TimePicker {
+    /**
+     * Format of the time 24-h or 12-h.
+     */
+    readonly timeFormat: TimeFormat;
+    /**
+     * Label for the action button.
+     */
+    readonly actionLabel: string;
+    /**
+     * Default time shown when the user writes an invalid date.
+     */
+    readonly defaultTime: TimeValue;
+    /**
+     * Callback called on the action button click.
+     */
+    readonly onActionClick?: () => void;
+}
+export interface DateTimePickerProps {
+    /**
+     * Callback called when a day is selected or when clicked on the action button.
+     */
+    readonly onChange: (date: Date | null) => void;
+    /**
+     * Current selected Date.
+     */
+    readonly value: Date | null;
+    /**
+     * Array of allowed years.
+     */
+    readonly years: number[];
+    /**
+     * Array of months.
+     */
+    readonly months: string[];
+    /**
+     * Minimal date that can be selected.
+     */
+    readonly minDate?: Date;
+    /**
+     * Maximal date that can be selected.
+     */
+    readonly maxDate?: Date;
+    /**
+     * If undefined no time picker is selected. Expects settings for the time picker
+     */
+    readonly timePicker?: TimePicker;
+}

package/dist/components/DateTimePicker/Day/Day.d.ts

@@ -0,0 +1,5 @@
+interface DayProps {
+    readonly day: number;
+}
+export declare const Day: ({ day, }: DayProps) => JSX.Element;
+export {};

package/dist/components/DateTimePicker/Header/Header.d.ts

@@ -0,0 +1,10 @@
+interface HeaderProps {
+    readonly date: Date;
+    readonly months: string[];
+    readonly years: number[];
+    readonly changeMonth: (month: number) => void;
+    readonly changeYear: (year: number) => void;
+    readonly onPickerOpened: (opened: boolean) => void;
+}
+export declare const Header: ({ date, months, years, changeMonth, changeYear, onPickerOpened }: HeaderProps) => JSX.Element;
+export {};

package/dist/components/DateTimePicker/Header/SelectButton/SelectButton.d.ts

@@ -0,0 +1,9 @@
+import { IconName } from '../../../Icons';
+interface SelectButtonProps {
+    readonly right?: boolean;
+    readonly label: string;
+    readonly onClick: () => void;
+    readonly icon: IconName;
+}
+export declare const SelectButton: ({ right, label, icon, onClick }: SelectButtonProps) => JSX.Element;
+export {};

package/dist/components/DateTimePicker/MonthPicker/MonthPicker.d.ts

@@ -0,0 +1,8 @@
+interface MonthPickerProps {
+    readonly months: string[];
+    readonly selectedMonth: number;
+    readonly onMonthSelect: (month: number) => void;
+    readonly isOpened: boolean;
+}
+export declare const MonthPicker: ({ months, selectedMonth, onMonthSelect, isOpened }: MonthPickerProps) => JSX.Element;
+export {};

package/dist/components/DateTimePicker/PickerButton/PickerButton.d.ts

@@ -0,0 +1,7 @@
+interface PickerButtonProps {
+    readonly label: string;
+    readonly onClick: () => void;
+    readonly selected?: boolean;
+}
+export declare const PickerButton: ({ label, onClick, selected }: PickerButtonProps) => JSX.Element;
+export {};

package/dist/components/DateTimePicker/PickerOverlay/PickerOverlay.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface PickerOverlayProps {
+    readonly children: React.ReactNode;
+    readonly isOpened?: boolean;
+}
+export declare const PickerOverlay: ({ isOpened, children }: PickerOverlayProps) => JSX.Element;

package/dist/components/DateTimePicker/TimePicker/TimePicker.d.ts

@@ -0,0 +1,11 @@
+import { TimeFormat } from '../DateTimePicker.types';
+import { TimeValue } from './TimePickerInput/TimePickerInput';
+export interface TimePickerProps {
+    readonly timeFormat: TimeFormat;
+    readonly actionLabel: string;
+    readonly onActionClick?: () => void;
+    readonly value: TimeValue;
+    readonly onChange: (value: TimeValue) => void;
+    readonly visuallyHidden?: boolean;
+}
+export declare const TimePicker: ({ timeFormat, actionLabel, onActionClick, value, onChange, visuallyHidden, }: TimePickerProps) => JSX.Element;

package/dist/components/DateTimePicker/TimePicker/TimePickerInput/TimePickerInput.d.ts

@@ -0,0 +1,12 @@
+import { TimeFormat } from '../../DateTimePicker.types';
+export interface TimeValue {
+    readonly hours: number;
+    readonly minutes: number;
+}
+interface TimePickerInputProps {
+    readonly time: TimeValue;
+    readonly onTimeChange: (value: TimeValue) => void;
+    readonly timeFormat: TimeFormat;
+}
+export declare const TimePickerInput: ({ time, onTimeChange, timeFormat, }: TimePickerInputProps) => JSX.Element;
+export {};

package/dist/components/DateTimePicker/YearPicker/YearPicker.d.ts

@@ -0,0 +1,8 @@
+interface YearPickerProps {
+    readonly years: number[];
+    readonly selectedYear?: number;
+    readonly onYearSelect: (year: number) => void;
+    readonly isOpened: boolean;
+}
+export declare const YearPicker: ({ years, selectedYear, onYearSelect, isOpened }: YearPickerProps) => JSX.Element;
+export {};

package/dist/components/DateTimePicker/index.d.ts

@@ -0,0 +1,4 @@
+export { DateTimePicker } from './DateTimePicker';
+export type { DateTimePickerProps, TimePicker } from './DateTimePicker.types';
+export { TimeFormat as DateTimePickerTimeFormat } from './DateTimePicker.types';
+export type { TimeValue as DateTimePickerTimeValue } from './TimePicker/TimePickerInput/TimePickerInput';

package/dist/components/DateTimePicker/utils/parseTimeFromString.d.ts

@@ -0,0 +1,2 @@
+import { TimeValue } from '../TimePicker/TimePickerInput/TimePickerInput';
+export declare const parseTimeFromString: (timeString: string) => TimeValue | undefined;

package/dist/components/DateTimePicker/utils/setTimeInDateObject.d.ts

@@ -0,0 +1,2 @@
+import { TimeValue } from '../TimePicker/TimePickerInput/TimePickerInput';
+export declare const setTimeInDateObject: (dateToUpdate: Date, timeValue: TimeValue) => Date;

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DialogProps } from './Dialog.types';
+export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Dialog/Dialog.types.d.ts

@@ -0,0 +1,48 @@
+import { UITestProps } from '../types';
+import { DialogContentProps } from './DialogContent';
+export interface DialogProps extends DialogContentProps, UITestProps {
+    /**
+     * Boolean indicating if the modal is open (visible).
+     */
+    readonly isOpen: boolean;
+    /**
+     * Boolean indicating if the modal should take full space available.
+     */
+    readonly isFullScreen?: boolean;
+    /**
+     * Modal's minimal width.
+     */
+    readonly minWidth?: string | number;
+    /**
+     * Modal's maximal width.
+     */
+    readonly maxWidth?: string | number;
+    /**
+     * Modal's width.
+     */
+    readonly width?: string | number;
+    /**
+     * Modal's height.
+     */
+    readonly height?: string | number;
+    /**
+     * Modal's minimal height.
+     */
+    readonly minHeight?: string | number;
+    /**
+     * Modal's maximal height.
+     */
+    readonly maxHeight?: string | number;
+    /**
+     * Boolean indicating if the modal should restore focus to the element that had focus prior to its display.
+     */
+    readonly shouldReturnFocusAfterClose?: boolean;
+    /**
+     * Function that will be run after the modal has closed.
+     */
+    readonly onAfterClose?: () => void;
+    /**
+     * Function that will be run after the modal has opened.
+     */
+    readonly onAfterOpen?: () => void;
+}

package/dist/components/Dialog/DialogContent/DialogContent.d.ts

@@ -0,0 +1,5 @@
+import { DialogContentProps } from './DialogContent.types';
+export declare const DialogContent: {
+    ({ headline, isDismissable, headerCloseButton, onClose, confirmAction, cancelAction, secondaryAction, notificationBar, children, autofocusCancel, ...props }: DialogContentProps): JSX.Element;
+    displayName: string;
+};

package/dist/components/Dialog/DialogContent/DialogContent.types.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { TooltipProps } from '../../Tooltip';
+import { DialogFooterProps } from './DialogFooter';
+export interface HeaderCloseButton extends Pick<TooltipProps, 'tooltipText' | 'shortcuts'> {
+}
+export interface DialogContentProps extends DialogFooterProps {
+    /**
+     * Modal's headline.
+     */
+    readonly headline: string;
+    /**
+     * Function called when modal requests close.
+     */
+    readonly onClose: () => void;
+    /**
+     * Tooltip label for close button located in the header.
+     */
+    readonly headerCloseButton: HeaderCloseButton;
+    readonly children: React.ReactNode;
+}

package/dist/components/Dialog/DialogContent/DialogFooter/DialogFooter.d.ts

@@ -0,0 +1,5 @@
+import { DialogFooterProps } from './DialogFooter.types';
+export declare const DialogFooter: {
+    ({ isDismissable, confirmAction, cancelAction, secondaryAction, notificationBar, autofocusCancel }: DialogFooterProps): JSX.Element;
+    displayName: string;
+};

package/dist/components/Dialog/DialogContent/DialogFooter/DialogFooter.types.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { ButtonProps } from '../../../Buttons';
+import { UITestProps } from '../../../types';
+export interface DialogFooterActionProps extends Pick<ButtonProps, 'icon' | 'trailingIcon' | 'destructive' | 'disabled' | 'inProgress' | 'color' | 'onClick'>, UITestProps {
+    readonly label: string;
+}
+export interface DialogAction extends Omit<DialogFooterActionProps, 'color'> {
+}
+export interface DialogFooterProps {
+    /**
+     * Boolean that determines if the modal can be closed via [Esc], clicking on the overlay and if has close button in the header.
+     */
+    readonly isDismissable: boolean;
+    /**
+     * Modal's primary action.
+     */
+    readonly confirmAction: DialogAction;
+    /**
+     * Modal's cancel action.
+     */
+    readonly cancelAction: DialogAction;
+    /**
+     * Modal's secondary action.
+     */
+    readonly secondaryAction?: DialogAction;
+    /**
+     * Placeholder for the notification bar.
+     */
+    readonly notificationBar?: React.ReactNode;
+    /**
+     * Boolean that determines if the cancel button will be focused on dialog open.
+     */
+    readonly autofocusCancel?: boolean;
+}

package/dist/components/Dialog/DialogContent/DialogFooter/DialogFooterAction.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DialogFooterActionProps } from './DialogFooter.types';
+export declare const DialogFooterAction: React.ForwardRefExoticComponent<DialogFooterActionProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Dialog/DialogContent/DialogFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { DialogFooter } from './DialogFooter';
+export type { DialogFooterProps, DialogAction } from './DialogFooter.types';

package/dist/components/Dialog/DialogContent/index.d.ts

@@ -0,0 +1,3 @@
+export { DialogContent } from './DialogContent';
+export type { DialogContentProps, HeaderCloseButton } from './DialogContent.types';
+export type { DialogAction } from './DialogFooter';

package/dist/components/Dialog/dialog.config.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    dialogContainerId: string;
+};
+export default _default;

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { Dialog } from './Dialog';
+export type { DialogProps } from './Dialog.types';
+export type { DialogAction, HeaderCloseButton } from './DialogContent';
+export { default as dialogConfig } from './dialog.config';

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DividerProps } from './Divider.types';
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Divider/Divider.types.d.ts

@@ -0,0 +1,8 @@
+export declare enum DividerOrientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export interface DividerProps {
+    readonly orientation: DividerOrientation;
+    readonly isSubheaderDivider?: boolean;
+}

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

@@ -0,0 +1,3 @@
+export { Divider } from './Divider';
+export { DividerOrientation } from './Divider.types';
+export type { DividerProps } from './Divider.types';

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { UITestProps } from '../types';
+export declare enum DropdownPlacement {
+    Bottom = "bottom",
+    Top = "top",
+    Left = "left",
+    Right = "right",
+    BottomStart = "bottom-start",
+    BottomEnd = "bottom-end",
+    TopStart = "top-start",
+    TopEnd = "top-end",
+    LeftStart = "left-start",
+    LeftEnd = "left-end",
+    RightStart = "right-start",
+    RightEnd = "right-end"
+}
+interface DropdownProps extends UITestProps {
+    readonly placement?: DropdownPlacement;
+    readonly offset?: {
+        readonly skidding: number;
+        readonly distance: number;
+    };
+    readonly open?: boolean;
+    readonly children: React.ReactNode;
+}
+export interface DropdownOnClickProps extends DropdownProps {
+    readonly renderTrigger: (ref: React.RefObject<HTMLElement>, onTriggerClick: () => void, isOpened: boolean) => React.ReactNode;
+    readonly onToggle?: (isOpen: boolean) => void;
+}
+export interface DropdownOnHoverProps extends DropdownProps {
+    readonly renderTrigger: (isOpened: boolean) => React.ReactElement;
+}
+export {};

package/dist/components/Dropdown/DropdownOnClick.d.ts

@@ -0,0 +1,5 @@
+import { DropdownOnClickProps } from './Dropdown.types';
+export declare const DropdownOnClick: {
+    ({ renderTrigger, children, dataTestId, offset, placement, open, onToggle, ...props }: DropdownOnClickProps): JSX.Element;
+    displayName: string;
+};

package/dist/components/Dropdown/DropdownOnHover.d.ts

@@ -0,0 +1,5 @@
+import { DropdownOnHoverProps } from './Dropdown.types';
+export declare const DropdownOnHover: {
+    ({ renderTrigger, children, offset, placement, open, ...props }: DropdownOnHoverProps): JSX.Element;
+    displayName: string;
+};

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1,4 @@
+export { DropdownOnClick } from './DropdownOnClick';
+export { DropdownOnHover } from './DropdownOnHover';
+export type { DropdownOnClickProps, DropdownOnHoverProps } from './Dropdown.types';
+export { DropdownPlacement } from './Dropdown.types';

package/dist/components/Dropzone/Dropzone.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DropzoneProps } from './Dropzone.types';
+export declare const Dropzone: React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Dropzone/Dropzone.types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface DropzoneProps {
+    readonly onUpload: (files: FileList) => void;
+    readonly onActiveChange: (isActive: boolean) => void;
+    readonly disabled?: boolean;
+    readonly children: React.ReactNode;
+}

package/dist/components/Dropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { Dropzone } from './Dropzone';
+export type { DropzoneProps } from './Dropzone.types';

package/dist/components/FormItemWrapper/FormItemWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FormItemWrapperProps } from './FormItemWrapper.types';
+export declare const FormItemWrapper: React.ForwardRefExoticComponent<FormItemWrapperProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/FormItemWrapper/FormItemWrapper.types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { IconName } from '../Icons';
+export interface FormItemWrapperProps {
+    readonly id?: string;
+    readonly inline?: boolean;
+    readonly label?: string;
+    readonly markAsRequired?: boolean;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly labelDisabledTooltip?: string;
+    readonly labelIcon?: IconName;
+    readonly labelIconTooltip?: string;
+    readonly labelClassnames?: string;
+    readonly footerClassnames?: string;
+    readonly subheadlineClassnames?: string;
+    readonly childrenWrapperClassnames?: string;
+    readonly inlineWrapperClassnames?: string;
+    readonly invalid?: boolean;
+    readonly validationMessage?: string;
+    readonly statusText?: string;
+    readonly explanationText?: string;
+    readonly children: React.ReactNode;
+    readonly onInlineWrapperClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}

package/dist/components/FormItemWrapper/index.d.ts

@@ -0,0 +1 @@
+export { FormItemWrapper } from './FormItemWrapper';

package/dist/components/Headline/Headline.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HeadlineProps } from './Headline.types';
+export declare const Headline: React.ForwardRefExoticComponent<HeadlineProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Headline/Headline.types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Colors } from '../../tokens/colors';
+import { BoxProps } from '../Layout';
+export interface HeadlineProps extends Pick<BoxProps, 'spacingTop' | 'spacingBottom' | 'spacingY'> {
+    readonly children?: React.ReactNode;
+    readonly size: HeadlineSize;
+    readonly labelColor?: Colors;
+}
+export declare enum HeadlineSize {
+    S = "S",
+    M = "M",
+    L = "L"
+}

package/dist/components/Headline/index.d.ts

@@ -0,0 +1,3 @@
+export { Headline } from './Headline';
+export { HeadlineSize } from './Headline.types';
+export type { HeadlineProps } from './Headline.types';

package/dist/components/HorizontalActionMenu/HorizontalActionMenu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HorizontalActionMenuProps } from './HorizontalActionMenu.types';
+export declare const HorizontalActionMenu: React.ForwardRefExoticComponent<HorizontalActionMenuProps & React.RefAttributes<HTMLDivElement>>;