@bikdotai/bik-component-library 0.0.685-beta.11 → 0.0.685-beta.13

package/dist/cjs/components/alerts/Alert.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/cross.svg.js"),r=require("./Alert.styled.js"),o=require("./AlertHelper.js"),i=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.Alert=l=>{var s,c;return e.jsxs(r.AlertStyle,Object.assign({type:l.type,contentPosition:l.contentPosition,style:l.containerStyle},{children:[e.jsxs(r.AlertContentWrapper,{children:[l.icon&&e.jsx("div",Object.assign({style:Object.assign(Object.assign({},null==l?void 0:l.iconStyle),{display:(null===(s=null==l?void 0:l.iconStyle)||void 0===s?void 0:s.display)||"flex",alignSelf:(null===(c=null==l?void 0:l.iconStyle)||void 0===c?void 0:c.alignSelf)||"flex-start"})},{children:e.jsx(l.icon,{color:o.COLOR_CONFIG_MAP[l.type].textColor,height:16,width:16})})),e.jsx(i.BodyCaption,Object.assign({style:{color:l.textColor||o.COLOR_CONFIG_MAP[l.type].textColor,marginLeft:8,marginRight:4}},{children:l.text})),l.redirectToText&&l.redirectTo&&e.jsx(i.BodyCaption,Object.assign({style:{color:n.COLORS.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{"INTERNAL"===l.redirectTo&&l.handleRedirectButtonClick?l.handleRedirectButtonClick():l.redirectTo&&window.open(l.redirectTo,"_blank")}},{children:l.redirectToText}))]}),l.showCrossButton&&e.jsx(r.CloseIconWrapper,{children:e.jsx(t.default,{width:20,height:20,color:n.COLORS.content.secondary,onClick:()=>{(null==l?void 0:l.handleCrossIconClick)&&l.handleCrossIconClick()}})})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/cross.svg.js"),o=require("./Alert.styled.js"),i=require("./AlertHelper.js"),n=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");exports.Alert=l=>{var s,c;return console.log("kd props:",l.containerStyle),e.jsxs(o.AlertStyle,Object.assign({type:l.type,contentPosition:l.contentPosition,style:l.containerStyle},{children:[e.jsxs(o.AlertContentWrapper,Object.assign({contentPosition:l.contentPosition},{children:[l.icon&&e.jsx("div",Object.assign({style:Object.assign(Object.assign({},null==l?void 0:l.iconStyle),{display:(null===(s=null==l?void 0:l.iconStyle)||void 0===s?void 0:s.display)||"flex",alignSelf:(null===(c=null==l?void 0:l.iconStyle)||void 0===c?void 0:c.alignSelf)||"flex-start"})},{children:e.jsx(l.icon,{color:i.COLOR_CONFIG_MAP[l.type].textColor,height:16,width:16})})),e.jsx(n.BodyCaption,Object.assign({style:{color:l.textColor||i.COLOR_CONFIG_MAP[l.type].textColor,marginLeft:8,marginRight:4}},{children:l.text})),l.redirectToText&&l.redirectTo&&e.jsx(n.BodyCaption,Object.assign({style:{color:r.COLORS.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{"INTERNAL"===l.redirectTo&&l.handleRedirectButtonClick?l.handleRedirectButtonClick():l.redirectTo&&window.open(l.redirectTo,"_blank")}},{children:l.redirectToText}))]})),l.showCrossButton&&e.jsx(o.CloseIconWrapper,{children:e.jsx(t.default,{width:20,height:20,color:r.COLORS.content.secondary,onClick:()=>{(null==l?void 0:l.handleCrossIconClick)&&l.handleCrossIconClick()}})})]}))};

package/dist/cjs/components/alerts/Alert.styled.d.ts

@@ -3,5 +3,7 @@ export declare const AlertStyle: import("styled-components").StyledComponent<"di
     type: ALERT_TYPES;
     contentPosition?: CONTENT_POSITION | undefined;
 }, never>;
