@stenajs-webui/elements 17.6.0 → 17.7.0

package/dist/components/ui/icon/Icon.d.ts

@@ -1,10 +1,10 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-import { Omit, BoxProps } from "@stenajs-webui/core";
-import * as React from "react";
-export interface IconProps extends Omit<FontAwesomeIconProps, "color" | "size" | "icon" | "display">, Pick<BoxProps, "display"> {
-    icon?: IconDefinition;
-    color?: string;
-    size?: number;
-}
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
+import { Omit, BoxProps } from "@stenajs-webui/core";
+import * as React from "react";
+export interface IconProps extends Omit<FontAwesomeIconProps, "color" | "size" | "icon" | "display">, Pick<BoxProps, "display"> {
+    icon?: IconDefinition;
+    color?: string;
+    size?: number;
+}
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/label/Label.d.ts

@@ -1,11 +1,11 @@
-import { BoxProps } from "@stenajs-webui/core";
-import * as React from "react";
-import { ComponentPropsWithoutRef } from "react";
-export interface LabelProps extends BoxProps {
-    text: string;
-    optional?: boolean;
-    maxCharacters?: number;
-    textWidth?: BoxProps["width"];
-    htmlFor?: ComponentPropsWithoutRef<"label">["htmlFor"];
-}
-export declare const Label: React.FC<LabelProps>;
+import { BoxProps } from "@stenajs-webui/core";
+import * as React from "react";
+import { ComponentPropsWithoutRef } from "react";
+export interface LabelProps extends BoxProps {
+    text: string;
+    optional?: boolean;
+    maxCharacters?: number;
+    textWidth?: BoxProps["width"];
+    htmlFor?: ComponentPropsWithoutRef<"label">["htmlFor"];
+}
+export declare const Label: React.FC<LabelProps>;

package/dist/components/ui/link/Link.d.ts

@@ -1,14 +1,14 @@
-import * as React from "react";
-import { AnchorElementProps } from "@stenajs-webui/core";
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-export interface LinkProps extends AnchorElementProps {
-    disabled?: boolean;
-    disableTabIndex?: boolean;
-    iconLeft?: IconDefinition;
-    iconRight?: IconDefinition;
-    variant?: LinkVariant;
-    size?: LinkSize;
-}
-export declare type LinkVariant = "standard" | "caption" | "overline" | "bold";
-export declare type LinkSize = "large" | "medium" | "small" | "smaller";
-export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+import * as React from "react";
+import { AnchorElementProps } from "@stenajs-webui/core";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export interface LinkProps extends AnchorElementProps {
+    disabled?: boolean;
+    disableTabIndex?: boolean;
+    iconLeft?: IconDefinition;
+    iconRight?: IconDefinition;
+    variant?: LinkVariant;
+    size?: LinkSize;
+}
+export declare type LinkVariant = "standard" | "caption" | "overline" | "bold";
+export declare type LinkSize = "large" | "medium" | "small" | "smaller";
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/ui/result-list/ResultList.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { ReactNode } from "react";
-export interface ResultListProps {
-    children?: ReactNode;
-}
-export declare const ResultList: React.FC<ResultListProps>;
+import * as React from "react";
+import { ReactNode } from "react";
+export interface ResultListProps {
+    children?: ReactNode;
+}
+export declare const ResultList: React.FC<ResultListProps>;

package/dist/components/ui/result-list/ResultListRow.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
-export interface ResultItem {
-    text: string;
-    linkText?: string;
-    onClickLink?: () => void;
-}
-export interface ResultItemProps extends ResultItem {
-}
-export declare const ResultListRow: React.FC<ResultItemProps>;
+import * as React from "react";
+export interface ResultItem {
+    text: string;
+    linkText?: string;
+    onClickLink?: () => void;
+}
+export interface ResultItemProps extends ResultItem {
+}
+export declare const ResultListRow: React.FC<ResultItemProps>;

package/dist/components/ui/spinner/InputSpinner.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
-export interface InputSpinnerProps {
-    color?: string;
-    size?: string;
-    className?: string;
-}
-export declare const InputSpinner: React.FC<InputSpinnerProps>;
+import * as React from "react";
+export interface InputSpinnerProps {
+    color?: string;
+    size?: string;
+    className?: string;
+}
+export declare const InputSpinner: React.FC<InputSpinnerProps>;

