@codeandfunction/callaloo 5.15.1 → 5.17.0

package/dist/types.d.ts

@@ -36,3 +36,4 @@ export type CLInlineTextHtmlTags = 'a' | 'abbr' | 'b' | 'bdi' | 'bdo' | 'br' | '
 export type CLTextHtmlTags = CLBlockTextHtmlTags | CLInlineTextHtmlTags;
 export interface CLToastProps extends CLBaseToastProps {
 }
+export type { CLAllowedDates, CLCalendarCell, CLISODate } from './composables/useDatePicker';

package/package.json

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

package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-hSiZPrZr.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 y}from"vue";import{_ as v}from"./CLIcon.vue_vue_type_style_index_0_lang-BN_rKLKK.js";import{_ as b}from"./CLSpinner.vue_vue_type_style_index_0_lang-C70Q-aOu.js";import{CLButtonTypes as $}from"../index.js";import{b as _}from"./utils-DBWrbn3p.js";import{useHasSlotContent as h}from"../composables/useHasSlotContent.js";import{useTheme as g}from"../composables/useTheme.js";import{c as B,C,e as L,d as z,i as X,j as S}from"./index-DwjW-Z-U.js";import{a as j}from"./index-C9S3C1LU.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:z.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:L.Small},onClick:{type:Function,default:void 0},pill:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:C.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(),L=h();t();const z=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}`:"",L.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 C.Medium:case C.Large:return C.Small;case C.XL:case C.XXL:return C.Medium;case C.XXXL:return C.Large;case C.XXXXL:return C.XL;case C.Tiny:default:return C.Tiny}};l(()=>{i(()=>{z.value&&$.forwardRef?.(z.value)})});const x=e=>{$.onClick?.(e)};return(t,a)=>(n(),d(s(e.as),{ref_key:"buttonRef",ref:z,"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(v),{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(L)?(n(),m("span",{key:1,class:u(`${j}__content`)},[y(t.$slots,"default")],2)):p("",!0),e.iconAfter?(n(),d(f(v),{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(b),{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/CLCalendar.vue_vue_type_style_index_0_lang-BsB4QKTu.js

@@ -1,2 +0,0 @@
-import '../components/Form/CLCalendar/CLCalendar.css';
-import{defineComponent as e,mergeModels as a,useCssVars as l,useModel as t,ref as i,toRef as d,watch as r,onMounted as s,createElementBlock as o,openBlock as n,normalizeStyle as u,normalizeClass as c,unref as p,createElementVNode as f,createVNode as v,withCtx as m,createTextVNode as y,toDisplayString as _,Fragment as h,renderList as b,createBlock as g,createCommentVNode as D}from"vue";import{_ as k}from"./CLButton.vue_vue_type_style_index_0_lang-hSiZPrZr.js";import{_ as x}from"./CLText.vue_vue_type_style_index_0_lang-BZQzsJMF.js";import{c as z,C,e as w,f as S,h as $,a as L,d as j,i as M}from"./index-DwjW-Z-U.js";import{c as T}from"./utils-BDThP-Sb.js";import{useDatePicker as B}from"../composables/useDatePicker.js";import{useTheme as P}from"../composables/useTheme.js";const R=["data-testid"],E=/* @__PURE__ */e({name:"CLCalendar",__name:"CLCalendar",props:/* @__PURE__ */a({color:{default:j.Primary},disabled:{type:Boolean,default:!1},busy:{type:Boolean,default:!1},isRange:{type:Boolean,default:!0},fluid:{type:Boolean,default:!1},testId:{default:"clll-calendar"},width:{default:"280px"}},{modelValue:{},modelModifiers:{}}),emits:/* @__PURE__ */a(["date-select"],["update:modelValue"]),setup(e,{expose:a,emit:E}){l(e=>({v5d82e3ae:e.width}));const G=e,F=E,I=P(),N="clll-calendar",V=t(e,"modelValue"),A=i(V.value?.end??null),O=i(V.value?.start??null),{calendarGrid:q,cancelDraft:H,clearDraft:J,currentMonthLabel:K,draftEnd:Q,draftStart:U,getDayAriaLabel:W,handleNextMonth:X,handlePrevMonth:Y,initializeDraft:Z,isDraftEnd:ee,isDraftSameDay:ae,isDraftStart:le,isInDraftRange:te,onDayClick:ie,weekDays:de}=B({appliedEnd:A,appliedStart:O,isRange:d(G,"isRange")});r(V,e=>{O.value=e?.start??null,A.value=e?.end??null,Z()},{deep:!0}),s(()=>{Z()});return a({apply:()=>{O.value=U.value,A.value=Q.value,V.value={end:A.value,start:O.value}},cancel:()=>{H()},draftEnd:Q,draftStart:U,initializeDraft:Z,reset:()=>{J(),O.value=null,A.value=null,V.value=null}}),(a,l)=>(n(),o("div",{class:c([N,e.fluid?`${N}__fluid`:""]),"data-testid":e.testId,style:u(p(T)(p(I)))},[f("div",{class:c(`${N}__header`)},[v(p(k),{"aria-label":"Previous month","border-radius":p($).Full,"icon-before":p(S).ChevronLeft,"icon-size":p(w).Tiny,"on-click":p(Y),size:p(C).Tiny,variant:p(z).Ghost,height:"32px",width:"32px",wrap:""},null,8,["border-radius","icon-before","icon-size","on-click","size","variant"]),v(p(x),{type:p(L).Medium,medium:""},{default:m(()=>[y(_(p(K)),1)]),_:1},8,["type"]),v(p(k),{"aria-label":"Next month","border-radius":p($).Full,"icon-before":p(S).ChevronRight,"icon-size":p(w).Tiny,"on-click":p(X),size:p(C).Tiny,variant:p(z).Ghost,height:"32px",width:"32px",wrap:""},null,8,["border-radius","icon-before","icon-size","on-click","size","variant"])],2),f("div",{class:c(`${N}__grid`)},[(n(!0),o(h,null,b(p(de),e=>(n(),o("div",{key:e,class:c(`${N}__weekday`)},[v(p(x),{align:p(M).Center,color:p(j).Neutral,type:p(L).Small},{default:m(()=>[y(_(e),1)]),_:2},1032,["align","color","type"])],2))),128)),(n(!0),o(h,null,b(p(q),(a,l)=>(n(),o("div",{key:a.date??`pad-${l}`,class:c([`${N}__cell`,a.isOutsideMonth?`${N}__cell--outside`:"",a.date&&p(ae)(a.date)?`${N}__cell--same-day`:""])},[a.day&&a.date?(n(),g(p(k),{key:0,"aria-label":p(W)(a.date),"border-radius":p($).Full,color:p(le)(a.date)||p(ee)(a.date)?e.color:p(j).Secondary,disabled:e.disabled||e.busy,size:p(C).Small,height:"100%",width:"100%","on-click":e=>((e,a)=>{a?.preventDefault(),a?.stopPropagation(),G.disabled||G.busy||!e||(ie(e),F("date-select",e))})(a.date,e),variant:p(le)(a.date)||p(ee)(a.date)?p(z).Solid:p(te)(a.date)?p(z).Soft:p(z).Ghost,wrap:""},{default:m(()=>[y(_(a.day),1)]),_:2},1032,["aria-label","border-radius","color","disabled","size","on-click","variant"])):D("",!0)],2))),128))],2)],14,R))}});export{E as _};

package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CtGriC2l.js

@@ -1,2 +0,0 @@
-import '../assets/CLInputMessages.css';
-import{defineComponent as e,createElementBlock as s,openBlock as a,normalizeClass as o,unref as l,renderSlot as t,Fragment as i,renderList as r,normalizeStyle as n,createElementVNode as p,toDisplayString as m}from"vue";import{f as u}from"./index-C9S3C1LU.js";import{d}from"./index-DwjW-Z-U.js";import{b as f}from"./utils-BDThP-Sb.js";const $="clll-form-field",h=/* @__PURE__ */e({__name:"CLFormField",props:{fluid:{type:Boolean},hasPill:{type:Boolean},hasCharCounter:{type:Boolean},orientation:{}},setup:e=>(i,r)=>(a(),s("div",{class:o([$,e.fluid||e.orientation===l(u).Horizontal?`${$}--fluid`:`${$}--fixed`,e.orientation?`${$}--${e.orientation}`:"",e.hasPill?`${$}--haspill`:"",e.hasCharCounter?`${$}--hascharcounter`:""])},[t(i.$slots,"default")],2))}),c="clll-input__message",_=/* @__PURE__ */e({__name:"CLInputMessages",props:{id:{},messages:{},messageType:{default:d.Neutral}},setup:e=>(t,u)=>(a(!0),s(i,null,r(e.messages,(t,i)=>(a(),s("span",{key:`${e.id}-message-${i}`,class:o([c,`${c}--${e.messageType}`]),style:n(l(f)({color:e.messageType}))},[p("span",{class:o([`${c}__text`])},m(t),3)],6))),128))});export{h as _,_ as a};

package/dist/chunks/utils-DBWrbn3p.js

@@ -1 +0,0 @@
-import{b as o,c as r,g as t}from"./index-DwjW-Z-U.js";import{useTheme as l}from"../composables/useTheme.js";const a=({color:a,theme:e})=>{const{colors:n,darkMode:s}=e??l(),c=s.value?o.Dark:o.Light,u=t({color:a,colors:n.value,mode:c,variant:r.Solid});return{"--clll-a11y-button-outline-color":u?.focus??"transparent","--clll-a11y-button-border-color":u?.focus??"transparent","--clll-a11y-button-shadow-color":u?.shadow??"transparent","--clll-a11y-button-theme-radius":"var(--clll-default-radius)"}},e=({color:a,variant:e=r.Soft,theme:n})=>{const{colors:s,darkMode:c}=n??l(),u=c.value?o.Dark:o.Light,b=e===r.Outline,d=t({color:a,colors:s.value,mode:u,variant:e});return{"--clll-button-text-color":d?.text??"inherit","--clll-button-bg-color":d?.bg??"transparent","--clll-button-border-color":b?d?.border??"transparent":"transparent","--clll-button-hover-bg":d?.hover??"transparent","--clll-button-hover-border":b?d?.borderHover??"transparent":"transparent","--clll-button-focus-border":d?.focus??"transparent","--clll-button-focus-shadow":d?.shadow??"transparent","--clll-button-theme-radius":"var(--clll-default-radius)"}};export{a,e as b};

package/dist/chunks/utils-DxfNBBvx.js

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