@hbuesing/ui-library 1.0.0 → 1.1.0

package/dist/components/images/index.d.ts

@@ -1 +1 @@
-export * from "./svgIcon";
+export * from './svgIcon';

package/dist/components/input/baseInput.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef } from 'react';
 import './input.scss';
 export interface IBaseInput extends ComponentPropsWithoutRef<'input'> {
     label: string;
@@ -7,5 +7,6 @@ export interface IBaseInput extends ComponentPropsWithoutRef<'input'> {
     iconColor?: string;
     iconSrc?: string;
     inputColor?: string;
+    toggle?: () => void;
 }
 export declare function BaseInput(props: IBaseInput): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/customInput.d.ts

@@ -0,0 +1,9 @@
+import { IBaseInput } from './baseInput';
+import './input.scss';
+interface ICustomInput extends IBaseInput {
+    tooltipIcon?: string;
+    tooltipText?: string;
+    tooltipClose?: string;
+}
+export declare function CustomInput(props: ICustomInput): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/input/index.d.ts

@@ -1 +1 @@
-export * from "./textInput";
+export * from './customInput';

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { TextInput } from './components/input';
+export { CustomInput } from './components/input';
 export { SVG } from './components/images';

package/dist/index.js

@@ -1,2 +1,2 @@
-var i=require("react/jsx-runtime"),r=require("react");function n(){return n=Object.assign?Object.assign.bind():function(i){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var e in n)({}).hasOwnProperty.call(n,e)&&(i[e]=n[e])}return i},n.apply(null,arguments)}function e(i,r){if(null==i)return{};var n={};for(var e in i)if({}.hasOwnProperty.call(i,e)){if(r.indexOf(e)>=0)continue;n[e]=i[e]}return n}function l(r){var n=r.src,e=r.color,l=r.height,t=r.width;if(!n.includes(".svg"))throw new Error("Provided src is not an svg image");return i.jsx("svg",{"aria-hidden":!0,className:"uil-svg",style:{fill:e,height:l+"px",width:t+"px"},children:i.jsx("use",{href:n})})}var t=["label","valueChanged","iconColor","iconSrc","inputColor"];function o(r){var o=r.label,s=r.valueChanged,a=r.iconColor,c=r.iconSrc,u=r.inputColor,h=e(r,t);return i.jsxs("label",{className:"uil-input-wrapper",children:[i.jsx("input",n({className:"uil-input",onChange:function(i){return s(i.target.value)},placeholder:o,style:{color:u}},h)),c&&i.jsx("div",{className:"uil-icon",children:i.jsx(l,{src:c,width:24,height:24,color:a})}),i.jsx("span",{className:"uil-label",style:{color:u},children:o})]})}var s=["tooltipIcon","tooltipText","tooltipClose"];exports.SVG=l,exports.TextInput=function(t){var a=t.tooltipIcon,c=t.tooltipText,u=t.tooltipClose,h=e(t,s),p=r.useState(!1),d=p[0],x=p[1];function v(){x(!1)}return i.jsx(i.Fragment,{children:a?i.jsxs("div",{className:"uil-tooltip-wrapper",children:[d&&i.jsxs("div",{className:"uil-tooltip",onClick:v,children:[u&&i.jsx("button",{className:"uil-tooltip-button",onClick:v,children:u}),i.jsx("span",{children:c})]}),i.jsx("div",{className:"uil-tooltip-icon",onClick:function(){return x(!d)},children:i.jsx(l,{src:a,height:16,width:16})}),i.jsx(o,n({},h))]}):i.jsx(o,n({},h))})};
+var i=require("react/jsx-runtime"),l=require("react");function n(){return n=Object.assign?Object.assign.bind():function(i){for(var l=1;l<arguments.length;l++){var n=arguments[l];for(var r in n)({}).hasOwnProperty.call(n,r)&&(i[r]=n[r])}return i},n.apply(null,arguments)}function r(i,l){if(null==i)return{};var n={};for(var r in i)if({}.hasOwnProperty.call(i,r)){if(l.indexOf(r)>=0)continue;n[r]=i[r]}return n}function e(l){var n=l.src,r=l.color,e=l.height,t=l.width;if(!n.includes(".svg"))throw new Error("Provided src is not an svg image");return i.jsx("svg",{"aria-hidden":!0,className:"uil-svg",style:{fill:r,height:e+"px",width:t+"px"},children:i.jsx("use",{href:n})})}var t=["label","valueChanged","iconColor","iconSrc","inputColor","toggle"];function o(l){var o=l.label,s=l.valueChanged,a=l.iconColor,c=l.iconSrc,u=l.inputColor,h=l.toggle,p=r(l,t);return i.jsxs("label",{className:"uil-input-wrapper",children:[i.jsx("input",n({className:"uil-input",onChange:function(i){return s(i.target.value)},placeholder:o,style:{color:u}},p)),c&&i.jsx("div",{className:"uil-icon",onClick:h,children:i.jsx(e,{src:c,width:24,height:24,color:a})}),i.jsx("span",{className:"uil-label",style:{color:u},children:o})]})}var s=["tooltipIcon","tooltipText","tooltipClose"];exports.CustomInput=function(t){var a=t.tooltipIcon,c=t.tooltipText,u=t.tooltipClose,h=r(t,s),p=l.useState(!1),d=p[0],x=p[1];function v(){x(!1)}return i.jsx(i.Fragment,{children:a?i.jsxs("div",{className:"uil-tooltip-wrapper",children:[d&&i.jsxs("div",{className:"uil-tooltip",onClick:v,children:[u&&i.jsx("button",{className:"uil-tooltip-button",onClick:v,children:u}),i.jsx("span",{children:c})]}),i.jsx("div",{className:"uil-tooltip-icon",onClick:function(){return x(!d)},children:i.jsx(e,{src:a,height:16,width:16})}),i.jsx(o,n({},h))]}):i.jsx(o,n({},h))})},exports.SVG=e;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/images/svgIcon.tsx","../src/components/input/baseInput.tsx","../src/components/input/textInput.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport './images.scss';\n\ninterface ISvgIcon {\n  src: string;\n  color?: string;\n  height?: number;\n  width?: number;\n}\n\nexport function SVG(props: ISvgIcon) {\n  const {\n    src,\n    color,\n    height,\n    width\n  } = props;\n\n  if (!src.includes('.svg')) {\n    throw new Error('Provided src is not an svg image')\n  }\n\n  const style: CSSProperties = {\n    fill: color,\n    height: `${height}px`,\n    width: `${width}px`\n  }\n\n  return (\n    <svg aria-hidden={true} className={'uil-svg'} style={style}>\n      <use href={src}/>\n    </svg>\n  );\n}","import React, {ComponentPropsWithoutRef} from \"react\";\nimport {SVG} from \"../images/svgIcon\";\nimport './input.scss';\n\nexport interface IBaseInput extends ComponentPropsWithoutRef<'input'> {\n  label       : string;\n  value       : string;\n  valueChanged: (value: string) => void;\n  iconColor?  : string;\n  iconSrc?    : string;\n  inputColor? : string;\n}\n\nexport function BaseInput(props: IBaseInput) {\n  const {\n    label,\n    valueChanged,\n    iconColor,\n    iconSrc,\n    inputColor,\n    ...inputProps\n  } = props;\n\n  return (\n    <label className={'uil-input-wrapper'}>\n      <input\n        className={'uil-input'}\n        onChange={(e) => valueChanged(e.target.value)}\n        placeholder={label}\n        style={{color: inputColor}}\n        {...inputProps}\n      />\n\n      {iconSrc &&\n        <div className={'uil-icon'}>\n          <SVG src={iconSrc} width={24} height={24} color={iconColor}/>\n        </div>\n      }\n\n      <span className={'uil-label'} style={{color: inputColor}}>{label}</span>\n    </label>\n  );\n}","import React, {useState} from 'react';\nimport {BaseInput, IBaseInput} from \"./baseInput\";\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\ninterface ITextInput extends IBaseInput {\n  tooltipIcon?: string;\n  tooltipText?: string;\n  tooltipClose?: string\n}\n\nexport function TextInput(props: ITextInput) {\n  const {\n    tooltipIcon,\n    tooltipText,\n    tooltipClose,\n    ...inputProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useState(false);\n\n  function closeTooltip() {\n    setTooltipVisible(false);\n  }\n\n  return (\n    <>\n      {tooltipIcon ?\n        <div className={'uil-tooltip-wrapper'}>\n          {tooltipVisible &&\n            <div className={'uil-tooltip'} onClick={closeTooltip}>\n              {tooltipClose &&\n                <button className={'uil-tooltip-button'} onClick={closeTooltip}>\n                  {tooltipClose}\n                </button>\n              }\n\n              <span>{tooltipText}</span>\n            </div>\n          }\n\n          <div className={'uil-tooltip-icon'} onClick={() => setTooltipVisible(!tooltipVisible)}>\n            <SVG src={tooltipIcon} height={16} width={16}/>\n          </div>\n\n          <BaseInput {...inputProps}/>\n        </div> :\n\n        <BaseInput {...inputProps}/>\n      }\n    </>\n  );\n}"],"names":["SVG","props","src","color","height","width","includes","Error","_jsx","jsx","className","style","fill","children","href","BaseInput","label","valueChanged","iconColor","iconSrc","inputColor","inputProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","onChange","e","target","value","placeholder","tooltipIcon","tooltipText","tooltipClose","_useState","useState","tooltipVisible","setTooltipVisible","closeTooltip","_Fragment","Fragment","jsxs","onClick","_extends"],"mappings":"yZAUM,SAAUA,EAAIC,GAClB,IACEC,EAIED,EAJFC,IACAC,EAGEF,EAHFE,MACAC,EAEEH,EAFFG,OACAC,EACEJ,EADFI,MAGF,IAAKH,EAAII,SAAS,QAChB,MAAU,IAAAC,MAAM,oCASlB,OACEC,EAAkBC,IAAA,MAAA,CAAA,eAAA,EAAMC,UAAW,UAAWC,MAPnB,CAC3BC,KAAMT,EACNC,OAAWA,EAAU,KACrBC,MAAUA,EAAK,MAI2CQ,SACxDL,aAAKM,KAAMZ,KAGjB,4ECpBgBa,EAAUd,GACxB,IACEe,EAMEf,EANFe,MACAC,EAKEhB,EALFgB,aACAC,EAIEjB,EAJFiB,UACAC,EAGElB,EAHFkB,QACAC,EAEEnB,EAFFmB,WACGC,EAAUC,EACXrB,EAAKsB,GAET,OACEC,OAAO,QAAA,CAAAd,UAAW,oBAAmBG,SAAA,CACnCL,iBACEE,UAAW,YACXe,SAAU,SAACC,GAAC,OAAKT,EAAaS,EAAEC,OAAOC,MAAM,EAC7CC,YAAab,EACbL,MAAO,CAACR,MAAOiB,IACXC,IAGLF,GACCX,MAAA,MAAA,CAAKE,UAAW,oBACdF,EAAAA,IAACR,GAAIE,IAAKiB,EAASd,MAAO,GAAID,OAAQ,GAAID,MAAOe,MAIrDV,EAAAC,IAAA,OAAA,CAAMC,UAAW,YAAaC,MAAO,CAACR,MAAOiB,GAAWP,SAAGG,MAGjE,oFC/BM,SAAoBf,GACxB,IACE6B,EAIE7B,EAJF6B,YACAC,EAGE9B,EAHF8B,YACAC,EAEE/B,EAFF+B,aACGX,EAAUC,EACXrB,EAAKsB,GAETU,EAA4CC,YAAS,GAA9CC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAExC,SAASI,IACPD,GAAkB,EACpB,CAEA,OACE5B,EAAAC,IAAA6B,EAAAC,SAAA,CAAA1B,SACGiB,EACCN,EAAAgB,KAAA,MAAA,CAAK9B,UAAW,sBAAqBG,SAAA,CAClCsB,GACCX,EAAKgB,KAAA,MAAA,CAAA9B,UAAW,cAAe+B,QAASJ,YACrCL,GACCxB,EAAAA,IAAQ,SAAA,CAAAE,UAAW,qBAAsB+B,QAASJ,EAC/CxB,SAAAmB,IAILxB,EAAAA,IAAO,OAAA,CAAAK,SAAAkB,OAIXvB,EAAAA,IAAK,MAAA,CAAAE,UAAW,mBAAoB+B,QAAS,WAAA,OAAML,GAAmBD,EAAe,EACnFtB,SAAAL,MAACR,EAAG,CAACE,IAAK4B,EAAa1B,OAAQ,GAAIC,MAAO,OAG5CG,MAACO,EAAS2B,EAAKrB,CAAAA,EAAAA,OAGjBb,EAAAC,IAACM,EAAS2B,EAAA,CAAA,EAAKrB,KAIvB"}
+{"version":3,"file":"index.js","sources":["../src/components/images/svgIcon.tsx","../src/components/input/baseInput.tsx","../src/components/input/customInput.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport './images.scss';\n\ninterface ISvgIcon {\n  src    : string;\n  color? : string;\n  height?: number;\n  width? : number;\n}\n\nexport function SVG(props: ISvgIcon) {\n  const {\n    src,\n    color,\n    height,\n    width\n  } = props;\n\n  if (!src.includes('.svg')) {\n    throw new Error('Provided src is not an svg image')\n  }\n\n  const style: CSSProperties = {\n    fill: color,\n    height: `${height}px`,\n    width: `${width}px`\n  }\n\n  return (\n    <svg aria-hidden={true} className={'uil-svg'} style={style}>\n      <use href={src}/>\n    </svg>\n  );\n}","import React, {ComponentPropsWithoutRef} from 'react';\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\nexport interface IBaseInput extends ComponentPropsWithoutRef<'input'> {\n  label       : string;\n  value       : string;\n  valueChanged: (value: string) => void;\n  iconColor?  : string;\n  iconSrc?    : string;\n  inputColor? : string;\n  toggle?     : () => void;\n}\n\nexport function BaseInput(props: IBaseInput) {\n  const {\n    label,\n    valueChanged,\n    iconColor,\n    iconSrc,\n    inputColor,\n    toggle,\n    ...inputProps\n  } = props;\n\n  return (\n    <label className={'uil-input-wrapper'}>\n      <input\n        className={'uil-input'}\n        onChange={(e) => valueChanged(e.target.value)}\n        placeholder={label}\n        style={{color: inputColor}}\n        {...inputProps}\n      />\n\n      {iconSrc &&\n        <div className={'uil-icon'} onClick={toggle}>\n          <SVG src={iconSrc} width={24} height={24} color={iconColor}/>\n        </div>\n      }\n\n      <span className={'uil-label'} style={{color: inputColor}}>{label}</span>\n    </label>\n  );\n}","import React, {useState} from 'react';\nimport {BaseInput, IBaseInput} from './baseInput';\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\ninterface ICustomInput extends IBaseInput {\n  tooltipIcon? : string;\n  tooltipText? : string;\n  tooltipClose?: string\n}\n\nexport function CustomInput(props: ICustomInput) {\n  const {\n    tooltipIcon,\n    tooltipText,\n    tooltipClose,\n    ...inputProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useState(false);\n\n  function closeTooltip() {\n    setTooltipVisible(false);\n  }\n\n  return (\n    <>\n      {tooltipIcon ?\n        <div className={'uil-tooltip-wrapper'}>\n          {tooltipVisible &&\n            <div className={'uil-tooltip'} onClick={closeTooltip}>\n              {tooltipClose &&\n                <button className={'uil-tooltip-button'} onClick={closeTooltip}>\n                  {tooltipClose}\n                </button>\n              }\n\n              <span>{tooltipText}</span>\n            </div>\n          }\n\n          <div className={'uil-tooltip-icon'} onClick={() => setTooltipVisible(!tooltipVisible)}>\n            <SVG src={tooltipIcon} height={16} width={16}/>\n          </div>\n\n          <BaseInput {...inputProps}/>\n        </div> :\n\n        <BaseInput {...inputProps}/>\n      }\n    </>\n  );\n}"],"names":["SVG","props","src","color","height","width","includes","Error","_jsx","jsx","className","style","fill","children","href","BaseInput","label","valueChanged","iconColor","iconSrc","inputColor","toggle","inputProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","onChange","e","target","value","placeholder","onClick","tooltipIcon","tooltipText","tooltipClose","_useState","useState","tooltipVisible","setTooltipVisible","closeTooltip","_Fragment","Fragment","jsxs","_extends"],"mappings":"yZAUM,SAAUA,EAAIC,GAClB,IACEC,EAIED,EAJFC,IACAC,EAGEF,EAHFE,MACAC,EAEEH,EAFFG,OACAC,EACEJ,EADFI,MAGF,IAAKH,EAAII,SAAS,QAChB,MAAU,IAAAC,MAAM,oCASlB,OACEC,EAAkBC,IAAA,MAAA,CAAA,eAAA,EAAMC,UAAW,UAAWC,MAPnB,CAC3BC,KAAMT,EACNC,OAAWA,EAAU,KACrBC,MAAUA,EAAK,MAI2CQ,SACxDL,aAAKM,KAAMZ,KAGjB,4ECnBgB,SAAAa,EAAUd,GACxB,IACEe,EAOEf,EAPFe,MACAC,EAMEhB,EANFgB,aACAC,EAKEjB,EALFiB,UACAC,EAIElB,EAJFkB,QACAC,EAGEnB,EAHFmB,WACAC,EAEEpB,EAFFoB,OACGC,EAAUC,EACXtB,EAAKuB,GAET,OACEC,EAAAA,KAAO,QAAA,CAAAf,UAAW,oBAAmBG,SAAA,CACnCL,iBACEE,UAAW,YACXgB,SAAU,SAACC,GAAC,OAAKV,EAAaU,EAAEC,OAAOC,MAAM,EAC7CC,YAAad,EACbL,MAAO,CAACR,MAAOiB,IACXE,IAGLH,GACCX,MAAK,MAAA,CAAAE,UAAW,WAAYqB,QAASV,WACnCb,EAAAA,IAACR,GAAIE,IAAKiB,EAASd,MAAO,GAAID,OAAQ,GAAID,MAAOe,MAIrDV,EAAAA,YAAME,UAAW,YAAaC,MAAO,CAACR,MAAOiB,YAAcJ,MAGjE,wECjCM,SAAsBf,GAC1B,IACE+B,EAIE/B,EAJF+B,YACAC,EAGEhC,EAHFgC,YACAC,EAEEjC,EAFFiC,aACGZ,EAAUC,EACXtB,EAAKuB,GAETW,EAA4CC,YAAS,GAA9CC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAExC,SAASI,IACPD,GAAkB,EACpB,CAEA,OACE9B,EAAAC,IAAA+B,EAAAC,SAAA,CAAA5B,SACGmB,EACCP,EAAAiB,KAAA,MAAA,CAAKhC,UAAW,sBAAqBG,SAAA,CAClCwB,GACCZ,EAAKiB,KAAA,MAAA,CAAAhC,UAAW,cAAeqB,QAASQ,YACrCL,GACC1B,EAAAA,IAAQ,SAAA,CAAAE,UAAW,qBAAsBqB,QAASQ,EAC/C1B,SAAAqB,IAIL1B,EAAAA,IAAO,OAAA,CAAAK,SAAAoB,OAIXzB,EAAAA,IAAK,MAAA,CAAAE,UAAW,mBAAoBqB,QAAS,WAAA,OAAMO,GAAmBD,EAAe,EACnFxB,SAAAL,MAACR,EAAG,CAACE,IAAK8B,EAAa5B,OAAQ,GAAIC,MAAO,OAG5CG,MAACO,EAAS4B,EAAKrB,CAAAA,EAAAA,OAGjBd,EAAAC,IAACM,EAAS4B,EAAA,CAAA,EAAKrB,KAIvB"}

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as l,Fragment as n}from"react/jsx-runtime";import{useState as r}from"react";function o(){return o=Object.assign?Object.assign.bind():function(i){for(var l=1;l<arguments.length;l++){var n=arguments[l];for(var r in n)({}).hasOwnProperty.call(n,r)&&(i[r]=n[r])}return i},o.apply(null,arguments)}function t(i,l){if(null==i)return{};var n={};for(var r in i)if({}.hasOwnProperty.call(i,r)){if(l.indexOf(r)>=0)continue;n[r]=i[r]}return n}function e(l){var n=l.src,r=l.color,o=l.height,t=l.width;if(!n.includes(".svg"))throw new Error("Provided src is not an svg image");return i("svg",{"aria-hidden":!0,className:"uil-svg",style:{fill:r,height:o+"px",width:t+"px"},children:i("use",{href:n})})}var c=["label","valueChanged","iconColor","iconSrc","inputColor"];function a(n){var r=n.label,a=n.valueChanged,s=n.iconColor,u=n.iconSrc,h=n.inputColor,p=t(n,c);return l("label",{className:"uil-input-wrapper",children:[i("input",o({className:"uil-input",onChange:function(i){return a(i.target.value)},placeholder:r,style:{color:h}},p)),u&&i("div",{className:"uil-icon",children:i(e,{src:u,width:24,height:24,color:s})}),i("span",{className:"uil-label",style:{color:h},children:r})]})}var s=["tooltipIcon","tooltipText","tooltipClose"];function u(c){var u=c.tooltipIcon,h=c.tooltipText,p=c.tooltipClose,d=t(c,s),v=r(!1),f=v[0],g=v[1];function m(){g(!1)}return i(n,{children:u?l("div",{className:"uil-tooltip-wrapper",children:[f&&l("div",{className:"uil-tooltip",onClick:m,children:[p&&i("button",{className:"uil-tooltip-button",onClick:m,children:p}),i("span",{children:h})]}),i("div",{className:"uil-tooltip-icon",onClick:function(){return g(!f)},children:i(e,{src:u,height:16,width:16})}),i(a,o({},d))]}):i(a,o({},d))})}export{e as SVG,u as TextInput};
+import{jsx as i,jsxs as l,Fragment as n}from"react/jsx-runtime";import{useState as o}from"react";function r(){return r=Object.assign?Object.assign.bind():function(i){for(var l=1;l<arguments.length;l++){var n=arguments[l];for(var o in n)({}).hasOwnProperty.call(n,o)&&(i[o]=n[o])}return i},r.apply(null,arguments)}function t(i,l){if(null==i)return{};var n={};for(var o in i)if({}.hasOwnProperty.call(i,o)){if(l.indexOf(o)>=0)continue;n[o]=i[o]}return n}function e(l){var n=l.src,o=l.color,r=l.height,t=l.width;if(!n.includes(".svg"))throw new Error("Provided src is not an svg image");return i("svg",{"aria-hidden":!0,className:"uil-svg",style:{fill:o,height:r+"px",width:t+"px"},children:i("use",{href:n})})}var c=["label","valueChanged","iconColor","iconSrc","inputColor","toggle"];function a(n){var o=n.label,a=n.valueChanged,s=n.iconColor,u=n.iconSrc,h=n.inputColor,p=n.toggle,d=t(n,c);return l("label",{className:"uil-input-wrapper",children:[i("input",r({className:"uil-input",onChange:function(i){return a(i.target.value)},placeholder:o,style:{color:h}},d)),u&&i("div",{className:"uil-icon",onClick:p,children:i(e,{src:u,width:24,height:24,color:s})}),i("span",{className:"uil-label",style:{color:h},children:o})]})}var s=["tooltipIcon","tooltipText","tooltipClose"];function u(c){var u=c.tooltipIcon,h=c.tooltipText,p=c.tooltipClose,d=t(c,s),v=o(!1),f=v[0],g=v[1];function m(){g(!1)}return i(n,{children:u?l("div",{className:"uil-tooltip-wrapper",children:[f&&l("div",{className:"uil-tooltip",onClick:m,children:[p&&i("button",{className:"uil-tooltip-button",onClick:m,children:p}),i("span",{children:h})]}),i("div",{className:"uil-tooltip-icon",onClick:function(){return g(!f)},children:i(e,{src:u,height:16,width:16})}),i(a,r({},d))]}):i(a,r({},d))})}export{u as CustomInput,e as SVG};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/components/images/svgIcon.tsx","../src/components/input/baseInput.tsx","../src/components/input/textInput.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport './images.scss';\n\ninterface ISvgIcon {\n  src: string;\n  color?: string;\n  height?: number;\n  width?: number;\n}\n\nexport function SVG(props: ISvgIcon) {\n  const {\n    src,\n    color,\n    height,\n    width\n  } = props;\n\n  if (!src.includes('.svg')) {\n    throw new Error('Provided src is not an svg image')\n  }\n\n  const style: CSSProperties = {\n    fill: color,\n    height: `${height}px`,\n    width: `${width}px`\n  }\n\n  return (\n    <svg aria-hidden={true} className={'uil-svg'} style={style}>\n      <use href={src}/>\n    </svg>\n  );\n}","import React, {ComponentPropsWithoutRef} from \"react\";\nimport {SVG} from \"../images/svgIcon\";\nimport './input.scss';\n\nexport interface IBaseInput extends ComponentPropsWithoutRef<'input'> {\n  label       : string;\n  value       : string;\n  valueChanged: (value: string) => void;\n  iconColor?  : string;\n  iconSrc?    : string;\n  inputColor? : string;\n}\n\nexport function BaseInput(props: IBaseInput) {\n  const {\n    label,\n    valueChanged,\n    iconColor,\n    iconSrc,\n    inputColor,\n    ...inputProps\n  } = props;\n\n  return (\n    <label className={'uil-input-wrapper'}>\n      <input\n        className={'uil-input'}\n        onChange={(e) => valueChanged(e.target.value)}\n        placeholder={label}\n        style={{color: inputColor}}\n        {...inputProps}\n      />\n\n      {iconSrc &&\n        <div className={'uil-icon'}>\n          <SVG src={iconSrc} width={24} height={24} color={iconColor}/>\n        </div>\n      }\n\n      <span className={'uil-label'} style={{color: inputColor}}>{label}</span>\n    </label>\n  );\n}","import React, {useState} from 'react';\nimport {BaseInput, IBaseInput} from \"./baseInput\";\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\ninterface ITextInput extends IBaseInput {\n  tooltipIcon?: string;\n  tooltipText?: string;\n  tooltipClose?: string\n}\n\nexport function TextInput(props: ITextInput) {\n  const {\n    tooltipIcon,\n    tooltipText,\n    tooltipClose,\n    ...inputProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useState(false);\n\n  function closeTooltip() {\n    setTooltipVisible(false);\n  }\n\n  return (\n    <>\n      {tooltipIcon ?\n        <div className={'uil-tooltip-wrapper'}>\n          {tooltipVisible &&\n            <div className={'uil-tooltip'} onClick={closeTooltip}>\n              {tooltipClose &&\n                <button className={'uil-tooltip-button'} onClick={closeTooltip}>\n                  {tooltipClose}\n                </button>\n              }\n\n              <span>{tooltipText}</span>\n            </div>\n          }\n\n          <div className={'uil-tooltip-icon'} onClick={() => setTooltipVisible(!tooltipVisible)}>\n            <SVG src={tooltipIcon} height={16} width={16}/>\n          </div>\n\n          <BaseInput {...inputProps}/>\n        </div> :\n\n        <BaseInput {...inputProps}/>\n      }\n    </>\n  );\n}"],"names":["SVG","props","src","color","height","width","includes","Error","_jsx","className","style","fill","children","href","BaseInput","label","valueChanged","iconColor","iconSrc","inputColor","inputProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","onChange","e","target","value","placeholder","TextInput","tooltipIcon","tooltipText","tooltipClose","_useState","useState","tooltipVisible","setTooltipVisible","closeTooltip","_Fragment","onClick","_extends"],"mappings":"ocAUM,SAAUA,EAAIC,GAClB,IACEC,EAIED,EAJFC,IACAC,EAGEF,EAHFE,MACAC,EAEEH,EAFFG,OACAC,EACEJ,EADFI,MAGF,IAAKH,EAAII,SAAS,QAChB,MAAU,IAAAC,MAAM,oCASlB,OACEC,EAAkB,MAAA,CAAA,eAAA,EAAMC,UAAW,UAAWC,MAPnB,CAC3BC,KAAMR,EACNC,OAAWA,EAAU,KACrBC,MAAUA,EAAK,MAI2CO,SACxDJ,SAAKK,KAAMX,KAGjB,4ECpBgBY,EAAUb,GACxB,IACEc,EAMEd,EANFc,MACAC,EAKEf,EALFe,aACAC,EAIEhB,EAJFgB,UACAC,EAGEjB,EAHFiB,QACAC,EAEElB,EAFFkB,WACGC,EAAUC,EACXpB,EAAKqB,GAET,OACEC,EAAO,QAAA,CAAAd,UAAW,oBAAmBG,SAAA,CACnCJ,aACEC,UAAW,YACXe,SAAU,SAACC,GAAC,OAAKT,EAAaS,EAAEC,OAAOC,MAAM,EAC7CC,YAAab,EACbL,MAAO,CAACP,MAAOgB,IACXC,IAGLF,GACCV,EAAA,MAAA,CAAKC,UAAW,oBACdD,EAACR,GAAIE,IAAKgB,EAASb,MAAO,GAAID,OAAQ,GAAID,MAAOc,MAIrDT,EAAA,OAAA,CAAMC,UAAW,YAAaC,MAAO,CAACP,MAAOgB,GAAWP,SAAGG,MAGjE,oDC/BM,SAAUc,EAAU5B,GACxB,IACE6B,EAIE7B,EAJF6B,YACAC,EAGE9B,EAHF8B,YACAC,EAEE/B,EAFF+B,aACGZ,EAAUC,EACXpB,EAAKqB,GAETW,EAA4CC,GAAS,GAA9CC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAExC,SAASI,IACPD,GAAkB,EACpB,CAEA,OACE5B,EAAA8B,EAAA,CAAA1B,SACGkB,EACCP,EAAA,MAAA,CAAKd,UAAW,sBAAqBG,SAAA,CAClCuB,GACCZ,EAAK,MAAA,CAAAd,UAAW,cAAe8B,QAASF,YACrCL,GACCxB,EAAQ,SAAA,CAAAC,UAAW,qBAAsB8B,QAASF,EAC/CzB,SAAAoB,IAILxB,EAAO,OAAA,CAAAI,SAAAmB,OAIXvB,EAAK,MAAA,CAAAC,UAAW,mBAAoB8B,QAAS,WAAA,OAAMH,GAAmBD,EAAe,EACnFvB,SAAAJ,EAACR,EAAG,CAACE,IAAK4B,EAAa1B,OAAQ,GAAIC,MAAO,OAG5CG,EAACM,EAAS0B,EAAKpB,CAAAA,EAAAA,OAGjBZ,EAACM,EAAS0B,EAAA,CAAA,EAAKpB,KAIvB"}
+{"version":3,"file":"index.mjs","sources":["../src/components/images/svgIcon.tsx","../src/components/input/baseInput.tsx","../src/components/input/customInput.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport './images.scss';\n\ninterface ISvgIcon {\n  src    : string;\n  color? : string;\n  height?: number;\n  width? : number;\n}\n\nexport function SVG(props: ISvgIcon) {\n  const {\n    src,\n    color,\n    height,\n    width\n  } = props;\n\n  if (!src.includes('.svg')) {\n    throw new Error('Provided src is not an svg image')\n  }\n\n  const style: CSSProperties = {\n    fill: color,\n    height: `${height}px`,\n    width: `${width}px`\n  }\n\n  return (\n    <svg aria-hidden={true} className={'uil-svg'} style={style}>\n      <use href={src}/>\n    </svg>\n  );\n}","import React, {ComponentPropsWithoutRef} from 'react';\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\nexport interface IBaseInput extends ComponentPropsWithoutRef<'input'> {\n  label       : string;\n  value       : string;\n  valueChanged: (value: string) => void;\n  iconColor?  : string;\n  iconSrc?    : string;\n  inputColor? : string;\n  toggle?     : () => void;\n}\n\nexport function BaseInput(props: IBaseInput) {\n  const {\n    label,\n    valueChanged,\n    iconColor,\n    iconSrc,\n    inputColor,\n    toggle,\n    ...inputProps\n  } = props;\n\n  return (\n    <label className={'uil-input-wrapper'}>\n      <input\n        className={'uil-input'}\n        onChange={(e) => valueChanged(e.target.value)}\n        placeholder={label}\n        style={{color: inputColor}}\n        {...inputProps}\n      />\n\n      {iconSrc &&\n        <div className={'uil-icon'} onClick={toggle}>\n          <SVG src={iconSrc} width={24} height={24} color={iconColor}/>\n        </div>\n      }\n\n      <span className={'uil-label'} style={{color: inputColor}}>{label}</span>\n    </label>\n  );\n}","import React, {useState} from 'react';\nimport {BaseInput, IBaseInput} from './baseInput';\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\ninterface ICustomInput extends IBaseInput {\n  tooltipIcon? : string;\n  tooltipText? : string;\n  tooltipClose?: string\n}\n\nexport function CustomInput(props: ICustomInput) {\n  const {\n    tooltipIcon,\n    tooltipText,\n    tooltipClose,\n    ...inputProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useState(false);\n\n  function closeTooltip() {\n    setTooltipVisible(false);\n  }\n\n  return (\n    <>\n      {tooltipIcon ?\n        <div className={'uil-tooltip-wrapper'}>\n          {tooltipVisible &&\n            <div className={'uil-tooltip'} onClick={closeTooltip}>\n              {tooltipClose &&\n                <button className={'uil-tooltip-button'} onClick={closeTooltip}>\n                  {tooltipClose}\n                </button>\n              }\n\n              <span>{tooltipText}</span>\n            </div>\n          }\n\n          <div className={'uil-tooltip-icon'} onClick={() => setTooltipVisible(!tooltipVisible)}>\n            <SVG src={tooltipIcon} height={16} width={16}/>\n          </div>\n\n          <BaseInput {...inputProps}/>\n        </div> :\n\n        <BaseInput {...inputProps}/>\n      }\n    </>\n  );\n}"],"names":["SVG","props","src","color","height","width","includes","Error","_jsx","className","style","fill","children","href","BaseInput","label","valueChanged","iconColor","iconSrc","inputColor","toggle","inputProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","onChange","e","target","value","placeholder","onClick","CustomInput","tooltipIcon","tooltipText","tooltipClose","_useState","useState","tooltipVisible","setTooltipVisible","closeTooltip","_Fragment","_extends"],"mappings":"ocAUM,SAAUA,EAAIC,GAClB,IACEC,EAIED,EAJFC,IACAC,EAGEF,EAHFE,MACAC,EAEEH,EAFFG,OACAC,EACEJ,EADFI,MAGF,IAAKH,EAAII,SAAS,QAChB,MAAU,IAAAC,MAAM,oCASlB,OACEC,EAAkB,MAAA,CAAA,eAAA,EAAMC,UAAW,UAAWC,MAPnB,CAC3BC,KAAMR,EACNC,OAAWA,EAAU,KACrBC,MAAUA,EAAK,MAI2CO,SACxDJ,SAAKK,KAAMX,KAGjB,4ECnBgB,SAAAY,EAAUb,GACxB,IACEc,EAOEd,EAPFc,MACAC,EAMEf,EANFe,aACAC,EAKEhB,EALFgB,UACAC,EAIEjB,EAJFiB,QACAC,EAGElB,EAHFkB,WACAC,EAEEnB,EAFFmB,OACGC,EAAUC,EACXrB,EAAKsB,GAET,OACEC,EAAO,QAAA,CAAAf,UAAW,oBAAmBG,SAAA,CACnCJ,aACEC,UAAW,YACXgB,SAAU,SAACC,GAAC,OAAKV,EAAaU,EAAEC,OAAOC,MAAM,EAC7CC,YAAad,EACbL,MAAO,CAACP,MAAOgB,IACXE,IAGLH,GACCV,EAAK,MAAA,CAAAC,UAAW,WAAYqB,QAASV,WACnCZ,EAACR,GAAIE,IAAKgB,EAASb,MAAO,GAAID,OAAQ,GAAID,MAAOc,MAIrDT,UAAMC,UAAW,YAAaC,MAAO,CAACP,MAAOgB,YAAcJ,MAGjE,oDCjCM,SAAUgB,EAAY9B,GAC1B,IACE+B,EAIE/B,EAJF+B,YACAC,EAGEhC,EAHFgC,YACAC,EAEEjC,EAFFiC,aACGb,EAAUC,EACXrB,EAAKsB,GAETY,EAA4CC,GAAS,GAA9CC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAExC,SAASI,IACPD,GAAkB,EACpB,CAEA,OACE9B,EAAAgC,EAAA,CAAA5B,SACGoB,EACCR,EAAA,MAAA,CAAKf,UAAW,sBAAqBG,SAAA,CAClCyB,GACCb,EAAK,MAAA,CAAAf,UAAW,cAAeqB,QAASS,YACrCL,GACC1B,EAAQ,SAAA,CAAAC,UAAW,qBAAsBqB,QAASS,EAC/C3B,SAAAsB,IAIL1B,EAAO,OAAA,CAAAI,SAAAqB,OAIXzB,EAAK,MAAA,CAAAC,UAAW,mBAAoBqB,QAAS,WAAA,OAAMQ,GAAmBD,EAAe,EACnFzB,SAAAJ,EAACR,EAAG,CAACE,IAAK8B,EAAa5B,OAAQ,GAAIC,MAAO,OAG5CG,EAACM,EAAS2B,EAAKpB,CAAAA,EAAAA,OAGjBb,EAACM,EAAS2B,EAAA,CAAA,EAAKpB,KAIvB"}

