@toptal/picasso-table 1.1.21 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/dist-package/src/Table/Table.d.ts.map +1 -1
  2. package/dist-package/src/Table/Table.js +2 -8
  3. package/dist-package/src/Table/Table.js.map +1 -1
  4. package/dist-package/src/TableBody/TableBody.d.ts.map +1 -1
  5. package/dist-package/src/TableBody/TableBody.js +1 -6
  6. package/dist-package/src/TableBody/TableBody.js.map +1 -1
  7. package/dist-package/src/TableCell/TableCell.d.ts.map +1 -1
  8. package/dist-package/src/TableCell/TableCell.js +9 -13
  9. package/dist-package/src/TableCell/TableCell.js.map +1 -1
  10. package/dist-package/src/TableExpandableRow/TableExpandableRow.d.ts +1 -1
  11. package/dist-package/src/TableExpandableRow/TableExpandableRow.d.ts.map +1 -1
  12. package/dist-package/src/TableExpandableRow/TableExpandableRow.js +5 -13
  13. package/dist-package/src/TableExpandableRow/TableExpandableRow.js.map +1 -1
  14. package/dist-package/src/TableFooter/TableFooter.d.ts.map +1 -1
  15. package/dist-package/src/TableFooter/TableFooter.js +2 -8
  16. package/dist-package/src/TableFooter/TableFooter.js.map +1 -1
  17. package/dist-package/src/TableHead/TableHead.d.ts.map +1 -1
  18. package/dist-package/src/TableHead/TableHead.js +2 -6
  19. package/dist-package/src/TableHead/TableHead.js.map +1 -1
  20. package/dist-package/src/TableRow/TableRow.d.ts.map +1 -1
  21. package/dist-package/src/TableRow/TableRow.js +2 -10
  22. package/dist-package/src/TableRow/TableRow.js.map +1 -1
  23. package/dist-package/src/TableSectionHead/TableSectionHead.d.ts.map +1 -1
  24. package/dist-package/src/TableSectionHead/TableSectionHead.js +2 -8
  25. package/dist-package/src/TableSectionHead/TableSectionHead.js.map +1 -1
  26. package/package.json +10 -8
  27. package/src/Table/Table.tsx +7 -13
  28. package/src/Table/__snapshots__/test.tsx.snap +13 -16
  29. package/src/TableBody/TableBody.tsx +2 -15
  30. package/src/TableBody/__snapshots__/test.tsx.snap +5 -7
  31. package/src/TableCell/TableCell.tsx +24 -26
  32. package/src/TableCell/__snapshots__/test.tsx.snap +15 -21
  33. package/src/TableExpandableRow/TableExpandableRow.tsx +10 -17
  34. package/src/TableFooter/TableFooter.tsx +7 -13
  35. package/src/TableFooter/__snapshots__/test.tsx.snap +5 -5
  36. package/src/TableHead/TableHead.tsx +7 -11
  37. package/src/TableHead/__snapshots__/test.tsx.snap +5 -6
  38. package/src/TableRow/TableRow.tsx +11 -21
  39. package/src/TableRow/__snapshots__/test.tsx.snap +5 -7
  40. package/src/TableSectionHead/TableSectionHead.tsx +9 -11
  41. package/src/TableSectionHead/__snapshots__/test.tsx.snap +7 -9
  42. package/src/TableSortableCell/__snapshots__/test.tsx.snap +6 -6
  43. package/dist-package/src/Table/styles.d.ts +0 -3
  44. package/dist-package/src/Table/styles.d.ts.map +0 -1
  45. package/dist-package/src/Table/styles.js +0 -5
  46. package/dist-package/src/Table/styles.js.map +0 -1
  47. package/dist-package/src/TableBody/styles.d.ts +0 -3
  48. package/dist-package/src/TableBody/styles.d.ts.map +0 -1
  49. package/dist-package/src/TableBody/styles.js +0 -5
  50. package/dist-package/src/TableBody/styles.js.map +0 -1
  51. package/dist-package/src/TableCell/styles.d.ts +0 -3
  52. package/dist-package/src/TableCell/styles.d.ts.map +0 -1
  53. package/dist-package/src/TableCell/styles.js +0 -22
  54. package/dist-package/src/TableCell/styles.js.map +0 -1
  55. package/dist-package/src/TableExpandableRow/styles.d.ts +0 -4
  56. package/dist-package/src/TableExpandableRow/styles.d.ts.map +0 -1
  57. package/dist-package/src/TableExpandableRow/styles.js +0 -15
  58. package/dist-package/src/TableExpandableRow/styles.js.map +0 -1
  59. package/dist-package/src/TableFooter/styles.d.ts +0 -4
  60. package/dist-package/src/TableFooter/styles.d.ts.map +0 -1
  61. package/dist-package/src/TableFooter/styles.js +0 -7
  62. package/dist-package/src/TableFooter/styles.js.map +0 -1
  63. package/dist-package/src/TableHead/styles.d.ts +0 -4
  64. package/dist-package/src/TableHead/styles.d.ts.map +0 -1
  65. package/dist-package/src/TableHead/styles.js +0 -9
  66. package/dist-package/src/TableHead/styles.js.map +0 -1
  67. package/dist-package/src/TableRow/styles.d.ts +0 -4
  68. package/dist-package/src/TableRow/styles.d.ts.map +0 -1
  69. package/dist-package/src/TableRow/styles.js +0 -30
  70. package/dist-package/src/TableRow/styles.js.map +0 -1
  71. package/dist-package/src/TableSectionHead/styles.d.ts +0 -4
  72. package/dist-package/src/TableSectionHead/styles.d.ts.map +0 -1
  73. package/dist-package/src/TableSectionHead/styles.js +0 -16
  74. package/dist-package/src/TableSectionHead/styles.js.map +0 -1
  75. package/src/Table/styles.ts +0 -6
  76. package/src/TableBody/styles.ts +0 -6
  77. package/src/TableCell/styles.ts +0 -39
  78. package/src/TableExpandableRow/styles.ts +0 -17
  79. package/src/TableFooter/styles.ts +0 -9
  80. package/src/TableHead/styles.ts +0 -12
  81. package/src/TableRow/styles.ts +0 -35
  82. package/src/TableSectionHead/styles.ts +0 -18
