@toptal/picasso-input-adornment 1.0.8 → 2.0.1

package/dist-package/src/InputAdornment/InputAdornment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputAdornment.d.ts","sourceRoot":"","sources":["../../../src/InputAdornment/InputAdornment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAc,MAAM,OAAO,CAAA;AAMlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,aAAK,YAAY,GAAG,OAAO,GAAG,KAAK,CAAA;AAEnC,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAMD,QAAA,MAAM,cAAc,UAAW,KAAK,gBA4CnC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"InputAdornment.d.ts","sourceRoot":"","sources":["../../../src/InputAdornment/InputAdornment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAc,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIvD,aAAK,YAAY,GAAG,OAAO,GAAG,KAAK,CAAA;AAEnC,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,cAAc,UAAW,KAAK,gBA2CnC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist-package/src/InputAdornment/InputAdornment.js

@@ -10,28 +10,18 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useCallback } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import { InputAdornment as MUIInputAdornment } from '@material-ui/core';
-import cx from 'classnames';
 import { noop } from '@toptal/picasso-utils';
-import styles from './styles';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoInputAdornment',
-});
+import { twMerge } from '@toptal/picasso-tailwind-merge';
 const InputAdornment = (props) => {
     const { className, style, children, position, disabled, disablePointerEvents, stopPropagation, 'data-testid': dataTestId, onClick = noop } = props, rest = __rest(props, ["className", "style", "children", "position", "disabled", "disablePointerEvents", "stopPropagation", 'data-testid', "onClick"]);
-    const classes = useStyles();
     const handleClick = useCallback((event) => {
         if (stopPropagation) {
             event.stopPropagation();
         }
         onClick(event);
     }, [onClick, stopPropagation]);
-    return (React.createElement(MUIInputAdornment, Object.assign({}, rest, { classes: {
-            root: cx(classes.root, {
-                [classes.rootDisabled]: disabled,
-            }),
-        }, className: className, style: style, position: position, disablePointerEvents: disablePointerEvents, onClick: handleClick, "data-testid": dataTestId }), children));
+    return (React.createElement("div", Object.assign({}, rest, { className: twMerge('text-graphite-700 h-auto flex items-center whitespace-nowrap max-h-[2em]', disabled && 'text-opacity-[0.48]', position === 'end' &&
+            'justify-end ml-auto flex-grow-0 flex-shrink-0 basis-auto', disablePointerEvents && 'pointer-events-none', className), style: style, onClick: handleClick, "data-testid": dataTestId }), children));
 };
 export default InputAdornment;
 //# sourceMappingURL=InputAdornment.js.map

