dhre-component-lib 0.4.6 → 0.4.8

package/dist/index.esm.js

@@ -152,7 +152,8 @@ var css$i = "@font-face {\n  font-family: \"Meraas Aktiv\";\n  src: url(\"data:f
 n(css$i,{});
 
 const Typography = ({ variant = 'B1', weight = 'MEDIUM', children, className, ...props }) => {
-    const classNames = `typographyText ${variant}_${weight} ${className ?? ''}`;
+    const marginStyle = (navigator.userAgent.indexOf('Macintosh') !== -1 || navigator.userAgent.indexOf('Mac OS') !== -1) ? '' : 'typographyText';
+    const classNames = `${marginStyle} ${variant}_${weight} ${className ?? ''}`;
     return React__default.createElement("div", { className: classNames, ...props }, children);
 };
 
@@ -9618,10 +9619,16 @@ n(css$8,{});
 
 function TextArea(props) {
     const { value, onChange, requiredLimit, placeholder, charText, property } = props;
+    const checkSpecialChar = (e) => {
+        if (!/[0-9a-zA-Z ]/.test(e.key)) {
+            e.preventDefault();
+        }
+        console.log('textAraea');
+    };
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: "textArea100" },
-            React__default.createElement("textarea", { value: value, onChange: (event) => onChange(event, property), maxLength: Number(requiredLimit), className: `textArea ${value?.length === Number(requiredLimit) ? "maxLimitArea" : ""}`, placeholder: placeholder })),
-        React__default.createElement(Typography, { className: `characters ${value?.length === Number(requiredLimit) ? "maxLimit" : ""}`, variant: "L1", weight: "SEMI_BOLD" },
+            React__default.createElement("textarea", { value: value, onChange: (event) => onChange(event, property), onKeyDown: checkSpecialChar, maxLength: Number(requiredLimit), className: `textArea ${value && value?.length > Number(requiredLimit) ? "maxLimitArea" : ""}`, placeholder: placeholder })),
+        React__default.createElement(Typography, { className: `characters ${value && value?.length > Number(requiredLimit) ? "maxLimit" : ""}`, variant: "L1", weight: "SEMI_BOLD" },
             value?.length ?? 0,
             "/",
             requiredLimit,