@codeandfunction/callaloo 5.9.0 → 5.11.0

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "5.9.0",
+  "version": "5.11.0",
   "license": "MIT",
   "type": "module",
   "unpkg": "dist/callaloo.global.js",
@@ -82,6 +82,10 @@
       "types": "./dist/components/Form/CLInputDatePicker/CLInputDatePicker.vue.d.ts",
       "import": "./dist/components/Form/CLInputDatePicker/CLInputDatePicker.js"
     },
+    "./CLInputTimePicker": {
+      "types": "./dist/components/Form/CLInputTimePicker/CLInputTimePicker.vue.d.ts",
+      "import": "./dist/components/Form/CLInputTimePicker/CLInputTimePicker.js"
+    },
     "./CLRadioButton": {
       "types": "./dist/components/Form/CLRadioButton/CLRadioButton.vue.d.ts",
       "import": "./dist/components/Form/CLRadioButton/CLRadioButton.js"
@@ -94,6 +98,10 @@
       "types": "./dist/components/Form/CLTextArea/CLTextArea.vue.d.ts",
       "import": "./dist/components/Form/CLTextArea/CLTextArea.js"
     },
+    "./CLTimePicker": {
+      "types": "./dist/components/Form/CLTimePicker/CLTimePicker.vue.d.ts",
+      "import": "./dist/components/Form/CLTimePicker/CLTimePicker.js"
+    },
     "./CLBadge": {
       "types": "./dist/components/Indicators/CLBadge/CLBadge.vue.d.ts",
       "import": "./dist/components/Indicators/CLBadge/CLBadge.js"
@@ -126,6 +134,10 @@
       "types": "./dist/components/Modals/CLModalDatePicker/CLModalDatePicker.vue.d.ts",
       "import": "./dist/components/Modals/CLModalDatePicker/CLModalDatePicker.js"
     },
+    "./CLModalTimePicker": {
+      "types": "./dist/components/Modals/CLModalTimePicker/CLModalTimePicker.vue.d.ts",
+      "import": "./dist/components/Modals/CLModalTimePicker/CLModalTimePicker.js"
+    },
     "./CLLink": {
       "types": "./dist/components/Navigation/CLLink/CLLink.vue.d.ts",
       "import": "./dist/components/Navigation/CLLink/CLLink.js"
@@ -263,6 +275,9 @@
     "test": "vitest --run --passWithNoTests",
     "test:watch": "vitest",
     "test:ui": "vitest --ui --coverage",
-    "test:storybook": "test-storybook --url http://127.0.0.1:4400"
+    "test:storybook": "test-storybook --url http://127.0.0.1:4400",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.lib.json",
+    "typecheck:storybook": "vue-tsc --noEmit -p tsconfig.storybook.json",
+    "typecheck:all": "pnpm typecheck && pnpm typecheck:storybook"
   }
 }

package/dist/chunks/CLCalendar.vue_vue_type_style_index_0_lang-bEkt9DYK.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 k}from"vue";import{_ as x}from"./CLButton.vue_vue_type_style_index_0_lang-CjZJuMsj.js";import{_ as z}from"./CLText.vue_vue_type_style_index_0_lang-CkTc30tw.js";import{c as D,C,e as w,f as S,h as L,a as $,d as j,i as M}from"./index-C_yUYGq9.js";import{c as T}from"./utils-B8oj25O0.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=>({v531731c4: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,isDraftStart:ae,isInDraftRange:le,onDayClick:te,weekDays:ie}=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(x),{"aria-label":"Previous month","border-radius":p(L).Full,"icon-before":p(S).ChevronLeft,"icon-size":p(w).Tiny,"on-click":p(Y),size:p(C).Tiny,variant:p(D).Ghost,height:"32px",width:"32px",wrap:""},null,8,["border-radius","icon-before","icon-size","on-click","size","variant"]),v(p(z),{type:p($).Medium,medium:""},{default:m(()=>[y(_(p(K)),1)]),_:1},8,["type"]),v(p(x),{"aria-label":"Next month","border-radius":p(L).Full,"icon-before":p(S).ChevronRight,"icon-size":p(w).Tiny,"on-click":p(X),size:p(C).Tiny,variant:p(D).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(ie),e=>(n(),o("div",{key:e,class:c(`${N}__weekday`)},[v(p(z),{align:p(M).Center,color:p(j).Neutral,type:p($).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.day&&a.date?(n(),g(p(x),{key:0,"aria-label":p(W)(a.date),"border-radius":p(L).Full,color:p(ae)(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||(te(e),F("date-select",e))})(a.date,e),variant:p(ae)(a.date)||p(ee)(a.date)?p(D).Solid:p(le)(a.date)?p(D).Soft:p(D).Ghost,wrap:""},{default:m(()=>[y(_(a.day),1)]),_:2},1032,["aria-label","border-radius","color","disabled","size","on-click","variant"])):k("",!0)],2))),128))],2)],14,R))}});export{E as _};

