@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/CreditCard16.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCard16.js","sourceRoot":"","sources":["../../../src/Icon/CreditCard16.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,+IAA+I,GAAG,CACtJ,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}
+{"version":3,"file":"CreditCard16.js","sourceRoot":"","sources":["../../../src/Icon/CreditCard16.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,+IAA+I,GAAG,CACtJ,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CreditCard24.d.ts","sourceRoot":"","sources":["../../../src/Icon/CreditCard24.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,eAAe,6EA2CnB,CAAA;AAGF,eAAe,eAAe,CAAA"}
+{"version":3,"file":"CreditCard24.d.ts","sourceRoot":"","sources":["../../../src/Icon/CreditCard24.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,eAAe,6EAyCnB,CAAA;AAGF,eAAe,eAAe,CAAA"}

package/dist-package/src/Icon/CreditCard24.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: 'PicassoSvgCreditCard24',
-});
 const SvgCreditCard24 = forwardRef(function SvgCreditCard24(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", { fill: 'none', viewBox: '0 0 24 24', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { fill: 'none', 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", { fillRule: 'evenodd', d: 'M1.64 5.214c-.36 0-.64.286-.64.626v2.322h22V5.84c0-.34-.28-.626-.64-.626H1.64ZM1 18.394V9.162h22v9.232c0 .34-.28.626-.64.626H1.64a.633.633 0 0 1-.64-.626Zm23 0V5.84c0-.904-.74-1.626-1.64-1.626H1.64C.74 4.214 0 4.936 0 5.84v12.554c0 .904.74 1.626 1.64 1.626h20.72c.9 0 1.64-.722 1.64-1.626ZM3 13.111h7v-1H3v1Zm4 2.96H3v-1h4v1Zm10-2.96h4v-1h-4v1Z', clipRule: 'evenodd' })));
 });
 SvgCreditCard24.displayName = 'SvgCreditCard24';

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

