@mackin.com/styleguide 8.11.1 → 8.11.2
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/index.d.ts +3 -0
- package/index.js +3 -1
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -930,9 +930,12 @@ declare const Table: (props: {
|
|
|
930
930
|
caption?: string | JSX.Element;
|
|
931
931
|
children?: any;
|
|
932
932
|
noCellBorder?: boolean;
|
|
933
|
+
/** Styles applied to the table element. */
|
|
933
934
|
className?: string;
|
|
934
935
|
/** Colors alternate rows. */
|
|
935
936
|
altRows?: boolean;
|
|
937
|
+
/** Styles applied to the table wrapper scroll container. */
|
|
938
|
+
wrapperClassName?: string;
|
|
936
939
|
}) => JSX.Element;
|
|
937
940
|
declare const Tr: (props: {
|
|
938
941
|
className?: string;
|
package/index.js
CHANGED
|
@@ -4089,6 +4089,7 @@ const TabHeader = (p) => {
|
|
|
4089
4089
|
const Table = (props) => {
|
|
4090
4090
|
const theme = useThemeSafely();
|
|
4091
4091
|
const tableStyles = css.css `
|
|
4092
|
+
label: Table;
|
|
4092
4093
|
width: 100%;
|
|
4093
4094
|
border-collapse: collapse;
|
|
4094
4095
|
${props.noCellBorder && `
|
|
@@ -4104,11 +4105,12 @@ const Table = (props) => {
|
|
|
4104
4105
|
`}
|
|
4105
4106
|
`;
|
|
4106
4107
|
const wrapperStyles = css.css `
|
|
4108
|
+
label: TableScrollWrapper;
|
|
4107
4109
|
width:100%;
|
|
4108
4110
|
overflow-y: auto;
|
|
4109
4111
|
padding:0 1px; //fixes always showing of the table scroller
|
|
4110
4112
|
`;
|
|
4111
|
-
return (React__namespace.createElement("div", { className: wrapperStyles },
|
|
4113
|
+
return (React__namespace.createElement("div", { className: css.cx(wrapperStyles, props.wrapperClassName) },
|
|
4112
4114
|
React__namespace.createElement("table", { className: css.cx(tableStyles, props.className) },
|
|
4113
4115
|
props.caption && React__namespace.createElement("caption", { className: css.css({
|
|
4114
4116
|
fontWeight: 'bold',
|