package/dist/index.modern.mjs

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as l,Fragment as o}from"react/jsx-runtime";import{useState as n}from"react";function t(){return t=Object.assign?Object.assign.bind():function(i){for(var l=1;l<arguments.length;l++){var o=arguments[l];for(var n in o)({}).hasOwnProperty.call(o,n)&&(i[n]=o[n])}return i},t.apply(null,arguments)}function r(i,l){if(null==i)return{};var o={};for(var n in i)if({}.hasOwnProperty.call(i,n)){if(l.indexOf(n)>=0)continue;o[n]=i[n]}return o}function e(l){const{src:o,color:n,height:t,width:r}=l;if(!o.includes(".svg"))throw new Error("Provided src is not an svg image");return i("svg",{"aria-hidden":!0,className:"uil-svg",style:{fill:n,height:`${t}px`,width:`${r}px`},children:i("use",{href:o})})}const c=["label","valueChanged","iconColor","iconSrc","inputColor"];function a(o){const{label:n,valueChanged:a,iconColor:s,iconSrc:u,inputColor:h}=o,p=r(o,c);return l("label",{className:"uil-input-wrapper",children:[i("input",t({className:"uil-input",onChange:i=>a(i.target.value),placeholder:n,style:{color:h}},p)),u&&i("div",{className:"uil-icon",children:i(e,{src:u,width:24,height:24,color:s})}),i("span",{className:"uil-label",style:{color:h},children:n})]})}const s=["tooltipIcon","tooltipText","tooltipClose"];function u(c){const{tooltipIcon:u,tooltipText:h,tooltipClose:p}=c,d=r(c,s),[f,v]=n(!1);function g(){v(!1)}return i(o,{children:u?l("div",{className:"uil-tooltip-wrapper",children:[f&&l("div",{className:"uil-tooltip",onClick:g,children:[p&&i("button",{className:"uil-tooltip-button",onClick:g,children:p}),i("span",{children:h})]}),i("div",{className:"uil-tooltip-icon",onClick:()=>v(!f),children:i(e,{src:u,height:16,width:16})}),i(a,t({},d))]}):i(a,t({},d))})}export{e as SVG,u as TextInput};
+import{jsx as i,jsxs as l,Fragment as o}from"react/jsx-runtime";import{useState as n}from"react";function t(){return t=Object.assign?Object.assign.bind():function(i){for(var l=1;l<arguments.length;l++){var o=arguments[l];for(var n in o)({}).hasOwnProperty.call(o,n)&&(i[n]=o[n])}return i},t.apply(null,arguments)}function e(i,l){if(null==i)return{};var o={};for(var n in i)if({}.hasOwnProperty.call(i,n)){if(l.indexOf(n)>=0)continue;o[n]=i[n]}return o}function r(l){const{src:o,color:n,height:t,width:e}=l;if(!o.includes(".svg"))throw new Error("Provided src is not an svg image");return i("svg",{"aria-hidden":!0,className:"uil-svg",style:{fill:n,height:`${t}px`,width:`${e}px`},children:i("use",{href:o})})}const c=["label","valueChanged","iconColor","iconSrc","inputColor","toggle"];function a(o){const{label:n,valueChanged:a,iconColor:s,iconSrc:u,inputColor:h,toggle:p}=o,d=e(o,c);return l("label",{className:"uil-input-wrapper",children:[i("input",t({className:"uil-input",onChange:i=>a(i.target.value),placeholder:n,style:{color:h}},d)),u&&i("div",{className:"uil-icon",onClick:p,children:i(r,{src:u,width:24,height:24,color:s})}),i("span",{className:"uil-label",style:{color:h},children:n})]})}const s=["tooltipIcon","tooltipText","tooltipClose"];function u(c){const{tooltipIcon:u,tooltipText:h,tooltipClose:p}=c,d=e(c,s),[g,f]=n(!1);function v(){f(!1)}return i(o,{children:u?l("div",{className:"uil-tooltip-wrapper",children:[g&&l("div",{className:"uil-tooltip",onClick:v,children:[p&&i("button",{className:"uil-tooltip-button",onClick:v,children:p}),i("span",{children:h})]}),i("div",{className:"uil-tooltip-icon",onClick:()=>f(!g),children:i(r,{src:u,height:16,width:16})}),i(a,t({},d))]}):i(a,t({},d))})}export{u as CustomInput,r as SVG};
 //# sourceMappingURL=index.modern.mjs.map

