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

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

"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{StyledPagination:function(){return StyledPagination},StyledDataGrid:function(){return StyledDataGrid}});var _jsxruntime=require("react/jsx-runtime");var _styledcomponents=_interop_require_default(require("styled-components"));var _xdatagrid=require("@mui/x-data-grid");var _ascui=require("@amsterdam/asc-ui");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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default: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}function _tagged_template_literal(strings,raw){if(!raw){raw=strings.slice(0)}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_tagged_template_literal(["\n	&& {\n		padding-top: ",";\n	}\n"]);_templateObject=function _templateObject(){return data};return data}function _templateObject1(){var data=_tagged_template_literal(["\n	.MuiDataGrid-root {\n		border: none;\n		margin-bottom: ",";\n\n		.MuiDataGrid-columnHeader {\n			padding: 10px 15px;\n			line-height: 22px !important;\n		}\n\n		.MuiDataGrid-columnHeaderTitleContainer {\n			padding: 0;\n		}\n\n		.MuiDataGrid-columnHeaderTitle {\n			font-weight: 700;\n		}\n\n		.MuiDataGrid-columnSeparator {\n			display: none;\n		}\n\n		.MuiDataGrid-row,\n		.MuiDataGrid-cell,\n		.MuiDataGrid-renderingZone,\n		.MuiDataGrid-viewport {\n			max-height: none !important;\n		}\n\n		.MuiDataGrid-window {\n			position: relative !important;\n		}\n\n		.MuiDataGrid-cell {\n			border-bottom: none;\n			white-space: normal;\n			vertical-align: top;\n\n			a {\n				color: ",";\n\n				&:visited {\n					color: ",";\n				}\n\n				&:hover {\n					color: ",";\n				}\n			}\n\n			> span[aria-live] {\n				width: 100%;\n			}\n		}\n\n		.MuiDataGrid-cell,\n		.MuiDataGrid-cell--withRenderer {\n			align-items: flex-start;\n			line-height: 22px !important;\n			padding: 10px 15px;\n		}\n\n		.MuiDataGrid-columnHeader:focus-within,\n		.MuiDataGrid-cell:focus-within,\n		.MuiDataGrid-columnHeader:focus,\n		.MuiDataGrid-cell:focus {\n			outline: none;\n		}\n\n		/* stylelint-disable no-descending-specificity */\n		.MuiDataGrid-row {\n			&:nth-child(odd),\n			&:nth-child(odd):hover {\n				background-color: ",";\n			}\n\n			&:nth-child(even),\n			&:nth-child(even):hover {\n				background-color: ",";\n			}\n		}\n		/* stylelint-enable no-descending-specificity */\n\n		.MuiDataGrid-cell.remove button {\n			line-height: 22px;\n		}\n\n		.sr-only {\n			","\n		}\n	}\n"]);_templateObject1=function _templateObject(){return data};return data}var StyledPagination=(0,_styledcomponents.default)(_ascui.Pagination)(_templateObject(),(0,_ascui.themeSpacing)(1));var DataGridStyles=_styledcomponents.default.div(_templateObject1(),(0,_ascui.themeSpacing)(12),(0,_ascui.themeColor)("primary","main"),(0,_ascui.themeColor)("supplement","purple"),(0,_ascui.themeColor)("secondary","main"),(0,_ascui.themeColor)("tint","level1"),(0,_ascui.themeColor)("tint","level2"),_ascui.srOnlyStyle);var StyledDataGrid=function(props){return(0,_jsxruntime.jsx)(DataGridStyles,{children:(0,_jsxruntime.jsx)(_xdatagrid.DataGrid,_object_spread({},props))})};
//# sourceMappingURL=DocumentTableStyle.js.map