@threedddplus/logoeditor 0.0.11 → 0.0.12

package/dist/logoeditor.esm.js

@@ -7317,12 +7317,13 @@ var SaveDesign = function SaveDesign() {
   }, React.createElement("span", {
     className: "block mb-6 font-bold text-2xl lh-1 " + SECONDARY_COLOR + " uppercase leading-[2.3125rem] font-bold " + EDIT_DESIGN_INFO_TEXT_COLOR_1 + " " + TEXT_SIZE_5 + "\n                 "
   }, toggleSaveDesign.title), React.createElement("div", null, React.createElement("div", {
-    className: "relative"
-  }, React.createElement("input", {
+    className: ""
+  }, React.createElement("label", {
+    className: " px-[0.125rem]  left-4 transition-all " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " top-1/2 transform -translate-y-1/2"
+  }, "Design Name"), React.createElement("input", {
     type: "text",
-    id: "exampleFormControlInput2logo",
-    name: "designNamelogo",
-    className: (designNameValidation === 'length' ? 'mb-[1rem]' : 'mb-[1.25rem]') + " " + (designNameValidation === 'length' ? "border " + INPUT_ERROR_BORDER_COLOR : "border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR) + " designNameInputlogo bg-white w-full h-[3rem] rounded-none focus:outline-none border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR + " " + TEXT_SIZE_9 + " py-[0.8125rem] px-4 block leading-[1.25rem] " + EDIT_DESIGN_INFO_TEXT_COLOR_3 + " font-medium",
+    name: "designName",
+    className: (designNameValidation === 'length' ? 'mb-[1rem]' : 'mb-[1.25rem]') + " " + (designNameValidation === 'length' ? "border " + INPUT_ERROR_BORDER_COLOR : "border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR) + "  bg-white w-full h-[3rem] rounded-none focus:outline-none border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR + " " + TEXT_SIZE_9 + " py-[0.8125rem] px-4 block leading-[1.25rem] " + EDIT_DESIGN_INFO_TEXT_COLOR_3 + " font-medium",
     placeholder: " ",
     value: designName,
     onChange: function onChange(e) {
@@ -7332,17 +7333,16 @@ var SaveDesign = function SaveDesign() {
     onClick: function onClick(e) {
       e.currentTarget.focus();
     }
-  }), React.createElement("label", {
-    htmlFor: "exampleFormControlInput2logo",
-    className: "designNameLabellogo px-[0.125rem] absolute left-4 transition-all " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " top-1/2 transform -translate-y-1/2"
-  }, "Design Name")), designNameValidation === 'length' && React.createElement("div", {
+  })), designNameValidation === 'length' && React.createElement("div", {
     role: "alert",
     className: "text-sm " + INPUT_ERROR_TEXT_COLOR + " mb-[1.25rem]"
   }, "* Please enter a name with at least 3 characters"), designNameValidation === 'specialCharacter' && React.createElement("div", {
     role: "alert",
     className: "text-sm " + INPUT_ERROR_TEXT_COLOR + " mb-[1.25rem]"
-  }, "* Design Name can not have any special characters"), React.createElement("div", {
-    className: "relative flex flex-row py-[0.695rem] border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR + " mb-5 flex-wrap place-content-start"
+  }, "* Design Name can not have any special characters"), React.createElement("label", {
+    className: "py-[0.695rem] " + ((designTag == null ? void 0 : designTag.length) > 0 ? 'tagClass' : '') + " px-[0.125rem] " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " font-medium leading-[1.25rem]  transition-all top-1/2 transform -translate-y-1/2"
+  }, "Tags"), React.createElement("div", {
+    className: " flex flex-row py-[0.695rem] border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR + " mb-5 flex-wrap place-content-start"
   }, React.createElement("div", {
     className: "flex flex-row gap-[0.5rem] flex-wrap items-center px-[1rem]"
   }, Array.isArray(designTag) && (designTag == null ? void 0 : designTag.map(function (el, i) {
@@ -7360,19 +7360,15 @@ var SaveDesign = function SaveDesign() {
     name: "tags",
     type: "text",
     placeholder: " ",
-    className: "designTagsInputlogo " + EDIT_DESIGN_INFO_TEXT_COLOR_3 + " font-medium block w-[6.25rem] focus:outline-none",
+    className: " " + EDIT_DESIGN_INFO_TEXT_COLOR_3 + " font-medium block w-[6.25rem] focus:outline-none",
     value: tagName,
     onChange: handleTagChange,
     onKeyDown: handleKeyDown,
     onBlur: handleKeyDown,
-    id: "exampleFormControlInput3logo",
     onClick: function onClick(e) {
       e.currentTarget.focus();
     }
-  }), React.createElement("label", {
-    htmlFor: "exampleFormControlInput3logo",
-    className: "py-[0.695rem] " + ((designTag == null ? void 0 : designTag.length) > 0 ? 'tagClasslogo' : '') + " designTagsLabellogo px-[0.125rem] " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " font-medium leading-[1.25rem] absolute transition-all top-1/2 transform -translate-y-1/2"
-  }, "Tags")))), !!commaInTagName && React.createElement("div", {
+  })))), !!commaInTagName && React.createElement("div", {
     role: "alert",
     className: "text-sm " + INPUT_ERROR_TEXT_COLOR + " mb-5"
   }, "* Tag Name can not have any special characters"), React.createElement("div", {