@ecohouse/ui 0.1.49 → 0.1.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecohouse/ui",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "type": "module",
   "private": false,
   "description": "Cross-platform presentation-only UI components for EcoHouse (React Native + React Native Web)",

package/src/icons/CalendarFilled/CalendarFilledIcon.tsx

@@ -0,0 +1,14 @@
+import Svg, { Path } from "react-native-svg";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { CALENDAR_FILLED_PATH } from "./calendarFilledPath";
+
+export { CALENDAR_FILLED_PATH } from "./calendarFilledPath";
+
+export function CalendarFilledIcon({ size = 16, color = colors.primary }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path d={CALENDAR_FILLED_PATH} fill={color} />
+    </Svg>
+  );
+}

package/src/icons/CalendarFilled/CalendarFilledIcon.web.tsx

@@ -0,0 +1,13 @@
+import { CALENDAR_FILLED_PATH } from "./calendarFilledPath";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+
+export function CalendarFilledIcon({ size = 16, color = colors.primary }: IconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" aria-hidden>
+      <path d={CALENDAR_FILLED_PATH} fill={color} />
+    </svg>
+  );
+}
+
+export { CALENDAR_FILLED_PATH } from "./calendarFilledPath";

package/src/icons/CalendarFilled/calendarFilledPath.ts

@@ -0,0 +1,2 @@
+export const CALENDAR_FILLED_PATH =
+  "M12.6654 2.66732H11.332V2.00065C11.332 1.82384 11.2618 1.65427 11.1368 1.52925C11.0117 1.40422 10.8422 1.33398 10.6654 1.33398C10.4886 1.33398 10.319 1.40422 10.194 1.52925C10.0689 1.65427 9.9987 1.82384 9.9987 2.00065V2.66732H5.9987V2.00065C5.9987 1.82384 5.92846 1.65427 5.80344 1.52925C5.67841 1.40422 5.50884 1.33398 5.33203 1.33398C5.15522 1.33398 4.98565 1.40422 4.86063 1.52925C4.7356 1.65427 4.66536 1.82384 4.66536 2.00065V2.66732H3.33203C2.8016 2.66732 2.29289 2.87803 1.91782 3.2531C1.54274 3.62818 1.33203 4.13688 1.33203 4.66732V12.6673C1.33203 13.1978 1.54274 13.7065 1.91782 14.0815C2.29289 14.4566 2.8016 14.6673 3.33203 14.6673H12.6654C13.1958 14.6673 13.7045 14.4566 14.0796 14.0815C14.4546 13.7065 14.6654 13.1978 14.6654 12.6673V4.66732C14.6654 4.13688 14.4546 3.62818 14.0796 3.2531C13.7045 2.87803 13.1958 2.66732 12.6654 2.66732ZM13.332 12.6673C13.332 12.8441 13.2618 13.0137 13.1368 13.1387C13.0117 13.2637 12.8422 13.334 12.6654 13.334H3.33203C3.15522 13.334 2.98565 13.2637 2.86063 13.1387C2.7356 13.0137 2.66536 12.8441 2.66536 12.6673V8.00065H13.332V12.6673ZM13.332 6.66732H2.66536V4.66732C2.66536 4.49051 2.7356 4.32094 2.86063 4.19591C2.98565 4.07089 3.15522 4.00065 3.33203 4.00065H4.66536V4.66732C4.66536 4.84413 4.7356 5.0137 4.86063 5.13872C4.98565 5.26375 5.15522 5.33398 5.33203 5.33398C5.50884 5.33398 5.67841 5.26375 5.80344 5.13872C5.92846 5.0137 5.9987 4.84413 5.9987 4.66732V4.00065H9.9987V4.66732C9.9987 4.84413 10.0689 5.0137 10.194 5.13872C10.319 5.26375 10.4886 5.33398 10.6654 5.33398C10.8422 5.33398 11.0117 5.26375 11.1368 5.13872C11.2618 5.0137 11.332 4.84413 11.332 4.66732V4.00065H12.6654C12.8422 4.00065 13.0117 4.07089 13.1368 4.19591C13.2618 4.32094 13.332 4.49051 13.332 4.66732V6.66732Z";

package/src/icons/CalendarFilled/index.ts

@@ -0,0 +1 @@
+export { CalendarFilledIcon, CALENDAR_FILLED_PATH } from "./CalendarFilledIcon";

package/src/icons/ExternalLink/ExternalLinkIcon.tsx

