@bikdotai/bik-component-library 0.0.510-beta-007 → 0.0.510-beta-009

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

@@ -3,4 +3,5 @@ export declare const ActionButtonContainer: import("styled-components").StyledCo
     isError: boolean;
     border: string;
     isConfigured: boolean;
+    width?: string | undefined;
 }, never>;

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

@@ -1,4 +1,5 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const r=e(require("styled-components")).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=o(e).default.div`
+	width: ${e=>{var r;return null!==(r=e.width)&&void 0!==r?r:"100%"}};
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
@@ -8,14 +9,15 @@
 	box-shadow: ${e=>e.isConfigured||e.isSelected||e.isError?"0px 2px 8px 0px #0000001f":""};
 	background-color: white;
 	border-radius: 4px;
-	border: ${e=>{var r;return null!==(r=e.border)&&void 0!==r?r:"1px solid #e0e0e0"}};
+	border: ${e=>{var o;return null!==(o=e.border)&&void 0!==o?o:`1px solid ${r.BASE_COLORS.grayscale[200]}`}};
 	cursor: pointer;
 	:hover {
-		background-color: ${e=>e.isSelected||e.isError?"":"#E0E0E0"};
+		background-color: ${e=>e.isSelected||e.isError?"":r.BASE_COLORS.grayscale[200]};
+		border: 1px dashed ${r.BASE_COLORS.grayscale[400]};
 	}
 
 	.action__icon {
 		height: 20px;
 		width: 20px;
 	}
-`;exports.ActionButtonContainer=r;
+`;exports.ActionButtonContainer=t;

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

@@ -3,4 +3,5 @@ export declare const ActionButtonContainer: import("styled-components").StyledCo
     isError: boolean;
     border: string;
     isConfigured: boolean;
+    width?: string | undefined;
 }, never>;

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

@@ -1,4 +1,5 @@
-import r from"styled-components";const e=r.div`
+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;
@@ -8,14 +9,15 @@ import r from"styled-components";const e=r.div`
 	box-shadow: ${r=>r.isConfigured||r.isSelected||r.isError?"0px 2px 8px 0px #0000001f":""};
 	background-color: white;
 	border-radius: 4px;
-	border: ${r=>{var e;return null!==(e=r.border)&&void 0!==e?e:"1px solid #e0e0e0"}};
+	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?"":"#E0E0E0"};
+		background-color: ${r=>r.isSelected||r.isError?"":e.grayscale[200]};
+		border: 1px dashed ${e.grayscale[400]};
 	}
 
 	.action__icon {
 		height: 20px;
 		width: 20px;
 	}
-`;export{e as ActionButtonContainer};
+`;export{o as ActionButtonContainer};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.510-beta-007",
+	"version": "0.0.510-beta-009",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",