package/dist/components/ui/spinner/Spinner.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
-export interface SpinnerProps {
-    size?: SpinnerSize;
-    variant?: SpinnerVariant;
-    color?: string;
-}
-export declare type SpinnerVariant = "standard" | "inverted";
-export declare type SpinnerSize = "medium" | "small" | "tiny";
-export declare const Spinner: React.FC<SpinnerProps>;
+import * as React from "react";
+export interface SpinnerProps {
+    size?: SpinnerSize;
+    variant?: SpinnerVariant;
+    color?: string;
+}
+export declare type SpinnerVariant = "standard" | "inverted";
+export declare type SpinnerSize = "medium" | "small" | "tiny";
+export declare const Spinner: React.FC<SpinnerProps>;

package/dist/components/ui/tabs/Tab.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { ButtonElementProps } from "@stenajs-webui/core";
-import { ButtonContentProps } from "../buttons/common/ButtonContent";
-export interface TabProps extends ButtonElementProps, ButtonContentProps {
-    selected?: boolean;
-}
-export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;
+import * as React from "react";
+import { ButtonElementProps } from "@stenajs-webui/core";
+import { ButtonContentProps } from "../buttons/common/ButtonContent";
+export interface TabProps extends ButtonElementProps, ButtonContentProps {
+    selected?: boolean;
+}
+export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/tabs/TabMenu.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { ReactNode } from "react";
-export interface TabMenuProps {
-    enableBorder?: boolean;
-    children?: ReactNode;
-}
-export declare const TabMenu: React.FC<TabMenuProps>;
+import * as React from "react";
+import { ReactNode } from "react";
+export interface TabMenuProps {
+    enableBorder?: boolean;
+    children?: ReactNode;
+}
+export declare const TabMenu: React.FC<TabMenuProps>;

package/dist/components/ui/tag/Tag.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
-export interface TagProps {
-    variant?: TagVariant;
-    label?: string;
-    size?: TagSize;
-    className?: string;
-}
-export declare type TagVariant = "info" | "error" | "warning" | "success" | "passive" | "turquoise";
-export declare type TagSize = "medium" | "small";
-export declare const Tag: React.FC<TagProps>;
+import * as React from "react";
+export interface TagProps {
+    variant?: TagVariant;
+    label?: string;
+    size?: TagSize;
+    className?: string;
+}
+export declare type TagVariant = "info" | "error" | "warning" | "success" | "passive" | "turquoise";
+export declare type TagSize = "medium" | "small";
+export declare const Tag: React.FC<TagProps>;

package/dist/components/ui/toggle-button/ToggleButton.d.ts

@@ -1,29 +1,29 @@
-/// <reference types="react" />
-export interface ToggleButtonProps {
-    /**
-     * The label of the button.
-     */
-    label?: string | number;
-    /**
-     * The click handler.
-     */
-    onClick?: (pressed: boolean) => void;
-    /**
-     * If true, the button will display as pressed.
-     */
-    pressed?: boolean;
-    /**
-     * If true, the button will have rounded corners on the left side.
-     */
-    first?: boolean;
-    /**
-     * If true, the button will have rounded corners on the right side.
-     */
-    last?: boolean;
-    /**
-     * The width of the button.
-     * @default Width specified in theme.
-     */
-    width?: string;
-}
-export declare const ToggleButton: ({ label, pressed, first, last, width, onClick, }: ToggleButtonProps) => JSX.Element;
+/// <reference types="react" />
+export interface ToggleButtonProps {
+    /**
+     * The label of the button.
+     */
+    label?: string | number;
+    /**
+     * The click handler.
+     */
+    onClick?: (pressed: boolean) => void;
+    /**
+     * If true, the button will display as pressed.
+     */
+    pressed?: boolean;
+    /**
+     * If true, the button will have rounded corners on the left side.
+     */
+    first?: boolean;
+    /**
+     * If true, the button will have rounded corners on the right side.
+     */
+    last?: boolean;
+    /**
+     * The width of the button.
+     * @default Width specified in theme.
+     */
+    width?: string;
+}
+export declare const ToggleButton: ({ label, pressed, first, last, width, onClick, }: ToggleButtonProps) => JSX.Element;

