@ecohouse/ui 0.1.43 → 0.1.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +373 -199
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +24 -4
- package/dist/index.d.ts +24 -4
- package/dist/index.js +289 -121
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.stories.tsx +5 -0
- package/src/components/Button/Button.tsx +34 -5
- package/src/components/Input/Input.tsx +6 -0
- package/src/components/LanguageSwitcher/LanguageSwitcher.tsx +1 -1
- package/src/components/SegmentedToggle/SegmentedToggle.tsx +21 -1
- package/src/components/Select/Select.tsx +12 -3
- package/src/icons/Amenity/amenityPaths.ts +3 -10
- package/src/icons/Dram/DramIcon.tsx +14 -0
- package/src/icons/Dram/DramIcon.web.tsx +20 -0
- package/src/icons/Dram/dramPath.ts +2 -0
- package/src/icons/Dram/index.ts +1 -0
- package/src/icons/HouseRules/houseRulesPaths.ts +3 -3
- package/src/icons/NoPets/NoPetsIcon.tsx +23 -0
- package/src/icons/NoPets/NoPetsIcon.web.tsx +29 -0
- package/src/icons/NoPets/index.ts +1 -0
- package/src/icons/NoPets/noPetsPaths.ts +8 -0
- package/src/icons/NoReview/NoReviewIcon.tsx +20 -0
- package/src/icons/NoReview/NoReviewIcon.web.tsx +19 -0
- package/src/icons/NoReview/index.ts +1 -0
- package/src/icons/NoReview/noReviewPath.ts +3 -0
- package/src/icons/StarOutline/StarOutlineIcon.tsx +24 -0
- package/src/icons/StarOutline/StarOutlineIcon.web.tsx +30 -0
- package/src/icons/StarOutline/index.ts +1 -0
- package/src/icons/StarOutline/starOutlinePath.ts +2 -0
- package/src/icons/Sun/SunIcon.tsx +20 -0
- package/src/icons/Sun/SunIcon.web.tsx +26 -0
- package/src/icons/Sun/index.ts +1 -0
- package/src/icons/Sun/sunPath.ts +2 -0
- package/src/icons/Washer/WasherIcon.tsx +25 -0
- package/src/icons/Washer/WasherIcon.web.tsx +31 -0
- package/src/icons/Washer/index.ts +1 -0
- package/src/icons/Washer/washerPaths.ts +28 -0
- package/src/icons/index.ts +6 -0
- package/src/icons/registry.ts +18 -0
- package/src/index.ts +6 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { colors } from "../../theme";
|
|
2
|
+
import type { IconProps } from "../types";
|
|
3
|
+
import { WASHER_PATHS } from "./washerPaths";
|
|
4
|
+
|
|
5
|
+
export function WasherIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }: IconProps) {
|
|
6
|
+
return (
|
|
7
|
+
<svg
|
|
8
|
+
width={size}
|
|
9
|
+
height={size}
|
|
10
|
+
viewBox="0 0 20 20"
|
|
11
|
+
fill="none"
|
|
12
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
13
|
+
aria-hidden
|
|
14
|
+
>
|
|
15
|
+
{WASHER_PATHS.map((path, index) => {
|
|
16
|
+
const filled = path.fill === true;
|
|
17
|
+
return (
|
|
18
|
+
<path
|
|
19
|
+
key={`washer-${index}`}
|
|
20
|
+
d={path.d}
|
|
21
|
+
fill={filled ? color : "none"}
|
|
22
|
+
stroke={filled ? undefined : color}
|
|
23
|
+
strokeWidth={filled ? undefined : strokeWidth}
|
|
24
|
+
/>
|
|
25
|
+
);
|
|
26
|
+
})}
|
|
27
|
+
</svg>
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export { WASHER_PATHS } from "./washerPaths";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { WasherIcon, WASHER_PATHS } from "./WasherIcon";
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export interface WasherPathDefinition {
|
|
2
|
+
d: string;
|
|
3
|
+
fill?: boolean;
|
|
4
|
+
strokeWidth?: number;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export const WASHER_PATHS: readonly WasherPathDefinition[] = [
|
|
8
|
+
{
|
|
9
|
+
d: "M15.832 1.66602H4.16536C3.70513 1.66602 3.33203 2.03911 3.33203 2.49935V17.4993C3.33203 17.9596 3.70513 18.3327 4.16536 18.3327H15.832C16.2923 18.3327 16.6654 17.9596 16.6654 17.4993V2.49935C16.6654 2.03911 16.2923 1.66602 15.832 1.66602Z",
|
|
10
|
+
strokeWidth: 1.5,
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
d: "M3.33203 4.99935C3.33203 5.4596 3.70513 5.83268 4.16536 5.83268H15.832C16.2923 5.83268 16.6654 5.4596 16.6654 4.99935V2.49935C16.6654 2.03911 16.2923 1.66602 15.832 1.66602H4.16536C3.70513 1.66602 3.33203 2.03911 3.33203 2.49935V4.99935Z",
|
|
14
|
+
strokeWidth: 1.5,
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
d: "M5.83333 4.58268C6.29357 4.58268 6.66667 4.20959 6.66667 3.74935C6.66667 3.28911 6.29357 2.91602 5.83333 2.91602C5.3731 2.91602 5 3.28911 5 3.74935C5 4.20959 5.3731 4.58268 5.83333 4.58268Z",
|
|
18
|
+
fill: true,
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
d: "M8.33333 4.58268C8.79357 4.58268 9.16667 4.20959 9.16667 3.74935C9.16667 3.28911 8.79357 2.91602 8.33333 2.91602C7.8731 2.91602 7.5 3.28911 7.5 3.74935C7.5 4.20959 7.8731 4.58268 8.33333 4.58268Z",
|
|
22
|
+
fill: true,
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
d: "M9.9987 14.9993C11.6095 14.9993 12.9154 13.6935 12.9154 12.0827C12.9154 10.4719 11.6095 9.16602 9.9987 9.16602C8.38787 9.16602 7.08203 10.4719 7.08203 12.0827C7.08203 13.6935 8.38787 14.9993 9.9987 14.9993Z",
|
|
26
|
+
strokeWidth: 1.5,
|
|
27
|
+
},
|
|
28
|
+
];
|
package/src/icons/index.ts
CHANGED
|
@@ -27,6 +27,7 @@ export { ChevronLeftIcon } from "./ChevronLeft";
|
|
|
27
27
|
export { ClockIcon } from "./Clock";
|
|
28
28
|
export { CloseIcon } from "./Close";
|
|
29
29
|
export { CloudUploadIcon } from "./CloudUpload";
|
|
30
|
+
export { NoReviewIcon } from "./NoReview";
|
|
30
31
|
export { CurrentLocationIcon } from "./CurrentLocation";
|
|
31
32
|
export { EditIcon } from "./Edit";
|
|
32
33
|
export { EyeIcon } from "./Eye";
|
|
@@ -55,6 +56,7 @@ export { FiltersIcon } from "./Filters";
|
|
|
55
56
|
export { FullscreenIcon } from "./Fullscreen";
|
|
56
57
|
export { CutleryIcon } from "./Cutlery";
|
|
57
58
|
export { DollarIcon } from "./Dollar";
|
|
59
|
+
export { DramIcon } from "./Dram";
|
|
58
60
|
export { DragHandleIcon } from "./DragHandle";
|
|
59
61
|
export { HeartIcon } from "./Heart";
|
|
60
62
|
export { HeadsetIcon } from "./Headset";
|
|
@@ -83,6 +85,7 @@ export { MenuLinesIcon } from "./MenuLines";
|
|
|
83
85
|
export { MoonStarsIcon } from "./MoonStars";
|
|
84
86
|
export { MoreHorizontalIcon } from "./MoreHorizontal";
|
|
85
87
|
export { NavigateIcon } from "./Navigate";
|
|
88
|
+
export { NoPetsIcon } from "./NoPets";
|
|
86
89
|
export { PhoneIcon } from "./Phone";
|
|
87
90
|
export { PlusIcon } from "./Plus";
|
|
88
91
|
export { MinusIcon } from "./Minus";
|
|
@@ -95,10 +98,13 @@ export { SidebarIcon } from "./Sidebar";
|
|
|
95
98
|
export { SortIcon } from "./Sort";
|
|
96
99
|
export { StarIcon } from "./Star";
|
|
97
100
|
export { StarFilledIcon } from "./StarFilled";
|
|
101
|
+
export { StarOutlineIcon } from "./StarOutline";
|
|
102
|
+
export { SunIcon } from "./Sun";
|
|
98
103
|
export { TableViewIcon } from "./TableView";
|
|
99
104
|
export { UserIcon } from "./User";
|
|
100
105
|
export { UsersAltIcon } from "./UsersAlt";
|
|
101
106
|
export { VideoIcon } from "./Video";
|
|
102
107
|
export { VideoOffIcon } from "./VideoOff";
|
|
108
|
+
export { WasherIcon } from "./Washer";
|
|
103
109
|
export { ZoomOutIcon } from "./ZoomOut";
|
|
104
110
|
export type { StarIconProps } from "./Star";
|
package/src/icons/registry.ts
CHANGED
|
@@ -17,6 +17,7 @@ import { ChevronLeftIcon } from "./ChevronLeft";
|
|
|
17
17
|
import { ClockIcon } from "./Clock";
|
|
18
18
|
import { CloseIcon } from "./Close";
|
|
19
19
|
import { CloudUploadIcon } from "./CloudUpload";
|
|
20
|
+
import { NoReviewIcon } from "./NoReview";
|
|
20
21
|
import { EditIcon } from "./Edit";
|
|
21
22
|
import { EyeIcon } from "./Eye";
|
|
22
23
|
import {
|
|
@@ -44,6 +45,7 @@ import { FiltersIcon } from "./Filters";
|
|
|
44
45
|
import { FullscreenIcon } from "./Fullscreen";
|
|
45
46
|
import { CutleryIcon } from "./Cutlery";
|
|
46
47
|
import { DollarIcon } from "./Dollar";
|
|
48
|
+
import { DramIcon } from "./Dram";
|
|
47
49
|
import { DragHandleIcon } from "./DragHandle";
|
|
48
50
|
import { HeartIcon } from "./Heart";
|
|
49
51
|
import { HeadsetIcon } from "./Headset";
|
|
@@ -71,6 +73,7 @@ import { MinusIcon } from "./Minus";
|
|
|
71
73
|
import { MoonStarsIcon } from "./MoonStars";
|
|
72
74
|
import { MoreHorizontalIcon } from "./MoreHorizontal";
|
|
73
75
|
import { NavigateIcon } from "./Navigate";
|
|
76
|
+
import { NoPetsIcon } from "./NoPets";
|
|
74
77
|
import { PhoneIcon } from "./Phone";
|
|
75
78
|
import { PlusIcon } from "./Plus";
|
|
76
79
|
import { RefreshIcon } from "./Refresh";
|
|
@@ -82,11 +85,14 @@ import { SidebarIcon } from "./Sidebar";
|
|
|
82
85
|
import { SortIcon } from "./Sort";
|
|
83
86
|
import { StarIcon } from "./Star";
|
|
84
87
|
import { StarFilledIcon } from "./StarFilled";
|
|
88
|
+
import { StarOutlineIcon } from "./StarOutline";
|
|
89
|
+
import { SunIcon } from "./Sun";
|
|
85
90
|
import { TableViewIcon } from "./TableView";
|
|
86
91
|
import { UserIcon } from "./User";
|
|
87
92
|
import { UsersAltIcon } from "./UsersAlt";
|
|
88
93
|
import { VideoIcon } from "./Video";
|
|
89
94
|
import { VideoOffIcon } from "./VideoOff";
|
|
95
|
+
import { WasherIcon } from "./Washer";
|
|
90
96
|
import { ZoomOutIcon } from "./ZoomOut";
|
|
91
97
|
import type { IconComponent } from "./types";
|
|
92
98
|
|
|
@@ -112,6 +118,7 @@ export const icons = {
|
|
|
112
118
|
clock: ClockIcon,
|
|
113
119
|
close: CloseIcon,
|
|
114
120
|
cloudUpload: CloudUploadIcon,
|
|
121
|
+
noReview: NoReviewIcon,
|
|
115
122
|
edit: EditIcon,
|
|
116
123
|
clockFilled: ClockFilledIcon,
|
|
117
124
|
copy: CopyIcon,
|
|
@@ -149,6 +156,7 @@ export const icons = {
|
|
|
149
156
|
moonStars: MoonStarsIcon,
|
|
150
157
|
moreHorizontal: MoreHorizontalIcon,
|
|
151
158
|
navigate: NavigateIcon,
|
|
159
|
+
noPets: NoPetsIcon,
|
|
152
160
|
noSmoking: NoSmokingIcon,
|
|
153
161
|
paw: PawIcon,
|
|
154
162
|
phone: PhoneIcon,
|
|
@@ -167,6 +175,8 @@ export const icons = {
|
|
|
167
175
|
sort: SortIcon,
|
|
168
176
|
star: StarIcon,
|
|
169
177
|
starFilled: StarFilledIcon,
|
|
178
|
+
starOutline: StarOutlineIcon,
|
|
179
|
+
sun: SunIcon,
|
|
170
180
|
tableView: TableViewIcon,
|
|
171
181
|
tooltipArrow: TooltipArrowIcon,
|
|
172
182
|
trash: TrashIcon,
|
|
@@ -174,8 +184,10 @@ export const icons = {
|
|
|
174
184
|
usersAlt: UsersAltIcon,
|
|
175
185
|
video: VideoIcon,
|
|
176
186
|
videoOff: VideoOffIcon,
|
|
187
|
+
washer: WasherIcon,
|
|
177
188
|
cutlery: CutleryIcon,
|
|
178
189
|
dollar: DollarIcon,
|
|
190
|
+
dram: DramIcon,
|
|
179
191
|
dragHandle: DragHandleIcon,
|
|
180
192
|
eye: EyeIcon,
|
|
181
193
|
image: ImageIcon,
|
|
@@ -225,6 +237,7 @@ export const iconGroups = {
|
|
|
225
237
|
"calendarOutline",
|
|
226
238
|
"close",
|
|
227
239
|
"cloudUpload",
|
|
240
|
+
"noReview",
|
|
228
241
|
"edit",
|
|
229
242
|
"ratingStar",
|
|
230
243
|
"saveHeart",
|
|
@@ -236,6 +249,8 @@ export const iconGroups = {
|
|
|
236
249
|
"zoomOut",
|
|
237
250
|
"star",
|
|
238
251
|
"starFilled",
|
|
252
|
+
"starOutline",
|
|
253
|
+
"sun",
|
|
239
254
|
"minus",
|
|
240
255
|
"moonStars",
|
|
241
256
|
"moreHorizontal",
|
|
@@ -254,6 +269,7 @@ export const iconGroups = {
|
|
|
254
269
|
"clockFilled",
|
|
255
270
|
"guests",
|
|
256
271
|
"lock",
|
|
272
|
+
"noPets",
|
|
257
273
|
"noSmoking",
|
|
258
274
|
"paw",
|
|
259
275
|
"qrCode",
|
|
@@ -263,6 +279,7 @@ export const iconGroups = {
|
|
|
263
279
|
"usersAlt",
|
|
264
280
|
"video",
|
|
265
281
|
"videoOff",
|
|
282
|
+
"washer",
|
|
266
283
|
"whatsApp",
|
|
267
284
|
],
|
|
268
285
|
communication: ["mail", "phone"],
|
|
@@ -271,6 +288,7 @@ export const iconGroups = {
|
|
|
271
288
|
"areaExpand",
|
|
272
289
|
"cutlery",
|
|
273
290
|
"dollar",
|
|
291
|
+
"dram",
|
|
274
292
|
"eye",
|
|
275
293
|
"globe",
|
|
276
294
|
"layoutGrid",
|
package/src/index.ts
CHANGED
|
@@ -149,6 +149,7 @@ export {
|
|
|
149
149
|
ClockIcon,
|
|
150
150
|
CloseIcon,
|
|
151
151
|
CloudUploadIcon,
|
|
152
|
+
NoReviewIcon,
|
|
152
153
|
CurrentLocationIcon,
|
|
153
154
|
EditIcon,
|
|
154
155
|
BathroomsIcon,
|
|
@@ -163,6 +164,7 @@ export {
|
|
|
163
164
|
ClockFilledIcon,
|
|
164
165
|
CopyIcon,
|
|
165
166
|
DownloadIcon,
|
|
167
|
+
DramIcon,
|
|
166
168
|
QrCodeIcon,
|
|
167
169
|
ShareIcon,
|
|
168
170
|
TooltipArrowIcon,
|
|
@@ -199,6 +201,7 @@ export {
|
|
|
199
201
|
MinusIcon,
|
|
200
202
|
MoonStarsIcon,
|
|
201
203
|
NavigateIcon,
|
|
204
|
+
NoPetsIcon,
|
|
202
205
|
PhoneIcon,
|
|
203
206
|
PlusIcon,
|
|
204
207
|
RefreshIcon,
|
|
@@ -210,11 +213,14 @@ export {
|
|
|
210
213
|
SortIcon,
|
|
211
214
|
StarIcon,
|
|
212
215
|
StarFilledIcon,
|
|
216
|
+
StarOutlineIcon,
|
|
217
|
+
SunIcon,
|
|
213
218
|
TableViewIcon,
|
|
214
219
|
UserIcon,
|
|
215
220
|
UsersAltIcon,
|
|
216
221
|
VideoIcon,
|
|
217
222
|
VideoOffIcon,
|
|
223
|
+
WasherIcon,
|
|
218
224
|
CutleryIcon,
|
|
219
225
|
DollarIcon,
|
|
220
226
|
DragHandleIcon,
|