@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260417052148 → 0.8.1-dev.20260417054809

package/dist/index.js

@@ -1372,7 +1372,7 @@ var MultilineTextInput = (props) => {
         maxLength: props?.attributes?.maxLength,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -1482,7 +1482,7 @@ var MoneyInput = (props) => {
         pattern: props?.attributes?.pattern,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -1654,7 +1654,7 @@ var PercentageInput = (props) => {
         pattern: props?.attributes?.pattern,
         disabled: props?.attributes?.readOnly,
         max: "100",
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -1687,7 +1687,7 @@ var PhoneInput = (props) => {
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center bg-gray-100 rounded border \n         focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center rounded border ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "px-3", children: props.prefix }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "input",
@@ -1703,7 +1703,7 @@ var PhoneInput = (props) => {
           pattern: props?.attributes?.pattern,
           disabled: props?.attributes?.readOnly,
           minLength: props?.attributes?.minLength,
-          className: "py-1.5 block w-full outline-none focus:ring-0 border-0 mr-0.5"
+          className: "py-1.5 block w-full outline-none border-0 mr-0.5"
         }
       )
     ] }),
@@ -1757,7 +1757,7 @@ var NumberInput = (props) => {
         disabled: props?.attributes?.readOnly,
         max: props?.attributes?.maxValue,
         min: props?.attributes?.minValue,
-        className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+        className: "peer py-1.5 block w-full rounded shadow-sm number-input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -1784,7 +1784,7 @@ var CheckboxInput = (props) => {
   if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
     value = true;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block mb-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "inline-block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "bg-error-weak", children: "*" }),
@@ -1802,7 +1802,7 @@ var CheckboxInput = (props) => {
         pattern: props?.attributes?.pattern,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+        className: "peer mt-1 py-1.5 block rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -1855,7 +1855,7 @@ var OtpInput = (props) => {
         minLength: props?.attributes?.minLength,
         autoFocus: props?.attributes?.autoFocus,
         onWheel: handleWheel,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -2000,7 +2000,7 @@ var DateTimeInput = (props) => {
           pattern: props?.attributes?.pattern,
           disabled: props?.attributes?.readOnly,
           minLength: props?.attributes?.minLength,
-          className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+          className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: timeZoneAbbr })
@@ -2048,7 +2048,7 @@ var ColorInput = (props) => {
         value: color,
         onChange: handleColorChange,
         required: props?.attributes?.required,
-        className: `w-[78px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
+        className: `w-[78px] h-12 block cursor-pointer`
       }
     ),
     props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
@@ -2517,7 +2517,7 @@ var BooleanSelect = (props) => {
         required: props?.attributes?.required,
         placeholder: props?.attributes?.placeholder,
         disabled: props?.attributes?.readOnly,
-        className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     ",
+        className: "peer mt-1 py-1.5 block w-full text-black rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     ",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
           list && list.map((item, i) => {
@@ -2583,7 +2583,7 @@ var EmailInput = (props) => {
         maxLength: props?.attributes?.maxLength,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     transition-all duration-500 ease-in-out"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -2620,7 +2620,7 @@ var TimeInput = (props) => {
         onChange: timeChangeHandler,
         required: props?.attributes?.required,
         disabled: props?.attributes?.readOnly,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })

package/dist/index.mjs

@@ -384,7 +384,7 @@ var MultilineTextInput = (props) => {
         maxLength: props?.attributes?.maxLength,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm"
       }
     ),
     /* @__PURE__ */ jsx10("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -494,7 +494,7 @@ var MoneyInput = (props) => {
         pattern: props?.attributes?.pattern,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
       }
     ),
     /* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -666,7 +666,7 @@ var PercentageInput = (props) => {
         pattern: props?.attributes?.pattern,
         disabled: props?.attributes?.readOnly,
         max: "100",
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
       }
     ),
     /* @__PURE__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -699,7 +699,7 @@ var PhoneInput = (props) => {
     /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx15("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center bg-gray-100 rounded border \n         focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center rounded border ", children: [
       /* @__PURE__ */ jsx15("span", { className: "px-3", children: props.prefix }),
       /* @__PURE__ */ jsx15(
         "input",
@@ -715,7 +715,7 @@ var PhoneInput = (props) => {
           pattern: props?.attributes?.pattern,
           disabled: props?.attributes?.readOnly,
           minLength: props?.attributes?.minLength,
-          className: "py-1.5 block w-full outline-none focus:ring-0 border-0 mr-0.5"
+          className: "py-1.5 block w-full outline-none border-0 mr-0.5"
         }
       )
     ] }),
@@ -769,7 +769,7 @@ var NumberInput = (props) => {
         disabled: props?.attributes?.readOnly,
         max: props?.attributes?.maxValue,
         min: props?.attributes?.minValue,
-        className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+        className: "peer py-1.5 block w-full rounded shadow-sm number-input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
     /* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -796,7 +796,7 @@ var CheckboxInput = (props) => {
   if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
     value = true;
   }
-  return /* @__PURE__ */ jsx17(React17.Fragment, { children: /* @__PURE__ */ jsxs13("label", { className: "block mb-1", children: [
+  return /* @__PURE__ */ jsx17(React17.Fragment, { children: /* @__PURE__ */ jsxs13("label", { className: "inline-block mb-1", children: [
     /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx17("span", { className: "bg-error-weak", children: "*" }),
@@ -814,7 +814,7 @@ var CheckboxInput = (props) => {
         pattern: props?.attributes?.pattern,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+        className: "peer mt-1 py-1.5 block rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
     /* @__PURE__ */ jsx17("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -867,7 +867,7 @@ var OtpInput = (props) => {
         minLength: props?.attributes?.minLength,
         autoFocus: props?.attributes?.autoFocus,
         onWheel: handleWheel,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
       }
     ),
     /* @__PURE__ */ jsx18("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -1012,7 +1012,7 @@ var DateTimeInput = (props) => {
           pattern: props?.attributes?.pattern,
           disabled: props?.attributes?.readOnly,
           minLength: props?.attributes?.minLength,
-          className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+          className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
         }
       ),
       /* @__PURE__ */ jsx19("span", { children: timeZoneAbbr })
@@ -1060,7 +1060,7 @@ var ColorInput = (props) => {
         value: color,
         onChange: handleColorChange,
         required: props?.attributes?.required,
-        className: `w-[78px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
+        className: `w-[78px] h-12 block cursor-pointer`
       }
     ),
     props?.attributes?.errorMessage && /* @__PURE__ */ jsx20("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
@@ -1536,7 +1536,7 @@ var BooleanSelect = (props) => {
         required: props?.attributes?.required,
         placeholder: props?.attributes?.placeholder,
         disabled: props?.attributes?.readOnly,
-        className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     ",
+        className: "peer mt-1 py-1.5 block w-full text-black rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     ",
         children: [
           /* @__PURE__ */ jsx23("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
           list && list.map((item, i) => {
@@ -1602,7 +1602,7 @@ var EmailInput = (props) => {
         maxLength: props?.attributes?.maxLength,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     transition-all duration-500 ease-in-out"
       }
     ),
     /* @__PURE__ */ jsx24("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -1639,7 +1639,7 @@ var TimeInput = (props) => {
         onChange: timeChangeHandler,
         required: props?.attributes?.required,
         disabled: props?.attributes?.readOnly,
-        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
       }
     ) }),
     /* @__PURE__ */ jsx25("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260417052148",
+  "version": "0.8.1-dev.20260417054809",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",