@stenajs-webui/elements 20.6.11 → 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/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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stenajs-webui/elements",
|
|
3
|
-
"version": "20.
|
|
3
|
+
"version": "20.7.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "",
|
|
6
6
|
"author": "mattias800",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@react-aria/focus": "^3.15.0",
|
|
37
|
-
"@stenajs-webui/core": "20.
|
|
38
|
-
"@stenajs-webui/theme": "20.
|
|
37
|
+
"@stenajs-webui/core": "20.7.0",
|
|
38
|
+
"@stenajs-webui/theme": "20.7.0",
|
|
39
39
|
"classnames": "^2.3.1"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"files": [
|
|
69
69
|
"dist"
|
|
70
70
|
],
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "8dc9fe226a0ae212caa675f867b9d9bce3bbb7e6"
|
|
72
72
|
}
|