package/dist/index.modern.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.mjs","sources":["../src/components/images/svgIcon.tsx","../src/components/input/baseInput.tsx","../src/components/input/textInput.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport './images.scss';\n\ninterface ISvgIcon {\n  src: string;\n  color?: string;\n  height?: number;\n  width?: number;\n}\n\nexport function SVG(props: ISvgIcon) {\n  const {\n    src,\n    color,\n    height,\n    width\n  } = props;\n\n  if (!src.includes('.svg')) {\n    throw new Error('Provided src is not an svg image')\n  }\n\n  const style: CSSProperties = {\n    fill: color,\n    height: `${height}px`,\n    width: `${width}px`\n  }\n\n  return (\n    <svg aria-hidden={true} className={'uil-svg'} style={style}>\n      <use href={src}/>\n    </svg>\n  );\n}","import React, {ComponentPropsWithoutRef} from \"react\";\nimport {SVG} from \"../images/svgIcon\";\nimport './input.scss';\n\nexport interface IBaseInput extends ComponentPropsWithoutRef<'input'> {\n  label       : string;\n  value       : string;\n  valueChanged: (value: string) => void;\n  iconColor?  : string;\n  iconSrc?    : string;\n  inputColor? : string;\n}\n\nexport function BaseInput(props: IBaseInput) {\n  const {\n    label,\n    valueChanged,\n    iconColor,\n    iconSrc,\n    inputColor,\n    ...inputProps\n  } = props;\n\n  return (\n    <label className={'uil-input-wrapper'}>\n      <input\n        className={'uil-input'}\n        onChange={(e) => valueChanged(e.target.value)}\n        placeholder={label}\n        style={{color: inputColor}}\n        {...inputProps}\n      />\n\n      {iconSrc &&\n        <div className={'uil-icon'}>\n          <SVG src={iconSrc} width={24} height={24} color={iconColor}/>\n        </div>\n      }\n\n      <span className={'uil-label'} style={{color: inputColor}}>{label}</span>\n    </label>\n  );\n}","import React, {useState} from 'react';\nimport {BaseInput, IBaseInput} from \"./baseInput\";\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\ninterface ITextInput extends IBaseInput {\n  tooltipIcon?: string;\n  tooltipText?: string;\n  tooltipClose?: string\n}\n\nexport function TextInput(props: ITextInput) {\n  const {\n    tooltipIcon,\n    tooltipText,\n    tooltipClose,\n    ...inputProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useState(false);\n\n  function closeTooltip() {\n    setTooltipVisible(false);\n  }\n\n  return (\n    <>\n      {tooltipIcon ?\n        <div className={'uil-tooltip-wrapper'}>\n          {tooltipVisible &&\n            <div className={'uil-tooltip'} onClick={closeTooltip}>\n              {tooltipClose &&\n                <button className={'uil-tooltip-button'} onClick={closeTooltip}>\n                  {tooltipClose}\n                </button>\n              }\n\n              <span>{tooltipText}</span>\n            </div>\n          }\n\n          <div className={'uil-tooltip-icon'} onClick={() => setTooltipVisible(!tooltipVisible)}>\n            <SVG src={tooltipIcon} height={16} width={16}/>\n          </div>\n\n          <BaseInput {...inputProps}/>\n        </div> :\n\n        <BaseInput {...inputProps}/>\n      }\n    </>\n  );\n}"],"names":["SVG","props","src","color","height","width","includes","Error","_jsx","className","style","fill","children","href","BaseInput","label","valueChanged","iconColor","iconSrc","inputColor","inputProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","onChange","e","target","value","placeholder","TextInput","tooltipIcon","tooltipText","tooltipClose","tooltipVisible","setTooltipVisible","useState","closeTooltip","_Fragment","onClick","_extends"],"mappings":"6cAUgBA,EAAIC,GAClB,MAAMC,IACJA,EAAGC,MACHA,EAAKC,OACLA,EAAMC,MACNA,GACEJ,EAEJ,IAAKC,EAAII,SAAS,QAChB,MAAU,IAAAC,MAAM,oCASlB,OACEC,EAAkB,MAAA,CAAA,eAAA,EAAMC,UAAW,UAAWC,MAPnB,CAC3BC,KAAMR,EACNC,OAAQ,GAAGA,MACXC,MAAO,GAAGA,OAIgDO,SACxDJ,SAAKK,KAAMX,KAGjB,8ECpBgBY,EAAUb,GACxB,MAAMc,MACJA,EAAKC,aACLA,EAAYC,UACZA,EAASC,QACTA,EAAOC,WACPA,GAEElB,EADCmB,EAAUC,EACXpB,EAAKqB,GAET,OACEC,EAAO,QAAA,CAAAd,UAAW,oBAAmBG,SAAA,CACnCJ,YACEC,CAAAA,UAAW,YACXe,SAAWC,GAAMT,EAAaS,EAAEC,OAAOC,OACvCC,YAAab,EACbL,MAAO,CAACP,MAAOgB,IACXC,IAGLF,GACCV,EAAA,MAAA,CAAKC,UAAW,oBACdD,EAACR,GAAIE,IAAKgB,EAASb,MAAO,GAAID,OAAQ,GAAID,MAAOc,MAIrDT,EAAA,OAAA,CAAMC,UAAW,YAAaC,MAAO,CAACP,MAAOgB,GAAWP,SAAGG,MAGjE,sDC/BgB,SAAAc,EAAU5B,GACxB,MAAM6B,YACJA,EAAWC,YACXA,EAAWC,aACXA,GAEE/B,EADCmB,EAAUC,EACXpB,EAAKqB,IAEFW,EAAgBC,GAAqBC,GAAS,GAErD,SAASC,IACPF,GAAkB,EACpB,CAEA,OACE1B,EAAA6B,EAAA,CAAAzB,SACGkB,EACCP,EAAA,MAAA,CAAKd,UAAW,sBAAqBG,SAAA,CAClCqB,GACCV,EAAK,MAAA,CAAAd,UAAW,cAAe6B,QAASF,YACrCJ,GACCxB,EAAQ,SAAA,CAAAC,UAAW,qBAAsB6B,QAASF,EAC/CxB,SAAAoB,IAILxB,EAAO,OAAA,CAAAI,SAAAmB,OAIXvB,EAAK,MAAA,CAAAC,UAAW,mBAAoB6B,QAASA,IAAMJ,GAAmBD,GACpErB,SAAAJ,EAACR,EAAG,CAACE,IAAK4B,EAAa1B,OAAQ,GAAIC,MAAO,OAG5CG,EAACM,EAASyB,EAAA,GAAKnB,OAGjBZ,EAACM,EAASyB,EAAA,CAAA,EAAKnB,KAIvB"}
+{"version":3,"file":"index.modern.mjs","sources":["../src/components/images/svgIcon.tsx","../src/components/input/baseInput.tsx","../src/components/input/customInput.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport './images.scss';\n\ninterface ISvgIcon {\n  src    : string;\n  color? : string;\n  height?: number;\n  width? : number;\n}\n\nexport function SVG(props: ISvgIcon) {\n  const {\n    src,\n    color,\n    height,\n    width\n  } = props;\n\n  if (!src.includes('.svg')) {\n    throw new Error('Provided src is not an svg image')\n  }\n\n  const style: CSSProperties = {\n    fill: color,\n    height: `${height}px`,\n    width: `${width}px`\n  }\n\n  return (\n    <svg aria-hidden={true} className={'uil-svg'} style={style}>\n      <use href={src}/>\n    </svg>\n  );\n}","import React, {ComponentPropsWithoutRef} from 'react';\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\nexport interface IBaseInput extends ComponentPropsWithoutRef<'input'> {\n  label       : string;\n  value       : string;\n  valueChanged: (value: string) => void;\n  iconColor?  : string;\n  iconSrc?    : string;\n  inputColor? : string;\n  toggle?     : () => void;\n}\n\nexport function BaseInput(props: IBaseInput) {\n  const {\n    label,\n    valueChanged,\n    iconColor,\n    iconSrc,\n    inputColor,\n    toggle,\n    ...inputProps\n  } = props;\n\n  return (\n    <label className={'uil-input-wrapper'}>\n      <input\n        className={'uil-input'}\n        onChange={(e) => valueChanged(e.target.value)}\n        placeholder={label}\n        style={{color: inputColor}}\n        {...inputProps}\n      />\n\n      {iconSrc &&\n        <div className={'uil-icon'} onClick={toggle}>\n          <SVG src={iconSrc} width={24} height={24} color={iconColor}/>\n        </div>\n      }\n\n      <span className={'uil-label'} style={{color: inputColor}}>{label}</span>\n    </label>\n  );\n}","import React, {useState} from 'react';\nimport {BaseInput, IBaseInput} from './baseInput';\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\ninterface ICustomInput extends IBaseInput {\n  tooltipIcon? : string;\n  tooltipText? : string;\n  tooltipClose?: string\n}\n\nexport function CustomInput(props: ICustomInput) {\n  const {\n    tooltipIcon,\n    tooltipText,\n    tooltipClose,\n    ...inputProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useState(false);\n\n  function closeTooltip() {\n    setTooltipVisible(false);\n  }\n\n  return (\n    <>\n      {tooltipIcon ?\n        <div className={'uil-tooltip-wrapper'}>\n          {tooltipVisible &&\n            <div className={'uil-tooltip'} onClick={closeTooltip}>\n              {tooltipClose &&\n                <button className={'uil-tooltip-button'} onClick={closeTooltip}>\n                  {tooltipClose}\n                </button>\n              }\n\n              <span>{tooltipText}</span>\n            </div>\n          }\n\n          <div className={'uil-tooltip-icon'} onClick={() => setTooltipVisible(!tooltipVisible)}>\n            <SVG src={tooltipIcon} height={16} width={16}/>\n          </div>\n\n          <BaseInput {...inputProps}/>\n        </div> :\n\n        <BaseInput {...inputProps}/>\n      }\n    </>\n  );\n}"],"names":["SVG","props","src","color","height","width","includes","Error","_jsx","className","style","fill","children","href","BaseInput","label","valueChanged","iconColor","iconSrc","inputColor","toggle","inputProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","onChange","e","target","value","placeholder","onClick","CustomInput","tooltipIcon","tooltipText","tooltipClose","tooltipVisible","setTooltipVisible","useState","closeTooltip","_Fragment","_extends"],"mappings":"6cAUgBA,EAAIC,GAClB,MAAMC,IACJA,EAAGC,MACHA,EAAKC,OACLA,EAAMC,MACNA,GACEJ,EAEJ,IAAKC,EAAII,SAAS,QAChB,MAAU,IAAAC,MAAM,oCASlB,OACEC,EAAkB,MAAA,CAAA,eAAA,EAAMC,UAAW,UAAWC,MAPnB,CAC3BC,KAAMR,EACNC,OAAQ,GAAGA,MACXC,MAAO,GAAGA,OAIgDO,SACxDJ,SAAKK,KAAMX,KAGjB,8ECnBM,SAAUY,EAAUb,GACxB,MAAMc,MACJA,EAAKC,aACLA,EAAYC,UACZA,EAASC,QACTA,EAAOC,WACPA,EAAUC,OACVA,GAEEnB,EADCoB,EAAUC,EACXrB,EAAKsB,GAET,OACEC,EAAO,QAAA,CAAAf,UAAW,oBAAmBG,SAAA,CACnCJ,aACEC,UAAW,YACXgB,SAAWC,GAAMV,EAAaU,EAAEC,OAAOC,OACvCC,YAAad,EACbL,MAAO,CAACP,MAAOgB,IACXE,IAGLH,GACCV,EAAK,MAAA,CAAAC,UAAW,WAAYqB,QAASV,WACnCZ,EAACR,GAAIE,IAAKgB,EAASb,MAAO,GAAID,OAAQ,GAAID,MAAOc,MAIrDT,UAAMC,UAAW,YAAaC,MAAO,CAACP,MAAOgB,YAAcJ,MAGjE,sDCjCgB,SAAAgB,EAAY9B,GAC1B,MAAM+B,YACJA,EAAWC,YACXA,EAAWC,aACXA,GAEEjC,EADCoB,EAAUC,EACXrB,EAAKsB,IAEFY,EAAgBC,GAAqBC,GAAS,GAErD,SAASC,IACPF,GAAkB,EACpB,CAEA,OACE5B,EAAA+B,EAAA,CAAA3B,SACGoB,EACCR,EAAA,MAAA,CAAKf,UAAW,sBAAqBG,SAAA,CAClCuB,GACCX,EAAK,MAAA,CAAAf,UAAW,cAAeqB,QAASQ,YACrCJ,GACC1B,EAAQ,SAAA,CAAAC,UAAW,qBAAsBqB,QAASQ,EAC/C1B,SAAAsB,IAIL1B,EAAO,OAAA,CAAAI,SAAAqB,OAIXzB,EAAK,MAAA,CAAAC,UAAW,mBAAoBqB,QAASA,IAAMM,GAAmBD,GACpEvB,SAAAJ,EAACR,EAAG,CAACE,IAAK8B,EAAa5B,OAAQ,GAAIC,MAAO,OAG5CG,EAACM,EAAS0B,EAAA,GAAKnB,OAGjBb,EAACM,EAAS0B,EAAA,CAAA,EAAKnB,KAIvB"}

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react"],i):i((e||self).uiLibrary={},e.jsxRuntime,e.react)}(this,function(e,i,n){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var n=arguments[i];for(var t in n)({}).hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},t.apply(null,arguments)}function r(e,i){if(null==e)return{};var n={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(i.indexOf(t)>=0)continue;n[t]=e[t]}return n}function l(e){var n=e.src,t=e.color,r=e.height,l=e.width;if(!n.includes(".svg"))throw new Error("Provided src is not an svg image");return i.jsx("svg",{"aria-hidden":!0,className:"uil-svg",style:{fill:t,height:r+"px",width:l+"px"},children:i.jsx("use",{href:n})})}var o=["label","valueChanged","iconColor","iconSrc","inputColor"];function s(e){var n=e.label,s=e.valueChanged,a=e.iconColor,c=e.iconSrc,u=e.inputColor,d=r(e,o);return i.jsxs("label",{className:"uil-input-wrapper",children:[i.jsx("input",t({className:"uil-input",onChange:function(e){return s(e.target.value)},placeholder:n,style:{color:u}},d)),c&&i.jsx("div",{className:"uil-icon",children:i.jsx(l,{src:c,width:24,height:24,color:a})}),i.jsx("span",{className:"uil-label",style:{color:u},children:n})]})}var a=["tooltipIcon","tooltipText","tooltipClose"];e.SVG=l,e.TextInput=function(e){var o=e.tooltipIcon,c=e.tooltipText,u=e.tooltipClose,d=r(e,a),p=n.useState(!1),h=p[0],f=p[1];function x(){f(!1)}return i.jsx(i.Fragment,{children:o?i.jsxs("div",{className:"uil-tooltip-wrapper",children:[h&&i.jsxs("div",{className:"uil-tooltip",onClick:x,children:[u&&i.jsx("button",{className:"uil-tooltip-button",onClick:x,children:u}),i.jsx("span",{children:c})]}),i.jsx("div",{className:"uil-tooltip-icon",onClick:function(){return f(!h)},children:i.jsx(l,{src:o,height:16,width:16})}),i.jsx(s,t({},d))]}):i.jsx(s,t({},d))})}});
+!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react"],i):i((e||self).uiLibrary={},e.jsxRuntime,e.react)}(this,function(e,i,n){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var n=arguments[i];for(var t in n)({}).hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},t.apply(null,arguments)}function o(e,i){if(null==e)return{};var n={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(i.indexOf(t)>=0)continue;n[t]=e[t]}return n}function l(e){var n=e.src,t=e.color,o=e.height,l=e.width;if(!n.includes(".svg"))throw new Error("Provided src is not an svg image");return i.jsx("svg",{"aria-hidden":!0,className:"uil-svg",style:{fill:t,height:o+"px",width:l+"px"},children:i.jsx("use",{href:n})})}var r=["label","valueChanged","iconColor","iconSrc","inputColor","toggle"];function s(e){var n=e.label,s=e.valueChanged,a=e.iconColor,c=e.iconSrc,u=e.inputColor,d=e.toggle,p=o(e,r);return i.jsxs("label",{className:"uil-input-wrapper",children:[i.jsx("input",t({className:"uil-input",onChange:function(e){return s(e.target.value)},placeholder:n,style:{color:u}},p)),c&&i.jsx("div",{className:"uil-icon",onClick:d,children:i.jsx(l,{src:c,width:24,height:24,color:a})}),i.jsx("span",{className:"uil-label",style:{color:u},children:n})]})}var a=["tooltipIcon","tooltipText","tooltipClose"];e.CustomInput=function(e){var r=e.tooltipIcon,c=e.tooltipText,u=e.tooltipClose,d=o(e,a),p=n.useState(!1),h=p[0],f=p[1];function x(){f(!1)}return i.jsx(i.Fragment,{children:r?i.jsxs("div",{className:"uil-tooltip-wrapper",children:[h&&i.jsxs("div",{className:"uil-tooltip",onClick:x,children:[u&&i.jsx("button",{className:"uil-tooltip-button",onClick:x,children:u}),i.jsx("span",{children:c})]}),i.jsx("div",{className:"uil-tooltip-icon",onClick:function(){return f(!h)},children:i.jsx(l,{src:r,height:16,width:16})}),i.jsx(s,t({},d))]}):i.jsx(s,t({},d))})},e.SVG=l});
 //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/components/images/svgIcon.tsx","../src/components/input/baseInput.tsx","../src/components/input/textInput.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport './images.scss';\n\ninterface ISvgIcon {\n  src: string;\n  color?: string;\n  height?: number;\n  width?: number;\n}\n\nexport function SVG(props: ISvgIcon) {\n  const {\n    src,\n    color,\n    height,\n    width\n  } = props;\n\n  if (!src.includes('.svg')) {\n    throw new Error('Provided src is not an svg image')\n  }\n\n  const style: CSSProperties = {\n    fill: color,\n    height: `${height}px`,\n    width: `${width}px`\n  }\n\n  return (\n    <svg aria-hidden={true} className={'uil-svg'} style={style}>\n      <use href={src}/>\n    </svg>\n  );\n}","import React, {ComponentPropsWithoutRef} from \"react\";\nimport {SVG} from \"../images/svgIcon\";\nimport './input.scss';\n\nexport interface IBaseInput extends ComponentPropsWithoutRef<'input'> {\n  label       : string;\n  value       : string;\n  valueChanged: (value: string) => void;\n  iconColor?  : string;\n  iconSrc?    : string;\n  inputColor? : string;\n}\n\nexport function BaseInput(props: IBaseInput) {\n  const {\n    label,\n    valueChanged,\n    iconColor,\n    iconSrc,\n    inputColor,\n    ...inputProps\n  } = props;\n\n  return (\n    <label className={'uil-input-wrapper'}>\n      <input\n        className={'uil-input'}\n        onChange={(e) => valueChanged(e.target.value)}\n        placeholder={label}\n        style={{color: inputColor}}\n        {...inputProps}\n      />\n\n      {iconSrc &&\n        <div className={'uil-icon'}>\n          <SVG src={iconSrc} width={24} height={24} color={iconColor}/>\n        </div>\n      }\n\n      <span className={'uil-label'} style={{color: inputColor}}>{label}</span>\n    </label>\n  );\n}","import React, {useState} from 'react';\nimport {BaseInput, IBaseInput} from \"./baseInput\";\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\ninterface ITextInput extends IBaseInput {\n  tooltipIcon?: string;\n  tooltipText?: string;\n  tooltipClose?: string\n}\n\nexport function TextInput(props: ITextInput) {\n  const {\n    tooltipIcon,\n    tooltipText,\n    tooltipClose,\n    ...inputProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useState(false);\n\n  function closeTooltip() {\n    setTooltipVisible(false);\n  }\n\n  return (\n    <>\n      {tooltipIcon ?\n        <div className={'uil-tooltip-wrapper'}>\n          {tooltipVisible &&\n            <div className={'uil-tooltip'} onClick={closeTooltip}>\n              {tooltipClose &&\n                <button className={'uil-tooltip-button'} onClick={closeTooltip}>\n                  {tooltipClose}\n                </button>\n              }\n\n              <span>{tooltipText}</span>\n            </div>\n          }\n\n          <div className={'uil-tooltip-icon'} onClick={() => setTooltipVisible(!tooltipVisible)}>\n            <SVG src={tooltipIcon} height={16} width={16}/>\n          </div>\n\n          <BaseInput {...inputProps}/>\n        </div> :\n\n        <BaseInput {...inputProps}/>\n      }\n    </>\n  );\n}"],"names":["SVG","props","src","color","height","width","includes","Error","_jsx","jsx","className","style","fill","children","href","BaseInput","label","valueChanged","iconColor","iconSrc","inputColor","inputProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","onChange","e","target","value","placeholder","tooltipIcon","tooltipText","tooltipClose","_useState","useState","tooltipVisible","setTooltipVisible","closeTooltip","_Fragment","Fragment","jsxs","onClick","_extends"],"mappings":"yqBAUM,SAAUA,EAAIC,GAClB,IACEC,EAIED,EAJFC,IACAC,EAGEF,EAHFE,MACAC,EAEEH,EAFFG,OACAC,EACEJ,EADFI,MAGF,IAAKH,EAAII,SAAS,QAChB,MAAU,IAAAC,MAAM,oCASlB,OACEC,EAAkBC,IAAA,MAAA,CAAA,eAAA,EAAMC,UAAW,UAAWC,MAPnB,CAC3BC,KAAMT,EACNC,OAAWA,EAAU,KACrBC,MAAUA,EAAK,MAI2CQ,SACxDL,aAAKM,KAAMZ,KAGjB,4ECpBgBa,EAAUd,GACxB,IACEe,EAMEf,EANFe,MACAC,EAKEhB,EALFgB,aACAC,EAIEjB,EAJFiB,UACAC,EAGElB,EAHFkB,QACAC,EAEEnB,EAFFmB,WACGC,EAAUC,EACXrB,EAAKsB,GAET,OACEC,OAAO,QAAA,CAAAd,UAAW,oBAAmBG,SAAA,CACnCL,iBACEE,UAAW,YACXe,SAAU,SAACC,GAAC,OAAKT,EAAaS,EAAEC,OAAOC,MAAM,EAC7CC,YAAab,EACbL,MAAO,CAACR,MAAOiB,IACXC,IAGLF,GACCX,MAAA,MAAA,CAAKE,UAAW,oBACdF,EAAAA,IAACR,GAAIE,IAAKiB,EAASd,MAAO,GAAID,OAAQ,GAAID,MAAOe,MAIrDV,EAAAC,IAAA,OAAA,CAAMC,UAAW,YAAaC,MAAO,CAACR,MAAOiB,GAAWP,SAAGG,MAGjE,wEC/BM,SAAoBf,GACxB,IACE6B,EAIE7B,EAJF6B,YACAC,EAGE9B,EAHF8B,YACAC,EAEE/B,EAFF+B,aACGX,EAAUC,EACXrB,EAAKsB,GAETU,EAA4CC,YAAS,GAA9CC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAExC,SAASI,IACPD,GAAkB,EACpB,CAEA,OACE5B,EAAAC,IAAA6B,EAAAC,SAAA,CAAA1B,SACGiB,EACCN,EAAAgB,KAAA,MAAA,CAAK9B,UAAW,sBAAqBG,SAAA,CAClCsB,GACCX,EAAKgB,KAAA,MAAA,CAAA9B,UAAW,cAAe+B,QAASJ,YACrCL,GACCxB,EAAAA,IAAQ,SAAA,CAAAE,UAAW,qBAAsB+B,QAASJ,EAC/CxB,SAAAmB,IAILxB,EAAAA,IAAO,OAAA,CAAAK,SAAAkB,OAIXvB,EAAAA,IAAK,MAAA,CAAAE,UAAW,mBAAoB+B,QAAS,WAAA,OAAML,GAAmBD,EAAe,EACnFtB,SAAAL,MAACR,EAAG,CAACE,IAAK4B,EAAa1B,OAAQ,GAAIC,MAAO,OAG5CG,MAACO,EAAS2B,EAAKrB,CAAAA,EAAAA,OAGjBb,EAAAC,IAACM,EAAS2B,EAAA,CAAA,EAAKrB,KAIvB"}
