@youngonesworks/ui 0.1.114 → 0.1.116

package/dist/components/wysiwygEditor/index.d.ts

@@ -4,7 +4,7 @@ export interface IWysiwygEditorImperativeHandle {
 interface IWysiwygEditor {
     id: string;
     content?: string;
-    placeholder: string;
+    placeholder?: string;
     forceRefresh?: boolean;
     readOnly?: boolean;
     onChange?: (v: string) => void;

package/dist/globals.css

@@ -9,30 +9,37 @@
 @import "./styles/variables.css";
 @import "./styles/utilities.css";
 @import "react-phone-input-2/lib/style.css";
- 
- @keyframes spin {
-   from {
-     transform: rotate(0deg);
-   }
-   to {
-     transform: rotate(360deg);
-   }
- }
- 
- .tiptap {
-   :first-child {
-     margin-top: 0;
-   }
- 
-   /* List styles */
-   ul,
-   ol {
-     padding: 0 1rem;
-     margin: 1.25rem 1rem 1.25rem 0.4rem;
- 
-     li p {
-       margin-top: 0.25em;
-       margin-bottom: 0.25em;
-     }
-   }
- }
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+  ol {
+    list-style-type: decimal;
+  }
+}

package/dist/index.cjs

@@ -666,7 +666,7 @@ const TextInput = react.default.forwardRef(({ rightSection, leftSection, classNa
 						disabled,
 						step,
 						maxLength,
-						className: (0, clsx.default)(`${loadingState ? "cursor-not-allowed" : ""}`, `${disabled ? "text-gray-500" : "text-gray-900"} selection:bg-turquoise-200 focus:border-turquoise-500 focus:ring-turquoise-500 active:border-turquoise-500 active:ring-turquoise-500 h-10 w-full rounded-[4px] border border-gray-200 bg-gray-50 px-3 text-sm font-normal outline-hidden ${rightSection && "pr-12"} ${leftSection && "pl-12"} ${error && "border-red-500 text-red-500 selection:bg-red-200 focus:border-red-500 focus:ring-red-500 focus:placeholder:text-red-500 active:border-red-500 active:ring-red-500"}`, className),
+						className: (0, clsx.default)(`${loadingState ? "cursor-not-allowed" : ""}`, `${disabled ? "text-gray-500" : "text-gray-900"} selection:bg-turquoise-200 focus:border-turquoise-500 focus:ring-turquoise-500 active:border-turquoise-500 active:ring-turquoise-500 h-10 w-full rounded-[4px] border border-gray-200 bg-ultra-light-gray px-3 text-sm font-normal outline-hidden ${rightSection && "pr-12"} ${leftSection && "pl-12"} ${error && "border-red-500 text-red-500 selection:bg-red-200 focus:border-red-500 focus:ring-red-500 focus:placeholder:text-red-500 active:border-red-500 active:ring-red-500"}`, className),
 						"aria-busy": loadingState || undefined,
 						"data-lpignore": enablePasswordManagerAutofill ? undefined : "true",
 						"data-1p-ignore": enablePasswordManagerAutofill ? undefined : "true",
@@ -3267,7 +3267,7 @@ const WysiwygEditor = (0, react.forwardRef)(({ id, content, className, placehold
 		immediatelyRender: false,
 		editable: !readOnly,
 		onUpdate({ editor: editor$1 }) {
-			onChange && onChange(editor$1.getHTML().replaceAll(/<li><p>(.*?)<\/p><(\/?)(ol|li|ul)>/gi, "<li>$1<$2$3>"));
+			onChange && onChange(editor$1.getHTML().replaceAll(/<li><p>(.*?)<\/p><(\/?)(ol|li|ul)>/gi, "<li>$1<$2$3>").replaceAll("<p></p>", ""));
 		}
 	});
 	(0, react.useEffect)(() => {