@@ -1,22 +0,0 @@
1
- import { createStyles } from '@material-ui/core/styles';
2
- import { rem } from '@toptal/picasso-shared';
3
- const baseCellStyles = {
4
- fontSize: rem('12px'),
5
- borderBottom: 'none',
6
- };
7
- const regularCellStyles = Object.assign(Object.assign({}, baseCellStyles), { padding: '0.5rem 1rem', height: '2.5rem', '&:last-child': {
8
- paddingRight: '1.5rem',
9
- } });
10
- const compactCellStyles = Object.assign(Object.assign({}, baseCellStyles), { padding: `${rem('1px')} 0.5rem`, height: '1.5rem', '&:last-child': {
11
- paddingRight: '0.75rem',
12
- } });
13
- const narrowCellStyles = {
14
- paddingLeft: '0.5rem',
15
- paddingRight: '0.5rem',
16
- };
17
- export default () => createStyles({
18
- root: regularCellStyles,
19
- compact: compactCellStyles,
20
- narrow: narrowCellStyles,
21
- });
22
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TableCell/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM;CACrB,CAAA;AAED,MAAM,iBAAiB,mCAClB,cAAc,KACjB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,QAAQ,EAEhB,cAAc,EAAE;QACd,YAAY,EAAE,QAAQ;KACvB,GACF,CAAA;AAED,MAAM,iBAAiB,mCAClB,cAAc,KACjB,OAAO,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,EAC/B,MAAM,EAAE,QAAQ,EAEhB,cAAc,EAAE;QACd,YAAY,EAAE,SAAS;KACxB,GACF,CAAA;AAED,MAAM,gBAAgB,GAAG;IACvB,WAAW,EAAE,QAAQ;IACrB,YAAY,EAAE,QAAQ;CACvB,CAAA;AAED,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;CACzB,CAAC,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "stripeEven" | "noPadding">;
3
- export default _default;
4
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TableExpandableRow/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;sCAIxB,KAAK;AAAlC,wBAYI"}
@@ -1,15 +0,0 @@
1
- import { createStyles } from '@material-ui/core/styles';
2
- import { alpha } from '@toptal/picasso-shared';
3
- export default ({ palette }) => createStyles({
4
- stripeEven: {
5
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
6
- background: alpha(palette.grey.lighter2, 0.32),
7
- },
8
- noPadding: {
9
- padding: 0,
10
- '&:last-child': {
11
- paddingRight: 0,
12
- },
13
- },
14
- });
15
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TableExpandableRow/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,UAAU,EAAE;QACV,oEAAoE;QACpE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAS,EAAE,IAAI,CAAC;KAChD;IACD,SAAS,EAAE;QACT,OAAO,EAAE,CAAC;QACV,cAAc,EAAE;YACd,YAAY,EAAE,CAAC;SAChB;KACF;CACF,CAAC,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ sizes, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root">;
3
- export default _default;
4
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TableFooter/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;6CAGjB,KAAK;AAAzC,wBAKI"}
@@ -1,7 +0,0 @@
1
- import { createStyles } from '@material-ui/core/styles';
2
- export default ({ sizes, palette }) => createStyles({
3
- root: {
4
- borderTop: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
5
- },
6
- });
7
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TableFooter/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,GAAG,KAAK,CAAC,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;KACjE;CACF,CAAC,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ sizes, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root">;
3
- export default _default;
4
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TableHead/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;6CAMjB,KAAK;AAAzC,wBAKI"}
@@ -1,9 +0,0 @@
1
- import { createStyles } from '@material-ui/core/styles';
2
- import { PicassoProvider } from '@toptal/picasso-provider';
3
- PicassoProvider.override(() => ({}));
4
- export default ({ sizes, palette }) => createStyles({
5
- root: {
6
- borderBottom: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
7
- },
8
- });
9
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TableHead/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAEpC,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,GAAG,KAAK,CAAC,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;KACpE;CACF,CAAC,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "bordered" | "root" | "selected" | "stripeEven" | "hover">;
3
- export default _default;
4
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TableRow/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;0DAMJ,KAAK;AAAtD,wBA4BI"}
@@ -1,30 +0,0 @@
1
- import { createStyles } from '@material-ui/core/styles';
2
- import { PicassoProvider } from '@toptal/picasso-provider';
3
- PicassoProvider.override(() => ({}));
4
- export default ({ palette, sizes, transitions }) => createStyles({
5
- root: {
6
- height: 'auto',
7
- '&$selected': {
8
- backgroundColor: palette.blue.lighter,
9
- '&:hover': {
10
- backgroundColor: palette.blue.lighter,
11
- },
12
- },
13
- '&$hover:hover': {
14
- backgroundColor: palette.blue.lighter,
15
- },
16
- },
17
- bordered: {
18
- borderBottom: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
19
- },
20
- stripeEven: {
21
- background: palette.grey.lighter,
22
- },
23
- hover: {
24
- transition: transitions.create('background-color', {
25
- duration: transitions.duration.shortest,
26
- }),
27
- },
28
- selected: {},
29
- });
30
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TableRow/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAEpC,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAS,EAAE,EAAE,CACxD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QAEd,YAAY,EAAE;YACZ,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YACrC,SAAS,EAAE;gBACT,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;aACtC;SACF;QAED,eAAe,EAAE;YACf,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;SACtC;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,GAAG,KAAK,CAAC,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;KACpE;IACD,UAAU,EAAE;QACV,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KACjC;IACD,KAAK,EAAE;QACL,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,kBAAkB,EAAE;YACjD,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,QAAQ;SACxC,CAAC;KACH;IACD,QAAQ,EAAE,EAAE;CACb,CAAC,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "iconWrapper" | "sectionHeaderRow">;
3
- export default _default;
4
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TableSectionHead/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;6CAIjB,KAAK;AAAzC,wBAaI"}
@@ -1,16 +0,0 @@
1
- import { createStyles } from '@material-ui/core/styles';
2
- import { rem } from '@toptal/picasso-shared';
3
- export default ({ palette, sizes }) => createStyles({
4
- iconWrapper: {
5
- marginRight: '0.75rem',
6
- marginTop: rem('-1px'),
7
- display: 'inline-block',
8
- verticalAlign: 'middle',
9
- },
10
- sectionHeaderRow: {
11
- minHeight: '2.5rem',
12
- borderBottom: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
13
- borderTop: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
14
- },
15
- });
16
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TableSectionHead/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,WAAW,EAAE;QACX,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC;QACtB,OAAO,EAAE,cAAc;QACvB,aAAa,EAAE,QAAQ;KACxB;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,GAAG,KAAK,CAAC,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;QACnE,SAAS,EAAE,GAAG,KAAK,CAAC,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;KACjE;CACF,CAAC,CAAA"}
@@ -1,6 +0,0 @@
1
- import { createStyles } from '@material-ui/core/styles'
2
- import { PicassoProvider } from '@toptal/picasso-provider'
3
-
4
- PicassoProvider.override(() => ({}))
5
-
6
- export default () => createStyles({})
@@ -1,6 +0,0 @@
1
- import { createStyles } from '@material-ui/core/styles'
2
- import { PicassoProvider } from '@toptal/picasso-provider'
3
-
4
- PicassoProvider.override(() => ({}))
5
-
6
- export default () => createStyles({})
@@ -1,39 +0,0 @@
1
- import { createStyles } from '@material-ui/core/styles'
2
- import { rem } from '@toptal/picasso-shared'
3
-
4
- const baseCellStyles = {
5
- fontSize: rem('12px'),
6
- borderBottom: 'none',
7
- }
8
-
9
- const regularCellStyles = {
10
- ...baseCellStyles,
11
- padding: '0.5rem 1rem',
12
- height: '2.5rem',
13
-
14
- '&:last-child': {
15
- paddingRight: '1.5rem',
16
- },
17
- }
18
-
19
- const compactCellStyles = {
20
- ...baseCellStyles,
21
- padding: `${rem('1px')} 0.5rem`,
22
- height: '1.5rem',
23
-
24
- '&:last-child': {
25
- paddingRight: '0.75rem',
26
- },
27
- }
28
-
29
- const narrowCellStyles = {
30
- paddingLeft: '0.5rem',
31
- paddingRight: '0.5rem',
32
- }
33
-
34
- export default () =>
35
- createStyles({
36
- root: regularCellStyles,
37
- compact: compactCellStyles,
38
- narrow: narrowCellStyles,
39
- })
@@ -1,17 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles'
2
- import { createStyles } from '@material-ui/core/styles'
3
- import { alpha } from '@toptal/picasso-shared'
4
-
5
- export default ({ palette }: Theme) =>
6
- createStyles({
7
- stripeEven: {
8
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
9
- background: alpha(palette.grey.lighter2!, 0.32),
10
- },
11
- noPadding: {
12
- padding: 0,
13
- '&:last-child': {
14
- paddingRight: 0,
15
- },
16
- },
17
- })
@@ -1,9 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles'
2
- import { createStyles } from '@material-ui/core/styles'
3
-
4
- export default ({ sizes, palette }: Theme) =>
5
- createStyles({
6
- root: {
7
- borderTop: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
8
- },
9
- })
@@ -1,12 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles'
2
- import { createStyles } from '@material-ui/core/styles'
3
- import { PicassoProvider } from '@toptal/picasso-provider'
4
-
5
- PicassoProvider.override(() => ({}))
6
-
7
- export default ({ sizes, palette }: Theme) =>
8
- createStyles({
9
- root: {
10
- borderBottom: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
11
- },
12
- })
@@ -1,35 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles'
2
- import { createStyles } from '@material-ui/core/styles'
3
- import { PicassoProvider } from '@toptal/picasso-provider'
4
-
5
- PicassoProvider.override(() => ({}))
6
-
7
- export default ({ palette, sizes, transitions }: Theme) =>
8
- createStyles({
9
- root: {
10
- height: 'auto',
11
-
12
- '&$selected': {
13
- backgroundColor: palette.blue.lighter,
14
- '&:hover': {
15
- backgroundColor: palette.blue.lighter,
16
- },
17
- },
18
-
19
- '&$hover:hover': {
20
- backgroundColor: palette.blue.lighter,
21
- },
22
- },
23
- bordered: {
24
- borderBottom: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
25
- },
26
- stripeEven: {
27
- background: palette.grey.lighter,
28
- },
29
- hover: {
30
- transition: transitions.create('background-color', {
31
- duration: transitions.duration.shortest,
32
- }),
33
- },
34
- selected: {},
35
- })
@@ -1,18 +0,0 @@
1
- import type { Theme } from '@material-ui/core/styles'
2
- import { createStyles } from '@material-ui/core/styles'
3
- import { rem } from '@toptal/picasso-shared'
4
-
5
- export default ({ palette, sizes }: Theme) =>
6
- createStyles({
7
- iconWrapper: {
8
- marginRight: '0.75rem',
9
- marginTop: rem('-1px'),
10
- display: 'inline-block',
11
- verticalAlign: 'middle',
12
- },
13
- sectionHeaderRow: {
14
- minHeight: '2.5rem',
15
- borderBottom: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
16
- borderTop: `${sizes.borderWidth} solid ${palette.grey.lighter2}`,
17
- },
18
- })