@codeandfunction/callaloo 5.3.0 → 5.4.0
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/callaloo.global.js +1 -1
- package/dist/chunks/{CLA11yButton.vue_vue_type_style_index_0_lang-DAZeEmRe.js → CLA11yButton.vue_vue_type_style_index_0_lang-BkUObQR1.js} +1 -1
- package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-si2fvOPY.js → CLButton.vue_vue_type_style_index_0_lang-D8pqsu4z.js} +1 -1
- package/dist/chunks/{CLCalendar.vue_vue_type_style_index_0_lang-BBR13xMW.js → CLCalendar.vue_vue_type_style_index_0_lang-BdBFK6l0.js} +1 -1
- package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-DLIpPAlo.js → CLCard.vue_vue_type_style_index_0_lang-C6Db7VH-.js} +1 -1
- package/dist/chunks/{CLFormCharCounter.vue_vue_type_style_index_0_lang-BCUvy9SB.js → CLFormCharCounter.vue_vue_type_style_index_0_lang--a4k_wVg.js} +1 -1
- package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-r2o_Iv7o.js → CLFormLabel.vue_vue_type_script_setup_true_lang-DzqGjuzT.js} +1 -1
- package/dist/chunks/{CLHeading.vue_vue_type_style_index_0_lang-CMYn2p7m.js → CLHeading.vue_vue_type_style_index_0_lang-IAxZ6-Ir.js} +1 -1
- package/dist/chunks/{CLIcon.vue_vue_type_style_index_0_lang-CCqXRdfi.js → CLIcon.vue_vue_type_style_index_0_lang-BXZJ4xC2.js} +1 -1
- package/dist/chunks/{CLInputMessages.vue_vue_type_style_index_0_lang-DW0ezQId.js → CLInputMessages.vue_vue_type_style_index_0_lang-D64t55FZ.js} +1 -1
- package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-Cv76JpRm.js → CLLink.vue_vue_type_style_index_0_lang-CgIQraQw.js} +1 -1
- package/dist/chunks/{CLModal.vue_vue_type_style_index_0_lang-yooxncne.js → CLModal.vue_vue_type_style_index_0_lang-BMxlRTwz.js} +1 -1
- package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-D90NIayQ.js → CLNavLink.vue_vue_type_script_setup_true_lang-Dj9AfjgR.js} +1 -1
- package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-D7P0BFII.js → CLPill.vue_vue_type_style_index_0_lang-Cy0CWOG5.js} +1 -1
- package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-BscYHmgy.js → CLSkeleton.vue_vue_type_style_index_0_lang-BPHLJf_f.js} +1 -1
- package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-oJtBOpZf.js → CLSpinner.vue_vue_type_style_index_0_lang-Cyy9LUIv.js} +1 -1
- package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-B6cjI8gJ.js → CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js} +1 -1
- package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-MKnVZAj3.js → CLToast.vue_vue_type_style_index_0_lang-BoYmdVvl.js} +1 -1
- package/dist/chunks/{context-C-j1PMxu.js → context-CwJxpGTV.js} +1 -1
- package/dist/chunks/icons-CusLhkF2.js +1 -0
- package/dist/chunks/index-8-5PmbUx.js +1 -0
- package/dist/chunks/{utils-J5U6zpvr.js → utils-B4--AZe2.js} +1 -1
- package/dist/chunks/{utils-at22DKYH.js → utils-BeN2Egou.js} +1 -1
- package/dist/chunks/{utils-LUg0RA-R.js → utils-BlDNsYoE.js} +1 -1
- package/dist/chunks/{utils-DlaxTQuD.js → utils-BsmnvHw4.js} +1 -1
- package/dist/chunks/{utils-DhgAjqVy.js → utils-Bw22Uikp.js} +1 -1
- package/dist/chunks/{utils-CuBw41mS.js → utils-CIgLhXj8.js} +1 -1
- package/dist/chunks/{utils-DzuUmadd.js → utils-DtK55zME.js} +1 -1
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +1 -1
- package/dist/components/Buttons/CLButton/CLButton.js +1 -1
- package/dist/components/CLIcon/CLIcon.js +1 -1
- package/dist/components/CLTable/CLTable.js +1 -1
- package/dist/components/Containers/CLCard/CLCard.js +1 -1
- package/dist/components/Containers/CLCarousel/CLCarousel.js +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.js +1 -1
- package/dist/components/Containers/CLDrawer/CLDrawer.js +1 -1
- package/dist/components/Form/CLCalendar/CLCalendar.js +1 -1
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +1 -1
- package/dist/components/Form/CLInput/CLInput.js +1 -1
- package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.js +1 -1
- package/dist/components/Form/CLRadioButton/CLRadioButton.js +1 -1
- package/dist/components/Form/CLSelect/CLSelect.js +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.js +1 -1
- package/dist/components/Indicators/CLBadge/CLBadge.js +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +1 -1
- package/dist/components/Indicators/CLPill/CLPill.js +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.js +1 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.js +1 -1
- package/dist/components/Modals/CLModal/CLModal.js +1 -1
- package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.js +1 -1
- package/dist/components/Navigation/CLLink/CLLink.js +1 -1
- package/dist/components/Navigation/CLNavLink/CLNavLink.js +1 -1
- package/dist/components/Navigation/CLNavSection/CLNavSection.js +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1 -1
- package/dist/components/Popups/CLToast/CLToast.js +1 -1
- package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +1 -1
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
- package/dist/components/Typography/CLHeading/CLHeading.js +1 -1
- package/dist/components/Typography/CLText/CLText.js +1 -1
- package/dist/composables/useTheme.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +24 -26
- package/dist/chunks/icons-D0RuAcwt.js +0 -1
- package/dist/chunks/index-DbQjwiDA.js +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLBanner.css';
|
|
3
|
-
import{defineComponent as e,computed as a,createBlock as t,openBlock as o,unref as i,withCtx as s,createElementVNode as n,normalizeStyle as l,normalizeClass as r,createElementBlock as d,createCommentVNode as u,createTextVNode as c,toDisplayString as _,createVNode as b}from"vue";import{_ as y}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{defineComponent as e,computed as a,createBlock as t,openBlock as o,unref as i,withCtx as s,createElementVNode as n,normalizeStyle as l,normalizeClass as r,createElementBlock as d,createCommentVNode as u,createTextVNode as c,toDisplayString as _,createVNode as b}from"vue";import{_ as y}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-BkUObQR1.js";import{_ as m}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D8pqsu4z.js";import{_ as k}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-IAxZ6-Ir.js";import{_ as f}from"../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BPHLJf_f.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js";import{c as v,d as g,i as h,k as $,a as L,C,f as x,g as B}from"../../../chunks/index-8-5PmbUx.js";import{a as j}from"../../../chunks/utils-Bw22Uikp.js";const S=["data-testid"],D=/* @__PURE__ */e({name:"CLBanner",__name:"CLBanner",props:{actionLabel:{},align:{default:h.Left},ariaLabel:{},bordered:{type:Boolean,default:!0},borderRadius:{},busy:{type:Boolean,default:!1},color:{default:g.Neutral},height:{default:"auto"},message:{},onAction:{},onClick:{},onDismiss:{},rounded:{type:Boolean,default:!0},testId:{default:"clll-banner"},title:{},width:{default:"100%"},variant:{default:v.Soft}},setup(e){const g=e,h="clll-banner",D=a(()=>[h,g.actionLabel?`${h}--actionable`:"",g.busy?`${h}--busy`:`${h}--ready`,g.bordered&&g.variant!==v.Ghost?`${h}--bordered`:"",g.borderRadius?`${h}--${g.borderRadius}`:"",g.onDismiss?`${h}--dismissable`:"",`${h}--${g.color}--${g.variant}`,`${h}--align-${g.align}`,g.rounded?`${h}--rounded`:`${h}--box`]);return(a,g)=>(o(),t(i(y),{color:e.color,enabled:!(!e.onClick||!e.ariaLabel),rounded:e.rounded},{default:s(()=>[n("div",{class:r(i(D)),"data-testid":e.testId,style:l({...i(j)({color:e.color,variant:e.variant}),width:e.width,height:e.height})},[n("div",{class:r(`${h}__content`)},[n("div",{class:r(`${h}__nested_content`)},[e.busy?(o(),t(i(f),{key:0,"border-radius":e.borderRadius,height:"28px","test-id":`${h}__skeleton-title`},null,8,["border-radius","test-id"])):u("",!0),e.busy?(o(),t(i(f),{key:1,"border-radius":e.borderRadius,width:"70%",height:"20px","test-id":`${h}__skeleton-message`},null,8,["border-radius","test-id"])):u("",!0),e.title&&!e.busy?(o(),t(i(k),{key:2,align:e.align,color:e.color,type:i($).Section},{default:s(()=>[c(_(e.title),1)]),_:1},8,["align","color","type"])):u("",!0),e.message&&!e.busy?(o(),t(i(p),{key:3,align:e.align,color:e.color,type:i(L).Summary},{default:s(()=>[c(_(e.message),1)]),_:1},8,["align","color","type"])):u("",!0)],2),e.onAction&&e.actionLabel?(o(),d("div",{key:0,class:r(`${h}__action-button`)},[b(i(m),{color:e.color,"border-radius":e.borderRadius,"on-click":e.onAction,"test-id":`${h}__action-button`,variant:e.variant===i(v).Solid?i(v).Soft:i(v).Solid},{default:s(()=>[c(_(e.actionLabel),1)]),_:1},8,["color","border-radius","on-click","test-id","variant"])],2)):u("",!0)],2),e.onDismiss?(o(),d("div",{key:0,class:r(`${h}__dismiss-button`)},[b(i(m),{"aria-label":"Dismiss banner",color:e.color,"icon-before":i(B).Delete,"icon-size":i(x).Tiny,"on-click":e.onDismiss,size:i(C).Tiny,"test-id":`${h}__dismiss-button`,variant:e.variant},null,8,["color","icon-before","icon-size","on-click","size","test-id","variant"])],2)):u("",!0),e.onClick&&e.ariaLabel?(o(),d("button",{key:1,class:"sr-only","data-expand-click-area":"",onClick:g[0]||(g[0]=(...a)=>e.onClick&&e.onClick(...a))},_(e.ariaLabel),1)):u("",!0)],14,S)]),_:1},8,["color","enabled","rounded"]))}});export{D as CLBanner,D as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLPill.css';
|
|
3
|
-
import{_ as e}from"../../../chunks/CLPill.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as e}from"../../../chunks/CLPill.vue_vue_type_style_index_0_lang-Cy0CWOG5.js";export{e as CLPill,e as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLProgress.css';
|
|
3
|
-
import{defineComponent as e,mergeModels as s,useModel as t,computed as a,createElementBlock as l,openBlock as o,normalizeStyle as r,normalizeClass as d,unref as u,createCommentVNode as i,createElementVNode as n,createVNode as m,withCtx as c,createTextVNode as _,toDisplayString as p}from"vue";import{_ as f}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{defineComponent as e,mergeModels as s,useModel as t,computed as a,createElementBlock as l,openBlock as o,normalizeStyle as r,normalizeClass as d,unref as u,createCommentVNode as i,createElementVNode as n,createVNode as m,withCtx as c,createTextVNode as _,toDisplayString as p}from"vue";import{_ as f}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js";import{a as v,d as y,C as $}from"../../../chunks/index-8-5PmbUx.js";import{c as g}from"../../../chunks/utils-Bw22Uikp.js";import{useTheme as b}from"../../../composables/useTheme.js";const h=["data-testid"],C=/* @__PURE__ */e({name:"CLProgress",__name:"CLProgress",props:/* @__PURE__ */s({color:{default:y.Primary},inverted:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:$.Medium},status:{type:Boolean,default:!1},testId:{default:"clll-progress"}},{modelValue:{type:Number,default:0},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const s=e,$=b(),C=t(e,"modelValue"),j="clll-progress",k=a(()=>[j,`${j}--${s.color}`,`${j}--${s.size}`,s.inverted?`${j}--inverted`:"",s.rounded?`${j}--rounded`:`${j}--not-rounded`]),x=a(()=>`${C.value}%`);return(s,t)=>(o(),l("div",{class:d(u(k)),"data-testid":e.testId,style:r({...u(g)({color:e.color,theme:u($)}),"--clll-progress-value":C.value})},[e.status?(o(),l("div",{key:0,class:d(`${j}__status__container`)},[n("div",{class:d(`${j}__status__label`)},[m(u(f),{color:u(y).Neutral,type:u(v).Summary},{default:c(()=>[_(p(u(x)),1)]),_:1},8,["color","type"])],2)],2)):i("",!0),n("div",{class:d(`${j}__bar-container`)},[n("div",{class:d(`${j}__bar`)},null,2)],2)],14,h))}});export{C as CLProgress,C as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLSkeleton.css';
|
|
3
|
-
import{_ as e}from"../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as e}from"../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BPHLJf_f.js";export{e as CLSkeleton,e as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLSpinner.css';
|
|
3
|
-
import{_ as e}from"../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as e}from"../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-Cyy9LUIv.js";export{e as CLSpinner,e as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLModal.css';
|
|
3
|
-
import{_ as e}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as e}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-BMxlRTwz.js";export{e as CLModal,e as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLModalDatePicker.css';
|
|
3
|
-
import{defineComponent as e,mergeModels as a,ref as t,computed as l,useModel as o,onMounted as d,onBeforeUnmount as i,createElementBlock as u,openBlock as n,normalizeClass as r,unref as s,createVNode as b,withCtx as c,createTextVNode as f,toDisplayString as p,createElementVNode as v,nextTick as m}from"vue";import{_ as y}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{defineComponent as e,mergeModels as a,ref as t,computed as l,useModel as o,onMounted as d,onBeforeUnmount as i,createElementBlock as u,openBlock as n,normalizeClass as r,unref as s,createVNode as b,withCtx as c,createTextVNode as f,toDisplayString as p,createElementVNode as v,nextTick as m}from"vue";import{_ as y}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D8pqsu4z.js";import{_}from"../../../chunks/CLModal.vue_vue_type_style_index_0_lang-BMxlRTwz.js";import{_ as L}from"../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-BdBFK6l0.js";import{C as X,f as g,g as h,h as k,c as $,d as C}from"../../../chunks/index-8-5PmbUx.js";import{i as w}from"../../../chunks/helper-C542dSLs.js";import{useDatePicker as R}from"../../../composables/useDatePicker.js";const S=["data-testid"],B=/* @__PURE__ */e({name:"CLModalDatePicker",__name:"CLModalDatePicker",props:/* @__PURE__ */a({buttonAriaLabel:{default:void 0},buttonBorderRadius:{default:void 0},buttonColor:{default:C.Primary},buttonLabel:{default:"Select dates"},buttonSize:{default:X.Small},buttonVariant:{default:$.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean,default:!1},busy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},id:{},isRange:{type:Boolean,default:!0},onBlur:{type:Function,default:void 0},onChange:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onReset:{},testId:{default:"clll-date-picker-modal"},title:{default:"Select dates"}},{modelValue:{default:()=>({end:null,start:null})},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=e,B="clll-date-picker-modal",z=t(!1),V=l(()=>`date-picker-modal-${a.id}`),x=t(),M=o(e,"modelValue"),{rangeLabel:E}=R({appliedStart:l(()=>M.value?.start??null),appliedEnd:l(()=>M.value?.end??null),isRange:a.isRange}),F=t(!1),j=()=>{w&&(F.value=window.innerWidth<480)},P=()=>{if(a.disabled||a.busy)return;j(),z.value=!0,m(()=>{x.value?.initializeDraft()});const e=new FocusEvent("focus",{bubbles:!0,cancelable:!0});a.onFocus?.(e)},D=()=>{z.value=!1,x.value?.cancel();const e=new FocusEvent("blur",{bubbles:!0,cancelable:!0});a.onBlur?.(e)},W=()=>{x.value?.apply(),z.value=!1,a.onChange?.()},A=()=>{x.value?.reset(),a.onReset?.()},I=l(()=>F.value);d(()=>{w&&(j(),window.addEventListener("resize",j))}),i(()=>{w&&window.removeEventListener("resize",j)});const N={[X.Tiny]:g.Tiny,[X.Small]:g.Small,[X.Medium]:g.Medium,[X.Large]:g.Large,[X.XL]:g.XL,[X.XXL]:g.XXL,[X.XXXL]:g.XXXL,[X.XXXXL]:g.XXXXL},G=l(()=>[B,a.buttonBorderRadius?`${B}--${a.buttonBorderRadius}`:"",a.busy?`${B}--busy`:`${B}--ready`,`${B}--${a.buttonColor}`,`${B}--${a.buttonSize}`,`${B}--${a.buttonVariant}`,a.disabled||a.busy?`${B}--disabled`:`${B}--active`,a.fluid?`${B}--fluid`:`${B}--fixed`]),T=l(()=>{const e=x.value?.draftStart,t=x.value?.draftEnd;return a.isRange?!!e&&!!t:!!e});return(a,t)=>(n(),u("div",{class:r(s(G)),"data-testid":e.testId},[b(s(y),{"aria-label":e.buttonAriaLabel||"Open date picker","border-radius":e.buttonBorderRadius,busy:e.busy,color:e.buttonColor,disabled:e.disabled||e.busy,"icon-before":s(h).Calendar,"icon-size":N[e.buttonSize],"on-click":P,"test-id":`${e.testId}__trigger`,size:e.buttonSize,variant:e.buttonVariant,width:e.buttonWidth,wrap:e.buttonWrapped},{default:c(()=>[f(p(s(E)||e.buttonLabel),1)]),_:1},8,["aria-label","border-radius","busy","color","disabled","icon-before","icon-size","test-id","size","variant","width","wrap"]),b(s(_),{"border-radius":s(I)?s(k).None:s(k).Medium,fullscreen:s(I),"is-open":s(z),"max-width":"336px","modal-id":s(V),"on-close":D,title:e.title},{body:c(()=>[b(s(L),{ref_key:"calendarRef",ref:x,modelValue:M.value,"onUpdate:modelValue":t[0]||(t[0]=e=>M.value=e),busy:e.busy,disabled:e.disabled,fluid:s(I),"is-range":e.isRange},null,8,["modelValue","busy","disabled","fluid","is-range"])]),footer:c(()=>[v("div",{class:r(`${B}__footer-actions`)},[b(s(y),{color:s(C).Neutral,"on-click":D,variant:s($).Ghost},{default:c(()=>[...t[1]||(t[1]=[f(" Cancel ",-1)])]),_:1},8,["color","variant"]),v("div",{class:r(`${B}__footer-right`)},[b(s(y),{color:s(C).Neutral,disabled:!s(x)?.draftStart&&!s(x)?.draftEnd,"on-click":A,variant:s($).Ghost},{default:c(()=>[...t[2]||(t[2]=[f(" Reset ",-1)])]),_:1},8,["color","disabled","variant"]),b(s(y),{color:s(C).Primary,disabled:!s(T),"on-click":W},{default:c(()=>[...t[3]||(t[3]=[f(" Apply ",-1)])]),_:1},8,["color","disabled"])],2)],2)]),_:1},8,["border-radius","fullscreen","is-open","modal-id","title"])],10,S))}});export{B as CLModalDatePicker,B as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLLink.css';
|
|
3
|
-
import{_ as e}from"../../../chunks/CLLink.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as e}from"../../../chunks/CLLink.vue_vue_type_style_index_0_lang-CgIQraQw.js";export{e as CLLink,e as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
|
-
import{_ as a}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import{_ as a}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dj9AfjgR.js";export{a as CLNavLink,a as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLNavSection.css';
|
|
3
|
-
import{defineComponent as e,computed as t,createElementBlock as a,openBlock as l,normalizeClass as r,unref as n,Fragment as s,renderList as i,createVNode as o,withCtx as c,createTextVNode as u,toDisplayString as _}from"vue";import{_ as d}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-
|
|
3
|
+
import{defineComponent as e,computed as t,createElementBlock as a,openBlock as l,normalizeClass as r,unref as n,Fragment as s,renderList as i,createVNode as o,withCtx as c,createTextVNode as u,toDisplayString as _}from"vue";import{_ as d}from"../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dj9AfjgR.js";import{_ as p}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js";import{t as m,d as v}from"../../../chunks/index-8-5PmbUx.js";const f=["data-testid"],k=/* @__PURE__ */e({name:"CLNavSection",__name:"CLNavSection",props:{color:{default:v.Primary},navItems:{},testId:{default:"clll-nav-section"},type:{default:m.Horizontal}},setup(e){const m=e,v="clll-nav-section",k=t(()=>[v,`${v}--${m.type}`]);return(t,m)=>(l(),a("ul",{class:r(n(k)),"data-testid":e.testId},[(l(!0),a(s,null,i(e.navItems,(t,r)=>(l(),a("li",{key:`link-${t.id}-${r}`,class:"clll-nav-section__item"},[o(n(d),{id:t.id,"aria-label":t.ariaLabel,color:e.color,external:t.external,href:t.href,rel:t.rel,target:t.target,"on-click":t.onClick},{default:c(()=>[o(n(p),{as:"span"},{default:c(()=>[u(_(t.label),1)]),_:2},1024)]),_:2},1032,["id","aria-label","color","external","href","rel","target","on-click"])]))),128))],10,f))}});export{k as CLNavSection,k as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLDropdownMenu.css';
|
|
3
|
-
import{defineComponent as e,ref as t,computed as o,onBeforeUnmount as n,createElementBlock as a,openBlock as d,normalizeClass as r,createVNode as l,createCommentVNode as i,unref as s,withCtx as u,createTextVNode as c,toDisplayString as p,normalizeStyle as f,renderSlot as b}from"vue";import{u as m,a as _,f as v,o as w,s as g}from"../../../chunks/floating-ui.vue-C0JWy0Dz.js";import{_ as h}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{defineComponent as e,ref as t,computed as o,onBeforeUnmount as n,createElementBlock as a,openBlock as d,normalizeClass as r,createVNode as l,createCommentVNode as i,unref as s,withCtx as u,createTextVNode as c,toDisplayString as p,normalizeStyle as f,renderSlot as b}from"vue";import{u as m,a as _,f as v,o as w,s as g}from"../../../chunks/floating-ui.vue-C0JWy0Dz.js";import{_ as h}from"../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D8pqsu4z.js";import{_ as y}from"../../../chunks/CLCard.vue_vue_type_style_index_0_lang-C6Db7VH-.js";import{c as B,i as $}from"../../../chunks/helper-C542dSLs.js";import{useDropdown as z}from"../../../composables/useDropdown.js";import{useEsc as x}from"../../../composables/useEsc.js";import{s as C,f as I,g as k,c as E,C as L,d as D,i as S}from"../../../chunks/index-8-5PmbUx.js";const H=["data-testid"],j=["id","aria-labelledby","aria-hidden"],O=/* @__PURE__ */e({name:"CLDropdownMenu",__name:"CLDropdownMenu",props:{buttonAlign:{default:S.Center},buttonAriaLabel:{},buttonBorderRadius:{},buttonBusy:{type:Boolean},buttonColor:{default:D.Secondary},buttonDisabled:{type:Boolean},buttonHeight:{default:"auto"},buttonSize:{default:L.Small},buttonVariant:{default:E.Soft},buttonWidth:{default:"auto"},buttonWrapped:{type:Boolean},containerBordered:{type:Boolean,default:!0},containerBorderRadius:{},containerElevated:{type:Boolean,default:!1},contentWidth:{default:"auto"},dropdownId:{},fluid:{type:Boolean,default:!1},iconAfter:{default:k.ChevronDown},iconBefore:{},iconSize:{default:I.Tiny},isOpen:{type:Boolean,default:!1},label:{},onCloseHandler:{},onOpenHandler:{},placement:{default:C.BottomStart},testId:{default:"clll-dropdown-menu"},zIndex:{default:30}},setup(e,{expose:C}){const I=e;let k=t(),L=t();const S=t(),O=t(),A=t(I.isOpen),W=t(I.placement),R="clll-dropdown-menu",M=o(()=>"auto"===I.zIndex||B(I.zIndex)?I.zIndex:I.zIndex.toString()),V=e=>{e&&(k.value=e)},G=e=>{e&&(L.value=e)},N=()=>{T.value?F():q()},{open:T,openDropdown:q,closeDropdown:F,clearEventListeners:J}=z({triggerElem:k,dropdownRef:O,openDropdownHandler:()=>{A.value=!0,I?.onOpenHandler?.(),P(),$&&document.addEventListener("click",Q)},closeDropdownHandler:()=>{A.value=!1,I?.onCloseHandler?.(),$&&document.removeEventListener("click",Q),U(),J()}});C({close:()=>{F(),J(),U()},open:()=>{q()}});const{floatingStyles:K,update:P}=m(S,O,{middleware:[v(),w(10),g()],placement:W,open:A,whileElementsMounted:_}),Q=e=>{A.value&&O.value?.contains(e?.target)&&F()},{clearEventListeners:U}=x({escHandler:F,triggerElem:k});return n(()=>{$&&document.removeEventListener("click",Q),U(),J()}),(t,o)=>(d(),a("div",{class:r([`${R}__menu`,e.fluid?`${R}__menu--fluid`:""]),"data-testid":e.testId},[l(s(h),{id:`${R}__toggle--${e.dropdownId}`,ref_key:"anchor",ref:S,"aria-controls":`${R}--${e.dropdownId}`,"aria-expanded":s(A)||e.isOpen,"aria-label":e.buttonAriaLabel,"align-content":e.buttonAlign,busy:e.buttonBusy,disabled:e.buttonDisabled||e.buttonBusy,class:r(`${R}__toggle`),color:e.buttonColor,"border-radius":e.buttonBorderRadius,"forward-ref":V,height:e.buttonHeight,"icon-after":e.iconAfter,"icon-before":e.iconBefore,"icon-size":e.iconSize,size:e.buttonSize,"test-id":`${R}__toggle`,variant:e.buttonVariant,width:e.fluid?"100%":e.buttonWidth,wrap:e.buttonWrapped,"on-click":N},{default:u(()=>[c(p(e.label),1)]),_:1},8,["id","aria-controls","aria-expanded","aria-label","align-content","busy","disabled","class","color","border-radius","height","icon-after","icon-before","icon-size","size","test-id","variant","width","wrap"]),s(A)||e.isOpen?(d(),a("div",{key:0,id:`${R}--${e.dropdownId}`,ref_key:"dropdownElem",ref:O,"aria-labelledby":`${R}__toggle--${e.dropdownId}`,"aria-hidden":!(s(A)||e.isOpen),class:r([`${R}__dropdown`,`${R}__dropdown--${s(W)}`]),style:f({...s(K),zIndex:s(M)})},[l(s(y),{bordered:e.containerBordered,"border-radius":e.containerBorderRadius,color:s(D).Neutral,elevated:e.containerElevated,"forward-ref":G,padded:!1,"test-id":`${R}__content`,variant:s(E).Ghost,width:e.contentWidth},{default:u(()=>[b(t.$slots,"content")]),_:3},8,["bordered","border-radius","color","elevated","test-id","variant","width"])],14,j)):i("",!0)],10,H))}});export{O as CLDropdownMenu,O as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLToast.css';
|
|
3
|
-
import{_ as s}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as s}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BoYmdVvl.js";export{s as CLToast,s as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
|
-
import{defineComponent as e,provide as t,onMounted as o,onBeforeUnmount as a,watch as r,createBlock as s,openBlock as l,resolveDynamicComponent as d,normalizeStyle as n,normalizeClass as i,unref as c,withCtx as m,renderSlot as f}from"vue";import{s as u,T as h}from"../../../chunks/context-
|
|
2
|
+
import{defineComponent as e,provide as t,onMounted as o,onBeforeUnmount as a,watch as r,createBlock as s,openBlock as l,resolveDynamicComponent as d,normalizeStyle as n,normalizeClass as i,unref as c,withCtx as m,renderSlot as f}from"vue";import{s as u,T as h}from"../../../chunks/context-CwJxpGTV.js";export{D as DEFAULT_THEME}from"../../../chunks/context-CwJxpGTV.js";import{i as k,b as p}from"../../../chunks/helper-C542dSLs.js";const g=/* @__PURE__ */e({__name:"CLThemeProvider",props:{tag:{default:"div"},themeConfig:{},autoDetectDarkMode:{type:Boolean,default:!0}},setup(e){const g=e,v=u(g.themeConfig);t(h,v);const{borderRadius:D,darkMode:C,fontFamily:M,setBorderRadius:y,setColors:E,setDarkMode:F,setFontFamily:L}=v;let T=null;const x=()=>{if(g.autoDetectDarkMode&&k){const e=p();F(e)}};return o(()=>{g.autoDetectDarkMode&&k&&(x(),T=window.matchMedia("(prefers-color-scheme: dark)"),T.addEventListener("change",x))}),a(()=>{T&&k&&T.removeEventListener("change",x)}),r(()=>g.themeConfig?.borderRadius,e=>{y(e)}),r(()=>g.themeConfig?.colors,e=>{e&&E(e)}),r(()=>g.themeConfig?.darkMode,e=>{void 0===e||g.autoDetectDarkMode||F(e)}),r(()=>g.themeConfig?.fontFamily,e=>{L(e)}),(t,o)=>(l(),s(d(e.tag),{class:i(["clll-theme-provider","--clll-color-theme-"+(c(C)?"dark":"light")]),style:n({"--clll-font-family":c(M),"--clll-default-radius":c(D)?`var(--clll-${c(D)})`:void 0})},{default:m(()=>[f(t.$slots,"default")]),_:3},8,["class","style"]))}});export{g as CLThemeProvider,h as ThemeInjectionKey,g as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
|
-
import{defineComponent as s,ref as i,provide as o,createElementBlock as e,openBlock as r,createBlock as a,createCommentVNode as t,renderSlot as d,unref as u,mergeProps as l}from"vue";import{_ as m}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import{defineComponent as s,ref as i,provide as o,createElementBlock as e,openBlock as r,createBlock as a,createCommentVNode as t,renderSlot as d,unref as u,mergeProps as l}from"vue";import{_ as m}from"../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BoYmdVvl.js";import{T as n}from"../../../chunks/context-JmPivI9V.js";const v={class:"clll-toast-provider"},p=/* @__PURE__ */s({name:"CLToastProvider",__name:"CLToastProvider",props:{borderRadius:{},dismissTimer:{},position:{}},setup(s){const p=s,T=i({}),_=i(!1),c=()=>{_.value=!1,T.value={}};return o(n,{visible:_,showToast:s=>{T.value={...s,borderRadius:s.borderRadius??p.borderRadius,dismissTimer:s.dismissTimer??p.dismissTimer,position:s.position??p.position},_.value=!0},hideToast:c}),(s,i)=>(r(),e("div",v,[_.value?(r(),a(u(m),l({key:0},T.value,{"on-dismiss":c}),null,16)):t("",!0),d(s.$slots,"default")]))}});export{p as CLToastProvider,n as ToastInjectionKey,p as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLHeading.css';
|
|
3
|
-
import{_ as e}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as e}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-IAxZ6-Ir.js";export{e as CLHeading,e as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLText.css';
|
|
3
|
-
import{_ as e}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import{_ as e}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-Dx56D8-k.js";export{e as CLText,e as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import '../assets/core.css';
|
|
2
|
-
import{D as e,T as o}from"../chunks/context-
|
|
2
|
+
import{D as e,T as o}from"../chunks/context-CwJxpGTV.js";import{ref as r,getCurrentInstance as a,inject as n}from"vue";const s=r(e.borderRadius),t=r(e.darkMode),l=r(e.fontFamily),u=r(e.colors||{primary:{},secondary:{},neutral:{},danger:{},warning:{},success:{},info:{}}),d=()=>{const e=a(),r=e?.type.name||"(anonymous component)",d=n(o,null);return d||(console.warn(`[Callaloo]: useTheme() must be used within a <CLThemeProvider />. Called from component: ${r}`,(new Error).stack),{borderRadius:s,colors:u,darkMode:t,fontFamily:l,setBorderRadius:e=>{s.value=e},setColors:e=>{u.value={...u.value,...e}},setDarkMode:e=>{t.value=e},setFontFamily:e=>{l.value=e}})};export{d as useTheme};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{i as CLAlign,h as CLBorderRadius,j as CLCardTypes,e as CLCharCounterLayout,c as CLColorVariants,d as CLColors,r as CLDrawerPosition,l as CLHeadingLevels,k as CLHeadingTypes,g as CLIconNames,f as CLIconSizes,w as CLInputTypes,m as CLLinkTarget,o as CLLoading,y as CLMessageType,b as CLMode,p as CLOrder,t as CLOrientation,n as CLOverflow,v as CLPaginationType,s as CLPlacement,q as CLPosition,C as CLSizes,x as CLTableTypes,a as CLTextTypes,u as CLToastPosition}from"./chunks/index-
|
|
1
|
+
export{i as CLAlign,h as CLBorderRadius,j as CLCardTypes,e as CLCharCounterLayout,c as CLColorVariants,d as CLColors,r as CLDrawerPosition,l as CLHeadingLevels,k as CLHeadingTypes,g as CLIconNames,f as CLIconSizes,w as CLInputTypes,m as CLLinkTarget,o as CLLoading,y as CLMessageType,b as CLMode,p as CLOrder,t as CLOrientation,n as CLOverflow,v as CLPaginationType,s as CLPlacement,q as CLPosition,C as CLSizes,x as CLTableTypes,a as CLTextTypes,u as CLToastPosition}from"./chunks/index-8-5PmbUx.js";var L=/* @__PURE__ */(s=>(s.Button="button",s.Submit="submit",s))(L||{});export{L as CLButtonTypes};
|
package/package.json
CHANGED
|
@@ -17,32 +17,11 @@
|
|
|
17
17
|
"ui components",
|
|
18
18
|
"vuejs"
|
|
19
19
|
],
|
|
20
|
-
"version": "5.
|
|
20
|
+
"version": "5.4.0",
|
|
21
21
|
"license": "MIT",
|
|
22
22
|
"type": "module",
|
|
23
23
|
"unpkg": "dist/callaloo.global.js",
|
|
24
24
|
"jsdelivr": "dist/callaloo.global.js",
|
|
25
|
-
"scripts": {
|
|
26
|
-
"build": "pnpm export:icons && vite build && pnpm build:cdn && pnpm generate:exports",
|
|
27
|
-
"build:cdn": "vite build -c vite.config.cdn.ts",
|
|
28
|
-
"build:storybook": "pnpm export:icons && pnpm storybook build",
|
|
29
|
-
"generate:exports": "npx tsx scripts/generate-exports.ts",
|
|
30
|
-
"coverage": "vitest run --coverage",
|
|
31
|
-
"export:icons": "npx tsx scripts/export-icons.ts",
|
|
32
|
-
"export:meta": "npx tsx scripts/export-meta.ts",
|
|
33
|
-
"lint": "pnpm lint:js && pnpm lint:prettier",
|
|
34
|
-
"lint:js": "eslint 'src/**/*.{ts,vue}'",
|
|
35
|
-
"lint:js:fix": "eslint 'src/**/*.{ts,vue}' --fix",
|
|
36
|
-
"lint:prettier": "prettier --check 'src/**/*.{ts,vue}'",
|
|
37
|
-
"package": "npm pack",
|
|
38
|
-
"publish": "pnpm semantic-release",
|
|
39
|
-
"size": "size-limit",
|
|
40
|
-
"start": "pnpm export:icons && storybook dev -p 4400 --no-open",
|
|
41
|
-
"test": "vitest --run --passWithNoTests",
|
|
42
|
-
"test:watch": "vitest",
|
|
43
|
-
"test:ui": "vitest --ui --coverage",
|
|
44
|
-
"test:storybook": "test-storybook --url http://127.0.0.1:4400"
|
|
45
|
-
},
|
|
46
25
|
"files": [
|
|
47
26
|
"dist",
|
|
48
27
|
"!dist/stats.html"
|
|
@@ -193,7 +172,7 @@
|
|
|
193
172
|
}
|
|
194
173
|
},
|
|
195
174
|
"dependencies": {
|
|
196
|
-
"@codeandfunction/callaloo-types": "
|
|
175
|
+
"@codeandfunction/callaloo-types": "1.4.0"
|
|
197
176
|
},
|
|
198
177
|
"devDependencies": {
|
|
199
178
|
"@chromatic-com/storybook": "^4.1.3",
|
|
@@ -253,7 +232,6 @@
|
|
|
253
232
|
"peerDependencies": {
|
|
254
233
|
"vue": "^3.5.26"
|
|
255
234
|
},
|
|
256
|
-
"packageManager": "pnpm@10.26.1+sha512.664074abc367d2c9324fdc18037097ce0a8f126034160f709928e9e9f95d98714347044e5c3164d65bd5da6c59c6be362b107546292a8eecb7999196e5ce58fa",
|
|
257
235
|
"sideEffects": [
|
|
258
236
|
"**/*.css",
|
|
259
237
|
"dist/**/*.js"
|
|
@@ -264,5 +242,25 @@
|
|
|
264
242
|
"path": "dist/index.js",
|
|
265
243
|
"limit": "210 KB"
|
|
266
244
|
}
|
|
267
|
-
]
|
|
268
|
-
|
|
245
|
+
],
|
|
246
|
+
"scripts": {
|
|
247
|
+
"build": "pnpm export:icons && vite build && pnpm build:cdn && pnpm generate:exports",
|
|
248
|
+
"build:cdn": "vite build -c vite.config.cdn.ts",
|
|
249
|
+
"build:storybook": "pnpm export:icons && pnpm storybook build",
|
|
250
|
+
"generate:exports": "npx tsx scripts/generate-exports.ts",
|
|
251
|
+
"coverage": "vitest run --coverage",
|
|
252
|
+
"export:icons": "npx tsx scripts/export-icons.ts",
|
|
253
|
+
"export:meta": "npx tsx scripts/export-meta.ts",
|
|
254
|
+
"lint": "pnpm lint:js && pnpm lint:prettier",
|
|
255
|
+
"lint:js": "eslint 'src/**/*.{ts,vue}'",
|
|
256
|
+
"lint:js:fix": "eslint 'src/**/*.{ts,vue}' --fix",
|
|
257
|
+
"lint:prettier": "prettier --check 'src/**/*.{ts,vue}'",
|
|
258
|
+
"package": "npm pack",
|
|
259
|
+
"size": "size-limit",
|
|
260
|
+
"start": "pnpm export:icons && storybook dev -p 4400 --no-open",
|
|
261
|
+
"test": "vitest --run --passWithNoTests",
|
|
262
|
+
"test:watch": "vitest",
|
|
263
|
+
"test:ui": "vitest --ui --coverage",
|
|
264
|
+
"test:storybook": "test-storybook --url http://127.0.0.1:4400"
|
|
265
|
+
}
|
|
266
|
+
}
|