@stenajs-webui/elements 18.11.2-next.0 → 18.12.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,12 +1,13 @@
1
1
  import { BoxProps } from "@stenajs-webui/core";
2
2
  import * as React from "react";
3
3
  import { ReactNode } from "react";
4
+ export declare type ActionMenuVariant = "standard" | "outlined";
4
5
  export interface ActionMenuProps {
5
6
  top?: ReactNode;
6
7
  width?: BoxProps["width"];
8
+ variant?: ActionMenuVariant;
7
9
  shadow?: BoxProps["shadow"];
8
10
  trapFocus?: boolean;
9
11
  children?: ReactNode;
10
- className?: string;
11
12
  }
12
13
  export declare const ActionMenu: React.FC<ActionMenuProps>;
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ import { ButtonContentProps } from "../buttons/common/ButtonContent";
3
+ export declare const ActionMenuCommonContent: React.VFC<ButtonContentProps>;
@@ -1,6 +1,9 @@
1
+ import { ButtonElementProps } from "@stenajs-webui/core";
2
+ import { ButtonContentProps } from "../buttons/common/ButtonContent";
1
3
  import * as React from "react";
2
- import { MenuButtonProps } from "../buttons/menu-button/MenuButton";
3
- export interface ActionMenuItemProps extends Omit<MenuButtonProps, "children" | "expandable" | "expanded" | "selected"> {
4
+ export declare type ActionMenuItemVariant = "standard" | "danger" | "success";
5
+ export interface ActionMenuItemProps extends Omit<ButtonElementProps, "children">, ButtonContentProps {
6
+ variant?: ActionMenuItemVariant;
4
7
  disableCloseOnClick?: boolean;
5
8
  }
6
9
  export declare const ActionMenuItem: React.ForwardRefExoticComponent<ActionMenuItemProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,12 +1,11 @@
1
1
  import { DivProps } from "@stenajs-webui/core";
2
2
  import * as React from "react";
3
3
  import { ReactNode } from "react";
4
- import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
5
- import { MenuButtonContentProps } from "../buttons/menu-button/MenuButtonContent";
6
- export interface ActionMenuItemContentProps extends DivProps, MenuButtonContentProps {
7
- leftIcon?: IconDefinition;
4
+ import { ButtonContentProps } from "../buttons/common/ButtonContent";
5
+ import { ActionMenuItemVariant } from "./ActionMenuItem";
6
+ export interface ActionMenuItemContentProps extends DivProps, ButtonContentProps {
7
+ variant?: ActionMenuItemVariant;
8
8
  disabled?: boolean;
9
- right?: ReactNode;
10
9
  bottom?: ReactNode;
11
10
  fullWidthBottomContent?: boolean;
12
11
  }
@@ -1,6 +1,9 @@
1
+ import { AnchorElementProps } from "@stenajs-webui/core";
1
2
  import * as React from "react";
2
- import { MenuButtonLinkProps } from "../buttons/menu-button/MenuButtonLink";
3
- export interface ActionMenuLinkProps extends Omit<MenuButtonLinkProps, "children" | "expandable" | "expanded" | "selected"> {
3
+ import { ActionMenuItemVariant } from "./ActionMenuItem";
4
+ import { ButtonContentProps } from "../buttons/common/ButtonContent";
5
+ export interface ActionMenuLinkProps extends AnchorElementProps, ButtonContentProps {
6
+ variant?: ActionMenuItemVariant;
4
7
  disabled?: boolean;
5
8
  disableCloseOnClick?: boolean;
6
9
  }
@@ -1,6 +1,6 @@
1
1
  import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
2
2
  import { ReactNode } from "react";
3
- export declare type ButtonSize = "medium" | "small" | "large" | "larger";
3
+ export declare type ButtonSize = "medium" | "small" | "large";
4
4
  export declare type ButtonVariant = "normal" | "danger" | "success";
5
5
  export interface CommonButtonProps {
6
6
  /** The text on the button. */
@@ -1,7 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { ReactNode } from "react";
3
3
  import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
4
- import { ButtonSize } from "./ButtonCommon";
5
4
  export interface ButtonContentProps {
6
5
  label?: string;
7
6
  loading?: boolean;
@@ -15,6 +14,5 @@ export interface ButtonContentProps {
15
14
  spinnerClassName?: string;
16
15
  leftWrapperClassName?: string;
17
16
  rightWrapperClassName?: string;
18
- size?: ButtonSize;
19
17
  }
20
18
  export declare const ButtonContent: React.FC<ButtonContentProps>;
@@ -1,6 +1,5 @@
1
1
  import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
2
2
  export declare const stenaAccount: IconDefinition;
3
- export declare const stenaAngleDown2: IconDefinition;
4
3
  export declare const stenaAngleDownDouble: IconDefinition;
5
4
  export declare const stenaAngleDown: IconDefinition;
6
5
  export declare const stenaAngleLeftDouble: IconDefinition;
@@ -9,7 +8,6 @@ export declare const stenaAngleRightDouble: IconDefinition;
9
8
  export declare const stenaAngleRight: IconDefinition;
10
9
  export declare const stenaAngleUpDouble: IconDefinition;
11
10
  export declare const stenaAngleUp: IconDefinition;
12
- export declare const stenaAnimals: IconDefinition;
13
11
  export declare const stenaArrowCircleDown: IconDefinition;
14
12
  export declare const stenaArrowCircleLeft: IconDefinition;
15
13
  export declare const stenaArrowCircleRight: IconDefinition;
@@ -28,29 +26,22 @@ export declare const stenaBackspace: IconDefinition;
28
26
  export declare const stenaBan: IconDefinition;
29
27
  export declare const stenaBellFilled: IconDefinition;
30
28
  export declare const stenaBell: IconDefinition;
31
- export declare const stenaBookmark: IconDefinition;
32
29
  export declare const stenaBusinessAgreement: IconDefinition;
33
- export declare const stenaBusinessArticle: IconDefinition;
34
30
  export declare const stenaBusinessCard: IconDefinition;
35
31
  export declare const stenaBusinessClaim: IconDefinition;
36
32
  export declare const stenaBusinessInvoice: IconDefinition;
37
33
  export declare const stenaBusinessNslh: IconDefinition;
38
34
  export declare const stenaBusinessSignature: IconDefinition;
39
- export declare const stenaBuy: IconDefinition;
40
35
  export declare const stenaCalculate: IconDefinition;
41
36
  export declare const stenaCalendarFilled: IconDefinition;
42
37
  export declare const stenaCalendarManage: IconDefinition;
43
38
  export declare const stenaCalendarSortDown: IconDefinition;
44
39
  export declare const stenaCalendarSortUp: IconDefinition;
45
40
  export declare const stenaCalendar: IconDefinition;
46
- export declare const stenaCargoConstruction: IconDefinition;
47
- export declare const stenaCargoMetal: IconDefinition;
48
41
  export declare const stenaCheckCircleFilled: IconDefinition;
49
42
  export declare const stenaCheckCircle: IconDefinition;
50
- export declare const stenaCheckDouble: IconDefinition;
51
43
  export declare const stenaCheckThick: IconDefinition;
52
44
  export declare const stenaCheck: IconDefinition;
53
- export declare const stenaClean: IconDefinition;
54
45
  export declare const stenaClearRow: IconDefinition;
55
46
  export declare const stenaClear: IconDefinition;
56
47
  export declare const stenaClockFilled: IconDefinition;
@@ -59,7 +50,6 @@ export declare const stenaCloudArrow: IconDefinition;
59
50
  export declare const stenaCloud: IconDefinition;
60
51
  export declare const stenaCog: IconDefinition;
61
52
  export declare const stenaCompress: IconDefinition;
62
- export declare const stenaCookies: IconDefinition;
63
53
  export declare const stenaCopyDocument: IconDefinition;
64
54
  export declare const stenaCopy: IconDefinition;
65
55
  export declare const stenaDetails: IconDefinition;
@@ -67,94 +57,78 @@ export declare const stenaDotFilled: IconDefinition;
67
57
  export declare const stenaDotOutline: IconDefinition;
68
58
  export declare const stenaDotsVertical: IconDefinition;
69
59
  export declare const stenaDots: IconDefinition;
60
+ export declare const stenaDownloadCsv: IconDefinition;
70
61
  export declare const stenaDownloadPdf: IconDefinition;
62
+ export declare const stenaDownloadXls: IconDefinition;
71
63
  export declare const stenaDownload: IconDefinition;
72
64
  export declare const stenaEditColumns: IconDefinition;
73
- export declare const stenaEdit: IconDefinition;
65
+ export declare const stenaEnterKey: IconDefinition;
74
66
  export declare const stenaExclamationCircleFilled: IconDefinition;
75
67
  export declare const stenaExclamationCircle: IconDefinition;
76
68
  export declare const stenaExclamationTriangleFilled: IconDefinition;
77
69
  export declare const stenaExclamationTriangle: IconDefinition;
78
70
  export declare const stenaExpand: IconDefinition;
79
71
  export declare const stenaExternalLink: IconDefinition;
80
- export declare const stenaEyeClose: IconDefinition;
81
- export declare const stenaEyeHide: IconDefinition;
82
- export declare const stenaEyeOpen: IconDefinition;
83
- export declare const stenaEyeShow: IconDefinition;
84
72
  export declare const stenaFavorites: IconDefinition;
85
73
  export declare const stenaFileCsvLabel: IconDefinition;
86
- export declare const stenaFileCsv: IconDefinition;
87
74
  export declare const stenaFilePdfLabel: IconDefinition;
88
- export declare const stenaFilePdf: IconDefinition;
89
75
  export declare const stenaFileXlsLabel: IconDefinition;
90
- export declare const stenaFileXls: IconDefinition;
91
76
  export declare const stenaFilter: IconDefinition;
92
77
  export declare const stenaFinancePaid: IconDefinition;
93
78
  export declare const stenaFinancePay: IconDefinition;
94
79
  export declare const stenaFinanceRaise: IconDefinition;
80
+ export declare const stenaFinanceRebatePercent: IconDefinition;
95
81
  export declare const stenaFinanceRebate: IconDefinition;
96
82
  export declare const stenaFinanceUnpaid: IconDefinition;
97
83
  export declare const stenaFinanceWallet: IconDefinition;
98
84
  export declare const stenaHamburger: IconDefinition;
99
- export declare const stenaHandicapped: IconDefinition;
100
85
  export declare const stenaHazardous: IconDefinition;
101
- export declare const stenaHelp: IconDefinition;
86
+ export declare const stenaHazardousFilled: IconDefinition;
102
87
  export declare const stenaHistory: IconDefinition;
103
- export declare const stenaHotelBed: IconDefinition;
104
- export declare const stenaHotel: IconDefinition;
105
88
  export declare const stenaInfoCircleFilled: IconDefinition;
106
89
  export declare const stenaInfoCircle: IconDefinition;
107
90
  export declare const stenaInfoMegaphone: IconDefinition;
108
- export declare const stenaInfoSpeechAlert: IconDefinition;
109
91
  export declare const stenaInfoSpeech: IconDefinition;
110
92
  export declare const stenaIntermodal: IconDefinition;
111
- export declare const stenaLanguage: IconDefinition;
112
93
  export declare const stenaLightbulb: IconDefinition;
113
- export declare const stenaLightning: IconDefinition;
114
- export declare const stenaLineDotted: IconDefinition;
115
- export declare const stenaLineSlash: IconDefinition;
116
- export declare const stenaLineStraight: IconDefinition;
117
94
  export declare const stenaLink: IconDefinition;
118
95
  export declare const stenaLockClosed: IconDefinition;
119
96
  export declare const stenaLockOpen: IconDefinition;
120
97
  export declare const stenaLogout: IconDefinition;
121
98
  export declare const stenaMail: IconDefinition;
122
- export declare const stenaMapNavigation: IconDefinition;
123
99
  export declare const stenaMerge: IconDefinition;
124
100
  export declare const stenaMinusCircle: IconDefinition;
125
101
  export declare const stenaMinus: IconDefinition;
126
102
  export declare const stenaMobile: IconDefinition;
127
- export declare const stenaMouse: IconDefinition;
128
103
  export declare const stenaMoveIn: IconDefinition;
129
104
  export declare const stenaMoveOut: IconDefinition;
130
105
  export declare const stenaMove: IconDefinition;
106
+ export declare const stenaOverviewFull: IconDefinition;
131
107
  export declare const stenaOverview: IconDefinition;
108
+ export declare const stenaPaw: IconDefinition;
132
109
  export declare const stenaPen: IconDefinition;
133
110
  export declare const stenaPercentage: IconDefinition;
134
- export declare const stenaPets: IconDefinition;
135
111
  export declare const stenaPhone: IconDefinition;
136
- export declare const stenaPhoto: IconDefinition;
137
112
  export declare const stenaPin: IconDefinition;
138
113
  export declare const stenaPluginCheck: IconDefinition;
139
114
  export declare const stenaPlugin: IconDefinition;
115
+ export declare const stenaPluginFilled: IconDefinition;
140
116
  export declare const stenaPlusCircle: IconDefinition;
141
117
  export declare const stenaPlus: IconDefinition;
142
118
  export declare const stenaPrint: IconDefinition;
143
119
  export declare const stenaQuestionBubble: IconDefinition;
144
120
  export declare const stenaQuestionCircle: IconDefinition;
145
- export declare const stenaRateThumbDown: IconDefinition;
146
- export declare const stenaRateThumbUp: IconDefinition;
147
121
  export declare const stenaRefresh: IconDefinition;
148
- export declare const stenaSailingBus: IconDefinition;
149
- export declare const stenaSailingCar: IconDefinition;
150
122
  export declare const stenaSailingCargo: IconDefinition;
151
123
  export declare const stenaSailingCrane: IconDefinition;
124
+ export declare const stenaSailingDrivers: IconDefinition;
152
125
  export declare const stenaSailingGate: IconDefinition;
153
126
  export declare const stenaSailingImportExport: IconDefinition;
154
127
  export declare const stenaSailingLocation: IconDefinition;
155
128
  export declare const stenaSailingNoShow: IconDefinition;
156
129
  export declare const stenaSailingOffpeak: IconDefinition;
157
130
  export declare const stenaSailingOnQuay: IconDefinition;
131
+ export declare const stenaSailingOnQuayFilled: IconDefinition;
158
132
  export declare const stenaSailingOnRoute: IconDefinition;
159
133
  export declare const stenaSailingPeak: IconDefinition;
160
134
  export declare const stenaSailingRoundTrip: IconDefinition;
@@ -169,61 +143,53 @@ export declare const stenaSailingTruckAlt: IconDefinition;
169
143
  export declare const stenaSailingVehicle: IconDefinition;
170
144
  export declare const stenaSave: IconDefinition;
171
145
  export declare const stenaSearchError: IconDefinition;
172
- export declare const stenaSearchMinus: IconDefinition;
173
- export declare const stenaSearchPlus: IconDefinition;
174
146
  export declare const stenaSearch: IconDefinition;
147
+ export declare const stenaSearchFilled: IconDefinition;
175
148
  export declare const stenaSendPlane: IconDefinition;
176
149
  export declare const stenaShare: IconDefinition;
177
- export declare const stenaShield: IconDefinition;
178
150
  export declare const stenaSignIn: IconDefinition;
179
151
  export declare const stenaSignOut: IconDefinition;
180
- export declare const stenaSlidersMini: IconDefinition;
181
152
  export declare const stenaSliders: IconDefinition;
182
153
  export declare const stenaSms: IconDefinition;
183
- export declare const stenaSortDownMini: IconDefinition;
184
154
  export declare const stenaSortDown: IconDefinition;
185
- export declare const stenaSortUpMini: IconDefinition;
186
155
  export declare const stenaSortUp: IconDefinition;
187
156
  export declare const stenaStackCheck: IconDefinition;
188
157
  export declare const stenaStack: IconDefinition;
189
- export declare const stenaStar: IconDefinition;
190
158
  export declare const stenaStatisticsBar: IconDefinition;
191
159
  export declare const stenaStatisticsLine: IconDefinition;
192
160
  export declare const stenaStatusActive: IconDefinition;
193
161
  export declare const stenaStatusBlock: IconDefinition;
194
162
  export declare const stenaStatusCanceled: IconDefinition;
163
+ export declare const stenaStatusCheckedinWaitlist: IconDefinition;
164
+ export declare const stenaStatusCheckedin: IconDefinition;
195
165
  export declare const stenaStatusConfirmed: IconDefinition;
196
166
  export declare const stenaStatusDone: IconDefinition;
197
167
  export declare const stenaStatusInProgress: IconDefinition;
198
- export declare const stenaStatusMissing: IconDefinition;
199
168
  export declare const stenaStatusNoShow: IconDefinition;
200
169
  export declare const stenaStatusTodo: IconDefinition;
201
- export declare const stenaSupport: IconDefinition;
170
+ export declare const stenaStatusWaitlist: IconDefinition;
202
171
  export declare const stenaSwitch: IconDefinition;
203
172
  export declare const stenaSync: IconDefinition;
204
173
  export declare const stenaTag: IconDefinition;
205
174
  export declare const stenaTags: IconDefinition;
206
175
  export declare const stenaTimesCircle: IconDefinition;
207
176
  export declare const stenaTimesSmall: IconDefinition;
208
- export declare const stenaTimesThick: IconDefinition;
209
177
  export declare const stenaTimes: IconDefinition;
210
- export declare const stenaTodoCreate: IconDefinition;
211
178
  export declare const stenaTodoDone: IconDefinition;
212
179
  export declare const stenaTodoList: IconDefinition;
213
180
  export declare const stenaTrash: IconDefinition;
214
- export declare const stenaTravelEnjoyHygge: IconDefinition;
215
181
  export declare const stenaTurnOff: IconDefinition;
216
182
  export declare const stenaUndo: IconDefinition;
217
183
  export declare const stenaUnlink: IconDefinition;
218
184
  export declare const stenaUpload: IconDefinition;
219
185
  export declare const stenaUserAdd: IconDefinition;
220
186
  export declare const stenaUserCircle: IconDefinition;
187
+ export declare const stenaUserCircleFilled: IconDefinition;
221
188
  export declare const stenaUserGroupLarge: IconDefinition;
222
189
  export declare const stenaUserGroupSmall: IconDefinition;
223
190
  export declare const stenaUserMultiple: IconDefinition;
224
191
  export declare const stenaUserSingle: IconDefinition;
192
+ export declare const stenaUserMultipleFilled: IconDefinition;
225
193
  export declare const stenaUser: IconDefinition;
226
194
  export declare const stenaUsers: IconDefinition;
227
195
  export declare const stenaWarehouse: IconDefinition;
228
- export declare const stenaWeather: IconDefinition;
229
- export declare const stenaWifi: IconDefinition;
package/dist/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export declare const StenaFlag: SvgrComponent;
2
1
  export * from "./icons/ui/IconsUi";
3
2
  export * from "./icons/misc/IconsMisc";
4
3
  export * from "./components/ui/banners/banner/Banner";
@@ -15,8 +14,6 @@ export * from "./components/ui/buttons/PrimaryButton";
15
14
  export * from "./components/ui/buttons/SecondaryButton";
16
15
  export * from "./components/ui/buttons/common/ButtonCommon";
17
16
  export * from "./components/ui/buttons/common/ButtonContent";
18
- export * from "./components/ui/buttons/menu-button/MenuButton";
19
- export * from "./components/ui/buttons/menu-button/MenuButtonLink";
20
17
  export * from "./components/ui/button-links/FlatButtonLink";
21
18
  export * from "./components/ui/button-links/PrimaryButtonLink";
22
19
  export * from "./components/ui/button-links/SecondaryButtonLink";