@bikdotai/bik-component-library 0.0.786-beta.10 → 0.0.786-beta.12

package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Styles.js

@@ -6,7 +6,7 @@
 	top: 0;
 	left: 0;
 	z-index: 10;
-	overflow-y: hidden;
+	overflow-y: auto;
 	height: 100vh;
 
 	.bik-header-logo {
@@ -25,8 +25,8 @@
 	}
 `,a=o.default.div`
 	margin: 0px 0px 16px;
+	padding-bottom: 8px;
 `,d=o.default.div``,s=o.default.div`
-	position: relative;
 	padding: 0px 6px;
 	margin-bottom: 6px;
 	> * {
@@ -64,7 +64,7 @@
 				z-index: 1;
 			}
 		`}}
-`,c=o.default.div`
+`,x=o.default.div`
 	display: flex;
 	flex-direction: column;
 	border-radius: 10px;
@@ -100,16 +100,18 @@
 	${t=>{let{isLastSticky:i}=t;return i&&e.css`
 			@media (min-height: 768px) {
 				position: absolute;
-				bottom: 64px;
-				width: 100%;
+				bottom: 72px;
+				left: 6px;
+				right: 6px;
 			}
 		`}}
 
 	${t=>{let{is2ndLastSticky:i}=t;return i&&e.css`
 			@media (min-height: 768px) {
 				position: absolute;
-				bottom: 0px;
-				width: 100%;
+				bottom: 8px;
+				left: 6px;
+				right: 6px;
 			}
 		`}}
 
@@ -117,14 +119,15 @@
 			@media (min-height: 768px) {
 				position: absolute;
 				bottom: ${i}px;
-				width: 100%;
+				left: 6px;
+				right: 6px;
 			}
 		`}}
-`,u=o.default.div`
+`,c=o.default.div`
 	display: flex;
 	flex-direction: row;
 	cursor: pointer;
-`,x=o.default(t.BodyTiny)`
+`,u=o.default(t.BodyTiny)`
 	user-select: none;
 	color: ${e=>{let{isActive:t}=e;return t?i.COLORS.content.primaryInverse:i.COLORS.content.secondaryInverse}};
 	margin-bottom: 0px;
@@ -279,4 +282,4 @@
 			border-radius: 8px;
 		}
 	}
-`;exports.MainSideBarV2MenuWrapper=a,exports.SibeBarV2MenuItem=d,exports.SideBarV2Container=n,exports.SidebarLockedChannel=b,exports.SidebarMainMenu=s,exports.SidebarMenuItemContainer=u,exports.SidebarMenuItemInner=c,exports.SidebarMenuItemText=x,exports.SidebarNewTag=p,exports.SidebarV2PopupContainer=g,exports.SimpleSidebarV2Container=l;
+`;exports.MainSideBarV2MenuWrapper=a,exports.SibeBarV2MenuItem=d,exports.SideBarV2Container=n,exports.SidebarLockedChannel=b,exports.SidebarMainMenu=s,exports.SidebarMenuItemContainer=c,exports.SidebarMenuItemInner=x,exports.SidebarMenuItemText=u,exports.SidebarNewTag=p,exports.SidebarV2PopupContainer=g,exports.SimpleSidebarV2Container=l;

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Styles.js

@@ -1,4 +1,4 @@
-import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../TypographyStyle.js";import{COLORS as o,BASE_COLORS as r,FONTS as n}from"../../../constants/Theme.js";const d=e.div`
+import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../TypographyStyle.js";import{COLORS as o,BASE_COLORS as r,FONTS as n}from"../../../constants/Theme.js";const a=e.div`
 	background-color: #28034e;
 	width: 72px;
 	justify-content: space-between;
@@ -6,7 +6,7 @@ import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../Typog
 	top: 0;
 	left: 0;
 	z-index: 10;
-	overflow-y: hidden;
+	overflow-y: auto;
 	height: 100vh;
 
 	.bik-header-logo {
@@ -23,10 +23,10 @@ import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../Typog
 			object-fit: container;
 		}
 	}
-`,a=e.div`
+`,d=e.div`
 	margin: 0px 0px 16px;
+	padding-bottom: 8px;
 `,p=e.div``,s=e.div`
-	position: relative;
 	padding: 0px 6px;
 	margin-bottom: 6px;
 	> * {
@@ -48,7 +48,7 @@ import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../Typog
 				z-index: 1;
 			}
 		`}}
-`,c=e.div`
+`,x=e.div`
 	position: absolute;
 	right: 10px;
 	margin-top: -5px;
@@ -64,7 +64,7 @@ import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../Typog
 				z-index: 1;
 			}
 		`}}
-`,x=e.div`
+`,c=e.div`
 	display: flex;
 	flex-direction: column;
 	border-radius: 10px;
@@ -100,16 +100,18 @@ import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../Typog
 	${e=>{let{isLastSticky:i}=e;return i&&t`
 			@media (min-height: 768px) {
 				position: absolute;
-				bottom: 64px;
-				width: 100%;
+				bottom: 72px;
+				left: 6px;
+				right: 6px;
 			}
 		`}}
 
 	${e=>{let{is2ndLastSticky:i}=e;return i&&t`
 			@media (min-height: 768px) {
 				position: absolute;
-				bottom: 0px;
-				width: 100%;
+				bottom: 8px;
+				left: 6px;
+				right: 6px;
 			}
 		`}}
 
@@ -117,7 +119,8 @@ import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../Typog
 			@media (min-height: 768px) {
 				position: absolute;
 				bottom: ${i}px;
-				width: 100%;
+				left: 6px;
+				right: 6px;
 			}
 		`}}
 `,l=e.div`
@@ -279,4 +282,4 @@ import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../Typog
 			border-radius: 8px;
 		}
 	}
-`;export{a as MainSideBarV2MenuWrapper,p as SibeBarV2MenuItem,d as SideBarV2Container,c as SidebarLockedChannel,s as SidebarMainMenu,l as SidebarMenuItemContainer,x as SidebarMenuItemInner,u as SidebarMenuItemText,b as SidebarNewTag,m as SidebarV2PopupContainer,g as SimpleSidebarV2Container};
+`;export{d as MainSideBarV2MenuWrapper,p as SibeBarV2MenuItem,a as SideBarV2Container,x as SidebarLockedChannel,s as SidebarMainMenu,l as SidebarMenuItemContainer,c as SidebarMenuItemInner,u as SidebarMenuItemText,b as SidebarNewTag,m as SidebarV2PopupContainer,g as SimpleSidebarV2Container};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.786-beta.10",
+	"version": "0.0.786-beta.12",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",