package/dist/components/ui/up-down-buttons/UpDownButtons.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
-export interface UpDownButtonsProps {
-    onClickUp?: () => void;
-    onClickDown?: () => void;
-    iconColor?: string;
-    disabled?: boolean;
-}
-export declare const UpDownButtons: React.FC<UpDownButtonsProps>;
+import * as React from "react";
+export interface UpDownButtonsProps {
+    onClickUp?: () => void;
+    onClickDown?: () => void;
+    iconColor?: string;
+    disabled?: boolean;
+}
+export declare const UpDownButtons: React.FC<UpDownButtonsProps>;

package/dist/components/ui/value-table/ValueTable.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { ReactNode } from "react";
-export declare type ValueTableVariant = "relaxed" | "standard" | "condensed" | "compact";
-export interface ValueTableProps {
-    header?: string;
-    footer?: string;
-    variant?: ValueTableVariant;
-    children?: ReactNode;
-}
-export declare const ValueTable: React.FC<ValueTableProps>;
+import * as React from "react";
+import { ReactNode } from "react";
+export declare type ValueTableVariant = "relaxed" | "standard" | "condensed" | "compact";
+export interface ValueTableProps {
+    header?: string;
+    footer?: string;
+    variant?: ValueTableVariant;
+    children?: ReactNode;
+}
+export declare const ValueTable: React.FC<ValueTableProps>;

package/dist/components/ui/value-table/ValueTableItem.d.ts

@@ -1,10 +1,10 @@
-import { BoxProps } from "@stenajs-webui/core";
-import * as React from "react";
-import { ReactNode } from "react";
-export interface ValueTableItemProps {
-    label: string;
-    labelIndent?: boolean | number;
-    value: string | number | boolean | ReactNode | undefined;
-    alignValue?: BoxProps["justifyContent"];
-}
-export declare const ValueTableItem: React.FC<ValueTableItemProps>;
+import { BoxProps } from "@stenajs-webui/core";
+import * as React from "react";
+import { ReactNode } from "react";
+export interface ValueTableItemProps {
+    label: string;
+    labelIndent?: boolean | number;
+    value: string | number | boolean | ReactNode | undefined;
+    alignValue?: BoxProps["justifyContent"];
+}
+export declare const ValueTableItem: React.FC<ValueTableItemProps>;

package/dist/icons/misc/IconsMisc.d.ts

@@ -1,2 +1,2 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-export declare const stenaCombined: IconDefinition;
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export declare const stenaCombined: IconDefinition;

package/dist/icons/ui/IconsUi.d.ts

