@bothub-chat/ui/dist/components/select-field/select-modal/select-field-group/styled.js

Bothub UI Components

import{styled as e,css as o}from"styled-components";const t=e.div.withConfig({displayName:"styled__SelectFieldGroupStyled",componentId:"sc-rxkrr-0"})(["flex:1;width:100%;position:relative;overflow:hidden;"]),r=e.div.withConfig({displayName:"styled__SelectFieldGroupContent",componentId:"sc-rxkrr-1"})(["width:100%;height:100%;padding-right:8px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;",""],({$disableScrollbar:e,$size:t,$followContentHeight:r})=>!e&&o(["&::-webkit-scrollbar{width:4px;}&::-webkit-scrollbar-thumb{background:",";border-radius:2px;}&::-webkit-scrollbar-corner{display:none;}max-height:",";"],({theme:e})=>e.colors.accent.primary,()=>{if(r)return"100%";switch(t){case"small":case"md":return"186px";case"large":return"400px"}})),i=e.div.withConfig({displayName:"styled__Shadow",componentId:"sc-rxkrr-2"})(["position:absolute;height:50px;z-index:1;transition:opacity 0.2s;pointer-events:none;"," ",""],({$show:e})=>!e&&o(["opacity:0;"]),({$onTop:e=!1,theme:t})=>{const r="dark"===t.mode?t.colors.grayScale.gray4:t.colors.base.black;return o(e?["inset:-1px 8px auto 0;background:linear-gradient(0deg,","00 0%,"," 100%);"]:["inset:auto 8px -1px 0;background:linear-gradient(180deg,","00 0%,"," 100%);"],r,r)});export{r as SelectFieldGroupContent,t as SelectFieldGroupStyled,i as Shadow};