@codeandfunction/callaloo 5.20.1 → 5.21.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/components/Containers/CLDisclosure/CLDisclosure.js +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts +1 -0
- package/dist/components/Typography/CLHeading/CLHeading.css +1 -1
- package/dist/components/Typography/CLText/CLText.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLDisclosure.css';
|
|
3
|
-
import{defineComponent as e,ref as a,watch as d,computed as t,onBeforeUnmount as o,createElementBlock as n,openBlock as s,normalizeStyle as l,normalizeClass as i,unref as r,createVNode as u,createElementVNode as c,withKeys as p,withCtx as _,createBlock as g,createCommentVNode as f,renderSlot as m,createTextVNode as $,toDisplayString as y}from"vue";import{_ as v}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-CXyQNvMA.js";import{_ as h}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DP9O-gHu.js";import{_ as b}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-DqkY3kf7.js";import{_ as x}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-BLjU8vDW.js";import{c as B,C,a as S,e as k,f as z,l as I,d as L}from"../../../chunks/index-Djy51eo9.js";import{d as j}from"../../../chunks/utils-DWWh7hCm.js";import{useEsc as H}from"../../../composables/useEsc.js";import{useHasSlotContent as T}from"../../../composables/useHasSlotContent.js";import{useTheme as A}from"../../../composables/useTheme.js";const D=["data-testid"],E=["id","aria-labelledby","aria-hidden"],R=/* @__PURE__ */e({name:"CLDisclosure",__name:"CLDisclosure",props:{bordered:{type:Boolean,default:!0},borderRadius:{},color:{default:L.Neutral},compact:{type:Boolean,default:!1},contentSpacing:{type:Boolean,default:!0},disclosureId:{},expanded:{type:Boolean,default:!1},expandedIcon:{default:z.ChevronUp},heading:{},headingLevel:{},headingType:{default:I.Section},iconAfter:{default:z.ChevronDown},iconBefore:{},iconSize:{default:k.Medium},rounded:{type:Boolean,default:!0},subHeading:{},subHeadingType:{default:S.Body},testId:{default:"clll-disclosure"},triggerButtonSize:{default:C.Medium},variant:{default:B.Soft}},emits:["disclosure-toggle","update:expanded"],setup(e,{expose:B,emit:C}){const S=C,k="clll-disclosure",z=A(),I=e;let L=a();const R=a(I.expanded);d(()=>I.expanded,e=>{R.value=e});const M=T("trailing"),w=t(()=>[k,`${k}--${I.color}--${I.variant}`,`${k}--${I.triggerButtonSize}`,I.bordered?`${k}--bordered`:"",I.borderRadius?`${k}--${I.borderRadius}`:"",I.contentSpacing?`${k}--padded`:`${k}--nopadding`,I.compact?`${k}--compact`:"",R.value?`${k}--expanded`:`${k}--collapsed`,I.heading?`${k}--hasheading`:"",I.subHeading||M.value?`${k}--hassubheading`:"",I.rounded?`${k}--rounded`:`${k}--box`,`${k}--${I.triggerButtonSize}`]),K=t(()=>[`${k}__content`,`${k}__content--${I.triggerButtonSize}`]),N=e=>{R.value="boolean"==typeof e?e:!R.value,S("update:expanded",R.value),S("disclosure-toggle",R.value)},U=()=>{N()},{clearEventListeners:q}=H({escHandler:U,triggerElem:L});return o(()=>{q()}),B({close:()=>{N(!1)},expanded:R,open:()=>{N(!0)},toggle:N}),(a,d)=>(s(),n("div",{class:i(r(w)),style:l(r(j)({color:e.color,variant:e.variant,theme:r(z)})),"data-testid":e.testId},[u(r(v),{id:`${k}__button--${e.disclosureId}`,"aria-controls":`${k}--${e.disclosureId}`,"aria-expanded":r(R),color:e.color,enabled:!0,fluid:!0,rounded:e.rounded,role:"button",onClick:U,onKeyup:p(U,["enter"])},{default:_(()=>[c("div",{class:i(`${k}__trigger`)},[c("span",{class:i(`${k}__heading`)},[e.iconBefore?(s(),g(r(b),{key:0,name:e.iconBefore,size:e.iconSize},null,8,["name","size"])):f("",!0),c("span",{class:i(`${k}__heading-text`)},[e.heading?(s(),g(r(h),{key:0,class:i(`${k}__text-heading`),type:e.headingType,level:e.headingLevel,truncate:""},{default:_(()=>[$(y(e.heading),1)]),_:1},8,["class","type","level"])):f("",!0),e.subHeading?(s(),g(r(x),{key:1,class:i(`${k}__text-subheading`),type:e.subHeadingType,truncate:""},{default:_(()=>[$(y(e.subHeading),1)]),_:1},8,["class","type"])):f("",!0)],2),m(a.$slots,"trailing"),e.iconAfter?(s(),g(r(b),{key:1,name:r(R)?e.expandedIcon:e.iconAfter,size:e.iconSize},null,8,["name","size"])):f("",!0)],2)],2)]),_:3},8,["id","aria-controls","aria-expanded","color","rounded"]),c("div",{id:`${k}--${e.disclosureId}`,"aria-labelledby":`${k}__button--${e.disclosureId}`,"aria-hidden":!r(R),class:i(r(K))},[m(a.$slots,"default")],10,E)],14,D))}});export{R as CLDisclosure,R as default};
|
|
3
|
+
import{defineComponent as e,ref as a,watch as d,computed as t,onBeforeUnmount as o,createElementBlock as n,openBlock as s,normalizeStyle as l,normalizeClass as i,unref as r,createVNode as u,createElementVNode as c,withKeys as p,withCtx as _,createBlock as g,createCommentVNode as f,renderSlot as m,createTextVNode as $,toDisplayString as y}from"vue";import{_ as v}from"../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-CXyQNvMA.js";import{_ as h}from"../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DP9O-gHu.js";import{_ as b}from"../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-DqkY3kf7.js";import{_ as x}from"../../../chunks/CLText.vue_vue_type_style_index_0_lang-BLjU8vDW.js";import{c as B,C,a as S,e as k,f as z,l as I,d as L}from"../../../chunks/index-Djy51eo9.js";import{d as j}from"../../../chunks/utils-DWWh7hCm.js";import{useEsc as H}from"../../../composables/useEsc.js";import{useHasSlotContent as T}from"../../../composables/useHasSlotContent.js";import{useTheme as A}from"../../../composables/useTheme.js";const D=["data-testid"],E=["id","aria-labelledby","aria-hidden"],R=/* @__PURE__ */e({name:"CLDisclosure",__name:"CLDisclosure",props:{bordered:{type:Boolean,default:!0},borderRadius:{},color:{default:L.Neutral},compact:{type:Boolean,default:!1},contentSpacing:{type:Boolean,default:!0},disclosureId:{},expanded:{type:Boolean,default:!1},expandedIcon:{default:z.ChevronUp},heading:{},headingLevel:{},headingType:{default:I.Section},iconAfter:{default:z.ChevronDown},iconBefore:{},iconSize:{default:k.Medium},rounded:{type:Boolean,default:!0},subHeading:{},subHeadingType:{default:S.Body},testId:{default:"clll-disclosure"},triggerButtonSize:{default:C.Medium},variant:{default:B.Soft}},emits:["disclosure-toggle","update:expanded"],setup(e,{expose:B,emit:C}){const S=C,k="clll-disclosure",z=A(),I=e;let L=a();const R=a(I.expanded);d(()=>I.expanded,e=>{R.value=e});const M=T("trailing"),w=t(()=>[k,`${k}--${I.color}--${I.variant}`,`${k}--${I.triggerButtonSize}`,I.bordered?`${k}--bordered`:"",I.borderRadius?`${k}--${I.borderRadius}`:"",I.contentSpacing?`${k}--padded`:`${k}--nopadding`,I.compact?`${k}--compact`:"",R.value?`${k}--expanded`:`${k}--collapsed`,I.heading?`${k}--hasheading`:"",I.subHeading||M.value?`${k}--hassubheading`:"",I.rounded?`${k}--rounded`:`${k}--box`,`${k}--${I.triggerButtonSize}`]),K=t(()=>[`${k}__content`,`${k}__content--${I.triggerButtonSize}`]),N=e=>{R.value="boolean"==typeof e?e:!R.value,S("update:expanded",R.value),S("disclosure-toggle",R.value)},U=()=>{N()},{clearEventListeners:q}=H({escHandler:U,triggerElem:L});return o(()=>{q()}),B({close:()=>{N(!1)},expanded:R,open:()=>{N(!0)},toggle:N}),(a,d)=>(s(),n("div",{class:i(r(w)),style:l(r(j)({color:e.color,variant:e.variant,theme:r(z)})),"data-testid":e.testId},[u(r(v),{id:`${k}__button--${e.disclosureId}`,"aria-controls":`${k}--${e.disclosureId}`,"aria-expanded":r(R),color:e.color,enabled:!0,fluid:!0,rounded:e.rounded,role:"button",onClick:U,onKeyup:p(U,["enter"])},{default:_(()=>[c("div",{class:i(`${k}__trigger`)},[c("span",{class:i(`${k}__heading`)},[e.iconBefore?(s(),g(r(b),{key:0,name:e.iconBefore,size:e.iconSize},null,8,["name","size"])):f("",!0),m(a.$slots,"leading"),c("span",{class:i(`${k}__heading-text`)},[e.heading?(s(),g(r(h),{key:0,class:i(`${k}__text-heading`),type:e.headingType,level:e.headingLevel,truncate:""},{default:_(()=>[$(y(e.heading),1)]),_:1},8,["class","type","level"])):f("",!0),e.subHeading?(s(),g(r(x),{key:1,class:i(`${k}__text-subheading`),type:e.subHeadingType,truncate:""},{default:_(()=>[$(y(e.subHeading),1)]),_:1},8,["class","type"])):f("",!0)],2),m(a.$slots,"trailing"),e.iconAfter?(s(),g(r(b),{key:1,name:r(R)?e.expandedIcon:e.iconAfter,size:e.iconSize},null,8,["name","size"])):f("",!0)],2)],2)]),_:3},8,["id","aria-controls","aria-expanded","color","rounded"]),c("div",{id:`${k}--${e.disclosureId}`,"aria-labelledby":`${k}__button--${e.disclosureId}`,"aria-hidden":!r(R),class:i(r(K))},[m(a.$slots,"default")],10,E)],14,D))}});export{R as CLDisclosure,R as default};
|
|
@@ -68,6 +68,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
|
|
|
68
68
|
subHeadingType: CLTextTypes;
|
|
69
69
|
triggerButtonSize: CLSizes;
|
|
70
70
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
71
|
+
leading?(_: {}): any;
|
|
71
72
|
trailing?(_: {}): any;
|
|
72
73
|
default?(_: {}): any;
|
|
73
74
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-heading{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-
|
|
1
|
+
.clll-heading{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-line}.clll-heading.clll-heading--pagetitle{font-weight:700;font-size:var(--clll-unit-12);line-height:var(--clll-unit-14_5)}.clll-heading.clll-heading--title{font-weight:700;font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-heading.clll-heading--section{font-weight:700;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--subsection{font-weight:700;font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-heading.clll-heading--small{font-weight:700;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-heading.clll-heading--medium{font-weight:700;font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-heading.clll-heading--large{font-weight:700;font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-heading.clll-heading--xlarge{font-weight:700;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--xxlarge{font-weight:700;font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5)}.clll-heading.clll-heading--xxxlarge{font-weight:700;font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5)}.clll-heading.clll-heading--xxxxlarge{font-weight:700;font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-heading.clll-heading--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-heading.clll-heading--bolder{font-weight:900}.clll-heading.clll-heading--left{text-align:left}.clll-heading.clll-heading--center{text-align:center}.clll-heading.clll-heading--right{text-align:right}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-
|
|
1
|
+
.clll-text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-line;font-weight:400}.clll-text.clll-text--body{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-text.clll-text--summary{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--tiny{font-size:var(--clll-unit-2_5);line-height:var(--clll-unit-3_5)}.clll-text.clll-text--small{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-text.clll-text--medium{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-text.clll-text--xlarge{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-text.clll-text--xxlarge{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5)}.clll-text.clll-text--xxxlarge{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5)}.clll-text.clll-text--xxxxlarge{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-text.clll-text--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-text.clll-text--bold{font-weight:700}.clll-text.clll-text--bolder{font-weight:900}.clll-text.clll-text--light{font-weight:300}.clll-text.clll-text--mediumbold{font-weight:500}.clll-text.clll-text--left{text-align:left}.clll-text.clll-text--center{text-align:center}.clll-text.clll-text--right{text-align:right}
|