@ecohouse/ui 0.1.47 → 0.1.48

package/package.json

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

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 =
+  "M5.33333 7.33333V5.33333C5.33333 3.86057 6.52724 2.66667 8 2.66667C9.47276 2.66667 10.6667 3.86057 10.6667 5.33333M4 7.33333H12C12.7364 7.33333 13.3333 7.93029 13.3333 8.66667V12.6667C13.3333 13.403 12.7364 14 12 14H4C3.26362 14 2.66667 13.403 2.66667 12.6667V8.66667C2.66667 7.93029 3.26362 7.33333 4 7.33333Z";

package/src/icons/index.ts

@@ -104,6 +104,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

@@ -91,6 +91,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";
@@ -186,6 +187,7 @@ export const icons = {
   totalGuests: TotalGuestsIcon,
   tooltipArrow: TooltipArrowIcon,
   trash: TrashIcon,
+  unlock: UnlockIcon,
   user: UserIcon,
   usersAlt: UsersAltIcon,
   video: VideoIcon,
@@ -284,6 +286,7 @@ export const iconGroups = {
     "qrCode",
     "quietHours",
     "trash",
+    "unlock",
     "user",
     "usersAlt",
     "video",

package/src/index.ts

@@ -216,6 +216,7 @@ export {
   StarOutlineIcon,
   SunIcon,
   TableViewIcon,
+  UnlockIcon,
   UserIcon,
   UsersAltIcon,
   TotalGuestsIcon,