@ecohouse/ui 0.1.47 → 0.1.49

package/package.json

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

package/src/icons/Deactivate/DeactivateIcon.tsx

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

package/src/icons/Deactivate/DeactivateIcon.web.tsx

@@ -0,0 +1,20 @@
+import { DEACTIVATE_PATH } from "./deactivatePath";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+
+export function DeactivateIcon({ size = 16, color = colors.grey0 }: IconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden
+    >
+      <path d={DEACTIVATE_PATH} fill={color} />
+    </svg>
+  );
+}
+
+export { DEACTIVATE_PATH } from "./deactivatePath";

package/src/icons/Deactivate/deactivatePath.ts

@@ -0,0 +1,2 @@
+export const DEACTIVATE_PATH =
+  "M7.9987 1.33398C6.68016 1.33398 5.39123 1.72498 4.2949 2.45752C3.19857 3.19006 2.34409 4.23125 1.8395 5.44943C1.33492 6.6676 1.2029 8.00805 1.46013 9.30125C1.71737 10.5945 2.35231 11.7823 3.28466 12.7147C4.21701 13.647 5.40489 14.282 6.6981 14.5392C7.99131 14.7965 9.33175 14.6644 10.5499 14.1598C11.7681 13.6553 12.8093 12.8008 13.5418 11.7045C14.2744 10.6081 14.6654 9.31919 14.6654 8.00065C14.6654 7.12517 14.4929 6.25827 14.1579 5.44943C13.8229 4.64059 13.3318 3.90566 12.7127 3.28661C12.0937 2.66755 11.3588 2.17649 10.5499 1.84145C9.74109 1.50642 8.87418 1.33398 7.9987 1.33398ZM7.9987 13.334C6.58421 13.334 5.22766 12.7721 4.22746 11.7719C3.22727 10.7717 2.66537 9.41514 2.66537 8.00065C2.66389 6.81621 3.06071 5.66568 3.79203 4.73398L11.2654 12.2073C10.3337 12.9386 9.18314 13.3355 7.9987 13.334ZM12.2054 11.2673L4.73203 3.79398C5.66373 3.06266 6.81426 2.66584 7.9987 2.66732C9.41319 2.66732 10.7697 3.22922 11.7699 4.22941C12.7701 5.22961 13.332 6.58616 13.332 8.00065C13.3335 9.18509 12.9367 10.3356 12.2054 11.2673Z";

package/src/icons/Deactivate/index.ts

@@ -0,0 +1 @@
+export { DeactivateIcon, DEACTIVATE_PATH } from "./DeactivateIcon";

package/src/icons/Unlock/UnlockIcon.tsx

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

package/src/icons/Unlock/UnlockIcon.web.tsx

