@mailstep/design-system 0.8.34 → 0.8.35
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/package.json +2 -3
- package/ui/Blocks/CommonGrid/components/ControlButtons/styles.d.ts +4 -4
- package/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.d.ts +1 -1
- package/ui/Blocks/CommonGrid/components/FloatingButton/FloatingButton.d.ts +2 -2
- package/ui/Blocks/CommonGrid/components/GridAggregation/styles.d.ts +3 -3
- package/ui/Blocks/CommonGrid/components/IconList/IconList.d.ts +4 -4
- package/ui/Blocks/CommonGrid/components/ManageColumnForm/styles.d.ts +1 -1
- package/ui/Blocks/CommonGrid/components/MobileOverlayWrapper.d.ts +1 -1
- package/ui/Blocks/CommonGrid/components/PresetsModalBody/components/TagRemove.d.ts +1 -1
- package/ui/Blocks/CommonGrid/components/Table.d.ts +8 -8
- package/ui/Blocks/CommonGrid/components/gridCells/LinkInCell.d.ts +1 -1
- package/ui/Blocks/CommonGrid/components/gridCells/RemoveItem.d.ts +2 -2
- package/ui/Blocks/CommonGrid/styles.d.ts +5 -5
- package/ui/Blocks/CornerDialog/styles.d.ts +6 -6
- package/ui/Blocks/Header/components/HamburgerToggle/index.d.ts +9 -0
- package/ui/Blocks/Header/components/HamburgerToggle/index.js +64 -0
- package/ui/Blocks/Header/components/HamburgerToggle/styles.d.ts +1 -0
- package/ui/Blocks/Header/components/HamburgerToggle/styles.js +20 -0
- package/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.d.ts +2 -0
- package/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.js +28 -11
- package/ui/Blocks/Header/components/MenuItems/components/MenuItem/utils/isItemActive.d.ts +10 -0
- package/ui/Blocks/Header/components/MenuItems/components/MenuItem/utils/isItemActive.js +33 -0
- package/ui/Blocks/Header/components/MenuItems/index.d.ts +2 -0
- package/ui/Blocks/Header/components/MenuItems/index.js +5 -2
- package/ui/Blocks/Header/components/MenuItems/styles.d.ts +12 -2
- package/ui/Blocks/Header/components/MenuItems/styles.js +109 -7
- package/ui/Blocks/Header/components/UserMenu/components/UserInfo/styles.d.ts +2 -2
- package/ui/Blocks/Header/components/UserMenu/index.d.ts +7 -1
- package/ui/Blocks/Header/components/UserMenu/index.js +38 -28
- package/ui/Blocks/Header/components/UserMenu/styles.d.ts +2 -3
- package/ui/Blocks/Header/components/UserMenu/styles.js +1 -7
- package/ui/Blocks/Header/index.d.ts +16 -2
- package/ui/Blocks/Header/index.js +94 -32
- package/ui/Blocks/Header/stories/Header.stories.d.ts +19 -0
- package/ui/Blocks/Header/styles.d.ts +27 -4
- package/ui/Blocks/Header/styles.js +59 -4
- package/ui/Blocks/Header/types.d.ts +1 -0
- package/ui/Blocks/ImageList/components/AddPhoto/styles.d.ts +2 -2
- package/ui/Blocks/ImageList/components/CloseButton/styles.d.ts +1 -1
- package/ui/Blocks/ImageList/components/ImageElement/styles.d.ts +3 -3
- package/ui/Blocks/ImageList/components/ImageTag/styles.d.ts +1 -1
- package/ui/Blocks/ImageList/styles.d.ts +2 -2
- package/ui/Blocks/LanguageSwitch/styles.d.ts +3 -3
- package/ui/Blocks/LightBox/styles.d.ts +4 -4
- package/ui/Blocks/LoginPage/components/SocialLinks.d.ts +4 -4
- package/ui/Blocks/LoginPage/styles.d.ts +7 -7
- package/ui/Blocks/Modal/hooks/useClickOutside.d.ts +1 -1
- package/ui/Blocks/Modal/hooks/useClickOutside.js +4 -2
- package/ui/Blocks/Modal/styles.d.ts +8 -8
- package/ui/Blocks/Modal/types.d.ts +1 -0
- package/ui/Blocks/Popover/index.d.ts +1 -0
- package/ui/Blocks/Popover/index.js +3 -2
- package/ui/Blocks/Scheduler/components/BookedTimeSlots/styles.d.ts +3 -3
- package/ui/Blocks/Scheduler/components/CurrentTimeMarker/styles.d.ts +3 -3
- package/ui/Blocks/Scheduler/components/DateChanger/styles.d.ts +2 -2
- package/ui/Blocks/Scheduler/components/Groups/styles.d.ts +3 -3
- package/ui/Blocks/Scheduler/components/TimeSlots/styles.d.ts +4 -4
- package/ui/Blocks/Scheduler/styles.d.ts +2 -2
- package/ui/Blocks/SideMenu/MenuItem.js +16 -8
- package/ui/Blocks/SideMenu/SideMenu.js +2 -1
- package/ui/Blocks/SideMenu/components/Footer.d.ts +2 -2
- package/ui/Blocks/SideMenu/styles.d.ts +16 -15
- package/ui/Blocks/SideMenu/styles.js +1 -1
- package/ui/Blocks/SideMenu/types.d.ts +1 -0
- package/ui/Blocks/Stepper/components/StepCircle/styles.d.ts +1 -1
- package/ui/Blocks/Stepper/components/StepItem/styles.d.ts +3 -3
- package/ui/Blocks/Stepper/styles.d.ts +2 -2
- package/ui/Blocks/Tabs/styles.d.ts +5 -5
- package/ui/Elements/Alert/styles.d.ts +4 -4
- package/ui/Elements/Avatar/Avatar.js +36 -32
- package/ui/Elements/Avatar/styles.d.ts +10 -0
- package/ui/Elements/Avatar/styles.js +39 -0
- package/ui/Elements/Avatar/types.d.ts +10 -0
- package/ui/Elements/BarChartSymbol/styles.d.ts +1 -1
- package/ui/Elements/Button/styles.d.ts +4 -4
- package/ui/Elements/Card/styles.d.ts +1 -1
- package/ui/Elements/CheckedCircle/styles.d.ts +1 -1
- package/ui/Elements/DatePicker/Datetime/components/FooterRow.d.ts +1 -1
- package/ui/Elements/DatePicker/Datetime/components/FooterRowLabel.d.ts +1 -1
- package/ui/Elements/DatePicker/Datetime/components/TimeInput.d.ts +1 -1
- package/ui/Elements/DatePicker/styles.d.ts +1 -1
- package/ui/Elements/DropdownSelect/DropdownSelect.d.ts +1 -1
- package/ui/Elements/Icon/Icon.js +8 -6
- package/ui/Elements/Icon/assets/dispatch.svg +31 -0
- package/ui/Elements/Icon/assets/no-image.svg +7 -0
- package/ui/Elements/Icon/assets/package.svg +20 -0
- package/ui/Elements/Icon/icons/ArrowDownLine.d.ts +3 -0
- package/ui/Elements/Icon/icons/ArrowDownLine.js +12 -0
- package/ui/Elements/Icon/icons/Backspace.d.ts +3 -0
- package/ui/Elements/Icon/icons/Backspace.js +11 -0
- package/ui/Elements/Icon/icons/BanCircle.d.ts +3 -0
- package/ui/Elements/Icon/icons/BanCircle.js +11 -0
- package/ui/Elements/Icon/icons/Calculator.d.ts +3 -0
- package/ui/Elements/Icon/icons/Calculator.js +15 -0
- package/ui/Elements/Icon/icons/CloudUpload.d.ts +3 -0
- package/ui/Elements/Icon/icons/CloudUpload.js +11 -0
- package/ui/Elements/Icon/icons/DangerCircle.d.ts +3 -0
- package/ui/Elements/Icon/icons/DangerCircle.js +11 -0
- package/ui/Elements/Icon/icons/Eco.d.ts +3 -0
- package/ui/Elements/Icon/icons/Eco.js +20 -0
- package/ui/Elements/Icon/icons/Exclamation.d.ts +3 -0
- package/ui/Elements/Icon/icons/Exclamation.js +24 -0
- package/ui/Elements/Icon/icons/EyeOpen.d.ts +3 -0
- package/ui/Elements/Icon/icons/EyeOpen.js +14 -0
- package/ui/Elements/Icon/icons/Key.d.ts +3 -0
- package/ui/Elements/Icon/icons/Key.js +11 -0
- package/ui/Elements/Icon/icons/Layers.d.ts +3 -0
- package/ui/Elements/Icon/icons/Layers.js +12 -0
- package/ui/Elements/Icon/icons/MailwrapLogo.d.ts +3 -0
- package/ui/Elements/Icon/icons/MailwrapLogo.js +76 -0
- package/ui/Elements/Icon/icons/NoImage.d.ts +3 -0
- package/ui/Elements/Icon/icons/NoImage.js +16 -0
- package/ui/Elements/Icon/icons/Reject.d.ts +3 -0
- package/ui/Elements/Icon/icons/Reject.js +17 -0
- package/ui/Elements/Icon/icons/Share.d.ts +3 -0
- package/ui/Elements/Icon/icons/Share.js +11 -0
- package/ui/Elements/Icon/icons/TickCircle.d.ts +3 -0
- package/ui/Elements/Icon/icons/TickCircle.js +11 -0
- package/ui/Elements/Icon/icons/Toolbox.d.ts +3 -0
- package/ui/Elements/Icon/icons/Toolbox.js +11 -0
- package/ui/Elements/Icon/icons/UserHeader.d.ts +3 -0
- package/ui/Elements/Icon/icons/UserHeader.js +11 -0
- package/ui/Elements/Icon/icons/WarehouseShelves.d.ts +3 -0
- package/ui/Elements/Icon/icons/WarehouseShelves.js +16 -0
- package/ui/Elements/Icon/icons/index.d.ts +19 -0
- package/ui/Elements/Icon/icons/index.js +39 -1
- package/ui/Elements/Icon/index.d.ts +1 -1
- package/ui/Elements/Icon/index.js +20 -1
- package/ui/Elements/Icon/stories/BadgeIcon.stories.d.ts +4 -0
- package/ui/Elements/Icon/types.d.ts +5 -0
- package/ui/Elements/Label/Label.d.ts +2 -2
- package/ui/Elements/Label/stories/Label.stories.d.ts +1 -1
- package/ui/Elements/Logo/Logo.js +2 -0
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogoWhiteBg.svg +47 -0
- package/ui/Elements/Pagination/styled.d.ts +6 -6
- package/ui/Elements/ProgressBar/styles.d.ts +3 -3
- package/ui/Elements/Select/components/SelectedIndicator.d.ts +1 -1
- package/ui/Elements/Select/styles.d.ts +3 -3
- package/ui/Elements/SimpleLink/SimpleLink.d.ts +1 -1
- package/ui/Elements/Spinner/styles.d.ts +2 -2
- package/ui/Elements/Table/Table.d.ts +6 -6
- package/ui/Elements/Table/stories/Table.stories.d.ts +1 -1
- package/ui/Elements/Tag/Tag.d.ts +1 -1
- package/ui/Elements/Tag/stories/Tag.stories.d.ts +1 -1
- package/ui/Elements/Toast/styles.d.ts +5 -5
- package/ui/Forms/Checkbox/styles.d.ts +4 -4
- package/ui/Forms/Input/Input.js +1 -5
- package/ui/Forms/Input/styles.d.ts +9 -9
- package/ui/Forms/RadioButton/styles.d.ts +6 -6
- package/ui/Forms/TextArea/styles.d.ts +5 -5
- package/ui/index.js +20 -1
- package/ui/Blocks/Header/utils/constants.d.ts +0 -1
- package/ui/Blocks/Header/utils/constants.js +0 -4
|
@@ -90,32 +90,60 @@ import { Weight } from "./Weight.js";
|
|
|
90
90
|
import { ArrowUpRightDownLeft } from "./ArrowUpRightDownLeft.js";
|
|
91
91
|
import { Filter } from "./Filter.js";
|
|
92
92
|
import { Sort } from "./Sort.js";
|
|
93
|
+
import { ArrowDownLine } from "./ArrowDownLine.js";
|
|
94
|
+
import { Backspace } from "./Backspace.js";
|
|
95
|
+
import { BanCircle } from "./BanCircle.js";
|
|
96
|
+
import { Calculator } from "./Calculator.js";
|
|
97
|
+
import { CloudUpload } from "./CloudUpload.js";
|
|
98
|
+
import { DangerCircle } from "./DangerCircle.js";
|
|
99
|
+
import { Eco } from "./Eco.js";
|
|
100
|
+
import { Exclamation } from "./Exclamation.js";
|
|
101
|
+
import { EyeOpen } from "./EyeOpen.js";
|
|
102
|
+
import { Key } from "./Key.js";
|
|
103
|
+
import { Layers } from "./Layers.js";
|
|
104
|
+
import { MailwrapLogo } from "./MailwrapLogo.js";
|
|
105
|
+
import { NoImage } from "./NoImage.js";
|
|
106
|
+
import { Reject } from "./Reject.js";
|
|
107
|
+
import { Share } from "./Share.js";
|
|
108
|
+
import { Toolbox } from "./Toolbox.js";
|
|
109
|
+
import { UserHeader } from "./UserHeader.js";
|
|
110
|
+
import { WarehouseShelves } from "./WarehouseShelves.js";
|
|
111
|
+
import { TickCircle } from "./TickCircle.js";
|
|
93
112
|
//#region packages/ui/Elements/Icon/icons/index.ts
|
|
94
113
|
var icons_exports = /* @__PURE__ */ __exportAll({
|
|
95
114
|
Add: () => Add,
|
|
96
115
|
AddPhoto: () => AddPhoto,
|
|
97
116
|
Admin: () => Admin,
|
|
98
117
|
ArrowDown: () => ArrowDown,
|
|
118
|
+
ArrowDownLine: () => ArrowDownLine,
|
|
99
119
|
ArrowForward: () => ArrowForward,
|
|
100
120
|
ArrowUp: () => ArrowUp,
|
|
101
121
|
ArrowUpRightDownLeft: () => ArrowUpRightDownLeft,
|
|
102
122
|
ArrowsLeftRight: () => ArrowsLeftRight,
|
|
103
123
|
ArrowsUpDown: () => ArrowsUpDown,
|
|
124
|
+
Backspace: () => Backspace,
|
|
125
|
+
BanCircle: () => BanCircle,
|
|
104
126
|
BarcodeScan: () => BarcodeScan,
|
|
105
127
|
Box: () => Box,
|
|
128
|
+
Calculator: () => Calculator,
|
|
106
129
|
Calendar: () => Calendar,
|
|
107
130
|
Cancel: () => Cancel,
|
|
108
131
|
CheckedBox: () => CheckedBox,
|
|
109
132
|
CircleHalfStroke: () => CircleHalfStroke,
|
|
133
|
+
CloudUpload: () => CloudUpload,
|
|
110
134
|
Company: () => Company,
|
|
111
135
|
Complaint: () => Complaint,
|
|
112
136
|
Consolidation: () => Consolidation,
|
|
113
137
|
Container: () => Container,
|
|
138
|
+
DangerCircle: () => DangerCircle,
|
|
114
139
|
Dashboard: () => Dashboard,
|
|
115
140
|
Desktop: () => Desktop,
|
|
116
141
|
Dispatch: () => Dispatch,
|
|
142
|
+
Eco: () => Eco,
|
|
117
143
|
EmptyRack: () => EmptyRack,
|
|
144
|
+
Exclamation: () => Exclamation,
|
|
118
145
|
Expeditions: () => Expeditions,
|
|
146
|
+
EyeOpen: () => EyeOpen,
|
|
119
147
|
Filter: () => Filter,
|
|
120
148
|
FlagCZ: () => FlagCZ,
|
|
121
149
|
FlagEL: () => FlagEL,
|
|
@@ -140,18 +168,22 @@ var icons_exports = /* @__PURE__ */ __exportAll({
|
|
|
140
168
|
Integrations: () => Integrations,
|
|
141
169
|
Inventory: () => Inventory,
|
|
142
170
|
Inventory2: () => Inventory2,
|
|
171
|
+
Key: () => Key,
|
|
172
|
+
Layers: () => Layers,
|
|
143
173
|
Layout: () => Layout,
|
|
144
174
|
Link: () => Link,
|
|
145
175
|
Liquid: () => Liquid,
|
|
146
176
|
Location: () => Location,
|
|
147
177
|
Logout1: () => Logout1,
|
|
148
178
|
MachinePackingForbidden: () => MachinePackingForbidden,
|
|
179
|
+
MailwrapLogo: () => MailwrapLogo,
|
|
149
180
|
MakePhoto: () => MakePhoto,
|
|
150
181
|
MenuItems: () => MenuItems,
|
|
151
182
|
Message: () => Message,
|
|
152
183
|
MobileCancel: () => MobileCancel,
|
|
153
184
|
MobilePhone: () => MobilePhone,
|
|
154
185
|
Moon: () => Moon,
|
|
186
|
+
NoImage: () => NoImage,
|
|
155
187
|
Notification2: () => Notification2,
|
|
156
188
|
OpenBox: () => OpenBox,
|
|
157
189
|
Pallet: () => Pallet,
|
|
@@ -163,17 +195,21 @@ var icons_exports = /* @__PURE__ */ __exportAll({
|
|
|
163
195
|
Puzzle1: () => Puzzle1,
|
|
164
196
|
QRCode: () => QRCode,
|
|
165
197
|
Rack: () => Rack,
|
|
198
|
+
Reject: () => Reject,
|
|
166
199
|
Reload: () => Reload,
|
|
167
200
|
Return: () => Return,
|
|
168
201
|
Rows: () => Rows,
|
|
169
202
|
Settings2: () => Settings2,
|
|
203
|
+
Share: () => Share,
|
|
170
204
|
ShieldUser: () => ShieldUser,
|
|
171
205
|
ShoppingBag: () => ShoppingBag,
|
|
172
206
|
Sort: () => Sort,
|
|
173
207
|
Sun: () => Sun,
|
|
174
208
|
ThreeDots: () => ThreeDots,
|
|
209
|
+
TickCircle: () => TickCircle,
|
|
175
210
|
ToastError: () => ToastError,
|
|
176
211
|
ToastSuccess: () => ToastSuccess,
|
|
212
|
+
Toolbox: () => Toolbox,
|
|
177
213
|
Transfer: () => Transfer,
|
|
178
214
|
TrashBin: () => TrashBin,
|
|
179
215
|
Truck: () => Truck,
|
|
@@ -181,8 +217,10 @@ var icons_exports = /* @__PURE__ */ __exportAll({
|
|
|
181
217
|
TwoCheckedBoxes: () => TwoCheckedBoxes,
|
|
182
218
|
TwoUsers: () => TwoUsers,
|
|
183
219
|
UserCowboy: () => UserCowboy,
|
|
220
|
+
UserHeader: () => UserHeader,
|
|
184
221
|
Valuable: () => Valuable,
|
|
222
|
+
WarehouseShelves: () => WarehouseShelves,
|
|
185
223
|
Weight: () => Weight
|
|
186
224
|
});
|
|
187
225
|
//#endregion
|
|
188
|
-
export { Add, AddPhoto, Admin, ArrowDown, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, BarcodeScan, Box, Calendar, Cancel, CheckedBox, CircleHalfStroke, Company, Complaint, Consolidation, Container, Dashboard, Desktop, Dispatch, EmptyRack, Expeditions, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, HamburgerMenu, HelpCircle1, HorizontalLines, ImagePlaceholder, Income, Info, Integrations, Inventory, Inventory2, Layout, Link, Liquid, Location, Logout1, MachinePackingForbidden, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Moon, Notification2, OpenBox, Pallet, Plus1, Print, Product, Products, Profile, Puzzle1, QRCode, Rack, Reload, Return, Rows, Settings2, ShieldUser, ShoppingBag, Sort, Sun, ThreeDots, ToastError, ToastSuccess, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, UserCowboy, Valuable, Weight, icons_exports };
|
|
226
|
+
export { Add, AddPhoto, Admin, ArrowDown, ArrowDownLine, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, Backspace, BanCircle, BarcodeScan, Box, Calculator, Calendar, Cancel, CheckedBox, CircleHalfStroke, CloudUpload, Company, Complaint, Consolidation, Container, DangerCircle, Dashboard, Desktop, Dispatch, Eco, EmptyRack, Exclamation, Expeditions, EyeOpen, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, HamburgerMenu, HelpCircle1, HorizontalLines, ImagePlaceholder, Income, Info, Integrations, Inventory, Inventory2, Key, Layers, Layout, Link, Liquid, Location, Logout1, MachinePackingForbidden, MailwrapLogo, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Moon, NoImage, Notification2, OpenBox, Pallet, Plus1, Print, Product, Products, Profile, Puzzle1, QRCode, Rack, Reject, Reload, Return, Rows, Settings2, Share, ShieldUser, ShoppingBag, Sort, Sun, ThreeDots, TickCircle, ToastError, ToastSuccess, Toolbox, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, UserCowboy, UserHeader, Valuable, WarehouseShelves, Weight, icons_exports };
|
|
@@ -89,9 +89,28 @@ import { Weight } from "./icons/Weight.js";
|
|
|
89
89
|
import { ArrowUpRightDownLeft } from "./icons/ArrowUpRightDownLeft.js";
|
|
90
90
|
import { Filter } from "./icons/Filter.js";
|
|
91
91
|
import { Sort } from "./icons/Sort.js";
|
|
92
|
+
import { ArrowDownLine } from "./icons/ArrowDownLine.js";
|
|
93
|
+
import { Backspace } from "./icons/Backspace.js";
|
|
94
|
+
import { BanCircle } from "./icons/BanCircle.js";
|
|
95
|
+
import { Calculator } from "./icons/Calculator.js";
|
|
96
|
+
import { CloudUpload } from "./icons/CloudUpload.js";
|
|
97
|
+
import { DangerCircle } from "./icons/DangerCircle.js";
|
|
98
|
+
import { Eco } from "./icons/Eco.js";
|
|
99
|
+
import { Exclamation } from "./icons/Exclamation.js";
|
|
100
|
+
import { EyeOpen } from "./icons/EyeOpen.js";
|
|
101
|
+
import { Key } from "./icons/Key.js";
|
|
102
|
+
import { Layers } from "./icons/Layers.js";
|
|
103
|
+
import { MailwrapLogo } from "./icons/MailwrapLogo.js";
|
|
104
|
+
import { NoImage } from "./icons/NoImage.js";
|
|
105
|
+
import { Reject } from "./icons/Reject.js";
|
|
106
|
+
import { Share } from "./icons/Share.js";
|
|
107
|
+
import { Toolbox } from "./icons/Toolbox.js";
|
|
108
|
+
import { UserHeader } from "./icons/UserHeader.js";
|
|
109
|
+
import { WarehouseShelves } from "./icons/WarehouseShelves.js";
|
|
110
|
+
import { TickCircle } from "./icons/TickCircle.js";
|
|
92
111
|
import "./icons/index.js";
|
|
93
112
|
import Icon, { iconDictionary } from "./Icon.js";
|
|
94
113
|
//#region packages/ui/Elements/Icon/index.ts
|
|
95
114
|
var Icon_default = Icon;
|
|
96
115
|
//#endregion
|
|
97
|
-
export { Add, AddPhoto, Admin, ArrowDown, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, BarcodeScan, Box, Calendar, Cancel, CheckedBox, CircleHalfStroke, Company, Complaint, Consolidation, Container, Dashboard, Desktop, Dispatch, EmptyRack, Expeditions, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, HamburgerMenu, HelpCircle1, HorizontalLines, Icon, ImagePlaceholder, Income, Info, Integrations, Inventory, Inventory2, Layout, Link, Liquid, Location, Logout1, MachinePackingForbidden, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Moon, Notification2, OpenBox, Pallet, Plus1, Print, Product, Products, Profile, Puzzle1, QRCode, Rack, Reload, Return, Rows, Settings2, ShieldUser, ShoppingBag, Sort, Sun, ThreeDots, ToastError, ToastSuccess, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, UserCowboy, Valuable, Weight, Icon_default as default, iconDictionary };
|
|
116
|
+
export { Add, AddPhoto, Admin, ArrowDown, ArrowDownLine, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, Backspace, BanCircle, BarcodeScan, Box, Calculator, Calendar, Cancel, CheckedBox, CircleHalfStroke, CloudUpload, Company, Complaint, Consolidation, Container, DangerCircle, Dashboard, Desktop, Dispatch, Eco, EmptyRack, Exclamation, Expeditions, EyeOpen, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, HamburgerMenu, HelpCircle1, HorizontalLines, Icon, ImagePlaceholder, Income, Info, Integrations, Inventory, Inventory2, Key, Layers, Layout, Link, Liquid, Location, Logout1, MachinePackingForbidden, MailwrapLogo, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Moon, NoImage, Notification2, OpenBox, Pallet, Plus1, Print, Product, Products, Profile, Puzzle1, QRCode, Rack, Reject, Reload, Return, Rows, Settings2, Share, ShieldUser, ShoppingBag, Sort, Sun, ThreeDots, TickCircle, ToastError, ToastSuccess, Toolbox, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, UserCowboy, UserHeader, Valuable, WarehouseShelves, Weight, Icon_default as default, iconDictionary };
|
|
@@ -11,10 +11,14 @@ declare const meta: {
|
|
|
11
11
|
fill?: string | undefined;
|
|
12
12
|
stroke?: string | undefined;
|
|
13
13
|
size?: number | string | undefined;
|
|
14
|
+
width?: number | string | undefined;
|
|
15
|
+
height?: number | string | undefined;
|
|
14
16
|
className?: string | undefined;
|
|
15
17
|
fixedWidth?: boolean | undefined;
|
|
16
18
|
spinning?: boolean | undefined;
|
|
17
19
|
secondaryColor?: string | undefined;
|
|
20
|
+
onClick?: React.MouseEventHandler<SVGSVGElement> | undefined;
|
|
21
|
+
cursor?: string | undefined;
|
|
18
22
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
19
23
|
tags: string[];
|
|
20
24
|
argTypes: {};
|
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
import type { MouseEventHandler } from 'react';
|
|
2
|
+
export type IconName = string;
|
|
2
3
|
export type IconProps = {
|
|
3
4
|
icon: string;
|
|
4
5
|
style?: 'normal' | 'light' | 'solid';
|
|
5
6
|
fill?: string;
|
|
6
7
|
stroke?: string;
|
|
7
8
|
size?: number | string;
|
|
9
|
+
width?: number | string;
|
|
10
|
+
height?: number | string;
|
|
8
11
|
className?: string;
|
|
9
12
|
fixedWidth?: boolean;
|
|
10
13
|
spinning?: boolean;
|
|
11
14
|
secondaryColor?: string;
|
|
15
|
+
onClick?: React.MouseEventHandler<SVGSVGElement>;
|
|
16
|
+
cursor?: string;
|
|
12
17
|
};
|
|
13
18
|
export interface SvgProps {
|
|
14
19
|
width?: number | string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/
|
|
1
|
+
export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {
|
|
2
2
|
fontSize?: number | string;
|
|
3
3
|
}, never>;
|
|
4
|
-
export declare const FieldLabel: import("styled-components").StyledComponent<"label", import("@xstyled/
|
|
4
|
+
export declare const FieldLabel: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {}, never>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react-webpack5';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: import("styled-components").StyledComponent<"label", import("@xstyled/
|
|
4
|
+
component: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {
|
|
5
5
|
fontSize?: number | string;
|
|
6
6
|
}, never>;
|
|
7
7
|
tags: string[];
|
package/ui/Elements/Logo/Logo.js
CHANGED
|
@@ -10,6 +10,7 @@ import logoMailstepWhite from "./assets/mailstep/mailstep_white.svg";
|
|
|
10
10
|
import logoMailstock from "./assets/mailstock/mailstock.svg";
|
|
11
11
|
import logoMailwise from "./assets/mailwise/mailwiseLogo.svg";
|
|
12
12
|
import logoMailwiseSmall from "./assets/mailwise/mailwiseLogoSmall.svg";
|
|
13
|
+
import logoMailwiseWhiteBg from "./assets/mailwise/mailwiseLogoWhiteBg.svg";
|
|
13
14
|
import logoMailwrap from "./assets/mailwrap/mailwrapLogo.svg";
|
|
14
15
|
import logoMailwrapSmall from "./assets/mailwrap/mailwrapLogoSmall.svg";
|
|
15
16
|
import warehouseManager2 from "./assets/warehouse/manager2.svg";
|
|
@@ -30,6 +31,7 @@ const variantMap = {
|
|
|
30
31
|
},
|
|
31
32
|
mailwise: {
|
|
32
33
|
black: logoMailwise,
|
|
34
|
+
white: logoMailwiseWhiteBg,
|
|
33
35
|
s: logoMailwiseSmall
|
|
34
36
|
},
|
|
35
37
|
mailstock: { black: logoMailstock },
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<svg viewBox="143.525 169.971 204.219 43.361" width="204.219" height="43.361" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<defs>
|
|
4
|
+
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath18">
|
|
5
|
+
<path d="M 0,595.28 H 595.28 V 0 H 0 Z" id="path16" />
|
|
6
|
+
</clipPath>
|
|
7
|
+
</defs>
|
|
8
|
+
<g id="g10" transform="matrix(1.333333, 0, 0, -1.333333, -151.218994, 588.503967)">
|
|
9
|
+
<g id="g12">
|
|
10
|
+
<g id="g14" clip-path="url(#clipPath18)">
|
|
11
|
+
<g id="g20" transform="translate(242.1812,281.8203)">
|
|
12
|
+
<path
|
|
13
|
+
d="m 0,0 v 11.396 c 0,0.793 -0.088,2.202 -1.188,2.202 -1.584,0 -1.76,-2.069 -1.76,-3.213 V 0 h -7.614 v 11.309 c 0,0.924 -0.043,2.113 -1.232,2.113 -1.76,0 -1.716,-1.937 -1.716,-3.213 V 0 h -7.613 v 20.551 h 7.613 v -1.057 c 0,-0.792 -0.044,-1.584 -0.088,-2.376 1.188,2.244 2.508,3.872 5.237,3.872 2.904,0 4.401,-1.803 5.457,-4.268 0.88,2.508 2.244,4.268 5.104,4.268 1.321,0 2.641,-0.484 3.609,-1.363 C 7.437,18.13 7.613,16.15 7.613,14.082 V 0 Z"
|
|
14
|
+
style="fill:#ec2227;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path22" />
|
|
15
|
+
</g>
|
|
16
|
+
<g id="g24" transform="translate(262.3306,296.5176)">
|
|
17
|
+
<path
|
|
18
|
+
d="m 0,0 c -1.98,0 -1.936,-3.784 -1.936,-5.148 0,-1.145 0.088,-3.697 1.716,-3.697 2.025,0 1.804,3.96 1.804,5.325 C 1.584,-2.42 1.541,0 0,0 m 1.672,-14.697 c 0.089,1.143 0.177,2.332 0.265,3.476 -1.101,-2.201 -2.64,-3.917 -5.281,-3.917 -5.193,0 -6.25,6.865 -6.25,10.826 0,4.092 1.19,10.605 6.426,10.605 2.465,0 3.961,-1.628 4.929,-3.696 -0.089,1.1 -0.089,2.156 -0.22,3.257 H 9.33 v -20.551 z"
|
|
19
|
+
style="fill:#0C1F2F;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path26" />
|
|
20
|
+
</g>
|
|
21
|
+
<path
|
|
22
|
+
d="m 275.177,302.371 h 7.613 V 281.82 h -7.613 z m 3.829,1.936 c -2.464,0 -4.445,2.068 -4.445,4.489 0,2.42 2.024,4.4 4.445,4.4 2.42,0 4.445,-1.98 4.445,-4.4 0,-2.464 -1.981,-4.489 -4.445,-4.489"
|
|
23
|
+
style="fill:#0C1F2F;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path28" />
|
|
24
|
+
<path d="m 286.309,313.9 h 7.613 v -32.08 h -7.613 z"
|
|
25
|
+
style="fill:#0C1F2F;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path30" />
|
|
26
|
+
<g id="g32" transform="translate(319.707,281.8203)">
|
|
27
|
+
<path
|
|
28
|
+
d="M 0,0 H -7.525 L -9.109,12.321 -11.441,0 h -7.481 l -5.105,20.551 h 7.48 c 0.748,-4.137 1.629,-8.23 1.938,-12.41 0.396,4.18 1.408,8.317 2.332,12.41 h 6.513 c 0.703,-4.137 1.452,-8.23 1.803,-12.41 0.617,4.18 1.453,8.273 2.334,12.41 h 7.611 z"
|
|
29
|
+
style="fill:#0C1F2F;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path34" />
|
|
30
|
+
</g>
|
|
31
|
+
<path
|
|
32
|
+
d="m 327.447,302.371 h 7.613 V 281.82 h -7.613 z m 3.83,1.936 c -2.465,0 -4.445,2.068 -4.445,4.489 0,2.42 2.023,4.4 4.445,4.4 2.42,0 4.444,-1.98 4.444,-4.4 0,-2.464 -1.981,-4.489 -4.444,-4.489"
|
|
33
|
+
style="fill:#0C1F2F;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path36" />
|
|
34
|
+
<g id="g38" transform="translate(350.4609,295.5498)">
|
|
35
|
+
<path
|
|
36
|
+
d="m 0,0 c -0.791,0.792 -1.936,1.804 -3.123,1.804 -0.572,0 -1.189,-0.308 -1.189,-0.968 0,-2.464 7.261,-1.584 7.261,-7.789 0,-4.665 -3.961,-7.217 -8.273,-7.217 -2.86,0 -4.84,0.836 -7.305,2.156 l 2.772,5.677 c 0.923,-0.969 2.421,-2.156 3.83,-2.156 0.66,0 1.496,0.308 1.496,1.099 0,2.114 -7.395,1.541 -7.395,7.614 0,4.577 4.313,7.041 8.449,7.041 2.202,0 4.182,-0.703 6.118,-1.672 z"
|
|
37
|
+
style="fill:#0C1F2F;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path40" />
|
|
38
|
+
</g>
|
|
39
|
+
<g id="g42" transform="translate(366.6523,294.582)">
|
|
40
|
+
<path
|
|
41
|
+
d="M 0,0 C -0.043,1.1 -0.439,2.596 -1.805,2.596 -3.168,2.596 -3.52,1.1 -3.564,0 Z m 7.262,-5.854 c -1.057,-4.796 -4.358,-7.348 -9.155,-7.348 -6.293,0 -9.373,4.4 -9.373,10.341 0,5.809 3.346,11.046 9.594,11.046 6.293,0 9.242,-5.149 9.242,-10.87 0,-0.484 -0.045,-0.924 -0.045,-1.408 H -3.652 c 0,-1.144 0.175,-3.169 1.759,-3.169 0.881,0 1.541,0.616 1.717,1.453 z"
|
|
42
|
+
style="fill:#0C1F2F;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path44" />
|
|
43
|
+
</g>
|
|
44
|
+
</g>
|
|
45
|
+
</g>
|
|
46
|
+
</g>
|
|
47
|
+
</svg>
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export declare const Wrapper: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/
|
|
2
|
-
export declare const Btn: import("styled-components").StyledComponent<"button", import("@xstyled/
|
|
1
|
+
export declare const Wrapper: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/styled-components").Theme, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, "color">;
|
|
2
|
+
export declare const Btn: import("styled-components").StyledComponent<"button", import("@xstyled/styled-components").Theme, {
|
|
3
3
|
disabled: boolean;
|
|
4
4
|
}, never>;
|
|
5
|
-
export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/
|
|
5
|
+
export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/styled-components").Theme, {
|
|
6
6
|
isActive: boolean;
|
|
7
7
|
}, never>;
|
|
8
|
-
export declare const GoIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/
|
|
8
|
+
export declare const GoIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/styled-components").Theme, {
|
|
9
9
|
isActive: boolean;
|
|
10
10
|
}, never>;
|
|
11
|
-
export declare const DotsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
12
|
-
export declare const PageBtn: import("styled-components").StyledComponent<"span", import("@xstyled/
|
|
11
|
+
export declare const DotsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
12
|
+
export declare const PageBtn: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {
|
|
13
13
|
isCurrent: boolean;
|
|
14
14
|
}, never>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export declare const StyledProgressBar: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
1
|
+
export declare const StyledProgressBar: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
|
|
2
2
|
status: string | null | undefined;
|
|
3
3
|
variant?: "normal" | "thin";
|
|
4
4
|
}, never>;
|
|
5
|
-
export declare const Progress: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
5
|
+
export declare const Progress: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
|
|
6
6
|
progress: number;
|
|
7
7
|
status: string | null | undefined;
|
|
8
8
|
}, never>;
|
|
9
|
-
export declare const ProgressDescription: import("styled-components").StyledComponent<"span", import("@xstyled/
|
|
9
|
+
export declare const ProgressDescription: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const SelectedIndicator: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
1
|
+
declare const SelectedIndicator: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
2
2
|
export default SelectedIndicator;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import ReactSelect from 'react-select';
|
|
2
2
|
import AsyncSelect from 'react-select/async';
|
|
3
|
-
export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
4
|
-
export declare const StyledReactSelect: import("styled-components").StyledComponent<ReactSelect, import("@xstyled/
|
|
5
|
-
export declare const StyledAsyncSelect: import("styled-components").StyledComponent<AsyncSelect, import("@xstyled/
|
|
3
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
4
|
+
export declare const StyledReactSelect: import("styled-components").StyledComponent<ReactSelect, import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
|
|
5
|
+
export declare const StyledAsyncSelect: import("styled-components").StyledComponent<AsyncSelect, import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
|
|
@@ -17,5 +17,5 @@ export type Props = {
|
|
|
17
17
|
$decorate?: boolean;
|
|
18
18
|
variant?: TextVariant;
|
|
19
19
|
};
|
|
20
|
-
declare const StyledLink: import("styled-components").StyledComponent<typeof ReactLink, import("@xstyled/
|
|
20
|
+
declare const StyledLink: import("styled-components").StyledComponent<typeof ReactLink, import("@xstyled/styled-components").Theme, Props, never>;
|
|
21
21
|
export default StyledLink;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const Svg: import("styled-components").StyledComponent<"svg", import("@xstyled/
|
|
1
|
+
export declare const Svg: import("styled-components").StyledComponent<"svg", import("@xstyled/styled-components").Theme, {
|
|
2
2
|
$variant: "default" | "sm";
|
|
3
3
|
}, never>;
|
|
4
|
-
export declare const Circle: import("styled-components").StyledComponent<"circle", import("@xstyled/
|
|
4
|
+
export declare const Circle: import("styled-components").StyledComponent<"circle", import("@xstyled/styled-components").Theme, {}, never>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const Table: import("styled-components").StyledComponent<"table", import("@xstyled/
|
|
2
|
-
export declare const Tr: import("styled-components").StyledComponent<"tr", import("@xstyled/
|
|
3
|
-
export declare const Td: import("styled-components").StyledComponent<"td", import("@xstyled/
|
|
4
|
-
export declare const Th: import("styled-components").StyledComponent<"th", import("@xstyled/
|
|
5
|
-
export declare const Tbody: import("styled-components").StyledComponent<"tbody", import("@xstyled/
|
|
6
|
-
export declare const Thead: import("styled-components").StyledComponent<"thead", import("@xstyled/
|
|
1
|
+
export declare const Table: import("styled-components").StyledComponent<"table", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
|
|
2
|
+
export declare const Tr: import("styled-components").StyledComponent<"tr", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
|
|
3
|
+
export declare const Td: import("styled-components").StyledComponent<"td", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
|
|
4
|
+
export declare const Th: import("styled-components").StyledComponent<"th", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
|
|
5
|
+
export declare const Tbody: import("styled-components").StyledComponent<"tbody", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
|
|
6
|
+
export declare const Thead: import("styled-components").StyledComponent<"thead", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const meta: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: import("styled-components").StyledComponent<"table", import("@xstyled/
|
|
3
|
+
component: import("styled-components").StyledComponent<"table", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
|
|
4
4
|
tags: string[];
|
|
5
5
|
argTypes: {};
|
|
6
6
|
};
|
package/ui/Elements/Tag/Tag.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Props } from './types';
|
|
2
|
-
declare const Tag: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
2
|
+
declare const Tag: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, Props, never>;
|
|
3
3
|
export default Tag;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react-webpack5';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
4
|
+
component: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, import("../types").Props, never>;
|
|
5
5
|
tags: string[];
|
|
6
6
|
argTypes: {};
|
|
7
7
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export declare const Title: import("styled-components").StyledComponent<"span", import("@xstyled/
|
|
2
|
-
export declare const Text: import("styled-components").StyledComponent<"span", import("@xstyled/
|
|
3
|
-
export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
4
|
-
export declare const CloseWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/
|
|
5
|
-
export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
1
|
+
export declare const Title: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
|
|
2
|
+
export declare const Text: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
|
|
3
|
+
export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
4
|
+
export declare const CloseWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
|
|
5
|
+
export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
|
|
6
6
|
autoClose?: number;
|
|
7
7
|
fill: string;
|
|
8
8
|
}, never>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export declare const FakeInput: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
1
|
+
export declare const FakeInput: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
|
|
2
2
|
size: string | number;
|
|
3
3
|
}, never>;
|
|
4
|
-
export declare const CheckIcon: import("styled-components").StyledComponent<import("react").FC<import("../..").IconProps>, import("@xstyled/
|
|
4
|
+
export declare const CheckIcon: import("styled-components").StyledComponent<import("react").FC<import("../..").IconProps>, import("@xstyled/styled-components").Theme, {
|
|
5
5
|
size: string | number;
|
|
6
6
|
}, never>;
|
|
7
|
-
export declare const CheckboxWrap: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
7
|
+
export declare const CheckboxWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
|
|
8
8
|
size: string | number;
|
|
9
9
|
}, never>;
|
|
10
|
-
export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/
|
|
10
|
+
export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {}, never>;
|
package/ui/Forms/Input/Input.js
CHANGED
|
@@ -39,11 +39,7 @@ const Input = ({ appearance = "primary", type, name, label, value, icon, variant
|
|
|
39
39
|
]);
|
|
40
40
|
const handleBlur = useCallback((event) => {
|
|
41
41
|
onBlur?.(event);
|
|
42
|
-
if (forceFocus)
|
|
43
|
-
const relatedTag = event.relatedTarget?.tagName?.toLowerCase();
|
|
44
|
-
const relatedType = event.relatedTarget?.type?.toLowerCase();
|
|
45
|
-
if (!(relatedTag === "input" && allowedInputTypes.includes(relatedType)) && !(relatedTag === "textarea")) event.target?.focus();
|
|
46
|
-
}
|
|
42
|
+
if (forceFocus && (event.relatedTarget?.tagName?.toLowerCase() !== "input" || !allowedInputTypes.includes(event.relatedTarget?.type?.toLowerCase()))) event.target?.focus();
|
|
47
43
|
}, [forceFocus, onBlur]);
|
|
48
44
|
const handleKeyDown = useCallback((event) => {
|
|
49
45
|
if (event.key === "Enter") onEnter?.();
|
|
@@ -17,24 +17,24 @@ type InputIconProps = {
|
|
|
17
17
|
hasValue?: boolean;
|
|
18
18
|
$isInvalid?: boolean;
|
|
19
19
|
};
|
|
20
|
-
export declare const InputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
21
|
-
export declare const ClearableInputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
22
|
-
export declare const IconsController: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
23
|
-
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
24
|
-
export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@xstyled/
|
|
20
|
+
export declare const InputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, InputIconProps, never>;
|
|
21
|
+
export declare const ClearableInputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, InputIconProps, never>;
|
|
22
|
+
export declare const IconsController: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
23
|
+
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
24
|
+
export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@xstyled/styled-components").Theme, {
|
|
25
25
|
as: string;
|
|
26
26
|
} & StyledInputProps, "as">;
|
|
27
|
-
export declare const InputWrap: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
28
|
-
export declare const Suffix: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
27
|
+
export declare const InputWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
28
|
+
export declare const Suffix: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
|
|
29
29
|
$isPointer: boolean;
|
|
30
30
|
$isInvalid: boolean;
|
|
31
31
|
}, never>;
|
|
32
|
-
export declare const InputRow: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
32
|
+
export declare const InputRow: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
|
|
33
33
|
hasValue: boolean;
|
|
34
34
|
disabled: boolean;
|
|
35
35
|
$icon?: string;
|
|
36
36
|
$isInvalid?: boolean;
|
|
37
37
|
variant?: string;
|
|
38
38
|
}, never>;
|
|
39
|
-
export declare const Tooltip: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
39
|
+
export declare const Tooltip: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
40
40
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
2
|
-
export declare const Item: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
3
|
-
export declare const PaintoverLayer: import("styled-components").StyledComponent<"span", import("@xstyled/
|
|
1
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
2
|
+
export declare const Item: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
3
|
+
export declare const PaintoverLayer: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {
|
|
4
4
|
disabled: boolean;
|
|
5
5
|
}, never>;
|
|
6
|
-
export declare const CenterDot: import("styled-components").StyledComponent<"span", import("@xstyled/
|
|
7
|
-
export declare const StyledRadio: import("styled-components").StyledComponent<"input", import("@xstyled/
|
|
6
|
+
export declare const CenterDot: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
|
|
7
|
+
export declare const StyledRadio: import("styled-components").StyledComponent<"input", import("@xstyled/styled-components").Theme, {
|
|
8
8
|
disabled: boolean;
|
|
9
9
|
}, never>;
|
|
10
|
-
export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/
|
|
10
|
+
export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {}, never>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export declare const IconWrap: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
2
|
-
export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("@xstyled/
|
|
1
|
+
export declare const IconWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
2
|
+
export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("@xstyled/styled-components").Theme, {
|
|
3
3
|
$resize?: string;
|
|
4
4
|
$isInvalid?: boolean;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
}, never>;
|
|
7
|
-
export declare const TextAreaWrap: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
8
|
-
export declare const BorderWrap: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
7
|
+
export declare const TextAreaWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
|
8
|
+
export declare const BorderWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
|
|
9
9
|
$isInvalid?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
}, never>;
|
|
12
|
-
export declare const InnerWrap: import("styled-components").StyledComponent<"div", import("@xstyled/
|
|
12
|
+
export declare const InnerWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
|
package/ui/index.js
CHANGED
|
@@ -88,6 +88,25 @@ import { Weight } from "./Elements/Icon/icons/Weight.js";
|
|
|
88
88
|
import { ArrowUpRightDownLeft } from "./Elements/Icon/icons/ArrowUpRightDownLeft.js";
|
|
89
89
|
import { Filter } from "./Elements/Icon/icons/Filter.js";
|
|
90
90
|
import { Sort } from "./Elements/Icon/icons/Sort.js";
|
|
91
|
+
import { ArrowDownLine } from "./Elements/Icon/icons/ArrowDownLine.js";
|
|
92
|
+
import { Backspace } from "./Elements/Icon/icons/Backspace.js";
|
|
93
|
+
import { BanCircle } from "./Elements/Icon/icons/BanCircle.js";
|
|
94
|
+
import { Calculator } from "./Elements/Icon/icons/Calculator.js";
|
|
95
|
+
import { CloudUpload } from "./Elements/Icon/icons/CloudUpload.js";
|
|
96
|
+
import { DangerCircle } from "./Elements/Icon/icons/DangerCircle.js";
|
|
97
|
+
import { Eco } from "./Elements/Icon/icons/Eco.js";
|
|
98
|
+
import { Exclamation } from "./Elements/Icon/icons/Exclamation.js";
|
|
99
|
+
import { EyeOpen } from "./Elements/Icon/icons/EyeOpen.js";
|
|
100
|
+
import { Key } from "./Elements/Icon/icons/Key.js";
|
|
101
|
+
import { Layers } from "./Elements/Icon/icons/Layers.js";
|
|
102
|
+
import { MailwrapLogo } from "./Elements/Icon/icons/MailwrapLogo.js";
|
|
103
|
+
import { NoImage } from "./Elements/Icon/icons/NoImage.js";
|
|
104
|
+
import { Reject } from "./Elements/Icon/icons/Reject.js";
|
|
105
|
+
import { Share } from "./Elements/Icon/icons/Share.js";
|
|
106
|
+
import { Toolbox } from "./Elements/Icon/icons/Toolbox.js";
|
|
107
|
+
import { UserHeader } from "./Elements/Icon/icons/UserHeader.js";
|
|
108
|
+
import { WarehouseShelves } from "./Elements/Icon/icons/WarehouseShelves.js";
|
|
109
|
+
import { TickCircle } from "./Elements/Icon/icons/TickCircle.js";
|
|
91
110
|
import { iconDictionary } from "./Elements/Icon/Icon.js";
|
|
92
111
|
import Icon_default from "./Elements/Icon/index.js";
|
|
93
112
|
import Pagination_default from "./Elements/Pagination/index.js";
|
|
@@ -176,4 +195,4 @@ import Toast_default from "./Elements/Toast/index.js";
|
|
|
176
195
|
import Toggle_default from "./Elements/Toggle/index.js";
|
|
177
196
|
import RadioButton_default from "./Forms/RadioButton/index.js";
|
|
178
197
|
import TextArea_default from "./Forms/TextArea/index.js";
|
|
179
|
-
export { Add, AddPhoto, Admin, Alert_default as Alert, ArrowDown, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, AsyncSelect_default as AsyncSelect, Avatar_default as Avatar, Badge_default as Badge, BarcodeScan, BoolIconCell, BorderedBox_default as BorderedBox, Box, Button_default as Button, ButtonInCell, Calendar, Cancel, Card_default as Card, Checkbox_default as Checkbox, CheckedBox, CircleHalfStroke, CommonGrid_default as CommonGrid, Company, Complaint, Consolidation, Container, CornerDialog_default as CornerDialog, CustomSelectButton, Dashboard, DateCell, DatePicker_default as DatePicker, DatePickerRepeat, DateTimeCell, Desktop, Dispatch, Dropdown_default as Dropdown, DropdownSelect_default as DropdownSelect, EmptyRack, EnumInCell, ErrorMessage_default as ErrorMessage, Expeditions, FieldLabel, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, H1, H2, H3, H4, H5, H6, H7, HamburgerMenu, HamburgerMenuButton, HelpCircle1, HorizontalLines, HoverBubble, Icon_default as Icon, IconButtonInCell, Image_default as Image, ImageCell, ImageList_default as ImageList, ImagePlaceholder, Income, Info, Input_default as Input, Integrations, Inventory, Inventory2, KeyPress_default as KeyPress, Label_default as Label, LanguageSwitch_default as LanguageSwitch, Layout, LightBox_default as LightBox, Line_default as Line, Link_default as Link, LinkInCell, Liquid, Location, LoginPage_default as LoginPage, Logo_default as Logo, Logout1, MachinePackingForbidden, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Modal_default as Modal, Moon, Notification2, OpenBox, Pagination_default as Pagination, Pallet, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Plus1, Popover, Portal, Print, Product, Products, Profile, ProgressBar_default as ProgressBar, Puzzle1, QRCode, Rack, RadioButton_default as RadioButton, Reload, RemoveCell, Return, RowActionsCell, Rows, Scheduler, Select_default as Select, Settings2, ShieldUser, ShoppingBag, SideMenu_default as SideMenu, SimpleLink_default as SimpleLink, SingleSelect_default as SingleSelect, Sort, SpaceAround_default as SpaceAround, SpaceAroundWrap, Spinner_default as Spinner, StepCircle, Stepper, StringJoinCell, Sun, SwitchInCell, TabContent, Tabs_default as Tabs, Tag_default as Tag, Text, TextArea_default as TextArea, ThemeProvider_default as ThemeProvider, ThreeDots, TimePickerRepeat, Toast_default as Toast, ToastError, ToastSuccess, Toggle_default as Toggle, ToggleCell, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, types_exports as Types, Typography_default as Typography, UserCowboy, Valuable, Weight, actionPrefix, actionTypes, compactMenuWidth, createActions, createFullSelector, createRgba, createSelectors, expandedMenuWidth, iconDictionary, palettes, store_default as reducer, themes, useAddFilter, useClickOutside, useEvent, useFloatingButton, useLightBox, useModal, useStepper, useTabs, utils_default as utils, withReduxActions };
|
|
198
|
+
export { Add, AddPhoto, Admin, Alert_default as Alert, ArrowDown, ArrowDownLine, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, AsyncSelect_default as AsyncSelect, Avatar_default as Avatar, Backspace, Badge_default as Badge, BanCircle, BarcodeScan, BoolIconCell, BorderedBox_default as BorderedBox, Box, Button_default as Button, ButtonInCell, Calculator, Calendar, Cancel, Card_default as Card, Checkbox_default as Checkbox, CheckedBox, CircleHalfStroke, CloudUpload, CommonGrid_default as CommonGrid, Company, Complaint, Consolidation, Container, CornerDialog_default as CornerDialog, CustomSelectButton, DangerCircle, Dashboard, DateCell, DatePicker_default as DatePicker, DatePickerRepeat, DateTimeCell, Desktop, Dispatch, Dropdown_default as Dropdown, DropdownSelect_default as DropdownSelect, Eco, EmptyRack, EnumInCell, ErrorMessage_default as ErrorMessage, Exclamation, Expeditions, EyeOpen, FieldLabel, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, H1, H2, H3, H4, H5, H6, H7, HamburgerMenu, HamburgerMenuButton, HelpCircle1, HorizontalLines, HoverBubble, Icon_default as Icon, IconButtonInCell, Image_default as Image, ImageCell, ImageList_default as ImageList, ImagePlaceholder, Income, Info, Input_default as Input, Integrations, Inventory, Inventory2, Key, KeyPress_default as KeyPress, Label_default as Label, LanguageSwitch_default as LanguageSwitch, Layers, Layout, LightBox_default as LightBox, Line_default as Line, Link_default as Link, LinkInCell, Liquid, Location, LoginPage_default as LoginPage, Logo_default as Logo, Logout1, MachinePackingForbidden, MailwrapLogo, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Modal_default as Modal, Moon, NoImage, Notification2, OpenBox, Pagination_default as Pagination, Pallet, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Plus1, Popover, Portal, Print, Product, Products, Profile, ProgressBar_default as ProgressBar, Puzzle1, QRCode, Rack, RadioButton_default as RadioButton, Reject, Reload, RemoveCell, Return, RowActionsCell, Rows, Scheduler, Select_default as Select, Settings2, Share, ShieldUser, ShoppingBag, SideMenu_default as SideMenu, SimpleLink_default as SimpleLink, SingleSelect_default as SingleSelect, Sort, SpaceAround_default as SpaceAround, SpaceAroundWrap, Spinner_default as Spinner, StepCircle, Stepper, StringJoinCell, Sun, SwitchInCell, TabContent, Tabs_default as Tabs, Tag_default as Tag, Text, TextArea_default as TextArea, ThemeProvider_default as ThemeProvider, ThreeDots, TickCircle, TimePickerRepeat, Toast_default as Toast, ToastError, ToastSuccess, Toggle_default as Toggle, ToggleCell, Toolbox, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, types_exports as Types, Typography_default as Typography, UserCowboy, UserHeader, Valuable, WarehouseShelves, Weight, actionPrefix, actionTypes, compactMenuWidth, createActions, createFullSelector, createRgba, createSelectors, expandedMenuWidth, iconDictionary, palettes, store_default as reducer, themes, useAddFilter, useClickOutside, useEvent, useFloatingButton, useLightBox, useModal, useStepper, useTabs, utils_default as utils, withReduxActions };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const headerHeight = "52px";
|