@@ -1 +1 @@
-{"version":3,"file":"CreditCard24.js","sourceRoot":"","sources":["../../../src/Icon/CreditCard24.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,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0VAA0V,EAC5V,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}
+{"version":3,"file":"CreditCard24.js","sourceRoot":"","sources":["../../../src/Icon/CreditCard24.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,IAAI,EAAC,MAAM,EACX,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,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0VAA0V,EAC5V,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CreditCard32.d.ts","sourceRoot":"","sources":["../../../src/Icon/CreditCard32.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,eAAe,6EAsCnB,CAAA;AAGF,eAAe,eAAe,CAAA"}
+{"version":3,"file":"CreditCard32.d.ts","sourceRoot":"","sources":["../../../src/Icon/CreditCard32.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,eAAe,6EAoCnB,CAAA;AAGF,eAAe,eAAe,CAAA"}

package/dist-package/src/Icon/CreditCard32.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 = 32;
-const useStyles = makeStyles(styles, {
-    name: 'PicassoSvgCreditCard32',
-});
 const SvgCreditCard32 = forwardRef(function SvgCreditCard32(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 32 32', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { viewBox: '0 0 32 32', 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: 'M31 10V7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v3h30Zm0 1H1v14a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1V11ZM2 5h28a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm2 11h10v1H4v-1Zm0 4h5v1H4v-1Zm19-4h5v1h-5v-1Z' })));
 });
 SvgCreditCard32.displayName = 'SvgCreditCard32';

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

@@ -1 +1 @@
-{"version":3,"file":"CreditCard32.js","sourceRoot":"","sources":["../../../src/Icon/CreditCard32.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,+MAA+M,GAAG,CACtN,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}
+{"version":3,"file":"CreditCard32.js","sourceRoot":"","sources":["../../../src/Icon/CreditCard32.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,+MAA+M,GAAG,CACtN,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Critical16.d.ts","sourceRoot":"","sources":["../../../src/Icon/Critical16.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,aAAa,6EA2CjB,CAAA;AAGF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"Critical16.d.ts","sourceRoot":"","sources":["../../../src/Icon/Critical16.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,aAAa,6EAyCjB,CAAA;AAGF,eAAe,aAAa,CAAA"}

package/dist-package/src/Icon/Critical16.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: 'PicassoSvgCritical16',
-});
 const SvgCritical16 = forwardRef(function SvgCritical16(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", { fill: 'none', viewBox: '0 0 16 16', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { fill: 'none', 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", { fillRule: 'evenodd', d: 'M14.503 8.001 8 1.5 1.5 8.001l6.501 6.502L14.503 8ZM8.709.793a1 1 0 0 0-1.415 0L.793 7.294a1 1 0 0 0 0 1.415l6.501 6.501a1 1 0 0 0 1.415 0l6.501-6.501a1 1 0 0 0 0-1.415L8.709.793ZM7.5 4h1v6h-1V4Zm1 7h-1v1h1v-1Z', clipRule: 'evenodd' })));
 });
 SvgCritical16.displayName = 'SvgCritical16';

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

@@ -1 +1 @@
-{"version":3,"file":"Critical16.js","sourceRoot":"","sources":["../../../src/Icon/Critical16.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,sBAAsB;CAC7B,CAAC,CAAA;AACF,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,aAAa,CACrD,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,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oNAAoN,EACtN,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAC3C,eAAe,aAAa,CAAA"}
+{"version":3,"file":"Critical16.js","sourceRoot":"","sources":["../../../src/Icon/Critical16.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,aAAa,GAAG,UAAU,CAAC,SAAS,aAAa,CACrD,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,IAAI,EAAC,MAAM,EACX,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,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oNAAoN,EACtN,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAC3C,eAAe,aAAa,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Critical24.d.ts","sourceRoot":"","sources":["../../../src/Icon/Critical24.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,aAAa,6EA2CjB,CAAA;AAGF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"Critical24.d.ts","sourceRoot":"","sources":["../../../src/Icon/Critical24.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,aAAa,6EAyCjB,CAAA;AAGF,eAAe,aAAa,CAAA"}

package/dist-package/src/Icon/Critical24.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: 'PicassoSvgCritical24',
-});
 const SvgCritical24 = forwardRef(function SvgCritical24(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", { fill: 'none', viewBox: '0 0 24 24', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { fill: 'none', 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", { fillRule: 'evenodd', d: 'm22.108 11.649-9.752-9.753a.5.5 0 0 0-.707 0L1.897 11.65a.5.5 0 0 0 0 .707l9.752 9.752a.5.5 0 0 0 .707 0l9.752-9.752a.5.5 0 0 0 0-.707Zm-9.045-10.46a1.5 1.5 0 0 0-2.122 0L1.19 10.941a1.5 1.5 0 0 0 0 2.122l9.752 9.752a1.5 1.5 0 0 0 2.122 0l9.752-9.752a1.5 1.5 0 0 0 0-2.122L13.063 1.19ZM11.5 6.775h1v8.662h-1V6.774Zm1 10.105h-1v1h1v-1Z', clipRule: 'evenodd' })));
 });
 SvgCritical24.displayName = 'SvgCritical24';

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

@@ -1 +1 @@
-{"version":3,"file":"Critical24.js","sourceRoot":"","sources":["../../../src/Icon/Critical24.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,sBAAsB;CAC7B,CAAC,CAAA;AACF,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,aAAa,CACrD,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,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gVAAgV,EAClV,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAC3C,eAAe,aAAa,CAAA"}
+{"version":3,"file":"Critical24.js","sourceRoot":"","sources":["../../../src/Icon/Critical24.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,aAAa,GAAG,UAAU,CAAC,SAAS,aAAa,CACrD,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,IAAI,EAAC,MAAM,EACX,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,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gVAAgV,EAClV,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAC3C,eAAe,aAAa,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CriticalSolid16.d.ts","sourceRoot":"","sources":["../../../src/Icon/CriticalSolid16.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,kBAAkB,6EA2CtB,CAAA;AAGF,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"CriticalSolid16.d.ts","sourceRoot":"","sources":["../../../src/Icon/CriticalSolid16.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,kBAAkB,6EAyCtB,CAAA;AAGF,eAAe,kBAAkB,CAAA"}

package/dist-package/src/Icon/CriticalSolid16.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: 'PicassoSvgCriticalSolid16',
-});
 const SvgCriticalSolid16 = forwardRef(function SvgCriticalSolid16(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", { fill: 'none', viewBox: '0 0 16 16', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { fill: 'none', 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", { fillRule: 'evenodd', d: 'M8.709.793a1 1 0 0 0-1.415 0L.793 7.294a1 1 0 0 0 0 1.415l6.501 6.501a1 1 0 0 0 1.415 0l6.501-6.501a1 1 0 0 0 0-1.415L8.709.793ZM7.25 4.759a.75.75 0 0 1 1.5 0V9.08a.75.75 0 0 1-1.5 0V4.759Zm1.5 7.33a.751.751 0 0 1-.75.752.751.751 0 0 1-.75-.753c0-.415.336-.752.75-.752s.75.336.75.752Z', clipRule: 'evenodd' })));
 });
 SvgCriticalSolid16.displayName = 'SvgCriticalSolid16';

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

@@ -1 +1 @@
-{"version":3,"file":"CriticalSolid16.js","sourceRoot":"","sources":["../../../src/Icon/CriticalSolid16.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,2BAA2B;CAClC,CAAC,CAAA;AACF,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CAC/D,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,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8RAA8R,EAChS,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AACrD,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"CriticalSolid16.js","sourceRoot":"","sources":["../../../src/Icon/CriticalSolid16.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,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CAC/D,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,IAAI,EAAC,MAAM,EACX,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,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8RAA8R,EAChS,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AACrD,eAAe,kBAAkB,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CriticalSolid24.d.ts","sourceRoot":"","sources":["../../../src/Icon/CriticalSolid24.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,kBAAkB,6EA2CtB,CAAA;AAGF,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"CriticalSolid24.d.ts","sourceRoot":"","sources":["../../../src/Icon/CriticalSolid24.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,kBAAkB,6EAyCtB,CAAA;AAGF,eAAe,kBAAkB,CAAA"}

package/dist-package/src/Icon/CriticalSolid24.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: 'PicassoSvgCriticalSolid24',
-});
 const SvgCriticalSolid24 = forwardRef(function SvgCriticalSolid24(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", { fill: 'none', viewBox: '0 0 24 24', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { fill: 'none', 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", { fillRule: 'evenodd', d: 'M13.063 1.19a1.5 1.5 0 0 0-2.122 0L1.19 10.941a1.5 1.5 0 0 0 0 2.12l9.752 9.753a1.5 1.5 0 0 0 2.122 0l9.752-9.752a1.5 1.5 0 0 0 0-2.122L13.063 1.19ZM11 7.013a1 1 0 1 1 2 0v7a1 1 0 1 1-2 0v-7Zm2 10.99a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z', clipRule: 'evenodd' })));
 });
 SvgCriticalSolid24.displayName = 'SvgCriticalSolid24';

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

