@bothub-chat/ui 2.57.5-fix-refactor-merge-223a35a1-e647-449e-bf33-e3bd41cb1430 → 2.58.0

package/dist/components/sidebar/menu/nav/link/styled.js

@@ -0,0 +1,39 @@
+import{styled as e,css as a}from"styled-components";import{Typography as r}from"../../../../typography/index.js";import{adaptive as t}from"../../../../../adaptive/index.js";const o=e(r).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SidebarMenuNavLinkText",componentId:"sc-1jjso69-0"})(["",""],({$open:e,theme:r})=>t(e?{variant:"dashboard",desktop:a`
+            display: flex;
+          `,tablet:a`
+            display: none;
+          `}:{variant:"dashboard",desktop:a`
+            position: fixed;
+            transition: 0.25s all;
+            padding: 8px;
+            background: ${r.colors.grayScale.gray2};
+            border-radius: 6px;
+            display: block;
+            z-index: 40;
+            left: 120px;
+            white-space: nowrap;
+            &:after {
+              content: '';
+              position: absolute;
+              top: 50%;
+              left: -5px;
+              transform: translateY(-50%);
+              width: 0;
+              height: 0;
+              border-style: solid;
+              border-width: 10px 10px 10px 0;
+              border-color: transparent ${r.colors.grayScale.gray2}
+                transparent transparent;
+            }
+          `,tablet:a`
+            display: flex;
+          `,mobile:a`
+            display: flex;
+          `})),i=e.a.withConfig({displayName:"styled__SidebarMenuNavLinkStyled",componentId:"sc-1jjso69-1"})(["display:inline-flex;align-items:center;gap:10px;cursor:pointer;opacity:0.75;",""],({$active:e})=>!e&&a`
+      transition: 0.25s opacity;
+      &:hover {
+        opacity: 1;
+      }
+    `),n=e.div.withConfig({displayName:"styled__SidebarMenuNavIcon",componentId:"sc-1jjso69-2"})(["display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;"," &:hover ~ ","{left:100px;background:",";&:after{border-color:transparent "," transparent transparent;}}border:1px solid ",";"],({$active:e})=>e&&a`
+      background: ${({theme:e})=>e.colors.grayScale.gray3};
+    `,o,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray1:"rgba(159, 189, 251, 1);",({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray1:"rgba(159, 189, 251, 1)",({theme:e})=>e.colors.grayScale.gray2);export{n as SidebarMenuNavIcon,i as SidebarMenuNavLinkStyled,o as SidebarMenuNavLinkText};