package/dist-package/src/InputAdornment/InputAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputAdornment.js","sourceRoot":"","sources":["../../../src/InputAdornment/InputAdornment.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAE5C,OAAO,MAAM,MAAM,UAAU,CAAA;AAa7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,uBAAuB;CAC9B,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IACtC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACpB,eAAe,EACf,aAAa,EAAE,UAAU,EACzB,OAAO,GAAG,IAAI,KAEZ,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,+HAWL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAiC,EAAE,EAAE;QACpC,IAAI,eAAe,EAAE;YACnB,KAAK,CAAC,eAAe,EAAE,CAAA;SACxB;QAED,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,OAAO,CACL,oBAAC,iBAAiB,oBACZ,IAAI,IACR,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;gBACrB,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ;aACjC,CAAC;SACH,EACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,WAAW,iBACP,UAAU,KAEtB,QAAQ,CACS,CACrB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"InputAdornment.js","sourceRoot":"","sources":["../../../src/InputAdornment/InputAdornment.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAaxD,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IACtC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACpB,eAAe,EACf,aAAa,EAAE,UAAU,EACzB,OAAO,GAAG,IAAI,KAEZ,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,+HAWL,CAAQ,CAAA;IAET,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAiC,EAAE,EAAE;QACpC,IAAI,eAAe,EAAE;YACnB,KAAK,CAAC,eAAe,EAAE,CAAA;SACxB;QAED,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,OAAO,CACL,6CACM,IAAI,IACR,SAAS,EAAE,OAAO,CAChB,0EAA0E,EAC1E,QAAQ,IAAI,qBAAqB,EACjC,QAAQ,KAAK,KAAK;YAChB,0DAA0D,EAC5D,oBAAoB,IAAI,qBAAqB,EAC7C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,iBACP,UAAU,KAEtB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist-package/src/InputIconAdornment/InputIconAdornment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputIconAdornment.d.ts","sourceRoot":"","sources":["../../../src/InputIconAdornment/InputIconAdornment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAQpD,aAAK,YAAY,GAAG,OAAO,GAAG,KAAK,CAAA;AAEnC,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAMD,QAAA,MAAM,kBAAkB,UAAW,KAAK,gBAiBvC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"InputIconAdornment.d.ts","sourceRoot":"","sources":["../../../src/InputIconAdornment/InputIconAdornment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKpD,aAAK,YAAY,GAAG,OAAO,GAAG,KAAK,CAAA;AAEnC,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,QAAA,MAAM,kBAAkB,UAAW,KAAK,gBAgBvC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist-package/src/InputIconAdornment/InputIconAdornment.js

@@ -1,15 +1,9 @@
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import styles from './styles';
 import { InputAdornment } from '../InputAdornment';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoInputIconAdornment',
-});
 const InputIconAdornment = (props) => {
     const { position, disabled, icon } = props;
-    const classes = useStyles();
     const styledIcon = React.cloneElement(icon, {
-        className: classes.icon,
+        className: 'grow shrink basis-0',
         role: 'presentation',
     });
     return (React.createElement(InputAdornment, { position: position, disabled: disabled, disablePointerEvents: true }, styledIcon));

package/dist-package/src/InputIconAdornment/InputIconAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputIconAdornment.js","sourceRoot":"","sources":["../../../src/InputIconAdornment/InputIconAdornment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAUlD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAC1C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAoB,EAAE;QAC1D,SAAS,EAAE,OAAO,CAAC,IAAI;QACvB,IAAI,EAAE,cAAc;KACrB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,UAEnB,UAAU,CACI,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"InputIconAdornment.js","sourceRoot":"","sources":["../../../src/InputIconAdornment/InputIconAdornment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAUlD,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAoB,EAAE;QAC1D,SAAS,EAAE,qBAAqB;QAChC,IAAI,EAAE,cAAc;KACrB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,UAEnB,UAAU,CACI,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist-package/src/InputLimitAdornment/InputLimitAdornment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLimitAdornment.d.ts","sourceRoot":"","sources":["../../../src/InputLimitAdornment/InputLimitAdornment.tsx"],"names":[],"mappings":";AASA,aAAK,WAAW,GAAG,WAAW,GAAG,SAAS,CAAA;AAE1C,MAAM,WAAW,KAAK;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,WAAW,CAAA;IACpB,OAAO,CAAC,EAAE;QACR,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;CACF;AAoCD,QAAA,MAAM,mBAAmB,UAAW,KAAK,gBAyCxC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"InputLimitAdornment.d.ts","sourceRoot":"","sources":["../../../src/InputLimitAdornment/InputLimitAdornment.tsx"],"names":[],"mappings":";AAMA,aAAK,WAAW,GAAG,WAAW,GAAG,SAAS,CAAA;AAE1C,MAAM,WAAW,KAAK;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,WAAW,CAAA;IACpB,OAAO,CAAC,EAAE;QACR,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;CACF;AAgCD,QAAA,MAAM,mBAAmB,UAAW,KAAK,gBAyCxC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist-package/src/InputLimitAdornment/InputLimitAdornment.js

@@ -1,12 +1,7 @@
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import cx from 'classnames';
-import { InputAdornment } from '@material-ui/core';
-import styles from './styles';
+import { twJoin } from '@toptal/picasso-tailwind-merge';
+import { InputAdornment } from '../InputAdornment';
 import { InputMultilineAdornment } from '../InputMultilineAdornment';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoInputLimitAdornment',
-});
 const hasRemainingCounter = (counter) => counter === 'remaining';
 const formatCharacters = (count) => count === 1 ? 'character' : 'characters';
 const getCharsTillLimit = (charsLength, counter, limit) => (hasRemainingCounter(counter) ? limit - charsLength : charsLength);
@@ -22,7 +17,6 @@ const getMultilineLabel = ({ multiline, charsTillLimit, counter, }) => {
     return `${formatCharacters(charsTillLimit)} entered`;
 };
 const InputLimitAdornment = (props) => {
-    const classes = useStyles();
     const { multiline, charsLength, counter, limit, testIds } = props;
     const charsTillLimit = getCharsTillLimit(charsLength, counter, limit);
     const multilineLabel = getMultilineLabel({
@@ -38,9 +32,7 @@ const InputLimitAdornment = (props) => {
                 ' ',
                 React.createElement("span", null, multilineLabel))));
     }
