@bikdotai/bik-component-library 0.0.587-2 → 0.0.587-4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/button/Button.js +1 -1
- package/dist/cjs/components/button/model.d.ts +1 -0
- package/dist/cjs/components/tag/Tag.js +1 -1
- package/dist/esm/components/button/Button.js +1 -1
- package/dist/esm/components/button/model.d.ts +1 -0
- package/dist/esm/components/tag/Tag.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),s=require("../spinner/Spinner.js"),i=require("./Button.styled.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),s=require("../spinner/Spinner.js"),i=require("./Button.styled.js"),r=require("./themes.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(n);const c=n.forwardRef(((n,a)=>{var{version:c,id:l,buttonType:d="primary",size:u="small",buttonText:m,disabled:b,IconComponent:j,LeadingIcon:x,TrailingIcon:h,isLoading:p,inverse:v,onClick:g,matchParentWidth:y,subtitle:f,darkMode:C,activated:N,error:T,buttonTextColor:I}=n,O=e.__rest(n,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor"]);const B=r.GetButtonTextComponent(u,d,b),k="chip"===u?16:20,q={height:k,width:k,color:r.getButtonIconColor(u,d,v,b,p,C),style:{display:"block"},className:"icon"};return t.jsx(i.Button,Object.assign({"data-test":O["data-test"],version:c,onClick:p?()=>{}:g,ref:a,id:l,disabled:b,size:u,buttonType:d,isLoading:p,inverse:v,matchParentWidth:y,darkMode:C,activated:N,error:T},O,{children:t.jsxs("div",Object.assign({className:"button-container"},{children:[d.startsWith("dash")&&t.jsx(i.ButtonCustomDashedBorder,{}),t.jsx("div",Object.assign({className:"overlay-container"},{children:p&&t.jsx(s.Spinner,{className:"spinner",size:"small",color:r.SpinnerColorMap(d,v)})})),j&&t.jsx("div",Object.assign({className:"icon-component"},{children:o.default.createElement(j,q)})),x&&t.jsx("div",Object.assign({className:"icon-leading",style:{zIndex:1}},{children:o.default.createElement(x,q)})),m?t.jsxs(B,Object.assign({className:"text",style:{color:I}},{children:[m,t.jsx("div",Object.assign({className:"text-subtitle"},{children:f}))]})):t.jsx(t.Fragment,{}),h&&t.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:o.default.createElement(h,q)}))]}))}))}));c.displayName="Button",exports.Button=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../TypographyStyle.js"),t=require("./model.js"),a=require("./Tag.styled.js"),r=require("./themes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(i);const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../TypographyStyle.js"),t=require("./model.js"),a=require("./Tag.styled.js"),r=require("./themes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(i);const o=i=>{let{tagText:s,LeadingIcon:o,TrailingIcon:l,onLeadingIconClicked:d,leadingIconId:g,trailingIconId:p,onTrailingIconClicked:j,theme:u="light",type:h="neutral",variant:m="regular",version:y,cursor:b,alignIcon:x,noBorder:T,tagHtmlText:I}=i,O=s;const C=u;let f=h;t.ValidTagTypeMap[m][h]||(f="neutral"),"circle"===m&&"number"==typeof O&&O>99&&(O="99+");const v={height:"compressed"===m?12:16,width:"compressed"===m?12:16,color:r.getTagIconColor(u,f),style:{display:"block"}};return e.jsx(a.Tag,Object.assign({cursor:b,theme:C,type:h,variant:m,version:y,alignIcon:x,noBorder:T},{children:e.jsxs("div",Object.assign({className:"container"},{children:[o&&e.jsx("button",Object.assign({className:"icon-leading",onClick:d,id:`${g}-wrapper`||"leading-icon-wrapper"},{children:c.default.createElement(o,Object.assign(Object.assign({},v),{id:g||"leading-icon"}))})),I&&("ai"===h&&"light"===u?e.jsx(n.AiBodyCaption,{children:I}):e.jsx(n.BodyCaption,Object.assign({className:"text"},{children:I}))),!I&&""!==O&&("ai"===h&&"light"===u?e.jsx(n.AiBodyCaption,{children:O}):e.jsx(n.BodyCaption,Object.assign({className:"text"},{children:O}))),l&&e.jsx("button",Object.assign({className:"icon-trailing",onClick:j,id:`${p}-wrapper`||"trailing-icon-wrapper"},{children:c.default.createElement(l,Object.assign(Object.assign({},v),{id:p||"trailing-icon"}))}))]}))}))};o.displayName="Tag",exports.Tag=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as i,Fragment as n}from"react/jsx-runtime";import s,{forwardRef as a}from"react";import{Spinner as
|
|
1
|
+
import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as i,Fragment as n}from"react/jsx-runtime";import s,{forwardRef as a}from"react";import{Spinner as o}from"../spinner/Spinner.js";import{Button as r,ButtonCustomDashedBorder as c}from"./Button.styled.js";import{getButtonIconColor as l,SpinnerColorMap as d,GetButtonTextComponent as m}from"./themes.js";const b=a(((a,b)=>{var{version:h,id:p,buttonType:g="primary",size:v="small",buttonText:u,disabled:j,IconComponent:y,LeadingIcon:x,TrailingIcon:N,isLoading:T,inverse:I,onClick:O,matchParentWidth:f,subtitle:k,darkMode:C,activated:z,error:L,buttonTextColor:W}=a,B=e(a,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor"]);const E=m(v,g,j),M="chip"===v?16:20,P={height:M,width:M,color:l(v,g,I,j,T,C),style:{display:"block"},className:"icon"};return t(r,Object.assign({"data-test":B["data-test"],version:h,onClick:T?()=>{}:O,ref:b,id:p,disabled:j,size:v,buttonType:g,isLoading:T,inverse:I,matchParentWidth:f,darkMode:C,activated:z,error:L},B,{children:i("div",Object.assign({className:"button-container"},{children:[g.startsWith("dash")&&t(c,{}),t("div",Object.assign({className:"overlay-container"},{children:T&&t(o,{className:"spinner",size:"small",color:d(g,I)})})),y&&t("div",Object.assign({className:"icon-component"},{children:s.createElement(y,P)})),x&&t("div",Object.assign({className:"icon-leading",style:{zIndex:1}},{children:s.createElement(x,P)})),u?i(E,Object.assign({className:"text",style:{color:W}},{children:[u,t("div",Object.assign({className:"text-subtitle"},{children:k}))]})):t(n,{}),N&&t("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:s.createElement(N,P)}))]}))}))}));b.displayName="Button";export{b as Button};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"react";import{AiBodyCaption as t,BodyCaption as r}from"../TypographyStyle.js";import{ValidTagTypeMap as a}from"./model.js";import{Tag as c}from"./Tag.styled.js";import{getTagIconColor as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"react";import{AiBodyCaption as t,BodyCaption as r}from"../TypographyStyle.js";import{ValidTagTypeMap as a}from"./model.js";import{Tag as c}from"./Tag.styled.js";import{getTagIconColor as o}from"./themes.js";const s=s=>{let{tagText:l,LeadingIcon:g,TrailingIcon:d,onLeadingIconClicked:m,leadingIconId:p,trailingIconId:h,onTrailingIconClicked:j,theme:b="light",type:u="neutral",variant:y="regular",version:I,cursor:O,alignIcon:T,noBorder:f,tagHtmlText:x}=s,N=l;const k=b;let v=u;a[y][u]||(v="neutral"),"circle"===y&&"number"==typeof N&&N>99&&(N="99+");const w={height:"compressed"===y?12:16,width:"compressed"===y?12:16,color:o(b,v),style:{display:"block"}};return e(c,Object.assign({cursor:O,theme:k,type:u,variant:y,version:I,alignIcon:T,noBorder:f},{children:i("div",Object.assign({className:"container"},{children:[g&&e("button",Object.assign({className:"icon-leading",onClick:m,id:`${p}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(g,Object.assign(Object.assign({},w),{id:p||"leading-icon"}))})),x&&("ai"===u&&"light"===b?e(t,{children:x}):e(r,Object.assign({className:"text"},{children:x}))),!x&&""!==N&&("ai"===u&&"light"===b?e(t,{children:N}):e(r,Object.assign({className:"text"},{children:N}))),d&&e("button",Object.assign({className:"icon-trailing",onClick:j,id:`${h}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(d,Object.assign(Object.assign({},w),{id:h||"trailing-icon"}))}))]}))}))};s.displayName="Tag";export{s as Tag};
|