@amsterdam/bmi-component-library/lib/common/src/EditableInput/EditableInputStyles.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,{EditableInputStyle:function(){return EditableInputStyle},InputContainerStyle:function(){return InputContainerStyle},InputStyles:function(){return InputStyles},ClearIconStyle:function(){return ClearIconStyle},RestoreIconStyle:function(){return RestoreIconStyle}});var _styledcomponents=_interop_require_default(require("styled-components"));var _ascui=require("@amsterdam/asc-ui");var _Cancel=_interop_require_default(require("@mui/icons-material/Cancel"));var _Replay=_interop_require_default(require("@mui/icons-material/Replay"));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	font-weight: 500;\n	width: 100%;\n"]);_templateObject=function _templateObject(){return data};return data}function _templateObject1(){var data=_tagged_template_literal(["\n	position: relative;\n	display: inline;\n	width: 100%;\n"]);_templateObject1=function _templateObject(){return data};return data}function _templateObject2(){var data=_tagged_template_literal(["\n	min-width: 70px;\n	max-width: 620px;\n	line-height: 22px;\n	padding-left: 10px;\n\n	&:focus {\n		outline: none;\n	}\n"]);_templateObject2=function _templateObject(){return data};return data}function _templateObject3(){var data=_tagged_template_literal(["\n	position: absolute;\n	top: -3px;\n	right: 4px;\n	cursor: pointer;\n"]);_templateObject3=function _templateObject(){return data};return data}function _templateObject4(){var data=_tagged_template_literal(["\n	position: absolute;\n	top: 25px;\n	transform: rotate(310deg);\n	margin-left: 5px;\n"]);_templateObject4=function _templateObject(){return data};return data}var EditableInputStyle=_styledcomponents.default.div(_templateObject());var InputContainerStyle=_styledcomponents.default.div(_templateObject1());var InputStyles=(0,_styledcomponents.default)(_ascui.Input)(_templateObject2());var ClearIconStyle=(0,_styledcomponents.default)(_Cancel.default)(_templateObject3());var RestoreIconStyle=(0,_styledcomponents.default)(_Replay.default)(_templateObject4());
//# sourceMappingURL=EditableInputStyles.js.map