@@ -1 +1 @@
-{"version":3,"file":"CriticalSolid24.js","sourceRoot":"","sources":["../../../src/Icon/CriticalSolid24.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,2BAA2B;CAClC,CAAC,CAAA;AACF,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CAC/D,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,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sOAAsO,EACxO,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AACrD,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"CriticalSolid24.js","sourceRoot":"","sources":["../../../src/Icon/CriticalSolid24.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,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CAC/D,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,IAAI,EAAC,MAAM,EACX,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,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sOAAsO,EACxO,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AACrD,eAAe,kBAAkB,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard16.d.ts","sourceRoot":"","sources":["../../../src/Icon/Dashboard16.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,cAAc,6EAuClB,CAAA;AAGF,eAAe,cAAc,CAAA"}
+{"version":3,"file":"Dashboard16.d.ts","sourceRoot":"","sources":["../../../src/Icon/Dashboard16.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,cAAc,6EAqClB,CAAA;AAGF,eAAe,cAAc,CAAA"}

package/dist-package/src/Icon/Dashboard16.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: 'PicassoSvgDashboard16',
-});
 const SvgDashboard16 = forwardRef(function SvgDashboard16(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", { "data-name": 'Layer 2', viewBox: '0 0 16 16', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { "data-name": 'Layer 2', 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: 'M14.2 2H1.8C.81 2 0 2.81 0 3.8v8.4c0 .99.81 1.8 1.8 1.8h12.4c.99 0 1.8-.81 1.8-1.8V3.8c0-.99-.81-1.8-1.8-1.8ZM1 3.8c0-.44.36-.8.8-.8H5v2H1V3.8Zm.8 9.2c-.44 0-.8-.36-.8-.8V6h4v7H1.8Zm13.2-.8c0 .44-.36.8-.8.8H6V3h8.2c.44 0 .8.36.8.8v8.4ZM7 8h7V5H7v3Zm1-2h5v1H8V6Zm-1 6h7V9H7v3Zm1-2h5v1H8v-1Z' })));
 });
 SvgDashboard16.displayName = 'SvgDashboard16';

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard16.js","sourceRoot":"","sources":["../../../src/Icon/Dashboard16.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,uBAAuB;CAC9B,CAAC,CAAA;AACF,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,cAAc,CACvD,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,0CACY,SAAS,EACnB,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,mSAAmS,GAAG,CAC1S,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAC7C,eAAe,cAAc,CAAA"}
+{"version":3,"file":"Dashboard16.js","sourceRoot":"","sources":["../../../src/Icon/Dashboard16.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,cAAc,GAAG,UAAU,CAAC,SAAS,cAAc,CACvD,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,0CACY,SAAS,EACnB,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,mSAAmS,GAAG,CAC1S,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAC7C,eAAe,cAAc,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard24.d.ts","sourceRoot":"","sources":["../../../src/Icon/Dashboard24.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,cAAc,6EAuClB,CAAA;AAGF,eAAe,cAAc,CAAA"}
+{"version":3,"file":"Dashboard24.d.ts","sourceRoot":"","sources":["../../../src/Icon/Dashboard24.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,cAAc,6EAqClB,CAAA;AAGF,eAAe,cAAc,CAAA"}

package/dist-package/src/Icon/Dashboard24.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: 'PicassoSvgDashboard24',
-});
 const SvgDashboard24 = forwardRef(function SvgDashboard24(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", { "data-name": 'Layer 2', viewBox: '0 0 24 24', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { "data-name": 'Layer 2', 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: 'M21.5 3h-19A2.5 2.5 0 0 0 0 5.5v13A2.5 2.5 0 0 0 2.5 21h19a2.5 2.5 0 0 0 2.5-2.5v-13A2.5 2.5 0 0 0 21.5 3Zm-19 1H7v4H1V5.5C1 4.67 1.67 4 2.5 4Zm0 16c-.83 0-1.5-.67-1.5-1.5V9h6v11H2.5ZM23 18.5c0 .83-.67 1.5-1.5 1.5H8V4h13.5c.83 0 1.5.67 1.5 1.5v13ZM10 12h11V8H10v4Zm1-3h9v2h-9V9Zm-1 9h11v-4H10v4Zm1-3h9v2h-9v-2Z' })));
 });
 SvgDashboard24.displayName = 'SvgDashboard24';

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard24.js","sourceRoot":"","sources":["../../../src/Icon/Dashboard24.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,uBAAuB;CAC9B,CAAC,CAAA;AACF,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,cAAc,CACvD,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,0CACY,SAAS,EACnB,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,wTAAwT,GAAG,CAC/T,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAC7C,eAAe,cAAc,CAAA"}
+{"version":3,"file":"Dashboard24.js","sourceRoot":"","sources":["../../../src/Icon/Dashboard24.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,cAAc,GAAG,UAAU,CAAC,SAAS,cAAc,CACvD,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,0CACY,SAAS,EACnB,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,wTAAwT,GAAG,CAC/T,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAC7C,eAAe,cAAc,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DesignerPencil16.d.ts","sourceRoot":"","sources":["../../../src/Icon/DesignerPencil16.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,6EA2CvB,CAAA;AAGF,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"DesignerPencil16.d.ts","sourceRoot":"","sources":["../../../src/Icon/DesignerPencil16.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,6EAyCvB,CAAA;AAGF,eAAe,mBAAmB,CAAA"}

package/dist-package/src/Icon/DesignerPencil16.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: 'PicassoSvgDesignerPencil16',
-});
 const SvgDesignerPencil16 = forwardRef(function SvgDesignerPencil16(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", { fill: 'none', viewBox: '0 0 16 16', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { fill: 'none', 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", { fillRule: 'evenodd', d: 'M7.924 1.235 7.5.557l-.424.678-5 8-.21.337.28.28v.001l.002.002.012.013.055.059c.048.054.12.136.207.245.174.218.409.54.644.951.471.825.934 1.989.934 3.377V16h1v-1.5c0-.17-.006-.336-.017-.5h5.034c-.011.164-.017.33-.017.5V16h1v-1.5c0-1.388.463-2.552.934-3.377.235-.411.47-.733.644-.951a5.363 5.363 0 0 1 .262-.304l.012-.013.002-.001v-.001l.28-.28-.21-.338-5-8Zm3.142 9.392a8.165 8.165 0 0 0-.91 2.373H4.844a8.46 8.46 0 0 0-1.722-3.552L7 3.243v4.842a1.5 1.5 0 1 0 1 0V3.243l3.878 6.205a8.45 8.45 0 0 0-.812 1.18Z', clipRule: 'evenodd' })));
 });
 SvgDesignerPencil16.displayName = 'SvgDesignerPencil16';

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

