@ahrowe/ui 0.31.0 → 0.33.0

package/dist/types/common/actionButtons/actionButtons.types.d.ts

@@ -3,11 +3,16 @@ import { ButtonStyleType } from '../button';
 import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
 import { IconContent } from '../types/icon.types';
 export type ActionButtonsSlots = 'root' | 'submitButton' | 'cancelButton';
+/** Text ActionButtons renders of its own, for translating it. */
+export interface ActionButtonsLabels {
+    /** The confirming button (default `Save`). */
+    submit?: ReactElement | number | string;
+    /** The dismissing button (default `Cancel`). */
+    cancel?: ReactElement | number | string;
+}
 export interface ActionButtonsProps extends HtmlProps {
     onSubmit?: () => void;
     onClose?: () => void;
-    submitLabel?: ReactElement | number | string;
-    cancelLabel?: ReactElement | number | string;
     submitButtonStyle?: ButtonStyleType;
     isSubmitButtonLoading?: boolean;
     isSubmitButtonDisabled?: boolean;
@@ -24,4 +29,6 @@ export interface ActionButtonsProps extends HtmlProps {
     style?: CSSProperties;
     classNames?: SlotClassNames<ActionButtonsSlots>;
     styles?: SlotStyles<ActionButtonsSlots>;
+    /** Overrides the text ActionButtons renders of its own. Merged per key. */
+    labels?: ActionButtonsLabels;
 }

package/dist/types/common/alert/alert.types.d.ts

@@ -9,6 +9,11 @@ export declare enum AlertStyleType {
     Error = "error"
 }
 export type AlertSlots = 'root' | 'icon' | 'content' | 'title' | 'description' | 'closeButton';
+/** Text Alert renders of its own, for translating it. */
+export interface AlertLabels {
+    /** Close button, read out by screen readers. */
+    dismiss?: string;
+}
 export interface AlertProps extends Omit<HtmlProps, 'title'> {
     title?: ReactNode;
     children?: ReactNode;
@@ -20,4 +25,6 @@ export interface AlertProps extends Omit<HtmlProps, 'title'> {
     style?: CSSProperties;
     classNames?: SlotClassNames<AlertSlots>;
     styles?: SlotStyles<AlertSlots>;
+    /** Overrides the text Alert renders of its own. Merged per key. */
+    labels?: AlertLabels;
 }

package/dist/types/common/breadcrumb/breadcrumb.types.d.ts

@@ -10,6 +10,11 @@ export interface BreadcrumbItem {
     disabled?: boolean;
 }
 export type BreadcrumbSlots = 'root' | 'list' | 'item' | 'link' | 'icon' | 'separator' | 'current' | 'ellipsis' | 'hiddenList' | 'hiddenItem';
+/** Text Breadcrumb renders of its own, for translating it. */
+export interface BreadcrumbLabels {
+    /** Button that reveals the collapsed middle items, and its tooltip. */
+    showHidden?: string;
+}
 export interface BreadcrumbProps extends HtmlProps {
     items: BreadcrumbItem[];
     separator?: ReactNode;
@@ -23,4 +28,6 @@ export interface BreadcrumbProps extends HtmlProps {
     style?: CSSProperties;
     classNames?: SlotClassNames<BreadcrumbSlots>;
     styles?: SlotStyles<BreadcrumbSlots>;
+    /** Overrides the text Breadcrumb renders of its own. Merged per key. */
+    labels?: BreadcrumbLabels;
 }

package/dist/types/common/card/card.types.d.ts

@@ -1,12 +1,13 @@
 import { ReactNode } from 'react';
 import { ButtonStyleType } from '../button/button.types';
-import { HtmlProps } from '../types/slots.types';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
 import { IconAction } from '../types/actions.types';
 export declare enum CardStyleType {
     Elevated = "elevated",
     Outlined = "outlined",
     Filled = "filled"
 }
+export type CardSlots = 'root' | 'content';
 export interface CardProps extends Omit<HtmlProps, 'tabIndex'> {
     className?: string | undefined;
     children?: ReactNode;
@@ -17,6 +18,10 @@ export interface CardProps extends Omit<HtmlProps, 'tabIndex'> {
     style?: React.CSSProperties;
     autoGap?: boolean;
     clip?: boolean;
+    /** Classes for the inner elements. See `CardSlots`. */
+    classNames?: SlotClassNames<CardSlots>;
+    /** Inline styles for the inner elements. See `CardSlots`. */
+    styles?: SlotStyles<CardSlots>;
 }
 export type CardHeaderAction = IconAction;
 export interface CardHeaderProps {

package/dist/types/common/carousel/carousel.types.d.ts

@@ -1,6 +1,17 @@
 import { CSSProperties, ReactNode } from 'react';
 import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
 export type CarouselSlots = 'root' | 'track' | 'slide' | 'prevButton' | 'nextButton' | 'dots' | 'dot';
+/** Text Carousel renders of its own, for translating it. */
+export interface CarouselLabels {
+    /** Button to the previous slide, and its tooltip. */
+    previous?: string;
+    /** Button to the next slide, and its tooltip. */
+    next?: string;
+    /** The dot strip, read out by screen readers. */
+    slides?: string;
+    /** One dot, given its 1-based slide number. */
+    goToSlide?: (slide: number) => string;
+}
 export interface CarouselProps extends Omit<HtmlProps, 'onChange'> {
     children?: ReactNode;
     currentIndex?: number;
@@ -19,4 +30,6 @@ export interface CarouselProps extends Omit<HtmlProps, 'onChange'> {
     style?: CSSProperties;
     classNames?: SlotClassNames<CarouselSlots>;
     styles?: SlotStyles<CarouselSlots>;
+    /** Overrides the text Carousel renders of its own. Merged per key. */
+    labels?: CarouselLabels;
 }

package/dist/types/common/chip/chip.types.d.ts

@@ -1,4 +1,4 @@
-import { HtmlProps } from '../types/slots.types';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
 export declare enum ChipStyleType {
     Default = "default",
     Primary = "primary",
@@ -6,6 +6,12 @@ export declare enum ChipStyleType {
     Warn = "warn",
     Error = "error"
 }
+/** Text Chip renders of its own, for translating it. */
+export interface ChipLabels {
+    /** The remove button, read out by screen readers (default `Remove`). */
+    remove?: string;
+}
+export type ChipSlots = 'root' | 'inner' | 'thumbnail' | 'text' | 'removeIcon';
 export interface ChipProps extends HtmlProps {
     className?: string;
     text?: string;
@@ -13,9 +19,14 @@ export interface ChipProps extends HtmlProps {
     styleType?: ChipStyleType;
     showRemoveIcon?: boolean;
     /** Accessible name for the remove button. Default `'Remove'`. */
-    removeLabel?: string;
     onClick?: () => void;
     onRemove?: () => void;
+    /** Overrides the text Chip renders of its own. Merged per key. */
+    labels?: ChipLabels;
+    /** Classes for the inner elements. See `ChipSlots`. */
+    classNames?: SlotClassNames<ChipSlots>;
+    /** Inline styles for the inner elements. See `ChipSlots`. */
+    styles?: SlotStyles<ChipSlots>;
 }
 export interface ChipContainerProps extends HtmlProps {
     className?: string;

package/dist/types/common/colorPicker/colorPicker.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ColorPickerProps } from './colorPicker.types';
-declare function ColorPicker({ className, value, onChange, showInput, showAlpha, inline, ...rest }: ColorPickerProps): ReactElement;
+declare function ColorPicker({ className, value, onChange, showInput, showAlpha, inline, labels, style, classNames, styles: slotStyles, ...rest }: ColorPickerProps): ReactElement;
 export default ColorPicker;

package/dist/types/common/colorPicker/colorPicker.types.d.ts

@@ -1,4 +1,10 @@
-import { HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+export type ColorPickerSlots = 'root' | 'swatch' | 'panel' | 'gradient' | 'hueSlider' | 'alphaSlider' | 'hexInput' | 'eyeDropper';
+/** Text ColorPicker renders of its own, for translating it. */
+export interface ColorPickerLabels {
+    /** The eyedropper button, read out by screen readers. */
+    pickFromScreen?: string;
+}
 export interface ColorPickerProps extends Omit<HtmlProps, 'onChange'> {
     className?: string;
     value?: string;
@@ -6,4 +12,10 @@ export interface ColorPickerProps extends Omit<HtmlProps, 'onChange'> {
     showInput?: boolean;
     showAlpha?: boolean;
     inline?: boolean;
+    /** Overrides the text ColorPicker renders of its own. Merged per key. */
+    labels?: ColorPickerLabels;
+    /** Classes for the inner elements. See `ColorPickerSlots`. */
+    classNames?: SlotClassNames<ColorPickerSlots>;
+    /** Inline styles for the inner elements. See `ColorPickerSlots`. */
+    styles?: SlotStyles<ColorPickerSlots>;
 }

package/dist/types/common/configProvider/configProvider.types.d.ts

@@ -7,7 +7,12 @@ import { InputDropdownProps } from '../inputDropdown/inputDropdown.types';
 import { CheckboxProps } from '../checkbox/checkbox.types';
 import { SwitchProps } from '../switch/switch.types';
 import { RadioGroupProps } from '../radioGroup/radioGroup.types';
-import { DatePickerProps } from '../datePicker/datePicker';
+import { DatePickerProps } from '../datePicker/datePicker.types';
+import { ColorPickerLabels } from '../colorPicker/colorPicker.types';
+import { EmptyStateLabels } from '../emptyState/emptyState.types';
+import { KlipyPickerLabels } from '../klipyPicker/klipyPicker.types';
+import { SearchInputLabels } from '../searchInput/searchInput.types';
+import { VirtualListLabels } from '../virtualList/virtualList.types';
 import { ButtonProps } from '../button/button.types';
 import { ActionButtonsProps } from '../actionButtons/actionButtons.types';
 import { ConfirmModalProps } from '../confirmModal/confirmModal.types';
@@ -52,6 +57,26 @@ import { ModalProps } from '../modal/modal.types';
  * own component-keyed defaults take precedence for props they handle themselves.
  */
 export interface ComponentDefaults {
+    /**
+     * Labels only. These components take no other global defaults: `ColorPicker`
+     * and `Toast` are configured elsewhere, and `VirtualList`'s props are generic,
+     * which a per-key default map can't express.
+     */
+    ColorPicker?: {
+        labels?: ColorPickerLabels;
+    };
+    EmptyState?: {
+        labels?: EmptyStateLabels;
+    };
+    KlipyPicker?: {
+        labels?: KlipyPickerLabels;
+    };
+    SearchInput?: {
+        labels?: SearchInputLabels;
+    };
+    VirtualList?: {
+        labels?: VirtualListLabels;
+    };
     Input?: Partial<InputProps>;
     Textarea?: Partial<TextareaProps>;
     NumberInput?: Partial<NumberInputProps>;

package/dist/types/common/configProvider/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from './configProvider';
 export { useComponentDefaults } from './useComponentDefaults';
+export { useLabels } from './useLabels';
 export { usePresentationDefault } from './usePresentationDefault';
 export type { ComponentDefaults, ConfigProviderProps } from './configProvider.types';

package/dist/types/common/configProvider/useLabels.d.ts

@@ -0,0 +1,22 @@
+import { ComponentDefaults } from './configProvider.types';
+/**
+ * Resolves the text a component renders of its own, per key, from three places:
+ * the component's built-in English, the nearest `ConfigProvider`, and the
+ * instance's `labels` prop, in that order of increasing precedence.
+ *
+ * Per key is the point, and the reason this exists next to `useComponentDefaults`
+ * rather than relying on it. That one fills in whole props: a `labels` object on
+ * an instance would replace the provider's entirely, so translating an app once
+ * and overriding a single string on one instance would silently drop every other
+ * translation for that component.
+ *
+ * ```tsx
+ * const DEFAULT_LABELS: Required<ModalLabels> = { close: 'Close' };
+ *
+ * function Modal({ labels, ...rest }: ModalProps) {
+ *   const text = useLabels('Modal', labels, DEFAULT_LABELS);
+ *   // text.close
+ * }
+ * ```
+ */
+export declare function useLabels<L extends object>(component: keyof ComponentDefaults, labels: Partial<L> | undefined, defaults: L): L;

package/dist/types/common/confirmModal/confirmModal.types.d.ts

@@ -1,15 +1,24 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
+import { HtmlProps } from '../types/slots.types';
 import { ActionButtonsProps } from '../actionButtons';
-export interface ConfirmModalProps {
+/** Text ConfirmModal renders of its own, for translating it. */
+export interface ConfirmModalLabels {
+    /** The confirming button (default `Confirm`). */
+    submit?: string;
+    /** The dismissing button (default `Cancel`). */
+    cancel?: string;
+}
+export interface ConfirmModalProps extends Omit<HtmlProps<HTMLDivElement>, 'onClose' | 'content' | 'title'> {
     children?: ReactNode;
     className?: string;
+    style?: CSSProperties;
     onClose?: (didSubmit: boolean) => void;
     onConfirm?: () => void | Promise<void>;
     title?: string;
     content?: ReactNode;
     isOpen?: boolean;
-    submitLabel?: string;
-    cancelLabel?: string;
     isDelete?: boolean;
     actionButtonsProps?: ActionButtonsProps;
+    /** Overrides the text ConfirmModal renders of its own. Merged per key. */
+    labels?: ConfirmModalLabels;
 }

package/dist/types/common/datePicker/components/datePickerMonth/datePickerMonth.d.ts

@@ -1,14 +1,2 @@
-interface DatePickerMonthProps {
-    className?: string;
-    month?: number;
-    year?: number;
-    onSelect?: (date: Date) => void;
-    selectionStart?: Date;
-    selectionEnd?: Date;
-    minDate?: Date | null;
-    maxDate?: Date | null;
-    /** Called to shift the displayed month by ±1 when arrow navigation runs past its edge. */
-    onNavigateMonth?: (delta: 1 | -1) => void;
-}
-export default function DatePickerMonth({ className, month, year, onSelect, selectionStart, selectionEnd, minDate, maxDate, onNavigateMonth, }: DatePickerMonthProps): import("react").JSX.Element;
-export {};
+import { DatePickerMonthProps } from './datePickerMonth.types';
+export default function DatePickerMonth({ style, className, month, year, onSelect, selectionStart, selectionEnd, minDate, maxDate, onNavigateMonth, }: DatePickerMonthProps): import("react").JSX.Element;

package/dist/types/common/datePicker/components/datePickerMonth/datePickerMonth.types.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'react';
+export interface DatePickerMonthProps {
+    /** Class on the root element. */
+    className?: string;
+    /** Inline style on the root element, forwarded from DatePicker's `calendar` slot. */
+    style?: CSSProperties;
+    /** Month to display, 1 to 12. */
+    month?: number;
+    /** Year to display. */
+    year?: number;
+    /** Called with the day that was picked. */
+    onSelect?: (date: Date) => void;
+    /** First day of the highlighted range, and the day that starts with the tab stop. */
+    selectionStart?: Date;
+    /** Last day of the highlighted range. */
+    selectionEnd?: Date;
+    /** Days before this are not selectable. */
+    minDate?: Date | null;
+    /** Days after this are not selectable. */
+    maxDate?: Date | null;
+    /** Called to shift the displayed month by ±1 when arrow navigation runs past its edge. */
+    onNavigateMonth?: (delta: 1 | -1) => void;
+}

package/dist/types/common/datePicker/datePicker.d.ts

@@ -1,24 +1,3 @@
 import { default as React } from 'react';
-import { FormValidator } from '../../services/formValidation';
-export interface DatePickerProps {
-    className?: string;
-    selected?: Date;
-    onSelect?: (date: Date | null) => void;
-    formValidator?: FormValidator | null;
-    noInput?: boolean;
-    noHeader?: boolean;
-    isModal?: boolean;
-    isInline?: boolean;
-    onChange?: (date: Date | null) => void;
-    minDate?: Date | null;
-    maxDate?: Date | null;
-    children?: React.ReactNode;
-    showClearButton?: boolean;
-    label?: string;
-    isValid?: boolean;
-    errorMessage?: string;
-    isRequired?: boolean;
-    startDate?: Date;
-    endDate?: Date;
-}
+import { DatePickerProps } from './datePicker.types';
 export default function DatePicker(props: DatePickerProps): React.JSX.Element;

package/dist/types/common/datePicker/datePicker.types.d.ts

@@ -0,0 +1,60 @@
+import { CSSProperties, ReactNode } from 'react';
+import { FormValidator } from '../../services/formValidation';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
+export type DatePickerSlots = 'root' | 'input' | 'header' | 'monthDropdown' | 'yearDropdown' | 'calendar' | 'clearButton';
+/**
+ * `onChange` and `onSelect` report a date rather than a DOM event, so the native
+ * handlers of those names are dropped instead of being widened to accept both.
+ */
+export interface DatePickerProps extends Omit<HtmlProps<HTMLDivElement>, 'onChange' | 'onSelect'> {
+    /** Class on the root element. */
+    className?: string;
+    style?: CSSProperties;
+    classNames?: SlotClassNames<DatePickerSlots>;
+    styles?: SlotStyles<DatePickerSlots>;
+    /** Selected date, controlled. Ignored while a `formValidator` owns the value. */
+    selected?: Date;
+    /** Floating label on the input. */
+    label?: string;
+    /**
+     * Called when a day is picked in the calendar, after `onChange`. Picking also
+     * closes the picker.
+     */
+    onSelect?: (date: Date | null) => void;
+    /**
+     * Called whenever the value changes, whether picked in the calendar or typed
+     * into the input. `null` when the field was cleared or holds no valid date.
+     */
+    onChange?: (date: Date | null) => void;
+    /** Hands the value to a validator, which then owns it. See docs/FormValidator.md. */
+    formValidator?: FormValidator | null;
+    /** Earliest selectable date. Also bounds the year dropdown. */
+    minDate?: Date | null;
+    /** Latest selectable date. Also bounds the year dropdown. */
+    maxDate?: Date | null;
+    /**
+     * Start of a highlighted range. Defaults to the selected date, so two pickers
+     * sharing a start and an end highlight the span between them.
+     */
+    startDate?: Date;
+    /** End of the highlighted range. */
+    endDate?: Date;
+    /** Render the calendar in place instead of in a popover. */
+    isInline?: boolean;
+    /** Open the calendar in a modal, with the input read-only. */
+    isModal?: boolean;
+    /** Drop the text input and show the calendar alone. */
+    noInput?: boolean;
+    /** Drop the month and year navigation above the calendar. */
+    noHeader?: boolean;
+    /** Show a button that clears the value. */
+    showClearButton?: boolean;
+    /** Rendered under the calendar, inside the popover or modal. */
+    children?: ReactNode;
+    /** Marks the field invalid. A `formValidator` decides this for itself. */
+    isValid?: boolean;
+    /** Message for the error tooltip, shown while the field is focused or hovered. */
+    errorMessage?: string;
+    /** Appends ` *` to the label. Implied by a `required` validator on `formValidator`. */
+    isRequired?: boolean;
+}

package/dist/types/common/datePicker/index.d.ts

@@ -1 +1,2 @@
 export { default } from './datePicker';
+export * from './datePicker.types';

package/dist/types/common/drawer/drawer.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { DrawerProps } from './drawer.types';
-declare function Drawer({ className, isOpen, closedWidth, openedWidth, children }: DrawerProps): ReactElement;
+declare function Drawer({ className, isOpen, closedWidth, openedWidth, children, style, classNames, styles: slotStyles, ...rest }: DrawerProps): ReactElement;
 export default Drawer;

package/dist/types/common/drawer/drawer.types.d.ts

@@ -1,5 +1,11 @@
-export interface DrawerProps {
+import { CSSProperties } from 'react';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
+export type DrawerSlots = 'root' | 'content' | 'inner';
+export interface DrawerProps extends HtmlProps<HTMLDivElement> {
     className?: string;
+    style?: CSSProperties;
+    classNames?: SlotClassNames<DrawerSlots>;
+    styles?: SlotStyles<DrawerSlots>;
     isOpen?: boolean;
     /** Width of the container when closed. Defaults to 0. Any CSS length value, e.g. '48px'. */
     closedWidth?: string;

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

@@ -1,12 +1,13 @@
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
 import { ReactNode, Ref } from 'react';
 import { FormValidator } from '../../services/formValidation';
-import { HtmlProps } from '../types/slots.types';
 import { Presentation } from '../floatingMenu/floatingMenu.types';
 export interface DropdownItem {
     key: string | number;
     label: ReactNode;
     disabled?: boolean;
 }
+export type DropdownSlots = 'root' | 'label' | 'field' | 'control' | 'icon' | 'placeholder' | 'list' | 'option';
 export interface DropdownProps extends Omit<HtmlProps, 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave'> {
     formValidator?: FormValidator | null;
     onMouseEnter?: ((event: React.MouseEvent) => void) | null;
@@ -33,15 +34,14 @@ export interface DropdownProps extends Omit<HtmlProps, 'onFocus' | 'onBlur' | 'o
     /** Where the list opens: anchored to the input (`Default`), pinned to the bottom of the
      * screen, or the latter only on a small touch screen. */
     presentation?: Presentation;
-    inputClassName?: string;
-    dropDownIconClassName?: string;
-    dropDownClassName?: string;
-    labelClassName?: string;
-    dropDownInputClassName?: string;
     useMatLabelStyle?: boolean;
     alwaysFloatLabel?: boolean;
     placeholder?: string;
     plainStyle?: boolean;
     scrollToSelected?: boolean;
     reactRef?: Ref<HTMLButtonElement>;
+    /** Classes for the inner elements. See `DropdownSlots`. */
+    classNames?: SlotClassNames<DropdownSlots>;
+    /** Inline styles for the inner elements. See `DropdownSlots`. */
+    styles?: SlotStyles<DropdownSlots>;
 }

package/dist/types/common/emptyState/emptyState.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { EmptyStateProps } from './emptyState.types';
-export default function EmptyState({ className, icon, children, ...rest }: EmptyStateProps): ReactElement;
+export default function EmptyState({ className, icon, children, labels, style, classNames, styles: slotStyles, ...rest }: EmptyStateProps): ReactElement;

package/dist/types/common/emptyState/emptyState.types.d.ts

@@ -1,8 +1,20 @@
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
 import { ReactNode } from 'react';
 import { IconContent } from '../types/icon.types';
-import { HtmlProps } from '../types/slots.types';
+export type EmptyStateSlots = 'root' | 'icon' | 'text';
+/** Text EmptyState renders of its own, for translating it. */
+export interface EmptyStateLabels {
+    /** Shown when no `children` are given. */
+    empty?: string;
+}
 export interface EmptyStateProps extends HtmlProps {
     className?: string;
     icon?: IconContent;
     children?: ReactNode;
+    /** Overrides the text EmptyState renders of its own. Merged per key. */
+    labels?: EmptyStateLabels;
+    /** Classes for the inner elements. See `EmptyStateSlots`. */
+    classNames?: SlotClassNames<EmptyStateSlots>;
+    /** Inline styles for the inner elements. See `EmptyStateSlots`. */
+    styles?: SlotStyles<EmptyStateSlots>;
 }

package/dist/types/common/fab/components/fabBase/fabBase.d.ts

@@ -1,3 +1,3 @@
 import { FabBaseProps } from './fabBase.types';
-declare function FabBase({ children, size, className, styleType, onClick, }: FabBaseProps): import("react").JSX.Element;
+declare function FabBase({ style, children, size, className, styleType, onClick, }: FabBaseProps): import("react").JSX.Element;
 export default FabBase;

package/dist/types/common/fab/components/fabBase/fabBase.types.d.ts

@@ -1,10 +1,12 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { ButtonStyleType } from '../../../button/button.types';
 export type FabBaseSize = 'default' | 'mini';
 export interface FabBaseProps {
     children?: ReactNode;
     size?: FabBaseSize;
     className?: string;
+    /** Forwarded from Fab's `button` slot. */
+    style?: CSSProperties;
     styleType?: ButtonStyleType;
     onClick?: () => void;
 }

package/dist/types/common/fab/fab.d.ts

@@ -1,3 +1,3 @@
 import { FabProps } from './fab.types';
-declare function Fab({ children, size, menuEntries, onMenuEntryClicked, onClick, closeMenuOnEntryClicked, ...rest }: FabProps): import("react").JSX.Element;
+declare function Fab({ children, size, menuEntries, onMenuEntryClicked, onClick, closeMenuOnEntryClicked, className, style, classNames, styles: slotStyles, ...rest }: FabProps): import("react").JSX.Element;
 export default Fab;

package/dist/types/common/fab/fab.types.d.ts

@@ -1,12 +1,13 @@
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
 import { ReactNode } from 'react';
 import { IconContent } from '../types/icon.types';
-import { HtmlProps } from '../types/slots.types';
 export type FabSize = 'default' | 'mini';
 export interface FabMenuEntry {
     id: string;
     icon: IconContent;
     label?: string;
 }
+export type FabSlots = 'root' | 'backdrop' | 'button' | 'icon' | 'menu' | 'menuEntry' | 'menuEntryLabel';
 export interface FabProps extends HtmlProps {
     children?: ReactNode;
     size?: FabSize;
@@ -14,4 +15,8 @@ export interface FabProps extends HtmlProps {
     onMenuEntryClicked?: (id: string) => void;
     onClick?: () => void;
     closeMenuOnEntryClicked?: boolean;
+    /** Classes for the inner elements. See `FabSlots`. */
+    classNames?: SlotClassNames<FabSlots>;
+    /** Inline styles for the inner elements. See `FabSlots`. */
+    styles?: SlotStyles<FabSlots>;
 }

package/dist/types/common/infiniteBlock/infiniteBlock.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { InfiniteBlockProps } from './infiniteBlock.types';
-declare function InfiniteBlock({ children, onScroll, className, isDataLoading, setHighlightedIndex, }: InfiniteBlockProps): React.JSX.Element;
+declare function InfiniteBlock({ children, onScroll, className, style, isDataLoading, setHighlightedIndex, }: InfiniteBlockProps): React.JSX.Element;
 export default InfiniteBlock;

package/dist/types/common/infiniteBlock/infiniteBlock.types.d.ts

@@ -4,6 +4,8 @@ export interface InfiniteBlockProps {
     /** Called when the user scrolls to the bottom; must return a Promise that resolves when the new data has loaded. */
     onScroll: () => Promise<void>;
     className?: string;
+    /** Inline style on the scroll container. */
+    style?: React.CSSProperties;
     /** Replaces children with a full-block spinner (initial load). */
     isDataLoading?: boolean;
     /** Called with the newly highlighted child index after keyboard navigation. */

package/dist/types/common/input/input.types.d.ts

@@ -17,6 +17,17 @@ export declare enum InputIconPosition {
 }
 export type InputSlots = 'label' | 'container' | 'input' | 'suffix' | 'upperRightLabel' | 'fieldset';
 type OverriddenInputAttributes = 'onChange' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'type' | 'value' | 'min' | 'max' | 'autoComplete';
+/** Text Input renders of its own, for translating it. */
+export interface InputLabels {
+    /** Clear button on a search input, read out by screen readers. */
+    clear?: string;
+    /** Reveals a password, read out by screen readers. */
+    showPassword?: string;
+    /** Hides a password again. */
+    hidePassword?: string;
+    /** Clears a search input, read out by screen readers. */
+    clearSearch?: string;
+}
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, OverriddenInputAttributes>, DataProps {
     onMouseEnter?: ((event: React.MouseEvent) => void) | null;
     onMouseLeave?: ((event: React.MouseEvent) => void) | null;
@@ -62,5 +73,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     autoResize?: boolean;
     classNames?: SlotClassNames<InputSlots>;
     styles?: SlotStyles<InputSlots>;
+    /** Overrides the text Input renders of its own. Merged per key. */
+    labels?: InputLabels;
 }
 export {};

package/dist/types/common/klipyPicker/klipyPicker.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { KlipyPickerProps } from './klipyPicker.types';
-export default function KlipyPicker({ className, token, isModal, onSelect, selected, }: KlipyPickerProps): ReactElement;
+export default function KlipyPicker({ className, token, isModal, onSelect, selected, labels, }: KlipyPickerProps): ReactElement;

package/dist/types/common/klipyPicker/klipyPicker.types.d.ts

@@ -1,8 +1,15 @@
 import { KlipyResult } from '../../services/klipy';
+/** Text KlipyPicker renders of its own, for translating it. */
+export interface KlipyPickerLabels {
+    /** Floating label on the search field. */
+    search?: string;
+}
 export interface KlipyPickerProps {
     className?: string;
     token?: string;
     isModal?: boolean;
     onSelect?: (preview: KlipyResult | null) => void | Promise<void>;
     selected?: string | null;
+    /** Overrides the text KlipyPicker renders of its own. Merged per key. */
+    labels?: KlipyPickerLabels;
 }

package/dist/types/common/modal/modal.types.d.ts

@@ -2,6 +2,11 @@ import { CSSProperties } from 'react';
 import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
 import { Presentation } from '../floatingMenu/floatingMenu.types';
 export type ModalSlots = 'container' | 'backdrop' | 'modal' | 'header' | 'title' | 'closeButton' | 'body';
+/** Text Modal renders of its own, for translating it. */
+export interface ModalLabels {
+    /** Close button, read out by screen readers. */
+    close?: string;
+}
 export interface ModalProps extends HtmlProps<HTMLDivElement> {
     children?: React.ReactNode;
     title?: string;
@@ -18,4 +23,6 @@ export interface ModalProps extends HtmlProps<HTMLDivElement> {
     presentation?: Presentation;
     classNames?: SlotClassNames<ModalSlots>;
     styles?: SlotStyles<ModalSlots>;
+    /** Overrides the text Modal renders of its own. Merged per key. */
+    labels?: ModalLabels;
 }