@bikdotai/bik-component-library 0.0.721-beta.37 → 0.0.721-beta.38

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/whats-new/WhatsNew.styles.js

@@ -14,7 +14,9 @@
 `,i=r.default.div`
 	cursor: pointer;
 	position: relative;
-	animation: ${e=>e.shouldBounce?`${a} 600ms ease-in-out`:"none"};
+	${t=>t.shouldBounce&&e.css`
+			animation: ${a} 600ms ease-in-out;
+		`}
 
 	.main-icon-class {
 		padding: 6px;

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/whats-new/WhatsNew.styles.js

@@ -1,4 +1,4 @@
-import t,{keyframes as e}from"styled-components";import{COLORS as n}from"../../constants/Theme.js";const i=e`
+import t,{keyframes as e,css as i}from"styled-components";import{COLORS as n}from"../../constants/Theme.js";const r=e`
 	0%, 100% {
 		transform: translateY(0);
 	}
@@ -11,10 +11,12 @@ import t,{keyframes as e}from"styled-components";import{COLORS as n}from"../../c
 	75% {
 		transform: translateY(-2px);
 	}
-`,r=t.div`
+`,a=t.div`
 	cursor: pointer;
 	position: relative;
-	animation: ${t=>t.shouldBounce?`${i} 600ms ease-in-out`:"none"};
+	${t=>t.shouldBounce&&i`
+			animation: ${r} 600ms ease-in-out;
+		`}
 
 	.main-icon-class {
 		padding: 6px;
@@ -171,11 +173,11 @@ import t,{keyframes as e}from"styled-components";import{COLORS as n}from"../../c
 		align-items: center;
 		margin-right: 8px;
 	}
-`,a=t.div`
+`,d=t.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`,d=t.div`
+`,p=t.div`
 	background: ${n.surface.standard};
 	border-radius: 8px;
 	border: 1px solid ${n.stroke.primary};
@@ -188,7 +190,7 @@ import t,{keyframes as e}from"styled-components";import{COLORS as n}from"../../c
 	&:hover {
 		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 	}
-`,p=t.div`
+`,c=t.div`
 	background-image: url(${t=>t.imageUrl});
 	background-size: cover;
 	background-position: center;
@@ -196,4 +198,4 @@ import t,{keyframes as e}from"styled-components";import{COLORS as n}from"../../c
 	height: ${t=>t.height||"200px"};
 	width: ${t=>t.width||"100%"};
 	border-radius: 4px;
-`;export{p as BackgroundImageContainer,d as MainCardContainer,a as MainContainer,r as WhatsNewIconContainer,o as WhatsNewWrapper};
+`;export{c as BackgroundImageContainer,p as MainCardContainer,d as MainContainer,a as WhatsNewIconContainer,o as WhatsNewWrapper};

package/package.json

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