@toptal/picasso-select 1.0.30 → 2.0.0

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

@@ -1,7 +0,0 @@
-import type { Theme } from '@material-ui/core/styles';
-import '@toptal/picasso-input/styles';
-import '@toptal/picasso-menu/styles';
-import '@toptal/picasso-loader/styles';
-declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "placeholder" | "select" | "root" | "rootFull" | "rootShrink" | "rootAuto" | "rootDisabled" | "inputWrapper" | "outlinedInput" | "searchOutlinedInput" | "searchInputGutters" | "nativeInput" | "horizontalLayout">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,8BAA8B,CAAA;AACrC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;gCAEf,KAAK;AAA5B,wBAmDC"}

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

@@ -1,56 +0,0 @@
-// eslint-disable-next-line import/order
-import { createStyles } from '@material-ui/core/styles';
-import '@toptal/picasso-input/styles';
-import '@toptal/picasso-menu/styles';
-import '@toptal/picasso-loader/styles';
-export default (theme) => {
-    const { palette } = theme;
-    return createStyles({
-        root: {
-            position: 'relative',
-            display: 'inline-flex',
-            fontSize: '1rem',
-            cursor: 'pointer',
-        },
-        rootFull: {
-            width: '100%',
-        },
-        rootShrink: {
-            width: 'auto',
-        },
-        rootAuto: {},
-        rootDisabled: {
-            cursor: 'default',
-        },
-        select: {
-            width: '100%',
-            padding: '0.5rem',
-            '&:focus': {
-                backgroundColor: 'inherit',
-            },
-        },
-        inputWrapper: {
-            width: 'inherit',
-            outline: 0,
-        },
-        outlinedInput: {
-            paddingRight: '1.625rem',
-        },
-        searchOutlinedInput: {
-            width: '100%',
-        },
-        searchInputGutters: {
-            padding: '0.375rem 0.5rem 0.5rem 0.5rem',
-        },
-        nativeInput: {
-            padding: 0,
-        },
-        placeholder: {
-            color: palette.grey.main2,
-        },
-        horizontalLayout: {
-            width: '100%',
-        },
-    });
-};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AACA,wCAAwC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,8BAA8B,CAAA;AACrC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;AAEtC,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,YAAY,CAAC;QAClB,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;SACd;QACD,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,QAAQ;YAEjB,SAAS,EAAE;gBACT,eAAe,EAAE,SAAS;aAC3B;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,CAAC;SACX;QACD,aAAa,EAAE;YACb,YAAY,EAAE,UAAU;SACzB;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,MAAM;SACd;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,+BAA+B;SACzC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,CAAC;SACX;QACD,WAAW,EAAE;YACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;SAC1B;QACD,gBAAgB,EAAE;YAChB,KAAK,EAAE,MAAM;SACd;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelectLimitFooter/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;6CAGjB,KAAK;AAAzC,wBAQI"}

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

