@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.
- package/dist-package/src/Table/Table.d.ts.map +1 -1
- package/dist-package/src/Table/Table.js +2 -8
- package/dist-package/src/Table/Table.js.map +1 -1
- package/dist-package/src/TableBody/TableBody.d.ts.map +1 -1
- package/dist-package/src/TableBody/TableBody.js +1 -6
- package/dist-package/src/TableBody/TableBody.js.map +1 -1
- package/dist-package/src/TableCell/TableCell.d.ts.map +1 -1
- package/dist-package/src/TableCell/TableCell.js +9 -13
- package/dist-package/src/TableCell/TableCell.js.map +1 -1
- package/dist-package/src/TableExpandableRow/TableExpandableRow.d.ts +1 -1
- package/dist-package/src/TableExpandableRow/TableExpandableRow.d.ts.map +1 -1
- package/dist-package/src/TableExpandableRow/TableExpandableRow.js +5 -13
- package/dist-package/src/TableExpandableRow/TableExpandableRow.js.map +1 -1
- package/dist-package/src/TableFooter/TableFooter.d.ts.map +1 -1
- package/dist-package/src/TableFooter/TableFooter.js +2 -8
- package/dist-package/src/TableFooter/TableFooter.js.map +1 -1
- package/dist-package/src/TableHead/TableHead.d.ts.map +1 -1
- package/dist-package/src/TableHead/TableHead.js +2 -6
- package/dist-package/src/TableHead/TableHead.js.map +1 -1
- package/dist-package/src/TableRow/TableRow.d.ts.map +1 -1
- package/dist-package/src/TableRow/TableRow.js +2 -10
- package/dist-package/src/TableRow/TableRow.js.map +1 -1
- package/dist-package/src/TableSectionHead/TableSectionHead.d.ts.map +1 -1
- package/dist-package/src/TableSectionHead/TableSectionHead.js +2 -8
- package/dist-package/src/TableSectionHead/TableSectionHead.js.map +1 -1
- package/package.json +10 -8
- package/src/Table/Table.tsx +7 -13
- package/src/Table/__snapshots__/test.tsx.snap +13 -16
- package/src/TableBody/TableBody.tsx +2 -15
- package/src/TableBody/__snapshots__/test.tsx.snap +5 -7
- package/src/TableCell/TableCell.tsx +24 -26
- package/src/TableCell/__snapshots__/test.tsx.snap +15 -21
- package/src/TableExpandableRow/TableExpandableRow.tsx +10 -17
- package/src/TableFooter/TableFooter.tsx +7 -13
- package/src/TableFooter/__snapshots__/test.tsx.snap +5 -5
- package/src/TableHead/TableHead.tsx +7 -11
- package/src/TableHead/__snapshots__/test.tsx.snap +5 -6
- package/src/TableRow/TableRow.tsx +11 -21
- package/src/TableRow/__snapshots__/test.tsx.snap +5 -7
- package/src/TableSectionHead/TableSectionHead.tsx +9 -11
- package/src/TableSectionHead/__snapshots__/test.tsx.snap +7 -9
- package/src/TableSortableCell/__snapshots__/test.tsx.snap +6 -6
- package/dist-package/src/Table/styles.d.ts +0 -3
- package/dist-package/src/Table/styles.d.ts.map +0 -1
- package/dist-package/src/Table/styles.js +0 -5
- package/dist-package/src/Table/styles.js.map +0 -1
- package/dist-package/src/TableBody/styles.d.ts +0 -3
- package/dist-package/src/TableBody/styles.d.ts.map +0 -1
- package/dist-package/src/TableBody/styles.js +0 -5
- package/dist-package/src/TableBody/styles.js.map +0 -1
- package/dist-package/src/TableCell/styles.d.ts +0 -3
- package/dist-package/src/TableCell/styles.d.ts.map +0 -1
- package/dist-package/src/TableCell/styles.js +0 -22
- package/dist-package/src/TableCell/styles.js.map +0 -1
- package/dist-package/src/TableExpandableRow/styles.d.ts +0 -4
- package/dist-package/src/TableExpandableRow/styles.d.ts.map +0 -1
- package/dist-package/src/TableExpandableRow/styles.js +0 -15
- package/dist-package/src/TableExpandableRow/styles.js.map +0 -1
- package/dist-package/src/TableFooter/styles.d.ts +0 -4
- package/dist-package/src/TableFooter/styles.d.ts.map +0 -1
- package/dist-package/src/TableFooter/styles.js +0 -7
- package/dist-package/src/TableFooter/styles.js.map +0 -1
- package/dist-package/src/TableHead/styles.d.ts +0 -4
- package/dist-package/src/TableHead/styles.d.ts.map +0 -1
- package/dist-package/src/TableHead/styles.js +0 -9
- package/dist-package/src/TableHead/styles.js.map +0 -1
- package/dist-package/src/TableRow/styles.d.ts +0 -4
- package/dist-package/src/TableRow/styles.d.ts.map +0 -1
- package/dist-package/src/TableRow/styles.js +0 -30
- package/dist-package/src/TableRow/styles.js.map +0 -1
- package/dist-package/src/TableSectionHead/styles.d.ts +0 -4
- package/dist-package/src/TableSectionHead/styles.d.ts.map +0 -1
- package/dist-package/src/TableSectionHead/styles.js +0 -16
- package/dist-package/src/TableSectionHead/styles.js.map +0 -1
- package/src/Table/styles.ts +0 -6
- package/src/TableBody/styles.ts +0 -6
- package/src/TableCell/styles.ts +0 -39
- package/src/TableExpandableRow/styles.ts +0 -17
- package/src/TableFooter/styles.ts +0 -9
- package/src/TableHead/styles.ts +0 -12
- package/src/TableRow/styles.ts +0 -35
- 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 +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 +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 +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 +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 +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"}
|
package/src/Table/styles.ts
DELETED
package/src/TableBody/styles.ts
DELETED
package/src/TableCell/styles.ts
DELETED
|
@@ -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
|
-
})
|
package/src/TableHead/styles.ts
DELETED
|
@@ -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
|
-
})
|
package/src/TableRow/styles.ts
DELETED
|
@@ -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
|
-
})
|