@toptal/picasso-drawer 3.0.33 → 3.0.34

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWtC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAIrD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,+CAA+C;IAC/C,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,uFAAuF;IACvF,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAA;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,kKAAkK;IAClK,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,iDAAiD;IACjD,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,iEAAiE;IACjE,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAiBD,eAAO,MAAM,MAAM;YAAW,KAAK;;;;;;;;CA2FlC,CAAA;AAWD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYtC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAIrD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,+CAA+C;IAC/C,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,uFAAuF;IACvF,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAA;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,kKAAkK;IAClK,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,iDAAiD;IACjD,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,iEAAiE;IACjE,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAiBD,eAAO,MAAM,MAAM;YAAW,KAAK;;;;;;;;CAkGlC,CAAA;AAWD,eAAe,MAAM,CAAA"}

package/dist-package/src/Drawer/Drawer.js

@@ -1,6 +1,5 @@
 import React, { useRef } from 'react';
 import { Modal } from '@mui/base/Modal';
-import cx from 'classnames';
 import { useDrawer, usePicassoRoot } from '@toptal/picasso-provider';
 import { CloseMinor16 } from '@toptal/picasso-icons';
 import { ButtonCircular } from '@toptal/picasso-button';
@@ -8,6 +7,7 @@ import { Slide } from '@toptal/picasso-slide';
 import { Backdrop } from '@toptal/picasso-backdrop';
 import { Container } from '@toptal/picasso-container';
 import { useIsomorphicLayoutEffect, usePageScrollLock, } from '@toptal/picasso-utils';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
 import { DrawerTitle } from '../DrawerTitle';
 import { DrawerPaper } from '../DrawerPaper';
 const widthClassName = {
@@ -42,14 +42,14 @@ export const Drawer = (props) => {
         }
     };
     const backdropProps = { invisible: transparentBackdrop };
