@toptal/picasso-modal 2.0.10 → 3.0.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Modal/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,MAAM,SAAS,GAAG,mBAAmB,CAAA;AACrC,MAAM,QAAQ,GAAG,mBAAmB,CAAA;AAEpC,MAAM,sBAAsB,GAAG,mBAAmB,CAAA;AAClD,MAAM,sBAAsB,GAAG,mBAAmB,CAAA;AAClD,MAAM,qBAAqB,GAAG,mBAAmB,CAAA;AAEjD,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,6CAA6C;QAC7C,mDAAmD;QACnD,QAAQ,EAAE,MAAM;KACjB;IACD,SAAS,EAAE,EAAE;IACb,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QAEd,SAAS,EAAE,sBAAsB;QACjC,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM;QAEvC,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YACjC,MAAM,EAAE,MAAM;YACd,SAAS;YACT,QAAQ;SACT;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;KACjB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,WAAW;KACnB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;KACf;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;KACf;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,CAAC;KAChB;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QAEN,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YACjC,SAAS,EAAE,sBAAsB;SAClC;KACF;CACF,CAAC,CAAA"}

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

@@ -1,3 +0,0 @@
-declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ModalActions/styles.ts"],"names":[],"mappings":";AAEA,wBAMI"}

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

@@ -1,8 +0,0 @@
-import { createStyles } from '@material-ui/core';
-export default () => createStyles({
-    root: {
-        margin: '0 2em 2em',
-        textAlign: 'right',
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ModalActions/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;QACnB,SAAS,EAAE,OAAO;KACnB;CACF,CAAC,CAAA"}

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

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

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

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

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

@@ -1,31 +0,0 @@
-import { createStyles } from '@material-ui/core';
-const WRAPPER_PADDING = '2em';
-const SHADE_HEIGHT = '80px';
-const shadeStyles = {
-    zIndex: 1,
-    position: 'absolute',
-    pointerEvents: 'none',
-    right: WRAPPER_PADDING,
-    left: WRAPPER_PADDING,
-    height: `calc(${SHADE_HEIGHT} + ${WRAPPER_PADDING})`,
-};
-export default ({ palette }) => {
-    const BACKGROUND_STARTING_COLOR = palette.background.default;
-    const BACKGROUND_FINISHING_COLOR = 'rgba(255, 255, 255, 0)';
-    return createStyles({
-        modalContent: {
-            padding: `1.5em ${WRAPPER_PADDING} ${WRAPPER_PADDING}`,
-            overflow: 'auto',
-            flex: '1 1 auto',
-        },
-        wrapper: {
-            display: 'flex',
-            position: 'relative',
-            flex: '1 1 auto',
-            overflowY: 'hidden',
-        },
-        topShade: Object.assign(Object.assign({}, shadeStyles), { top: 0, background: `linear-gradient(180deg, ${BACKGROUND_STARTING_COLOR} 0%, ${BACKGROUND_STARTING_COLOR} ${WRAPPER_PADDING}, ${BACKGROUND_FINISHING_COLOR} 100%)` }),
-        bottomShade: Object.assign(Object.assign({}, shadeStyles), { bottom: 0, background: `linear-gradient(0deg, ${BACKGROUND_STARTING_COLOR} 0%, ${BACKGROUND_STARTING_COLOR} ${WRAPPER_PADDING}, ${BACKGROUND_FINISHING_COLOR} 100%)` }),
-    });
-};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ModalContent/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,eAAe,GAAG,KAAK,CAAA;AAC7B,MAAM,YAAY,GAAG,MAAM,CAAA;AAE3B,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,UAAmB;IAC7B,aAAa,EAAE,MAAe;IAC9B,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,QAAQ,YAAY,MAAM,eAAe,GAAG;CACrD,CAAA;AAED,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IACpC,MAAM,yBAAyB,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAA;IAC5D,MAAM,0BAA0B,GAAG,wBAAwB,CAAA;IAE3D,OAAO,YAAY,CAAC;QAClB,YAAY,EAAE;YACZ,OAAO,EAAE,SAAS,eAAe,IAAI,eAAe,EAAE;YACtD,QAAQ,EAAE,MAAM;YAChB,IAAI,EAAE,UAAU;SACjB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,QAAQ;SACpB;QACD,QAAQ,kCACH,WAAW,KACd,GAAG,EAAE,CAAC,EACN,UAAU,EAAE,2BAA2B,yBAAyB,QAAQ,yBAAyB,IAAI,eAAe,KAAK,0BAA0B,QAAQ,GAC5J;QACD,WAAW,kCACN,WAAW,KACd,MAAM,EAAE,CAAC,EACT,UAAU,EAAE,yBAAyB,yBAAyB,QAAQ,yBAAyB,IAAI,eAAe,KAAK,0BAA0B,QAAQ,GAC1J;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}

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

@@ -1,3 +0,0 @@
-declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ModalTitle/styles.ts"],"names":[],"mappings":";AAEA,wBAMI"}

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

@@ -1,8 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default () => createStyles({
-    root: {
-        margin: '2em 2em 0',
-        paddingRight: '1.5em',
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ModalTitle/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,OAAO;KACtB;CACF,CAAC,CAAA"}

package/src/Modal/styles.ts

@@ -1,75 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-import { PicassoProvider } from '@toptal/picasso-provider'
-
-const maxHeight = 'calc(100% - 6rem)'
-const maxWidth = 'calc(100% - 6rem)'
-
-const maxHeightForTopAligned = 'calc(100% - 4rem)'
-const maxHeightForExtraSmall = 'calc(100% - 2rem)'
-const maxWidthForExtraSmall = 'calc(100% - 2rem)'
-
-PicassoProvider.override(() => ({
-  MuiPaper: {
-    root: {
-      color: 'unset',
-    },
-  },
-}))
-
-export default ({ screens, sizes }: Theme) =>
-  createStyles({
-    root: {
-      display: 'flex',
-      flexDirection: 'column',
-      // do not remove, should be covered with test
-      // https://toptal-core.atlassian.net/browse/FX-1543
-      fontSize: '1rem',
-    },
-    container: {},
-    paper: {
-      height: 'auto',
-
-      maxHeight: maxHeightForExtraSmall,
-      maxWidth: maxWidthForExtraSmall,
-      margin: '1rem',
-      borderRadius: sizes.borderRadius.medium,
-
-      [screens('sm', 'md', 'lg', 'xl')]: {
-        margin: '2rem',
-        maxHeight,
-        maxWidth,
-      },
-    },
-    xsmall: {
-      width: '20.5rem',
-    },
-    small: {
-      width: '32.5rem',
-    },
-    medium: {
-      width: '40.625rem',
-    },
-    large: {
-      width: '50rem',
-    },
-    xlarge: {
-      width: '75rem',
-    },
-    'full-screen': {
-      height: '100%',
-      width: '100%',
-      maxHeight: '100%',
-      maxWidth: '100%',
-      margin: 0,
-      borderRadius: 0,
-    },
-    topAlignedDialog: {
-      position: 'absolute',
-      top: 0,
-
-      [screens('sm', 'md', 'lg', 'xl')]: {
-        maxHeight: maxHeightForTopAligned,
-      },
-    },
-  })

package/src/ModalActions/styles.ts

@@ -1,9 +0,0 @@
-import { createStyles } from '@material-ui/core'
-
-export default () =>
-  createStyles({
-    root: {
-      margin: '0 2em 2em',
-      textAlign: 'right',
-    },
-  })

package/src/ModalContent/styles.ts

@@ -1,43 +0,0 @@
-import type { Theme } from '@material-ui/core'
-import { createStyles } from '@material-ui/core'
-
-const WRAPPER_PADDING = '2em'
-const SHADE_HEIGHT = '80px'
-
-const shadeStyles = {
-  zIndex: 1,
-  position: 'absolute' as const,
-  pointerEvents: 'none' as const,
-  right: WRAPPER_PADDING,
-  left: WRAPPER_PADDING,
-  height: `calc(${SHADE_HEIGHT} + ${WRAPPER_PADDING})`,
-}
-
-export default ({ palette }: Theme) => {
-  const BACKGROUND_STARTING_COLOR = palette.background.default
-  const BACKGROUND_FINISHING_COLOR = 'rgba(255, 255, 255, 0)'
-
-  return createStyles({
-    modalContent: {
-      padding: `1.5em ${WRAPPER_PADDING} ${WRAPPER_PADDING}`,
-      overflow: 'auto',
-      flex: '1 1 auto',
-    },
-    wrapper: {
-      display: 'flex',
-      position: 'relative',
-      flex: '1 1 auto',
-      overflowY: 'hidden',
-    },
-    topShade: {
-      ...shadeStyles,
-      top: 0,
-      background: `linear-gradient(180deg, ${BACKGROUND_STARTING_COLOR} 0%, ${BACKGROUND_STARTING_COLOR} ${WRAPPER_PADDING}, ${BACKGROUND_FINISHING_COLOR} 100%)`,
-    },
-    bottomShade: {
-      ...shadeStyles,
-      bottom: 0,
-      background: `linear-gradient(0deg, ${BACKGROUND_STARTING_COLOR} 0%, ${BACKGROUND_STARTING_COLOR} ${WRAPPER_PADDING}, ${BACKGROUND_FINISHING_COLOR} 100%)`,
-    },
-  })
-}

package/src/ModalTitle/styles.ts

@@ -1,9 +0,0 @@
-import { createStyles } from '@material-ui/core/styles'
-
-export default () =>
-  createStyles({
-    root: {
-      margin: '2em 2em 0',
-      paddingRight: '1.5em',
-    },
-  })