@@ -0,0 +1,24 @@
+import Svg, { Path } from "react-native-svg";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { EXTERNAL_LINK_PATH } from "./externalLinkPath";
+
+export { EXTERNAL_LINK_PATH } from "./externalLinkPath";
+
+export function ExternalLinkIcon({
+  size = 12,
+  color = colors.lightGrey,
+  strokeWidth = 1.5,
+}: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 12 12" fill="none">
+      <Path
+        d={EXTERNAL_LINK_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+}

package/src/icons/ExternalLink/ExternalLinkIcon.web.tsx

@@ -0,0 +1,23 @@
+import { EXTERNAL_LINK_PATH } from "./externalLinkPath";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+
+export function ExternalLinkIcon({
+  size = 12,
+  color = colors.lightGrey,
+  strokeWidth = 1.5,
+}: IconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 12 12" fill="none" aria-hidden>
+      <path
+        d={EXTERNAL_LINK_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { EXTERNAL_LINK_PATH } from "./externalLinkPath";

package/src/icons/ExternalLink/externalLinkPath.ts

@@ -0,0 +1,2 @@
+export const EXTERNAL_LINK_PATH =
+  "M7.5 1.5H10.5L10.5 4.5M10.5 1.5L6.5 5.5M5 2.5H3.9C3.05992 2.5 2.63988 2.5 2.31901 2.66349C2.03677 2.8073 1.8073 3.03677 1.66349 3.31901C1.5 3.63988 1.5 4.05992 1.5 4.9V8.1C1.5 8.94008 1.5 9.36012 1.66349 9.68099C1.8073 9.96323 2.03677 10.1927 2.31901 10.3365C2.63988 10.5 3.05992 10.5 3.9 10.5H7.1C7.94008 10.5 8.36012 10.5 8.68099 10.3365C8.96323 10.1927 9.1927 9.96323 9.33651 9.68099C9.5 9.36012 9.5 8.94008 9.5 8.1V7";

package/src/icons/ExternalLink/index.ts

@@ -0,0 +1 @@
+export { ExternalLinkIcon, EXTERNAL_LINK_PATH } from "./ExternalLinkIcon";

package/src/icons/SmartKey/SmartKeyIcon.tsx

@@ -0,0 +1,20 @@
+import Svg, { Path } from "react-native-svg";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { SMART_KEY_PATH } from "./smartKeyPath";
+
+export { SMART_KEY_PATH } from "./smartKeyPath";
+
+export function SmartKeyIcon({ size = 16, color = colors.primary, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d={SMART_KEY_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+}

package/src/icons/SmartKey/SmartKeyIcon.web.tsx

@@ -0,0 +1,19 @@
+import { SMART_KEY_PATH } from "./smartKeyPath";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+
+export function SmartKeyIcon({ size = 16, color = colors.primary, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" aria-hidden>
+      <path
+        d={SMART_KEY_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { SMART_KEY_PATH } from "./smartKeyPath";

package/src/icons/SmartKey/index.ts

@@ -0,0 +1 @@
+export { SmartKeyIcon, SMART_KEY_PATH } from "./SmartKeyIcon";

package/src/icons/SmartKey/smartKeyPath.ts

@@ -0,0 +1,2 @@
+export const SMART_KEY_PATH =
+  "M4.33333 4.33333H4.34M11.6667 4.33333H11.6733M4.33333 11.6667H4.34M8.66667 8.66667H8.67333M11.6667 11.6667H11.6733M11.3333 14H14V11.3333M9.33333 11V14M14 9.33333H11M10.4 6.66667H12.9333C13.3067 6.66667 13.4934 6.66667 13.636 6.594C13.7614 6.53009 13.8634 6.4281 13.9273 6.30266C14 6.16005 14 5.97337 14 5.6V3.06667C14 2.6933 14 2.50661 13.9273 2.36401C13.8634 2.23856 13.7614 2.13658 13.636 2.07266C13.4934 2 13.3067 2 12.9333 2H10.4C10.0266 2 9.83995 2 9.69734 2.07266C9.5719 2.13658 9.46991 2.23856 9.406 2.36401C9.33333 2.50661 9.33333 2.6933 9.33333 3.06667V5.6C9.33333 5.97337 9.33333 6.16005 9.406 6.30266C9.46991 6.4281 9.5719 6.53009 9.69734 6.594C9.83995 6.66667 10.0266 6.66667 10.4 6.66667ZM3.06667 6.66667H5.6C5.97337 6.66667 6.16005 6.66667 6.30266 6.594C6.4281 6.53009 6.53009 6.4281 6.594 6.30266C6.66667 6.16005 6.66667 5.97337 6.66667 5.6V3.06667C6.66667 2.6933 6.66667 2.50661 6.594 2.36401C6.53009 2.23856 6.4281 2.13658 6.30266 2.07266C6.16005 2 5.97337 2 5.6 2H3.06667C2.6933 2 2.50661 2 2.36401 2.07266C2.23856 2.13658 2.13658 2.23856 2.07266 2.36401C2 2.50661 2 2.6933 2 3.06667V5.6C2 5.97337 2 6.16005 2.07266 6.30266C2.13658 6.4281 2.23856 6.53009 2.36401 6.594C2.50661 6.66667 2.6933 6.66667 3.06667 6.66667ZM3.06667 14H5.6C5.97337 14 6.16005 14 6.30266 13.9273C6.4281 13.8634 6.53009 13.7614 6.594 13.636C6.66667 13.4934 6.66667 13.3067 6.66667 12.9333V10.4C6.66667 10.0266 6.66667 9.83995 6.594 9.69734C6.53009 9.5719 6.4281 9.46991 6.30266 9.406C6.16005 9.33333 5.97337 9.33333 5.6 9.33333H3.06667C2.6933 9.33333 2.50661 9.33333 2.36401 9.406C2.23856 9.46991 2.13658 9.5719 2.07266 9.69734C2 9.83995 2 10.0266 2 10.4V12.9333C2 13.3067 2 13.4934 2.07266 13.636C2.13658 13.7614 2.23856 13.8634 2.36401 13.9273C2.50661 14 2.6933 14 3.06667 14Z";

package/src/icons/StayHome/StayHomeIcon.tsx

@@ -0,0 +1,20 @@
+import Svg, { Path } from "react-native-svg";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { STAY_HOME_PATH } from "./stayHomePath";
+
+export { STAY_HOME_PATH } from "./stayHomePath";
+
+export function StayHomeIcon({ size = 16, color = colors.primary, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d={STAY_HOME_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+}

package/src/icons/StayHome/StayHomeIcon.web.tsx

@@ -0,0 +1,19 @@
+import { STAY_HOME_PATH } from "./stayHomePath";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+
+export function StayHomeIcon({ size = 16, color = colors.primary, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" aria-hidden>
+      <path
+        d={STAY_HOME_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { STAY_HOME_PATH } from "./stayHomePath";

package/src/icons/StayHome/index.ts

@@ -0,0 +1 @@
+export { StayHomeIcon, STAY_HOME_PATH } from "./StayHomeIcon";

package/src/icons/StayHome/stayHomePath.ts

@@ -0,0 +1,2 @@
+export const STAY_HOME_PATH =
+  "M5.41735 9.33381C5.71337 10.484 6.75744 11.3338 8 11.3338C9.24256 11.3338 10.2866 10.484 10.5827 9.33381M7.34513 1.84315L2.82359 5.3599C2.52135 5.59498 2.37022 5.71252 2.26135 5.85973C2.16491 5.99012 2.09307 6.13701 2.04935 6.29319C2 6.4695 2 6.66095 2 7.04386V11.8671C2 12.6139 2 12.9872 2.14532 13.2725C2.27316 13.5233 2.47713 13.7273 2.72801 13.8552C3.01323 14.0005 3.3866 14.0005 4.13333 14.0005H11.8667C12.6134 14.0005 12.9868 14.0005 13.272 13.8552C13.5229 13.7273 13.7268 13.5233 13.8547 13.2725C14 12.9872 14 12.6139 14 11.8671V7.04386C14 6.66095 14 6.4695 13.9506 6.29319C13.9069 6.13701 13.8351 5.99012 13.7386 5.85973C13.6298 5.71252 13.4787 5.59499 13.1764 5.35991L8.65487 1.84315C8.42065 1.66099 8.30354 1.5699 8.17423 1.53489C8.06013 1.504 7.93987 1.504 7.82577 1.53489C7.69646 1.5699 7.57935 1.66099 7.34513 1.84315Z";

package/src/icons/index.ts

@@ -17,6 +17,7 @@ export { BanIcon } from "./Ban";
 export { BlockedGuestsIcon } from "./BlockedGuests";
 export { BellIcon } from "./Bell";
 export { BuildingIcon } from "./Building";
+export { CalendarFilledIcon } from "./CalendarFilled";
 export { CalendarIcon } from "./Calendar";
 export { CalendarMinusIcon } from "./CalendarMinus";
 export { CalendarOutlineIcon } from "./CalendarOutline";
@@ -33,6 +34,7 @@ export { NoReviewIcon } from "./NoReview";
 export { CurrentLocationIcon } from "./CurrentLocation";
 export { DeactivateIcon } from "./Deactivate";
 export { EditIcon } from "./Edit";
+export { ExternalLinkIcon } from "./ExternalLink";
 export { EyeIcon } from "./Eye";
 export {
   BathroomsIcon,
@@ -98,8 +100,10 @@ export { SearchIcon } from "./Search";
 export { SettingsIcon } from "./Settings";
 export { ShowIcon } from "./Show";
 export { SidebarIcon } from "./Sidebar";
+export { SmartKeyIcon } from "./SmartKey";
 export { SortIcon } from "./Sort";
 export { StarIcon } from "./Star";
+export { StayHomeIcon } from "./StayHome";
 export { StarFilledIcon } from "./StarFilled";
 export { StarOutlineIcon } from "./StarOutline";
 export { SunIcon } from "./Sun";

package/src/icons/registry.ts

@@ -7,6 +7,7 @@ import { BanIcon } from "./Ban";
 import { BlockedGuestsIcon } from "./BlockedGuests";
 import { BellIcon } from "./Bell";
 import { BuildingIcon } from "./Building";
+import { CalendarFilledIcon } from "./CalendarFilled";
 import { CalendarIcon } from "./Calendar";
 import { CalendarMinusIcon } from "./CalendarMinus";
 import { CalendarOutlineIcon } from "./CalendarOutline";
@@ -22,6 +23,7 @@ import { DeactivateIcon } from "./Deactivate";
 import { CloudUploadIcon } from "./CloudUpload";
 import { NoReviewIcon } from "./NoReview";
 import { EditIcon } from "./Edit";
+import { ExternalLinkIcon } from "./ExternalLink";
 import { EyeIcon } from "./Eye";
 import {
   BathroomsIcon,
@@ -85,7 +87,9 @@ import { SearchIcon } from "./Search";
 import { SettingsIcon } from "./Settings";
 import { ShowIcon } from "./Show";
 import { SidebarIcon } from "./Sidebar";
+import { SmartKeyIcon } from "./SmartKey";
 import { SortIcon } from "./Sort";
+import { StayHomeIcon } from "./StayHome";
 import { StarIcon } from "./Star";
 import { StarFilledIcon } from "./StarFilled";
 import { StarOutlineIcon } from "./StarOutline";
@@ -112,6 +116,7 @@ export const icons = {
   blockedGuests: BlockedGuestsIcon,
   bell: BellIcon,
   building: BuildingIcon,
+  calendarFilled: CalendarFilledIcon,
   calendar: CalendarIcon,
   calendarMinus: CalendarMinusIcon,
   calendarOutline: CalendarOutlineIcon,
@@ -180,7 +185,9 @@ export const icons = {
   settings: SettingsIcon,
   show: ShowIcon,
   sidebar: SidebarIcon,
+  smartKey: SmartKeyIcon,
   sort: SortIcon,
+  stayHome: StayHomeIcon,
   star: StarIcon,
   starFilled: StarFilledIcon,
   starOutline: StarOutlineIcon,
@@ -199,6 +206,7 @@ export const icons = {
   dollar: DollarIcon,
   dram: DramIcon,
   dragHandle: DragHandleIcon,
+  externalLink: ExternalLinkIcon,
   eye: EyeIcon,
   image: ImageIcon,
   infoCircle: InfoCircleIcon,
@@ -243,6 +251,7 @@ export const iconGroups = {
     "dragHandle",
     "search",
     "calendar",
+    "calendarFilled",
     "calendarMinus",
     "calendarOutline",
     "close",
@@ -250,9 +259,12 @@ export const iconGroups = {
     "cloudUpload",
     "noReview",
     "edit",
+    "externalLink",
     "ratingStar",
     "saveHeart",
     "share",
+    "smartKey",
+    "stayHome",
     "filters",
     "fullscreen",
     "heart",

package/src/index.ts

@@ -137,6 +137,7 @@ export {
   BanIcon,
   BellIcon,
   BuildingIcon,
+  CalendarFilledIcon,
   CalendarIcon,
   CalendarMinusIcon,
   CalendarOutlineIcon,
@@ -211,8 +212,10 @@ export {
   SettingsIcon,
   ShowIcon,
   SidebarIcon,
+  SmartKeyIcon,
   SortIcon,
   StarIcon,
+  StayHomeIcon,
   StarFilledIcon,
   StarOutlineIcon,
   SunIcon,
@@ -229,6 +232,7 @@ export {
   CutleryIcon,
   DollarIcon,
   DragHandleIcon,
+  ExternalLinkIcon,
   EyeIcon,
   ImageIcon,
   InfoCircleIcon,