@bikdotai/bik-component-library 0.0.736-beta.1 → 0.0.736-beta.2

package/dist/esm/components/testimonial-card/TestimonialCard.style.d.ts

@@ -1,42 +1,15 @@
-export declare const TestimonialCardStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const TestimonialCardStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string;
     height?: string;
     version?: string;
-}, JSX.IntrinsicElements, {}>;
-export declare const TestimonialProfileCard: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TestimonialProfileInfo2: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const Logo: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TestimonialProfileInfo: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TestimonialProfileFooter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const TestimonialProfileCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TestimonialProfileInfo2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const TestimonialProfileInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TestimonialProfileFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string;
-}, JSX.IntrinsicElements, {}>;
-export declare const FooterText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const FooterStat: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const FooterArrow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const FooterText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const FooterStat: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const FooterArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/esm/components/testimonial-card/TestimonialCard.style.js

@@ -1,4 +1,4 @@
-import i from"@emotion/styled";const t="24px",e="24px",d="0px 0px 15px 0px #0000000f",a=i.div`
+import i from"styled-components";const t="24px",e="24px",d="0px 0px 15px 0px #0000000f",p=i.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
@@ -8,7 +8,7 @@ import i from"@emotion/styled";const t="24px",e="24px",d="0px 0px 15px 0px #0000
 	border-radius: ${i=>"v2"===i.version?`${e} ${e} 0 0 `:e};
 	${i=>i.width?{width:i.width}:{}};
 	${i=>i.height?{height:i.height}:{}};
-`,p=i.div`
+`,a=i.div`
 	display: flex;
 	flex-direction: row;
 	gap: 16px;
@@ -40,14 +40,14 @@ import i from"@emotion/styled";const t="24px",e="24px",d="0px 0px 15px 0px #0000
 	overflow: hidden;
 `,r=i.span`
 	text-align: start;
-`,f=i.span`
+`,s=i.span`
 	width: 40%;
 	width: 150px;
 	text-align: end;
 	flex-shrink: 0;
-`,s=i.span`
+`,f=i.span`
 	position: absolute;
 	right: 16px;
 	bottom: 0px;
 	width: 130px;
-`;export{s as FooterArrow,f as FooterStat,r as FooterText,o as Logo,a as TestimonialCardStyle,p as TestimonialProfileCard,l as TestimonialProfileFooter,x as TestimonialProfileInfo,n as TestimonialProfileInfo2};
+`;export{f as FooterArrow,s as FooterStat,r as FooterText,o as Logo,p as TestimonialCardStyle,a as TestimonialProfileCard,l as TestimonialProfileFooter,x as TestimonialProfileInfo,n as TestimonialProfileInfo2};

package/dist/esm/components/toaster/Toaster.styled.d.ts

@@ -1,11 +1,8 @@
 import { TypeOptions } from 'react-toastify';
-export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const ToasterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string;
     height?: string;
     zIndex?: number;
     isSubTextIncluded?: boolean;
     type?: TypeOptions;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;

package/dist/esm/components/toaster/Toaster.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";import{COLORS as o}from"../../constants/Theme.js";import{ComponentZindex as r}from"../../constants/zindex.js";const a=t.div`
+import t from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{ComponentZindex as r}from"../../constants/zindex.js";const a=t.div`
 	--toastify-color-light: #fff;
 	--toastify-color-dark: #121212;
 	--toastify-text-color-success: ${o.content.primary};

package/dist/esm/components/tooltips/Tooltip.d.ts

@@ -1,11 +1,11 @@
-import { FunctionComponent, ReactNode } from 'react';
+import React, { FunctionComponent, ReactNode } from 'react';
 import { TooltipInternalProps } from '@src/components/tooltips/TooltipInternal';
 export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 export interface TooltipProps extends TooltipInternalProps {
     width?: number;
     placement?: Placement;
     children: ReactNode;
-    tooltipContent?: JSX.Element;
+    tooltipContent?: React.JSX.Element;
     alwaysVisible?: boolean;
     hideArrow?: boolean;
     onClickOutside?: () => void;

package/dist/esm/components/tooltips/TooltipInternal.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import o from"@emotion/styled";import{Button as n}from"../button/Button.js";import{TitleSmall as a,BodyCaption as i}from"../TypographyStyle.js";import{COLORS as e}from"../../constants/Theme.js";const p=t=>"light"===t?e.content.primary:e.content.primaryInverse,s=o.div`
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import o from"styled-components";import{Button as n}from"../button/Button.js";import{TitleSmall as a,BodyCaption as i}from"../TypographyStyle.js";import{COLORS as e}from"../../constants/Theme.js";const p=t=>"light"===t?e.content.primary:e.content.primaryInverse,s=o.div`
 	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	border-radius: 4px;
 	padding: 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.736-beta.1",
+	"version": "0.0.736-beta.2",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -155,8 +155,6 @@
 		"webpack-cli": "^5.0.1"
 	},
 	"peerDependencies": {
-		"@emotion/react": "^11.0.0",
-		"@emotion/styled": "^11.0.0",
 		"date-fns": "^2.29.3",
 		"react": "^16.8.0 || ^17 || ^18 || ^19",
 		"react-calendar": "^3.7.0",