@activecollab/components 2.0.94 → 2.0.95

package/dist/cjs/components/AutoResizeTextarea/AutoResizeTextarea.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _excluded = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
+var _excluded = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value", "mode"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -36,6 +36,8 @@ var AutoResizeTextarea = exports.AutoResizeTextarea = /*#__PURE__*/(0, _react.fo
     cursorAtTextEnd = _ref$cursorAtTextEnd === void 0 ? false : _ref$cursorAtTextEnd,
     onKeyDown = _ref.onKeyDown,
     value = _ref.value,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
     rest = _objectWithoutProperties(_ref, _excluded);
   var innerRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(minRows),
@@ -83,6 +85,7 @@ var AutoResizeTextarea = exports.AutoResizeTextarea = /*#__PURE__*/(0, _react.fo
     onKeyDown: handleTextAreaKeyDown,
     onFocus: handleFocus,
     rows: rows,
+    mode: mode,
     className: (0, _classnames.default)("c-autoresizetextarea", className),
     style: {
       minHeight: "".concat(lineHeight, "px"),

package/dist/cjs/components/AutoResizeTextarea/AutoResizeTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoResizeTextarea.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_useForkRef","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","AutoResizeTextarea","exports","forwardRef","_ref","ref","_ref$minRows","minRows","_ref$maxRows","maxRows","_ref$lineHeight","lineHeight","onChange","className","_ref$preventNewRowOnE","preventNewRowOnEnter","_ref$cursorAtTextEnd","cursorAtTextEnd","onKeyDown","rest","innerRef","useRef","_useState","useState","_useState2","rows","setRows","handleRef","useForkRef","calcRows","useCallback","elem","previousRows","currentRows","Math","floor","scrollHeight","scrollTop","useEffect","current","handleOnChange","handleFocus","setSelectionRange","handleTextAreaKeyDown","preventDefault","createElement","StyledAutoResizeTextarea","onFocus","classnames","style","minHeight","concat","displayName"],"sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"sourcesContent":["import React, {\n  useState,\n  useCallback,\n  ChangeEvent,\n  KeyboardEvent,\n  FocusEvent,\n  Ref,\n  forwardRef,\n  useRef,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledAutoResizeTextarea } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\n\nexport interface IAutoResizeTextarea\n  extends React.ComponentPropsWithoutRef<\"textarea\"> {\n  minRows?: number;\n  maxRows?: number;\n  lineHeight?: number;\n  preventNewRowOnEnter?: boolean;\n  cursorAtTextEnd?: boolean;\n  value?: string;\n}\n\nexport const AutoResizeTextarea = forwardRef(\n  (\n    {\n      minRows = 1,\n      maxRows = 6,\n      lineHeight = 18,\n      onChange,\n      className,\n      preventNewRowOnEnter = false,\n      cursorAtTextEnd = false,\n      onKeyDown,\n      value,\n      ...rest\n    }: IAutoResizeTextarea,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const [rows, setRows] = useState(minRows);\n\n    const handleRef = useForkRef(ref, innerRef);\n\n    const calcRows = useCallback(\n      (elem: HTMLTextAreaElement | null) => {\n        if (elem) {\n          const previousRows = elem.rows || minRows;\n\n          elem.rows = minRows;\n          const currentRows = Math.floor(elem.scrollHeight / lineHeight);\n\n          if (currentRows === previousRows) {\n            elem.rows = currentRows;\n          }\n\n          if (currentRows >= maxRows) {\n            elem.rows = maxRows;\n            elem.scrollTop = elem.scrollHeight;\n          }\n\n          setRows(currentRows < maxRows ? currentRows : maxRows);\n        }\n      },\n      [lineHeight, maxRows, minRows]\n    );\n\n    useEffect(() => {\n      calcRows(innerRef.current);\n    }, [value, calcRows]);\n\n    const handleOnChange = useCallback(\n      (e: ChangeEvent<HTMLTextAreaElement>) => {\n        calcRows(e.target);\n        typeof onChange === \"function\" && onChange(e);\n      },\n      [onChange, calcRows]\n    );\n\n    const handleFocus = useCallback(\n      (e: FocusEvent<HTMLTextAreaElement>) => {\n        if (cursorAtTextEnd) {\n          e.target.setSelectionRange(\n            e.target.value.length,\n            e.target.value.length\n          );\n        }\n      },\n      [cursorAtTextEnd]\n    );\n\n    const handleTextAreaKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (preventNewRowOnEnter && e.key === \"Enter\") {\n          e.preventDefault();\n        }\n        typeof onKeyDown === \"function\" && onKeyDown(e);\n      },\n      [preventNewRowOnEnter, onKeyDown]\n    );\n\n    return (\n      <StyledAutoResizeTextarea\n        {...rest}\n        value={value}\n        ref={handleRef}\n        onChange={handleOnChange}\n        onKeyDown={handleTextAreaKeyDown}\n        onFocus={handleFocus}\n        rows={rows}\n        className={classnames(\"c-autoresizetextarea\", className)}\n        style={{\n          minHeight: `${lineHeight}px`,\n          lineHeight: `${lineHeight}px`,\n        }}\n      />\n    );\n  }\n);\n\nAutoResizeTextarea.displayName = \"AutoResizeTextarea\";\n"],"mappings":"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"}
+{"version":3,"file":"AutoResizeTextarea.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_useForkRef","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","AutoResizeTextarea","exports","forwardRef","_ref","ref","_ref$minRows","minRows","_ref$maxRows","maxRows","_ref$lineHeight","lineHeight","onChange","className","_ref$preventNewRowOnE","preventNewRowOnEnter","_ref$cursorAtTextEnd","cursorAtTextEnd","onKeyDown","_ref$mode","mode","rest","innerRef","useRef","_useState","useState","_useState2","rows","setRows","handleRef","useForkRef","calcRows","useCallback","elem","previousRows","currentRows","Math","floor","scrollHeight","scrollTop","useEffect","current","handleOnChange","handleFocus","setSelectionRange","handleTextAreaKeyDown","preventDefault","createElement","StyledAutoResizeTextarea","onFocus","classnames","style","minHeight","concat","displayName"],"sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"sourcesContent":["import React, {\n  useState,\n  useCallback,\n  ChangeEvent,\n  KeyboardEvent,\n  FocusEvent,\n  Ref,\n  forwardRef,\n  useRef,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledAutoResizeTextarea } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { InputMode } from \"../Input/types\";\n\nexport interface IAutoResizeTextarea\n  extends React.ComponentPropsWithoutRef<\"textarea\"> {\n  minRows?: number;\n  maxRows?: number;\n  lineHeight?: number;\n  preventNewRowOnEnter?: boolean;\n  cursorAtTextEnd?: boolean;\n  value?: string;\n  mode?: InputMode;\n}\n\nexport const AutoResizeTextarea = forwardRef(\n  (\n    {\n      minRows = 1,\n      maxRows = 6,\n      lineHeight = 18,\n      onChange,\n      className,\n      preventNewRowOnEnter = false,\n      cursorAtTextEnd = false,\n      onKeyDown,\n      value,\n      mode = \"outlined\",\n      ...rest\n    }: IAutoResizeTextarea,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const [rows, setRows] = useState(minRows);\n\n    const handleRef = useForkRef(ref, innerRef);\n\n    const calcRows = useCallback(\n      (elem: HTMLTextAreaElement | null) => {\n        if (elem) {\n          const previousRows = elem.rows || minRows;\n\n          elem.rows = minRows;\n          const currentRows = Math.floor(elem.scrollHeight / lineHeight);\n\n          if (currentRows === previousRows) {\n            elem.rows = currentRows;\n          }\n\n          if (currentRows >= maxRows) {\n            elem.rows = maxRows;\n            elem.scrollTop = elem.scrollHeight;\n          }\n\n          setRows(currentRows < maxRows ? currentRows : maxRows);\n        }\n      },\n      [lineHeight, maxRows, minRows]\n    );\n\n    useEffect(() => {\n      calcRows(innerRef.current);\n    }, [value, calcRows]);\n\n    const handleOnChange = useCallback(\n      (e: ChangeEvent<HTMLTextAreaElement>) => {\n        calcRows(e.target);\n        typeof onChange === \"function\" && onChange(e);\n      },\n      [onChange, calcRows]\n    );\n\n    const handleFocus = useCallback(\n      (e: FocusEvent<HTMLTextAreaElement>) => {\n        if (cursorAtTextEnd) {\n          e.target.setSelectionRange(\n            e.target.value.length,\n            e.target.value.length\n          );\n        }\n      },\n      [cursorAtTextEnd]\n    );\n\n    const handleTextAreaKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (preventNewRowOnEnter && e.key === \"Enter\") {\n          e.preventDefault();\n        }\n        typeof onKeyDown === \"function\" && onKeyDown(e);\n      },\n      [preventNewRowOnEnter, onKeyDown]\n    );\n\n    return (\n      <StyledAutoResizeTextarea\n        {...rest}\n        value={value}\n        ref={handleRef}\n        onChange={handleOnChange}\n        onKeyDown={handleTextAreaKeyDown}\n        onFocus={handleFocus}\n        rows={rows}\n        mode={mode}\n        className={classnames(\"c-autoresizetextarea\", className)}\n        style={{\n          minHeight: `${lineHeight}px`,\n          lineHeight: `${lineHeight}px`,\n        }}\n      />\n    );\n  }\n);\n\nAutoResizeTextarea.displayName = \"AutoResizeTextarea\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAYA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAgD,IAAAK,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,eAAAC,GAAA,EAAAZ,CAAA,WAAAa,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAZ,CAAA,KAAAe,2BAAA,CAAAH,GAAA,EAAAZ,CAAA,KAAAgB,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAA7B,CAAA,GAAAG,MAAA,CAAAI,SAAA,CAAAwB,QAAA,CAAAtB,IAAA,CAAAmB,CAAA,EAAAI,KAAA,aAAAhC,CAAA,iBAAA4B,CAAA,CAAAK,WAAA,EAAAjC,CAAA,GAAA4B,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAlC,CAAA,cAAAA,CAAA,mBAAAmC,KAAA,CAAAC,IAAA,CAAAR,CAAA,OAAA5B,CAAA,+DAAAqC,IAAA,CAAArC,CAAA,UAAA8B,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAgB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAhB,GAAA,CAAAL,MAAA,EAAAqB,GAAA,GAAAhB,GAAA,CAAAL,MAAA,WAAAP,CAAA,MAAA6B,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAA5B,CAAA,GAAA4B,GAAA,EAAA5B,CAAA,IAAA6B,IAAA,CAAA7B,CAAA,IAAAY,GAAA,CAAAZ,CAAA,UAAA6B,IAAA;AAAA,SAAAf,sBAAA5B,CAAA,EAAA4C,CAAA,QAAA3C,CAAA,WAAAD,CAAA,gCAAA6C,MAAA,IAAA7C,CAAA,CAAA6C,MAAA,CAAAC,QAAA,KAAA9C,CAAA,4BAAAC,CAAA,QAAAH,CAAA,EAAAM,CAAA,EAAAU,CAAA,EAAAJ,CAAA,EAAAJ,CAAA,OAAAyC,CAAA,OAAAf,CAAA,iBAAAlB,CAAA,IAAAb,CAAA,GAAAA,CAAA,CAAAY,IAAA,CAAAb,CAAA,GAAAgD,IAAA,QAAAJ,CAAA,QAAArC,MAAA,CAAAN,CAAA,MAAAA,CAAA,UAAA8C,CAAA,uBAAAA,CAAA,IAAAjD,CAAA,GAAAgB,CAAA,CAAAD,IAAA,CAAAZ,CAAA,GAAAgD,IAAA,MAAA3C,CAAA,CAAA4C,IAAA,CAAApD,CAAA,CAAAqD,KAAA,GAAA7C,CAAA,CAAAe,MAAA,KAAAuB,CAAA,GAAAG,CAAA,iBAAA/C,CAAA,IAAAgC,CAAA,OAAA5B,CAAA,GAAAJ,CAAA,yBAAA+C,CAAA,YAAA9C,CAAA,CAAAmD,MAAA,KAAA1C,CAAA,GAAAT,CAAA,CAAAmD,MAAA,IAAA7C,MAAA,CAAAG,CAAA,MAAAA,CAAA,2BAAAsB,CAAA,QAAA5B,CAAA,aAAAE,CAAA;AAAA,SAAAqB,gBAAAD,GAAA,QAAAa,KAAA,CAAAc,OAAA,CAAA3B,GAAA,UAAAA,GAAA;AAAA,SAAA4B,yBAAAhC,MAAA,EAAAiC,QAAA,QAAAjC,MAAA,yBAAAH,MAAA,GAAAqC,6BAAA,CAAAlC,MAAA,EAAAiC,QAAA,OAAAhC,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAkD,qBAAA,QAAAC,gBAAA,GAAAnD,MAAA,CAAAkD,qBAAA,CAAAnC,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAA4C,gBAAA,CAAArC,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAmC,gBAAA,CAAA5C,CAAA,OAAAyC,QAAA,CAAAI,OAAA,CAAApC,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAiD,oBAAA,CAAA/C,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAqC,8BAAAlC,MAAA,EAAAiC,QAAA,QAAAjC,MAAA,yBAAAH,MAAA,WAAA0C,UAAA,GAAAtD,MAAA,CAAAuD,IAAA,CAAAxC,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA+C,UAAA,CAAAxC,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAsC,UAAA,CAAA/C,CAAA,OAAAyC,QAAA,CAAAI,OAAA,CAAApC,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAczC,IAAM4C,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,iBAAU,EAC1C,UAAAC,IAAA,EAcEC,GAAgD,EAC7C;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAbDG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,CAAC,GAAAA,YAAA;IAAAE,YAAA,GAAAJ,IAAA,CACXK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,CAAC,GAAAA,YAAA;IAAAE,eAAA,GAAAN,IAAA,CACXO,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;IACfE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,SAAS,GAAAT,IAAA,CAATS,SAAS;IAAAC,qBAAA,GAAAV,IAAA,CACTW,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,oBAAA,GAAAZ,IAAA,CAC5Ba,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,KAAK,GAAAA,oBAAA;IACvBE,SAAS,GAAAd,IAAA,CAATc,SAAS;IACT7B,KAAK,GAAAe,IAAA,CAALf,KAAK;IAAA8B,SAAA,GAAAf,IAAA,CACLgB,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,UAAU,GAAAA,SAAA;IACdE,IAAI,GAAA7B,wBAAA,CAAAY,IAAA,EAAAzE,SAAA;EAIT,IAAM2F,QAAQ,GAAG,IAAAC,aAAM,EAA6B,IAAI,CAAC;EACzD,IAAAC,SAAA,GAAwB,IAAAC,eAAQ,EAAClB,OAAO,CAAC;IAAAmB,UAAA,GAAA/D,cAAA,CAAA6D,SAAA;IAAlCG,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EAEpB,IAAMG,SAAS,GAAG,IAAAC,mBAAU,EAACzB,GAAG,EAAEiB,QAAQ,CAAC;EAE3C,IAAMS,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,UAACC,IAAgC,EAAK;IACpC,IAAIA,IAAI,EAAE;MACR,IAAMC,YAAY,GAAGD,IAAI,CAACN,IAAI,IAAIpB,OAAO;MAEzC0B,IAAI,CAACN,IAAI,GAAGpB,OAAO;MACnB,IAAM4B,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACJ,IAAI,CAACK,YAAY,GAAG3B,UAAU,CAAC;MAE9D,IAAIwB,WAAW,KAAKD,YAAY,EAAE;QAChCD,IAAI,CAACN,IAAI,GAAGQ,WAAW;MACzB;MAEA,IAAIA,WAAW,IAAI1B,OAAO,EAAE;QAC1BwB,IAAI,CAACN,IAAI,GAAGlB,OAAO;QACnBwB,IAAI,CAACM,SAAS,GAAGN,IAAI,CAACK,YAAY;MACpC;MAEAV,OAAO,CAACO,WAAW,GAAG1B,OAAO,GAAG0B,WAAW,GAAG1B,OAAO,CAAC;IACxD;EACF,CAAC,EACD,CAACE,UAAU,EAAEF,OAAO,EAAEF,OAAO,CAC/B,CAAC;EAED,IAAAiC,gBAAS,EAAC,YAAM;IACdT,QAAQ,CAACT,QAAQ,CAACmB,OAAO,CAAC;EAC5B,CAAC,EAAE,CAACpD,KAAK,EAAE0C,QAAQ,CAAC,CAAC;EAErB,IAAMW,cAAc,GAAG,IAAAV,kBAAW,EAChC,UAAChG,CAAmC,EAAK;IACvC+F,QAAQ,CAAC/F,CAAC,CAACqB,MAAM,CAAC;IAClB,OAAOuD,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAAC5E,CAAC,CAAC;EAC/C,CAAC,EACD,CAAC4E,QAAQ,EAAEmB,QAAQ,CACrB,CAAC;EAED,IAAMY,WAAW,GAAG,IAAAX,kBAAW,EAC7B,UAAChG,CAAkC,EAAK;IACtC,IAAIiF,eAAe,EAAE;MACnBjF,CAAC,CAACqB,MAAM,CAACuF,iBAAiB,CACxB5G,CAAC,CAACqB,MAAM,CAACgC,KAAK,CAAC9B,MAAM,EACrBvB,CAAC,CAACqB,MAAM,CAACgC,KAAK,CAAC9B,MACjB,CAAC;IACH;EACF,CAAC,EACD,CAAC0D,eAAe,CAClB,CAAC;EAED,IAAM4B,qBAAqB,GAAG,IAAAb,kBAAW,EACvC,UAAChG,CAAqC,EAAK;IACzC,IAAI+E,oBAAoB,IAAI/E,CAAC,CAACyB,GAAG,KAAK,OAAO,EAAE;MAC7CzB,CAAC,CAAC8G,cAAc,CAAC,CAAC;IACpB;IACA,OAAO5B,SAAS,KAAK,UAAU,IAAIA,SAAS,CAAClF,CAAC,CAAC;EACjD,CAAC,EACD,CAAC+E,oBAAoB,EAAEG,SAAS,CAClC,CAAC;EAED,oBACE9F,MAAA,CAAAU,OAAA,CAAAiH,aAAA,CAACtH,OAAA,CAAAuH,wBAAwB,EAAA9F,QAAA,KACnBmE,IAAI;IACRhC,KAAK,EAAEA,KAAM;IACbgB,GAAG,EAAEwB,SAAU;IACfjB,QAAQ,EAAE8B,cAAe;IACzBxB,SAAS,EAAE2B,qBAAsB;IACjCI,OAAO,EAAEN,WAAY;IACrBhB,IAAI,EAAEA,IAAK;IACXP,IAAI,EAAEA,IAAK;IACXP,SAAS,EAAE,IAAAqC,mBAAU,EAAC,sBAAsB,EAAErC,SAAS,CAAE;IACzDsC,KAAK,EAAE;MACLC,SAAS,KAAAC,MAAA,CAAK1C,UAAU,OAAI;MAC5BA,UAAU,KAAA0C,MAAA,CAAK1C,UAAU;IAC3B;EAAE,EACH,CAAC;AAEN,CACF,CAAC;AAEDV,kBAAkB,CAACqD,WAAW,GAAG,oBAAoB"}

