@codeandfunction/callaloo 4.5.1 → 4.6.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.
Files changed (10) hide show
  1. package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-BpDQWv8W.js → CLCard.vue_vue_type_style_index_0_lang-CfB_Fpy5.js} +1 -1
  2. package/dist/chunks/{utils-Ca0eSzWQ.js → utils-Dp9v2LTO.js} +21 -19
  3. package/dist/components/Containers/CLCard/CLCard.js +1 -1
  4. package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -1
  5. package/dist/components/Containers/CLDisclosure/CLDisclosure.js +51 -49
  6. package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts +1 -0
  7. package/dist/components/Containers/CLDrawer/CLDrawer.js +1 -1
  8. package/dist/components/Containers/utils.d.ts +2 -0
  9. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1 -1
  10. package/package.json +1 -1
package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-BpDQWv8W.js → CLCard.vue_vue_type_style_index_0_lang-CfB_Fpy5.js} RENAMED
@@ -5,7 +5,7 @@ import { _ as q } from "./CLLink.vue_vue_type_style_index_0_lang-CZZm1duI.js";
5
5
  import { _ as g } from "./CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
6
6
  import { _ as D } from "./CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
7
7
  import { CLColorVariants as R, CLCardTypes as G, CLHeadingTypes as j, CLHeadingLevels as J, CLLinkTarget as P, CLOverflow as Q, CLLoading as U, CLColors as X, CLAlign as Y, CLOrder as A, CLTextTypes as Z } from "../index.js";
8
- import { c as p } from "./utils-Ca0eSzWQ.js";
8
+ import { c as p } from "./utils-Dp9v2LTO.js";
9
9
  import { useHasSlotContent as _ } from "../composables/useHasSlotContent.js";
