@codeandfunction/callaloo 5.17.1 → 5.18.0

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "5.17.1",
+  "version": "5.18.0",
   "license": "MIT",
   "type": "module",
   "unpkg": "dist/callaloo.global.js",

package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-pE0JrYmS.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 n,resolveDynamicComponent as s,normalizeStyle as r,normalizeClass as u,unref as f,withCtx as c,createCommentVNode as p,createElementBlock as m,renderSlot as b}from"vue";import{_ as y}from"./CLIcon.vue_vue_type_style_index_0_lang-BmRKmzSl.js";import{_ as v}from"./CLSpinner.vue_vue_type_style_index_0_lang-B4PAMCz6.js";import{CLButtonTypes as $}from"../index.js";import{b as _}from"./utils-CGcDgs5c.js";import{useHasSlotContent as h}from"../composables/useHasSlotContent.js";import{useTheme as g}from"../composables/useTheme.js";import{a as B,c as L,e as z,b as C,i as X,j as S}from"./index-DsloP0ml.js";import{b as j}from"./index-wkMXT2wB.js";const w=/* @__PURE__ */e({name:"CLButton",__name:"CLButton",props:{active:{type:Boolean,default:!1},alignContent:{default:X.Center},ariaLabel:{default:void 0},as:{default:"button"},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},color:{default:C.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:j.Self},testId:{default:"clll-button"},title:{default:void 0},type:{default:$.Button},variant:{default:B.Soft},width:{default:"auto"},wrap:{type:Boolean,default:!1}},setup(e){const $=e,B=g(),z=h();t();const C=a(),j="clll-button",w=o(()=>[j,`${j}--${$.type}`,`${j}--${$.color}--${$.variant}`,`${j}--${$.size}`,`${j}--${$.alignContent}`,$.active?`${j}--active`:"",$.busy?`${j}--busy`:"",$.disabled?`${j}--disabled`:"",$.wrap?`${j}--wrapped`:"",$.rounded?`${j}--rounded`:"",$.borderRadius?`${j}--${$.borderRadius}`:"",z.value?`${j}--has-content`:`${j}--no-content`,$.iconBefore?`${j}--icon-before`:"",$.iconAfter?`${j}--icon-after`:"",$.elevated?`${j}--elevated`:"",$.pill?`${j}--pill`:""]),k=()=>{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(()=>{C.value&&$.forwardRef?.(C.value)})});const x=e=>{$.onClick?.(e)};return(t,a)=>(n(),d(s(e.as),{ref_key:"buttonRef",ref:C,"aria-label":e.ariaLabel,class:u(f(w)),"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:r({width:e.width,height:e.height,...f(_)({color:e.color,variant:e.variant,theme:f(B)})}),onClick:x},{default:c(()=>[e.iconBefore?(n(),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"])):p("",!0),f(z)?(n(),m("span",{key:1,class:u(`${j}__content`)},[b(t.$slots,"default")],2)):p("",!0),e.iconAfter?(n(),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"])):p("",!0),e.busy?(n(),d(f(v),{key:3,align:f(X).Center,position:f(S).Absolute,size:k(),color:e.color},null,8,["align","position","size","color"])):p("",!0)]),_:3},8,["aria-label","class","data-testid","disabled","form","href","target","title","type","style"]))}});export{w as _};

package/dist/chunks/CLSpinner.vue_vue_type_style_index_0_lang-B4PAMCz6.js

@@ -1,2 +0,0 @@
-import '../components/Loading/CLSpinner/CLSpinner.css';
-import{defineComponent as e,computed as s,createElementBlock as t,openBlock as l,normalizeStyle as o,normalizeClass as r,unref as i,createElementVNode as a}from"vue";import{c as n,j as c,b as p,i as m}from"./index-DsloP0ml.js";import{s as d}from"./utils-BolqCol3.js";import{useTheme as u}from"../composables/useTheme.js";const f=["data-testid"],$=/* @__PURE__ */e({name:"CLSpinner",__name:"CLSpinner",props:{align:{default:m.Left},color:{default:p.Primary},position:{default:c.Absolute},size:{default:n.Medium},testId:{default:"clll-spinner"}},setup(e){const n=e,c=u(),p="clll-spinner",m=s(()=>[p,`${p}--${n.position}`,`${p}--${n.color}`,`${p}--${n.size}`,`${p}--${n.align}`]),$=s(()=>[`${p}__circle`,`${p}__circle--${n.size}`]);return(s,n)=>(l(),t("div",{class:r(i(m)),"data-testid":e.testId,style:o(i(d)({color:e.color,theme:i(c)}))},[(l(),t("svg",{class:r(i($)),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[...n[0]||(n[0]=[a("circle",{style:{opacity:"0.25"},cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),a("path",{fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1)])],2))],14,f))}});export{$ as _};

package/dist/chunks/CLText.vue_vue_type_style_index_0_lang-DR2zoTEJ.js

@@ -1,2 +0,0 @@
-import '../components/Typography/CLText/CLText.css';
-import{defineComponent as t,computed as e,createBlock as l,openBlock as o,resolveDynamicComponent as a,normalizeStyle as d,normalizeClass as s,unref as r,withCtx as u,renderSlot as m}from"vue";import{d as p,b as f,i}from"./index-DsloP0ml.js";import{t as n}from"./utils-DNuPk_OL.js";import{useTheme as c}from"../composables/useTheme.js";const $=/* @__PURE__ */t({name:"CLText",__name:"CLText",props:{align:{default:i.Left},as:{default:"p"},bold:{type:Boolean,default:!1},bolder:{type:Boolean,default:!1},color:{default:f.Secondary},light:{type:Boolean,default:!1},medium:{type:Boolean,default:!1},testId:{default:"clll-text"},truncate:{type:Boolean,default:!1},type:{default:p.Body}},setup(t){const p=t,f=c(),i="clll-text",$=e(()=>[i,`${i}--${p.align}`,`${i}--${p.color}`,`${i}--${p.truncate?"wrap":"nowrap"}`,`${i}--${p.type}`,{[`${i}--mediumbold`]:p.medium,[`${i}--light`]:p.light,[`${i}--bold`]:p.bold,[`${i}--bolder`]:p.bolder}]);return(e,p)=>(o(),l(a(t.as),{class:s(r($)),"data-testid":t.testId,style:d(r(n)({color:t.color,theme:r(f)}))},{default:u(()=>[m(e.$slots,"default")]),_:3},8,["class","data-testid","style"]))}});export{$ as _};

package/dist/chunks/utils-D0LERx2k.js

@@ -1 +0,0 @@
-import{C as l,a as r,g as o,b as a}from"./index-DsloP0ml.js";import{useTheme as e}from"../composables/useTheme.js";const t=({color:t=a.Primary,variant:n})=>{const{colors:c,darkMode:s}=e(),i=s.value?l.Dark:l.Light,d=n===r.Outline,b=o({color:t,colors:c.value,mode:i,variant:n});return{"--clll-badge-bg-color":b?.bg??"transparent","--clll-badge-border-color":d?b?.border??"transparent":"transparent","--clll-badge-border-style":d?"solid":"none","--clll-badge-border-width":d?"1px":"0","--clll-badge-text-color":b?.text??"inherit","--clll-badge-theme-radius":"var(--clll-default-radius)"}},n=({color:r=a.Primary,variant:t})=>{const{colors:n,darkMode:c}=e(),s=c.value?l.Dark:l.Light,i=o({color:r,colors:n.value,mode:s,variant:t});return{"--clll-banner-bg-color":i?.bg??"transparent","--clll-banner-border-color":i?.focus??"transparent","--clll-banner-text-color":i?.text??"inherit","--clll-banner-theme-radius":"var(--clll-default-radius)"}},c=({color:t=a.Primary,variant:n})=>{const{colors:c,darkMode:s}=e(),i=s.value?l.Dark:l.Light,d=n===r.Outline,b=n===r.Ghost,p=o({color:t,colors:c.value,mode:i,variant:n});return{"--clll-pill-bg-color":p?.bg??"transparent","--clll-pill-border-color":d?p?.border??"transparent":"transparent","--clll-pill-border-style":d?"solid":"none","--clll-pill-border-width":d?"1px":"0","--clll-pill-text-color":p?.text??"inherit","--clll-pill-hover-bg":p?.bg??"transparent","--clll-pill-count-bg":d||b?"transparent":p?.hover??"transparent","--clll-pill-count-border-style":d?"solid":"none","--clll-pill-count-border-color":d?p?.border??"transparent":"transparent","--clll-pill-count-border-width":d?"1px":"0","--clll-pill-theme-radius":"var(--clll-default-radius)"}},s=({color:t=a.Primary,theme:n})=>{const{colors:c,darkMode:s}=n??e(),i=s.value?l.Dark:l.Light,d=o({color:t,colors:c.value,mode:i,variant:r.Solid}),b=o({color:a.Neutral,colors:c.value,mode:i,variant:r.Solid});return{"--clll-progress-container-bg":b?.disabled??"transparent","--clll-progress-bar-bg":d?.bg??"transparent"}};export{n as a,t as b,s as c,c as p};

package/dist/chunks/utils-DNuPk_OL.js

@@ -1 +0,0 @@
-import{C as o,g as e,b as r,a as t}from"./index-DsloP0ml.js";import{useTheme as a}from"../composables/useTheme.js";const s=({color:s=r.Neutral,theme:l})=>{const{colors:c,darkMode:m}=l??a(),i=m.value?o.Dark:o.Light,n=e({color:s,colors:c.value,mode:i,variant:t.Text});return{"--clll-text-color":n?.textBody??"inherit"}};export{s as t};