@bikdotai/bik-component-library 0.0.587-2 → 0.0.587-3
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"),
|
|
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("../../constants/Theme.js"),i=require("../spinner/Spinner.js"),r=require("./Button.styled.js"),a=require("./themes.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(n);const l=n.forwardRef(((n,o)=>{var{version:l,id:d,buttonType:u="primary",size:m="small",buttonText:j,disabled:b,IconComponent:h,LeadingIcon:x,TrailingIcon:p,isLoading:v,inverse:g,onClick:y,matchParentWidth:C,subtitle:f,darkMode:O,activated:T,error:N,buttonTextColor:I}=n,B=e.__rest(n,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor"]);const k=a.GetButtonTextComponent(m,u,b),q="chip"===m?16:20,z={height:q,width:q,color:a.getButtonIconColor(m,u,g,b,v,O),style:{display:"block"},className:"icon"};return t.jsx(r.Button,Object.assign({"data-test":B["data-test"],version:l,onClick:v?()=>{}:y,ref:o,id:d,disabled:b,size:m,buttonType:u,isLoading:v,inverse:g,matchParentWidth:C,darkMode:O,activated:T,error:N},B,{children:t.jsxs("div",Object.assign({className:"button-container"},{children:[u.startsWith("dash")&&t.jsx(r.ButtonCustomDashedBorder,{}),t.jsx("div",Object.assign({className:"overlay-container"},{children:v&&t.jsx(i.Spinner,{className:"spinner",size:"small",color:a.SpinnerColorMap(u,g)})})),h&&t.jsx("div",Object.assign({className:"icon-component"},{children:c.default.createElement(h,z)})),x&&t.jsx("div",Object.assign({className:"icon-leading",style:{zIndex:1}},{children:c.default.createElement(x,z)})),j?t.jsxs(k,Object.assign({className:"text",style:{color:I||s.COLORS.content.primary}},{children:[j,t.jsx("div",Object.assign({className:"text-subtitle"},{children:f}))]})):t.jsx(t.Fragment,{}),p&&t.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:c.default.createElement(p,z)}))]}))}))}));l.displayName="Button",exports.Button=l;
|
|
@@ -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 r}from"../spinner/Spinner.js";import{Button 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{COLORS as o}from"../../constants/Theme.js";import{Spinner as r}from"../spinner/Spinner.js";import{Button as c,ButtonCustomDashedBorder as l}from"./Button.styled.js";import{getButtonIconColor as d,SpinnerColorMap as m,GetButtonTextComponent as b}from"./themes.js";const h=a(((a,h)=>{var{version:p,id:g,buttonType:v="primary",size:u="small",buttonText:j,disabled:y,IconComponent:x,LeadingIcon:N,TrailingIcon:T,isLoading:f,inverse:I,onClick:O,matchParentWidth:k,subtitle:C,darkMode:z,activated:L,error:W,buttonTextColor:B}=a,E=e(a,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor"]);const M=b(u,v,y),P="chip"===u?16:20,_={height:P,width:P,color:d(u,v,I,y,f,z),style:{display:"block"},className:"icon"};return t(c,Object.assign({"data-test":E["data-test"],version:p,onClick:f?()=>{}:O,ref:h,id:g,disabled:y,size:u,buttonType:v,isLoading:f,inverse:I,matchParentWidth:k,darkMode:z,activated:L,error:W},E,{children:i("div",Object.assign({className:"button-container"},{children:[v.startsWith("dash")&&t(l,{}),t("div",Object.assign({className:"overlay-container"},{children:f&&t(r,{className:"spinner",size:"small",color:m(v,I)})})),x&&t("div",Object.assign({className:"icon-component"},{children:s.createElement(x,_)})),N&&t("div",Object.assign({className:"icon-leading",style:{zIndex:1}},{children:s.createElement(N,_)})),j?i(M,Object.assign({className:"text",style:{color:B||o.content.primary}},{children:[j,t("div",Object.assign({className:"text-subtitle"},{children:C}))]})):t(n,{}),T&&t("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:s.createElement(T,_)}))]}))}))}));h.displayName="Button";export{h 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};
|