@amsterdam/bmi-component-library/es/form/Select/SelectStyles.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}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}import{ascDefaultTheme,themeColor as themeColorAsc,themeSpacing as themeSpacingAsc}from"@amsterdam/asc-ui";import styled from"styled-components";const themeColor=(type,colorSubtype,override)=>themeColorAsc(type,colorSubtype,override)({theme:ascDefaultTheme});const themeSpacing=(top,right,bottom,left)=>themeSpacingAsc(top,right,bottom,left)({theme:ascDefaultTheme});export const DropdownIndicatorStyle=styled.span`
	border-right: 3px solid;
	border-bottom: 3px solid;
	height: 11px;
	width: 11px;
	transform: rotate(45deg) translateY(-4px);
	border-color: inherit;
`;export function getSelectStyle({error=false,maxWidth="100%",zIndexMenu}){return{container:provided=>_object_spread_props(_object_spread({},provided),{maxWidth:maxWidth||"100%"}),control:(provided,{isFocused,isDisabled})=>_object_spread_props(_object_spread({},provided),{pointerEvents:isDisabled?"none":"auto",borderWidth:"1px",borderColor:`${isDisabled?themeColor("tint","level4"):error?themeColor("support","invalid"):themeColor("primary")}`,backgroundColor:`${themeColor("tint","level1")}`,borderRadius:0,boxShadow:`${isDisabled?"none":isFocused?`inset 0 0 0 1px ${themeColor("primary")}`:"none"}`,"&:hover":{boxShadow:error?`inset 0 0 0 1px ${themeColor("support","invalid")}`:`inset 0 0 0 1px ${themeColor("primary")}`},color:`${isDisabled?themeColor("tint","level5"):isFocused?themeColor("primary","dark"):themeColor("primary")}`,height:"48px"}),menuList:provided=>_object_spread_props(_object_spread({},provided),{padding:"0",maxHeight:`calc(8 * 48px)`}),valueContainer:(provided,{isDisabled})=>_object_spread_props(_object_spread({},provided),{color:`${isDisabled?themeColor("tint","level4"):themeColor("primary")}`,padding:`${themeSpacing(0,3)}`,fontSize:"18px"}),dropdownIndicator:(provided,{isFocused,isDisabled})=>_object_spread_props(_object_spread({},provided),{color:`${isDisabled?themeColor("tint","level3"):isFocused?themeColor("primary","dark"):themeColor("primary")}`,"&:hover":{color:`${themeColor("primary","dark")}`}}),indicatorsContainer:provided=>_object_spread_props(_object_spread({},provided),{paddingRight:`${themeSpacing(3)}`,color:`${themeColor("primary")}`}),indicatorSeparator:()=>({display:"none"}),noOptionsMessage:provided=>_object_spread_props(_object_spread({},provided),{padding:`${themeSpacing(0,3)}`,height:"48px",fontSize:"18px",backgroundColor:`${themeColor("tint","level1")}`,display:"flex",alignItems:"center",justifyContent:"spaceEvenly"}),option:(provided,{isFocused,isDisabled,isSelected})=>_object_spread_props(_object_spread({},provided),{padding:`${themeSpacing(0,3)}`,justifyContent:"space-between",display:"flex",alignItems:"center",color:isDisabled?`${themeColor("tint","level3")}`:isSelected?`${themeColor("tint","level1")}`:isFocused?`${themeColor("tint","level1")}`:`${themeColor("primary")}`,height:"48px",fontSize:"18px",backgroundColor:isDisabled?`${themeColor("tint","level1")}`:isSelected?`${themeColor("primary")}`:isFocused?`${themeColor("primary")}`:`${themeColor("tint","level1")}`,":active":{backgroundColor:`${themeColor("primary")}`},"::after":{content:isSelected?'""':undefined,float:"right",border:`solid ${themeColor("tint","level1")}`,borderWidth:"0 3px 3px 0",transform:"rotate(45deg) translate(-5px, 0)",width:"10px",height:"18px"}}),singleValue:provided=>_object_spread_props(_object_spread({},provided),{color:`${themeColor("tint","level7")}`}),placeholder:provided=>_object_spread_props(_object_spread({},provided),{color:`${themeColor("tint","level5")}`}),menu:provided=>_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 ${themeColor("primary")}`}),menuPortal:provided=>zIndexMenu?_object_spread_props(_object_spread({},provided),{zIndex:zIndexMenu}):provided}}
//# sourceMappingURL=SelectStyles.js.map