package/dist/cjs/components/Input/Input.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _excluded = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick"];
+var _excluded = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick", "mode"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -31,6 +31,8 @@ var Input = exports.Input = /*#__PURE__*/_react.default.forwardRef(function (_re
     endAdornment = _ref.endAdornment,
     wrapRef = _ref.wrapRef,
     wrapperClick = _ref.wrapperClick,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
     rest = _objectWithoutProperties(_ref, _excluded);
   var intInputRef = (0, _react.useRef)(null);
   var handleRef = (0, _useForkRef.default)(ref, intInputRef);
@@ -43,6 +45,7 @@ var Input = exports.Input = /*#__PURE__*/_react.default.forwardRef(function (_re
     $size: size,
     $invalid: invalid,
     $disabled: disabled,
+    $mode: mode,
     style: style,
     className: (0, _classnames.default)("c-input-wrapper", className),
     onClick: handleWrapperClick,
@@ -54,6 +57,8 @@ var Input = exports.Input = /*#__PURE__*/_react.default.forwardRef(function (_re
     disabled: disabled,
     className: "c-input",
     "aria-invalid": invalid,
+    $invalid: invalid,
+    $mode: mode,
     "data-form-type": "other"
   }, rest)), endAdornment);
 });

package/dist/cjs/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_useForkRef","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Input","exports","React","forwardRef","_ref","ref","_ref$className","className","style","_ref$type","type","_ref$disabled","disabled","_ref$size","size","_ref$invalid","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","rest","intInputRef","useRef","handleRef","useForkRef","handleWrapperClick","useCallback","_intInputRef$current","current","focus","createElement","StyledInputWrapper","$size","$invalid","$disabled","classnames","onClick","StyledInput","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  Ref,\n  useCallback,\n  useRef,\n  InputHTMLAttributes,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport { InputSize } from \"./types\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { ITypographyProps } from \"../Typography/Typography\";\n\nexport interface OverrideProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"ref\"> {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n}\n\nexport interface InputProps\n  extends OverrideProps,\n    Pick<ITypographyProps, \"align\"> {\n  invalid?: boolean;\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  wrapRef?: Ref<HTMLDivElement>;\n  wrapperClick?: () => void;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className = \"\",\n      style,\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      wrapRef,\n      wrapperClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleWrapperClick = useCallback(() => {\n      intInputRef.current?.focus();\n      wrapperClick && wrapperClick();\n    }, [wrapperClick]);\n\n    return (\n      <StyledInputWrapper\n        $size={size}\n        $invalid={invalid}\n        $disabled={disabled}\n        style={style}\n        className={classnames(\"c-input-wrapper\", className)}\n        onClick={handleWrapperClick}\n        ref={wrapRef}\n      >\n        {startAdornment}\n        <StyledInput\n          ref={handleRef}\n          type={type}\n          $size={size}\n          disabled={disabled}\n          className=\"c-input\"\n          aria-invalid={invalid}\n          data-form-type=\"other\"\n          {...rest}\n        />\n        {endAdornment}\n      </StyledInputWrapper>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"mappings":"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"}
+{"version":3,"file":"Input.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_useForkRef","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Input","exports","React","forwardRef","_ref","ref","_ref$className","className","style","_ref$type","type","_ref$disabled","disabled","_ref$size","size","_ref$invalid","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","_ref$mode","mode","rest","intInputRef","useRef","handleRef","useForkRef","handleWrapperClick","useCallback","_intInputRef$current","current","focus","createElement","StyledInputWrapper","$size","$invalid","$disabled","$mode","classnames","onClick","StyledInput","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  Ref,\n  useCallback,\n  useRef,\n  InputHTMLAttributes,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport { InputMode, InputSize } from \"./types\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { ITypographyProps } from \"../Typography/Typography\";\n\nexport interface OverrideProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"ref\"> {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n}\n\nexport interface InputProps\n  extends OverrideProps,\n    Pick<ITypographyProps, \"align\"> {\n  invalid?: boolean;\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  wrapRef?: Ref<HTMLDivElement>;\n  mode?: InputMode;\n  wrapperClick?: () => void;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className = \"\",\n      style,\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      wrapRef,\n      wrapperClick,\n      mode = \"outlined\",\n      ...rest\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleWrapperClick = useCallback(() => {\n      intInputRef.current?.focus();\n      wrapperClick && wrapperClick();\n    }, [wrapperClick]);\n\n    return (\n      <StyledInputWrapper\n        $size={size}\n        $invalid={invalid}\n        $disabled={disabled}\n        $mode={mode}\n        style={style}\n        className={classnames(\"c-input-wrapper\", className)}\n        onClick={handleWrapperClick}\n        ref={wrapRef}\n      >\n        {startAdornment}\n        <StyledInput\n          ref={handleRef}\n          type={type}\n          $size={size}\n          disabled={disabled}\n          className=\"c-input\"\n          aria-invalid={invalid}\n          $invalid={invalid}\n          $mode={mode}\n          data-form-type=\"other\"\n          {...rest}\n        />\n        {endAdornment}\n      </StyledInputWrapper>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"mappings":"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"}

package/dist/cjs/components/Input/Styles.js

@@ -12,7 +12,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var StyledInputWrapper = exports.StyledInputWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledInputWrapper",
   componentId: "sc-ce8kcp-0"
-})(["align-items:center;background-color:var(--input-background-color);border-color:var(--color-theme-500);border-radius:8px;border-style:solid;border-width:1px;cursor:text;display:flex;height:32px;padding-block:4px;padding-inline:4px;transition:all 0.3s ease;width:360px;", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+})(["align-items:center;cursor:text;display:flex;height:32px;padding-block:4px;padding-inline:4px;transition:all 0.3s ease;width:360px;", " ", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+  return props.$mode === "outlined" && (0, _styledComponents.css)(["background-color:var(--input-background-color);border-color:var(--color-theme-500);border-radius:8px;border-style:solid;border-width:1px;"]);
+}, function (props) {
   return props.$size === "small" && (0, _styledComponents.css)(["border-radius:6px;height:24px;"]);
 }, function (props) {
   return props.$size === "big" && (0, _styledComponents.css)(["height:40px;"]);
@@ -23,13 +25,13 @@ var StyledInputWrapper = exports.StyledInputWrapper = _styledComponents.default.
 }, function (props) {
   return !props.$disabled && !props.$invalid && (0, _styledComponents.css)(["&:focus-within,&:hover{border-color:var(--color-primary);}"]);
 }, function (props) {
-  return !props.$disabled && props.$invalid && (0, _styledComponents.css)(["border-color:var(--red-alert);"]);
+  return !props.$disabled && props.$invalid && props.$mode === "outlined" && (0, _styledComponents.css)(["border-color:var(--red-alert);"]);
 });
 StyledInputWrapper.displayName = "StyledInputWrapper";
 var StyledInput = exports.StyledInput = _styledComponents.default.input.withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-ce8kcp-1"