package/dist/chunks/utils-B8oj25O0.js

@@ -1 +0,0 @@
-import{b as l,c as e,g as r}from"./index-C_yUYGq9.js";import{useTheme as t}from"../composables/useTheme.js";const a=({color:a,variant:c,theme:o})=>{const{colors:s,darkMode:i}=o??t(),d=i.value?l.Dark:l.Light,u=c===e.Ghost,b=r({color:a,colors:s.value,mode:d,variant:e.Solid}),p=r({color:a,colors:s.value,mode:d,variant:e.Outline}),h=i.value?"black":"white",v=p?.border,k=p?.disabled,x=i.value?"black":b?.textDisabled,g=p?.focus,f=p?.focus,m=p?.text,w=p?.textDisabled;return{"--clll-checkbox-bg":u?"transparent":h??"white","--clll-checkbox-border":u?"transparent":v??"transparent","--clll-checkbox-disabled-border":k??"transparent","--clll-checkbox-disabled-bg":x??"transparent","--clll-checkbox-checked-bg":h??"white","--clll-checkbox-focus-border":g??"transparent","--clll-checkbox-focus-shadow":f??"transparent","--clll-checkbox-icon-color":m??"inherit","--clll-checkbox-disabled-icon-color":w??"transparent","--clll-checkbox-indicator-color":m??"inherit","--clll-checkbox-disabled-indicator-color":w??"transparent","--clll-checkbox-theme-radius":"var(--clll-default-radius)","--clll-checkbox-outline-width":u?"0px":"2px","--clll-checkbox-required-asterisk-color":n(o??t())??"red"}},c=({color:a,variant:c,theme:o})=>{const{colors:s,darkMode:i}=o??t(),d=i.value?l.Dark:l.Light,u=c===e.Ghost,b=r({color:a,colors:s.value,mode:d,variant:e.Solid}),p=r({color:a,colors:s.value,mode:d,variant:e.Outline}),h=i.value?"black":"white",v=i.value?"black":b?.textDisabled,k=p?.border,x=p?.disabled,g=i.value?"black":b?.textDisabled,f=p?.focus,m=p?.focus,w=p?.text,D=p?.focus;return{"--clll-input-bg":u?"transparent":h??"white","--clll-input-border":u?"transparent":k??"transparent","--clll-input-disabled-border":x??"transparent","--clll-input-disabled-bg":g??"transparent","--clll-input-readonly-border":x??"transparent","--clll-input-readonly-bg":g??"transparent","--clll-input-focus-border":f??"transparent","--clll-input-focus-shadow":m??"transparent","--clll-input-text":w??"inherit","--clll-input-text-placeholder":D??"transparent","--clll-input-grouped-bg":v??"transparent","--clll-input-prefix-suffix-color":D??"transparent","--clll-input-theme-radius":"var(--clll-default-radius)","--clll-input-ghost-padding":u?"0":void 0,"--clll-input-required-asterisk-color":n(o??t())??"red"}},o=({color:a,theme:c})=>{const{colors:o,darkMode:s}=c??t(),n=s.value?l.Dark:l.Light,i=r({color:a,colors:o.value,mode:n,variant:e.Outline});return{"--clll-input-message-color":i?.textBody??"inherit"}},s=({color:a,variant:c,theme:o})=>{const{colors:s,darkMode:i}=o??t(),d=i.value?l.Dark:l.Light,u=c===e.Ghost,b=r({color:a,colors:s.value,mode:d,variant:e.Solid}),p=r({color:a,colors:s.value,mode:d,variant:e.Outline}),h=i.value?"black":"white",v=p?.border,k=p?.disabled,x=i.value?"black":b?.textDisabled,g=p?.focus,f=p?.focus,m=p?.text,w=p?.focus;return{"--clll-select-bg":u?"transparent":h??"white","--clll-select-border":u?"transparent":v??"transparent","--clll-select-disabled-border":k??"transparent","--clll-select-disabled-bg":x??"transparent","--clll-select-focus-border":g??"transparent","--clll-select-focus-shadow":f??"transparent","--clll-select-text":m??"inherit","--clll-select-text-placeholder":w??"transparent","--clll-select-icon-color":m??"inherit","--clll-select-disabled-icon-color":w??"transparent","--clll-select-theme-radius":"var(--clll-default-radius)","--clll-select-ghost-padding":u?"0":void 0,"--clll-select-required-asterisk-color":n(o??t())??"red"}},n=l=>{const{colors:e,darkMode:r}=l??t();return r.value?e.value.danger?.[400]:e.value.danger?.[700]},i=l=>{const{darkMode:e}=l??t();return{"--clll-calendar-content-bg":e.value?"black":"white"}};export{a,o as b,i as c,c as i,s};