@amsterdam/bmi-component-library/lib/form/Select/SelectStyles.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,{DropdownIndicatorStyle:function(){return DropdownIndicatorStyle},getSelectStyle:function(){return getSelectStyle}});var _ascui=require("@amsterdam/asc-ui");var _styledcomponents=_interop_require_default(require("styled-components"));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 ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(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	border-right: 3px solid;\n	border-bottom: 3px solid;\n	height: 11px;\n	width: 11px;\n	transform: rotate(45deg) translateY(-4px);\n	border-color: inherit;\n"]);_templateObject=function _templateObject(){return data};return data}var themeColor=function(type,colorSubtype,override){return(0,_ascui.themeColor)(type,colorSubtype,override)({theme:_ascui.ascDefaultTheme})};var themeSpacing=function(top,right,bottom,left){return(0,_ascui.themeSpacing)(top,right,bottom,left)({theme:_ascui.ascDefaultTheme})};var DropdownIndicatorStyle=_styledcomponents.default.span(_templateObject());function getSelectStyle(param){var _param_error=param.error,error=_param_error===void 0?false:_param_error,_param_maxWidth=param.maxWidth,maxWidth=_param_maxWidth===void 0?"100%":_param_maxWidth,zIndexMenu=param.zIndexMenu;return{container:function(provided){return _object_spread_props(_object_spread({},provided),{maxWidth:maxWidth||"100%"})},control:function(provided,param){var isFocused=param.isFocused,isDisabled=param.isDisabled;return _object_spread_props(_object_spread({},provided),{pointerEvents:isDisabled?"none":"auto",borderWidth:"1px",borderColor:"".concat(isDisabled?themeColor("tint","level4"):error?themeColor("support","invalid"):themeColor("primary")),backgroundColor:"".concat(themeColor("tint","level1")),borderRadius:0,boxShadow:"".concat(isDisabled?"none":isFocused?"inset 0 0 0 1px ".concat(themeColor("primary")):"none"),"&:hover":{boxShadow:error?"inset 0 0 0 1px ".concat(themeColor("support","invalid")):"inset 0 0 0 1px ".concat(themeColor("primary"))},color:"".concat(isDisabled?themeColor("tint","level5"):isFocused?themeColor("primary","dark"):themeColor("primary")),height:"48px"})},menuList:function(provided){return _object_spread_props(_object_spread({},provided),{padding:"0",maxHeight:"calc(8 * 48px)"})},valueContainer:function(provided,param){var isDisabled=param.isDisabled;return _object_spread_props(_object_spread({},provided),{color:"".concat(isDisabled?themeColor("tint","level4"):themeColor("primary")),padding:"".concat(themeSpacing(0,3)),fontSize:"18px"})},dropdownIndicator:function(provided,param){var isFocused=param.isFocused,isDisabled=param.isDisabled;return _object_spread_props(_object_spread({},provided),{color:"".concat(isDisabled?themeColor("tint","level3"):isFocused?themeColor("primary","dark"):themeColor("primary")),"&:hover":{color:"".concat(themeColor("primary","dark"))}})},indicatorsContainer:function(provided){return _object_spread_props(_object_spread({},provided),{paddingRight:"".concat(themeSpacing(3)),color:"".concat(themeColor("primary"))})},indicatorSeparator:function(){return{display:"none"}},noOptionsMessage:function(provided){return _object_spread_props(_object_spread({},provided),{padding:"".concat(themeSpacing(0,3)),height:"48px",fontSize:"18px",backgroundColor:"".concat(themeColor("tint","level1")),display:"flex",alignItems:"center",justifyContent:"spaceEvenly"})},option:function(provided,param){var isFocused=param.isFocused,isDisabled=param.isDisabled,isSelected=param.isSelected;return _object_spread_props(_object_spread({},provided),{padding:"".concat(themeSpacing(0,3)),justifyContent:"space-between",display:"flex",alignItems:"center",color:isDisabled?"".concat(themeColor("tint","level3")):isSelected?"".concat(themeColor("tint","level1")):isFocused?"".concat(themeColor("tint","level1")):"".concat(themeColor("primary")),height:"48px",fontSize:"18px",backgroundColor:isDisabled?"".concat(themeColor("tint","level1")):isSelected?"".concat(themeColor("primary")):isFocused?"".concat(themeColor("primary")):"".concat(themeColor("tint","level1")),":active":{backgroundColor:"".concat(themeColor("primary"))},"::after":{content:isSelected?'""':undefined,float:"right",border:"solid ".concat(themeColor("tint","level1")),borderWidth:"0 3px 3px 0",transform:"rotate(45deg) translate(-5px, 0)",width:"10px",height:"18px"}})},singleValue:function(provided){return _object_spread_props(_object_spread({},provided),{color:"".concat(themeColor("tint","level7"))})},placeholder:function(provided){return _object_spread_props(_object_spread({},provided),{color:"".concat(themeColor("tint","level5"))})},menu:function(provided){return _object_spread_props(_object_spread({},provided),{borderRadius:"0",margin:"0",zIndex:zIndexMenu?zIndexMenu:provided.zIndex,padding:"0 2px 2px 2px",boxShadow:"inset 0 0 0 2px ".concat(themeColor("primary"))})},menuPortal:function(provided){return zIndexMenu?_object_spread_props(_object_spread({},provided),{zIndex:zIndexMenu}):provided}}}
//# sourceMappingURL=SelectStyles.js.map