+{"version":3,"file":"index.umd.js","sources":["../src/components/images/svgIcon.tsx","../src/components/input/baseInput.tsx","../src/components/input/customInput.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport './images.scss';\n\ninterface ISvgIcon {\n  src    : string;\n  color? : string;\n  height?: number;\n  width? : number;\n}\n\nexport function SVG(props: ISvgIcon) {\n  const {\n    src,\n    color,\n    height,\n    width\n  } = props;\n\n  if (!src.includes('.svg')) {\n    throw new Error('Provided src is not an svg image')\n  }\n\n  const style: CSSProperties = {\n    fill: color,\n    height: `${height}px`,\n    width: `${width}px`\n  }\n\n  return (\n    <svg aria-hidden={true} className={'uil-svg'} style={style}>\n      <use href={src}/>\n    </svg>\n  );\n}","import React, {ComponentPropsWithoutRef} from 'react';\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\nexport interface IBaseInput extends ComponentPropsWithoutRef<'input'> {\n  label       : string;\n  value       : string;\n  valueChanged: (value: string) => void;\n  iconColor?  : string;\n  iconSrc?    : string;\n  inputColor? : string;\n  toggle?     : () => void;\n}\n\nexport function BaseInput(props: IBaseInput) {\n  const {\n    label,\n    valueChanged,\n    iconColor,\n    iconSrc,\n    inputColor,\n    toggle,\n    ...inputProps\n  } = props;\n\n  return (\n    <label className={'uil-input-wrapper'}>\n      <input\n        className={'uil-input'}\n        onChange={(e) => valueChanged(e.target.value)}\n        placeholder={label}\n        style={{color: inputColor}}\n        {...inputProps}\n      />\n\n      {iconSrc &&\n        <div className={'uil-icon'} onClick={toggle}>\n          <SVG src={iconSrc} width={24} height={24} color={iconColor}/>\n        </div>\n      }\n\n      <span className={'uil-label'} style={{color: inputColor}}>{label}</span>\n    </label>\n  );\n}","import React, {useState} from 'react';\nimport {BaseInput, IBaseInput} from './baseInput';\nimport {SVG} from '../images/svgIcon';\nimport './input.scss';\n\ninterface ICustomInput extends IBaseInput {\n  tooltipIcon? : string;\n  tooltipText? : string;\n  tooltipClose?: string\n}\n\nexport function CustomInput(props: ICustomInput) {\n  const {\n    tooltipIcon,\n    tooltipText,\n    tooltipClose,\n    ...inputProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useState(false);\n\n  function closeTooltip() {\n    setTooltipVisible(false);\n  }\n\n  return (\n    <>\n      {tooltipIcon ?\n        <div className={'uil-tooltip-wrapper'}>\n          {tooltipVisible &&\n            <div className={'uil-tooltip'} onClick={closeTooltip}>\n              {tooltipClose &&\n                <button className={'uil-tooltip-button'} onClick={closeTooltip}>\n                  {tooltipClose}\n                </button>\n              }\n\n              <span>{tooltipText}</span>\n            </div>\n          }\n\n          <div className={'uil-tooltip-icon'} onClick={() => setTooltipVisible(!tooltipVisible)}>\n            <SVG src={tooltipIcon} height={16} width={16}/>\n          </div>\n\n          <BaseInput {...inputProps}/>\n        </div> :\n\n        <BaseInput {...inputProps}/>\n      }\n    </>\n  );\n}"],"names":["SVG","props","src","color","height","width","includes","Error","_jsx","jsx","className","style","fill","children","href","BaseInput","label","valueChanged","iconColor","iconSrc","inputColor","toggle","inputProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","onChange","e","target","value","placeholder","onClick","tooltipIcon","tooltipText","tooltipClose","_useState","useState","tooltipVisible","setTooltipVisible","closeTooltip","_Fragment","Fragment","jsxs","_extends"],"mappings":"yqBAUM,SAAUA,EAAIC,GAClB,IACEC,EAIED,EAJFC,IACAC,EAGEF,EAHFE,MACAC,EAEEH,EAFFG,OACAC,EACEJ,EADFI,MAGF,IAAKH,EAAII,SAAS,QAChB,MAAU,IAAAC,MAAM,oCASlB,OACEC,EAAkBC,IAAA,MAAA,CAAA,eAAA,EAAMC,UAAW,UAAWC,MAPnB,CAC3BC,KAAMT,EACNC,OAAWA,EAAU,KACrBC,MAAUA,EAAK,MAI2CQ,SACxDL,aAAKM,KAAMZ,KAGjB,4ECnBgB,SAAAa,EAAUd,GACxB,IACEe,EAOEf,EAPFe,MACAC,EAMEhB,EANFgB,aACAC,EAKEjB,EALFiB,UACAC,EAIElB,EAJFkB,QACAC,EAGEnB,EAHFmB,WACAC,EAEEpB,EAFFoB,OACGC,EAAUC,EACXtB,EAAKuB,GAET,OACEC,EAAAA,KAAO,QAAA,CAAAf,UAAW,oBAAmBG,SAAA,CACnCL,iBACEE,UAAW,YACXgB,SAAU,SAACC,GAAC,OAAKV,EAAaU,EAAEC,OAAOC,MAAM,EAC7CC,YAAad,EACbL,MAAO,CAACR,MAAOiB,IACXE,IAGLH,GACCX,MAAK,MAAA,CAAAE,UAAW,WAAYqB,QAASV,WACnCb,EAAAA,IAACR,GAAIE,IAAKiB,EAASd,MAAO,GAAID,OAAQ,GAAID,MAAOe,MAIrDV,EAAAA,YAAME,UAAW,YAAaC,MAAO,CAACR,MAAOiB,YAAcJ,MAGjE,kECjCM,SAAsBf,GAC1B,IACE+B,EAIE/B,EAJF+B,YACAC,EAGEhC,EAHFgC,YACAC,EAEEjC,EAFFiC,aACGZ,EAAUC,EACXtB,EAAKuB,GAETW,EAA4CC,YAAS,GAA9CC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAExC,SAASI,IACPD,GAAkB,EACpB,CAEA,OACE9B,EAAAC,IAAA+B,EAAAC,SAAA,CAAA5B,SACGmB,EACCP,EAAAiB,KAAA,MAAA,CAAKhC,UAAW,sBAAqBG,SAAA,CAClCwB,GACCZ,EAAKiB,KAAA,MAAA,CAAAhC,UAAW,cAAeqB,QAASQ,YACrCL,GACC1B,EAAAA,IAAQ,SAAA,CAAAE,UAAW,qBAAsBqB,QAASQ,EAC/C1B,SAAAqB,IAIL1B,EAAAA,IAAO,OAAA,CAAAK,SAAAoB,OAIXzB,EAAAA,IAAK,MAAA,CAAAE,UAAW,mBAAoBqB,QAAS,WAAA,OAAMO,GAAmBD,EAAe,EACnFxB,SAAAL,MAACR,EAAG,CAACE,IAAK8B,EAAa5B,OAAQ,GAAIC,MAAO,OAG5CG,MAACO,EAAS4B,EAAKrB,CAAAA,EAAAA,OAGjBd,EAAAC,IAACM,EAAS4B,EAAA,CAAA,EAAKrB,KAIvB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@hbuesing/ui-library",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Collection of reusable ui components for react based applications",
   "keywords": [
     "react",

package/dist/components/input/textInput.d.ts

@@ -1,9 +0,0 @@
-import { IBaseInput } from "./baseInput";
-import './input.scss';
-interface ITextInput extends IBaseInput {
-    tooltipIcon?: string;
-    tooltipText?: string;
-    tooltipClose?: string;
-}
-export declare function TextInput(props: ITextInput): import("react/jsx-runtime").JSX.Element;
-export {};