-    return (React.createElement(InputAdornment, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.inputAdornment, position: 'end', disablePointerEvents: true, className: cx(classes.limiterLabel, {
-            [classes.limiterLabelError]: error,
-        }) },
+    return (React.createElement(InputAdornment, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.inputAdornment, position: 'end', disablePointerEvents: true, className: twJoin('text-[0.625rem] leading-4', error ? 'text-red-500' : 'text-gray-600') },
         React.createElement("span", { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.message },
             React.createElement("span", { translate: 'no' }, charsTillLimit),
             ' ',

package/dist-package/src/InputLimitAdornment/InputLimitAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLimitAdornment.js","sourceRoot":"","sources":["../../../src/InputLimitAdornment/InputLimitAdornment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AAepE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,4BAA4B;CACnC,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,KAAK,WAAW,CAAA;AAC7E,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CACzC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAA;AAE1C,MAAM,iBAAiB,GAAG,CACxB,WAAmB,EACnB,OAAoB,EACpB,KAAa,EACb,EAAE,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;AAEvE,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,cAAc,EACd,OAAO,GAGR,EAAE,EAAE;IACH,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,mBAAmB,CAAC,OAAO,CAAC,EAAE;QAChC,OAAO,cAAc,IAAI,CAAC;YACxB,CAAC,CAAC,GAAG,gBAAgB,CAAC,cAAc,CAAC,OAAO;YAC5C,CAAC,CAAC,gBAAgB,CAAA;KACrB;IAED,OAAO,GAAG,gBAAgB,CAAC,cAAc,CAAC,UAAU,CAAA;AACtD,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEjE,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IACrE,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,SAAS;QACT,cAAc;QACd,OAAO;KACR,CAAC,CAAA;IACF,MAAM,KAAK,GAAG,cAAc,IAAI,CAAC,CAAA;IAEjC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,oBAAC,uBAAuB,mBACT,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,EACpC,KAAK,EAAE,KAAK;YAEZ,6CAAmB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO;gBACjC,8BAAM,SAAS,EAAC,IAAI,IAAE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,CAAQ;gBAAC,GAAG;gBAC1D,kCAAO,cAAc,CAAQ,CACxB,CACiB,CAC3B,CAAA;KACF;IAED,OAAO,CACL,oBAAC,cAAc,mBACA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,EACpC,QAAQ,EAAC,KAAK,EACd,oBAAoB,QACpB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE;YAClC,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,KAAK;SACnC,CAAC;QAEF,6CAAmB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO;YACjC,8BAAM,SAAS,EAAC,IAAI,IAAE,cAAc,CAAQ;YAAC,GAAG;YAChD,kCAAO,cAAc,CAAQ,CACxB,CACQ,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"InputLimitAdornment.js","sourceRoot":"","sources":["../../../src/InputLimitAdornment/InputLimitAdornment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AAepE,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,KAAK,WAAW,CAAA;AAC7E,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CACzC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAA;AAE1C,MAAM,iBAAiB,GAAG,CACxB,WAAmB,EACnB,OAAoB,EACpB,KAAa,EACb,EAAE,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;AAEvE,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,cAAc,EACd,OAAO,GAGR,EAAE,EAAE;IACH,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,mBAAmB,CAAC,OAAO,CAAC,EAAE;QAChC,OAAO,cAAc,IAAI,CAAC;YACxB,CAAC,CAAC,GAAG,gBAAgB,CAAC,cAAc,CAAC,OAAO;YAC5C,CAAC,CAAC,gBAAgB,CAAA;KACrB;IAED,OAAO,GAAG,gBAAgB,CAAC,cAAc,CAAC,UAAU,CAAA;AACtD,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEjE,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IACrE,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,SAAS;QACT,cAAc;QACd,OAAO;KACR,CAAC,CAAA;IACF,MAAM,KAAK,GAAG,cAAc,IAAI,CAAC,CAAA;IAEjC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,oBAAC,uBAAuB,mBACT,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,EACpC,KAAK,EAAE,KAAK;YAEZ,6CAAmB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO;gBACjC,8BAAM,SAAS,EAAC,IAAI,IAAE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,CAAQ;gBAAC,GAAG;gBAC1D,kCAAO,cAAc,CAAQ,CACxB,CACiB,CAC3B,CAAA;KACF;IAED,OAAO,CACL,oBAAC,cAAc,mBACA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,EACpC,QAAQ,EAAC,KAAK,EACd,oBAAoB,QACpB,SAAS,EAAE,MAAM,CACf,2BAA2B,EAC3B,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CACzC;QAED,6CAAmB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO;YACjC,8BAAM,SAAS,EAAC,IAAI,IAAE,cAAc,CAAQ;YAAC,GAAG;YAChD,kCAAO,cAAc,CAAQ,CACxB,CACQ,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist-package/src/InputMultilineAdornment/InputMultilineAdornment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputMultilineAdornment.d.ts","sourceRoot":"","sources":["../../../src/InputMultilineAdornment/InputMultilineAdornment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAMD,QAAA,MAAM,uBAAuB,UAAW,KAAK,gBAe5C,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"InputMultilineAdornment.d.ts","sourceRoot":"","sources":["../../../src/InputMultilineAdornment/InputMultilineAdornment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,uBAAuB,UAAW,KAAK,gBAe5C,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist-package/src/InputMultilineAdornment/InputMultilineAdornment.js

@@ -1,17 +1,9 @@
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import cx from 'classnames';
 import { Container } from '@toptal/picasso-container';
-import styles from './styles';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoInputMultilineAdornment',
-});
+import { twJoin } from '@toptal/picasso-tailwind-merge';
 const InputMultilineAdornment = (props) => {
     const { children, error, 'data-testid': dataTestId } = props;
-    const classes = useStyles();
-    return (React.createElement(Container, { flex: true, "data-testid": dataTestId, className: cx(classes.root, {
-            [classes.error]: error,
-        }) }, children));
+    return (React.createElement(Container, { flex: true, "data-testid": dataTestId, className: twJoin('text-[0.625rem] leading-[1] mt-1 mr-[0.125rem]', error ? 'text-red-500' : 'text-gray-600') }, children));
 };
 export default InputMultilineAdornment;
 //# sourceMappingURL=InputMultilineAdornment.js.map

package/dist-package/src/InputMultilineAdornment/InputMultilineAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMultilineAdornment.js","sourceRoot":"","sources":["../../../src/InputMultilineAdornment/InputMultilineAdornment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,MAAM,MAAM,UAAU,CAAA;AAQ7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,gCAAgC;CACvC,CAAC,CAAA;AAEF,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC/C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC5D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,uBACS,UAAU,EACvB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK;SACvB,CAAC,IAED,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"InputMultilineAdornment.js","sourceRoot":"","sources":["../../../src/InputMultilineAdornment/InputMultilineAdornment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAQvD,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC/C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAE5D,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,uBACS,UAAU,EACvB,SAAS,EAAE,MAAM,CACf,gDAAgD,EAChD,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CACzC,IAEA,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-input-adornment",
-  "version": "1.0.8",
+  "version": "2.0.1",
   "description": "Toptal UI components library - InputAdornment",
   "publishConfig": {
     "access": "public"
@@ -22,19 +22,18 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-container": "1.0.3",
-    "@toptal/picasso-icons": "1.5.0",
+    "@toptal/picasso-container": "2.0.0",
+    "@toptal/picasso-icons": "1.6.0",
     "@toptal/picasso-shared": "15.0.0",
-    "@toptal/picasso-utils": "1.0.3",
-    "classnames": "^2.5.1"
+    "@toptal/picasso-utils": "1.0.3"
   },
   "sideEffects": [
     "**/styles.ts",
     "**/styles.js"
   ],
   "peerDependencies": {
-    "@material-ui/core": "4.12.4",
-    "@toptal/picasso-provider": "*",
+    "@toptal/picasso-tailwind-merge": "^1.0.1",
+    "@toptal/picasso-tailwind": ">=2.7",
     "react": ">=16.12.0 < 19.0.0"
   },
   "exports": {
@@ -42,7 +41,7 @@
     "./styles": "./dist-package/src/styles.js"
   },
   "devDependencies": {
-    "@toptal/picasso-provider": "4.2.1",
+    "@toptal/picasso-tailwind-merge": "1.2.0",
     "@toptal/picasso-test-utils": "1.1.1"
   },
   "files": [

package/src/InputAdornment/InputAdornment.tsx

@@ -1,13 +1,8 @@
 import type { ReactNode, HTMLAttributes, MouseEvent } from 'react'
 import React, { useCallback } from 'react'
-import type { Theme } from '@material-ui/core/styles'
-import { makeStyles } from '@material-ui/core/styles'
-import { InputAdornment as MUIInputAdornment } from '@material-ui/core'
-import cx from 'classnames'
 import type { BaseProps } from '@toptal/picasso-shared'
 import { noop } from '@toptal/picasso-utils'
-
-import styles from './styles'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
 
 type PositionType = 'start' | 'end'
 
@@ -20,10 +15,6 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
   'data-testid'?: string
 }
 
-const useStyles = makeStyles<Theme>(styles, {
-  name: 'PicassoInputAdornment',
-})
-
 const InputAdornment = (props: Props) => {
   const {
     className,
@@ -38,7 +29,6 @@ const InputAdornment = (props: Props) => {
     ...rest
   } = props
 
-  const classes = useStyles()
   const handleClick = useCallback(
     (event: MouseEvent<HTMLDivElement>) => {
       if (stopPropagation) {
@@ -51,22 +41,22 @@ const InputAdornment = (props: Props) => {
   )
 
   return (
-    <MUIInputAdornment
+    <div
       {...rest}
-      classes={{
-        root: cx(classes.root, {
-          [classes.rootDisabled]: disabled,
-        }),
-      }}
-      className={className}
+      className={twMerge(
+        'text-graphite-700 h-auto flex items-center whitespace-nowrap max-h-[2em]',
+        disabled && 'text-opacity-[0.48]',
+        position === 'end' &&
+          'justify-end ml-auto flex-grow-0 flex-shrink-0 basis-auto',
+        disablePointerEvents && 'pointer-events-none',
+        className
+      )}
       style={style}
-      position={position}
-      disablePointerEvents={disablePointerEvents}
       onClick={handleClick}
       data-testid={dataTestId}
     >
       {children}
-    </MUIInputAdornment>
+    </div>
   )
 }
 

package/src/InputIconAdornment/InputIconAdornment.tsx

@@ -1,9 +1,6 @@
 import type { ReactElement, ReactNode } from 'react'
 import React from 'react'
-import type { Theme } from '@material-ui/core/styles'
-import { makeStyles } from '@material-ui/core/styles'
 
-import styles from './styles'
 import { InputAdornment } from '../InputAdornment'
 
 type IconPosition = 'start' | 'end'
@@ -14,15 +11,10 @@ export interface Props {
   icon?: ReactNode
 }
 
-const useStyles = makeStyles<Theme>(styles, {
-  name: 'PicassoInputIconAdornment',
-})
-
 const InputIconAdornment = (props: Props) => {
   const { position, disabled, icon } = props
-  const classes = useStyles()
   const styledIcon = React.cloneElement(icon as ReactElement, {
-    className: classes.icon,
+    className: 'grow shrink basis-0', // fix for IE11
     role: 'presentation',
   })
 

package/src/InputLimitAdornment/InputLimitAdornment.tsx

@@ -1,10 +1,7 @@
 import React from 'react'
-import type { Theme } from '@material-ui/core/styles'
-import { makeStyles } from '@material-ui/core/styles'
-import cx from 'classnames'
-import { InputAdornment } from '@material-ui/core'
+import { twJoin } from '@toptal/picasso-tailwind-merge'
 
-import styles from './styles'
+import { InputAdornment } from '../InputAdornment'
 import { InputMultilineAdornment } from '../InputMultilineAdornment'
 
 type CounterType = 'remaining' | 'entered'
@@ -20,10 +17,6 @@ export interface Props {
   }
 }
 
-const useStyles = makeStyles<Theme>(styles, {
-  name: 'PicassoInputLimitAdornment',
-})
-
 const hasRemainingCounter = (counter: CounterType) => counter === 'remaining'
 const formatCharacters = (count: number) =>
   count === 1 ? 'character' : 'characters'
@@ -55,7 +48,6 @@ const getMultilineLabel = ({
 }
 
 const InputLimitAdornment = (props: Props) => {
-  const classes = useStyles()
   const { multiline, charsLength, counter, limit, testIds } = props
 
   const charsTillLimit = getCharsTillLimit(charsLength, counter, limit)
@@ -85,9 +77,10 @@ const InputLimitAdornment = (props: Props) => {
       data-testid={testIds?.inputAdornment}
       position='end'
       disablePointerEvents
-      className={cx(classes.limiterLabel, {
-        [classes.limiterLabelError]: error,
-      })}
+      className={twJoin(
+        'text-[0.625rem] leading-4',
+        error ? 'text-red-500' : 'text-gray-600'
+      )}
     >
       <span data-testid={testIds?.message}>
         <span translate='no'>{charsTillLimit}</span>{' '}

package/src/InputMultilineAdornment/InputMultilineAdornment.tsx

@@ -1,11 +1,7 @@
 import type { ReactNode } from 'react'
 import React from 'react'
-import type { Theme } from '@material-ui/core/styles'
-import { makeStyles } from '@material-ui/core/styles'
-import cx from 'classnames'
 import { Container } from '@toptal/picasso-container'
-
-import styles from './styles'
+import { twJoin } from '@toptal/picasso-tailwind-merge'
 
 export interface Props {
   children: ReactNode
@@ -13,21 +9,17 @@ export interface Props {
   'data-testid'?: string
 }
 
-const useStyles = makeStyles<Theme>(styles, {
-  name: 'PicassoInputMultilineAdornment',
-})
-
 const InputMultilineAdornment = (props: Props) => {
   const { children, error, 'data-testid': dataTestId } = props
-  const classes = useStyles()
 
   return (
     <Container
       flex
       data-testid={dataTestId}
-      className={cx(classes.root, {
-        [classes.error]: error,
-      })}
+      className={twJoin(
+        'text-[0.625rem] leading-[1] mt-1 mr-[0.125rem]',
+        error ? 'text-red-500' : 'text-gray-600'
+      )}
     >
       {children}
     </Container>

package/dist-package/src/InputAdornment/styles.d.ts

@@ -1,4 +0,0 @@
-import type { Theme } from '@material-ui/core';
-declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "rootDisabled">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/InputAdornment/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/InputAdornment/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;sCAsBjB,KAAK;AAAlC,wBAOI"}

package/dist-package/src/InputAdornment/styles.js

@@ -1,27 +0,0 @@
-import { createStyles } from '@material-ui/core';
-import { alpha } from '@toptal/picasso-shared';
-import { PicassoProvider } from '@toptal/picasso-provider';
-PicassoProvider.override(({ palette }) => ({
-    MuiInputAdornment: {
-        root: {
-            color: palette.grey.dark,
-            height: 'auto',
-        },
-        positionStart: {
-            marginRight: 0,
-        },
-        positionEnd: {
-            justifyContent: 'flex-end',
-            flex: '0 0 auto',
-            marginLeft: 'auto',
-        },
-    },
-}));
-export default ({ palette }) => createStyles({
-    root: {},
-    rootDisabled: {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        color: alpha(palette.grey.dark, 0.48),
-    },
-});
-//# sourceMappingURL=styles.js.map

package/dist-package/src/InputAdornment/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/InputAdornment/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACzC,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YACxB,MAAM,EAAE,MAAM;SACf;QACD,aAAa,EAAE;YACb,WAAW,EAAE,CAAC;SACf;QACD,WAAW,EAAE;YACX,cAAc,EAAE,UAAU;YAC1B,IAAI,EAAE,UAAU;YAChB,UAAU,EAAE,MAAM;SACnB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE,EAAE;IACR,YAAY,EAAE;QACZ,oEAAoE;QACpE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAK,EAAE,IAAI,CAAC;KACvC;CACF,CAAC,CAAA"}

package/dist-package/src/InputIconAdornment/styles.d.ts

@@ -1,3 +0,0 @@
-declare const _default: () => import("@material-ui/styles").StyleRules<{}, "icon">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/InputIconAdornment/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/InputIconAdornment/styles.ts"],"names":[],"mappings":";AAEA,wBAKI"}

package/dist-package/src/InputIconAdornment/styles.js

@@ -1,7 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default () => createStyles({
-    icon: {
-        flex: '1 1 0%', // fix for IE11
-    },
-});
-//# sourceMappingURL=styles.js.map

package/dist-package/src/InputIconAdornment/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/InputIconAdornment/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ,EAAE,eAAe;KAChC;CACF,CAAC,CAAA"}

package/dist-package/src/InputLimitAdornment/styles.d.ts

@@ -1,4 +0,0 @@
-import type { Theme } from '@material-ui/core/styles';
-declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "limiterLabel" | "limiterLabelError">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/InputLimitAdornment/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/InputLimitAdornment/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;sCAGxB,KAAK;AAAlC,wBAUI"}

package/dist-package/src/InputLimitAdornment/styles.js

@@ -1,12 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ palette }) => createStyles({
-    limiterLabel: {
-        color: palette.grey.main2,
-        fontSize: '0.625rem',
-        lineHeight: '1rem',
-    },
-    limiterLabelError: {
-        color: palette.red.main,
-    },
-});
-//# sourceMappingURL=styles.js.map

package/dist-package/src/InputLimitAdornment/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/InputLimitAdornment/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;QACzB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,MAAM;KACnB;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;KACxB;CACF,CAAC,CAAA"}

package/dist-package/src/InputMultilineAdornment/styles.d.ts

@@ -1,4 +0,0 @@
-import type { Theme } from '@material-ui/core/styles';
-declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "error">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/InputMultilineAdornment/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/InputMultilineAdornment/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;sCAIxB,KAAK;AAAlC,wBAeI"}

package/dist-package/src/InputMultilineAdornment/styles.js

@@ -1,16 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-import { rem } from '@toptal/picasso-shared';
-export default ({ palette }) => createStyles({
-    root: {
-        fontSize: '0.625rem',
-        lineHeight: 1,
-        marginTop: '0.25rem',
-        color: palette.grey.main2,
-        marginRight: rem('2px'),
-        '&$error': {
-            color: palette.red.main,
-        },
-    },
-    error: {},
-});
-//# sourceMappingURL=styles.js.map

package/dist-package/src/InputMultilineAdornment/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/InputMultilineAdornment/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;QACzB,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;QAEvB,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;SACxB;KACF;IAED,KAAK,EAAE,EAAE;CACV,CAAC,CAAA"}

package/dist-package/src/styles.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/styles.ts"],"names":[],"mappings":""}

package/dist-package/src/styles.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=styles.js.map

package/dist-package/src/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles.ts"],"names":[],"mappings":""}

package/src/InputAdornment/styles.ts

@@ -1,30 +0,0 @@
-import type { Theme } from '@material-ui/core'
-import { createStyles } from '@material-ui/core'
-import { alpha } from '@toptal/picasso-shared'
-import { PicassoProvider } from '@toptal/picasso-provider'
-
-PicassoProvider.override(({ palette }) => ({
-  MuiInputAdornment: {
-    root: {
-      color: palette.grey.dark,
-      height: 'auto',
-    },
-    positionStart: {
-      marginRight: 0,
-    },
-    positionEnd: {
-      justifyContent: 'flex-end',
-      flex: '0 0 auto',
-      marginLeft: 'auto',
-    },
-  },
-}))
-
-export default ({ palette }: Theme) =>
-  createStyles({
-    root: {},
-    rootDisabled: {
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      color: alpha(palette.grey.dark!, 0.48),
-    },
-  })

package/src/InputIconAdornment/styles.ts

@@ -1,8 +0,0 @@
-import { createStyles } from '@material-ui/core/styles'
-
-export default () =>
-  createStyles({
-    icon: {
-      flex: '1 1 0%', // fix for IE11
-    },
-  })

package/src/InputLimitAdornment/styles.ts

@@ -1,14 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-
-export default ({ palette }: Theme) =>
-  createStyles({
-    limiterLabel: {
-      color: palette.grey.main2,
-      fontSize: '0.625rem',
-      lineHeight: '1rem',
-    },
-    limiterLabelError: {
-      color: palette.red.main,
-    },
-  })

package/src/InputMultilineAdornment/styles.ts

@@ -1,20 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-import { rem } from '@toptal/picasso-shared'
-
-export default ({ palette }: Theme) =>
-  createStyles({
-    root: {
-      fontSize: '0.625rem',
-      lineHeight: 1,
-      marginTop: '0.25rem',
-      color: palette.grey.main2,
-      marginRight: rem('2px'),
-
-      '&$error': {
-        color: palette.red.main,
-      },
-    },
-
-    error: {},
-  })

package/src/styles.ts

@@ -1 +0,0 @@
-import {} from './InputAdornment/styles'