@ecohouse/ui 0.1.42 → 0.1.44

package/src/icons/NoPets/NoPetsIcon.tsx

@@ -0,0 +1,23 @@
+import Svg, { Path } from "react-native-svg";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { NO_PETS_PATHS } from "./noPetsPaths";
+
+export function NoPetsIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+      {NO_PETS_PATHS.map((path, index) => (
+        <Path
+          key={`no-pets-${index}`}
+          d={path}
+          stroke={color}
+          strokeWidth={strokeWidth}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      ))}
+    </Svg>
+  );
+}
+
+export { NO_PETS_PATHS } from "./noPetsPaths";

package/src/icons/NoPets/NoPetsIcon.web.tsx

@@ -0,0 +1,29 @@
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { NO_PETS_PATHS } from "./noPetsPaths";
+
+export function NoPetsIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden
+    >
+      {NO_PETS_PATHS.map((path, index) => (
+        <path
+          key={`no-pets-${index}`}
+          d={path}
+          stroke={color}
+          strokeWidth={strokeWidth}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      ))}
+    </svg>
+  );
+}
+
+export { NO_PETS_PATHS } from "./noPetsPaths";

package/src/icons/NoPets/index.ts

@@ -0,0 +1 @@
+export { NoPetsIcon, NO_PETS_PATHS } from "./NoPetsIcon";

package/src/icons/NoPets/noPetsPaths.ts

@@ -0,0 +1,8 @@
+export const NO_PETS_PATHS = [
+  "M9.30729 9.29492C8.71562 9.55326 8.32062 10.2174 7.64062 11.4558C6.85562 12.8749 5.26896 12.9933 4.87312 14.1983C4.79229 14.4191 4.75229 14.7624 4.75396 14.9999C4.75396 15.9799 5.40979 16.6666 6.25396 16.6666C7.30312 16.6666 8.75396 15.8333 10.004 15.8333C11.254 15.8333 12.7048 16.6666 13.754 16.6666C14.5265 16.6666 15.1406 16.0924 15.2398 15.2433",
+  "M16.8222 6.73435C16.7151 6.6891 16.6001 6.66586 16.4838 6.66602H16.4713C15.8588 6.67602 15.1713 7.29102 14.8105 8.22102C14.378 9.33352 14.5772 10.471 15.2588 10.7643C15.3663 10.8102 15.4813 10.8327 15.5972 10.8327C16.213 10.8327 16.9097 10.2143 17.273 9.27768C17.703 8.16518 17.4997 7.02768 16.8222 6.73435Z",
+  "M9.16562 5.82732C9.17486 5.62532 9.16369 5.42291 9.13229 5.22315C8.96312 4.14232 8.25979 3.33398 7.52229 3.33398C7.29304 3.33531 7.07077 3.41301 6.89062 3.55482",
+  "M13.7119 5.61149C13.8903 4.46482 13.3994 3.44982 12.6119 3.34315C12.5672 3.33696 12.5221 3.3339 12.4769 3.33399C11.7394 3.33399 11.0369 4.14232 10.8686 5.22315C10.6903 6.36982 11.1811 7.38482 11.9686 7.49149C12.0136 7.49732 12.0586 7.50065 12.1036 7.50065C12.8411 7.50065 13.5453 6.68899 13.7119 5.61149Z",
+  "M4.74152 10.7643C5.42152 10.471 5.61985 9.33185 5.18819 8.22102C4.82485 7.28435 4.12902 6.66602 3.51402 6.66602C3.39735 6.66602 3.28319 6.68852 3.17485 6.73435C2.49485 7.02768 2.29652 8.16685 2.72819 9.27768C3.09152 10.2143 3.78735 10.8327 4.40235 10.8327C4.51902 10.8327 4.63319 10.8102 4.74152 10.7643Z",
+  "M2.5 2.5L17.5 17.5",
+] as const;

package/src/icons/StarOutline/StarOutlineIcon.tsx

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

package/src/icons/StarOutline/StarOutlineIcon.web.tsx

