@codeandfunction/callaloo 5.21.0 → 5.23.0

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "5.21.0",
+  "version": "5.23.0",
   "license": "MIT",
   "type": "module",
   "unpkg": "dist/callaloo.global.js",
@@ -184,7 +184,7 @@
     }
   },
   "dependencies": {
-    "@codeandfunction/callaloo-tokens": "1.6.0",
+    "@codeandfunction/callaloo-tokens": "1.7.0",
     "@codeandfunction/callaloo-types": "1.5.0"
   },
   "devDependencies": {

package/dist/chunks/CLBadge.vue_vue_type_style_index_0_lang-DXfUBYqW.js

@@ -1,2 +0,0 @@
-import '../components/Indicators/CLBadge/CLBadge.css';
-import{defineComponent as e,computed as t,createElementBlock as a,openBlock as l,normalizeStyle as d,normalizeClass as o,unref as r,createCommentVNode as i,toDisplayString as s}from"vue";import{c as n,d as u}from"./index-Djy51eo9.js";import{b as c}from"./utils-HL8DrT3H.js";const v=["data-testid"],b=/* @__PURE__ */e({name:"CLBadge",__name:"CLBadge",props:{borderRadius:{},color:{default:u.Neutral},elevated:{type:Boolean,default:!1},label:{default:void 0},limit:{default:void 0},testId:{default:"clll-badge"},variant:{default:n.Soft}},setup(e){const n=e,u="clll-badge",b=t(()=>void 0===n.label||null===n.label||""===n.label),f=t(()=>{if(b.value)return"";const e=n.limit??0,t=n.label;return e&&t.toString().length>e?`${t.toString().slice(0,e)}+`:t}),m=t(()=>[u,n.borderRadius?`${u}--${n.borderRadius}`:"",n.elevated?`${u}--elevated`:"",b.value?`${u}--dot`:"",`${u}--${n.color}--${n.variant}`]);return(t,n)=>(l(),a("div",{class:o(r(m)),"data-testid":e.testId,style:d(r(c)({color:e.color,variant:e.variant}))},[r(b)?i("",!0):(l(),a("span",{key:0,class:o(`${u}__count`)},s(r(f)),3))],14,v))}});export{b as _};

package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-CdKhRClI.js

@@ -1,2 +0,0 @@
-import '../components/Buttons/CLButton/CLButton.css';
-import{defineComponent as e,useSlots as t,ref as a,computed as o,onMounted as l,nextTick as i,createBlock as d,openBlock as r,resolveDynamicComponent as n,normalizeStyle as s,normalizeClass as u,unref as f,withCtx as c,createCommentVNode as b,createElementBlock as p,renderSlot as m}from"vue";import{_ as v}from"./CLBadge.vue_vue_type_style_index_0_lang-DXfUBYqW.js";import{_ as y}from"./CLIcon.vue_vue_type_style_index_0_lang-DqkY3kf7.js";import{_ as g}from"./CLSpinner.vue_vue_type_style_index_0_lang-DEt4Ycyj.js";import{CLButtonTypes as _}from"../index.js";import{b as $}from"./utils-CSguj38n.js";import{useHasSlotContent as h}from"../composables/useHasSlotContent.js";import{useTheme as B}from"../composables/useTheme.js";import{c as C,C as L,e as z,d as S,i as X,j,h as k}from"./index-Djy51eo9.js";import{b as w}from"./index-wkMXT2wB.js";const x=/* @__PURE__ */e({name:"CLButton",__name:"CLButton",props:{active:{type:Boolean,default:!1},alignContent:{default:X.Center},ariaLabel:{default:void 0},as:{default:"button"},badge:{type:[Boolean,Number,String],default:void 0},badgeColor:{default:S.Danger},badgeLimit:{default:void 0},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},color:{default:S.Neutral},disabled:{type:Boolean,default:!1},elevated:{type:Boolean,default:!1},form:{default:void 0},forwardRef:{type:Function,default:void 0},height:{default:"auto"},href:{default:void 0},iconAfter:{default:void 0},iconBefore:{default:void 0},iconFilled:{type:Boolean,default:!1},iconSize:{default:z.Small},onClick:{type:Function,default:void 0},pill:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:L.Small},target:{default:w.Self},testId:{default:"clll-button"},title:{default:void 0},type:{default:_.Button},variant:{default:C.Soft},width:{default:"auto"},wrap:{type:Boolean,default:!1}},setup(e){const _=e,z=B(),S=h();t();const w=a(),x="clll-button",F=o(()=>void 0!==_.badge&&!1!==_.badge&&"false"!==_.badge&&""!==_.badge),I=o(()=>{if("boolean"!=typeof _.badge&&"true"!==_.badge)return _.badge}),R=o(()=>[x,`${x}--${_.type}`,`${x}--${_.color}--${_.variant}`,`${x}--${_.size}`,`${x}--${_.alignContent}`,_.active?`${x}--active`:"",_.busy?`${x}--busy`:"",_.disabled?`${x}--disabled`:"",_.wrap?`${x}--wrapped`:"",_.rounded?`${x}--rounded`:"",_.borderRadius?`${x}--${_.borderRadius}`:"",S.value?`${x}--has-content`:`${x}--no-content`,_.iconBefore?`${x}--icon-before`:"",_.iconAfter?`${x}--icon-after`:"",_.elevated?`${x}--elevated`:"",_.pill?`${x}--pill`:"",F.value?`${x}--has-badge`:""]),A=()=>{switch(_.size){case L.Medium:case L.Large:return L.Small;case L.XL:case L.XXL:return L.Medium;case L.XXXL:return L.Large;case L.XXXXL:return L.XL;case L.Tiny:default:return L.Tiny}};l(()=>{i(()=>{w.value&&_.forwardRef?.(w.value)})});const T=e=>{_.onClick?.(e)};return(t,a)=>(r(),d(n(e.as),{ref_key:"buttonRef",ref:w,"aria-label":e.ariaLabel,class:u(f(R)),"data-testid":e.testId,disabled:"button"===e.as?e.busy||e.disabled:void 0,form:"button"===e.as?e.form:void 0,href:"a"===e.as?e.href:void 0,target:"a"===e.as?e.target:void 0,title:e.title,type:"button"===e.as?e.type:void 0,style:s({width:e.width,height:e.height,...f($)({color:e.color,variant:e.variant,theme:f(z)})}),onClick:T},{default:c(()=>[e.iconBefore?(r(),d(f(y),{key:0,filled:e.iconFilled,name:e.iconBefore,size:e.iconSize,"test-id":`${e.testId}-icon-before`},null,8,["filled","name","size","test-id"])):b("",!0),f(S)?(r(),p("span",{key:1,class:u(`${x}__content`)},[m(t.$slots,"default")],2)):b("",!0),e.iconAfter?(r(),d(f(y),{key:2,filled:e.iconFilled,name:e.iconAfter,size:e.iconSize,"test-id":`${e.testId}-icon-after`},null,8,["filled","name","size","test-id"])):b("",!0),e.busy?(r(),d(f(g),{key:3,align:f(X).Center,position:f(j).Absolute,size:A(),color:e.color},null,8,["align","position","size","color"])):b("",!0),f(F)?(r(),d(f(v),{key:4,"border-radius":f(k).Full,class:u(`${x}__badge`),color:e.badgeColor,label:f(I),limit:e.badgeLimit,"test-id":`${e.testId}-badge`,variant:f(C).Solid},null,8,["border-radius","class","color","label","limit","test-id","variant"])):b("",!0)]),_:3},8,["aria-label","class","data-testid","disabled","form","href","target","title","type","style"]))}});export{x as _};