-export declare const AlertContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AlertContentWrapper: import("styled-components").StyledComponent<"div", any, {
+    contentPosition?: CONTENT_POSITION | undefined;
+}, never>;
 export declare const CloseIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/alerts/Alert.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./AlertHelper.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const l=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./AlertHelper.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const n=o.default.div`
 	display: flex;
 	align-items: center;
 	justify-content: ${e=>e.contentPosition||t.CONTENT_POSITION.CENTER};
@@ -6,12 +6,12 @@
 	background-color: ${e=>t.COLOR_CONFIG_MAP[e.type].backgroundColor};
 	border-radius: 4px;
 	border: 1px solid ${e=>t.COLOR_CONFIG_MAP[e.type].borderColor};
-`,n=o.default.div`
+`,l=o.default.div`
 	flex: 1;
 	display: flex;
-	justify-content: center;
+	justify-content: ${e=>e.contentPosition||t.CONTENT_POSITION.CENTER};
 `,i=o.default.div`
 	margin-left: 16px;
 	display: flex;
 	align-items: center;
-`;exports.AlertContentWrapper=n,exports.AlertStyle=l,exports.CloseIconWrapper=i;
+`;exports.AlertContentWrapper=l,exports.AlertStyle=n,exports.CloseIconWrapper=i;

package/dist/esm/components/alerts/Alert.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{AlertStyle as i,AlertContentWrapper as r,CloseIconWrapper as n}from"./Alert.styled.js";import{COLOR_CONFIG_MAP as l}from"./AlertHelper.js";import{BodyCaption as c}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";const d=d=>{var a,h;return t(i,Object.assign({type:d.type,contentPosition:d.contentPosition,style:d.containerStyle},{children:[t(r,{children:[d.icon&&e("div",Object.assign({style:Object.assign(Object.assign({},null==d?void 0:d.iconStyle),{display:(null===(a=null==d?void 0:d.iconStyle)||void 0===a?void 0:a.display)||"flex",alignSelf:(null===(h=null==d?void 0:d.iconStyle)||void 0===h?void 0:h.alignSelf)||"flex-start"})},{children:e(d.icon,{color:l[d.type].textColor,height:16,width:16})})),e(c,Object.assign({style:{color:d.textColor||l[d.type].textColor,marginLeft:8,marginRight:4}},{children:d.text})),d.redirectToText&&d.redirectTo&&e(c,Object.assign({style:{color:s.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{"INTERNAL"===d.redirectTo&&d.handleRedirectButtonClick?d.handleRedirectButtonClick():d.redirectTo&&window.open(d.redirectTo,"_blank")}},{children:d.redirectToText}))]}),d.showCrossButton&&e(n,{children:e(o,{width:20,height:20,color:s.content.secondary,onClick:()=>{(null==d?void 0:d.handleCrossIconClick)&&d.handleCrossIconClick()}})})]}))};export{d as Alert};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{AlertStyle as i,AlertContentWrapper as n,CloseIconWrapper as r}from"./Alert.styled.js";import{COLOR_CONFIG_MAP as l}from"./AlertHelper.js";import{BodyCaption as c}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";const d=d=>{var a,h;return console.log("kd props:",d.containerStyle),t(i,Object.assign({type:d.type,contentPosition:d.contentPosition,style:d.containerStyle},{children:[t(n,Object.assign({contentPosition:d.contentPosition},{children:[d.icon&&e("div",Object.assign({style:Object.assign(Object.assign({},null==d?void 0:d.iconStyle),{display:(null===(a=null==d?void 0:d.iconStyle)||void 0===a?void 0:a.display)||"flex",alignSelf:(null===(h=null==d?void 0:d.iconStyle)||void 0===h?void 0:h.alignSelf)||"flex-start"})},{children:e(d.icon,{color:l[d.type].textColor,height:16,width:16})})),e(c,Object.assign({style:{color:d.textColor||l[d.type].textColor,marginLeft:8,marginRight:4}},{children:d.text})),d.redirectToText&&d.redirectTo&&e(c,Object.assign({style:{color:s.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{"INTERNAL"===d.redirectTo&&d.handleRedirectButtonClick?d.handleRedirectButtonClick():d.redirectTo&&window.open(d.redirectTo,"_blank")}},{children:d.redirectToText}))]})),d.showCrossButton&&e(r,{children:e(o,{width:20,height:20,color:s.content.secondary,onClick:()=>{(null==d?void 0:d.handleCrossIconClick)&&d.handleCrossIconClick()}})})]}))};export{d as Alert};

package/dist/esm/components/alerts/Alert.styled.d.ts

@@ -3,5 +3,7 @@ export declare const AlertStyle: import("styled-components").StyledComponent<"di
     type: ALERT_TYPES;
     contentPosition?: CONTENT_POSITION | undefined;
 }, never>;
-export declare const AlertContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AlertContentWrapper: import("styled-components").StyledComponent<"div", any, {
+    contentPosition?: CONTENT_POSITION | undefined;
+}, never>;
 export declare const CloseIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/alerts/Alert.styled.js

@@ -1,17 +1,17 @@
-import e from"styled-components";import{CONTENT_POSITION as o,COLOR_CONFIG_MAP as t}from"./AlertHelper.js";const r=e.div`
+import o from"styled-components";import{CONTENT_POSITION as e,COLOR_CONFIG_MAP as t}from"./AlertHelper.js";const i=o.div`
 	display: flex;
 	align-items: center;
-	justify-content: ${e=>e.contentPosition||o.CENTER};
+	justify-content: ${o=>o.contentPosition||e.CENTER};
 	padding: 8px 16px;
-	background-color: ${e=>t[e.type].backgroundColor};
+	background-color: ${o=>t[o.type].backgroundColor};
 	border-radius: 4px;
-	border: 1px solid ${e=>t[e.type].borderColor};
-`,i=e.div`
+	border: 1px solid ${o=>t[o.type].borderColor};
+`,r=o.div`
 	flex: 1;
 	display: flex;
-	justify-content: center;
-`,n=e.div`
+	justify-content: ${o=>o.contentPosition||e.CENTER};
+`,n=o.div`
 	margin-left: 16px;
 	display: flex;
 	align-items: center;
-`;export{i as AlertContentWrapper,r as AlertStyle,n as CloseIconWrapper};
+`;export{r as AlertContentWrapper,i as AlertStyle,n as CloseIconWrapper};

package/package.json

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