@@ -1 +1 @@
-{"version":3,"file":"DesignerPencil16.js","sourceRoot":"","sources":["../../../src/Icon/DesignerPencil16.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,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8fAA8f,EAChgB,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AACvD,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"DesignerPencil16.js","sourceRoot":"","sources":["../../../src/Icon/DesignerPencil16.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,IAAI,EAAC,MAAM,EACX,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,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8fAA8f,EAChgB,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AACvD,eAAe,mBAAmB,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DesignerPencil24.d.ts","sourceRoot":"","sources":["../../../src/Icon/DesignerPencil24.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,6EA2CvB,CAAA;AAGF,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"DesignerPencil24.d.ts","sourceRoot":"","sources":["../../../src/Icon/DesignerPencil24.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,6EAyCvB,CAAA;AAGF,eAAe,mBAAmB,CAAA"}

package/dist-package/src/Icon/DesignerPencil24.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: 'PicassoSvgDesignerPencil24',
-});
 const SvgDesignerPencil24 = forwardRef(function SvgDesignerPencil24(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", { fill: 'none', viewBox: '0 0 24 24', className: cx(...classNames), style: svgStyle, ref: ref, "data-testid": testId },
+    return (React.createElement("svg", { fill: 'none', 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", { fillRule: 'evenodd', d: 'M11.922 1.232 11.5.569l-.422.663-7 11-.215.338.283.283v.001l.005.005.022.022.087.093c.076.084.187.21.322.374.269.329.63.81.99 1.41C6.294 15.962 7 17.622 7 19.5V24h1v-4h7v4h1v-4.5c0-1.877.705-3.537 1.429-4.743.36-.6.72-1.08.99-1.409a9.238 9.238 0 0 1 .409-.467l.02-.022.005-.005.284-.284-.215-.338-7-11Zm4.65 13.01c-.716 1.192-1.446 2.847-1.557 4.758h-7.03c-.111-1.911-.841-3.566-1.556-4.757a12.982 12.982 0 0 0-1.301-1.798L11 3.217v6.833a2.5 2.5 0 1 0 1 0V3.217l5.872 9.228a12.982 12.982 0 0 0-1.3 1.798ZM11.5 11a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z', clipRule: 'evenodd' })));
 });
 SvgDesignerPencil24.displayName = 'SvgDesignerPencil24';

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

@@ -1 +1 @@
-{"version":3,"file":"DesignerPencil24.js","sourceRoot":"","sources":["../../../src/Icon/DesignerPencil24.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,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,iBACK,MAAM;QAEnB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uiBAAuiB,EACziB,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AACvD,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"DesignerPencil24.js","sourceRoot":"","sources":["../../../src/Icon/DesignerPencil24.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,IAAI,EAAC,MAAM,EACX,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,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uiBAAuiB,EACziB,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AACvD,eAAe,mBAAmB,CAAA"}

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

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