@bikdotai/bik-component-library 0.0.796-beta.0 → 0.0.796-beta.1

package/dist/cjs/components/avatar/Avatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),A=require("../../assets/icons/email-channel.svg.js"),n=require("../../assets/icons/facebook_channel.svg.js"),S=require("../../assets/icons/gmail.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),E=require("../../assets/icons/whatsapp_color.svg.js");const d={[i.SIZE.EXTRA_SMALL]:10,[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},u={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var h;exports.MESSAGE_CHANNELS=void 0,(h=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",h.MESSENGER="messenger",h.WHATSAPP="whatsapp",h.GMAIL="gmail",h.LIVECHAT="livechat",h.GOOGLE_BUSINESS_CHAT="gbm",h.SHOPIFY="shopify",h.FACEBOOK="facebook",h.EMAIL="email",h.SMTP="smtp",h.FACEBOOK_CATALOG="facebook-catalog",h.TASKS="tasks",h.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=h=>{const[p,g]=s.useState(!1),O=()=>{const s=(h.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return h.size===i.SIZE.EXTRA_SMALL||h.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.MEDIUM||h.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:u[h.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:h.type===i.AVATAR_TYPES.IMAGE&&(p||!h.photoUrl)&&h.useNameFallback&&h.name?i.AVATAR_TYPES.INITIALS:h.type,size:h.size,background:h.background},{children:[h.type===i.AVATAR_TYPES.IMAGE&&(h.useNameFallback&&(!h.photoUrl||p)&&h.name?e.jsx("div",{children:O()}):h.useNameFallback&&h.photoUrl&&!p?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl,onError:()=>{g(!0)}}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl})),h.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:O()}),h.type===i.AVATAR_TYPES.ICON&&h.icon&&e.jsx(h.icon,{width:d[h.size],height:d[h.size],color:u[h.background]})]})),h.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:14,height:14,borderRadius:(null==h?void 0:h.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:h.inboxSettings.isSelected?h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(h.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(E.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(l.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(o.default,{width:11,height:11})}})()})),h.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"}},{children:h.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===h.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),r=require("../../assets/icons/bik_livechat.svg.js"),a=require("../../assets/icons/email-channel.svg.js"),o=require("../../assets/icons/facebook_channel.svg.js"),A=require("../../assets/icons/gmail.svg.js"),n=require("../../assets/icons/instagram-channel.svg.js"),S=require("../../assets/icons/task.svg.js"),c=require("../../assets/icons/whatsapp_color.svg.js"),l=require("./Avatar.styled.js"),E=require("./AvatarHelper.js");const d={[E.SIZE.EXTRA_SMALL]:10,[E.SIZE.SMALL]:16,[E.SIZE.MEDIUM]:20,[E.SIZE.INBOX]:24,[E.SIZE.LARGE]:32},u={[E.AVATAR_BACKGROUND.LIGHT]:i.COLORS.content.secondary,[E.AVATAR_BACKGROUND.WHITE]:i.COLORS.content.secondary,[E.AVATAR_BACKGROUND.DARK]:i.COLORS.surface.standard};var h;exports.MESSAGE_CHANNELS=void 0,(h=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",h.MESSENGER="messenger",h.WHATSAPP="whatsapp",h.GMAIL="gmail",h.LIVECHAT="livechat",h.GOOGLE_BUSINESS_CHAT="gbm",h.SHOPIFY="shopify",h.FACEBOOK="facebook",h.EMAIL="email",h.SMTP="smtp",h.FACEBOOK_CATALOG="facebook-catalog",h.TASKS="tasks",h.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=h=>{const[p,g]=s.useState(!1),O=()=>{const s=(h.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return h.size===E.SIZE.EXTRA_SMALL||h.size===E.SIZE.SMALL?e.jsx(t.BodyTiny,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===E.SIZE.MEDIUM||h.size===E.SIZE.INBOX?e.jsx(t.TitleSmall,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===E.SIZE.LARGE?e.jsx(t.TitleMedium,Object.assign({style:{color:u[h.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(l.AvatarStyle,Object.assign({type:h.type===E.AVATAR_TYPES.IMAGE&&(p||!h.photoUrl)&&h.useNameFallback&&h.name?E.AVATAR_TYPES.INITIALS:h.type,size:h.size,background:h.background},{children:[h.type===E.AVATAR_TYPES.IMAGE&&(h.useNameFallback&&(!h.photoUrl||p)&&h.name?e.jsx("div",{children:O()}):h.useNameFallback&&h.photoUrl&&!p?e.jsx("img",{alt:"",width:E.AVATAR_SIZE_MAP[h.size],height:E.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl,onError:()=>{g(!0)}}):e.jsx("img",{alt:"",width:E.AVATAR_SIZE_MAP[h.size],height:E.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl})),h.type===E.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:O()}),h.type===E.AVATAR_TYPES.ICON&&h.icon&&e.jsx(h.icon,{width:d[h.size],height:d[h.size],color:u[h.background]})]})),h.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:14,height:14,borderRadius:(null==h?void 0:h.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:h.inboxSettings.isSelected?h.inboxSettings.isComments?i.COLORS.content.primary:i.COLORS.background.brandLight:h.inboxSettings.isComments?i.COLORS.content.primary:i.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(h.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(a.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(o.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(r.default,{width:11,height:11})}})()})),h.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:i.COLORS.surface.standard,alignItems:"center"}},{children:h.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===h.status?i.COLORS.special.whatsapp.brand:i.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;

package/dist/cjs/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js"),a=require("./model.js"),t=require("./Tag.styled.js"),r=require("./themes.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(i);const o=i=>{let{tagText:c,LeadingIcon:o,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:j,trailingIconId:b,onTrailingIconClicked:u,theme:p="light",type:m="neutral",variant:O="regular",version:h,cursor:x,alignIcon:y,noBorder:T,tagHtmlText:f,contentPadding:C,leadingIconTooltip:I,trailingIconTooltip:L,tagColor:B,numberOfLines:N,backgroundColor:k,borderRadius:w,size:v="regular"}=i,q=c;const A=p;let E=m;a.ValidTagTypeMap[O][m]||(E="neutral"),"circle"===O&&"number"==typeof q&&q>99&&(q="99+");const $={height:"compressed"===O?12:16,width:"compressed"===O?12:16,color:r.getTagIconColor(p,E),style:{display:"block"}};return e.jsx(t.Tag,Object.assign({cursor:x,theme:A,type:E,variant:O,version:h,alignIcon:y,noBorder:T,contentPadding:C,backgroundColor:k,borderRadius:w,size:v},{children:e.jsxs("div",Object.assign({className:"container"},{children:[o&&(I?e.jsx(n.Tooltip,Object.assign({},I,{children:e.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${j}-wrapper`||"leading-icon-wrapper"},{children:l.default.createElement(o,Object.assign(Object.assign({},$),{id:j||"leading-icon"}))}))})):e.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${j}-wrapper`||"leading-icon-wrapper"},{children:l.default.createElement(o,Object.assign(Object.assign({},$),{id:j||"leading-icon"}))}))),f&&("ai"===m&&"light"===p?"small"===v?e.jsx(s.AiBodyTiny,Object.assign({numberOfLines:N},{children:f})):e.jsx(s.AiBodyCaption,Object.assign({numberOfLines:N},{children:f})):"small"===v?e.jsx(s.BodyTiny,Object.assign({className:"text",numberOfLines:N},{children:f})):e.jsx(s.BodyCaption,Object.assign({className:"text",numberOfLines:N},{children:f}))),!f&&""!==q&&("ai"===m&&"light"===p?"small"===v?e.jsx(s.AiBodyTiny,Object.assign({numberOfLines:N},{children:q})):e.jsx(s.AiBodyCaption,Object.assign({numberOfLines:N},{children:q})):"small"===v?e.jsx(s.BodyTiny,Object.assign({className:"text",color:B,numberOfLines:N},{children:q})):e.jsx(s.BodyCaption,Object.assign({className:"text",color:B,numberOfLines:N},{children:q}))),d&&(L?e.jsx(n.Tooltip,Object.assign({},L,{children:e.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${b}-wrapper`||"trailing-icon-wrapper"},{children:l.default.createElement(d,Object.assign(Object.assign({},$),{id:b||"trailing-icon"}))}))})):e.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${b}-wrapper`||"trailing-icon-wrapper"},{children:l.default.createElement(d,Object.assign(Object.assign({},$),{id:b||"trailing-icon"}))})))]}))}))};o.displayName="Tag",exports.Tag=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js"),a=require("./model.js"),t=require("./Tag.styled.js"),r=require("./themes.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(i);const o=i=>{let{tagText:c,LeadingIcon:o,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:j,trailingIconId:b,onTrailingIconClicked:u,theme:p="light",type:m="neutral",variant:O="regular",version:h,cursor:x,alignIcon:y,noBorder:T,tagHtmlText:f,contentPadding:C,leadingIconTooltip:I,trailingIconTooltip:L,tagColor:B,numberOfLines:N,backgroundColor:k,borderRadius:w,size:v="regular"}=i,q=c;const A=p;let E=m;a.ValidTagTypeMap[O][m]||(E="neutral"),"circle"===O&&"number"==typeof q&&q>99&&(q="99+");const $={height:"compressed"===O||"4.0"===h?12:16,width:"compressed"===O||"4.0"===h?12:16,color:r.getTagIconColor(p,E),style:{display:"block"}};return e.jsx(t.Tag,Object.assign({cursor:x,theme:A,type:E,variant:O,version:h,alignIcon:y,noBorder:T,contentPadding:C,backgroundColor:k,borderRadius:w,size:v},{children:e.jsxs("div",Object.assign({className:"container"},{children:[o&&(I?e.jsx(n.Tooltip,Object.assign({},I,{children:e.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${j}-wrapper`||"leading-icon-wrapper"},{children:l.default.createElement(o,Object.assign(Object.assign({},$),{id:j||"leading-icon"}))}))})):e.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${j}-wrapper`||"leading-icon-wrapper"},{children:l.default.createElement(o,Object.assign(Object.assign({},$),{id:j||"leading-icon"}))}))),f&&("ai"===m&&"light"===p?"small"===v?e.jsx(s.AiBodyTiny,Object.assign({numberOfLines:N},{children:f})):e.jsx(s.AiBodyCaption,Object.assign({numberOfLines:N},{children:f})):"small"===v?e.jsx(s.BodyTiny,Object.assign({className:"text",numberOfLines:N},{children:f})):e.jsx(s.BodyCaption,Object.assign({className:"text",numberOfLines:N},{children:f}))),!f&&""!==q&&("ai"===m&&"light"===p?"small"===v?e.jsx(s.AiBodyTiny,Object.assign({numberOfLines:N},{children:q})):e.jsx(s.AiBodyCaption,Object.assign({numberOfLines:N},{children:q})):"small"===v?e.jsx(s.BodyTiny,Object.assign({className:"text",color:B,numberOfLines:N},{children:q})):e.jsx(s.BodyCaption,Object.assign({className:"text",color:B,numberOfLines:N},{children:q}))),d&&(L?e.jsx(n.Tooltip,Object.assign({},L,{children:e.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${b}-wrapper`||"trailing-icon-wrapper"},{children:l.default.createElement(d,Object.assign(Object.assign({},$),{id:b||"trailing-icon"}))}))})):e.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${b}-wrapper`||"trailing-icon-wrapper"},{children:l.default.createElement(d,Object.assign(Object.assign({},$),{id:b||"trailing-icon"}))})))]}))}))};o.displayName="Tag",exports.Tag=o;

package/dist/cjs/components/tag/Tag.styled.d.ts

@@ -7,7 +7,7 @@ export declare const Tag: import("@emotion/styled").StyledComponent<{
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
+    version?: "1.0" | "2.0" | "3.0" | "4.0" | undefined;
     cursor?: string | undefined;
     alignIcon?: string | undefined;
     noBorder?: boolean | undefined;

package/dist/cjs/components/tag/Tag.styled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),g=require("./themes.js");function b(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const I=b(c).default("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var g;return null!==(g=c.cursor)&&void 0!==g?g:"default"}),";",(c=>"small"!==c.size&&("regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;"))," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:6px;",(c=>"small"===c.size?"height: 16px; box-sizing: border-box;":"")," padding:",(c=>"small"===c.size?"2px 6px":c.contentPadding?`${c.contentPadding}px`:g.getPadding(c.variant)),";background:",(c=>{var b;return null!==(b=c.backgroundColor)&&void 0!==b?b:g.getBackgroundColor(c.theme,c.type)}),";border-radius:",(c=>void 0!==c.borderRadius?"number"==typeof c.borderRadius?`${c.borderRadius}px`:c.borderRadius:"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${g.generateBorder(c.type,c.theme)};`)," .text{color:",(c=>g.getTextColor(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnNpemUgIT09ICdzbWFsbCcgJiZcclxuICAgIChwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgICAgICA/IGBkaXNwbGF5OiBibG9jaztcblx0XHQgICAgIG1pbi1oZWlnaHQ6IDI2cHg7XG5cdFx0YFxyXG4gICAgICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YCl9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYWxpZ25JY29uID8gcHJvcHMuYWxpZ25JY29uIDogJ2NlbnRlcicpfTtcblx0XHRnYXA6IDZweDtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJyA/ICdoZWlnaHQ6IDE2cHg7IGJveC1zaXppbmc6IGJvcmRlci1ib3g7JyA6ICcnfVxuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5zaXplID09PSAnc21hbGwnXHJcbiAgICA/ICcycHggNnB4J1xyXG4gICAgOiBwcm9wcy5jb250ZW50UGFkZGluZ1xyXG4gICAgICAgID8gYCR7cHJvcHMuY29udGVudFBhZGRpbmd9cHhgXHJcbiAgICAgICAgOiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5iYWNrZ3JvdW5kQ29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSk7IH19O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IHByb3BzLmJvcmRlclJhZGl1cyAhPT0gdW5kZWZpbmVkXHJcbiAgICA/IHR5cGVvZiBwcm9wcy5ib3JkZXJSYWRpdXMgPT09ICdudW1iZXInXHJcbiAgICAgICAgPyBgJHtwcm9wcy5ib3JkZXJSYWRpdXN9cHhgXHJcbiAgICAgICAgOiBwcm9wcy5ib3JkZXJSYWRpdXNcclxuICAgIDogcHJvcHMudmFyaWFudCA9PT0gJ3JlZ3VsYXInXHJcbiAgICAgICAgPyAnNHB4J1xyXG4gICAgICAgIDogJzEycHgnfTtcblxuXHRcdCR7KHByb3BzKSA9PiAhcHJvcHMubm9Cb3JkZXIgJiZcclxuICAgIHByb3BzLnRoZW1lID09PSAnbGlnaHQnICYmXHJcbiAgICBgYm9yZGVyOiAke3Byb3BzLnZlcnNpb24gPT09ICcyLjAnID8gMC41IDogMX1weCBzb2xpZCAke2dlbmVyYXRlQm9yZGVyKHByb3BzLnR5cGUsIHByb3BzLnRoZW1lKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhZy5zdHlsZWQuanMubWFwIl19 */"));exports.Tag=I;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),I=require("./themes.js");function g(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const b=g(c).default("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var I;return null!==(I=c.cursor)&&void 0!==I?I:"default"}),";",(c=>"small"!==c.size&&("regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;"))," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:",(c=>"4.0"===c.version?"4px":"6px"),";",(c=>"small"===c.size?"height: 16px; box-sizing: border-box;":"4.0"===c.version?"height: 24px; box-sizing: border-box;":"")," padding:",(c=>"4.0"===c.version||"small"===c.size?"2px 6px":c.contentPadding?`${c.contentPadding}px`:I.getPadding(c.variant)),";background:",(c=>{var g;return null!==(g=c.backgroundColor)&&void 0!==g?g:I.getBackgroundColor(c.theme,c.type)}),";border-radius:",(c=>void 0!==c.borderRadius?"number"==typeof c.borderRadius?`${c.borderRadius}px`:c.borderRadius:"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${I.generateBorder(c.type,c.theme)};`)," .text{color:",(c=>I.getTextColor(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnNpemUgIT09ICdzbWFsbCcgJiZcclxuICAgIChwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgICAgICA/IGBkaXNwbGF5OiBibG9jaztcblx0XHQgICAgIG1pbi1oZWlnaHQ6IDI2cHg7XG5cdFx0YFxyXG4gICAgICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YCl9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYWxpZ25JY29uID8gcHJvcHMuYWxpZ25JY29uIDogJ2NlbnRlcicpfTtcblx0XHRnYXA6ICR7KHByb3BzKSA9PiAocHJvcHMudmVyc2lvbiA9PT0gJzQuMCcgPyAnNHB4JyA6ICc2cHgnKX07XG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNpemUgPT09ICdzbWFsbCdcclxuICAgID8gJ2hlaWdodDogMTZweDsgYm94LXNpemluZzogYm9yZGVyLWJveDsnXHJcbiAgICA6IHByb3BzLnZlcnNpb24gPT09ICc0LjAnXHJcbiAgICAgICAgPyAnaGVpZ2h0OiAyNHB4OyBib3gtc2l6aW5nOiBib3JkZXItYm94OydcclxuICAgICAgICA6ICcnfVxuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSAnNC4wJ1xyXG4gICAgPyAnMnB4IDZweCdcclxuICAgIDogcHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJ1xyXG4gICAgICAgID8gJzJweCA2cHgnXHJcbiAgICAgICAgOiBwcm9wcy5jb250ZW50UGFkZGluZ1xyXG4gICAgICAgICAgICA/IGAke3Byb3BzLmNvbnRlbnRQYWRkaW5nfXB4YFxyXG4gICAgICAgICAgICA6IGdldFBhZGRpbmcocHJvcHMudmFyaWFudCl9O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmJhY2tncm91bmRDb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZ2V0QmFja2dyb3VuZENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKTsgfX07XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyhwcm9wcykgPT4gcHJvcHMuYm9yZGVyUmFkaXVzICE9PSB1bmRlZmluZWRcclxuICAgID8gdHlwZW9mIHByb3BzLmJvcmRlclJhZGl1cyA9PT0gJ251bWJlcidcclxuICAgICAgICA/IGAke3Byb3BzLmJvcmRlclJhZGl1c31weGBcclxuICAgICAgICA6IHByb3BzLmJvcmRlclJhZGl1c1xyXG4gICAgOiBwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgICAgICA/ICc0cHgnXHJcbiAgICAgICAgOiAnMTJweCd9O1xuXG5cdFx0JHsocHJvcHMpID0+ICFwcm9wcy5ub0JvcmRlciAmJlxyXG4gICAgcHJvcHMudGhlbWUgPT09ICdsaWdodCcgJiZcclxuICAgIGBib3JkZXI6ICR7cHJvcHMudmVyc2lvbiA9PT0gJzIuMCcgPyAwLjUgOiAxfXB4IHNvbGlkICR7Z2VuZXJhdGVCb3JkZXIocHJvcHMudHlwZSwgcHJvcHMudGhlbWUpfTtgfVxuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3IocHJvcHMudGhlbWUsIHByb3BzLnR5cGUpfTtcblx0XHR9XG5cblx0XHQuaWNvbi10cmFpbGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cblx0XHQuaWNvbi1sZWFkaW5nIHtcblx0XHRcdGFsbDogdW5zZXQ7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9VGFnLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.Tag=b;

package/dist/cjs/components/tag/model.d.ts

@@ -92,7 +92,7 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
      */
     leadingIconTooltip?: Omit<TooltipProps, 'children'>;
     tagText: string | number;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0' | '3.0' | '4.0';
     cursor?: string;
     alignIcon?: string;
     noBorder?: boolean;

package/dist/esm/components/avatar/Avatar.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s}from"react";import{AvatarStyle as i}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as r,AVATAR_TYPES as a,AVATAR_SIZE_MAP as n}from"./AvatarHelper.js";import{BodyTiny as c,TitleSmall as l,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as h}from"../../constants/Theme.js";import p from"../../assets/icons/bik_livechat.svg.js";import m from"../../assets/icons/email-channel.svg.js";import g from"../../assets/icons/facebook_channel.svg.js";import u from"../../assets/icons/gmail.svg.js";import b from"../../assets/icons/instagram-channel.svg.js";import A from"../../assets/icons/task.svg.js";import I from"../../assets/icons/whatsapp_color.svg.js";const S={[o.EXTRA_SMALL]:10,[o.SMALL]:16,[o.MEDIUM]:20,[o.INBOX]:24,[o.LARGE]:32},y={[r.LIGHT]:h.content.secondary,[r.WHITE]:h.content.secondary,[r.DARK]:h.surface.standard};var E;!function(e){e.INSTAGRAM="instagram",e.MESSENGER="messenger",e.WHATSAPP="whatsapp",e.GMAIL="gmail",e.LIVECHAT="livechat",e.GOOGLE_BUSINESS_CHAT="gbm",e.SHOPIFY="shopify",e.FACEBOOK="facebook",e.EMAIL="email",e.SMTP="smtp",e.FACEBOOK_CATALOG="facebook-catalog",e.TASKS="tasks",e.BIK_LIVECHAT="livechat"}(E||(E={}));const f=r=>{const[f,j]=s(!1),v=()=>{const e=(r.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return r.size===o.EXTRA_SMALL||r.size===o.SMALL?t(c,Object.assign({style:{color:y[r.background]}},{children:e})):r.size===o.MEDIUM||r.size===o.INBOX?t(l,Object.assign({style:{color:y[r.background]}},{children:e})):r.size===o.LARGE?t(d,Object.assign({style:{color:y[r.background]}},{children:e})):void 0};return e("div",Object.assign({style:{position:"relative"}},{children:[e(i,Object.assign({type:r.type===a.IMAGE&&(f||!r.photoUrl)&&r.useNameFallback&&r.name?a.INITIALS:r.type,size:r.size,background:r.background},{children:[r.type===a.IMAGE&&(r.useNameFallback&&(!r.photoUrl||f)&&r.name?t("div",{children:v()}):r.useNameFallback&&r.photoUrl&&!f?t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl,onError:()=>{j(!0)}}):t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl})),r.type===a.INITIALS&&t("div",{children:v()}),r.type===a.ICON&&r.icon&&t(r.icon,{width:S[r.size],height:S[r.size],color:y[r.background]})]})),r.inboxSettings&&t("div",Object.assign({style:{position:"absolute",left:S[r.size]+"px",top:S[r.size]+"px",width:14,height:14,borderRadius:(null==r?void 0:r.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:r.inboxSettings.isSelected?r.inboxSettings.isComments?h.content.primary:h.background.brandLight:r.inboxSettings.isComments?h.content.primary:h.surface.standard,alignItems:"center"}},{children:(()=>{switch(r.channelName){case E.EMAIL:case E.SMTP:return t(m,{width:11,height:11});case E.FACEBOOK:case E.FACEBOOK_CATALOG:case E.MESSENGER:return t(g,{width:11,height:11});case E.INSTAGRAM:return t(b,{width:11,height:11});case E.WHATSAPP:return t(I,{width:11,height:11});case E.GMAIL:return t(u,{width:11,height:11});case E.TASKS:return t(A,{width:11,height:11});case E.BIK_LIVECHAT:return t(p,{width:11,height:11})}})()})),r.status&&t("div",Object.assign({style:{position:"absolute",left:S[r.size]+"px",top:S[r.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:h.surface.standard,alignItems:"center"}},{children:r.status?t("div",{style:{backgroundColor:"ONLINE"===r.status?h.special.whatsapp.brand:h.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))};export{S as AVATAR_SIZE_VS_ICON_SIZE_MAP,f as Avatar,y as BACKGROUND_VS_TEXT_COLOR_MAP,E as MESSAGE_CHANNELS};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s}from"react";import{BodyTiny as i,TitleSmall as o,TitleMedium as r}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import n from"../../assets/icons/bik_livechat.svg.js";import c from"../../assets/icons/email-channel.svg.js";import l from"../../assets/icons/facebook_channel.svg.js";import d from"../../assets/icons/gmail.svg.js";import h from"../../assets/icons/instagram-channel.svg.js";import p from"../../assets/icons/task.svg.js";import m from"../../assets/icons/whatsapp_color.svg.js";import{AvatarStyle as g}from"./Avatar.styled.js";import{SIZE as u,AVATAR_BACKGROUND as b,AVATAR_TYPES as A,AVATAR_SIZE_MAP as I}from"./AvatarHelper.js";const S={[u.EXTRA_SMALL]:10,[u.SMALL]:16,[u.MEDIUM]:20,[u.INBOX]:24,[u.LARGE]:32},y={[b.LIGHT]:a.content.secondary,[b.WHITE]:a.content.secondary,[b.DARK]:a.surface.standard};var E;!function(e){e.INSTAGRAM="instagram",e.MESSENGER="messenger",e.WHATSAPP="whatsapp",e.GMAIL="gmail",e.LIVECHAT="livechat",e.GOOGLE_BUSINESS_CHAT="gbm",e.SHOPIFY="shopify",e.FACEBOOK="facebook",e.EMAIL="email",e.SMTP="smtp",e.FACEBOOK_CATALOG="facebook-catalog",e.TASKS="tasks",e.BIK_LIVECHAT="livechat"}(E||(E={}));const f=b=>{const[f,j]=s(!1),v=()=>{const e=(b.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return b.size===u.EXTRA_SMALL||b.size===u.SMALL?t(i,Object.assign({style:{color:y[b.background]}},{children:e})):b.size===u.MEDIUM||b.size===u.INBOX?t(o,Object.assign({style:{color:y[b.background]}},{children:e})):b.size===u.LARGE?t(r,Object.assign({style:{color:y[b.background]}},{children:e})):void 0};return e("div",Object.assign({style:{position:"relative"}},{children:[e(g,Object.assign({type:b.type===A.IMAGE&&(f||!b.photoUrl)&&b.useNameFallback&&b.name?A.INITIALS:b.type,size:b.size,background:b.background},{children:[b.type===A.IMAGE&&(b.useNameFallback&&(!b.photoUrl||f)&&b.name?t("div",{children:v()}):b.useNameFallback&&b.photoUrl&&!f?t("img",{alt:"",width:I[b.size],height:I[b.size],style:{borderRadius:(null==b?void 0:b.borderRadius)||"50%",objectFit:"contain"},src:b.photoUrl,onError:()=>{j(!0)}}):t("img",{alt:"",width:I[b.size],height:I[b.size],style:{borderRadius:(null==b?void 0:b.borderRadius)||"50%",objectFit:"contain"},src:b.photoUrl})),b.type===A.INITIALS&&t("div",{children:v()}),b.type===A.ICON&&b.icon&&t(b.icon,{width:S[b.size],height:S[b.size],color:y[b.background]})]})),b.inboxSettings&&t("div",Object.assign({style:{position:"absolute",left:S[b.size]+"px",top:S[b.size]+"px",width:14,height:14,borderRadius:(null==b?void 0:b.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:b.inboxSettings.isSelected?b.inboxSettings.isComments?a.content.primary:a.background.brandLight:b.inboxSettings.isComments?a.content.primary:a.surface.standard,alignItems:"center"}},{children:(()=>{switch(b.channelName){case E.EMAIL:case E.SMTP:return t(c,{width:11,height:11});case E.FACEBOOK:case E.FACEBOOK_CATALOG:case E.MESSENGER:return t(l,{width:11,height:11});case E.INSTAGRAM:return t(h,{width:11,height:11});case E.WHATSAPP:return t(m,{width:11,height:11});case E.GMAIL:return t(d,{width:11,height:11});case E.TASKS:return t(p,{width:11,height:11});case E.BIK_LIVECHAT:return t(n,{width:11,height:11})}})()})),b.status&&t("div",Object.assign({style:{position:"absolute",left:S[b.size]+"px",top:S[b.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.surface.standard,alignItems:"center"}},{children:b.status?t("div",{style:{backgroundColor:"ONLINE"===b.status?a.special.whatsapp.brand:a.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))};export{S as AVATAR_SIZE_VS_ICON_SIZE_MAP,f as Avatar,y as BACKGROUND_VS_TEXT_COLOR_MAP,E as MESSAGE_CHANNELS};

package/dist/esm/components/tag/Tag.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"react";import{Tooltip as a}from"../tooltips/Tooltip.js";import{AiBodyTiny as r,AiBodyCaption as t,BodyTiny as s,BodyCaption as c}from"../TypographyStyle.js";import{ValidTagTypeMap as o}from"./model.js";import{Tag as l}from"./Tag.styled.js";import{getTagIconColor as g}from"./themes.js";const d=d=>{let{tagText:m,LeadingIcon:p,TrailingIcon:b,onLeadingIconClicked:j,leadingIconId:O,trailingIconId:h,onTrailingIconClicked:u,theme:f="light",type:I="neutral",variant:T="regular",version:y,cursor:k,alignIcon:w,noBorder:C,tagHtmlText:N,contentPadding:L,leadingIconTooltip:x,trailingIconTooltip:v,tagColor:E,numberOfLines:$,backgroundColor:z,borderRadius:B,size:P="regular"}=d,R=m;const H=f;let S=I;o[T][I]||(S="neutral"),"circle"===T&&"number"==typeof R&&R>99&&(R="99+");const q={height:"compressed"===T?12:16,width:"compressed"===T?12:16,color:g(f,S),style:{display:"block"}};return e(l,Object.assign({cursor:k,theme:H,type:S,variant:T,version:y,alignIcon:w,noBorder:C,contentPadding:L,backgroundColor:z,borderRadius:B,size:P},{children:i("div",Object.assign({className:"container"},{children:[p&&(x?e(a,Object.assign({},x,{children:e("button",Object.assign({className:"icon-leading",onClick:j,id:`${O}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(p,Object.assign(Object.assign({},q),{id:O||"leading-icon"}))}))})):e("button",Object.assign({className:"icon-leading",onClick:j,id:`${O}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(p,Object.assign(Object.assign({},q),{id:O||"leading-icon"}))}))),N&&("ai"===I&&"light"===f?e("small"===P?r:t,Object.assign({numberOfLines:$},{children:N})):e("small"===P?s:c,Object.assign({className:"text",numberOfLines:$},{children:N}))),!N&&""!==R&&("ai"===I&&"light"===f?e("small"===P?r:t,Object.assign({numberOfLines:$},{children:R})):e("small"===P?s:c,Object.assign({className:"text",color:E,numberOfLines:$},{children:R}))),b&&(v?e(a,Object.assign({},v,{children:e("button",Object.assign({className:"icon-trailing",onClick:u,id:`${h}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(b,Object.assign(Object.assign({},q),{id:h||"trailing-icon"}))}))})):e("button",Object.assign({className:"icon-trailing",onClick:u,id:`${h}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(b,Object.assign(Object.assign({},q),{id:h||"trailing-icon"}))})))]}))}))};d.displayName="Tag";export{d as Tag};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"react";import{Tooltip as a}from"../tooltips/Tooltip.js";import{AiBodyTiny as r,AiBodyCaption as t,BodyTiny as s,BodyCaption as c}from"../TypographyStyle.js";import{ValidTagTypeMap as o}from"./model.js";import{Tag as l}from"./Tag.styled.js";import{getTagIconColor as g}from"./themes.js";const d=d=>{let{tagText:m,LeadingIcon:p,TrailingIcon:b,onLeadingIconClicked:j,leadingIconId:O,trailingIconId:h,onTrailingIconClicked:u,theme:f="light",type:I="neutral",variant:T="regular",version:y,cursor:k,alignIcon:w,noBorder:C,tagHtmlText:N,contentPadding:L,leadingIconTooltip:x,trailingIconTooltip:v,tagColor:E,numberOfLines:$,backgroundColor:z,borderRadius:B,size:P="regular"}=d,R=m;const H=f;let S=I;o[T][I]||(S="neutral"),"circle"===T&&"number"==typeof R&&R>99&&(R="99+");const q={height:"compressed"===T||"4.0"===y?12:16,width:"compressed"===T||"4.0"===y?12:16,color:g(f,S),style:{display:"block"}};return e(l,Object.assign({cursor:k,theme:H,type:S,variant:T,version:y,alignIcon:w,noBorder:C,contentPadding:L,backgroundColor:z,borderRadius:B,size:P},{children:i("div",Object.assign({className:"container"},{children:[p&&(x?e(a,Object.assign({},x,{children:e("button",Object.assign({className:"icon-leading",onClick:j,id:`${O}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(p,Object.assign(Object.assign({},q),{id:O||"leading-icon"}))}))})):e("button",Object.assign({className:"icon-leading",onClick:j,id:`${O}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(p,Object.assign(Object.assign({},q),{id:O||"leading-icon"}))}))),N&&("ai"===I&&"light"===f?e("small"===P?r:t,Object.assign({numberOfLines:$},{children:N})):e("small"===P?s:c,Object.assign({className:"text",numberOfLines:$},{children:N}))),!N&&""!==R&&("ai"===I&&"light"===f?e("small"===P?r:t,Object.assign({numberOfLines:$},{children:R})):e("small"===P?s:c,Object.assign({className:"text",color:E,numberOfLines:$},{children:R}))),b&&(v?e(a,Object.assign({},v,{children:e("button",Object.assign({className:"icon-trailing",onClick:u,id:`${h}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(b,Object.assign(Object.assign({},q),{id:h||"trailing-icon"}))}))})):e("button",Object.assign({className:"icon-trailing",onClick:u,id:`${h}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(b,Object.assign(Object.assign({},q),{id:h||"trailing-icon"}))})))]}))}))};d.displayName="Tag";export{d as Tag};

package/dist/esm/components/tag/Tag.styled.d.ts

@@ -7,7 +7,7 @@ export declare const Tag: import("@emotion/styled").StyledComponent<{
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
+    version?: "1.0" | "2.0" | "3.0" | "4.0" | undefined;
     cursor?: string | undefined;
     alignIcon?: string | undefined;
     noBorder?: boolean | undefined;

package/dist/esm/components/tag/Tag.styled.js

@@ -1 +1 @@
-import c from"@emotion/styled/base";import{getPadding as I,getBackgroundColor as b,generateBorder as g,getTextColor as l}from"./themes.js";const i=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var I;return null!==(I=c.cursor)&&void 0!==I?I:"default"}),";",(c=>"small"!==c.size&&("regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;"))," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:6px;",(c=>"small"===c.size?"height: 16px; box-sizing: border-box;":"")," padding:",(c=>"small"===c.size?"2px 6px":c.contentPadding?`${c.contentPadding}px`:I(c.variant)),";background:",(c=>{var I;return null!==(I=c.backgroundColor)&&void 0!==I?I:b(c.theme,c.type)}),";border-radius:",(c=>void 0!==c.borderRadius?"number"==typeof c.borderRadius?`${c.borderRadius}px`:c.borderRadius:"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${g(c.type,c.theme)};`)," .text{color:",(c=>l(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnNpemUgIT09ICdzbWFsbCcgJiZcclxuICAgIChwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgICAgICA/IGBkaXNwbGF5OiBibG9jaztcblx0XHQgICAgIG1pbi1oZWlnaHQ6IDI2cHg7XG5cdFx0YFxyXG4gICAgICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YCl9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYWxpZ25JY29uID8gcHJvcHMuYWxpZ25JY29uIDogJ2NlbnRlcicpfTtcblx0XHRnYXA6IDZweDtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJyA/ICdoZWlnaHQ6IDE2cHg7IGJveC1zaXppbmc6IGJvcmRlci1ib3g7JyA6ICcnfVxuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5zaXplID09PSAnc21hbGwnXHJcbiAgICA/ICcycHggNnB4J1xyXG4gICAgOiBwcm9wcy5jb250ZW50UGFkZGluZ1xyXG4gICAgICAgID8gYCR7cHJvcHMuY29udGVudFBhZGRpbmd9cHhgXHJcbiAgICAgICAgOiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5iYWNrZ3JvdW5kQ29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSk7IH19O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IHByb3BzLmJvcmRlclJhZGl1cyAhPT0gdW5kZWZpbmVkXHJcbiAgICA/IHR5cGVvZiBwcm9wcy5ib3JkZXJSYWRpdXMgPT09ICdudW1iZXInXHJcbiAgICAgICAgPyBgJHtwcm9wcy5ib3JkZXJSYWRpdXN9cHhgXHJcbiAgICAgICAgOiBwcm9wcy5ib3JkZXJSYWRpdXNcclxuICAgIDogcHJvcHMudmFyaWFudCA9PT0gJ3JlZ3VsYXInXHJcbiAgICAgICAgPyAnNHB4J1xyXG4gICAgICAgIDogJzEycHgnfTtcblxuXHRcdCR7KHByb3BzKSA9PiAhcHJvcHMubm9Cb3JkZXIgJiZcclxuICAgIHByb3BzLnRoZW1lID09PSAnbGlnaHQnICYmXHJcbiAgICBgYm9yZGVyOiAke3Byb3BzLnZlcnNpb24gPT09ICcyLjAnID8gMC41IDogMX1weCBzb2xpZCAke2dlbmVyYXRlQm9yZGVyKHByb3BzLnR5cGUsIHByb3BzLnRoZW1lKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhZy5zdHlsZWQuanMubWFwIl19 */"));export{i as Tag};
+import c from"@emotion/styled/base";import{getPadding as I,getBackgroundColor as g,generateBorder as b,getTextColor as l}from"./themes.js";const i=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var I;return null!==(I=c.cursor)&&void 0!==I?I:"default"}),";",(c=>"small"!==c.size&&("regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;"))," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:",(c=>"4.0"===c.version?"4px":"6px"),";",(c=>"small"===c.size?"height: 16px; box-sizing: border-box;":"4.0"===c.version?"height: 24px; box-sizing: border-box;":"")," padding:",(c=>"4.0"===c.version||"small"===c.size?"2px 6px":c.contentPadding?`${c.contentPadding}px`:I(c.variant)),";background:",(c=>{var I;return null!==(I=c.backgroundColor)&&void 0!==I?I:g(c.theme,c.type)}),";border-radius:",(c=>void 0!==c.borderRadius?"number"==typeof c.borderRadius?`${c.borderRadius}px`:c.borderRadius:"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${b(c.type,c.theme)};`)," .text{color:",(c=>l(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnNpemUgIT09ICdzbWFsbCcgJiZcclxuICAgIChwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgICAgICA/IGBkaXNwbGF5OiBibG9jaztcblx0XHQgICAgIG1pbi1oZWlnaHQ6IDI2cHg7XG5cdFx0YFxyXG4gICAgICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YCl9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYWxpZ25JY29uID8gcHJvcHMuYWxpZ25JY29uIDogJ2NlbnRlcicpfTtcblx0XHRnYXA6ICR7KHByb3BzKSA9PiAocHJvcHMudmVyc2lvbiA9PT0gJzQuMCcgPyAnNHB4JyA6ICc2cHgnKX07XG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNpemUgPT09ICdzbWFsbCdcclxuICAgID8gJ2hlaWdodDogMTZweDsgYm94LXNpemluZzogYm9yZGVyLWJveDsnXHJcbiAgICA6IHByb3BzLnZlcnNpb24gPT09ICc0LjAnXHJcbiAgICAgICAgPyAnaGVpZ2h0OiAyNHB4OyBib3gtc2l6aW5nOiBib3JkZXItYm94OydcclxuICAgICAgICA6ICcnfVxuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSAnNC4wJ1xyXG4gICAgPyAnMnB4IDZweCdcclxuICAgIDogcHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJ1xyXG4gICAgICAgID8gJzJweCA2cHgnXHJcbiAgICAgICAgOiBwcm9wcy5jb250ZW50UGFkZGluZ1xyXG4gICAgICAgICAgICA/IGAke3Byb3BzLmNvbnRlbnRQYWRkaW5nfXB4YFxyXG4gICAgICAgICAgICA6IGdldFBhZGRpbmcocHJvcHMudmFyaWFudCl9O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmJhY2tncm91bmRDb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZ2V0QmFja2dyb3VuZENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKTsgfX07XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyhwcm9wcykgPT4gcHJvcHMuYm9yZGVyUmFkaXVzICE9PSB1bmRlZmluZWRcclxuICAgID8gdHlwZW9mIHByb3BzLmJvcmRlclJhZGl1cyA9PT0gJ251bWJlcidcclxuICAgICAgICA/IGAke3Byb3BzLmJvcmRlclJhZGl1c31weGBcclxuICAgICAgICA6IHByb3BzLmJvcmRlclJhZGl1c1xyXG4gICAgOiBwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgICAgICA/ICc0cHgnXHJcbiAgICAgICAgOiAnMTJweCd9O1xuXG5cdFx0JHsocHJvcHMpID0+ICFwcm9wcy5ub0JvcmRlciAmJlxyXG4gICAgcHJvcHMudGhlbWUgPT09ICdsaWdodCcgJiZcclxuICAgIGBib3JkZXI6ICR7cHJvcHMudmVyc2lvbiA9PT0gJzIuMCcgPyAwLjUgOiAxfXB4IHNvbGlkICR7Z2VuZXJhdGVCb3JkZXIocHJvcHMudHlwZSwgcHJvcHMudGhlbWUpfTtgfVxuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3IocHJvcHMudGhlbWUsIHByb3BzLnR5cGUpfTtcblx0XHR9XG5cblx0XHQuaWNvbi10cmFpbGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cblx0XHQuaWNvbi1sZWFkaW5nIHtcblx0XHRcdGFsbDogdW5zZXQ7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9VGFnLnN0eWxlZC5qcy5tYXAiXX0= */"));export{i as Tag};

package/dist/esm/components/tag/model.d.ts

@@ -92,7 +92,7 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
      */
     leadingIconTooltip?: Omit<TooltipProps, 'children'>;
     tagText: string | number;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0' | '3.0' | '4.0';
     cursor?: string;
     alignIcon?: string;
     noBorder?: boolean;

package/package.json

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