@toptal/picasso-accordion 1.0.24 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAI3D,MAAM,WAAW,KAAM,SAAQ,aAAa,EAAE,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAMD,QAAA,MAAM,gBAAgB,UAAW,KAAK,gBAgBrC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAE3D,MAAM,WAAW,KAAM,SAAQ,aAAa,EAAE,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,QAAA,MAAM,gBAAgB,UAAW,KAAK,gBAcrC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist-package/src/AccordionDetails/AccordionDetails.js

@@ -10,19 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import { AccordionDetails as MUIAccordionDetails } from '@material-ui/core';
-import styles from './styles';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoAccordionDetails',
-});
 const AccordionDetails = (props) => {
     const { children, 
     // Avoid passing external classes inside the rest props
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     classes: externalClasses } = props, rest = __rest(props, ["children", "classes"]);
-    const classes = useStyles(props);
-    return (React.createElement(MUIAccordionDetails, Object.assign({}, rest, { classes: classes }), children));
+    return (React.createElement("div", Object.assign({}, rest, { className: 'flex p-0' }), children));
 };
 export default AccordionDetails;
 //# sourceMappingURL=AccordionDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionDetails.js","sourceRoot":"","sources":["../../../src/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAG3E,OAAO,MAAM,MAAM,UAAU,CAAA;AAM7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EACJ,QAAQ;IACR,uDAAuD;IACvD,6DAA6D;IAC7D,OAAO,EAAE,eAAe,KAEtB,KAAK,EADJ,IAAI,UACL,KAAK,EANH,uBAML,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,mBAAmB,oBAAK,IAAI,IAAE,OAAO,EAAE,OAAO,KAC5C,QAAQ,CACW,CACvB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"AccordionDetails.js","sourceRoot":"","sources":["../../../src/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EACJ,QAAQ;IACR,uDAAuD;IACvD,6DAA6D;IAC7D,OAAO,EAAE,eAAe,KAEtB,KAAK,EADJ,IAAI,UACL,KAAK,EANH,uBAML,CAAQ,CAAA;IAET,OAAO,CACL,6CAAS,IAAI,IAAE,SAAS,EAAC,UAAU,KAChC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-accordion",
-  "version": "1.0.24",
+  "version": "2.0.0",
   "description": "Toptal UI components library - Accordion",
   "publishConfig": {
     "access": "public"
@@ -22,7 +22,7 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-button": "2.1.1",
+    "@toptal/picasso-button": "3.0.0",
     "@toptal/picasso-icons": "1.5.0",
     "@toptal/picasso-utils": "1.0.3",
     "classnames": "^2.5.1"
@@ -34,13 +34,14 @@
   "peerDependencies": {
     "@material-ui/core": "4.12.4",
     "@toptal/picasso-provider": "*",
+    "@toptal/picasso-tailwind": ">=2.6.0",
     "react": ">=16.12.0 < 19.0.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-provider": "4.2.1",
+    "@toptal/picasso-provider": "5.0.0",
     "@toptal/picasso-test-utils": "1.1.1"
   },
   "files": [

package/src/Accordion/__snapshots__/test.tsx.snap

@@ -36,7 +36,7 @@ exports[`Accordion renders collapsed by default 1`] = `
               type="button"
             >
               <span
-                class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold text-blue text-md"
+                class="items-center inline-flex font-semibold text-blue text-md"
               >
                 <svg
                   class="PicassoSvgArrowDownMinor16-root text-[1.2em] flex-1 w-4 h-4 text-graphite PicassoAccordion-expandIcon"
@@ -66,7 +66,7 @@ exports[`Accordion renders collapsed by default 1`] = `
               role="region"
             >
               <div
-                class="MuiAccordionDetails-root PicassoAccordionDetails-root PicassoAccordion-details"
+                class="flex p-0"
               >
                 <div
                   class="PicassoAccordion-detailsWrapper"
@@ -128,7 +128,7 @@ exports[`Accordion renders custom icon when passed 1`] = `
               role="region"
             >
               <div
-                class="MuiAccordionDetails-root PicassoAccordionDetails-root PicassoAccordion-details"
+                class="flex p-0"
               >
                 <div
                   class="PicassoAccordion-detailsWrapper"
@@ -182,7 +182,7 @@ exports[`Accordion renders disabled 1`] = `
               type="button"
             >
               <span
-                class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold text-blue text-md"
+                class="items-center inline-flex font-semibold text-blue text-md"
               >
                 <svg
                   class="PicassoSvgArrowDownMinor16-root text-[1.2em] flex-1 w-4 h-4 text-graphite PicassoAccordion-expandIcon"
@@ -212,7 +212,7 @@ exports[`Accordion renders disabled 1`] = `
               role="region"
             >
               <div
-                class="MuiAccordionDetails-root PicassoAccordionDetails-root PicassoAccordion-details"
+                class="flex p-0"
               >
                 <div
                   class="PicassoAccordion-detailsWrapper"

package/src/AccordionDetails/AccordionDetails.tsx

@@ -1,20 +1,11 @@
 import type { ReactNode, HTMLAttributes } from 'react'
 import React from 'react'
-import type { Theme } from '@material-ui/core/styles'
-import { makeStyles } from '@material-ui/core/styles'
-import { AccordionDetails as MUIAccordionDetails } from '@material-ui/core'
 import type { StandardProps } from '@toptal/picasso-shared'
 
-import styles from './styles'
-
 export interface Props extends StandardProps, HTMLAttributes<HTMLDivElement> {
   children?: ReactNode
 }
 
-const useStyles = makeStyles<Theme, Props>(styles, {
-  name: 'PicassoAccordionDetails',
-})
-
 const AccordionDetails = (props: Props) => {
   const {
     children,
@@ -24,12 +15,10 @@ const AccordionDetails = (props: Props) => {
     ...rest
   } = props
 
-  const classes = useStyles(props)
-
   return (
-    <MUIAccordionDetails {...rest} classes={classes}>
+    <div {...rest} className='flex p-0'>
       {children}
-    </MUIAccordionDetails>
+    </div>
   )
 }
 

package/src/AccordionDetails/__snapshots__/test.tsx.snap

@@ -6,7 +6,7 @@ exports[`AccordionDetails renders 1`] = `
     class="Picasso-root"
   >
     <div
-      class="MuiAccordionDetails-root PicassoAccordionDetails-root"
+      class="flex p-0"
     >
       Lorem ipsum
     </div>