@stenajs-webui/elements 20.6.10 → 20.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/badge/Badge.d.ts +1 -1
- package/dist/components/ui/banners/banner/Banner.d.ts +1 -1
- package/dist/components/ui/buttons/TextInputButton.d.ts +2 -2
- package/dist/components/ui/buttons/common/ButtonCommon.d.ts +2 -2
- package/dist/components/ui/buttons/menu-button/IconMenuButtonLink.d.ts +1 -1
- package/dist/components/ui/buttons/menu-button/MenuButton.d.ts +1 -1
- package/dist/components/ui/buttons/menu-button/MenuButtonLink.d.ts +2 -2
- package/dist/components/ui/card/CardBody.d.ts +1 -1
- package/dist/components/ui/card/CardHeader.d.ts +1 -1
- package/dist/components/ui/chip/Chip.d.ts +1 -1
- package/dist/components/ui/icon/CircledIcon.d.ts +5 -5
- package/dist/components/ui/link/Link.d.ts +2 -2
- package/dist/components/ui/route-leg/RouteLeg.d.ts +2 -2
- package/dist/components/ui/route-leg/TimeTag.d.ts +1 -1
- package/dist/components/ui/spinner/Spinner.d.ts +2 -2
- package/dist/components/ui/step-indicator-list/StepIndicatorStatus.d.ts +1 -1
- package/dist/components/ui/tag/Tag.d.ts +2 -2
- package/dist/components/ui/toggle-button/ToggleButton.d.ts +1 -1
- package/dist/components/ui/value-table/ValueTable.d.ts +1 -1
- package/dist/icons/generated/CommonIcons.d.ts +3 -0
- package/dist/index.es.js +738 -702
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
3
|
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
4
|
-
export
|
|
4
|
+
export type BannerVariant = "standard" | "info" | "success" | "warning" | "error";
|
|
5
5
|
export interface BannerProps {
|
|
6
6
|
icon?: IconDefinition;
|
|
7
7
|
headerText?: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { ButtonElementProps } from "@stenajs-webui/core";
|
|
3
3
|
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type TextInputButtonVariant = "normal" | "error" | "warning" | "success" | "passive";
|
|
5
|
+
export type TextInputButtonSize = "medium" | "small";
|
|
6
6
|
export interface TextInputButtonProps extends ButtonElementProps {
|
|
7
7
|
variant?: TextInputButtonVariant;
|
|
8
8
|
icon?: IconDefinition;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type ButtonSize = "medium" | "small" | "large" | "larger";
|
|
4
|
+
export type ButtonVariant = "normal" | "danger" | "success";
|
|
5
5
|
export interface CommonButtonProps {
|
|
6
6
|
/** The text on the button. */
|
|
7
7
|
label?: string;
|
|
@@ -3,7 +3,7 @@ import { AnchorElementProps } from "@stenajs-webui/core";
|
|
|
3
3
|
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
4
4
|
import { MenuButtonVariant } from "./MenuButton";
|
|
5
5
|
import { MenuButtonLinkRenderer } from "./MenuButtonLink";
|
|
6
|
-
export
|
|
6
|
+
export type IconMenuButtonLinkProps = IconMenuButtonLinkNotSelectedProps | IconMenuButtonLinkWithSelectedProps | IconMenuButtonLinkWithRenderLinkProps;
|
|
7
7
|
interface IconMenuButtonCommonProps extends AnchorElementProps {
|
|
8
8
|
icon: IconDefinition;
|
|
9
9
|
variant?: MenuButtonVariant;
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
3
|
import { ButtonElementProps } from "@stenajs-webui/core";
|
|
4
4
|
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
5
|
-
export
|
|
5
|
+
export type MenuButtonVariant = "standard" | "danger" | "success";
|
|
6
6
|
export interface MenuButtonProps extends ButtonElementProps {
|
|
7
7
|
label: string;
|
|
8
8
|
expanded?: boolean;
|
|
@@ -3,8 +3,8 @@ import { ReactNode } from "react";
|
|
|
3
3
|
import { AnchorElementProps } from "@stenajs-webui/core";
|
|
4
4
|
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
5
5
|
import { MenuButtonVariant } from "./MenuButton";
|
|
6
|
-
export
|
|
7
|
-
export
|
|
6
|
+
export type MenuButtonLinkRenderer = (anchorProps: AnchorElementProps, activeClassName: string) => ReactNode;
|
|
7
|
+
export type MenuButtonLinkProps = MenuButtonLinkNotSelectedProps | MenuButtonLinkWithSelectedProps | MenuButtonLinkWithRenderLinkProps;
|
|
8
8
|
interface MenuButtonCommonProps extends AnchorElementProps {
|
|
9
9
|
label: string;
|
|
10
10
|
leftIcon?: IconDefinition;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BoxProps } from "@stenajs-webui/core";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
export
|
|
3
|
+
export type CardBodyVariant = "standard" | "compact";
|
|
4
4
|
interface CardBodyProps extends Omit<BoxProps, "indent" | "spacing"> {
|
|
5
5
|
variant?: CardBodyVariant;
|
|
6
6
|
}
|
|
@@ -2,7 +2,7 @@ import { BoxProps, HeadingVariant } from "@stenajs-webui/core";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
5
|
-
export
|
|
5
|
+
export type CardHeaderVariant = "standard" | "compact";
|
|
6
6
|
export interface CardHeaderProps extends Pick<BoxProps, "className" | "flex"> {
|
|
7
7
|
text?: string;
|
|
8
8
|
variant?: CardHeaderVariant;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { MouseEventHandler } from "react";
|
|
3
|
-
export
|
|
3
|
+
export type ChipVariant = "primary" | "secondary";
|
|
4
4
|
export interface ChipProps {
|
|
5
5
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
6
6
|
onClickRemove?: MouseEventHandler<HTMLButtonElement>;
|
|
@@ -2,11 +2,11 @@ import * as React from "react";
|
|
|
2
2
|
import { CssPropColor } from "@stenajs-webui/theme";
|
|
3
3
|
import { IconProps } from "./Icon";
|
|
4
4
|
import { MediumIcon, XlIcon } from "../../../icons/IconSizes";
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
5
|
+
export type CircledIconSizeVariant = CircledIconSizeStandardVariant | CircledIconSizeXlVariant;
|
|
6
|
+
export type CircledIconSizeStandardVariant = "medium" | "small" | "large";
|
|
7
|
+
export type CircledIconSizeXlVariant = "xl";
|
|
8
|
+
export type CircledIconVariant = "normal" | "whiteBg";
|
|
9
|
+
export type CircledIconProps = CircledIconNormalProps | CircledIconXlProps;
|
|
10
10
|
export interface CircledIconCommonProps extends Omit<IconProps, "size" | "color" | "icon"> {
|
|
11
11
|
backgroundColor?: CssPropColor;
|
|
12
12
|
iconColor?: CssPropColor;
|
|
@@ -9,6 +9,6 @@ export interface LinkProps extends AnchorElementProps {
|
|
|
9
9
|
variant?: LinkVariant;
|
|
10
10
|
size?: LinkSize;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
13
|
-
export
|
|
12
|
+
export type LinkVariant = "standard" | "caption" | "overline" | "bold";
|
|
13
|
+
export type LinkSize = "large" | "medium" | "small" | "smaller";
|
|
14
14
|
export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type ModeOfTransport = "ship" | "rail";
|
|
3
|
+
export type RouteLegSize = "standard" | "compact" | "relaxed";
|
|
4
4
|
interface LocationAndTimeProps {
|
|
5
5
|
location: string;
|
|
6
6
|
originalDateTime?: string;
|
|
@@ -4,6 +4,6 @@ export interface SpinnerProps {
|
|
|
4
4
|
variant?: SpinnerVariant;
|
|
5
5
|
color?: string;
|
|
6
6
|
}
|
|
7
|
-
export
|
|
8
|
-
export
|
|
7
|
+
export type SpinnerVariant = "standard" | "inverted";
|
|
8
|
+
export type SpinnerSize = "medium" | "small" | "tiny";
|
|
9
9
|
export declare const Spinner: React.FC<SpinnerProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type Status = "current" | "passed";
|
|
@@ -9,6 +9,6 @@ export interface TagProps {
|
|
|
9
9
|
style?: CSSProperties;
|
|
10
10
|
icon?: IconDefinition;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
13
|
-
export
|
|
12
|
+
export type TagVariant = "info" | "info-strong" | "error" | "error-strong" | "warning" | "warning-strong" | "success" | "success-strong" | "passive";
|
|
13
|
+
export type TagSize = "medium" | "small";
|
|
14
14
|
export declare const Tag: React.FC<TagProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { InputElementProps } from "@stenajs-webui/core";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
export
|
|
3
|
+
export type ToggleButtonSize = "small" | "medium" | "large";
|
|
4
4
|
export interface ToggleButtonProps extends Omit<InputElementProps, "value" | "size" | "checked"> {
|
|
5
5
|
value?: boolean;
|
|
6
6
|
onValueChange?: (value: boolean) => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
|
-
export
|
|
3
|
+
export type ValueTableVariant = "relaxed" | "standard" | "condensed" | "compact";
|
|
4
4
|
export interface ValueTableProps {
|
|
5
5
|
header?: string;
|
|
6
6
|
footer?: string;
|
|
@@ -5,6 +5,7 @@ export declare const stenaAtm: MediumIcon;
|
|
|
5
5
|
export declare const stenaBackspace: MediumIcon;
|
|
6
6
|
export declare const stenaBan: MediumIcon;
|
|
7
7
|
export declare const stenaBar: MediumIcon;
|
|
8
|
+
export declare const stenaBasket: MediumIcon;
|
|
8
9
|
export declare const stenaBellFilled: MediumIcon;
|
|
9
10
|
export declare const stenaBell: MediumIcon;
|
|
10
11
|
export declare const stenaBookmark: MediumIcon;
|
|
@@ -125,6 +126,7 @@ export declare const stenaPin: MediumIcon;
|
|
|
125
126
|
export declare const stenaPluginCheck: MediumIcon;
|
|
126
127
|
export declare const stenaPlugin: MediumIcon;
|
|
127
128
|
export declare const stenaPlusCircle: MediumIcon;
|
|
129
|
+
export declare const stenaPlusSmall: MediumIcon;
|
|
128
130
|
export declare const stenaPlus: MediumIcon;
|
|
129
131
|
export declare const stenaPrint: MediumIcon;
|
|
130
132
|
export declare const stenaQuestionBubble: MediumIcon;
|
|
@@ -171,6 +173,7 @@ export declare const stenaSearchPlus: MediumIcon;
|
|
|
171
173
|
export declare const stenaSearch: MediumIcon;
|
|
172
174
|
export declare const stenaSendPlane: MediumIcon;
|
|
173
175
|
export declare const stenaService: MediumIcon;
|
|
176
|
+
export declare const stenaShareAlt: MediumIcon;
|
|
174
177
|
export declare const stenaShare: MediumIcon;
|
|
175
178
|
export declare const stenaShield: MediumIcon;
|
|
176
179
|
export declare const stenaSignIn: MediumIcon;
|