@codeandfunction/callaloo 3.16.4 → 3.16.6

package/dist/components/Indicators/CLBanner/CLBanner.js

@@ -1,24 +1,24 @@
 import '../../../assets/core.css';
 import './CLBanner.css';
-import { defineComponent as v, useCssVars as h, computed as x, createBlock as l, openBlock as n, unref as a, withCtx as s, createElementVNode as m, normalizeClass as r, createElementBlock as b, createCommentVNode as o, createTextVNode as f, toDisplayString as c, createVNode as $ } from "vue";
-import { _ as B } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-C9OzrJ6Y.js";
-import { _ as C } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang--MP4S4D4.js";
-import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-BO5OiCE-.js";
-import { _ as k } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-C82FyxKt.js";
-import { _ as z } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
-import { CLColorVariants as d, CLColors as D, CLAlign as T, CLHeadingTypes as N, CLTextTypes as V, CLSizes as w, CLIconSizes as A, CLIconNames as I } from "../../../index.js";
-import { c as R } from "../../../chunks/utils-_aITYXfA.js";
-const E = ["data-testid"], O = /* @__PURE__ */ v({
+import { defineComponent as L, computed as h, createBlock as l, openBlock as n, unref as a, withCtx as c, createElementVNode as u, normalizeStyle as v, normalizeClass as d, createElementBlock as m, createCommentVNode as o, createTextVNode as b, toDisplayString as s, createVNode as y } from "vue";
+import { _ as x } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Drw6jsX_.js";
+import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
+import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
+import { _ as C } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang--LtiFHSO.js";
+import { _ as B } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
+import { CLColorVariants as r, CLColors as z, CLAlign as D, CLHeadingTypes as T, CLTextTypes as N, CLSizes as w, CLIconSizes as V, CLIconNames as A } from "../../../index.js";
+import { c as I } from "../../../chunks/utils-Sqgt8Fa4.js";
+const R = ["data-testid"], O = /* @__PURE__ */ L({
   name: "CLBanner",
   __name: "CLBanner",
   props: {
     actionLabel: {},
-    align: { default: T.Left },
+    align: { default: D.Left },
     ariaLabel: {},
     bordered: { type: Boolean, default: !0 },
     borderRadius: {},
     busy: { type: Boolean, default: !1 },
-    color: { default: D.Neutral },
+    color: { default: z.Neutral },
     height: { default: "auto" },
     message: {},
     onAction: {},
@@ -28,46 +28,43 @@ const E = ["data-testid"], O = /* @__PURE__ */ v({
     testId: { default: "clll-banner" },
     title: {},
     width: { default: "100%" },
-    variant: { default: d.Soft }
+    variant: { default: r.Soft }
   },
   setup(e) {
-    h((u) => ({
-      v42ada450: u.width,
-      v46a4d956: u.height
-    }));
-    const i = e, t = "clll-banner", g = x(() => [
+    const i = e, t = "clll-banner", k = h(() => [
       t,
       i.actionLabel ? `${t}--actionable` : "",
       i.busy ? `${t}--busy` : `${t}--ready`,
-      i.bordered && i.variant !== d.Ghost ? `${t}--bordered` : "",
+      i.bordered && i.variant !== r.Ghost ? `${t}--bordered` : "",
       i.borderRadius ? `${t}--${i.borderRadius}` : "",
       i.onDismiss ? `${t}--dismissable` : "",
       `${t}--${i.color}--${i.variant}`,
       `${t}--align-${i.align}`,
       i.rounded ? `${t}--rounded` : `${t}--box`
     ]);
-    return (u, y) => (n(), l(a(B), {
+    return (E, f) => (n(), l(a(x), {
       color: e.color,
       enabled: !!(e.onClick && e.ariaLabel),
       rounded: e.rounded
     }, {
-      default: s(() => [
-        m("div", {
-          class: r([a(g), a(R)({ color: e.color, variant: e.variant })]),
-          "data-testid": e.testId
+      default: c(() => [
+        u("div", {
+          class: d(a(k)),
+          "data-testid": e.testId,
+          style: v({ ...a(I)({ color: e.color, variant: e.variant }), width: e.width, height: e.height })
         }, [
-          m("div", {
-            class: r(`${t}__content`)
+          u("div", {
+            class: d(`${t}__content`)
           }, [
-            m("div", {
-              class: r(`${t}__nested_content`)
+            u("div", {
+              class: d(`${t}__nested_content`)
             }, [
-              e.busy ? (n(), l(a(k), {
+              e.busy ? (n(), l(a(C), {
                 key: 0,
                 height: "28px",
                 "test-id": `${t}__skeleton-title`
               }, null, 8, ["test-id"])) : o("", !0),
-              e.busy ? (n(), l(a(k), {
+              e.busy ? (n(), l(a(C), {
                 key: 1,
                 width: "70%",
                 height: "20px",
@@ -77,66 +74,66 @@ const E = ["data-testid"], O = /* @__PURE__ */ v({
                 key: 2,
                 align: e.align,
                 color: e.color,
-                type: a(N).Section
+                type: a(T).Section
               }, {
-                default: s(() => [
-                  f(c(e.title), 1)
+                default: c(() => [
+                  b(s(e.title), 1)
                 ]),
                 _: 1
               }, 8, ["align", "color", "type"])) : o("", !0),
-              e.message && !e.busy ? (n(), l(a(z), {
+              e.message && !e.busy ? (n(), l(a(B), {
                 key: 3,
                 align: e.align,
                 color: e.color,
-                type: a(V).Summary
+                type: a(N).Summary
               }, {
-                default: s(() => [
-                  f(c(e.message), 1)
+                default: c(() => [
+                  b(s(e.message), 1)
                 ]),
                 _: 1
               }, 8, ["align", "color", "type"])) : o("", !0)
             ], 2),
-            e.onAction && e.actionLabel ? (n(), b("div", {
+            e.onAction && e.actionLabel ? (n(), m("div", {
               key: 0,
-              class: r(`${t}__action-button`)
+              class: d(`${t}__action-button`)
             }, [
-              $(a(C), {
+              y(a($), {
                 color: e.color,
                 "border-radius": e.borderRadius,
                 "on-click": e.onAction,
                 "test-id": `${t}__action-button`,
-                variant: e.variant === a(d).Solid ? a(d).Soft : a(d).Solid
+                variant: e.variant === a(r).Solid ? a(r).Soft : a(r).Solid
               }, {
-                default: s(() => [
-                  f(c(e.actionLabel), 1)
+                default: c(() => [
+                  b(s(e.actionLabel), 1)
                 ]),
                 _: 1
               }, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
             ], 2)) : o("", !0)
           ], 2),
-          e.onDismiss ? (n(), b("div", {
+          e.onDismiss ? (n(), m("div", {
             key: 0,
-            class: r(`${t}__dismiss-button`)
+            class: d(`${t}__dismiss-button`)
           }, [
-            $(a(C), {
+            y(a($), {
               "aria-label": "Dismiss banner",
               color: e.color,
-              "icon-before": a(I).Delete,
-              "icon-size": a(A).Tiny,
+              "icon-before": a(A).Delete,
+              "icon-size": a(V).Tiny,
               "on-click": e.onDismiss,
               size: a(w).Tiny,
               "test-id": `${t}__dismiss-button`,
               variant: e.variant
             }, null, 8, ["color", "icon-before", "icon-size", "on-click", "size", "test-id", "variant"])
           ], 2)) : o("", !0),
-          e.onClick && e.ariaLabel ? (n(), b("button", {
+          e.onClick && e.ariaLabel ? (n(), m("button", {
             key: 1,
             class: "sr-only",
             "data-expand-click-area": "",
-            onClick: y[0] || (y[0] = //@ts-ignore
-            (...L) => e.onClick && e.onClick(...L))
-          }, c(e.ariaLabel), 1)) : o("", !0)
-        ], 10, E)
+            onClick: f[0] || (f[0] = //@ts-ignore
+            (...g) => e.onClick && e.onClick(...g))
+          }, s(e.ariaLabel), 1)) : o("", !0)
+        ], 14, R)
       ]),
       _: 1
     }, 8, ["color", "enabled", "rounded"]));

package/dist/components/Indicators/CLPill/CLPill.css

@@ -1 +1 @@
-.clll-pill.clll-pill--rounded{position:relative;overflow:hidden;border-radius:var(--clll-rounded-xs);flex:none;display:inline-flex;align-items:center;box-sizing:border-box}.clll-pill:not(.clll-pill--rounded){position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box}.clll-pill.clll-pill--has-count>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-pill .clll-pill__count,.clll-pill .clll-pill__label{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);display:block;font-weight:400;padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-pill.clll-pill--has-count .clll-pill__label{padding-right:var(--clll-px-s-sm)}.clll-pill.clll-pill--has-icon,.clll-pill.clll-pill--has-icon .clll-pill__label{padding-left:var(--clll-px-xs)}.clll-pill.clll-pill--clickable{transition-property:all;transition-duration:.3s;transition-timing-function:ease}.clll-pill.clll-pill--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}
+.clll-pill{width:fit-content;background-color:var(--clll-pill-bg-color, transparent);border-color:var(--clll-pill-border-color, transparent);border-style:var(--clll-pill-border-style, none);border-width:var(--clll-pill-border-width, 0)}.clll-pill.clll-pill--rounded{position:relative;overflow:hidden;border-radius:var(--clll-rounded-xs);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:var(--clll-pill-theme-radius, var(--clll-rounded-xs))}.clll-pill:not(.clll-pill--rounded){position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box}.clll-pill.clll-pill--has-count>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-pill .clll-pill__count{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);display:block;font-weight:400;padding:var(--clll-py-xs) var(--clll-px-sm);color:var(--clll-pill-text-color, inherit);background-color:var(--clll-pill-count-bg, transparent);border-left-style:var(--clll-pill-count-border-style, none);border-left-color:var(--clll-pill-count-border-color, transparent);border-left-width:var(--clll-pill-count-border-width, 0)}.clll-pill .clll-pill__label{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);display:block;font-weight:400;padding:var(--clll-py-xs) var(--clll-px-sm);color:var(--clll-pill-text-color, inherit);background-color:var(--clll-pill-bg-color, transparent)}.clll-pill .clll-icon{color:var(--clll-pill-text-color, inherit);background-color:var(--clll-pill-bg-color, transparent)}.clll-pill.clll-pill--has-count .clll-pill__label{padding-right:var(--clll-px-s-sm)}.clll-pill.clll-pill--has-icon,.clll-pill.clll-pill--has-icon .clll-pill__label{padding-left:var(--clll-px-xs)}.clll-pill.clll-pill--clickable{transition-property:all;transition-duration:.3s;transition-timing-function:ease}.clll-pill.clll-pill--clickable:hover{background-color:var(--clll-pill-hover-bg, transparent)}.clll-pill.clll-pill--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}

package/dist/components/Indicators/CLPill/CLPill.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLPill.css';
-import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-UKMQXfI-.js";
+import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-B1MuCUnW.js";
 export {
   s as CLPill,
   s as default

package/dist/components/Indicators/CLProgress/CLProgress.css

@@ -1 +1 @@
-.clll-progress .clll-progress__bar-container{border-radius:var(--clll-rounded-md);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:block;width:100%;position:relative;overflow:hidden;background-color:#d3d3d3}.clll-progress .clll-progress__bar-container .clll-progress__bar{position:absolute;bottom:0;left:0;width:100%;height:100%;transform-origin:left;transform:translate(calc((100 - var(--v70fa21a0)) * -1%))}.clll-progress.clll-progress--not-rounded .clll-progress__bar-container{border-radius:0}.clll-progress .clll-progress__status__container{display:flex;justify-content:flex-start}.clll-progress .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-end;width:calc(var(--v70fa21a0) * 1%)}.clll-progress.clll-progress--inverted .clll-progress__bar{transform-origin:right;transform:translate(calc((100 - var(--v70fa21a0)) * 1%))}.clll-progress.clll-progress--inverted .clll-progress__status__container{display:flex;justify-content:flex-end}.clll-progress.clll-progress--inverted .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-start;width:calc(var(--v70fa21a0) * 1%)}.clll-progress.clll-progress--tiny .clll-progress__bar-container{height:var(--clll-unit-0_5)}.clll-progress.clll-progress--small .clll-progress__bar-container{height:var(--clll-unit-1)}.clll-progress.clll-progress--medium .clll-progress__bar-container{height:var(--clll-unit-2)}.clll-progress.clll-progress--large .clll-progress__bar-container{height:var(--clll-unit-3)}.clll-progress.clll-progress--xlarge .clll-progress__bar-container{height:var(--clll-unit-4)}
+.clll-progress .clll-progress__bar-container{border-radius:var(--clll-rounded-md);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:block;width:100%;position:relative;overflow:hidden;background-color:var(--clll-progress-container-bg, lightgray)}.clll-progress .clll-progress__bar-container .clll-progress__bar{position:absolute;bottom:0;left:0;width:100%;height:100%;transform-origin:left;transform:translate(calc((100 - var(--clll-progress-value)) * -1%));background-color:var(--clll-progress-bar-bg, transparent)}.clll-progress.clll-progress--not-rounded .clll-progress__bar-container{border-radius:0}.clll-progress .clll-progress__status__container{display:flex;justify-content:flex-start}.clll-progress .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-end;width:calc(var(--clll-progress-value) * 1%)}.clll-progress.clll-progress--inverted .clll-progress__bar{transform-origin:right;transform:translate(calc((100 - var(--clll-progress-value)) * 1%))}.clll-progress.clll-progress--inverted .clll-progress__status__container{display:flex;justify-content:flex-end}.clll-progress.clll-progress--inverted .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-start;width:calc(var(--clll-progress-value) * 1%)}.clll-progress.clll-progress--tiny .clll-progress__bar-container{height:var(--clll-unit-0_5)}.clll-progress.clll-progress--small .clll-progress__bar-container{height:var(--clll-unit-1)}.clll-progress.clll-progress--medium .clll-progress__bar-container{height:var(--clll-unit-2)}.clll-progress.clll-progress--large .clll-progress__bar-container{height:var(--clll-unit-3)}.clll-progress.clll-progress--xlarge .clll-progress__bar-container{height:var(--clll-unit-4)}

package/dist/components/Indicators/CLProgress/CLProgress.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLProgress.css';
-import { _ as a } from "../../../chunks/CLProgress.vue_vue_type_style_index_0_lang-BMozy0NJ.js";
+import { _ as a } from "../../../chunks/CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.js";
 export {
   a as CLProgress,
   a as default

package/dist/components/Indicators/utils.d.ts

@@ -3,8 +3,35 @@ interface ThemeProps {
     color: CLColors;
     variant: CLColorVariants;
 }
-export declare const badgeTheme: ({ color, variant }: ThemeProps) => string;
-export declare const bannerTheme: ({ color, variant }: ThemeProps) => string;
-export declare const pillTheme: ({ color, variant }: ThemeProps) => string;
-export declare const progressTheme: ({ color }: Omit<ThemeProps, "variant">) => string;
+export declare const badgeTheme: ({ color, variant }: ThemeProps) => {
+    '--clll-badge-bg-color': string;
+    '--clll-badge-border-color': string;
+    '--clll-badge-border-style': string;
+    '--clll-badge-border-width': string;
+    '--clll-badge-text-color': string;
+    '--clll-badge-theme-radius': string | undefined;
+};
+export declare const bannerTheme: ({ color, variant }: ThemeProps) => {
+    '--clll-banner-bg-color': string;
+    '--clll-banner-border-color': string;
+    '--clll-banner-text-color': string;
+    '--clll-banner-theme-radius': string | undefined;
+};
+export declare const pillTheme: ({ color, variant }: ThemeProps) => {
+    '--clll-pill-bg-color': string;
+    '--clll-pill-border-color': string;
+    '--clll-pill-border-style': string;
+    '--clll-pill-border-width': string;
+    '--clll-pill-text-color': string;
+    '--clll-pill-hover-bg': string;
+    '--clll-pill-count-bg': string;
+    '--clll-pill-count-border-style': string;
+    '--clll-pill-count-border-color': string;
+    '--clll-pill-count-border-width': string;
+    '--clll-pill-theme-radius': string | undefined;
+};
+export declare const progressTheme: ({ color }: Omit<ThemeProps, "variant">) => {
+    '--clll-progress-container-bg': string;
+    '--clll-progress-bar-bg': string;
+};
 export {};

package/dist/components/Loading/CLSkeleton/CLSkeleton.css

@@ -1 +1 @@
-.clll-skeleton{position:relative;overflow:hidden;width:var(--v168f558d);height:var(--bce73b80)}.clll-skeleton.clll-skeleton--rounded{border-radius:var(--clll-rounded-xs)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-full,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-lg,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-md,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-sm,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xs,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xl,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-2xl,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-3xl,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-none,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-none .clll-{border-radius:0}.clll-skeleton .clll-skeleton__animation{position:absolute;top:0;left:0;width:14rem;height:100%;background-image:linear-gradient(to right,#fff0,#ffffff80,#fff0);animation:animate infinite 2s ease-in-out}@keyframes animate{0%{left:-14rem}to{left:100%}}
+.clll-skeleton{position:relative;overflow:hidden;background-color:var(--clll-skeleton-bg-color, rgba(0, 0, 0, .075))}.clll-skeleton.clll-skeleton--rounded{border-radius:var(--clll-rounded-xs)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-full,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-lg,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-md,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-sm,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xs,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xl,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-2xl,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-3xl,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-none,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-none .clll-{border-radius:0}.clll-skeleton.clll-skeleton--rounded:not([class*=clll-skeleton--rounded-]){border-radius:var(--clll-skeleton-theme-radius, var(--clll-rounded-xs))}.clll-skeleton .clll-skeleton__animation{position:absolute;top:0;left:0;width:14rem;height:100%;background-image:linear-gradient(to right,#fff0,#ffffff80,#fff0);animation:animate infinite 2s ease-in-out}@keyframes animate{0%{left:-14rem}to{left:100%}}

package/dist/components/Loading/CLSkeleton/CLSkeleton.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLSkeleton.css';
-import { _ as e } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-C82FyxKt.js";
+import { _ as e } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang--LtiFHSO.js";
 export {
   e as CLSkeleton,
   e as default

package/dist/components/Loading/CLSpinner/CLSpinner.css

@@ -1 +1 @@
-.clll-spinner{display:flex}.clll-spinner.clll-spinner--absolute{position:absolute;top:0;left:0;width:100%;height:100%}.clll-spinner.clll-spinner--relative{position:relative}.clll-spinner.clll-spinner--left{align-items:center;justify-content:flex-start}.clll-spinner.clll-spinner--center{align-items:center;justify-content:center}.clll-spinner.clll-spinner--right{align-items:center;justify-content:flex-end}.clll-spinner .clll-spinner__circle{animation:spin 1s linear infinite}.clll-spinner .clll-spinner__circle.clll-spinner__circle--tiny{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--small{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--medium{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--large{width:var(--clll-unit-8);height:var(--clll-unit-8)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--xlarge{width:var(--clll-unit-10);height:var(--clll-unit-10)}@keyframes spin{to{transform:rotate(360deg)}}
+.clll-spinner{display:flex;color:var(--clll-spinner-color, inherit)}.clll-spinner.clll-spinner--absolute{position:absolute;top:0;left:0;width:100%;height:100%}.clll-spinner.clll-spinner--relative{position:relative}.clll-spinner.clll-spinner--left{align-items:center;justify-content:flex-start}.clll-spinner.clll-spinner--center{align-items:center;justify-content:center}.clll-spinner.clll-spinner--right{align-items:center;justify-content:flex-end}.clll-spinner .clll-spinner__circle{animation:spin 1s linear infinite}.clll-spinner .clll-spinner__circle.clll-spinner__circle--tiny{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--small{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--medium{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--large{width:var(--clll-unit-8);height:var(--clll-unit-8)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--xlarge{width:var(--clll-unit-10);height:var(--clll-unit-10)}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/components/Loading/CLSpinner/CLSpinner.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLSpinner.css';
-import { _ as r } from "../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-DyT8L74M.js";
+import { _ as r } from "../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-BQ1w9Ik9.js";
 export {
   r as CLSpinner,
   r as default

package/dist/components/Loading/utils.d.ts

@@ -2,6 +2,11 @@ import { CLColors } from '../../index.ts';
 interface ThemeProps {
     color: CLColors;
 }
-export declare const skeletonTheme: () => string;
-export declare const spinnerTheme: ({ color }: ThemeProps) => string;
+export declare const skeletonTheme: () => {
+    '--clll-skeleton-bg-color': string;
+    '--clll-skeleton-theme-radius': string | undefined;
+};
+export declare const spinnerTheme: ({ color }: ThemeProps) => {
+    '--clll-spinner-color': string;
+};
 export {};

package/dist/components/Modals/CLModal/CLModal.css

@@ -1 +1 @@
-.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh;z-index:var(--v1b3cde5d)}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md);z-index:var(--v9756aaa0)}.clll-modal .clll-modal__window .clll-modal__close-button{position:absolute;top:var(--clll-unit-2);right:var(--clll-unit-2);z-index:1}.clll-modal .clll-modal__window .clll-modal__content{border-radius:0;display:flex;flex-direction:column;height:auto;position:relative;margin:var(--clll-unit-6) auto;box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none .clll-{border-radius:0}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--v7a09ccea)}}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title{align-items:start;display:flex;width:100%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title .clll-modal__content__header__container{flex:1 1 0%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{display:flex;flex:1;flex-direction:column;overflow-y:auto}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{overflow-y:hidden}}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body{flex:1}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title{flex:1}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title .clll-modal__content__header .clll-modal__content__title{justify-content:flex-end;padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-body .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__header,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-footer .clll-modal__content__footer{display:none;padding:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-12) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen{padding:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{height:100%;margin:0;max-width:100%}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{border-radius:0}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__close-button{top:var(--clll-unit-2);right:var(--clll-unit-2)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title .clll-modal__close-button,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__close-button{right:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{flex:1}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{overflow-y:auto;max-height:100%}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-14) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-8)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__overlay{position:fixed;inset:0;opacity:.4}
+.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md)}.clll-modal .clll-modal__window .clll-modal__close-button{position:absolute;top:var(--clll-unit-2);right:var(--clll-unit-2);z-index:1}.clll-modal .clll-modal__window .clll-modal__content{border-radius:0;display:flex;flex-direction:column;height:auto;position:relative;margin:var(--clll-unit-6) auto;background:var(--clll-modal-content-bg, white);box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none .clll-{border-radius:0}.clll-modal .clll-modal__window .clll-modal__content:not([class*=clll-modal__content--rounded-]){border-radius:var(--clll-modal-theme-radius, 0)}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--clll-modal-max-width)}}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title{align-items:start;display:flex;width:100%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title .clll-modal__content__header__container{flex:1 1 0%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{display:flex;flex:1;flex-direction:column;overflow-y:auto}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{overflow-y:hidden}}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body{flex:1}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title{flex:1}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title .clll-modal__content__header .clll-modal__content__title{justify-content:flex-end;padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-body .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__header,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-footer .clll-modal__content__footer{display:none;padding:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-12) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen{padding:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{height:100%;margin:0;max-width:100%}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{border-radius:0}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__close-button{top:var(--clll-unit-2);right:var(--clll-unit-2)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title .clll-modal__close-button,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__close-button{right:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{flex:1}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{overflow-y:auto;max-height:100%}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-14) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-8)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__overlay{position:fixed;inset:0;opacity:.4;background-color:var(--clll-modal-overlay-bg, transparent)}