@@ -0,0 +1,26 @@
+import { UNLOCK_PATH } from "./unlockPath";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+
+export function UnlockIcon({ size = 16, color = colors.grey0, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden
+    >
+      <path
+        d={UNLOCK_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { UNLOCK_PATH } from "./unlockPath";

package/src/icons/Unlock/index.ts

@@ -0,0 +1 @@
+export { UnlockIcon, UNLOCK_PATH } from "./UnlockIcon";

package/src/icons/Unlock/unlockPath.ts

@@ -0,0 +1,2 @@
+export const UNLOCK_PATH =
+  "M4.66797 7.33333V5.33333C4.66797 3.49238 6.16035 2 8.0013 2C9.61394 2 10.9591 3.14517 11.268 4.66667M5.86797 14H10.1346C11.2547 14 11.8148 14 12.2426 13.782C12.6189 13.5903 12.9249 13.2843 13.1166 12.908C13.3346 12.4802 13.3346 11.9201 13.3346 10.8V10.5333C13.3346 9.41323 13.3346 8.85318 13.1166 8.42535C12.9249 8.04903 12.6189 7.74307 12.2426 7.55132C11.8148 7.33333 11.2547 7.33333 10.1346 7.33333H5.86797C4.74786 7.33333 4.18781 7.33333 3.75999 7.55132C3.38366 7.74307 3.0777 8.04903 2.88596 8.42535C2.66797 8.85318 2.66797 9.41323 2.66797 10.5333V10.8C2.66797 11.9201 2.66797 12.4802 2.88596 12.908C3.0777 13.2843 3.38366 13.5903 3.75999 13.782C4.18781 14 4.74786 14 5.86797 14Z";

package/src/icons/index.ts

@@ -31,6 +31,7 @@ export { CloseIcon } from "./Close";
 export { CloudUploadIcon } from "./CloudUpload";
 export { NoReviewIcon } from "./NoReview";
 export { CurrentLocationIcon } from "./CurrentLocation";
+export { DeactivateIcon } from "./Deactivate";
 export { EditIcon } from "./Edit";
 export { EyeIcon } from "./Eye";
 export {
@@ -104,6 +105,7 @@ export { StarOutlineIcon } from "./StarOutline";
 export { SunIcon } from "./Sun";
 export { TableViewIcon } from "./TableView";
 export { TotalGuestsIcon } from "./TotalGuests";
+export { UnlockIcon } from "./Unlock";
 export { UserIcon } from "./User";
 export { UsersAltIcon } from "./UsersAlt";
 export { VideoIcon } from "./Video";

package/src/icons/registry.ts

@@ -18,6 +18,7 @@ import { ChevronDownIcon } from "./ChevronDown";
 import { ChevronLeftIcon } from "./ChevronLeft";
 import { ClockIcon } from "./Clock";
 import { CloseIcon } from "./Close";
+import { DeactivateIcon } from "./Deactivate";
 import { CloudUploadIcon } from "./CloudUpload";
 import { NoReviewIcon } from "./NoReview";
 import { EditIcon } from "./Edit";
@@ -91,6 +92,7 @@ import { StarOutlineIcon } from "./StarOutline";
 import { SunIcon } from "./Sun";
 import { TableViewIcon } from "./TableView";
 import { TotalGuestsIcon } from "./TotalGuests";
+import { UnlockIcon } from "./Unlock";
 import { UserIcon } from "./User";
 import { UsersAltIcon } from "./UsersAlt";
 import { VideoIcon } from "./Video";
@@ -122,6 +124,7 @@ export const icons = {
   chevronLeft: ChevronLeftIcon,
   clock: ClockIcon,
   close: CloseIcon,
+  deactivate: DeactivateIcon,
   cloudUpload: CloudUploadIcon,
   noReview: NoReviewIcon,
   edit: EditIcon,
@@ -186,6 +189,7 @@ export const icons = {
   totalGuests: TotalGuestsIcon,
   tooltipArrow: TooltipArrowIcon,
   trash: TrashIcon,
+  unlock: UnlockIcon,
   user: UserIcon,
   usersAlt: UsersAltIcon,
   video: VideoIcon,
@@ -242,6 +246,7 @@ export const iconGroups = {
     "calendarMinus",
     "calendarOutline",
     "close",
+    "deactivate",
     "cloudUpload",
     "noReview",
     "edit",
@@ -284,6 +289,7 @@ export const iconGroups = {
     "qrCode",
     "quietHours",
     "trash",
+    "unlock",
     "user",
     "usersAlt",
     "video",

package/src/index.ts

@@ -151,6 +151,7 @@ export {
   CloudUploadIcon,
   NoReviewIcon,
   CurrentLocationIcon,
+  DeactivateIcon,
   EditIcon,
   BathroomsIcon,
   BedroomsIcon,
@@ -216,6 +217,7 @@ export {
   StarOutlineIcon,
   SunIcon,
   TableViewIcon,
+  UnlockIcon,
   UserIcon,
   UsersAltIcon,
   TotalGuestsIcon,