@bothub-chat/ui 2.40.0 → 2.40.1-develop-22066e73-be5e-4f26-a589-182e4e652acd

package/dist/components/select-field/select-modal/styled.js

@@ -0,0 +1,12 @@
+import{styled as t,css as e}from"styled-components";import{animated as o}from"@react-spring/web";import{ScrollableTabs as i}from"../../scrollable-tabs/index.js";import{TextField as d}from"../../text-field/index.js";const a=t(o.div).withConfig({displayName:"styled__SelectModalStyled",componentId:"sc-6z9s36-0"})(["display:flex;position:absolute;z-index:",";width:","px;min-width:200px;width:100%;box-sizing:border-box;transition:opacity 0.2s;",""],(({theme:t})=>t.zIndex.select),(({$contentWidth:t})=>t),(({$isOpen:t})=>!t&&e`
+      opacity: 0;
+      pointer-events: none;
+    `)),s=t.div.withConfig({displayName:"styled__SelectModalPositionWrapper",componentId:"sc-6z9s36-1"})(["display:flex;position:absolute;",";box-sizing:border-box;padding:6px 0 6px 8px;border:1px solid ",";border-radius:10px;background:",";backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);",""],(({$width:t,$compactWidth:o})=>!o&&e`
+      width: ${t||"100%"};
+    `),(({theme:t})=>t.colors.grayScale.gray2),(({theme:t,$blur:e})=>e?"light"===t.mode?"rgba(255, 255, 255, 0.65)":"rgba(18, 24, 37, 0.75)":"light"===t.mode?t.default.colors.base.white:t.colors.grayScale.gray4),(({$placement:t})=>t.includes("top")?e`
+        bottom: 0px;
+        margin-bottom: 10px;
+      `:e`
+      top: 0px;
+      margin-top: 10px;
+    `)),l=t.div.withConfig({displayName:"styled__SelectModalContent",componentId:"sc-6z9s36-2"})(["display:flex;width:100%;"]),n=t.div.withConfig({displayName:"styled__SelectModalGroups",componentId:"sc-6z9s36-3"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:","px;"],(({$size:t})=>{switch(t){case"small":return 4;case"md":return 6;case"large":return 8}})),r=t.div.withConfig({displayName:"styled__SelectModalTabsContainer",componentId:"sc-6z9s36-4"})(["width:100%;padding-right:8px;"]),p=t(i).attrs({variant:"secondary",component:"button"}).withConfig({displayName:"styled__SelectModalTabs",componentId:"sc-6z9s36-5"})([""]),c=t(d).attrs({fullWidth:!0,variant:"secondary"}).withConfig({displayName:"styled__SelectModalSearch",componentId:"sc-6z9s36-6"})(["padding-right:8px;"]);export{l as SelectModalContent,n as SelectModalGroups,s as SelectModalPositionWrapper,c as SelectModalSearch,a as SelectModalStyled,p as SelectModalTabs,r as SelectModalTabsContainer};