@goodhood-web/ui 3.5.0-development.2 → 4.0.0-development.1

package/index.mjs

@@ -16629,7 +16629,7 @@ const uS = "_bodyText_10lrf_141", dS = "_bodyText__textButton_10lrf_169", hS = "
       },
       a
     )
-  ) : (r = r.replace(/\n/g, "<br>"), r));
+  ) : (r = r.replace(/</g, "&lt;").replace(/>/g, "&gt;"), r = r.replace(/\n/g, "<br>"), r));
 }, pS = (
   // eslint-disable-next-line no-control-regex
   /((?:https?:\/\/)?(?:(?:[^\u0000-\u007F]|[\w-])+\.(?:(?:[^\u0000-\u007F]|[\w-]){2,}\.)*(?:[^\u0000-\u007F]|[a-zA-Z])+)(?:\d+)?(?:\/(?:(?:[^\u0000-\u007F]|[\w/.,'"@+=!:;=%()-])+)?(?:\.(?:[^\u0000-\u007F]|[\w-])+)?)?(?:(?:\?|#)\S+)?)/g
@@ -17847,7 +17847,7 @@ const bq = /* @__PURE__ */ V2(Cq), H0 = (t) => bq(t) ? 0 : String(t).length, wq
     id: m,
     inputFieldType: b = "text",
     label: C,
-    limitCharInput: w = !1,
+    maxLength: w,
     name: y,
     onClick: _,
     onKeyDown: L,
@@ -17903,7 +17903,7 @@ const bq = /* @__PURE__ */ V2(Cq), H0 = (t) => bq(t) ? 0 : String(t).length, wq
                   ),
                   placeholder: V,
                   onChange: M,
-                  maxLength: w ? s : void 0,
+                  maxLength: w,
                   "aria-invalid": P,
                   "aria-describedby": r,
                   "aria-disabled": E,
@@ -18331,7 +18331,7 @@ const nV = "_wrapper_pgdxh_141", rV = "_textAreaInput_pgdxh_148", iV = "_textAre
   hintText: o,
   id: s,
   label: l,
-  limitCharInput: c = !1,
+  maxLength: c,
   name: u,
   ref: d,
   size: f,
@@ -18372,7 +18372,7 @@ const nV = "_wrapper_pgdxh_141", rV = "_textAreaInput_pgdxh_148", iV = "_textAre
                 onChange: (I) => {
                   p(I), w(I);
                 },
-                maxLength: c ? n : void 0,
+                maxLength: c,
                 "aria-invalid": V,
                 "aria-describedby": t,
                 "aria-disabled": C,
@@ -18985,19 +18985,20 @@ const WV = "_root_1ur9y_141", jV = "_root__detailWrapper_1ur9y_148", ZV = "_root
   href: r,
   isSelected: a,
   labelPillClassName: o,
-  labelPillText: s,
-  leftIcon: l,
-  onClick: c,
-  rightIcon: u,
-  role: d,
-  text: f
+  labelPillSize: s = "medium",
+  labelPillText: l,
+  leftIcon: c,
+  onClick: u,
+  rightIcon: d,
+  role: f,
+  text: h
 }) => {
-  const h = () => e ? "body-regular" : a ? "h5" : "body-large";
+  const p = () => e ? "body-regular" : a ? "h5" : "body-large";
   return /* @__PURE__ */ g(
     de,
     {
-      role: d,
-      onClick: c,
+      role: f,
+      onClick: u,
       className: R(t, Ue.menuItem, {
         [Ue["menuItem--selected"]]: a,
         [Ue["menuItem--compact"]]: e
@@ -19010,22 +19011,22 @@ const WV = "_root_1ur9y_141", jV = "_root__detailWrapper_1ur9y_148", ZV = "_root
             [Ue["menuItem--compact"]]: e
           }),
           children: [
-            l && /* @__PURE__ */ g("span", { className: Ue.leftIcon, children: l }),
+            c && /* @__PURE__ */ g("span", { className: Ue.leftIcon, children: c }),
             /* @__PURE__ */ z("div", { className: Ue.textWrapper, children: [
               /* @__PURE__ */ z("div", { className: Ue.titleWrapper, children: [
-                /* @__PURE__ */ g(W, { type: h(), as: "span", children: f }),
-                s && /* @__PURE__ */ g(
+                /* @__PURE__ */ g(W, { type: p(), as: "span", children: h }),
+                l && /* @__PURE__ */ g(
                   sn,
                   {
-                    label: s,
-                    size: "medium",
-                    className: o
+                    label: l,
+                    className: o,
+                    size: s
                   }
                 )
               ] }),
               n && /* @__PURE__ */ g(W, { type: "detail-regular", className: Ue.description, children: n })
             ] }),
-            u && /* @__PURE__ */ g("span", { className: Ue.rightIcon, children: u })
+            d && /* @__PURE__ */ g("span", { className: Ue.rightIcon, children: d })
           ]
         }
       )

package/lib/Atoms/Inputs/TextAreaInput/TextAreaInput.d.ts

@@ -1,3 +1,3 @@
 import { TextAreaInputProps } from './TextAreaInput.types';
-declare const TextAreaInput: ({ ariaDescribedby, attachment, charLimit, colorScheme, errorText, hintText, id, label, limitCharInput, name, ref, size, ...props }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextAreaInput: ({ ariaDescribedby, attachment, charLimit, colorScheme, errorText, hintText, id, label, maxLength, name, ref, size, ...props }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextAreaInput;

package/lib/Atoms/Inputs/TextInput/TextInput.types.d.ts

@@ -1,5 +1,5 @@
 import { UseInputParameters } from '@mui/base';
-import { ForwardedRef, HTMLInputTypeAttribute, KeyboardEventHandler } from 'react';
+import { ForwardedRef, HTMLInputTypeAttribute, InputHTMLAttributes, KeyboardEventHandler } from 'react';
 import { CountryCode } from '../../../Base/FlagIcon/FlagIcon.types';
 import { IconProps } from '../../../Base/Icon/Icon.types';
 import { IconButtonIcon16Props, IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types';
@@ -17,7 +17,7 @@ export interface CommonTextInputProps extends UseInputParameters {
     hintText?: string;
     id: string;
     label: string;
-    limitCharInput?: boolean;
+    maxLength?: InputHTMLAttributes<HTMLInputElement>['maxLength'];
     name?: string;
     onKeyDown?: KeyboardEventHandler;
     placeholder?: string;

package/lib/Molecules/Navigation/MenuItem/MenuItem.d.ts

@@ -1,3 +1,3 @@
 import { MenuItemProps } from './MenuItem.types';
-declare const MenuItem: ({ className: passedClassName, compact, descriptionText, href, isSelected, labelPillClassName, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ className: passedClassName, compact, descriptionText, href, isSelected, labelPillClassName, labelPillSize, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuItem;

package/lib/Molecules/Navigation/MenuItem/MenuItem.types.d.ts

@@ -8,6 +8,7 @@ export interface MenuItemProps {
     id?: string;
     isSelected?: boolean;
     labelPillClassName?: string;
+    labelPillSize?: 'small' | 'medium' | 'large';
     labelPillText?: string;
     leftIcon?: ReactNode;
     onClick?: ButtonProps['onClick'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "3.5.0-development.2",
+  "version": "4.0.0-development.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",