@@ -1,48 +1,48 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-export declare const stenaAngleLeft: IconDefinition;
-export declare const stenaAngleRight: IconDefinition;
-export declare const stenaAngleUp: IconDefinition;
-export declare const stenaAngleDown: IconDefinition;
-export declare const stenaArrowLeft: IconDefinition;
-export declare const stenaArrowRight: IconDefinition;
-export declare const stenaArrowUp: IconDefinition;
-export declare const stenaArrowDown: IconDefinition;
-export declare const stenaArrowWideLeft: IconDefinition;
-export declare const stenaArrowWideRight: IconDefinition;
-export declare const stenaArrowWideUp: IconDefinition;
-export declare const stenaArrowWideDown: IconDefinition;
-export declare const stenaArrowCircleLeft: IconDefinition;
-export declare const stenaArrowCircleRight: IconDefinition;
-export declare const stenaArrowCircleUp: IconDefinition;
-export declare const stenaArrowCircleDown: IconDefinition;
-export declare const stenaTrash: IconDefinition;
-export declare const stenaTimes: IconDefinition;
-export declare const stenaSliders: IconDefinition;
-export declare const stenaSearch: IconDefinition;
-export declare const stenaRefresh: IconDefinition;
-export declare const stenaPlus: IconDefinition;
-export declare const stenaPlusCircle: IconDefinition;
-export declare const stenaMinus: IconDefinition;
-export declare const stenaMinusCircle: IconDefinition;
-export declare const stenaPen: IconDefinition;
-export declare const stenaHamburger: IconDefinition;
-export declare const stenaExclamationTriangle: IconDefinition;
-export declare const stenaExclamationTriangleFilled: IconDefinition;
-export declare const stenaExclamationCircle: IconDefinition;
-export declare const stenaExclamationCircleFilled: IconDefinition;
-export declare const stenaInfoCircle: IconDefinition;
-export declare const stenaInfoCircleFilled: IconDefinition;
-export declare const stenaCopy: IconDefinition;
-export declare const stenaCheck: IconDefinition;
-export declare const stenaCheckCircle: IconDefinition;
-export declare const stenaClear: IconDefinition;
-export declare const stenaCalendar: IconDefinition;
-export declare const stenaCalendarFilled: IconDefinition;
-export declare const stenaClock: IconDefinition;
-export declare const stenaBell: IconDefinition;
-export declare const stenaBellFilled: IconDefinition;
-export declare const stenaUser: IconDefinition;
-export declare const stenaUserCircle: IconDefinition;
-export declare const stenaPhone: IconDefinition;
-export declare const stenaSortUp: IconDefinition;
-export declare const stenaSortDown: IconDefinition;
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export declare const stenaAngleLeft: IconDefinition;
+export declare const stenaAngleRight: IconDefinition;
+export declare const stenaAngleUp: IconDefinition;
+export declare const stenaAngleDown: IconDefinition;
+export declare const stenaArrowLeft: IconDefinition;
+export declare const stenaArrowRight: IconDefinition;
+export declare const stenaArrowUp: IconDefinition;
+export declare const stenaArrowDown: IconDefinition;
+export declare const stenaArrowWideLeft: IconDefinition;
+export declare const stenaArrowWideRight: IconDefinition;
+export declare const stenaArrowWideUp: IconDefinition;
+export declare const stenaArrowWideDown: IconDefinition;
+export declare const stenaArrowCircleLeft: IconDefinition;
+export declare const stenaArrowCircleRight: IconDefinition;
+export declare const stenaArrowCircleUp: IconDefinition;
+export declare const stenaArrowCircleDown: IconDefinition;
+export declare const stenaTrash: IconDefinition;
+export declare const stenaTimes: IconDefinition;
+export declare const stenaSliders: IconDefinition;
+export declare const stenaSearch: IconDefinition;
+export declare const stenaRefresh: IconDefinition;
+export declare const stenaPlus: IconDefinition;
+export declare const stenaPlusCircle: IconDefinition;
+export declare const stenaMinus: IconDefinition;
+export declare const stenaMinusCircle: IconDefinition;
+export declare const stenaPen: IconDefinition;
+export declare const stenaHamburger: IconDefinition;
+export declare const stenaExclamationTriangle: IconDefinition;
+export declare const stenaExclamationTriangleFilled: IconDefinition;
+export declare const stenaExclamationCircle: IconDefinition;
+export declare const stenaExclamationCircleFilled: IconDefinition;
+export declare const stenaInfoCircle: IconDefinition;
+export declare const stenaInfoCircleFilled: IconDefinition;
+export declare const stenaCopy: IconDefinition;
+export declare const stenaCheck: IconDefinition;
+export declare const stenaCheckCircle: IconDefinition;
+export declare const stenaClear: IconDefinition;
+export declare const stenaCalendar: IconDefinition;
+export declare const stenaCalendarFilled: IconDefinition;
+export declare const stenaClock: IconDefinition;
+export declare const stenaBell: IconDefinition;
+export declare const stenaBellFilled: IconDefinition;
+export declare const stenaUser: IconDefinition;
+export declare const stenaUserCircle: IconDefinition;
+export declare const stenaPhone: IconDefinition;
+export declare const stenaSortUp: IconDefinition;
+export declare const stenaSortDown: IconDefinition;

package/dist/index.d.ts

