@amsterdam/bmi-component-library/lib/form/FileUpload/FileList/FileListStyles.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,{FileListTitleStyle:function(){return FileListTitleStyle},FileListStyle:function(){return FileListStyle},FileListItemStyle:function(){return FileListItemStyle},FileListItemPreviewWrapperStyle:function(){return FileListItemPreviewWrapperStyle},FileListItemImagePreviewStyle:function(){return FileListItemImagePreviewStyle},FileNameStyle:function(){return FileNameStyle},FileNameErrorStyle:function(){return FileNameErrorStyle},FileListItemButtonStyle:function(){return FileListItemButtonStyle},FileProgressBarStyle:function(){return FileProgressBarStyle}});var _styledcomponents=_interop_require_default(require("styled-components"));var _ascui=require("@amsterdam/asc-ui");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}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	align-self: baseline;\n	font-weight: 800;\n	font-size: 18px;\n	line-height: 23px;\n	color: ",";\n	margin: 0;\n	padding: 0;\n"]);_templateObject=function _templateObject(){return data};return data}function _templateObject1(){var data=_tagged_template_literal(["\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	width: 100%;\n	padding: 0;\n	margin: 0;\n"]);_templateObject1=function _templateObject(){return data};return data}function _templateObject2(){var data=_tagged_template_literal(["\n	display: flex;\n	gap: ",";\n	position: relative;\n	align-items: center;\n	color: ",";\n	width: 100%;\n	min-height: 48px;\n	padding: 0;\n	margin: 0;\n"]);_templateObject2=function _templateObject(){return data};return data}function _templateObject3(){var data=_tagged_template_literal(["\n	flex-basis: 50px;\n	max-width: 50px;\n"]);_templateObject3=function _templateObject(){return data};return data}function _templateObject4(){var data=_tagged_template_literal(["\n	max-height: 32px;\n	max-width: 50px;\n	display: block;\n"]);_templateObject4=function _templateObject(){return data};return data}function _templateObject5(){var data=_tagged_template_literal(["\n	font-weight: 400;\n	font-size: 18px;\n	line-height: 160%;\n	","\n"]);_templateObject5=function _templateObject(){return data};return data}function _templateObject6(){var data=_tagged_template_literal(["\n	font-weight: 700;\n	color: ",";\n"]);_templateObject6=function _templateObject(){return data};return data}function _templateObject7(){var data=_tagged_template_literal(["\n	align-self: center;\n	font-weight: 400;\n	font-size: 18px;\n	line-height: 29px;\n	margin-left: auto;\n"]);_templateObject7=function _templateObject(){return data};return data}function _templateObject8(){var data=_tagged_template_literal(["\n	position: absolute;\n	bottom: 0;\n	left: 0;\n	height: 10px;\n	width: 100%;\n	accent-color: ","; /* https://caniuse.com/mdn-css_properties_accent-color */\n"]);_templateObject8=function _templateObject(){return data};return data}var FileListTitleStyle=_styledcomponents.default.h6(_templateObject(),(0,_ascui.themeColor)("tint","level7"));var FileListStyle=_styledcomponents.default.ul(_templateObject1());var FileListItemStyle=_styledcomponents.default.li(_templateObject2(),(0,_ascui.themeSpacing)(10),(0,_ascui.themeColor)("tint","level7"));var FileListItemPreviewWrapperStyle=_styledcomponents.default.div(_templateObject3());var FileListItemImagePreviewStyle=_styledcomponents.default.img(_templateObject4());var FileNameStyle=_styledcomponents.default.span(_templateObject5(),function(param){var hasClickListener=param.hasClickListener;return hasClickListener&&"cursor: pointer;"});var FileNameErrorStyle=_styledcomponents.default.span(_templateObject6(),(0,_ascui.themeColor)("support","invalid"));var FileListItemButtonStyle=(0,_styledcomponents.default)(_ascui.Button)(_templateObject7());var FileProgressBarStyle=_styledcomponents.default.progress(_templateObject8(),(0,_ascui.themeColor)("primary"));
//# sourceMappingURL=FileListStyles.js.map