@toptal/picasso-accordion 1.0.24 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist-package/src/AccordionDetails/AccordionDetails.d.ts.map +1 -1
  2. package/dist-package/src/AccordionDetails/AccordionDetails.js +1 -8
  3. package/dist-package/src/AccordionDetails/AccordionDetails.js.map +1 -1
  4. package/package.json +5 -4
  5. package/src/Accordion/__snapshots__/test.tsx.snap +5 -5
  6. package/src/AccordionDetails/AccordionDetails.tsx +2 -13
  7. package/src/AccordionDetails/__snapshots__/test.tsx.snap +1 -1
package/dist-package/src/AccordionDetails/AccordionDetails.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -10,19 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React from 'react';
13
- import { makeStyles } from '@material-ui/core/styles';
14
- import { AccordionDetails as MUIAccordionDetails } from '@material-ui/core';
15
- import styles from './styles';
16
- const useStyles = makeStyles(styles, {
17
- name: 'PicassoAccordionDetails',
18
- });
19
13
  const AccordionDetails = (props) => {
20
14
  const { children,
21
15
  // Avoid passing external classes inside the rest props
22
16
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
23
17
  classes: externalClasses } = props, rest = __rest(props, ["children", "classes"]);
24
- const classes = useStyles(props);
25
- return (React.createElement(MUIAccordionDetails, Object.assign({}, rest, { classes: classes }), children));
18
+ return (React.createElement("div", Object.assign({}, rest, { className: 'flex p-0' }), children));
26
19
  };
27
20
  export default AccordionDetails;
28
21
  //# sourceMappingURL=AccordionDetails.js.map
package/dist-package/src/AccordionDetails/AccordionDetails.js.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-accordion",
3
- "version": "1.0.24",
3
+ "version": "2.0.1",
4
4
  "description": "Toptal UI components library - Accordion",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,8 +22,8 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-button": "2.1.1",
26
- "@toptal/picasso-icons": "1.5.0",
25
+ "@toptal/picasso-button": "3.0.1",
26
+ "@toptal/picasso-icons": "1.6.0",
27
27
  "@toptal/picasso-utils": "1.0.3",
28
28
  "classnames": "^2.5.1"
29
29
  },
@@ -34,13 +34,14 @@
34
34
  "peerDependencies": {
35
35
  "@material-ui/core": "4.12.4",
36
36
  "@toptal/picasso-provider": "*",
37
+ "@toptal/picasso-tailwind": ">=2.6.0",
37
38
  "react": ">=16.12.0 < 19.0.0"
38
39
  },
39
40
  "exports": {
40
41
  ".": "./dist-package/src/index.js"
41
42
  },
42
43
  "devDependencies": {
43
- "@toptal/picasso-provider": "4.2.1",
44
+ "@toptal/picasso-provider": "5.0.0",
44
45
  "@toptal/picasso-test-utils": "1.1.1"
45
46
  },
46
47
  "files": [
package/src/Accordion/__snapshots__/test.tsx.snap CHANGED
@@ -36,7 +36,7 @@ exports[`Accordion renders collapsed by default 1`] = `
36
36
  type="button"
37
37
  >
38
38
  <span
39
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold text-blue text-md"
39
+ class="items-center inline-flex font-semibold text-blue text-md"
40
40
  >
41
41
  <svg
42
42
  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`] = `
66
66
  role="region"
67
67
  >
68
68
  <div
69
- class="MuiAccordionDetails-root PicassoAccordionDetails-root PicassoAccordion-details"
69
+ class="flex p-0"
70
70
  >
71
71
  <div
72
72
  class="PicassoAccordion-detailsWrapper"
@@ -128,7 +128,7 @@ exports[`Accordion renders custom icon when passed 1`] = `
128
128
  role="region"
129
129
  >
130
130
  <div
131
- class="MuiAccordionDetails-root PicassoAccordionDetails-root PicassoAccordion-details"
131
+ class="flex p-0"
132
132
  >
133
133
  <div
134
134
  class="PicassoAccordion-detailsWrapper"
@@ -182,7 +182,7 @@ exports[`Accordion renders disabled 1`] = `
182
182
  type="button"
183
183
  >
184
184
  <span
185
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold text-blue text-md"
185
+ class="items-center inline-flex font-semibold text-blue text-md"
186
186
  >
187
187
  <svg
188
188
  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`] = `
212
212
  role="region"
213
213
  >
214
214
  <div
215
- class="MuiAccordionDetails-root PicassoAccordionDetails-root PicassoAccordion-details"
215
+ class="flex p-0"
216
216
  >
217
217
  <div
218
218
  class="PicassoAccordion-detailsWrapper"
package/src/AccordionDetails/AccordionDetails.tsx CHANGED
@@ -1,20 +1,11 @@
1
1
  import type { ReactNode, HTMLAttributes } from 'react'
2
2
  import React from 'react'
3
- import type { Theme } from '@material-ui/core/styles'
4
- import { makeStyles } from '@material-ui/core/styles'
5
- import { AccordionDetails as MUIAccordionDetails } from '@material-ui/core'
6
3
  import type { StandardProps } from '@toptal/picasso-shared'
7
4
 
8
- import styles from './styles'
9
-
10
5
  export interface Props extends StandardProps, HTMLAttributes<HTMLDivElement> {
11
6
  children?: ReactNode
12
7
  }
13
8
 
14
- const useStyles = makeStyles<Theme, Props>(styles, {
15
- name: 'PicassoAccordionDetails',
16
- })
17
-
18
9
  const AccordionDetails = (props: Props) => {
19
10
  const {
20
11
  children,
@@ -24,12 +15,10 @@ const AccordionDetails = (props: Props) => {
24
15
  ...rest
25
16
  } = props
26
17
 
27
- const classes = useStyles(props)
28
-
29
18
  return (
30
- <MUIAccordionDetails {...rest} classes={classes}>
19
+ <div {...rest} className='flex p-0'>
31
20
  {children}
32
- </MUIAccordionDetails>
21
+ </div>
33
22
  )
34
23
  }
35
24
 
package/src/AccordionDetails/__snapshots__/test.tsx.snap CHANGED
@@ -6,7 +6,7 @@ exports[`AccordionDetails renders 1`] = `
6
6
  class="Picasso-root"
7
7
  >
8
8
  <div
9
- class="MuiAccordionDetails-root PicassoAccordionDetails-root"
9
+ class="flex p-0"
10
10
  >
11
11
  Lorem ipsum
12
12
  </div>