@bikdotai/bik-component-library 0.0.510-beta-013 → 0.0.511-0

package/dist/esm/assets/icons/similar.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},r.apply(this,arguments)}var t=t=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 21 20"},t),a||(a=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M9.152 3.397a.833.833 0 0 0-.908.181L2.41 9.411a.833.833 0 0 0 0 1.179l5.834 5.833a.833.833 0 0 0 1.422-.589V13.27c3.496.167 5.895 1.417 7.655 3.882a.833.833 0 0 0 1.496-.648c-.436-2.181-1.318-4.412-2.899-6.219-1.468-1.678-3.507-2.951-6.252-3.488v-2.63a.833.833 0 0 0-.514-.77ZM8 6.18v1.322c0 .414.305.766.715.825 2.725.389 4.626 1.544 5.95 3.057a9.982 9.982 0 0 1 1.453 2.216c-1.948-1.377-4.35-2.015-7.285-2.015a.833.833 0 0 0-.833.833v1.405l-3.822-3.821L8 6.179Z",clipRule:"evenodd"})));export{t as default};

package/dist/esm/components/action-button/ActionButton.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const ActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
-    isSelected: boolean;
-    isError: boolean;
-    border: string;
-    isConfigured: boolean;
-    width?: string | undefined;
-}, never>;

package/dist/esm/components/action-button/ActionButton.styled.js

@@ -1,23 +0,0 @@
-import r from"styled-components";import{BASE_COLORS as e}from"../../constants/Theme.js";const o=r.div`
-	width: ${r=>{var e;return null!==(e=r.width)&&void 0!==e?e:"100%"}};
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-	gap: 8px;
-	padding: 14px 0px;
-	box-shadow: ${r=>r.isConfigured||r.isSelected||r.isError?"0px 2px 8px 0px #0000001f":""};
-	background-color: white;
-	border-radius: 4px;
-	border: ${r=>{var o;return null!==(o=r.border)&&void 0!==o?o:`1px solid ${e.grayscale[200]}`}};
-	cursor: pointer;
-	:hover {
-		background-color: ${r=>r.isSelected||r.isError?"":e.grayscale[200]};
-		border: ${r=>r.isSelected||r.isError?"":r.isConfigured?`1px solid ${e.grayscale[400]}`:`1px dashed ${e.grayscale[400]}`};
-	}
-
-	.action__icon {
-		height: 20px;
-		width: 20px;
-	}
-`;export{o as ActionButtonContainer};

package/dist/esm/components/action-button/ActionButtons.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface ActionButtonInterface {
-    state: 'CONFIGURED' | 'NOT-CONFIGURED';
-    buttonText: string;
-    isSelected: boolean;
-    isError: boolean;
-    onClick: () => void;
-    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-}
-export declare const ActionButtons: React.FC<ActionButtonInterface>;

package/dist/esm/components/action-button/ActionButtons.js

@@ -1 +0,0 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{BASE_COLORS as o}from"../../constants/Theme.js";import s from"../../assets/icons/similar.svg.js";import{BodyPrimary as i}from"../TypographyStyle.js";import{ActionButtonContainer as t}from"./ActionButton.styled.js";const l=l=>{let{state:c,buttonText:a,icon:d=s,isSelected:n,isError:g,onClick:b}=l;const{color:p,border:m}="CONFIGURED"===c?(r=>{let{isSelected:e,isError:s}=r;return e&&s?{color:o.negative[700],border:`1px solid ${o.negative[700]}`}:e?{color:o.brand[500],border:`1px solid ${o.brand[500]}`}:s?{color:o.grayscale[900],border:`1px solid ${o.negative[700]}`}:{color:o.grayscale[900],border:`1px solid ${o.grayscale[200]}`}})({isSelected:n,isError:g}):(r=>{let{isSelected:e,isError:s}=r;return e&&s?{color:o.negative[700],border:`1px solid ${o.negative[700]}`}:e?{color:o.brand[500],border:`1px solid ${o.brand[500]}`}:s?{color:o.grayscale[700],border:`1px solid ${o.negative[700]}`}:{color:o.grayscale[700],border:`1px dashed ${o.grayscale[200]}`}})({isSelected:n,isError:g}),y={height:20,width:20,color:p,style:{display:"block"},className:"icon"};return r(t,Object.assign({isSelected:n,isError:g,border:m,isConfigured:"CONFIGURED"===c,onClick:b},{children:[e("div",Object.assign({className:"action__icon"},{children:e(d,Object.assign({},y))})),e(i,Object.assign({style:{fontWeight:600,color:p}},{children:a}))]}))};export{l as ActionButtons};

package/dist/esm/components/action-button/index.d.ts

@@ -1 +0,0 @@
-export * from './ActionButtons';