@toptal/picasso-icons 1.11.1-alpha-date-picker-allow-specific-dates-to-be-disabled-88666f1f0.52 → 1.12.0

package/dist-package/src/Icon/WhitePaper24.js

@@ -1,23 +1,12 @@
 import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { makeStyles } from '@material-ui/core/styles';
-import { kebabToCamelCase } from '@toptal/picasso-utils';
-import styles from './styles';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+import { getColorClass } from './styles';
 const BASE_SIZE = 24;
-const useStyles = makeStyles(styles, {
-    name: 'PicassoSvgWhitePaper24',
-});
 const SvgWhitePaper24 = forwardRef(function SvgWhitePaper24(props, ref) {
-    const { className, style = {}, color, scale, base, 'data-testid': testId, } = props;
-    const classes = useStyles(props);
-    const classNames = [classes.root, className];
+    const { classes, className, style = {}, color, scale, base, 'data-testid': testId, } = props;
     const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1);
-    const colorClassName = kebabToCamelCase(`${color}`);
-    if (classes[colorClassName]) {
-        classNames.push(classes[colorClassName]);
-    }
     const svgStyle = Object.assign({ minWidth: `${scaledSize}px`, minHeight: `${scaledSize}px` }, style);
-    return (React.createElement("svg", { viewBox: '0 0 24 24', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { viewBox: '0 0 24 24', className: twMerge('fill-current inline-block text-inherit h-[1em] align-[-.125em]', classes === null || classes === void 0 ? void 0 : classes.root, className, getColorClass(color)), style: svgStyle, ref: ref, "data-testid": testId },
         React.createElement("path", { d: 'M22 0v24H2V0h20Zm-1 1H3v22h18V1Zm-9 17v1H6v-1h6Zm4-3v1H6v-1h10ZM10 4l3 8h-1l-.75-2h-3.5L7 12H6l3-8h1Zm-.5 1.333L8.125 9h2.75L9.5 5.333Z' })));
 });
 SvgWhitePaper24.displayName = 'SvgWhitePaper24';

