@julseb-lib/react 0.1.41 → 0.1.42

package/dist/index.js

@@ -5495,6 +5495,7 @@ var Input = (_a) => {
     labelComment,
     helper,
     helperBottom,
+    containerClassName,
     validation: validation,
     value,
     counter: counter,
@@ -5507,6 +5508,7 @@ var Input = (_a) => {
     "labelComment",
     "helper",
     "helperBottom",
+    "containerClassName",
     // @ts-ignore
     "validation",
     "value",
@@ -5527,6 +5529,7 @@ var Input = (_a) => {
       counter,
       maxLength,
       id,
+      className: containerClassName,
       children: /* @__PURE__ */ jsx66(
         InputFunction,
         __spreadValues({
@@ -5598,7 +5601,8 @@ var InputImage = (_a) => {
     icons,
     borderRadius = "md",
     disabled,
-    id
+    id,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -5611,7 +5615,8 @@ var InputImage = (_a) => {
     "icons",
     "borderRadius",
     "disabled",
-    "id"
+    "id",
+    "containerClassName"
   ]);
   const [isHovered, setIsHovered] = useState15(false);
   return /* @__PURE__ */ jsx69(
@@ -5622,6 +5627,7 @@ var InputImage = (_a) => {
       helper,
       helperBottom,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ jsxs23(
         "label",
         {
@@ -6944,7 +6950,8 @@ var InputPhone = (_a) => {
     helperBottom,
     validation,
     inputVariant,
-    inputBackground
+    inputBackground,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -6963,7 +6970,8 @@ var InputPhone = (_a) => {
     "helperBottom",
     "validation",
     "inputVariant",
-    "inputBackground"
+    "inputBackground",
+    "containerClassName"
   ]);
   var _a2, _b2;
   const [isOpen, setIsOpen] = useState16(false);
@@ -6988,6 +6996,7 @@ var InputPhone = (_a) => {
       helperBottom,
       validation,
       hasListOpen: isOpen,
+      className: containerClassName,
       children: /* @__PURE__ */ jsxs25(InputWithListWrapper, { isOpen, children: [
         /* @__PURE__ */ jsxs25(
           InputWrapper,
@@ -7165,7 +7174,8 @@ var InputCounter = (_a) => {
     id,
     min = 1,
     max = 100,
-    step = 1
+    step = 1,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7186,7 +7196,8 @@ var InputCounter = (_a) => {
     "id",
     "min",
     "max",
-    "step"
+    "step",
+    "containerClassName"
   ]);
   var _a2, _b2;
   return /* @__PURE__ */ jsx72(
@@ -7197,6 +7208,7 @@ var InputCounter = (_a) => {
       helper,
       helperBottom,
       id,
+      className: containerClassName,
       children: /* @__PURE__ */ jsxs26(
         "div",
         {
@@ -7278,7 +7290,8 @@ var InputSlider = (_a) => {
     showValue = "never",
     min = 0,
     max = 100,
-    value
+    value,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7292,7 +7305,8 @@ var InputSlider = (_a) => {
     "showValue",
     "min",
     "max",
-    "value"
+    "value",
+    "containerClassName"
   ]);
   const percentage = (Number(value) - min) / (max - min) * 100;
   const [isTooltipVisible, setIsTooltipVisible] = useState17(
@@ -7329,6 +7343,7 @@ var InputSlider = (_a) => {
       helperBottom,
       id,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ jsxs27(
         "div",
         {
@@ -7402,7 +7417,8 @@ var Select = (_a) => {
     helperBottom,
     id,
     validation,
-    disabled
+    disabled,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7419,7 +7435,8 @@ var Select = (_a) => {
     "helperBottom",
     "id",
     "validation",
-    "disabled"
+    "disabled",
+    "containerClassName"
   ]);
   var _a2;
   const el = useRef10(null);
@@ -7440,6 +7457,7 @@ var Select = (_a) => {
       helperBottom,
       hasListOpen: isOpen,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ jsxs28(InputWithListWrapper, { ref: el, isOpen, children: [
         /* @__PURE__ */ jsx74(
           InputWrapper,
@@ -7554,7 +7572,8 @@ var Autocomplete = (_a) => {
     showKeys,
     textNoResult = "No result.",
     disabled,
-    validation
+    validation,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7575,7 +7594,8 @@ var Autocomplete = (_a) => {
     "showKeys",
     "textNoResult",
     "disabled",
-    "validation"
+    "validation",
+    "containerClassName"
   ]);
   var _a2;
   const isTouchScreen = useTouchScreen();
@@ -7606,6 +7626,7 @@ var Autocomplete = (_a) => {
       id,
       validation,
       hasListOpen: isOpen,
+      className: containerClassName,
       children: /* @__PURE__ */ jsxs29(InputWithListWrapper, { isOpen, children: [
         /* @__PURE__ */ jsxs29(
           InputWrapper,
@@ -7719,7 +7740,8 @@ var Rating = (_a) => {
     helper,
     helperBottom,
     id,
-    validation
+    validation,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7732,7 +7754,8 @@ var Rating = (_a) => {
     "helper",
     "helperBottom",
     "id",
-    "validation"
+    "validation",
+    "containerClassName"
   ]);
   return /* @__PURE__ */ jsx76(
     InputContainer,
@@ -7742,6 +7765,7 @@ var Rating = (_a) => {
       helper,
       helperBottom,
       id,
+      className: containerClassName,
       children: /* @__PURE__ */ jsx76(
         "div",
         __spreadProps(__spreadValues({
@@ -7804,7 +7828,8 @@ var InputPin = (_a) => {
     hideValues,
     disabled,
     inputBackground,
-    autoFocus
+    autoFocus,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7820,7 +7845,8 @@ var InputPin = (_a) => {
     "hideValues",
     "disabled",
     "inputBackground",
-    "autoFocus"
+    "autoFocus",
+    "containerClassName"
   ]);
   const [inputsRefsArr] = useState18(
     () => Array.from({ length: Object.keys(values).length }, () => createRef())
@@ -7841,6 +7867,7 @@ var InputPin = (_a) => {
       helperBottom,
       id,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ jsx77(
         "div",
         __spreadProps(__spreadValues({
@@ -7897,7 +7924,8 @@ var Fieldset = (_a) => {
     id,
     validation,
     legend,
-    borderRadius = "md"
+    borderRadius = "md",
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7909,7 +7937,8 @@ var Fieldset = (_a) => {
     "id",
     "validation",
     "legend",
-    "borderRadius"
+    "borderRadius",
+    "containerClassName"
   ]);
   return /* @__PURE__ */ jsx78(
     InputContainer,
@@ -7920,6 +7949,7 @@ var Fieldset = (_a) => {
       helperBottom,
       id,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ jsxs30(
         "fieldset",
         __spreadProps(__spreadValues({
@@ -10669,7 +10699,8 @@ var MarkdownEditor = (_a) => {
     defaultView = "live",
     options,
     textButtonTitles = "Titles",
-    icons
+    icons,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -10685,7 +10716,8 @@ var MarkdownEditor = (_a) => {
     "defaultView",
     "options",
     "textButtonTitles",
-    "icons"
+    "icons",
+    "containerClassName"
   ]);
   const [view, setView] = useState25(defaultView);
   const [isTitlesOpen, setIsTitlesOpen] = useState25(false);
@@ -10704,6 +10736,7 @@ var MarkdownEditor = (_a) => {
       helperBottom,
       validation,
       hasListOpen: isTitlesOpen,
+      className: containerClassName,
       children: /* @__PURE__ */ jsxs49(
         "div",
         {