@toptal/picasso-calendar 2.0.1 → 3.0.0

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

@@ -1,94 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-import { alpha } from '@toptal/picasso-shared';
-export default ({ palette, sizes }) => createStyles({
-    day: {
-        height: '2.5rem',
-        width: '2.5rem',
-        minWidth: '2.5rem',
-        verticalAlign: 'middle',
-        fontSize: '0.75rem',
-        userSelect: 'none',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        background: palette.common.white,
-        position: 'relative',
-        margin: 0,
-        padding: 0,
-        border: 'none',
-        outline: 0,
-        borderRadius: sizes.borderRadius.small,
-        cursor: 'pointer',
-        '&:hover:not($selected):not($disabled):not($startSelection):not($endSelection), &:focus:not($selected):not($disabled):not($startSelection):not($endSelection)': {
-            backgroundColor: alpha(palette.blue.main, 0.24),
-        },
-    },
-    weekend: {
-        backgroundColor: palette.grey.lighter,
-        '&:not(:hover):not($selected):not($withinSelection)': {
-            border: '4px solid white',
-            borderRadius: sizes.borderRadius.medium,
-        },
-    },
-    selected: {
-        background: palette.blue.main,
-        color: palette.common.white,
-    },
-    isInsideIndicatedRange: {
-        '&:after': {
-            content: '""',
-            height: '0.25rem',
-            width: '0.25rem',
-            borderRadius: '50%',
-            background: palette.yellow,
-            position: 'absolute',
-            bottom: '0.375rem',
-        },
-    },
-    startSelection: {
-        backgroundColor: palette.blue.main,
-        color: palette.common.white,
-        '&$today:after': {
-            backgroundColor: palette.common.white,
-        },
-    },
-    withinSelection: {
-        borderRadius: '0px',
-        backgroundColor: palette.blue.lighter,
-        color: palette.common.black,
-    },
-    endSelection: {
-        backgroundColor: palette.blue.main,
-        color: palette.common.white,
-        '&$today:after': {
-            backgroundColor: palette.common.white,
-        },
-    },
-    today: {
-        '&:after': {
-            content: '""',
-            height: '0.25rem',
-            width: '0.25rem',
-            borderRadius: '50%',
-            background: palette.blue.main,
-            position: 'absolute',
-            bottom: '0.375rem',
-        },
-    },
-    grayed: {
-        color: palette.grey.main2,
-    },
-    disabled: {
-        color: palette.grey.main,
-        cursor: 'default',
-        '&:hover': {
-            backgroundColor: 'transparent',
-        },
-        '&$weekend:hover': {
-            backgroundColor: palette.grey.lighter,
-            border: '4px solid white',
-            borderRadius: sizes.borderRadius.medium,
-        },
-    },
-});
-//# sourceMappingURL=styles.js.map

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

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

package/dist-package/src/CalendarIndicators/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<{}, "selected" | "today" | "indicators" | "indicated">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

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

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

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