package/dist-package/src/Icon/WhitePaper24.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhitePaper24.js","sourceRoot":"","sources":["../../../src/Icon/WhitePaper24.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,MAAM,SAAS,GAAG,EAAE,CAAA;AAQpB,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,wBAAwB;CAC/B,CAAC,CAAA;AACF,MAAM,eAAe,GAAG,UAAU,CAAC,SAAS,eAAe,CACzD,KAAY,EACZ,GAAuB;IAEvB,MAAM,EACJ,SAAS,EACT,KAAK,GAAG,EAAE,EACV,KAAK,EACL,KAAK,EACL,IAAI,EACJ,aAAa,EAAE,MAAM,GACtB,GAAG,KAAK,CAAA;IACT,MAAM,OAAO,GAA2B,SAAS,CAAC,KAAK,CAAC,CAAA;IACxD,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IAC5C,MAAM,UAAU,GAAG,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAA;IAC5D,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,KAAK,EAAE,CAAC,CAAA;IAEnD,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE;QAC3B,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAA;KACzC;IAED,MAAM,QAAQ,mBACZ,QAAQ,EAAE,GAAG,UAAU,IAAI,EAC3B,SAAS,EAAE,GAAG,UAAU,IAAI,IACzB,KAAK,CACT,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BAAM,CAAC,EAAC,yIAAyI,GAAG,CAChJ,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}
+{"version":3,"file":"WhitePaper24.js","sourceRoot":"","sources":["../../../src/Icon/WhitePaper24.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,MAAM,SAAS,GAAG,EAAE,CAAA;AAWpB,MAAM,eAAe,GAAG,UAAU,CAAC,SAAS,eAAe,CACzD,KAAY,EACZ,GAAuB;IAEvB,MAAM,EACJ,OAAO,EACP,SAAS,EACT,KAAK,GAAG,EAAE,EACV,KAAK,EACL,KAAK,EACL,IAAI,EACJ,aAAa,EAAE,MAAM,GACtB,GAAG,KAAK,CAAA;IACT,MAAM,UAAU,GAAG,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAA;IAC5D,MAAM,QAAQ,mBACZ,QAAQ,EAAE,GAAG,UAAU,IAAI,EAC3B,SAAS,EAAE,GAAG,UAAU,IAAI,IACzB,KAAK,CACT,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,OAAO,CAChB,gEAAgE,EAChE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EACb,SAAS,EACT,aAAa,CAAC,KAAK,CAAC,CACrB,EACD,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BAAM,CAAC,EAAC,yIAAyI,GAAG,CAChJ,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}

package/dist-package/src/Icon/WorkExperience16.d.ts

@@ -5,6 +5,9 @@ export interface Props extends StandardProps {
     scale?: ScaleType;
     color?: string;
     base?: number;
+    classes?: {
+        root?: string;
+    };
 }
 declare const SvgWorkExperience16: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
 export default SvgWorkExperience16;

package/dist-package/src/Icon/WorkExperience16.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkExperience16.d.ts","sourceRoot":"","sources":["../../../src/Icon/WorkExperience16.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAM3D,aAAK,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC9B,MAAM,WAAW,KAAM,SAAQ,aAAa;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAID,QAAA,MAAM,mBAAmB,6EAsCvB,CAAA;AAGF,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"WorkExperience16.d.ts","sourceRoot":"","sources":["../../../src/Icon/WorkExperience16.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAO3D,aAAK,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC9B,MAAM,WAAW,KAAM,SAAQ,aAAa;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF;AACD,QAAA,MAAM,mBAAmB,6EAoCvB,CAAA;AAGF,eAAe,mBAAmB,CAAA"}

package/dist-package/src/Icon/WorkExperience16.js

@@ -1,23 +1,12 @@
 import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { makeStyles } from '@material-ui/core/styles';
-import { kebabToCamelCase } from '@toptal/picasso-utils';
-import styles from './styles';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+import { getColorClass } from './styles';
 const BASE_SIZE = 16;
-const useStyles = makeStyles(styles, {
-    name: 'PicassoSvgWorkExperience16',
-});
 const SvgWorkExperience16 = forwardRef(function SvgWorkExperience16(props, ref) {
-    const { className, style = {}, color, scale, base, 'data-testid': testId, } = props;
-    const classes = useStyles(props);
-    const classNames = [classes.root, className];
+    const { classes, className, style = {}, color, scale, base, 'data-testid': testId, } = props;
     const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1);
-    const colorClassName = kebabToCamelCase(`${color}`);
-    if (classes[colorClassName]) {
-        classNames.push(classes[colorClassName]);
-    }
     const svgStyle = Object.assign({ minWidth: `${scaledSize}px`, minHeight: `${scaledSize}px` }, style);
-    return (React.createElement("svg", { viewBox: '0 0 16 16', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { viewBox: '0 0 16 16', className: twMerge('fill-current inline-block text-inherit h-[1em] align-[-.125em]', classes === null || classes === void 0 ? void 0 : classes.root, className, getColorClass(color)), style: svgStyle, ref: ref, "data-testid": testId },
         React.createElement("path", { d: 'M4 6v1H1v3h3v1H0V2h4V0h4v2h4v3h-1V3H1v3h3Zm1-4h2V1H5v1Zm2 13h7v1H7v-1ZM5 6h11v8H5V6Zm1 1v6h9V7H6Z' })));
 });
 SvgWorkExperience16.displayName = 'SvgWorkExperience16';

package/dist-package/src/Icon/WorkExperience16.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkExperience16.js","sourceRoot":"","sources":["../../../src/Icon/WorkExperience16.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,MAAM,SAAS,GAAG,EAAE,CAAA;AAQpB,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,4BAA4B;CACnC,CAAC,CAAA;AACF,MAAM,mBAAmB,GAAG,UAAU,CAAC,SAAS,mBAAmB,CACjE,KAAY,EACZ,GAAuB;IAEvB,MAAM,EACJ,SAAS,EACT,KAAK,GAAG,EAAE,EACV,KAAK,EACL,KAAK,EACL,IAAI,EACJ,aAAa,EAAE,MAAM,GACtB,GAAG,KAAK,CAAA;IACT,MAAM,OAAO,GAA2B,SAAS,CAAC,KAAK,CAAC,CAAA;IACxD,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IAC5C,MAAM,UAAU,GAAG,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAA;IAC5D,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,KAAK,EAAE,CAAC,CAAA;IAEnD,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE;QAC3B,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAA;KACzC;IAED,MAAM,QAAQ,mBACZ,QAAQ,EAAE,GAAG,UAAU,IAAI,EAC3B,SAAS,EAAE,GAAG,UAAU,IAAI,IACzB,KAAK,CACT,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BAAM,CAAC,EAAC,mGAAmG,GAAG,CAC1G,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AACvD,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"WorkExperience16.js","sourceRoot":"","sources":["../../../src/Icon/WorkExperience16.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,MAAM,SAAS,GAAG,EAAE,CAAA;AAWpB,MAAM,mBAAmB,GAAG,UAAU,CAAC,SAAS,mBAAmB,CACjE,KAAY,EACZ,GAAuB;IAEvB,MAAM,EACJ,OAAO,EACP,SAAS,EACT,KAAK,GAAG,EAAE,EACV,KAAK,EACL,KAAK,EACL,IAAI,EACJ,aAAa,EAAE,MAAM,GACtB,GAAG,KAAK,CAAA;IACT,MAAM,UAAU,GAAG,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAA;IAC5D,MAAM,QAAQ,mBACZ,QAAQ,EAAE,GAAG,UAAU,IAAI,EAC3B,SAAS,EAAE,GAAG,UAAU,IAAI,IACzB,KAAK,CACT,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,OAAO,CAChB,gEAAgE,EAChE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EACb,SAAS,EACT,aAAa,CAAC,KAAK,CAAC,CACrB,EACD,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BAAM,CAAC,EAAC,mGAAmG,GAAG,CAC1G,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AACvD,eAAe,mBAAmB,CAAA"}

package/dist-package/src/Icon/WorkExperience24.d.ts

@@ -5,6 +5,9 @@ export interface Props extends StandardProps {
     scale?: ScaleType;
     color?: string;
     base?: number;
+    classes?: {
+        root?: string;
+    };
 }
 declare const SvgWorkExperience24: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
 export default SvgWorkExperience24;

package/dist-package/src/Icon/WorkExperience24.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkExperience24.d.ts","sourceRoot":"","sources":["../../../src/Icon/WorkExperience24.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAM3D,aAAK,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC9B,MAAM,WAAW,KAAM,SAAQ,aAAa;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAID,QAAA,MAAM,mBAAmB,6EAsCvB,CAAA;AAGF,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"WorkExperience24.d.ts","sourceRoot":"","sources":["../../../src/Icon/WorkExperience24.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAO3D,aAAK,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC9B,MAAM,WAAW,KAAM,SAAQ,aAAa;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF;AACD,QAAA,MAAM,mBAAmB,6EAoCvB,CAAA;AAGF,eAAe,mBAAmB,CAAA"}

package/dist-package/src/Icon/WorkExperience24.js

@@ -1,23 +1,12 @@
 import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { makeStyles } from '@material-ui/core/styles';
-import { kebabToCamelCase } from '@toptal/picasso-utils';
-import styles from './styles';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+import { getColorClass } from './styles';
 const BASE_SIZE = 24;
-const useStyles = makeStyles(styles, {
-    name: 'PicassoSvgWorkExperience24',
-});
 const SvgWorkExperience24 = forwardRef(function SvgWorkExperience24(props, ref) {
-    const { className, style = {}, color, scale, base, 'data-testid': testId, } = props;
-    const classes = useStyles(props);
-    const classNames = [classes.root, className];
+    const { classes, className, style = {}, color, scale, base, 'data-testid': testId, } = props;
     const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1);
-    const colorClassName = kebabToCamelCase(`${color}`);
-    if (classes[colorClassName]) {
-        classNames.push(classes[colorClassName]);
-    }
     const svgStyle = Object.assign({ minWidth: `${scaledSize}px`, minHeight: `${scaledSize}px` }, style);
-    return (React.createElement("svg", { viewBox: '0 0 24 24', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { viewBox: '0 0 24 24', className: twMerge('fill-current inline-block text-inherit h-[1em] align-[-.125em]', classes === null || classes === void 0 ? void 0 : classes.root, className, getColorClass(color)), style: svgStyle, ref: ref, "data-testid": testId },
         React.createElement("path", { d: 'M7 10v1H1v4h6v1H0V5h6V3h4v2h6v3h-1V6H1v4h6Zm0-5h2V4H7v1Zm1 4h16v10H8V9Zm1 1v8h14v-8H9Zm1 10h12v1H10v-1Z' })));
 });
 SvgWorkExperience24.displayName = 'SvgWorkExperience24';

package/dist-package/src/Icon/WorkExperience24.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkExperience24.js","sourceRoot":"","sources":["../../../src/Icon/WorkExperience24.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,MAAM,SAAS,GAAG,EAAE,CAAA;AAQpB,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,4BAA4B;CACnC,CAAC,CAAA;AACF,MAAM,mBAAmB,GAAG,UAAU,CAAC,SAAS,mBAAmB,CACjE,KAAY,EACZ,GAAuB;IAEvB,MAAM,EACJ,SAAS,EACT,KAAK,GAAG,EAAE,EACV,KAAK,EACL,KAAK,EACL,IAAI,EACJ,aAAa,EAAE,MAAM,GACtB,GAAG,KAAK,CAAA;IACT,MAAM,OAAO,GAA2B,SAAS,CAAC,KAAK,CAAC,CAAA;IACxD,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IAC5C,MAAM,UAAU,GAAG,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAA;IAC5D,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,KAAK,EAAE,CAAC,CAAA;IAEnD,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE;QAC3B,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAA;KACzC;IAED,MAAM,QAAQ,mBACZ,QAAQ,EAAE,GAAG,UAAU,IAAI,EAC3B,SAAS,EAAE,GAAG,UAAU,IAAI,IACzB,KAAK,CACT,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BAAM,CAAC,EAAC,yGAAyG,GAAG,CAChH,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AACvD,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"WorkExperience24.js","sourceRoot":"","sources":["../../../src/Icon/WorkExperience24.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,MAAM,SAAS,GAAG,EAAE,CAAA;AAWpB,MAAM,mBAAmB,GAAG,UAAU,CAAC,SAAS,mBAAmB,CACjE,KAAY,EACZ,GAAuB;IAEvB,MAAM,EACJ,OAAO,EACP,SAAS,EACT,KAAK,GAAG,EAAE,EACV,KAAK,EACL,KAAK,EACL,IAAI,EACJ,aAAa,EAAE,MAAM,GACtB,GAAG,KAAK,CAAA;IACT,MAAM,UAAU,GAAG,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAA;IAC5D,MAAM,QAAQ,mBACZ,QAAQ,EAAE,GAAG,UAAU,IAAI,EAC3B,SAAS,EAAE,GAAG,UAAU,IAAI,IACzB,KAAK,CACT,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,OAAO,CAChB,gEAAgE,EAChE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EACb,SAAS,EACT,aAAa,CAAC,KAAK,CAAC,CACrB,EACD,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BAAM,CAAC,EAAC,yGAAyG,GAAG,CAChH,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AACvD,eAAe,mBAAmB,CAAA"}

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

@@ -1,4 +1,3 @@
-import type { Theme } from '@material-ui/core';
-declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "inherit" | "black" | "blue" | "green" | "grey" | "red" | "white" | "yellow" | "invert" | "darkGreen" | "lightBlue" | "lightGrey" | "darkGrey">;
-export default _default;
+export declare const colorClassMap: Record<string, string>;
+export declare const getColorClass: (color?: string) => string;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Icon/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;sCAGjB,KAAK;AAAlC,wBAkDI"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Icon/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAchD,CAAA;AAED,eAAO,MAAM,aAAa,WAAY,MAAM,WAM3C,CAAA"}

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

@@ -1,51 +1,23 @@
-import { createStyles } from '@material-ui/core';
-export default ({ palette }) => createStyles({
-    root: {
-        fill: 'currentColor',
-        display: 'inline-block',
-        fontSize: 'inherit',
-        height: '1em',
-        verticalAlign: '-.125em',
-    },
-    // colors
-    green: {
-        color: palette.green.main,
-    },
-    darkGreen: {
-        color: palette.green.dark,
-    },
-    red: {
-        color: palette.red.main,
-    },
-    lightBlue: {
-        color: palette.blue.light,
-    },
-    blue: {
-        color: palette.primary.main,
-    },
-    yellow: {
-        color: palette.yellow.main,
-    },
-    white: {
-        color: palette.common.white,
-    },
-    lightGrey: {
-        color: palette.grey.light2,
-    },
-    grey: {
-        color: palette.grey.main,
-    },
-    darkGrey: {
-        color: palette.text.primary,
-    },
-    black: {
-        color: palette.common.black,
-    },
-    invert: {
-        color: palette.common.white,
-    },
-    inherit: {
-        color: 'inherit',
-    },
-});
+import { kebabToCamelCase } from '@toptal/picasso-provider';
+export const colorClassMap = {
+    green: 'text-green-500',
+    darkGreen: 'text-green-600',
+    red: 'text-red-500',
+    lightBlue: 'text-blue-400',
+    blue: 'text-blue-500',
+    yellow: 'text-yellow-500',
+    white: 'text-white',
+    lightGrey: 'text-gray-400',
+    grey: 'text-gray-500',
+    darkGrey: 'text-graphite-700',
+    black: 'text-black',
+    invert: 'text-white dark:text-black',
+    inherit: 'text-inheritColor',
+};
+export const getColorClass = (color) => {
+    if (!color) {
+        return '';
+    }
+    return colorClassMap[kebabToCamelCase(color)] || '';
+};
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Icon/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,KAAK;QACb,aAAa,EAAE,SAAS;KACzB;IAED,SAAS;IACT,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1B;IACD,GAAG,EAAE;QACH,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;KACxB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI;KAC5B;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;KAC3B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAC5B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;KAC3B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KAC5B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAC5B;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAC5B;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Icon/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,MAAM,CAAC,MAAM,aAAa,GAA2B;IACnD,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,gBAAgB;IAC3B,GAAG,EAAE,cAAc;IACnB,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,mBAAmB;IAC7B,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,4BAA4B;IACpC,OAAO,EAAE,mBAAmB;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,EAAE;IAC9C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAA;KACV;IAED,OAAO,aAAa,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAA;AACrD,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-icons",
-  "version": "1.11.1-alpha-date-picker-allow-specific-dates-to-be-disabled-88666f1f0.52+88666f1f0",
+  "version": "1.12.0",
   "description": "Toptal UI components library - Icons",
   "publishConfig": {
     "access": "public"
@@ -22,7 +22,7 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-utils": "3.0.1-alpha-date-picker-allow-specific-dates-to-be-disabled-88666f1f0.76+88666f1f0",
+    "@toptal/picasso-utils": "3.0.0",
     "classnames": "^2.5.1"
   },
   "sideEffects": [
@@ -30,7 +30,8 @@
     "**/styles.js"
   ],
   "peerDependencies": {
-    "@material-ui/core": "4.12.4",
+    "@toptal/picasso-tailwind": ">=2.5.0",
+    "@toptal/picasso-tailwind-merge": "^2.0.0",
     "@toptal/picasso-provider": "*",
     "react": ">=16.12.0 < 19.0.0"
   },
@@ -38,13 +39,12 @@
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@babel/types": "^7.26.8",
-    "@toptal/picasso-provider": "5.0.1-alpha-date-picker-allow-specific-dates-to-be-disabled-88666f1f0.250+88666f1f0"
+    "@toptal/picasso-provider": "5.0.0",
+    "@babel/types": "^7.26.8"
   },
   "files": [
     "dist-package/**",
     "!dist-package/tsconfig.tsbuildinfo",
     "src"
-  ],
-  "gitHead": "88666f1f04901603810e2a30331ea1d94135cb26"
+  ]
 }

