@stenajs-webui/elements 19.0.0-next.2 → 19.0.0-next.21

package/dist/components/ui/action-menu/ActionMenuItemContent.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
 import { ReactNode } from "react";
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import { MenuButtonContentProps } from "../buttons/menu-button/MenuButtonContent";
-export interface ActionMenuItemContentProps extends DivProps, MenuButtonContentProps {
+export interface ActionMenuItemContentProps extends DivProps, Omit<MenuButtonContentProps, "left"> {
     leftIcon?: IconDefinition;
     disabled?: boolean;
     right?: ReactNode;

package/dist/components/ui/buttons/FlatButton.d.ts

@@ -1,8 +1,5 @@
 import * as React from "react";
 import { PrimaryButtonProps } from "./PrimaryButton";
-export declare type FlatButtonProps = PrimaryButtonProps & {
-    inverted?: boolean;
-};
-export declare const FlatButton: React.ForwardRefExoticComponent<PrimaryButtonProps & {
-    inverted?: boolean | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
+export interface FlatButtonProps extends PrimaryButtonProps {
+}
+export declare const FlatButton: React.ForwardRefExoticComponent<FlatButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/buttons/common/ButtonCommon.d.ts

@@ -35,4 +35,6 @@ export interface CommonButtonProps {
     leftWrapperClassName?: string;
     /** Right wrapper class name */
     rightWrapperClassName?: string;
+    /** Show only icon when small screen */
+    responsiveIconOnly?: boolean;
 }

package/dist/components/ui/buttons/common/ButtonContent.d.ts

@@ -16,5 +16,6 @@ export interface ButtonContentProps {
     leftWrapperClassName?: string;
     rightWrapperClassName?: string;
     size?: ButtonSize;
+    responsiveIconOnly?: boolean;
 }
 export declare const ButtonContent: React.FC<ButtonContentProps>;

package/dist/components/ui/buttons/menu-button/IconMenuButton.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { ButtonElementProps } from "@stenajs-webui/core";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { MenuButtonVariant } from "./MenuButton";
+export interface IconMenuButtonProps extends ButtonElementProps {
+    selected?: boolean;
+    icon: IconDefinition;
+    variant?: MenuButtonVariant;
+}
+export declare const IconMenuButton: React.ForwardRefExoticComponent<IconMenuButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/buttons/menu-button/IconMenuButtonLink.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { AnchorElementProps } from "@stenajs-webui/core";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { MenuButtonVariant } from "./MenuButton";
+import { MenuButtonLinkRenderer } from "./MenuButtonLink";
+export declare type IconMenuButtonLinkProps = IconMenuButtonLinkNotSelectedProps | IconMenuButtonLinkWithSelectedProps | IconMenuButtonLinkWithRenderLinkProps;
+interface IconMenuButtonCommonProps extends AnchorElementProps {
+    icon: IconDefinition;
+    variant?: MenuButtonVariant;
+    disabled?: boolean;
+}
+export interface IconMenuButtonLinkNotSelectedProps extends IconMenuButtonCommonProps {
+    renderLink?: never;
+    selected?: never;
+}
+export interface IconMenuButtonLinkWithSelectedProps extends IconMenuButtonCommonProps {
+    renderLink?: never;
+    selected?: boolean;
+}
+export interface IconMenuButtonLinkWithRenderLinkProps extends IconMenuButtonCommonProps {
+    renderLink?: MenuButtonLinkRenderer;
+    selected?: never;
+}
+export declare const IconMenuButtonLink: React.ForwardRefExoticComponent<IconMenuButtonLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/components/ui/buttons/menu-button/MenuButton.d.ts

@@ -9,6 +9,8 @@ export interface MenuButtonProps extends ButtonElementProps {
     expandable?: boolean;
     selected?: boolean;
     leftIcon?: IconDefinition;
+    left?: ReactNode;
+    right?: ReactNode;
     variant?: MenuButtonVariant;
     children?: ReactNode;
 }

package/dist/components/ui/buttons/menu-button/MenuButtonContent.d.ts

@@ -1,7 +1,9 @@
 import * as React from "react";
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { ReactNode } from "react";
 export interface MenuButtonContentProps {
     leftIcon?: IconDefinition;
+    left?: ReactNode;
     label: string;
 }
 export declare const MenuButtonContent: React.FC<MenuButtonContentProps>;

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

@@ -1,12 +1,10 @@
 import * as React from "react";
 import { CssPropColor } from "@stenajs-webui/theme";
 import { IconProps } from "./Icon";
-declare type SizeVariant = "small" | "medium";
+export declare type CircledIconSizeVariant = "medium" | "small";
 export interface CircledIconProps extends Omit<IconProps, "size" | "color"> {
-    iconSize?: number;
     backgroundColor?: CssPropColor;
     iconColor?: CssPropColor;
-    sizeVariant?: SizeVariant;
+    size?: CircledIconSizeVariant;
 }
 export declare const CircledIcon: React.FC<CircledIconProps>;
-export {};

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

@@ -69,8 +69,10 @@ export declare const stenaDotsVertical: IconDefinition;
 export declare const stenaDots: IconDefinition;
 export declare const stenaDownloadPdf: IconDefinition;
 export declare const stenaDownload: IconDefinition;
+export declare const stenaDrag: IconDefinition;
 export declare const stenaEditColumns: IconDefinition;
 export declare const stenaEdit: IconDefinition;
+export declare const stenaEmptyRead: IconDefinition;
 export declare const stenaExclamationCircleFilled: IconDefinition;
 export declare const stenaExclamationCircle: IconDefinition;
 export declare const stenaExclamationTriangleFilled: IconDefinition;
@@ -109,6 +111,7 @@ export declare const stenaInfoMegaphone: IconDefinition;
 export declare const stenaInfoSpeechAlert: IconDefinition;
 export declare const stenaInfoSpeech: IconDefinition;
 export declare const stenaIntermodal: IconDefinition;
+export declare const stenaKeyboard: IconDefinition;
 export declare const stenaLanguage: IconDefinition;
 export declare const stenaLightbulb: IconDefinition;
 export declare const stenaLightning: IconDefinition;
@@ -146,6 +149,7 @@ export declare const stenaQuestionCircle: IconDefinition;
 export declare const stenaRateThumbDown: IconDefinition;
 export declare const stenaRateThumbUp: IconDefinition;
 export declare const stenaRefresh: IconDefinition;
+export declare const stenaRobot: IconDefinition;
 export declare const stenaSailingBus: IconDefinition;
 export declare const stenaSailingCar: IconDefinition;
 export declare const stenaSailingCargo: IconDefinition;
@@ -159,6 +163,7 @@ export declare const stenaSailingOnQuay: IconDefinition;
 export declare const stenaSailingOnRoute: IconDefinition;
 export declare const stenaSailingPeak: IconDefinition;
 export declare const stenaSailingRoundTrip: IconDefinition;
+export declare const stenaSailingRouteAlt: IconDefinition;
 export declare const stenaSailingRoute: IconDefinition;
 export declare const stenaSailingShip: IconDefinition;
 export declare const stenaSailingShoulder: IconDefinition;
@@ -191,6 +196,7 @@ export declare const stenaStack: IconDefinition;
 export declare const stenaStar: IconDefinition;
 export declare const stenaStatisticsBar: IconDefinition;
 export declare const stenaStatisticsLine: IconDefinition;
+export declare const stenaStatisticsPie: IconDefinition;
 export declare const stenaStatusActive: IconDefinition;
 export declare const stenaStatusBlock: IconDefinition;
 export declare const stenaStatusCanceled: IconDefinition;

package/dist/index.d.ts

@@ -16,13 +16,16 @@ export * from "./components/ui/buttons/SecondaryButton";
 export * from "./components/ui/buttons/common/ButtonCommon";
 export * from "./components/ui/buttons/common/ButtonContent";
 export * from "./components/ui/buttons/menu-button/MenuButton";
+export * from "./components/ui/buttons/menu-button/IconMenuButton";
 export * from "./components/ui/buttons/menu-button/MenuButtonLink";
+export * from "./components/ui/buttons/menu-button/IconMenuButtonLink";
 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/icon/CircledIcon";
 export * from "./components/ui/card/Card";
 export * from "./components/ui/card/CardHeader";
 export * from "./components/ui/card/CardBody";