@toptal/picasso-page 5.0.4 → 5.0.5

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

@@ -1 +1 @@
-{"version":3,"file":"PageArticle.d.ts","sourceRoot":"","sources":["../../../src/PageArticle/PageArticle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAKtD,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAK7E,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAMD,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,KAAK,CAiBlD,CAAA;AAMF,eAAe,WAAW,CAAA"}
+{"version":3,"file":"PageArticle.d.ts","sourceRoot":"","sources":["../../../src/PageArticle/PageArticle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAI7E,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,KAAK,CAgBlD,CAAA;AAMF,eAAe,WAAW,CAAA"}

package/dist-package/src/PageArticle/PageArticle.js

@@ -10,17 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import cx from 'classnames';
 import { Container } from '@toptal/picasso-container';
-import styles from './styles';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoPageArticle',
-});
+import { twMerge } from '@toptal/picasso-tailwind-merge';
 export const PageArticle = forwardRef(function PageArticle(props, ref) {
     const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
-    const classes = useStyles();
-    return (React.createElement(Container, Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), style: style }), children));
+    return (React.createElement(Container, Object.assign({}, rest, { ref: ref, className: twMerge('flex-1 my-0 mx-4 md:mx-8', className), style: style }), children));
 });
 PageArticle.defaultProps = {};
 PageArticle.displayName = 'PageArticle';

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

@@ -1 +1 @@
-{"version":3,"file":"PageArticle.js","sourceRoot":"","sources":["../../../src/PageArticle/PageArticle.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAgC,UAAU,CAGhE,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC/B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK,KAEX,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
+{"version":3,"file":"PageArticle.js","sourceRoot":"","sources":["../../../src/PageArticle/PageArticle.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAOxD,MAAM,CAAC,MAAM,WAAW,GAAgC,UAAU,CAGhE,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC/B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,0BAA0B,EAAE,SAAS,CAAC,EACzD,KAAK,EAAE,KAAK,KAEX,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-page",
-  "version": "5.0.4",
+  "version": "5.0.5",
   "description": "Toptal UI components library - Page",
   "publishConfig": {
     "access": "public"

package/src/PageArticle/PageArticle.tsx

@@ -1,34 +1,25 @@
 import type { ReactNode, HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
-import type { Theme } from '@material-ui/core/styles'
-import { makeStyles } from '@material-ui/core/styles'
-import cx from 'classnames'
 import type { BaseProps, OverridableComponent } from '@toptal/picasso-shared'
 import { Container } from '@toptal/picasso-container'
-
-import styles from './styles'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
 
 export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
   /** Custom components that render content of page */
   children: ReactNode
 }
 
-const useStyles = makeStyles<Theme>(styles, {
-  name: 'PicassoPageArticle',
-})
-
 export const PageArticle: OverridableComponent<Props> = forwardRef<
   HTMLDivElement,
   Props
 >(function PageArticle(props, ref) {
   const { children, className, style, ...rest } = props
-  const classes = useStyles()
 
   return (
     <Container
       {...rest}
       ref={ref}
-      className={cx(classes.root, className)}
+      className={twMerge('flex-1 my-0 mx-4 md:mx-8', className)}
       style={style}
     >
       {children}

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

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

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

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

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

@@ -1,11 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ screens, layout }) => createStyles({
-    root: {
-        flex: 1,
-        margin: `0 ${layout.contentMobilePaddingHorizontal}`,
-        [screens('md', 'lg', 'xl')]: {
-            margin: `0 ${layout.contentPaddingHorizontal}`,
-        },
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/PageArticle/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAE,MAAM,EAAS,EAAE,EAAE,CAC5C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,KAAK,MAAM,CAAC,8BAA8B,EAAE;QAEpD,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YAC3B,MAAM,EAAE,KAAK,MAAM,CAAC,wBAAwB,EAAE;SAC/C;KACF;CACF,CAAC,CAAA"}

package/src/PageArticle/styles.ts

@@ -1,14 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-
-export default ({ screens, layout }: Theme) =>
-  createStyles({
-    root: {
-      flex: 1,
-      margin: `0 ${layout.contentMobilePaddingHorizontal}`,
-
-      [screens('md', 'lg', 'xl')]: {
-        margin: `0 ${layout.contentPaddingHorizontal}`,
-      },
-    },
-  })