@stenajs-webui/elements 19.0.0-next.3 → 19.0.0-next.31

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.
@@ -2,8 +2,8 @@ import { DivProps } 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
- import { MenuButtonContentProps } from "../buttons/menu-button/MenuButtonContent";
6
- export interface ActionMenuItemContentProps extends DivProps, MenuButtonContentProps {
5
+ import { MenuButtonContentProps } from "../buttons/menu-button/internal/MenuButtonContent";
6
+ export interface ActionMenuItemContentProps extends DivProps, Omit<MenuButtonContentProps, "left"> {
7
7
  leftIcon?: IconDefinition;
8
8
  disabled?: boolean;
9
9
  right?: ReactNode;
@@ -1,8 +1,5 @@
1
1
  import * as React from "react";
2
2
  import { PrimaryButtonProps } from "./PrimaryButton";
3
- export declare type FlatButtonProps = PrimaryButtonProps & {
4
- inverted?: boolean;
5
- };
6
- export declare const FlatButton: React.ForwardRefExoticComponent<PrimaryButtonProps & {
7
- inverted?: boolean | undefined;
8
- } & React.RefAttributes<HTMLButtonElement>>;
3
+ export interface FlatButtonProps extends PrimaryButtonProps {
4
+ }
5
+ export declare const FlatButton: React.ForwardRefExoticComponent<FlatButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -35,4 +35,6 @@ export interface CommonButtonProps {
35
35
  leftWrapperClassName?: string;
36
36
  /** Right wrapper class name */
37
37
  rightWrapperClassName?: string;
38
+ /** Show only icon when small screen */
39
+ responsiveIconOnly?: boolean;
38
40
  }
@@ -16,5 +16,6 @@ export interface ButtonContentProps {
16
16
  leftWrapperClassName?: string;
17
17
  rightWrapperClassName?: string;
18
18
  size?: ButtonSize;
19
+ responsiveIconOnly?: boolean;
19
20
  }
20
21
  export declare const ButtonContent: React.FC<ButtonContentProps>;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import { ReactNode } from "react";
3
+ import { LabelElementProps } from "@stenajs-webui/core";
4
+ export interface ContentMenuButtonProps extends LabelElementProps {
5
+ children?: ReactNode;
6
+ }
7
+ export declare const ContentMenuButton: React.ForwardRefExoticComponent<ContentMenuButtonProps & React.RefAttributes<HTMLLabelElement>>;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { ButtonElementProps } from "@stenajs-webui/core";
3
+ import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
4
+ import { MenuButtonVariant } from "./MenuButton";
5
+ export interface IconMenuButtonProps extends ButtonElementProps {
6
+ selected?: boolean;
7
+ icon: IconDefinition;
8
+ variant?: MenuButtonVariant;
9
+ }
10
+ export declare const IconMenuButton: React.ForwardRefExoticComponent<IconMenuButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,25 @@
1
+ import * as React from "react";
2
+ import { AnchorElementProps } from "@stenajs-webui/core";
3
+ import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
4
+ import { MenuButtonVariant } from "./MenuButton";
5
+ import { MenuButtonLinkRenderer } from "./MenuButtonLink";
6
+ export declare type IconMenuButtonLinkProps = IconMenuButtonLinkNotSelectedProps | IconMenuButtonLinkWithSelectedProps | IconMenuButtonLinkWithRenderLinkProps;
7
+ interface IconMenuButtonCommonProps extends AnchorElementProps {
8
+ icon: IconDefinition;
9
+ variant?: MenuButtonVariant;
10
+ disabled?: boolean;
11
+ }
12
+ export interface IconMenuButtonLinkNotSelectedProps extends IconMenuButtonCommonProps {
13
+ renderLink?: never;
14
+ selected?: never;
15
+ }
16
+ export interface IconMenuButtonLinkWithSelectedProps extends IconMenuButtonCommonProps {
17
+ renderLink?: never;
18
+ selected?: boolean;
19
+ }
20
+ export interface IconMenuButtonLinkWithRenderLinkProps extends IconMenuButtonCommonProps {
21
+ renderLink?: MenuButtonLinkRenderer;
22
+ selected?: never;
23
+ }
24
+ export declare const IconMenuButtonLink: React.ForwardRefExoticComponent<IconMenuButtonLinkProps & React.RefAttributes<HTMLAnchorElement>>;
25
+ export {};
@@ -9,6 +9,7 @@ export interface MenuButtonProps extends ButtonElementProps {
9
9
  expandable?: boolean;
10
10
  selected?: boolean;
11
11
  leftIcon?: IconDefinition;
12
+ left?: ReactNode;
12
13
  right?: ReactNode;
13
14
  variant?: MenuButtonVariant;
14
15
  children?: ReactNode;
@@ -1,7 +1,9 @@
1
1
  import * as React from "react";
2
2
  import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
3
+ import { ReactNode } from "react";
3
4
  export interface MenuButtonContentProps {
4
5
  leftIcon?: IconDefinition;
6
+ left?: ReactNode;
5
7
  label: string;
6
8
  }
7
9
  export declare const MenuButtonContent: React.FC<MenuButtonContentProps>;
@@ -1,12 +1,10 @@
1
1
  import * as React from "react";
2
2
  import { CssPropColor } from "@stenajs-webui/theme";
3
3
  import { IconProps } from "./Icon";
4
- declare type SizeVariant = "small" | "medium";
4
+ export declare type CircledIconSizeVariant = "medium" | "small";
5
5
  export interface CircledIconProps extends Omit<IconProps, "size" | "color"> {
6
- iconSize?: number;
7
6
  backgroundColor?: CssPropColor;
8
7
  iconColor?: CssPropColor;
9
- sizeVariant?: SizeVariant;
8
+ size?: CircledIconSizeVariant;
10
9
  }
11
10
  export declare const CircledIcon: React.FC<CircledIconProps>;
12
- export {};
@@ -1,5 +1,8 @@
1
1
  import * as React from "react";
2
2
  import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
3
+ export declare const IconDemoList: React.FC<{
4
+ icons: Record<string, IconDefinition>;
5
+ }>;
3
6
  export declare const IconDemo: React.FC<{
4
7
  icon: IconDefinition;
5
8
  }>;
@@ -58,6 +58,7 @@ export declare const stenaClock: IconDefinition;
58
58
  export declare const stenaCloudArrow: IconDefinition;
59
59
  export declare const stenaCloud: IconDefinition;
60
60
  export declare const stenaCog: IconDefinition;
61
+ export declare const stenaCompare: IconDefinition;
61
62
  export declare const stenaCompress: IconDefinition;
62
63
  export declare const stenaCookies: IconDefinition;
63
64
  export declare const stenaCopyDocument: IconDefinition;
@@ -69,8 +70,10 @@ export declare const stenaDotsVertical: IconDefinition;
69
70
  export declare const stenaDots: IconDefinition;
70
71
  export declare const stenaDownloadPdf: IconDefinition;
71
72
  export declare const stenaDownload: IconDefinition;
73
+ export declare const stenaDrag: IconDefinition;
72
74
  export declare const stenaEditColumns: IconDefinition;
73
75
  export declare const stenaEdit: IconDefinition;
76
+ export declare const stenaEmptyRead: IconDefinition;
74
77
  export declare const stenaExclamationCircleFilled: IconDefinition;
75
78
  export declare const stenaExclamationCircle: IconDefinition;
76
79
  export declare const stenaExclamationTriangleFilled: IconDefinition;
@@ -91,9 +94,11 @@ export declare const stenaFileXlsLabel: IconDefinition;
91
94
  export declare const stenaFileXls: IconDefinition;
92
95
  export declare const stenaFilter: IconDefinition;
93
96
  export declare const stenaFinancePaid: IconDefinition;
97
+ export declare const stenaFinancePayPartially: IconDefinition;
94
98
  export declare const stenaFinancePay: IconDefinition;
95
99
  export declare const stenaFinanceRaise: IconDefinition;
96
100
  export declare const stenaFinanceRebate: IconDefinition;
101
+ export declare const stenaFinanceUnpaidAlt: IconDefinition;
97
102
  export declare const stenaFinanceUnpaid: IconDefinition;
98
103
  export declare const stenaFinanceWallet: IconDefinition;
99
104
  export declare const stenaHamburger: IconDefinition;
@@ -109,6 +114,7 @@ export declare const stenaInfoMegaphone: IconDefinition;
109
114
  export declare const stenaInfoSpeechAlert: IconDefinition;
110
115
  export declare const stenaInfoSpeech: IconDefinition;
111
116
  export declare const stenaIntermodal: IconDefinition;
117
+ export declare const stenaKeyboard: IconDefinition;
112
118
  export declare const stenaLanguage: IconDefinition;
113
119
  export declare const stenaLightbulb: IconDefinition;
114
120
  export declare const stenaLightning: IconDefinition;
@@ -132,6 +138,7 @@ export declare const stenaMove: IconDefinition;
132
138
  export declare const stenaOverview: IconDefinition;
133
139
  export declare const stenaPen: IconDefinition;
134
140
  export declare const stenaPercentage: IconDefinition;
141
+ export declare const stenaPerformance: IconDefinition;
135
142
  export declare const stenaPets: IconDefinition;
136
143
  export declare const stenaPhone: IconDefinition;
137
144
  export declare const stenaPhoto: IconDefinition;
@@ -146,6 +153,7 @@ export declare const stenaQuestionCircle: IconDefinition;
146
153
  export declare const stenaRateThumbDown: IconDefinition;
147
154
  export declare const stenaRateThumbUp: IconDefinition;
148
155
  export declare const stenaRefresh: IconDefinition;
156
+ export declare const stenaRobot: IconDefinition;
149
157
  export declare const stenaSailingBus: IconDefinition;
150
158
  export declare const stenaSailingCar: IconDefinition;
151
159
  export declare const stenaSailingCargo: IconDefinition;
@@ -153,12 +161,12 @@ export declare const stenaSailingCrane: IconDefinition;
153
161
  export declare const stenaSailingGate: IconDefinition;
154
162
  export declare const stenaSailingImportExport: IconDefinition;
155
163
  export declare const stenaSailingLocation: IconDefinition;
156
- export declare const stenaSailingNoShow: IconDefinition;
157
164
  export declare const stenaSailingOffpeak: IconDefinition;
158
165
  export declare const stenaSailingOnQuay: IconDefinition;
159
166
  export declare const stenaSailingOnRoute: IconDefinition;
160
167
  export declare const stenaSailingPeak: IconDefinition;
161
168
  export declare const stenaSailingRoundTrip: IconDefinition;
169
+ export declare const stenaSailingRouteAlt: IconDefinition;
162
170
  export declare const stenaSailingRoute: IconDefinition;
163
171
  export declare const stenaSailingShip: IconDefinition;
164
172
  export declare const stenaSailingShoulder: IconDefinition;
@@ -191,6 +199,7 @@ export declare const stenaStack: IconDefinition;
191
199
  export declare const stenaStar: IconDefinition;
192
200
  export declare const stenaStatisticsBar: IconDefinition;
193
201
  export declare const stenaStatisticsLine: IconDefinition;
202
+ export declare const stenaStatisticsPie: IconDefinition;
194
203
  export declare const stenaStatusActive: IconDefinition;
195
204
  export declare const stenaStatusBlock: IconDefinition;
196
205
  export declare const stenaStatusCanceled: IconDefinition;
@@ -0,0 +1,6 @@
1
+ import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
2
+ export declare const stenaHumanAdult: IconDefinition;
3
+ export declare const stenaHumanChild: IconDefinition;
4
+ export declare const stenaHumanInfant: IconDefinition;
5
+ export declare const stenaHumanSenior: IconDefinition;
6
+ export declare const stenaHumanStudent: IconDefinition;
@@ -0,0 +1,10 @@
1
+ import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
2
+ export declare const stenaBicycle: IconDefinition;
3
+ export declare const stenaVehicleCarLarge: IconDefinition;
4
+ export declare const stenaVehicleCarMpv: IconDefinition;
5
+ export declare const stenaVehicleCarStandard: IconDefinition;
6
+ export declare const stenaVehicleMotorcycle: IconDefinition;
7
+ export declare const stenaVehicleMotorhomeExtraLarge: IconDefinition;
8
+ export declare const stenaVehicleMotorhomeLarge: IconDefinition;
9
+ export declare const stenaVehicleMotorhomeMedium: IconDefinition;
10
+ export declare const stenaVehicleMotorhomeStandard: IconDefinition;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export declare const StenaFlag: SvgrComponent;
2
- export * from "./icons/ui/IconsUi";
3
- export * from "./icons/misc/IconsMisc";
2
+ export * from "./icons/generated/CommonIcons";
3
+ export * from "./icons/generated/VehicleTypeIcons";
4
+ export * from "./icons/generated/PassengerTypeIcons";
4
5
  export * from "./components/ui/banners/banner/Banner";
5
6
  export * from "./components/ui/banners/result-list-banner/ResultListBanner";
6
7
  export * from "./components/ui/banners/result-list-banner/hooks/UseResultListBannerState";
@@ -16,13 +17,17 @@ export * from "./components/ui/buttons/SecondaryButton";
16
17
  export * from "./components/ui/buttons/common/ButtonCommon";
17
18
  export * from "./components/ui/buttons/common/ButtonContent";
18
19
  export * from "./components/ui/buttons/menu-button/MenuButton";
20
+ export * from "./components/ui/buttons/menu-button/ContentMenuButton";
21
+ export * from "./components/ui/buttons/menu-button/IconMenuButton";
19
22
  export * from "./components/ui/buttons/menu-button/MenuButtonLink";
23
+ export * from "./components/ui/buttons/menu-button/IconMenuButtonLink";
20
24
  export * from "./components/ui/button-links/FlatButtonLink";
21
25
  export * from "./components/ui/button-links/PrimaryButtonLink";
22
26
  export * from "./components/ui/button-links/SecondaryButtonLink";
23
27
  export * from "./components/ui/button-group/ButtonGroup";
24
28
  export * from "./components/ui/up-down-buttons/UpDownButtons";
25
29
  export * from "./components/ui/icon/Icon";
30
+ export * from "./components/ui/icon/CircledIcon";
26
31
  export * from "./components/ui/card/Card";
27
32
  export * from "./components/ui/card/CardHeader";
28
33
  export * from "./components/ui/card/CardBody";