-    return (React.createElement(Modal, { open: open, ref: ref, className: cx(className, 'z-drawer inset-0', { fixed: !disableBackdrop }), slots: {
+    return (React.createElement(Modal, { open: open, ref: ref, className: twMerge(className, 'z-drawer inset-0', !disableBackdrop && 'fixed'), slots: {
             backdrop: disableBackdrop ? undefined : Backdrop,
         }, slotProps: {
             backdrop: backdropProps,
         }, "data-testid": testId, "data-private": dataPrivate, style: style, closeAfterTransition: true, onClose: handleOnClose, disablePortal: disablePortal, container: container, disableScrollLock: true, disableEscapeKeyDown: false },
         React.createElement(Slide, { in: open, direction: oppositeDirection[anchor], timeout: transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.timeout, onExited: transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.onExited },
             React.createElement(DrawerPaper, { anchor: anchor },
-                React.createElement(Container, { flex: true, direction: 'column', className: cx('max-w-full relative flex-1', widthClassName[width]) },
+                React.createElement(Container, { flex: true, direction: 'column', className: twMerge('max-w-full relative flex-1', widthClassName[width]) },
                     React.createElement(DrawerTitle, { title: title }),
                     React.createElement(Container, { flex: true, className: 'flex-1' }, children),
                     React.createElement(ButtonCircular, { variant: 'flat', icon: React.createElement(CloseMinor16, null), onClick: handleOnClose, className: 'absolute right-6 top-4', "aria-label": 'Close drawer' }))))));

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerPaper.d.ts","sourceRoot":"","sources":["../../../src/DrawerPaper/DrawerPaper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,cAAc,EAAO,MAAM,OAAO,CAAA;AAGhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,UAAU,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzD,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB;AAED,QAAA,MAAM,WAAW,mFA6BhB,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"DrawerPaper.d.ts","sourceRoot":"","sources":["../../../src/DrawerPaper/DrawerPaper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAO,MAAM,OAAO,CAAA;AAIhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,UAAU,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzD,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB;AAED,QAAA,MAAM,WAAW,mFA2BhB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist-package/src/DrawerPaper/DrawerPaper.js

@@ -1,13 +1,10 @@
 import React, { forwardRef } from 'react';
-import cx from 'classnames';
 import { Paper } from '@toptal/picasso-paper';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
 const DrawerPaper = forwardRef(({ children, anchor = 'right', className, style }, ref) => {
-    return (React.createElement(Paper, { style: style, ref: ref, tabIndex: -1, elevation: 16, className: cx(className, 'fixed top-0 h-full flex flex-col outline-0 z-drawer', 'max-w-full overflow-y-auto webkit-overflow-scrolling-touch', {
-            'left-0 right-auto': anchor === 'left',
-            'left-auto right-0': anchor === 'right',
-            'bottom-auto top-0 left-0 right-0 h-auto max-h-full': anchor === 'top',
-            'bottom-0 top-auto left-0 right-0 h-auto max-h-full': anchor === 'bottom',
-        }) }, children));
+    return (React.createElement(Paper, { style: style, ref: ref, tabIndex: -1, elevation: 16, className: twMerge(className, 'fixed top-0 h-full flex flex-col outline-0 z-drawer', 'max-w-full overflow-y-auto webkit-overflow-scrolling-touch', anchor === 'left' && 'left-0 right-auto', anchor === 'right' && 'left-auto right-0', anchor === 'top' &&
+            'bottom-auto top-0 left-0 right-0 h-auto max-h-full', anchor === 'bottom' &&
+            'bottom-0 top-auto left-0 right-0 h-auto max-h-full') }, children));
 });
 export default DrawerPaper;
 //# sourceMappingURL=DrawerPaper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerPaper.js","sourceRoot":"","sources":["../../../src/DrawerPaper/DrawerPaper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAQ7C,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,EAAE,SAAS,EAAE,KAAK,EAAc,EAC5D,GAAwB,EACxB,EAAE;IACF,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,EACb,SAAS,EAAE,EAAE,CACX,SAAS,EACT,qDAAqD,EACrD,4DAA4D,EAC5D;YACE,mBAAmB,EAAE,MAAM,KAAK,MAAM;YACtC,mBAAmB,EAAE,MAAM,KAAK,OAAO;YACvC,oDAAoD,EAClD,MAAM,KAAK,KAAK;YAClB,oDAAoD,EAClD,MAAM,KAAK,QAAQ;SACtB,CACF,IAEA,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"DrawerPaper.js","sourceRoot":"","sources":["../../../src/DrawerPaper/DrawerPaper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAQxD,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,EAAE,SAAS,EAAE,KAAK,EAAc,EAC5D,GAAwB,EACxB,EAAE;IACF,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,EACb,SAAS,EAAE,OAAO,CAChB,SAAS,EACT,qDAAqD,EACrD,4DAA4D,EAC5D,MAAM,KAAK,MAAM,IAAI,mBAAmB,EACxC,MAAM,KAAK,OAAO,IAAI,mBAAmB,EACzC,MAAM,KAAK,KAAK;YACd,oDAAoD,EACtD,MAAM,KAAK,QAAQ;YACjB,oDAAoD,CACvD,IAEA,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerTitle.d.ts","sourceRoot":"","sources":["../../../src/DrawerTitle/DrawerTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIvD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,eAAO,MAAM,WAAW;gBAAe,KAAK;;CAoB3C,CAAA;AAID,eAAe,WAAW,CAAA"}
+{"version":3,"file":"DrawerTitle.d.ts","sourceRoot":"","sources":["../../../src/DrawerTitle/DrawerTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,eAAO,MAAM,WAAW;gBAAe,KAAK;;CAgB3C,CAAA;AAID,eAAe,WAAW,CAAA"}

package/dist-package/src/DrawerTitle/DrawerTitle.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Typography } from '@toptal/picasso-typography';
-import { Container } from '@toptal/picasso-container';
 export const DrawerTitle = ({ title }) => {
     if (!title) {
         return null;
@@ -8,7 +7,7 @@ export const DrawerTitle = ({ title }) => {
     if (React.isValidElement(title)) {
         return title;
     }
-    return (React.createElement(Container, { flex: true, alignItems: 'center', className: 'border-gray-100 border-0 border-solid border-b py-4 pr-[4rem] pl-6' },
+    return (React.createElement("div", { className: 'flex items-center border-gray-100 border-0 border-solid border-b py-4 pr-[4rem] pl-6' },
         React.createElement(Typography, { variant: 'heading', size: 'medium', className: 'grow' }, title)));
 };
 DrawerTitle.displayName = 'DrawerTitle';

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerTitle.js","sourceRoot":"","sources":["../../../src/DrawerTitle/DrawerTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAMrD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IAC9C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;QAC/B,OAAO,KAAK,CAAA;KACb;IAED,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,oEAAoE;QAE9E,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,IACzD,KAAK,CACK,CACH,CACb,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
+{"version":3,"file":"DrawerTitle.js","sourceRoot":"","sources":["../../../src/DrawerTitle/DrawerTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAMvD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IAC9C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;QAC/B,OAAO,KAAK,CAAA;KACb;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,sFAAsF;QACnG,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,IACzD,KAAK,CACK,CACT,CACP,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-drawer",
-  "version": "3.0.33",
+  "version": "3.0.34",
   "description": "Toptal UI components library - Drawer",
   "publishConfig": {
     "access": "public"
@@ -30,8 +30,7 @@
     "@toptal/picasso-container": "3.1.2",
     "@toptal/picasso-icons": "1.12.1",
     "@toptal/picasso-typography": "4.0.3",
-    "@toptal/picasso-utils": "3.1.0",
-    "classnames": "^2.5.1"
+    "@toptal/picasso-utils": "3.1.0"
   },
   "sideEffects": [
     "**/styles.ts",
@@ -41,13 +40,15 @@
     "@material-ui/core": "4.12.4",
     "@toptal/picasso-provider": "*",
     "@toptal/picasso-tailwind": ">=2.7",
+    "@toptal/picasso-tailwind-merge": "^2.0.0",
     "react": ">=16.12.0 < 19.0.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-provider": "5.0.0"
+    "@toptal/picasso-provider": "5.0.0",
+    "@toptal/picasso-tailwind-merge": "2.0.3"
   },
   "files": [
     "dist-package/**",

package/src/Drawer/Drawer.tsx

@@ -1,6 +1,5 @@
 import React, { useRef } from 'react'
 import { Modal } from '@mui/base/Modal'
-import cx from 'classnames'
 import type { BaseProps, TransitionProps } from '@toptal/picasso-shared'
 import { useDrawer, usePicassoRoot } from '@toptal/picasso-provider'
 import type { ReactNode } from 'react'
@@ -13,6 +12,7 @@ import {
   useIsomorphicLayoutEffect,
   usePageScrollLock,
 } from '@toptal/picasso-utils'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
 
 import type { AnchorType, WidthType } from '../types'
 import { DrawerTitle } from '../DrawerTitle'
@@ -104,7 +104,11 @@ export const Drawer = (props: Props) => {
     <Modal
       open={open}
       ref={ref}
-      className={cx(className, 'z-drawer inset-0', { fixed: !disableBackdrop })}
+      className={twMerge(
+        className,
+        'z-drawer inset-0',
+        !disableBackdrop && 'fixed'
+      )}
       slots={{
         backdrop: disableBackdrop ? undefined : Backdrop,
       }}
@@ -131,7 +135,10 @@ export const Drawer = (props: Props) => {
           <Container
             flex
             direction='column'
-            className={cx('max-w-full relative flex-1', widthClassName[width])}
+            className={twMerge(
+              'max-w-full relative flex-1',
+              widthClassName[width]
+            )}
           >
             <DrawerTitle title={title} />
             <Container flex className='flex-1'>

package/src/DrawerPaper/DrawerPaper.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react'
-import cx from 'classnames'
 import type { HTMLAttributes, Ref } from 'react'
 import { Paper } from '@toptal/picasso-paper'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
 
 import type { AnchorType } from '../types'
 
@@ -20,18 +20,16 @@ const DrawerPaper = forwardRef(
         ref={ref}
         tabIndex={-1}
         elevation={16}
-        className={cx(
+        className={twMerge(
           className,
           'fixed top-0 h-full flex flex-col outline-0 z-drawer',
           'max-w-full overflow-y-auto webkit-overflow-scrolling-touch',
-          {
-            'left-0 right-auto': anchor === 'left',
-            'left-auto right-0': anchor === 'right',
-            'bottom-auto top-0 left-0 right-0 h-auto max-h-full':
-              anchor === 'top',
-            'bottom-0 top-auto left-0 right-0 h-auto max-h-full':
-              anchor === 'bottom',
-          }
+          anchor === 'left' && 'left-0 right-auto',
+          anchor === 'right' && 'left-auto right-0',
+          anchor === 'top' &&
+            'bottom-auto top-0 left-0 right-0 h-auto max-h-full',
+          anchor === 'bottom' &&
+            'bottom-0 top-auto left-0 right-0 h-auto max-h-full'
         )}
       >
         {children}

package/src/DrawerTitle/DrawerTitle.tsx

@@ -2,7 +2,6 @@ import type { ReactNode } from 'react'
 import React from 'react'
 import type { BaseProps } from '@toptal/picasso-shared'
 import { Typography } from '@toptal/picasso-typography'
-import { Container } from '@toptal/picasso-container'
 
 export interface Props extends BaseProps {
   title?: ReactNode
@@ -18,15 +17,11 @@ export const DrawerTitle = ({ title }: Props) => {
   }
 
   return (
-    <Container
-      flex
-      alignItems='center'
-      className='border-gray-100 border-0 border-solid border-b py-4 pr-[4rem] pl-6'
-    >
+    <div className='flex items-center border-gray-100 border-0 border-solid border-b py-4 pr-[4rem] pl-6'>
       <Typography variant='heading' size='medium' className='grow'>
         {title}
       </Typography>
-    </Container>
+    </div>
   )
 }
 

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/DrawerTitle/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;sCAGxB,KAAK;AAAlC,wBAMI"}

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

@@ -1,8 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ palette }) => createStyles({
-    header: {
-        borderBottom: `1px solid ${palette.grey.lighter}`,
-        padding: '1rem 4rem 1rem 1.5rem',
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/DrawerTitle/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,MAAM,EAAE;QACN,YAAY,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;QACjD,OAAO,EAAE,uBAAuB;KACjC;CACF,CAAC,CAAA"}

package/src/DrawerTitle/styles.ts

@@ -1,10 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-
-export default ({ palette }: Theme) =>
-  createStyles({
-    header: {
-      borderBottom: `1px solid ${palette.grey.lighter}`,
-      padding: '1rem 4rem 1rem 1.5rem',
-    },
-  })