@@ -1,28 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ palette }) => createStyles({
-    indicators: {
-        display: 'flex',
-        flexDirection: 'row',
-        justifyContent: 'space-around',
-        width: '1.3em',
-        position: 'absolute',
-        bottom: '0.375rem',
-    },
-    indicated: {
-        content: '""',
-        height: '0.25rem',
-        width: '0.25rem',
-        borderRadius: '50%',
-        background: palette.yellow.main,
-    },
-    today: {
-        height: '0.25rem',
-        width: '0.25rem',
-        borderRadius: '50%',
-        background: palette.blue.main,
-    },
-    selected: {
-        background: palette.common.white,
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/CalendarIndicators/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;QAC9B,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,UAAU;KACnB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;KAChC;IACD,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KAC9B;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KACjC;CACF,CAAC,CAAA"}

package/src/Calendar/styles.ts

@@ -1,66 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-import { rem } from '@toptal/picasso-shared'
-
-export default ({ palette }: Theme) =>
-  createStyles({
-    head: {
-      display: 'block',
-    },
-    caption_dropdowns: {
-      display: 'flex',
-      gap: '1rem',
-      paddingBottom: '1rem',
-    },
-    pointer_events: {
-      pointerEvents: 'none',
-    },
-    icon_wrapper: { width: '24px', height: '24px' },
-    select: {
-      opacity: '0',
-      position: 'absolute',
-      fontSize: '0.875rem',
-      fontWeight: 400,
-      cursor: 'pointer',
-    },
-    dropdown_label: {
-      display: 'flex',
-      position: 'relative',
-      alignItems: 'center',
-    },
-    head_row: {
-      display: 'flex',
-      textAlign: 'center',
-      fontSize: rem('12px'),
-      lineHeight: rem('18px'),
-      textTransform: 'uppercase',
-      color: palette.grey.main2,
-      paddingTop: rem('3px'),
-      paddingBottom: rem('11px'),
-    },
-    head_cell: {
-      padding: 0,
-      flexBasis: '15%',
-      width: '40px',
-      fontWeight: 400,
-    },
-    table: {
-      borderSpacing: '0px',
-      display: 'flex',
-      flexDirection: 'column',
-    },
-    row: {
-      display: 'flex',
-    },
-    cell: {
-      padding: 0,
-      flexBasis: '15%',
-    },
-    vhidden: {
-      display: 'none',
-    },
-    months: {
-      display: 'flex',
-      gap: rem('24px'),
-    },
-  })

package/src/CalendarContainer/styles.ts

@@ -1,24 +0,0 @@
-import { rem } from '@toptal/picasso-shared'
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-
-export default ({ palette, shadows, sizes }: Theme) =>
-  createStyles({
-    root: {
-      padding: rem('24px'),
-      color: palette.grey.darker,
-      display: 'flex',
-      flexDirection: 'column',
-      flexBasis: '20.5rem',
-      maxWidth: '20.5rem',
-      boxShadow: shadows[5],
-      borderRadius: sizes.borderRadius.small,
-      backgroundColor: palette.common.white,
-    },
-    hasFooter: {
-      borderRadius: `${sizes.borderRadius.small} ${sizes.borderRadius.small} 0 0`,
-    },
-    flexible: {
-      maxWidth: 'unset',
-    },
-  })

package/src/CalendarDay/styles.ts

@@ -1,100 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-import { alpha } from '@toptal/picasso-shared'
-
-export default ({ palette, sizes }: Theme) =>
-  createStyles({
-    day: {
-      height: '2.5rem',
-      width: '2.5rem',
-      minWidth: '2.5rem',
-      verticalAlign: 'middle',
-      fontSize: '0.75rem',
-      userSelect: 'none',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      background: palette.common.white,
-      position: 'relative',
-      margin: 0,
-      padding: 0,
-      border: 'none',
-      outline: 0,
-      borderRadius: sizes.borderRadius.small,
-      cursor: 'pointer',
-
-      '&:hover:not($selected):not($disabled):not($startSelection):not($endSelection), &:focus:not($selected):not($disabled):not($startSelection):not($endSelection)':
-        {
-          backgroundColor: alpha(palette.blue.main, 0.24),
-        },
-    },
-    weekend: {
-      backgroundColor: palette.grey.lighter,
-      '&:not(:hover):not($selected):not($withinSelection)': {
-        border: '4px solid white',
-        borderRadius: sizes.borderRadius.medium,
-      },
-    },
-    selected: {
-      background: palette.blue.main,
-      color: palette.common.white,
-    },
-    isInsideIndicatedRange: {
-      '&:after': {
-        content: '""',
-        height: '0.25rem',
-        width: '0.25rem',
-        borderRadius: '50%',
-        background: palette.yellow,
-        position: 'absolute',
-        bottom: '0.375rem',
-      },
-    },
-    startSelection: {
-      backgroundColor: palette.blue.main,
-      color: palette.common.white,
-
-      '&$today:after': {
-        backgroundColor: palette.common.white,
-      },
-    },
-    withinSelection: {
-      borderRadius: '0px',
-      backgroundColor: palette.blue.lighter,
-      color: palette.common.black,
-    },
-    endSelection: {
-      backgroundColor: palette.blue.main,
-      color: palette.common.white,
-
-      '&$today:after': {
-        backgroundColor: palette.common.white,
-      },
-    },
-    today: {
-      '&:after': {
-        content: '""',
-        height: '0.25rem',
-        width: '0.25rem',
-        borderRadius: '50%',
-        background: palette.blue.main,
-        position: 'absolute',
-        bottom: '0.375rem',
-      },
-    },
-    grayed: {
-      color: palette.grey.main2,
-    },
-    disabled: {
-      color: palette.grey.main,
-      cursor: 'default',
-      '&:hover': {
-        backgroundColor: 'transparent',
-      },
-      '&$weekend:hover': {
-        backgroundColor: palette.grey.lighter,
-        border: '4px solid white',
-        borderRadius: sizes.borderRadius.medium,
-      },
-    },
-  })

package/src/CalendarIndicators/styles.ts

@@ -1,30 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-
-export default ({ palette }: Theme) =>
-  createStyles({
-    indicators: {
-      display: 'flex',
-      flexDirection: 'row',
-      justifyContent: 'space-around',
-      width: '1.3em',
-      position: 'absolute',
-      bottom: '0.375rem',
-    },
-    indicated: {
-      content: '""',
-      height: '0.25rem',
-      width: '0.25rem',
-      borderRadius: '50%',
-      background: palette.yellow.main,
-    },
-    today: {
-      height: '0.25rem',
-      width: '0.25rem',
-      borderRadius: '50%',
-      background: palette.blue.main,
-    },
-    selected: {
-      background: palette.common.white,
-    },
-  })