@amsterdam/bmi-component-library/es/common/src/DocumentTable/DocumentTableStyle.js

A React component library based on ASC and Material-UI aimed at repurposing and sharing components across BMI projects

function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";import{DataGrid}from"@mui/x-data-grid";import{themeColor,themeSpacing,srOnlyStyle,Pagination}from"@amsterdam/asc-ui";export const StyledPagination=styled(Pagination)`
	&& {
		padding-top: ${themeSpacing(1)};
	}
`;const DataGridStyles=styled.div`
	.MuiDataGrid-root {
		border: none;
		margin-bottom: ${themeSpacing(12)};

		.MuiDataGrid-columnHeader {
			padding: 10px 15px;
			line-height: 22px !important;
		}

		.MuiDataGrid-columnHeaderTitleContainer {
			padding: 0;
		}

		.MuiDataGrid-columnHeaderTitle {
			font-weight: 700;
		}

		.MuiDataGrid-columnSeparator {
			display: none;
		}

		.MuiDataGrid-row,
		.MuiDataGrid-cell,
		.MuiDataGrid-renderingZone,
		.MuiDataGrid-viewport {
			max-height: none !important;
		}

		.MuiDataGrid-window {
			position: relative !important;
		}

		.MuiDataGrid-cell {
			border-bottom: none;
			white-space: normal;
			vertical-align: top;

			a {
				color: ${themeColor("primary","main")};

				&:visited {
					color: ${themeColor("supplement","purple")};
				}

				&:hover {
					color: ${themeColor("secondary","main")};
				}
			}

			> span[aria-live] {
				width: 100%;
			}
		}

		.MuiDataGrid-cell,
		.MuiDataGrid-cell--withRenderer {
			align-items: flex-start;
			line-height: 22px !important;
			padding: 10px 15px;
		}

		.MuiDataGrid-columnHeader:focus-within,
		.MuiDataGrid-cell:focus-within,
		.MuiDataGrid-columnHeader:focus,
		.MuiDataGrid-cell:focus {
			outline: none;
		}

		/* stylelint-disable no-descending-specificity */
		.MuiDataGrid-row {
			&:nth-child(odd),
			&:nth-child(odd):hover {
				background-color: ${themeColor("tint","level1")};
			}

			&:nth-child(even),
			&:nth-child(even):hover {
				background-color: ${themeColor("tint","level2")};
			}
		}
		/* stylelint-enable no-descending-specificity */

		.MuiDataGrid-cell.remove button {
			line-height: 22px;
		}

		.sr-only {
			${srOnlyStyle}
		}
	}
`;export const StyledDataGrid=props=>{return _jsx(DataGridStyles,{children:_jsx(DataGrid,_object_spread({},props))})};
//# sourceMappingURL=DocumentTableStyle.js.map