10
10
  const ee = ["data-testid", "tabindex"], ae = ["alt", "loading", "src"], te = {
11
11
  key: 0,
package/dist/chunks/{utils-Ca0eSzWQ.js → utils-Dp9v2LTO.js} RENAMED
@@ -1,11 +1,11 @@
1
1
  import { CLMode as l, CLColorVariants as n, CLColors as i } from "../index.js";
2
2
  import { g as d } from "./utils-DtSQZ0tk.js";
3
3
  import { useTheme as u } from "../composables/useTheme.js";
4
- const b = ({ color: t, variant: o }) => {
5
- const { colors: e, darkMode: a } = u(), s = a.value ? l.Dark : l.Light, c = o === n.Ghost, r = d({
6
- color: t,
7
- colors: e.value,
8
- mode: s,
4
+ const b = ({ color: e, variant: o }) => {
5
+ const { colors: t, darkMode: s } = u(), a = s.value ? l.Dark : l.Light, c = o === n.Ghost, r = d({
6
+ color: e,
7
+ colors: t.value,
8
+ mode: a,
9
9
  variant: o
10
10
  });
11
11
  return {
@@ -17,33 +17,35 @@ const b = ({ color: t, variant: o }) => {
17
17
  "--clll-card-focus-shadow": r?.shadow ?? "transparent",
18
18
  "--clll-card-theme-radius": "var(--clll-default-radius)"
19
19
  };
20
- }, g = ({ color: t, variant: o }) => {
21
- const { colors: e, darkMode: a } = u(), s = a.value ? l.Dark : l.Light, c = o === n.Ghost, r = d({
22
- color: t,
23
- colors: e.value,
24
- mode: s,
20
+ }, m = ({ color: e, variant: o }) => {
21
+ const { colors: t, darkMode: s } = u(), a = s.value ? l.Dark : l.Light, c = o === n.Ghost, r = d({
22
+ color: e,
23
+ colors: t.value,
24
+ mode: a,
25
25
  variant: o
26
26
  });
27
27
  return {
28
28
  "--clll-disclosure-border-color": c ? "transparent" : r?.focus ?? "transparent",
29
29
  "--clll-disclosure-text-color": r?.text ?? "inherit",
30
30
  "--clll-disclosure-content-border": c ? "transparent" : r?.focus ?? "transparent",
31
+ "--clll-disclosure-trigger-bg-color": r?.bg ?? "transparent",
32
+ "--clll-disclosure-trigger-hover-bg-color": r?.hover ?? "transparent",
31
33
  "--clll-disclosure-theme-radius": "var(--clll-default-radius)"
32
34
  };
33
- }, f = () => {
34
- const { colors: t, darkMode: o } = u(), e = o.value ? l.Dark : l.Light, a = d({
35
+ }, v = () => {
36
+ const { colors: e, darkMode: o } = u(), t = o.value ? l.Dark : l.Light, s = d({
35
37
  color: i.Neutral,
36
- colors: t.value,
37
- mode: e,
38
+ colors: e.value,
39
+ mode: t,
38
40
  variant: n.Solid
39
- }), s = o.value ? "black" : "white";
41
+ }), a = o.value ? "black" : "white";
40
42
  return {
41
- "--clll-drawer-overlay-bg": a?.bg ?? "transparent",
42
- "--clll-drawer-content-bg": s
43
+ "--clll-drawer-overlay-bg": s?.bg ?? "transparent",
44
+ "--clll-drawer-content-bg": a
43
45
  };
44
46
  };
45
47
  export {
46
- f as a,
48
+ v as a,
47
49
  b as c,
48
- g as d
50
+ m as d
49
51
  };
package/dist/components/Containers/CLCard/CLCard.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLCard.css';
3
- import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-BpDQWv8W.js";
3
+ import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CfB_Fpy5.js";
4
4
  export {
5
5
  r as CLCard,
6
6
  r as default
package/dist/components/Containers/CLDisclosure/CLDisclosure.css CHANGED
@@ -1 +1 @@
1
- .clll-disclosure{border-color:var(--clll-disclosure-border-color, transparent);border-style:solid;border-width:1px}.clll-disclosure .clll-disclosure__trigger .clll-button{display:block;border:0}.clll-disclosure .clll-disclosure__heading .clll-heading,.clll-disclosure .clll-disclosure__heading .clll-text{color:var(--clll-disclosure-text-color, inherit)}.clll-disclosure .clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:var(--clll-disclosure-content-border, transparent)}.clll-disclosure.clll-disclosure--tiny .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-disclosure.clll-disclosure--small .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--medium .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-disclosure.clll-disclosure--large .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--xlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--xxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5)}.clll-disclosure.clll-disclosure--xxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--xxxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-6)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--tiny{padding:var(--clll-py-sm) var(--clll-unit-2)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--small{padding:var(--clll-py-md) var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--medium{padding:var(--clll-py-lg) var(--clll-unit-3)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--large{padding:var(--clll-py-xl) var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-py-2xl) var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxlarge{padding:var(--clll-py-3xl) var(--clll-unit-5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxxlarge{padding:var(--clll-py-4xl) var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-py-5xl) var(--clll-unit-6)}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-button.clll-button--rounded{border-bottom-left-radius:0;border-bottom-right-radius:0}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content{display:block}.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content{display:none}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none .clll-{border-radius:0}.clll-disclosure:not([class*=clll-disclosure--rounded-]){border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure:not([class*=clll-disclosure--rounded-]) .clll-disclosure__trigger .clll-button.clll-button--rounded{border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger{padding:0}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger .clll-button,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--tiny,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--small,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--medium,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--large,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxxlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-unit-1) 0}.clll-disclosure:not(.clll-disclosure--bordered){border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__trigger .clll-button{border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__content{border:0}.clll-disclosure .clll-disclosure__heading{display:flex;flex-direction:row;align-items:center}.clll-disclosure .clll-disclosure__heading .clll-heading{flex:1}.clll-disclosure:not(.clll-disclosure--hasheading) .clll-disclosure__text-subheading{flex:1 1 0%}
1
+ .clll-disclosure{border-color:var(--clll-disclosure-border-color, transparent);border-style:solid;border-width:1px;overflow:hidden}.clll-disclosure .clll-disclosure__trigger{background-color:var(--clll-disclosure-trigger-bg-color, transparent);overflow:hidden;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-disclosure .clll-disclosure__trigger:hover{background-color:var(--clll-disclosure-trigger-hover-bg-color, transparent)}.clll-disclosure .clll-disclosure__trigger .clll-button{display:block;border:0}.clll-disclosure .clll-disclosure__heading .clll-heading,.clll-disclosure .clll-disclosure__heading .clll-text{color:var(--clll-disclosure-text-color, inherit)}.clll-disclosure .clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:var(--clll-disclosure-content-border, transparent)}.clll-disclosure.clll-disclosure--tiny .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-disclosure.clll-disclosure--small .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--medium .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-disclosure.clll-disclosure--large .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--xlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--xxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5)}.clll-disclosure.clll-disclosure--xxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--xxxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-6)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--tiny{padding:var(--clll-py-sm) var(--clll-unit-2)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--small{padding:var(--clll-py-md) var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--medium{padding:var(--clll-py-lg) var(--clll-unit-3)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--large{padding:var(--clll-py-xl) var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-py-2xl) var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxlarge{padding:var(--clll-py-3xl) var(--clll-unit-5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxxlarge{padding:var(--clll-py-4xl) var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-py-5xl) var(--clll-unit-6)}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-button.clll-button--rounded{border-bottom-left-radius:0;border-bottom-right-radius:0}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content{display:block}.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content{display:none}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none .clll-{border-radius:0}.clll-disclosure:not([class*=clll-disclosure--rounded-]){border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure:not([class*=clll-disclosure--rounded-]) .clll-disclosure__trigger .clll-button.clll-button--rounded{border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger{padding:0}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger .clll-button,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--tiny,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--small,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--medium,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--large,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxxlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-unit-1) 0}.clll-disclosure:not(.clll-disclosure--bordered){border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__trigger .clll-button{border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__content{border:0}.clll-disclosure .clll-disclosure__heading{display:flex;flex-direction:row;align-items:center}.clll-disclosure .clll-disclosure__heading .clll-heading{flex:1}.clll-disclosure:not(.clll-disclosure--hasheading) .clll-disclosure__text-subheading{flex:1 1 0%}
package/dist/components/Containers/CLDisclosure/CLDisclosure.js CHANGED
@@ -1,42 +1,43 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLDisclosure.css';
3
- import { defineComponent as S, ref as g, computed as $, onBeforeUnmount as L, createElementBlock as I, openBlock as i, normalizeStyle as T, normalizeClass as o, unref as d, createElementVNode as c, createVNode as H, withCtx as u, createBlock as l, createCommentVNode as s, createTextVNode as y, toDisplayString as b, renderSlot as k } from "vue";
4
- import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
5
- import { _ as N } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
6
- import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.js";
7
- import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
8
- import { CLColorVariants as D, CLSizes as R, CLTextTypes as V, CLIconSizes as p, CLIconNames as v, CLHeadingTypes as A, CLColors as M, CLButtonTypes as U } from "../../../index.js";
9
- import { d as F } from "../../../chunks/utils-Ca0eSzWQ.js";
10
- import { useEsc as j } from "../../../composables/useEsc.js";
11
- const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /* @__PURE__ */ S({
3
+ import { defineComponent as H, ref as g, computed as $, onBeforeUnmount as I, createElementBlock as T, openBlock as r, normalizeStyle as k, normalizeClass as o, unref as n, createElementVNode as c, createVNode as E, withCtx as u, createBlock as l, createCommentVNode as s, renderSlot as b, createTextVNode as h, toDisplayString as y } from "vue";
4
+ import { _ as N } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
5
+ import { _ as w } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
6
+ import { _ as v } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.js";
7
+ import { _ as D } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
8
+ import { CLColorVariants as R, CLSizes as V, CLTextTypes as p, CLIconSizes as A, CLIconNames as C, CLHeadingTypes as M, CLColors as U, CLButtonTypes as F } from "../../../index.js";
9
+ import { d as j } from "../../../chunks/utils-Dp9v2LTO.js";
10
+ import { useEsc as q } from "../../../composables/useEsc.js";
11
+ import { useHasSlotContent as G } from "../../../composables/useHasSlotContent.js";
12
+ const J = ["data-testid"], K = ["id", "aria-labelledby", "aria-hidden"], te = /* @__PURE__ */ H({
12
13
  name: "CLDisclosure",
13
14
  __name: "CLDisclosure",
14
15
  props: {
15
16
  bordered: { type: Boolean, default: !0 },
16
17
  borderRadius: {},
17
- color: { default: M.Neutral },
18
+ color: { default: U.Neutral },
18
19
  compact: { type: Boolean, default: !1 },
19
20
  contentSpacing: { type: Boolean, default: !0 },
20
21
  disclosureId: {},
21
22
  expanded: { type: Boolean, default: !1 },
22
- expandedIcon: { default: v.ChevronUp },
23
+ expandedIcon: { default: C.ChevronUp },
23
24
  heading: {},
24
25
  headingLevel: {},
25
- headingType: { default: A.Section },
26
- iconAfter: { default: v.ChevronDown },
26
+ headingType: { default: M.Section },
27
+ iconAfter: { default: C.ChevronDown },
27
28
  iconBefore: {},
28
- iconSize: { default: p.Medium },
29
+ iconSize: { default: A.Medium },
29
30
  rounded: { type: Boolean, default: !0 },
30
31
  subHeading: {},
31
- subHeadingType: { default: V.Body },
32
+ subHeadingType: { default: p.Body },
32
33
  testId: { default: "clll-disclosure" },
33
- triggerButtonSize: { default: R.Medium },
34
- variant: { default: D.Soft }
34
+ triggerButtonSize: { default: V.Medium },
35
+ variant: { default: R.Soft }
35
36
  },
36
37
  setup(e) {
37
38
  const a = "clll-disclosure", t = e;
38
39
  let f = g();
39
- const n = g(t.expanded), C = $(() => [
40
+ const d = g(t.expanded), B = G("subheading"), S = $(() => [
40
41
  a,
41
42
  `${a}--${t.color}--${t.variant}`,
42
43
  `${a}--${t.triggerButtonSize}`,
@@ -44,38 +45,38 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
44
45
  t.borderRadius ? `${a}--${t.borderRadius}` : "",
45
46
  t.contentSpacing ? `${a}--padded` : `${a}--nopadding`,
46
47
  t.compact ? `${a}--compact` : "",
47
- n.value ? `${a}--expanded` : `${a}--collapsed`,
48
+ d.value ? `${a}--expanded` : `${a}--collapsed`,
48
49
  t.heading ? `${a}--hasheading` : "",
49
- t.subHeading ? `${a}--hassubheading` : "",
50
+ t.subHeading || B.value ? `${a}--hassubheading` : "",
50
51
  t.rounded ? `${a}--rounded` : `${a}--box`
51
- ]), B = $(() => [
52
+ ]), z = $(() => [
52
53
  `${a}__content`,
53
54
  `${a}__content--${t.triggerButtonSize}`
54
- ]), z = (r) => {
55
- r && (f.value = r);
55
+ ]), x = (i) => {
56
+ i && (f.value = i);
56
57
  }, m = () => {
57
- n.value ? n.value = !1 : n.value = !0;
58
- }, { clearEventListeners: x } = j({ escHandler: m, triggerElem: f });
59
- return L(() => {
60
- x();
61
- }), (r, J) => (i(), I("div", {
62
- class: o(d(C)),
63
- style: T(d(F)({ color: e.color, variant: e.variant })),
58
+ d.value ? d.value = !1 : d.value = !0;
59
+ }, { clearEventListeners: L } = q({ escHandler: m, triggerElem: f });
60
+ return I(() => {
61
+ L();
62
+ }), (i, O) => (r(), T("div", {
63
+ class: o(n(S)),
64
+ style: k(n(j)({ color: e.color, variant: e.variant })),
64
65
  "data-testid": e.testId
65
66
  }, [
66
67
  c("div", {
67
68
  class: o(`${a}__trigger`)
68
69
  }, [
69
- H(d(E), {
70
+ E(n(N), {
70
71
  id: `${a}__button--${e.disclosureId}`,
71
72
  "aria-controls": `${a}--${e.disclosureId}`,
72
- "aria-expanded": d(n),
73
+ "aria-expanded": n(d),
73
74
  "border-radius": e.borderRadius,
74
75
  color: e.color,
75
- "forward-ref": z,
76
+ "forward-ref": x,
76
77
  "on-click": m,
77
78
  size: e.triggerButtonSize,
78
- type: d(U).Button,
79
+ type: n(F).Button,
79
80
  rounded: e.rounded,
80
81
  width: "100%",
81
82
  variant: e.variant
@@ -84,55 +85,56 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
84
85
  c("span", {
85
86
  class: o(`${a}__heading`)
86
87
  }, [
87
- e.iconBefore ? (i(), l(d(h), {
88
+ e.iconBefore ? (r(), l(n(v), {
88
89
  key: 0,
89
90
  name: e.iconBefore,
90
91
  size: e.iconSize
91
92
  }, null, 8, ["name", "size"])) : s("", !0),
92
- e.heading ? (i(), l(d(N), {
93
+ e.heading ? (r(), l(n(w), {
93
94
  key: 1,
94
95
  class: o(`${a}__text-heading`),
95
96
  type: e.headingType,
96
97
  level: e.headingLevel
97
98
  }, {
98
99
  default: u(() => [
99
- y(b(e.heading), 1)
100
+ h(y(e.heading), 1)
100
101
  ]),
101
102
  _: 1
102
103
  }, 8, ["class", "type", "level"])) : s("", !0),
103
- e.subHeading ? (i(), l(d(w), {
104
+ e.subHeading ? (r(), l(n(D), {
104
105
  key: 2,
105
106
  class: o(`${a}__text-subheading`),
106
107
  type: e.subHeadingType,
107
108
  truncate: ""
108
109
  }, {
109
110
  default: u(() => [
110
- y(b(e.subHeading), 1)
111
+ h(y(e.subHeading), 1)
111
112
  ]),
112
113
  _: 1
113
114
  }, 8, ["class", "type"])) : s("", !0),
114
- e.iconAfter ? (i(), l(d(h), {
115
+ b(i.$slots, "subheading"),
116
+ e.iconAfter ? (r(), l(n(v), {
115
117
  key: 3,
116
- name: d(n) ? e.expandedIcon : e.iconAfter,
118
+ name: n(d) ? e.expandedIcon : e.iconAfter,
117
119
  size: e.iconSize
118
120
  }, null, 8, ["name", "size"])) : s("", !0)
119
121
  ], 2)
120
122
  ]),
121
- _: 1
123
+ _: 3
122
124
  }, 8, ["id", "aria-controls", "aria-expanded", "border-radius", "color", "size", "type", "rounded", "variant"])
123
125
  ], 2),
124
126
  c("div", {
125
127
  id: `${a}--${e.disclosureId}`,
126
128
  "aria-labelledby": `${a}__button--${e.disclosureId}`,
127
- "aria-hidden": !d(n),
128
- class: o(d(B))
129
+ "aria-hidden": !n(d),
130
+ class: o(n(z))
129
131
  }, [
130
- k(r.$slots, "default")
131
- ], 10, G)
132
- ], 14, q));
132
+ b(i.$slots, "default")
133
+ ], 10, K)
134
+ ], 14, J));
133
135
  }
134
136
  });
135
137
  export {
136
- _ as CLDisclosure,
137
- _ as default
138
+ te as CLDisclosure,
139
+ te as default
138
140
  };
package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts CHANGED
@@ -57,6 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
57
57
  subHeadingType: CLTextTypes;
58
58
  triggerButtonSize: CLSizes;
59
59
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
60
+ subheading?(_: {}): any;
60
61
  default?(_: {}): any;
61
62
  }>;
62
63
  export default _default;
package/dist/components/Containers/CLDrawer/CLDrawer.js CHANGED
@@ -2,7 +2,7 @@ import '../../../assets/core.css';
2
2
  import './CLDrawer.css';
3
3
  import { defineComponent as q, useTemplateRef as G, ref as w, computed as i, watch as J, onMounted as K, onBeforeUnmount as Q, createElementBlock as $, createCommentVNode as E, unref as u, openBlock as M, normalizeStyle as h, normalizeClass as C, createElementVNode as X, renderSlot as Y } from "vue";
4
4
  import { CLDrawerPosition as v } from "../../../index.js";
5
- import { a as ee } from "../../../chunks/utils-Ca0eSzWQ.js";
5
+ import { a as ee } from "../../../chunks/utils-Dp9v2LTO.js";
6
6
  import { useEsc as te } from "../../../composables/useEsc.js";
7
7
  import { SizeDimension as O, useElementSize as ne, SizeMode as k } from "../../../composables/useElementSize.js";
8
8
  import { c as P, i as s, g as V, a as S } from "../../../chunks/helper-qUkciePY.js";
package/dist/components/Containers/utils.d.ts CHANGED
@@ -16,6 +16,8 @@ export declare const disclosureTheme: ({ color, variant }: ThemeProps) => {
16
16
  '--clll-disclosure-border-color': string;
17
17
  '--clll-disclosure-text-color': string;
18
18
  '--clll-disclosure-content-border': string;
19
+ '--clll-disclosure-trigger-bg-color': string;
20
+ '--clll-disclosure-trigger-hover-bg-color': string;
19
21
  '--clll-disclosure-theme-radius': string;
20
22
  };
21
23
  export declare const drawerTheme: () => {
package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js CHANGED
@@ -2,7 +2,7 @@ import '../../../assets/core.css';
2
2
  import './CLDropdownMenu.css';
3
3
  import { computed as V, ref as E, shallowRef as Qt, watch as ut, getCurrentScope as te, onScopeDispose as ee, shallowReadonly as _, unref as A, defineComponent as ne, onBeforeUnmount as oe, createElementBlock as St, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as ie, withCtx as Et, createTextVNode as re, toDisplayString as le, normalizeStyle as se, renderSlot as ce } from "vue";
4
4
  import { _ as ae } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
5
- import { _ as fe } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-BpDQWv8W.js";
5
+ import { _ as fe } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CfB_Fpy5.js";
6
6
  import { c as ue, i as mt } from "../../../chunks/helper-qUkciePY.js";
7
7
  import { useDropdown as de } from "../../../composables/useDropdown.js";
8
8
  import { useEsc as me } from "../../../composables/useEsc.js";
package/package.json CHANGED
@@ -17,7 +17,7 @@
17
17
  "ui components",
18
18
  "vuejs"
19
19
  ],
20
- "version": "4.5.1",
20
+ "version": "4.6.0",
21
21
  "license": "MIT",
22
22
  "type": "module",
23
23
  "scripts": {