@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.
Files changed (42) hide show
  1. package/dist/index.cjs +373 -199
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +24 -4
  4. package/dist/index.d.ts +24 -4
  5. package/dist/index.js +289 -121
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/Button/Button.stories.tsx +5 -0
  9. package/src/components/Button/Button.tsx +34 -5
  10. package/src/components/Input/Input.tsx +6 -0
  11. package/src/components/LanguageSwitcher/LanguageSwitcher.tsx +1 -1
  12. package/src/components/SegmentedToggle/SegmentedToggle.tsx +21 -1
  13. package/src/components/Select/Select.tsx +12 -3
  14. package/src/icons/Amenity/amenityPaths.ts +3 -10
  15. package/src/icons/Dram/DramIcon.tsx +14 -0
  16. package/src/icons/Dram/DramIcon.web.tsx +20 -0
  17. package/src/icons/Dram/dramPath.ts +2 -0
  18. package/src/icons/Dram/index.ts +1 -0
  19. package/src/icons/HouseRules/houseRulesPaths.ts +3 -3
  20. package/src/icons/NoPets/NoPetsIcon.tsx +23 -0
  21. package/src/icons/NoPets/NoPetsIcon.web.tsx +29 -0
  22. package/src/icons/NoPets/index.ts +1 -0
  23. package/src/icons/NoPets/noPetsPaths.ts +8 -0
  24. package/src/icons/NoReview/NoReviewIcon.tsx +20 -0
  25. package/src/icons/NoReview/NoReviewIcon.web.tsx +19 -0
  26. package/src/icons/NoReview/index.ts +1 -0
  27. package/src/icons/NoReview/noReviewPath.ts +3 -0
  28. package/src/icons/StarOutline/StarOutlineIcon.tsx +24 -0
  29. package/src/icons/StarOutline/StarOutlineIcon.web.tsx +30 -0
  30. package/src/icons/StarOutline/index.ts +1 -0
  31. package/src/icons/StarOutline/starOutlinePath.ts +2 -0
  32. package/src/icons/Sun/SunIcon.tsx +20 -0
  33. package/src/icons/Sun/SunIcon.web.tsx +26 -0
  34. package/src/icons/Sun/index.ts +1 -0
  35. package/src/icons/Sun/sunPath.ts +2 -0
  36. package/src/icons/Washer/WasherIcon.tsx +25 -0
  37. package/src/icons/Washer/WasherIcon.web.tsx +31 -0
  38. package/src/icons/Washer/index.ts +1 -0
  39. package/src/icons/Washer/washerPaths.ts +28 -0
  40. package/src/icons/index.ts +6 -0
  41. package/src/icons/registry.ts +18 -0
  42. 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
+ ];
@@ -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";
@@ -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,