package/src/Icon/Abstract16.tsx

@@ -1,11 +1,10 @@
 import type { Ref } from 'react'
 import React, { forwardRef } from 'react'
-import cx from 'classnames'
-import { makeStyles } from '@material-ui/core/styles'
 import type { StandardProps } from '@toptal/picasso-shared'
-import { kebabToCamelCase } from '@toptal/picasso-utils'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
+
+import { getColorClass } from './styles'
 
-import styles from './styles'
 const BASE_SIZE = 16
 
 type ScaleType = 1 | 2 | 3 | 4
@@ -13,15 +12,16 @@ export interface Props extends StandardProps {
   scale?: ScaleType
   color?: string
   base?: number
+  classes?: {
+    root?: string
+  }
 }
-const useStyles = makeStyles(styles, {
-  name: 'PicassoSvgAbstract16',
-})
 const SvgAbstract16 = forwardRef(function SvgAbstract16(
   props: Props,
   ref: Ref<SVGSVGElement>
 ) {
   const {
+    classes,
     className,
     style = {},
     color,
@@ -29,15 +29,7 @@ const SvgAbstract16 = forwardRef(function SvgAbstract16(
     base,
     'data-testid': testId,
   } = props
-  const classes: Record<string, string> = useStyles(props)
-  const classNames = [classes.root, className]
   const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
-  const colorClassName = kebabToCamelCase(`${color}`)
-
-  if (classes[colorClassName]) {
-    classNames.push(classes[colorClassName])
-  }
-
   const svgStyle = {
     minWidth: `${scaledSize}px`,
     minHeight: `${scaledSize}px`,
@@ -47,7 +39,12 @@ const SvgAbstract16 = forwardRef(function SvgAbstract16(
   return (
     <svg
       viewBox='0 0 16 16'
-      className={cx(...classNames)}
+      className={twMerge(
+        'fill-current inline-block text-inherit h-[1em] align-[-.125em]',
+        classes?.root,
+        className,
+        getColorClass(color)
+      )}
       style={svgStyle}
       ref={ref}
       data-testid={testId}

package/src/Icon/Abstract24.tsx

@@ -1,11 +1,10 @@
 import type { Ref } from 'react'
 import React, { forwardRef } from 'react'
-import cx from 'classnames'
-import { makeStyles } from '@material-ui/core/styles'
 import type { StandardProps } from '@toptal/picasso-shared'
-import { kebabToCamelCase } from '@toptal/picasso-utils'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
+
+import { getColorClass } from './styles'
 
-import styles from './styles'
 const BASE_SIZE = 24
 
 type ScaleType = 1 | 2 | 3 | 4
@@ -13,15 +12,16 @@ export interface Props extends StandardProps {
   scale?: ScaleType
   color?: string
   base?: number
+  classes?: {
+    root?: string
+  }
 }
-const useStyles = makeStyles(styles, {
-  name: 'PicassoSvgAbstract24',
-})
 const SvgAbstract24 = forwardRef(function SvgAbstract24(
   props: Props,
   ref: Ref<SVGSVGElement>
 ) {
   const {
+    classes,
     className,
     style = {},
     color,
@@ -29,15 +29,7 @@ const SvgAbstract24 = forwardRef(function SvgAbstract24(
     base,
     'data-testid': testId,
   } = props
-  const classes: Record<string, string> = useStyles(props)
-  const classNames = [classes.root, className]
   const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
-  const colorClassName = kebabToCamelCase(`${color}`)
-
-  if (classes[colorClassName]) {
-    classNames.push(classes[colorClassName])
-  }
-
   const svgStyle = {
     minWidth: `${scaledSize}px`,
     minHeight: `${scaledSize}px`,
@@ -47,7 +39,12 @@ const SvgAbstract24 = forwardRef(function SvgAbstract24(
   return (
     <svg
       viewBox='0 0 24 24'
-      className={cx(...classNames)}
+      className={twMerge(
+        'fill-current inline-block text-inherit h-[1em] align-[-.125em]',
+        classes?.root,
+        className,
+        getColorClass(color)
+      )}
       style={svgStyle}
       ref={ref}
       data-testid={testId}

package/src/Icon/Ach16.tsx

@@ -1,11 +1,10 @@
 import type { Ref } from 'react'
 import React, { forwardRef } from 'react'
-import cx from 'classnames'
-import { makeStyles } from '@material-ui/core/styles'
 import type { StandardProps } from '@toptal/picasso-shared'
-import { kebabToCamelCase } from '@toptal/picasso-utils'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
+
+import { getColorClass } from './styles'
 
-import styles from './styles'
 const BASE_SIZE = 16
 
 type ScaleType = 1 | 2 | 3 | 4
@@ -13,15 +12,16 @@ export interface Props extends StandardProps {
   scale?: ScaleType
   color?: string
   base?: number
+  classes?: {
+    root?: string
+  }
 }
-const useStyles = makeStyles(styles, {
-  name: 'PicassoSvgAch16',
-})
 const SvgAch16 = forwardRef(function SvgAch16(
   props: Props,
   ref: Ref<SVGSVGElement>
 ) {
   const {
+    classes,
     className,
     style = {},
     color,
@@ -29,15 +29,7 @@ const SvgAch16 = forwardRef(function SvgAch16(
     base,
     'data-testid': testId,
   } = props
-  const classes: Record<string, string> = useStyles(props)
-  const classNames = [classes.root, className]
   const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
-  const colorClassName = kebabToCamelCase(`${color}`)
-
-  if (classes[colorClassName]) {
-    classNames.push(classes[colorClassName])
-  }
-
   const svgStyle = {
     minWidth: `${scaledSize}px`,
     minHeight: `${scaledSize}px`,
@@ -47,7 +39,12 @@ const SvgAch16 = forwardRef(function SvgAch16(
   return (
     <svg
       viewBox='0 0 16 16'
-      className={cx(...classNames)}
+      className={twMerge(
+        'fill-current inline-block text-inherit h-[1em] align-[-.125em]',
+        classes?.root,
+        className,
+        getColorClass(color)
+      )}
       style={svgStyle}
       ref={ref}
       data-testid={testId}

package/src/Icon/Ach24.tsx

@@ -1,11 +1,10 @@
 import type { Ref } from 'react'
 import React, { forwardRef } from 'react'
-import cx from 'classnames'
-import { makeStyles } from '@material-ui/core/styles'
 import type { StandardProps } from '@toptal/picasso-shared'
-import { kebabToCamelCase } from '@toptal/picasso-utils'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
+
+import { getColorClass } from './styles'
 
-import styles from './styles'
 const BASE_SIZE = 24
 
 type ScaleType = 1 | 2 | 3 | 4
@@ -13,15 +12,16 @@ export interface Props extends StandardProps {
   scale?: ScaleType
   color?: string
   base?: number
+  classes?: {
+    root?: string
+  }
 }
-const useStyles = makeStyles(styles, {
-  name: 'PicassoSvgAch24',
-})
 const SvgAch24 = forwardRef(function SvgAch24(
   props: Props,
   ref: Ref<SVGSVGElement>
 ) {
   const {
+    classes,
     className,
     style = {},
     color,
@@ -29,15 +29,7 @@ const SvgAch24 = forwardRef(function SvgAch24(
     base,
     'data-testid': testId,
   } = props
-  const classes: Record<string, string> = useStyles(props)
-  const classNames = [classes.root, className]
   const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
-  const colorClassName = kebabToCamelCase(`${color}`)
-
-  if (classes[colorClassName]) {
-    classNames.push(classes[colorClassName])
-  }
-
   const svgStyle = {
     minWidth: `${scaledSize}px`,
     minHeight: `${scaledSize}px`,
@@ -48,7 +40,12 @@ const SvgAch24 = forwardRef(function SvgAch24(
     <svg
       fill='none'
       viewBox='0 0 24 24'
-      className={cx(...classNames)}
+      className={twMerge(
+        'fill-current inline-block text-inherit h-[1em] align-[-.125em]',
+        classes?.root,
+        className,
+        getColorClass(color)
+      )}
       style={svgStyle}
       ref={ref}
       data-testid={testId}

package/src/Icon/Ach32.tsx

@@ -1,11 +1,10 @@
 import type { Ref } from 'react'
 import React, { forwardRef } from 'react'
-import cx from 'classnames'
-import { makeStyles } from '@material-ui/core/styles'
 import type { StandardProps } from '@toptal/picasso-shared'
-import { kebabToCamelCase } from '@toptal/picasso-utils'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
+
+import { getColorClass } from './styles'
 
-import styles from './styles'
 const BASE_SIZE = 32
 
 type ScaleType = 1 | 2 | 3 | 4
@@ -13,15 +12,16 @@ export interface Props extends StandardProps {
   scale?: ScaleType
   color?: string
   base?: number
+  classes?: {
+    root?: string
+  }
 }
-const useStyles = makeStyles(styles, {
-  name: 'PicassoSvgAch32',
-})
 const SvgAch32 = forwardRef(function SvgAch32(
   props: Props,
   ref: Ref<SVGSVGElement>
 ) {
   const {
+    classes,
     className,
     style = {},
     color,
@@ -29,15 +29,7 @@ const SvgAch32 = forwardRef(function SvgAch32(
     base,
     'data-testid': testId,
   } = props
-  const classes: Record<string, string> = useStyles(props)
-  const classNames = [classes.root, className]
   const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
-  const colorClassName = kebabToCamelCase(`${color}`)
-
-  if (classes[colorClassName]) {
-    classNames.push(classes[colorClassName])
-  }
-
   const svgStyle = {
     minWidth: `${scaledSize}px`,
     minHeight: `${scaledSize}px`,
@@ -47,7 +39,12 @@ const SvgAch32 = forwardRef(function SvgAch32(
   return (
     <svg
       viewBox='0 0 32 32'
-      className={cx(...classNames)}
+      className={twMerge(
+        'fill-current inline-block text-inherit h-[1em] align-[-.125em]',
+        classes?.root,
+        className,
+        getColorClass(color)
+      )}
       style={svgStyle}
       ref={ref}
       data-testid={testId}