@thenamespace/ens-components 0.1.0 → 0.3.0

package/dist/index.d.ts

@@ -112,7 +112,7 @@ interface TextProps extends React$1.HTMLAttributes<HTMLSpanElement> {
 }
 declare const Text: React$1.FC<TextProps>;
 
-type IconName = "person" | "x" | "search" | "square-user" | "globe" | "pin" | "box" | "book" | "map-pin" | "mail" | "discord" | "github" | "telegram" | "youtube" | "image" | "circle-person" | "twitter" | "circle-alert" | "check-circle" | "alert-triangle" | "info" | "x-circle" | "rotate-circle" | "logout" | "edit" | "copy" | "clock";
+type IconName = "person" | "x" | "search" | "square-user" | "globe" | "pin" | "box" | "book" | "map-pin" | "mail" | "discord" | "github" | "telegram" | "youtube" | "image" | "circle-person" | "twitter" | "circle-alert" | "check-circle" | "alert-triangle" | "info" | "x-circle" | "rotate-circle" | "logout" | "edit" | "copy" | "clock" | "image" | "xSocial";
 interface IconProps {
     name: IconName;
     color?: string;

package/dist/index.js

@@ -713,7 +713,8 @@ const icons$1 = {
   logout: LogOut,
   edit: SquarePen,
   copy: Copy,
-  clock: Clock
+  clock: Clock,
+  xSocial: XIcon
 };
 const Icon = ({
   name,
@@ -11314,76 +11315,88 @@ var TextRecordCategory = /* @__PURE__ */ ((TextRecordCategory2) => {
 })(TextRecordCategory || {});
 const supportedTexts = [
   {
-    icon: "person",
+    icon: "image",
     key: "avatar",
     category: "image" /* Image */,
-    label: "Avatar"
+    label: "Avatar",
+    placeholder: "Your avatar image url..."
   },
   {
-    icon: "person",
+    icon: "image",
     key: "header",
     category: "image" /* Image */,
-    label: "Header"
+    label: "Header",
+    placeholder: "Your header image url..."
   },
   {
     icon: "person",
     key: "name",
     category: "general" /* General */,
-    label: "Nickname"
+    label: "Nickname",
+    placeholder: "e.g. John"
   },
   {
     icon: "book",
     key: "description",
     category: "general" /* General */,
-    label: "Short bio"
+    label: "Short bio",
+    placeholder: "e.g. john"
   },
   {
     icon: "globe",
     key: "url",
     category: "general" /* General */,
-    label: "Website"
+    label: "Website",
+    placeholder: "e.g. https://celo.org"
   },
   {
     icon: "map-pin",
     key: "location",
     category: "general" /* General */,
-    label: "Location"
+    label: "Location",
+    placeholder: "e.g. Jupiter"
   },
   {
     icon: "mail",
     key: "mail",
     category: "general" /* General */,
-    label: "E-Mail"
+    label: "E-Mail",
+    placeholder: "e.g. example@email.com"
   },
   {
-    icon: "person",
+    icon: "xSocial",
     key: "com.twitter",
     category: "social" /* Social */,
-    label: "Twitter"
+    label: "Twitter",
+    placeholder: "e.g. celonames"
   },
   {
     icon: "discord",
     key: "com.discord",
     category: "social" /* Social */,
-    label: "Discord"
+    label: "Discord",
+    placeholder: "e.g. celonames"
   },
   {
     icon: "github",
     key: "com.github",
     category: "social" /* Social */,
-    label: "Github"
+    label: "Github",
+    placeholder: "e.g. celonames"
   },
   {
     icon: "telegram",
     key: "org.telegram",
     category: "social" /* Social */,
-    label: "Telegram"
+    label: "Telegram",
+    placeholder: "e.g. celonames"
   },
   {
     icon: "youtube",
     key: "com.youtube",
     category: "social" /* Social */,
-    label: "Youtube"
+    label: "Youtube",
+    placeholder: "e.g. celonames"
   }
 ];
 const getSupportedText = (key) => {