@@ -0,0 +1,30 @@
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { STAR_OUTLINE_PATH } from "./starOutlinePath";
+
+export function StarOutlineIcon({
+  size = 24,
+  color = colors.grey200,
+  strokeWidth = 1.35,
+}: IconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden
+    >
+      <path
+        d={STAR_OUTLINE_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { STAR_OUTLINE_PATH } from "./starOutlinePath";

package/src/icons/StarOutline/index.ts

@@ -0,0 +1 @@
+export { StarOutlineIcon, STAR_OUTLINE_PATH } from "./StarOutlineIcon";

package/src/icons/StarOutline/starOutlinePath.ts

@@ -0,0 +1,2 @@
+export const STAR_OUTLINE_PATH =
+  "M12.0002 3.67578L14.546 8.83423L20.2387 9.66143L16.1195 13.6767L17.092 19.3463L12.0002 16.6696L6.90856 19.3463L7.88098 13.6767L3.76172 9.66143L9.45441 8.83423L12.0002 3.67578Z";

package/src/icons/Sun/SunIcon.tsx

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

package/src/icons/Sun/SunIcon.web.tsx

@@ -0,0 +1,26 @@
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { SUN_PATH } from "./sunPath";
+
+export function SunIcon({ size = 16, color = colors.primary, 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={SUN_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { SUN_PATH } from "./sunPath";

package/src/icons/Sun/index.ts

@@ -0,0 +1 @@
+export { SunIcon, SUN_PATH } from "./SunIcon";

package/src/icons/Sun/sunPath.ts

@@ -0,0 +1,2 @@
+export const SUN_PATH =
+  "M8 1.33333V2.66667M8 13.3333V14.6667M1.33333 8H2.66667M13.3333 8H14.6667M3.28667 3.28667L4.22667 4.22667M11.7733 11.7733L12.7133 12.7133M12.7133 3.28667L11.7733 4.22667M4.22667 11.7733L3.28667 12.7133M10.6667 8C10.6667 9.47276 9.47276 10.6667 8 10.6667C6.52724 10.6667 5.33333 9.47276 5.33333 8C5.33333 6.52724 6.52724 5.33333 8 5.33333C9.47276 5.33333 10.6667 6.52724 10.6667 8Z";

package/src/icons/Washer/WasherIcon.tsx

@@ -0,0 +1,25 @@
+import Svg, { Path } from "react-native-svg";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { WASHER_PATHS } from "./washerPaths";
+
+export function WasherIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+      {WASHER_PATHS.map((path, index) => {
+        const filled = path.fill === true;
+        return (
+          <Path
+            key={`washer-${index}`}
+            d={path.d}
+            fill={filled ? color : "none"}
+            stroke={filled ? undefined : color}
+            strokeWidth={filled ? undefined : strokeWidth}
+          />
+        );
+      })}
+    </Svg>
+  );
+}
+
+export { WASHER_PATHS } from "./washerPaths";

package/src/icons/Washer/WasherIcon.web.tsx

@@ -0,0 +1,31 @@
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { WASHER_PATHS } from "./washerPaths";
+
+export function WasherIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden
+    >
+      {WASHER_PATHS.map((path, index) => {
+        const filled = path.fill === true;
+        return (
+          <path
+            key={`washer-${index}`}
+            d={path.d}
+            fill={filled ? color : "none"}
+            stroke={filled ? undefined : color}
+            strokeWidth={filled ? undefined : strokeWidth}
+          />
+        );
+      })}
+    </svg>
+  );
+}
+
+export { WASHER_PATHS } from "./washerPaths";

package/src/icons/Washer/index.ts

@@ -0,0 +1 @@
+export { WasherIcon, WASHER_PATHS } from "./WasherIcon";

package/src/icons/Washer/washerPaths.ts

@@ -0,0 +1,28 @@
+export interface WasherPathDefinition {
+  d: string;
+  fill?: boolean;
+  strokeWidth?: number;
+}
+
+export const WASHER_PATHS: readonly WasherPathDefinition[] = [
+  {
+    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",
+    strokeWidth: 1.5,
+  },
+  {
+    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",
+    strokeWidth: 1.5,
+  },
+  {
+    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",
+    fill: true,
+  },
+  {
+    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",
+    fill: true,
+  },
+  {
+    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",
+    strokeWidth: 1.5,
+  },
+];

package/src/icons/index.ts

@@ -55,6 +55,7 @@ export { FiltersIcon } from "./Filters";
 export { FullscreenIcon } from "./Fullscreen";
 export { CutleryIcon } from "./Cutlery";
 export { DollarIcon } from "./Dollar";
+export { DramIcon } from "./Dram";
 export { DragHandleIcon } from "./DragHandle";
 export { HeartIcon } from "./Heart";
 export { HeadsetIcon } from "./Headset";
@@ -80,8 +81,10 @@ export { MapCollapseIcon, MapExpandIcon } from "./MapControls";
 export { MenuIcon } from "./Menu";
 export type { MenuIconProps } from "./Menu";
 export { MenuLinesIcon } from "./MenuLines";
+export { MoonStarsIcon } from "./MoonStars";
 export { MoreHorizontalIcon } from "./MoreHorizontal";
 export { NavigateIcon } from "./Navigate";
+export { NoPetsIcon } from "./NoPets";
 export { PhoneIcon } from "./Phone";
 export { PlusIcon } from "./Plus";
 export { MinusIcon } from "./Minus";
@@ -94,10 +97,13 @@ export { SidebarIcon } from "./Sidebar";
 export { SortIcon } from "./Sort";
 export { StarIcon } from "./Star";
 export { StarFilledIcon } from "./StarFilled";
+export { StarOutlineIcon } from "./StarOutline";
+export { SunIcon } from "./Sun";
 export { TableViewIcon } from "./TableView";
 export { UserIcon } from "./User";
 export { UsersAltIcon } from "./UsersAlt";
 export { VideoIcon } from "./Video";
 export { VideoOffIcon } from "./VideoOff";
+export { WasherIcon } from "./Washer";
 export { ZoomOutIcon } from "./ZoomOut";
 export type { StarIconProps } from "./Star";

package/src/icons/registry.ts

@@ -44,6 +44,7 @@ import { FiltersIcon } from "./Filters";
 import { FullscreenIcon } from "./Fullscreen";
 import { CutleryIcon } from "./Cutlery";
 import { DollarIcon } from "./Dollar";
+import { DramIcon } from "./Dram";
 import { DragHandleIcon } from "./DragHandle";
 import { HeartIcon } from "./Heart";
 import { HeadsetIcon } from "./Headset";
@@ -68,8 +69,10 @@ import { MapCollapseIcon, MapExpandIcon } from "./MapControls";
 import { MenuIcon } from "./Menu";
 import { MenuLinesIcon } from "./MenuLines";
 import { MinusIcon } from "./Minus";
+import { MoonStarsIcon } from "./MoonStars";
 import { MoreHorizontalIcon } from "./MoreHorizontal";
 import { NavigateIcon } from "./Navigate";
+import { NoPetsIcon } from "./NoPets";
 import { PhoneIcon } from "./Phone";
 import { PlusIcon } from "./Plus";
 import { RefreshIcon } from "./Refresh";
@@ -81,11 +84,14 @@ import { SidebarIcon } from "./Sidebar";
 import { SortIcon } from "./Sort";
 import { StarIcon } from "./Star";
 import { StarFilledIcon } from "./StarFilled";
+import { StarOutlineIcon } from "./StarOutline";
+import { SunIcon } from "./Sun";
 import { TableViewIcon } from "./TableView";
 import { UserIcon } from "./User";
 import { UsersAltIcon } from "./UsersAlt";
 import { VideoIcon } from "./Video";
 import { VideoOffIcon } from "./VideoOff";
+import { WasherIcon } from "./Washer";
 import { ZoomOutIcon } from "./ZoomOut";
 import type { IconComponent } from "./types";
 
@@ -145,8 +151,10 @@ export const icons = {
   menu: MenuIcon,
   menuLines: MenuLinesIcon,
   minus: MinusIcon,
+  moonStars: MoonStarsIcon,
   moreHorizontal: MoreHorizontalIcon,
   navigate: NavigateIcon,
+  noPets: NoPetsIcon,
   noSmoking: NoSmokingIcon,
   paw: PawIcon,
   phone: PhoneIcon,
@@ -165,6 +173,8 @@ export const icons = {
   sort: SortIcon,
   star: StarIcon,
   starFilled: StarFilledIcon,
+  starOutline: StarOutlineIcon,
+  sun: SunIcon,
   tableView: TableViewIcon,
   tooltipArrow: TooltipArrowIcon,
   trash: TrashIcon,
@@ -172,8 +182,10 @@ export const icons = {
   usersAlt: UsersAltIcon,
   video: VideoIcon,
   videoOff: VideoOffIcon,
+  washer: WasherIcon,
   cutlery: CutleryIcon,
   dollar: DollarIcon,
+  dram: DramIcon,
   dragHandle: DragHandleIcon,
   eye: EyeIcon,
   image: ImageIcon,
@@ -234,7 +246,10 @@ export const iconGroups = {
     "zoomOut",
     "star",
     "starFilled",
+    "starOutline",
+    "sun",
     "minus",
+    "moonStars",
     "moreHorizontal",
     "plus",
     "refresh",
@@ -251,6 +266,7 @@ export const iconGroups = {
     "clockFilled",
     "guests",
     "lock",
+    "noPets",
     "noSmoking",
     "paw",
     "qrCode",
@@ -260,6 +276,7 @@ export const iconGroups = {
     "usersAlt",
     "video",
     "videoOff",
+    "washer",
     "whatsApp",
   ],
   communication: ["mail", "phone"],
@@ -268,6 +285,7 @@ export const iconGroups = {
     "areaExpand",
     "cutlery",
     "dollar",
+    "dram",
     "eye",
     "globe",
     "layoutGrid",

package/src/index.ts

@@ -34,6 +34,7 @@ export {
   RatingInput,
   CommentCard,
   Range,
+  RadioButton,
 } from "./components";
 export type {
   AvatarProps,
@@ -94,6 +95,8 @@ export type {
   CommentCardProps,
   RangeProps,
   RangeValue,
+  RadioButtonProps,
+  RadioButtonVariant,
 } from "./components";
 
 export {
@@ -160,6 +163,7 @@ export {
   ClockFilledIcon,
   CopyIcon,
   DownloadIcon,
+  DramIcon,
   QrCodeIcon,
   ShareIcon,
   TooltipArrowIcon,
@@ -194,7 +198,9 @@ export {
   MenuIcon,
   MenuLinesIcon,
   MinusIcon,
+  MoonStarsIcon,
   NavigateIcon,
+  NoPetsIcon,
   PhoneIcon,
   PlusIcon,
   RefreshIcon,
@@ -206,11 +212,14 @@ export {
   SortIcon,
   StarIcon,
   StarFilledIcon,
+  StarOutlineIcon,
+  SunIcon,
   TableViewIcon,
   UserIcon,
   UsersAltIcon,
   VideoIcon,
   VideoOffIcon,
+  WasherIcon,
   CutleryIcon,
   DollarIcon,
   DragHandleIcon,