@@ -1,42 +1,42 @@
-export * from "./icons/ui/IconsUi";
-export * from "./icons/misc/IconsMisc";
-export * from "./components/ui/banners/banner/Banner";
-export * from "./components/ui/banners/result-list-banner/ResultListBanner";
-export * from "./components/ui/banners/result-list-banner/hooks/UseResultListBannerState";
-export * from "./components/ui/result-list/ResultList";
-export * from "./components/ui/result-list/ResultListRow";
-export * from "./components/ui/spinner/Spinner";
-export * from "./components/ui/spinner/InputSpinner";
-export * from "./components/ui/bread-crumbs/BreadCrumbs";
-export * from "./components/ui/bread-crumbs/Crumb";
-export * from "./components/ui/buttons/FlatButton";
-export * from "./components/ui/buttons/PrimaryButton";
-export * from "./components/ui/buttons/SecondaryButton";
-export * from "./components/ui/buttons/common/ButtonCommon";
-export * from "./components/ui/buttons/common/ButtonContent";
-export * from "./components/ui/button-links/FlatButtonLink";
-export * from "./components/ui/button-links/PrimaryButtonLink";
-export * from "./components/ui/button-links/SecondaryButtonLink";
-export * from "./components/ui/button-group/ButtonGroup";
-export * from "./components/ui/up-down-buttons/UpDownButtons";
-export * from "./components/ui/icon/Icon";
-export * from "./components/ui/cards/Card";
-export * from "./components/ui/cards/CardHeader";
-export * from "./components/ui/cards/CardBody";
-export * from "./components/ui/chip/Chip";
-export * from "./components/ui/label/Label";
-export * from "./components/ui/link/Link";
-export * from "./components/ui/badge/Badge";
-export * from "./components/ui/badge/WithBadge";
-export * from "./components/ui/toggle-button/ToggleButton";
-export * from "./components/ui/action-menu/ActionMenu";
-export * from "./components/ui/action-menu/ActionMenuContext";
-export * from "./components/ui/action-menu/ActionMenuLink";
-export * from "./components/ui/action-menu/ActionMenuItem";
-export * from "./components/ui/action-menu/ActionMenuItemContent";
-export * from "./components/ui/action-menu/ActionMenuSeparator";
-export * from "./components/ui/tabs/Tab";
-export * from "./components/ui/tabs/TabMenu";
-export * from "./components/ui/tag/Tag";
-export * from "./components/ui/value-table/ValueTable";
-export * from "./components/ui/value-table/ValueTableItem";
+export * from "./icons/ui/IconsUi";
+export * from "./icons/misc/IconsMisc";
+export * from "./components/ui/banners/banner/Banner";
+export * from "./components/ui/banners/result-list-banner/ResultListBanner";
+export * from "./components/ui/banners/result-list-banner/hooks/UseResultListBannerState";
+export * from "./components/ui/result-list/ResultList";
+export * from "./components/ui/result-list/ResultListRow";
+export * from "./components/ui/spinner/Spinner";
+export * from "./components/ui/spinner/InputSpinner";
+export * from "./components/ui/bread-crumbs/BreadCrumbs";
+export * from "./components/ui/bread-crumbs/Crumb";
+export * from "./components/ui/buttons/FlatButton";
+export * from "./components/ui/buttons/PrimaryButton";
+export * from "./components/ui/buttons/SecondaryButton";
+export * from "./components/ui/buttons/common/ButtonCommon";
+export * from "./components/ui/buttons/common/ButtonContent";
+export * from "./components/ui/button-links/FlatButtonLink";
+export * from "./components/ui/button-links/PrimaryButtonLink";
+export * from "./components/ui/button-links/SecondaryButtonLink";
+export * from "./components/ui/button-group/ButtonGroup";
+export * from "./components/ui/up-down-buttons/UpDownButtons";
+export * from "./components/ui/icon/Icon";
+export * from "./components/ui/cards/Card";
+export * from "./components/ui/cards/CardHeader";
+export * from "./components/ui/cards/CardBody";
+export * from "./components/ui/chip/Chip";
+export * from "./components/ui/label/Label";
+export * from "./components/ui/link/Link";
+export * from "./components/ui/badge/Badge";
+export * from "./components/ui/badge/WithBadge";
+export * from "./components/ui/toggle-button/ToggleButton";
+export * from "./components/ui/action-menu/ActionMenu";
+export * from "./components/ui/action-menu/ActionMenuContext";
+export * from "./components/ui/action-menu/ActionMenuLink";
+export * from "./components/ui/action-menu/ActionMenuItem";
+export * from "./components/ui/action-menu/ActionMenuItemContent";
+export * from "./components/ui/action-menu/ActionMenuSeparator";
+export * from "./components/ui/tabs/Tab";
+export * from "./components/ui/tabs/TabMenu";
+export * from "./components/ui/tag/Tag";
+export * from "./components/ui/value-table/ValueTable";
+export * from "./components/ui/value-table/ValueTableItem";