@@ -1,10 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ palette, sizes }) => createStyles({
-    root: {
-        color: palette.grey.dark,
-        padding: '0.75rem 1rem',
-        borderTop: `${sizes.borderWidth} solid ${palette.grey.light}`,
-        fontSize: '0.6875rem',
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/NonNativeSelectLimitFooter/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,GAAG,KAAK,CAAC,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;QAC7D,QAAQ,EAAE,WAAW;KACtB;CACF,CAAC,CAAA"}

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

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

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

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

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

@@ -1,7 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default () => createStyles({
-    menuGroup: {
-        padding: '16px 16px 10px',
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/NonNativeSelectOptions/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,SAAS,EAAE;QACT,OAAO,EAAE,gBAAgB;KAC1B;CACF,CAAC,CAAA"}

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

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

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

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

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

@@ -1,19 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ palette, screens }) => createStyles({
-    menu: {
-        backgroundColor: palette.common.white,
-    },
-    scrollView: {
-        maxHeight: '26.875rem',
-        overflowY: 'auto',
-        // height under which maxHeight menu starts to overflow
-        // and needs to reduce height dynamically to avoid overflow
-        '@media screen and (max-height: 585px)': {
-            maxHeight: 'calc(50vh - 4.3125rem)',
-            [screens('md', 'lg', 'xl')]: {
-                maxHeight: 'calc(50vh - 4.8125rem)', // half of viewport minus header and anchor
-            },
-        },
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ScrollMenu/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAS,EAAE,EAAE,CAC7C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC;IACD,UAAU,EAAE;QACV,SAAS,EAAE,WAAW;QACtB,SAAS,EAAE,MAAM;QAEjB,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,wBAAwB;YAEnC,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;gBAC3B,SAAS,EAAE,wBAAwB,EAAE,2CAA2C;aACjF;SACF;KACF;CACF,CAAC,CAAA"}

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

@@ -1,7 +0,0 @@
-import type { Theme } from '@material-ui/core/styles';
-import '@toptal/picasso-input/styles';
-import '@toptal/picasso-menu/styles';
-import '@toptal/picasso-loader/styles';
-declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "placeholder" | "select" | "root" | "rootFull" | "rootShrink" | "rootAuto" | "rootDisabled" | "inputWrapper" | "outlinedInput" | "searchOutlinedInput" | "nativeInput" | "searchInputIcon">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,8BAA8B,CAAA;AACrC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;sCAET,KAAK;AAAlC,wBA6CI"}

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

@@ -1,49 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-import '@toptal/picasso-input/styles';
-import '@toptal/picasso-menu/styles';
-import '@toptal/picasso-loader/styles';
-export default ({ palette }) => createStyles({
-    root: {
-        position: 'relative',
-        display: 'inline-flex',
-        fontSize: '1rem',
-        cursor: 'pointer',
-    },
-    rootFull: {
-        width: '100%',
-    },
-    rootShrink: {
-        width: 'auto',
-    },
-    rootAuto: {},
-    rootDisabled: {
-        cursor: 'default',
-    },
-    select: {
-        width: '100%',
-        padding: '0.5rem',
-        '&:focus': {
-            backgroundColor: 'inherit',
-        },
-    },
-    inputWrapper: {
-        width: 'inherit',
-        outline: 0,
-    },
-    outlinedInput: {
-        paddingRight: '1.625rem',
-    },
-    searchOutlinedInput: {
-        width: '100%',
-    },
-    searchInputIcon: {
-        marginRight: '0.5rem',
-    },
-    nativeInput: {
-        padding: 0,
-    },
-    placeholder: {
-        color: palette.grey.main2,
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Select/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,8BAA8B,CAAA;AACrC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;AAEtC,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE;QACZ,MAAM,EAAE,SAAS;KAClB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,QAAQ;QAEjB,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;SAC3B;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,CAAC;KACX;IACD,aAAa,EAAE;QACb,YAAY,EAAE,UAAU;KACzB;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,MAAM;KACd;IACD,eAAe,EAAE;QACf,WAAW,EAAE,QAAQ;KACtB;IACD,WAAW,EAAE;QACX,OAAO,EAAE,CAAC;KACX;IACD,WAAW,EAAE;QACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;CACF,CAAC,CAAA"}

package/dist-package/src/SelectCaret/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<{}, "caret" | "caretDisabled">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

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

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

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

@@ -1,21 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-import { alpha } from '@toptal/picasso-shared';
-export default ({ palette }) => createStyles({
-    caret: {
-        position: 'absolute',
-        top: 'calc(50% - 0.5rem)',
-        // in specs right spacing is defined relative to 6px icon width, while we use 16px
-        // so 5px are left instead of 10px when we use wider icon.
-        right: '0.3125rem',
-        color: palette.grey.dark,
-        fontSize: '1rem',
-        cursor: 'inherit',
-        pointerEvents: 'none',
-    },
-    caretDisabled: {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        color: alpha(palette.grey.dark, 0.48),
-        zIndex: 1,
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/SelectCaret/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,oBAAoB;QACzB,kFAAkF;QAClF,0DAA0D;QAC1D,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,MAAM;KACtB;IACD,aAAa,EAAE;QACb,oEAAoE;QACpE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAK,EAAE,IAAI,CAAC;QACtC,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAA"}

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

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

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

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

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

@@ -1,19 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ shadows }) => createStyles({
-    menu: {
-        borderRadius: '0.25rem',
-        fontSize: '0.875em',
-        padding: '0.5rem 0',
-        boxShadow: shadows[5],
-    },
-    withHeader: {
-        paddingTop: '0.125rem',
-        '& > div:first-child': {
-            paddingBottom: '0.5rem',
-        },
-    },
-    withFooter: {
-        paddingBottom: 0,
-    },
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/SelectOptions/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS;QACvB,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,UAAU;QACnB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;KACtB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,UAAU;QAEtB,qBAAqB,EAAE;YACrB,aAAa,EAAE,QAAQ;SACxB;KACF;IACD,UAAU,EAAE;QACV,aAAa,EAAE,CAAC;KACjB;CACF,CAAC,CAAA"}

package/src/NativeSelect/styles.ts

@@ -1,57 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-// eslint-disable-next-line import/order
-import { createStyles } from '@material-ui/core/styles'
-import '@toptal/picasso-input/styles'
-import '@toptal/picasso-loader/styles'
-
-export default (theme: Theme) => {
-  const { palette } = theme
-
-  return createStyles({
-    root: {
-      position: 'relative',
-      display: 'inline-flex',
-      fontSize: '1rem',
-      cursor: 'pointer',
-    },
-    rootFull: {
-      width: '100%',
-    },
-    rootShrink: {
-      width: 'auto',
-    },
-    rootAuto: {},
-    rootDisabled: {
-      cursor: 'default',
-    },
-    select: {
-      width: '100%',
-      padding: '0.5rem',
-
-      '&:focus': {
-        backgroundColor: 'inherit',
-      },
-    },
-    nativeInput: {
-      padding: 0,
-      backgroundColor: palette.common.white,
-    },
-    placeholder: {
-      color: palette.grey.main2,
-    },
-    startAdornment: {
-      position: 'absolute',
-      left: '0.625rem',
-    },
-    endAdornment: {
-      position: 'absolute',
-      right: '1.625rem',
-    },
-    startAdornmentPadding: {
-      paddingLeft: '2.5625rem',
-    },
-    endAdornmentPadding: {
-      paddingRight: '3.5625rem',
-    },
-  })
-}

package/src/NonNativeSelect/styles.ts

@@ -1,59 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-// eslint-disable-next-line import/order
-import { createStyles } from '@material-ui/core/styles'
-import '@toptal/picasso-input/styles'
-import '@toptal/picasso-menu/styles'
-import '@toptal/picasso-loader/styles'
-
-export default (theme: Theme) => {
-  const { palette } = theme
-
-  return createStyles({
-    root: {
-      position: 'relative',
-      display: 'inline-flex',
-      fontSize: '1rem',
-      cursor: 'pointer',
-    },
-    rootFull: {
-      width: '100%',
-    },
-    rootShrink: {
-      width: 'auto',
-    },
-    rootAuto: {},
-    rootDisabled: {
-      cursor: 'default',
-    },
-    select: {
-      width: '100%',
-      padding: '0.5rem',
-
-      '&:focus': {
-        backgroundColor: 'inherit',
-      },
-    },
-    inputWrapper: {
-      width: 'inherit',
-      outline: 0,
-    },
-    outlinedInput: {
-      paddingRight: '1.625rem',
-    },
-    searchOutlinedInput: {
-      width: '100%',
-    },
-    searchInputGutters: {
-      padding: '0.375rem 0.5rem 0.5rem 0.5rem',
-    },
-    nativeInput: {
-      padding: 0,
-    },
-    placeholder: {
-      color: palette.grey.main2,
-    },
-    horizontalLayout: {
-      width: '100%',
-    },
-  })
-}

package/src/NonNativeSelectLimitFooter/styles.ts

@@ -1,12 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-
-export default ({ palette, sizes }: Theme) =>
-  createStyles({
-    root: {
-      color: palette.grey.dark,
-      padding: '0.75rem 1rem',
-      borderTop: `${sizes.borderWidth} solid ${palette.grey.light}`,
-      fontSize: '0.6875rem',
-    },
-  })

package/src/NonNativeSelectOptions/styles.ts

@@ -1,8 +0,0 @@
-import { createStyles } from '@material-ui/core/styles'
-
-export default () =>
-  createStyles({
-    menuGroup: {
-      padding: '16px 16px 10px',
-    },
-  })

package/src/ScrollMenu/styles.ts

@@ -1,23 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-
-export default ({ palette, screens }: Theme) =>
-  createStyles({
-    menu: {
-      backgroundColor: palette.common.white,
-    },
-    scrollView: {
-      maxHeight: '26.875rem', // ~8.5 lines of menu to show
-      overflowY: 'auto',
-
-      // height under which maxHeight menu starts to overflow
-      // and needs to reduce height dynamically to avoid overflow
-      '@media screen and (max-height: 585px)': {
-        maxHeight: 'calc(50vh - 4.3125rem)', // half of viewport minus header and anchor
-
-        [screens('md', 'lg', 'xl')]: {
-          maxHeight: 'calc(50vh - 4.8125rem)', // half of viewport minus header and anchor
-        },
-      },
-    },
-  })

package/src/Select/styles.ts

@@ -1,52 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-import '@toptal/picasso-input/styles'
-import '@toptal/picasso-menu/styles'
-import '@toptal/picasso-loader/styles'
-
-export default ({ palette }: Theme) =>
-  createStyles({
-    root: {
-      position: 'relative',
-      display: 'inline-flex',
-      fontSize: '1rem',
-      cursor: 'pointer',
-    },
-    rootFull: {
-      width: '100%',
-    },
-    rootShrink: {
-      width: 'auto',
-    },
-    rootAuto: {},
-    rootDisabled: {
-      cursor: 'default',
-    },
-    select: {
-      width: '100%',
-      padding: '0.5rem',
-
-      '&:focus': {
-        backgroundColor: 'inherit',
-      },
-    },
-    inputWrapper: {
-      width: 'inherit',
-      outline: 0,
-    },
-    outlinedInput: {
-      paddingRight: '1.625rem',
-    },
-    searchOutlinedInput: {
-      width: '100%',
-    },
-    searchInputIcon: {
-      marginRight: '0.5rem',
-    },
-    nativeInput: {
-      padding: 0,
-    },
-    placeholder: {
-      color: palette.grey.main2,
-    },
-  })

package/src/SelectCaret/styles.ts

@@ -1,23 +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 }: Theme) =>
-  createStyles({
-    caret: {
-      position: 'absolute',
-      top: 'calc(50% - 0.5rem)',
-      // in specs right spacing is defined relative to 6px icon width, while we use 16px
-      // so 5px are left instead of 10px when we use wider icon.
-      right: '0.3125rem',
-      color: palette.grey.dark,
-      fontSize: '1rem',
-      cursor: 'inherit',
-      pointerEvents: 'none',
-    },
-    caretDisabled: {
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      color: alpha(palette.grey.dark!, 0.48),
-      zIndex: 1,
-    },
-  })

package/src/SelectOptions/styles.ts

@@ -1,22 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-
-export default ({ shadows }: Theme) =>
-  createStyles({
-    menu: {
-      borderRadius: '0.25rem',
-      fontSize: '0.875em',
-      padding: '0.5rem 0',
-      boxShadow: shadows[5],
-    },
-    withHeader: {
-      paddingTop: '0.125rem',
-
-      '& > div:first-child': {
-        paddingBottom: '0.5rem',
-      },
-    },
-    withFooter: {
-      paddingBottom: 0,
-    },
-  })