-})(["background-color:var(--input-background-color);border:none;color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;margin-block:0;margin-inline:4px;outline:none;padding:0;width:100%;&::placeholder{color:var(--color-theme-transparent-500);}", " ", " ", " ", " ", ""], function (props) {
+})(["background-color:var(--input-background-color);border:none;color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;margin-block:0;margin-inline:4px;outline:none;padding:0;width:100%;&::placeholder{color:var(--color-theme-transparent-500);}", " ", " ", " ", " ", " ", ""], function (props) {
   return props.$size === "big" && (0, _styledComponents.css)(["font-size:1rem;"]);
 }, function (props) {
   return props.$size === "biggest" && (0, _styledComponents.css)(["font-size:1.25rem;font-weight:700;"]);
@@ -39,6 +41,8 @@ var StyledInput = exports.StyledInput = _styledComponents.default.input.withConf
   return props.$loading && (0, _styledComponents.css)(["cursor:progress;"]);
 }, function (props) {
   return props.align && (0, _styledComponents.css)(["text-align:", ";"], props.align);
+}, function (props) {
+  return props.$mode === "flat" && props.$invalid && (0, _styledComponents.css)(["color:var(--red-alert);"]);
 });
 StyledInput.displayName = "StyledInput";
 var StyledPasswordIndicatorWrapper = exports.StyledPasswordIndicatorWrapper = _styledComponents.default.div.withConfig({

package/dist/cjs/components/Input/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInputWrapper","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$size","css","$disabled","$invalid","StyledInput","input","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledPasswordIndicatorWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  margin-top: 6px;\n  margin-bottom: 4px;\n`;\n\nStyledPasswordIndicatorWrapper.displayName = \"StyledPasswordIndicatorWrapper\";\n\nexport const StyledPasswordIndicator = styled.div<{\n  $strength: number;\n  $index: number;\n}>`\n  width: 100%;\n  height: 4px;\n  border-radius: 6px;\n  background-color: ${(props) => {\n    const { $strength, $index } = props;\n\n    if ($strength === 0) {\n      return \"var(--color-theme-300)\";\n    } else if ($strength === 1) {\n      return $index === 0 ? \"var(--red-alert)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 2) {\n      return $index < 2 ? \"var(--color-orange)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 3) {\n      return $index < 3 ? \"var(--color-blue-sky)\" : \"var(--color-theme-300)\";\n    } else {\n      return \"var(--color-sucess-green)\";\n    }\n  }};\n`;\n\nStyledPasswordIndicator.displayName = \"StyledPasswordIndicator\";\n\nexport const StyledInputSelectTrigger = styled.div<{\n  $size: string;\n  $disabled: boolean;\n}>`\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-right: 2px;\n  margin-left: 8px;\n  color: var(--color-theme-700);\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  font-size: 0.875rem;\n  flex-shrink: 0;\n  cursor: ${(props) => {\n    if (props.$disabled) {\n      return \"unset\";\n    }\n    return \"pointer\";\n  }};\n\n  pointer-events: ${(props) => {\n    if (props.$disabled) {\n      return \"none\";\n    }\n    return \"unset\";\n  }};\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n`;\n\nStyledInputSelectTrigger.displayName = \"StyledInputSelectTrigger\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInputWrapper","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$mode","css","$size","$disabled","$invalid","StyledInput","input","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputMode, InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n  $mode?: InputMode;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  /* mode styling */\n  ${(props) =>\n    props.$mode === \"outlined\" &&\n    css`\n      background-color: var(--input-background-color);\n      border-color: var(--color-theme-500);\n      border-radius: 8px;\n      border-style: solid;\n      border-width: 1px;\n    `}\n\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    props.$mode === \"outlined\" &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n  $mode?: InputMode;\n  $invalid?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n\n    ${(props) =>\n    props.$mode === \"flat\" &&\n    props.$invalid &&\n    css`\n      color: var(--red-alert);\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledPasswordIndicatorWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  margin-top: 6px;\n  margin-bottom: 4px;\n`;\n\nStyledPasswordIndicatorWrapper.displayName = \"StyledPasswordIndicatorWrapper\";\n\nexport const StyledPasswordIndicator = styled.div<{\n  $strength: number;\n  $index: number;\n}>`\n  width: 100%;\n  height: 4px;\n  border-radius: 6px;\n  background-color: ${(props) => {\n    const { $strength, $index } = props;\n\n    if ($strength === 0) {\n      return \"var(--color-theme-300)\";\n    } else if ($strength === 1) {\n      return $index === 0 ? \"var(--red-alert)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 2) {\n      return $index < 2 ? \"var(--color-orange)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 3) {\n      return $index < 3 ? \"var(--color-blue-sky)\" : \"var(--color-theme-300)\";\n    } else {\n      return \"var(--color-sucess-green)\";\n    }\n  }};\n`;\n\nStyledPasswordIndicator.displayName = \"StyledPasswordIndicator\";\n\nexport const StyledInputSelectTrigger = styled.div<{\n  $size: string;\n  $disabled: boolean;\n}>`\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-right: 2px;\n  margin-left: 8px;\n  color: var(--color-theme-700);\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  font-size: 0.875rem;\n  flex-shrink: 0;\n  cursor: ${(props) => {\n    if (props.$disabled) {\n      return \"unset\";\n    }\n    return \"pointer\";\n  }};\n\n  pointer-events: ${(props) => {\n    if (props.$disabled) {\n      return \"none\";\n    }\n    return \"unset\";\n  }};\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n`;\n\nStyledInputSelectTrigger.displayName = \"StyledInputSelectTrigger\";\n"],"mappings":"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"}

package/dist/cjs/components/Input/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Input/types.ts"],"sourcesContent":["export type InputSize = \"small\" | \"regular\" | \"big\" | \"biggest\";\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Input/types.ts"],"sourcesContent":["export type InputSize = \"small\" | \"regular\" | \"big\" | \"biggest\";\nexport type InputMode = \"outlined\" | \"flat\";\n"],"mappings":""}

package/dist/cjs/components/Textarea/Styles.js

@@ -12,7 +12,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var StyledTextarea = exports.StyledTextarea = _styledComponents.default.textarea.withConfig({
   displayName: "Styles__StyledTextarea",
   componentId: "sc-m6jqw8-0"
-})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;min-height:90px;outline:none;", " ", " ", " ", " &::placeholder{", "}", ""], {
+})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;background-color:var(--input-background-color);", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;transition:all 0.3s ease;width:360px;min-height:90px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}", " ", ""], {
   "fontSize": "0.875rem"
 }, {
   "color": "var(--color-theme-900)"
@@ -25,20 +25,24 @@ var StyledTextarea = exports.StyledTextarea = _styledComponents.default.textarea
 }, {
   "borderColor": "var(--color-theme-500)"
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+  return props.$mode === "flat" && (0, _styledComponents.css)(["border:none;background-color:transparent;"]);
+}, function (props) {
   return props.disabled && (0, _styledComponents.css)(["", ""], {
     "cursor": "not-allowed",
     "opacity": "0.5"
   });
 }, function (props) {
-  return !props.disabled && !props.$invalid && (0, _styledComponents.css)(["&:active,&:focus,&:hover{", "}"], {
+  return !props.disabled && !props.$invalid && props.$mode === "outlined" && (0, _styledComponents.css)(["&:active,&:focus,&:hover{", "}"], {
     "borderColor": "var(--color-primary)"
   });
 }, {
   "color": "var(--color-theme-transparent-500)"
 }, function (props) {
-  return !props.disabled && props.$invalid && (0, _styledComponents.css)(["", ""], {
+  return !props.disabled && props.$invalid && props.$mode === "outlined" && (0, _styledComponents.css)(["", ""], {
     "borderColor": "var(--red-alert)"
   });
+}, function (props) {
+  return !props.disabled && props.$invalid && props.$mode === "flat" && (0, _styledComponents.css)(["color:var(--red-alert);"]);
 });
 StyledTextarea.displayName = "StyledTextarea";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Textarea/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledTextarea","exports","styled","textarea","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","disabled","css","$invalid"],"sources":["../../../../src/components/Textarea/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledTextareaProps {\n  disabled: boolean;\n  $invalid: boolean;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n  ${tw`tw-text-body-2`}\n  ${tw`tw-text-theme-900`}\n  ${tw`tw-leading-regular`}\n  ${tw`tw-tracking-regular`}\n  ${tw`tw-font-regular`}\n  border-width: 1px;\n  border-style: solid;\n  ${tw`tw-border-theme-500`}\n  border-radius: 8px;\n  padding: 4px 8px 6px 8px;\n  height: auto;\n  background-color: var(--input-background-color);\n  transition: all 0.3s ease;\n  width: 360px;\n  min-height: 90px;\n  outline: none;\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      ${tw`tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    !props.disabled &&\n    !props.$invalid &&\n    css`\n      &:active,\n      &:focus,\n      &:hover {\n        ${tw`tw-border-primary`}\n      }\n    `}\n\n  &::placeholder {\n    ${tw`tw-text-theme-transparent-500`}\n  }\n\n  ${(props) =>\n    !props.disabled &&\n    props.$invalid &&\n    css`\n      ${tw`tw-border-alert`}\n    `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOlC,IAAMY,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,QAAQ,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8RACvC;EAAA;AAAe,CAAC,EAChB;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAmB,CAAC,EACpB;EAAA;AAAoB,CAAC,EACrB;EAAA;AAAgB,CAAC,EAGjB;EAAA;AAAoB,CAAC,EASvBC,oBAAS,EACTC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,YACG;IAAA;IAAA;EAAoC,CAAC,CAC1C;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,QAAQ,IACf,CAACD,KAAK,CAACG,QAAQ,QACfD,qBAAG,sCAIK;IAAA;EAAkB,CAAC,CAE1B;AAAA,GAGG;EAAA;AAA8B,CAAC,EAGnC,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,QAAQ,IACfD,KAAK,CAACG,QAAQ,QACdD,qBAAG,YACG;IAAA;EAAgB,CAAC,CACtB;AAAA,EACJ;AAEDX,cAAc,CAACK,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledTextarea","exports","styled","textarea","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$mode","css","disabled","$invalid"],"sources":["../../../../src/components/Textarea/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputMode } from \"../Input/types\";\n\ninterface StyledTextareaProps {\n  disabled: boolean;\n  $invalid: boolean;\n  $mode: InputMode;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n  ${tw`tw-text-body-2`}\n  ${tw`tw-text-theme-900`}\n  ${tw`tw-leading-regular`}\n  ${tw`tw-tracking-regular`}\n  ${tw`tw-font-regular`}\n  border-width: 1px;\n  border-style: solid;\n  background-color: var(--input-background-color);\n  ${tw`tw-border-theme-500`}\n  border-radius: 8px;\n  padding: 4px 8px 6px 8px;\n  height: auto;\n  transition: all 0.3s ease;\n  width: 360px;\n  min-height: 90px;\n  outline: none;\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      border: none;\n      background-color: transparent;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      ${tw`tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    !props.disabled &&\n    !props.$invalid &&\n    props.$mode === \"outlined\" &&\n    css`\n      &:active,\n      &:focus,\n      &:hover {\n        ${tw`tw-border-primary`}\n      }\n    `}\n\n  &::placeholder {\n    ${tw`tw-text-theme-transparent-500`}\n  }\n\n  ${(props) =>\n    !props.disabled &&\n    props.$invalid &&\n    props.$mode === \"outlined\" &&\n    css`\n      ${tw`tw-border-alert`}\n    `}\n\n  ${(props) =>\n    !props.disabled &&\n    props.$invalid &&\n    props.$mode === \"flat\" &&\n    css`\n      color: var(--red-alert);\n    `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASlC,IAAMY,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,QAAQ,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wSACvC;EAAA;AAAe,CAAC,EAChB;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAmB,CAAC,EACpB;EAAA;AAAoB,CAAC,EACrB;EAAA;AAAgB,CAAC,EAIjB;EAAA;AAAoB,CAAC,EAQvBC,oBAAS,EACTC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,MAAM,QACtBC,qBAAG,gDAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,QAAQ,QACdD,qBAAG,YACG;IAAA;IAAA;EAAoC,CAAC,CAC1C;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACG,QAAQ,IACf,CAACH,KAAK,CAACI,QAAQ,IACfJ,KAAK,CAACC,KAAK,KAAK,UAAU,QAC1BC,qBAAG,sCAIK;IAAA;EAAkB,CAAC,CAE1B;AAAA,GAGG;EAAA;AAA8B,CAAC,EAGnC,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACG,QAAQ,IACfH,KAAK,CAACI,QAAQ,IACdJ,KAAK,CAACC,KAAK,KAAK,UAAU,QAC1BC,qBAAG,YACG;IAAA;EAAgB,CAAC,CACtB;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACG,QAAQ,IACfH,KAAK,CAACI,QAAQ,IACdJ,KAAK,CAACC,KAAK,KAAK,MAAM,QACtBC,qBAAG,8BAEF;AAAA,EACJ;AAEDX,cAAc,CAACK,WAAW,GAAG,gBAAgB"}

package/dist/cjs/components/Textarea/Textarea.js

@@ -7,7 +7,7 @@ exports.Textarea = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["className", "disabled", "invalid"];
+var _excluded = ["className", "disabled", "invalid", "mode"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -20,11 +20,15 @@ var Textarea = exports.Textarea = /*#__PURE__*/(0, _react.forwardRef)(function (
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$invalid = _ref.invalid,
     invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledTextarea, _extends({}, rest, {
     $invalid: invalid,
     ref: ref,
+    $mode: mode,
     disabled: disabled,
+    "aria-invalid": invalid,
     className: (0, _classnames.default)("c-textarea", {
       "c-textarea__disabled": disabled
     }, className)

package/dist/cjs/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Textarea","exports","forwardRef","_ref","ref","className","_ref$disabled","disabled","_ref$invalid","invalid","rest","createElement","StyledTextarea","$invalid","classnames","displayName"],"sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTextarea } from \"./Styles\";\n\nexport interface TextareaProps {\n  invalid?: boolean;\n}\n\nexport const Textarea = forwardRef(\n  (\n    {\n      className,\n      disabled = false,\n      invalid = false,\n      ...rest\n    }: TextareaProps &\n      Omit<React.ComponentPropsWithoutRef<\"textarea\">, keyof TextareaProps>,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    return (\n      <StyledTextarea\n        {...rest}\n        $invalid={invalid}\n        ref={ref}\n        disabled={disabled}\n        className={classnames(\n          \"c-textarea\",\n          { \"c-textarea__disabled\": disabled },\n          className\n        )}\n      />\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Textarea","exports","forwardRef","_ref","ref","className","_ref$disabled","disabled","_ref$invalid","invalid","_ref$mode","mode","rest","createElement","StyledTextarea","$invalid","$mode","classnames","displayName"],"sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTextarea } from \"./Styles\";\nimport { InputMode } from \"../Input/types\";\n\nexport interface TextareaProps {\n  invalid?: boolean;\n  mode?: InputMode;\n}\n\nexport const Textarea = forwardRef(\n  (\n    {\n      className,\n      disabled = false,\n      invalid = false,\n      mode = \"outlined\",\n      ...rest\n    }: TextareaProps &\n      Omit<React.ComponentPropsWithoutRef<\"textarea\">, keyof TextareaProps>,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    return (\n      <StyledTextarea\n        {...rest}\n        $invalid={invalid}\n        ref={ref}\n        $mode={mode}\n        disabled={disabled}\n        aria-invalid={invalid}\n        className={classnames(\n          \"c-textarea\",\n          { \"c-textarea__disabled\": disabled },\n          className\n        )}\n      />\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":"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"}

package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { InputMode } from "../Input/types";
 export interface IAutoResizeTextarea extends React.ComponentPropsWithoutRef<"textarea"> {
     minRows?: number;
     maxRows?: number;
@@ -6,6 +7,7 @@ export interface IAutoResizeTextarea extends React.ComponentPropsWithoutRef<"tex
     preventNewRowOnEnter?: boolean;
     cursorAtTextEnd?: boolean;
     value?: string;
+    mode?: InputMode;
 }
 export declare const AutoResizeTextarea: React.ForwardRefExoticComponent<IAutoResizeTextarea & React.RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=AutoResizeTextarea.d.ts.map

package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoResizeTextarea.d.ts","sourceRoot":"","sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,iGA+F9B,CAAC"}
+{"version":3,"file":"AutoResizeTextarea.d.ts","sourceRoot":"","sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,iGAiG9B,CAAC"}

package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js

@@ -14,6 +14,7 @@ export const AutoResizeTextarea = /*#__PURE__*/forwardRef((_ref, ref) => {
     cursorAtTextEnd = false,
     onKeyDown,
     value,
+    mode = "outlined",
     ...rest
   } = _ref;
   const innerRef = useRef(null);
@@ -59,6 +60,7 @@ export const AutoResizeTextarea = /*#__PURE__*/forwardRef((_ref, ref) => {
     onKeyDown: handleTextAreaKeyDown,
     onFocus: handleFocus,
     rows: rows,
+    mode: mode,
     className: classnames("c-autoresizetextarea", className),
     style: {
       minHeight: lineHeight + "px",

package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoResizeTextarea.js","names":["React","useState","useCallback","forwardRef","useRef","useEffect","classnames","StyledAutoResizeTextarea","useForkRef","AutoResizeTextarea","_ref","ref","minRows","maxRows","lineHeight","onChange","className","preventNewRowOnEnter","cursorAtTextEnd","onKeyDown","value","rest","innerRef","rows","setRows","handleRef","calcRows","elem","previousRows","currentRows","Math","floor","scrollHeight","scrollTop","current","handleOnChange","e","target","handleFocus","setSelectionRange","length","handleTextAreaKeyDown","key","preventDefault","createElement","_extends","onFocus","style","minHeight","displayName"],"sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"sourcesContent":["import React, {\n  useState,\n  useCallback,\n  ChangeEvent,\n  KeyboardEvent,\n  FocusEvent,\n  Ref,\n  forwardRef,\n  useRef,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledAutoResizeTextarea } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\n\nexport interface IAutoResizeTextarea\n  extends React.ComponentPropsWithoutRef<\"textarea\"> {\n  minRows?: number;\n  maxRows?: number;\n  lineHeight?: number;\n  preventNewRowOnEnter?: boolean;\n  cursorAtTextEnd?: boolean;\n  value?: string;\n}\n\nexport const AutoResizeTextarea = forwardRef(\n  (\n    {\n      minRows = 1,\n      maxRows = 6,\n      lineHeight = 18,\n      onChange,\n      className,\n      preventNewRowOnEnter = false,\n      cursorAtTextEnd = false,\n      onKeyDown,\n      value,\n      ...rest\n    }: IAutoResizeTextarea,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const [rows, setRows] = useState(minRows);\n\n    const handleRef = useForkRef(ref, innerRef);\n\n    const calcRows = useCallback(\n      (elem: HTMLTextAreaElement | null) => {\n        if (elem) {\n          const previousRows = elem.rows || minRows;\n\n          elem.rows = minRows;\n          const currentRows = Math.floor(elem.scrollHeight / lineHeight);\n\n          if (currentRows === previousRows) {\n            elem.rows = currentRows;\n          }\n\n          if (currentRows >= maxRows) {\n            elem.rows = maxRows;\n            elem.scrollTop = elem.scrollHeight;\n          }\n\n          setRows(currentRows < maxRows ? currentRows : maxRows);\n        }\n      },\n      [lineHeight, maxRows, minRows]\n    );\n\n    useEffect(() => {\n      calcRows(innerRef.current);\n    }, [value, calcRows]);\n\n    const handleOnChange = useCallback(\n      (e: ChangeEvent<HTMLTextAreaElement>) => {\n        calcRows(e.target);\n        typeof onChange === \"function\" && onChange(e);\n      },\n      [onChange, calcRows]\n    );\n\n    const handleFocus = useCallback(\n      (e: FocusEvent<HTMLTextAreaElement>) => {\n        if (cursorAtTextEnd) {\n          e.target.setSelectionRange(\n            e.target.value.length,\n            e.target.value.length\n          );\n        }\n      },\n      [cursorAtTextEnd]\n    );\n\n    const handleTextAreaKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (preventNewRowOnEnter && e.key === \"Enter\") {\n          e.preventDefault();\n        }\n        typeof onKeyDown === \"function\" && onKeyDown(e);\n      },\n      [preventNewRowOnEnter, onKeyDown]\n    );\n\n    return (\n      <StyledAutoResizeTextarea\n        {...rest}\n        value={value}\n        ref={handleRef}\n        onChange={handleOnChange}\n        onKeyDown={handleTextAreaKeyDown}\n        onFocus={handleFocus}\n        rows={rows}\n        className={classnames(\"c-autoresizetextarea\", className)}\n        style={{\n          minHeight: `${lineHeight}px`,\n          lineHeight: `${lineHeight}px`,\n        }}\n      />\n    );\n  }\n);\n\nAutoResizeTextarea.displayName = \"AutoResizeTextarea\";\n"],"mappings":"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"}
+{"version":3,"file":"AutoResizeTextarea.js","names":["React","useState","useCallback","forwardRef","useRef","useEffect","classnames","StyledAutoResizeTextarea","useForkRef","AutoResizeTextarea","_ref","ref","minRows","maxRows","lineHeight","onChange","className","preventNewRowOnEnter","cursorAtTextEnd","onKeyDown","value","mode","rest","innerRef","rows","setRows","handleRef","calcRows","elem","previousRows","currentRows","Math","floor","scrollHeight","scrollTop","current","handleOnChange","e","target","handleFocus","setSelectionRange","length","handleTextAreaKeyDown","key","preventDefault","createElement","_extends","onFocus","style","minHeight","displayName"],"sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"sourcesContent":["import React, {\n  useState,\n  useCallback,\n  ChangeEvent,\n  KeyboardEvent,\n  FocusEvent,\n  Ref,\n  forwardRef,\n  useRef,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledAutoResizeTextarea } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { InputMode } from \"../Input/types\";\n\nexport interface IAutoResizeTextarea\n  extends React.ComponentPropsWithoutRef<\"textarea\"> {\n  minRows?: number;\n  maxRows?: number;\n  lineHeight?: number;\n  preventNewRowOnEnter?: boolean;\n  cursorAtTextEnd?: boolean;\n  value?: string;\n  mode?: InputMode;\n}\n\nexport const AutoResizeTextarea = forwardRef(\n  (\n    {\n      minRows = 1,\n      maxRows = 6,\n      lineHeight = 18,\n      onChange,\n      className,\n      preventNewRowOnEnter = false,\n      cursorAtTextEnd = false,\n      onKeyDown,\n      value,\n      mode = \"outlined\",\n      ...rest\n    }: IAutoResizeTextarea,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const [rows, setRows] = useState(minRows);\n\n    const handleRef = useForkRef(ref, innerRef);\n\n    const calcRows = useCallback(\n      (elem: HTMLTextAreaElement | null) => {\n        if (elem) {\n          const previousRows = elem.rows || minRows;\n\n          elem.rows = minRows;\n          const currentRows = Math.floor(elem.scrollHeight / lineHeight);\n\n          if (currentRows === previousRows) {\n            elem.rows = currentRows;\n          }\n\n          if (currentRows >= maxRows) {\n            elem.rows = maxRows;\n            elem.scrollTop = elem.scrollHeight;\n          }\n\n          setRows(currentRows < maxRows ? currentRows : maxRows);\n        }\n      },\n      [lineHeight, maxRows, minRows]\n    );\n\n    useEffect(() => {\n      calcRows(innerRef.current);\n    }, [value, calcRows]);\n\n    const handleOnChange = useCallback(\n      (e: ChangeEvent<HTMLTextAreaElement>) => {\n        calcRows(e.target);\n        typeof onChange === \"function\" && onChange(e);\n      },\n      [onChange, calcRows]\n    );\n\n    const handleFocus = useCallback(\n      (e: FocusEvent<HTMLTextAreaElement>) => {\n        if (cursorAtTextEnd) {\n          e.target.setSelectionRange(\n            e.target.value.length,\n            e.target.value.length\n          );\n        }\n      },\n      [cursorAtTextEnd]\n    );\n\n    const handleTextAreaKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (preventNewRowOnEnter && e.key === \"Enter\") {\n          e.preventDefault();\n        }\n        typeof onKeyDown === \"function\" && onKeyDown(e);\n      },\n      [preventNewRowOnEnter, onKeyDown]\n    );\n\n    return (\n      <StyledAutoResizeTextarea\n        {...rest}\n        value={value}\n        ref={handleRef}\n        onChange={handleOnChange}\n        onKeyDown={handleTextAreaKeyDown}\n        onFocus={handleFocus}\n        rows={rows}\n        mode={mode}\n        className={classnames(\"c-autoresizetextarea\", className)}\n        style={{\n          minHeight: `${lineHeight}px`,\n          lineHeight: `${lineHeight}px`,\n        }}\n      />\n    );\n  }\n);\n\nAutoResizeTextarea.displayName = \"AutoResizeTextarea\";\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,QAAQ,EACRC,WAAW,EAKXC,UAAU,EACVC,MAAM,EACNC,SAAS,QACJ,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,wBAAwB,QAAQ,UAAU;AACnD,OAAOC,UAAU,MAAM,wBAAwB;AAc/C,OAAO,MAAMC,kBAAkB,gBAAGN,UAAU,CAC1C,CAAAO,IAAA,EAcEC,GAAgD,KAC7C;EAAA,IAdH;IACEC,OAAO,GAAG,CAAC;IACXC,OAAO,GAAG,CAAC;IACXC,UAAU,GAAG,EAAE;IACfC,QAAQ;IACRC,SAAS;IACTC,oBAAoB,GAAG,KAAK;IAC5BC,eAAe,GAAG,KAAK;IACvBC,SAAS;IACTC,KAAK;IACLC,IAAI,GAAG,UAAU;IACjB,GAAGC;EACgB,CAAC,GAAAZ,IAAA;EAGtB,MAAMa,QAAQ,GAAGnB,MAAM,CAA6B,IAAI,CAAC;EACzD,MAAM,CAACoB,IAAI,EAAEC,OAAO,CAAC,GAAGxB,QAAQ,CAACW,OAAO,CAAC;EAEzC,MAAMc,SAAS,GAAGlB,UAAU,CAACG,GAAG,EAAEY,QAAQ,CAAC;EAE3C,MAAMI,QAAQ,GAAGzB,WAAW,CACzB0B,IAAgC,IAAK;IACpC,IAAIA,IAAI,EAAE;MACR,MAAMC,YAAY,GAAGD,IAAI,CAACJ,IAAI,IAAIZ,OAAO;MAEzCgB,IAAI,CAACJ,IAAI,GAAGZ,OAAO;MACnB,MAAMkB,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACJ,IAAI,CAACK,YAAY,GAAGnB,UAAU,CAAC;MAE9D,IAAIgB,WAAW,KAAKD,YAAY,EAAE;QAChCD,IAAI,CAACJ,IAAI,GAAGM,WAAW;MACzB;MAEA,IAAIA,WAAW,IAAIjB,OAAO,EAAE;QAC1Be,IAAI,CAACJ,IAAI,GAAGX,OAAO;QACnBe,IAAI,CAACM,SAAS,GAAGN,IAAI,CAACK,YAAY;MACpC;MAEAR,OAAO,CAACK,WAAW,GAAGjB,OAAO,GAAGiB,WAAW,GAAGjB,OAAO,CAAC;IACxD;EACF,CAAC,EACD,CAACC,UAAU,EAAED,OAAO,EAAED,OAAO,CAC/B,CAAC;EAEDP,SAAS,CAAC,MAAM;IACdsB,QAAQ,CAACJ,QAAQ,CAACY,OAAO,CAAC;EAC5B,CAAC,EAAE,CAACf,KAAK,EAAEO,QAAQ,CAAC,CAAC;EAErB,MAAMS,cAAc,GAAGlC,WAAW,CAC/BmC,CAAmC,IAAK;IACvCV,QAAQ,CAACU,CAAC,CAACC,MAAM,CAAC;IAClB,OAAOvB,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACsB,CAAC,CAAC;EAC/C,CAAC,EACD,CAACtB,QAAQ,EAAEY,QAAQ,CACrB,CAAC;EAED,MAAMY,WAAW,GAAGrC,WAAW,CAC5BmC,CAAkC,IAAK;IACtC,IAAInB,eAAe,EAAE;MACnBmB,CAAC,CAACC,MAAM,CAACE,iBAAiB,CACxBH,CAAC,CAACC,MAAM,CAAClB,KAAK,CAACqB,MAAM,EACrBJ,CAAC,CAACC,MAAM,CAAClB,KAAK,CAACqB,MACjB,CAAC;IACH;EACF,CAAC,EACD,CAACvB,eAAe,CAClB,CAAC;EAED,MAAMwB,qBAAqB,GAAGxC,WAAW,CACtCmC,CAAqC,IAAK;IACzC,IAAIpB,oBAAoB,IAAIoB,CAAC,CAACM,GAAG,KAAK,OAAO,EAAE;MAC7CN,CAAC,CAACO,cAAc,CAAC,CAAC;IACpB;IACA,OAAOzB,SAAS,KAAK,UAAU,IAAIA,SAAS,CAACkB,CAAC,CAAC;EACjD,CAAC,EACD,CAACpB,oBAAoB,EAAEE,SAAS,CAClC,CAAC;EAED,oBACEnB,KAAA,CAAA6C,aAAA,CAACtC,wBAAwB,EAAAuC,QAAA,KACnBxB,IAAI;IACRF,KAAK,EAAEA,KAAM;IACbT,GAAG,EAAEe,SAAU;IACfX,QAAQ,EAAEqB,cAAe;IACzBjB,SAAS,EAAEuB,qBAAsB;IACjCK,OAAO,EAAER,WAAY;IACrBf,IAAI,EAAEA,IAAK;IACXH,IAAI,EAAEA,IAAK;IACXL,SAAS,EAAEV,UAAU,CAAC,sBAAsB,EAAEU,SAAS,CAAE;IACzDgC,KAAK,EAAE;MACLC,SAAS,EAAKnC,UAAU,OAAI;MAC5BA,UAAU,EAAKA,UAAU;IAC3B;EAAE,EACH,CAAC;AAEN,CACF,CAAC;AAEDL,kBAAkB,CAACyC,WAAW,GAAG,oBAAoB"}

package/dist/esm/components/AutoResizeTextarea/Styles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledAutoResizeTextarea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Textarea").TextareaProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "invalid"> & import("react").RefAttributes<HTMLTextAreaElement>>, any, {}, never>;
+export declare const StyledAutoResizeTextarea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Textarea").TextareaProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, keyof import("../Textarea").TextareaProps> & import("react").RefAttributes<HTMLTextAreaElement>>, any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/AutoResizeTextarea/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/AutoResizeTextarea/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,wBAAwB,sVAIpC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/AutoResizeTextarea/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,wBAAwB,sXAIpC,CAAC"}

package/dist/esm/components/Input/Input.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, Ref, InputHTMLAttributes } from "react";
-import { InputSize } from "./types";
+import { InputMode, InputSize } from "./types";
 import { ITypographyProps } from "../Typography/Typography";
 export interface OverrideProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "ref"> {
     /** Velicina inputa koja definse font-size i border radius */
@@ -10,6 +10,7 @@ export interface InputProps extends OverrideProps, Pick<ITypographyProps, "align
     startAdornment?: ReactNode;
     endAdornment?: ReactNode;
     wrapRef?: Ref<HTMLDivElement>;
+    mode?: InputMode;
     wrapperClick?: () => void;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,GAAG,EAGH,mBAAmB,EACpB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACnE,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,UACf,SAAQ,aAAa,EACnB,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,qFAkDjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,GAAG,EAGH,mBAAmB,EACpB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACnE,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,UACf,SAAQ,aAAa,EACnB,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,qFAsDjB,CAAC"}

package/dist/esm/components/Input/Input.js

@@ -15,6 +15,7 @@ export const Input = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     endAdornment,
     wrapRef,
     wrapperClick,
+    mode = "outlined",
     ...rest
   } = _ref;
   const intInputRef = useRef(null);
@@ -28,6 +29,7 @@ export const Input = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     $size: size,
     $invalid: invalid,
     $disabled: disabled,
+    $mode: mode,
     style: style,
     className: classnames("c-input-wrapper", className),
     onClick: handleWrapperClick,
@@ -39,6 +41,8 @@ export const Input = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     disabled: disabled,
     className: "c-input",
     "aria-invalid": invalid,
+    $invalid: invalid,
+    $mode: mode,
     "data-form-type": "other"
   }, rest)), endAdornment);
 });

package/dist/esm/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["React","useCallback","useRef","classnames","StyledInput","StyledInputWrapper","useForkRef","Input","forwardRef","_ref","ref","className","style","type","disabled","size","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","rest","intInputRef","handleRef","handleWrapperClick","_intInputRef$current","current","focus","createElement","$size","$invalid","$disabled","onClick","_extends","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  Ref,\n  useCallback,\n  useRef,\n  InputHTMLAttributes,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport { InputSize } from \"./types\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { ITypographyProps } from \"../Typography/Typography\";\n\nexport interface OverrideProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"ref\"> {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n}\n\nexport interface InputProps\n  extends OverrideProps,\n    Pick<ITypographyProps, \"align\"> {\n  invalid?: boolean;\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  wrapRef?: Ref<HTMLDivElement>;\n  wrapperClick?: () => void;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className = \"\",\n      style,\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      wrapRef,\n      wrapperClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleWrapperClick = useCallback(() => {\n      intInputRef.current?.focus();\n      wrapperClick && wrapperClick();\n    }, [wrapperClick]);\n\n    return (\n      <StyledInputWrapper\n        $size={size}\n        $invalid={invalid}\n        $disabled={disabled}\n        style={style}\n        className={classnames(\"c-input-wrapper\", className)}\n        onClick={handleWrapperClick}\n        ref={wrapRef}\n      >\n        {startAdornment}\n        <StyledInput\n          ref={handleRef}\n          type={type}\n          $size={size}\n          disabled={disabled}\n          className=\"c-input\"\n          aria-invalid={invalid}\n          data-form-type=\"other\"\n          {...rest}\n        />\n        {endAdornment}\n      </StyledInputWrapper>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAGVC,WAAW,EACXC,MAAM,QAED,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,UAAU;AAE1D,OAAOC,UAAU,MAAM,wBAAwB;AAmB/C,OAAO,MAAMC,KAAK,gBAAGP,KAAK,CAACQ,UAAU,CACnC,CAAAC,IAAA,EAcEC,GAAG,KACA;EAAA,IAdH;IACEC,SAAS,GAAG,EAAE;IACdC,KAAK;IACLC,IAAI,GAAG,MAAM;IACbC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,SAAS;IAChBC,OAAO,GAAG,KAAK;IACfC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAAZ,IAAA;EAGD,MAAMa,WAAW,GAAGpB,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAMqB,SAAS,GAAGjB,UAAU,CAACI,GAAG,EAAEY,WAAW,CAAC;EAE9C,MAAME,kBAAkB,GAAGvB,WAAW,CAAC,MAAM;IAAA,IAAAwB,oBAAA;IAC3C,CAAAA,oBAAA,GAAAH,WAAW,CAACI,OAAO,aAAnBD,oBAAA,CAAqBE,KAAK,CAAC,CAAC;IAC5BP,YAAY,IAAIA,YAAY,CAAC,CAAC;EAChC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,oBACEpB,KAAA,CAAA4B,aAAA,CAACvB,kBAAkB;IACjBwB,KAAK,EAAEd,IAAK;IACZe,QAAQ,EAAEd,OAAQ;IAClBe,SAAS,EAAEjB,QAAS;IACpBF,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAER,UAAU,CAAC,iBAAiB,EAAEQ,SAAS,CAAE;IACpDqB,OAAO,EAAER,kBAAmB;IAC5Bd,GAAG,EAAES;EAAQ,GAEZF,cAAc,eACfjB,KAAA,CAAA4B,aAAA,CAACxB,WAAW,EAAA6B,QAAA;IACVvB,GAAG,EAAEa,SAAU;IACfV,IAAI,EAAEA,IAAK;IACXgB,KAAK,EAAEd,IAAK;IACZD,QAAQ,EAAEA,QAAS;IACnBH,SAAS,EAAC,SAAS;IACnB,gBAAcK,OAAQ;IACtB,kBAAe;EAAO,GAClBK,IAAI,CACT,CAAC,EACDH,YACiB,CAAC;AAEzB,CACF,CAAC;AAEDX,KAAK,CAAC2B,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Input.js","names":["React","useCallback","useRef","classnames","StyledInput","StyledInputWrapper","useForkRef","Input","forwardRef","_ref","ref","className","style","type","disabled","size","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","mode","rest","intInputRef","handleRef","handleWrapperClick","_intInputRef$current","current","focus","createElement","$size","$invalid","$disabled","$mode","onClick","_extends","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  Ref,\n  useCallback,\n  useRef,\n  InputHTMLAttributes,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport { InputMode, InputSize } from \"./types\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { ITypographyProps } from \"../Typography/Typography\";\n\nexport interface OverrideProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"ref\"> {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n}\n\nexport interface InputProps\n  extends OverrideProps,\n    Pick<ITypographyProps, \"align\"> {\n  invalid?: boolean;\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  wrapRef?: Ref<HTMLDivElement>;\n  mode?: InputMode;\n  wrapperClick?: () => void;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className = \"\",\n      style,\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      wrapRef,\n      wrapperClick,\n      mode = \"outlined\",\n      ...rest\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleWrapperClick = useCallback(() => {\n      intInputRef.current?.focus();\n      wrapperClick && wrapperClick();\n    }, [wrapperClick]);\n\n    return (\n      <StyledInputWrapper\n        $size={size}\n        $invalid={invalid}\n        $disabled={disabled}\n        $mode={mode}\n        style={style}\n        className={classnames(\"c-input-wrapper\", className)}\n        onClick={handleWrapperClick}\n        ref={wrapRef}\n      >\n        {startAdornment}\n        <StyledInput\n          ref={handleRef}\n          type={type}\n          $size={size}\n          disabled={disabled}\n          className=\"c-input\"\n          aria-invalid={invalid}\n          $invalid={invalid}\n          $mode={mode}\n          data-form-type=\"other\"\n          {...rest}\n        />\n        {endAdornment}\n      </StyledInputWrapper>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAGVC,WAAW,EACXC,MAAM,QAED,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,UAAU;AAE1D,OAAOC,UAAU,MAAM,wBAAwB;AAoB/C,OAAO,MAAMC,KAAK,gBAAGP,KAAK,CAACQ,UAAU,CACnC,CAAAC,IAAA,EAeEC,GAAG,KACA;EAAA,IAfH;IACEC,SAAS,GAAG,EAAE;IACdC,KAAK;IACLC,IAAI,GAAG,MAAM;IACbC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,SAAS;IAChBC,OAAO,GAAG,KAAK;IACfC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,YAAY;IACZC,IAAI,GAAG,UAAU;IACjB,GAAGC;EACL,CAAC,GAAAb,IAAA;EAGD,MAAMc,WAAW,GAAGrB,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAMsB,SAAS,GAAGlB,UAAU,CAACI,GAAG,EAAEa,WAAW,CAAC;EAE9C,MAAME,kBAAkB,GAAGxB,WAAW,CAAC,MAAM;IAAA,IAAAyB,oBAAA;IAC3C,CAAAA,oBAAA,GAAAH,WAAW,CAACI,OAAO,aAAnBD,oBAAA,CAAqBE,KAAK,CAAC,CAAC;IAC5BR,YAAY,IAAIA,YAAY,CAAC,CAAC;EAChC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,oBACEpB,KAAA,CAAA6B,aAAA,CAACxB,kBAAkB;IACjByB,KAAK,EAAEf,IAAK;IACZgB,QAAQ,EAAEf,OAAQ;IAClBgB,SAAS,EAAElB,QAAS;IACpBmB,KAAK,EAAEZ,IAAK;IACZT,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAER,UAAU,CAAC,iBAAiB,EAAEQ,SAAS,CAAE;IACpDuB,OAAO,EAAET,kBAAmB;IAC5Bf,GAAG,EAAES;EAAQ,GAEZF,cAAc,eACfjB,KAAA,CAAA6B,aAAA,CAACzB,WAAW,EAAA+B,QAAA;IACVzB,GAAG,EAAEc,SAAU;IACfX,IAAI,EAAEA,IAAK;IACXiB,KAAK,EAAEf,IAAK;IACZD,QAAQ,EAAEA,QAAS;IACnBH,SAAS,EAAC,SAAS;IACnB,gBAAcK,OAAQ;IACtBe,QAAQ,EAAEf,OAAQ;IAClBiB,KAAK,EAAEZ,IAAK;IACZ,kBAAe;EAAO,GAClBC,IAAI,CACT,CAAC,EACDJ,YACiB,CAAC;AAEzB,CACF,CAAC;AAEDX,KAAK,CAAC6B,WAAW,GAAG,OAAO"}

package/dist/esm/components/Input/Styles.d.ts

@@ -1,14 +1,17 @@
 import { InputProps } from "./Input";
-import { InputSize } from "./types";
+import { InputMode, InputSize } from "./types";
 interface StyledInputWrapperProps {
     $size?: InputSize;
     $invalid?: boolean;
     $disabled?: boolean;
+    $mode?: InputMode;
 }
 export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", any, StyledInputWrapperProps, never>;
 interface StyledInputProps extends Pick<InputProps, "align"> {
     $size?: InputSize;
     $loading?: boolean;
+    $mode?: InputMode;
+    $invalid?: boolean;
 }
 export declare const StyledInput: import("styled-components").StyledComponent<"input", any, StyledInputProps, never>;
 export declare const StyledPasswordIndicatorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/Input/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,yFA4D9B,CAAC;AAIF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,oFAgDvB,CAAC;AAIF,eAAO,MAAM,8BAA8B,oEAK1C,CAAC;AAIF,eAAO,MAAM,uBAAuB;eACvB,MAAM;YACT,MAAM;SAoBf,CAAC;AAIF,eAAO,MAAM,wBAAwB;WAC5B,MAAM;eACF,OAAO;SA+BnB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAI/C,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,yFAqE9B,CAAC;AAIF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,oFAuDvB,CAAC;AAIF,eAAO,MAAM,8BAA8B,oEAK1C,CAAC;AAIF,eAAO,MAAM,uBAAuB;eACvB,MAAM;YACT,MAAM;SAoBf,CAAC;AAIF,eAAO,MAAM,wBAAwB;WAC5B,MAAM;eACF,OAAO;SA+BnB,CAAC"}