@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.
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- export declare type BadgeVariant = "info" | "warning" | "error";
2
+ export type BadgeVariant = "info" | "warning" | "error";
3
3
  export interface BadgeProps {
4
4
  label?: string | number;
5
5
  variant?: BadgeVariant;
@@ -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 declare type BannerVariant = "standard" | "info" | "success" | "warning" | "error";
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 declare type TextInputButtonVariant = "normal" | "error" | "warning" | "success" | "passive";
5
- export declare type TextInputButtonSize = "medium" | "small";
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 declare type ButtonSize = "medium" | "small" | "large" | "larger";
4
- export declare type ButtonVariant = "normal" | "danger" | "success";
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 declare type IconMenuButtonLinkProps = IconMenuButtonLinkNotSelectedProps | IconMenuButtonLinkWithSelectedProps | IconMenuButtonLinkWithRenderLinkProps;
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 declare type MenuButtonVariant = "standard" | "danger" | "success";
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 declare type MenuButtonLinkRenderer = (anchorProps: AnchorElementProps, activeClassName: string) => ReactNode;
7
- export declare type MenuButtonLinkProps = MenuButtonLinkNotSelectedProps | MenuButtonLinkWithSelectedProps | MenuButtonLinkWithRenderLinkProps;
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 declare type CardBodyVariant = "standard" | "compact";
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 declare type CardHeaderVariant = "standard" | "compact";
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 declare type ChipVariant = "primary" | "secondary";
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 declare type CircledIconSizeVariant = CircledIconSizeStandardVariant | CircledIconSizeXlVariant;
6
- export declare type CircledIconSizeStandardVariant = "medium" | "small" | "large";
7
- export declare type CircledIconSizeXlVariant = "xl";
8
- export declare type CircledIconVariant = "normal" | "whiteBg";
9
- export declare type CircledIconProps = CircledIconNormalProps | CircledIconXlProps;
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 declare type LinkVariant = "standard" | "caption" | "overline" | "bold";
13
- export declare type LinkSize = "large" | "medium" | "small" | "smaller";
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 declare type ModeOfTransport = "ship" | "rail";
3
- export declare type RouteLegSize = "standard" | "compact" | "relaxed";
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;
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- export declare type TimeTagVariant = "waiting" | "total";
2
+ export type TimeTagVariant = "waiting" | "total";
3
3
  export interface TimeTagProps {
4
4
  label: string;
5
5
  variant?: TimeTagVariant;
@@ -4,6 +4,6 @@ export interface SpinnerProps {
4
4
  variant?: SpinnerVariant;
5
5
  color?: string;
6
6
  }
7
- export declare type SpinnerVariant = "standard" | "inverted";
8
- export declare type SpinnerSize = "medium" | "small" | "tiny";
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 declare type Status = "current" | "passed";
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 declare type TagVariant = "info" | "info-strong" | "error" | "error-strong" | "warning" | "warning-strong" | "success" | "success-strong" | "passive";
13
- export declare type TagSize = "medium" | "small";
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 declare type ToggleButtonSize = "small" | "medium" | "large";
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 declare type ValueTableVariant = "relaxed" | "standard" | "condensed" | "compact";
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;