npm - @codeandfunction/callaloo - Versions diffs - 3.15.3 → 3.16.0 - Mend

@codeandfunction/callaloo 3.15.3 → 3.16.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 (136) hide show

package/dist/components/Buttons/CLButton/CLButton.js ADDED Viewed

@@ -0,0 +1,6 @@
+import './CLButton.css';
+import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CqgySW52.js";
+export {
+  t as CLButton,
+  t as default
+};

package/dist/components/Buttons/CLButton/CLButton.vue.d.ts CHANGED Viewed

@@ -65,26 +65,26 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     form: string;
     variant: CLColorVariants;
     borderRadius: CLBorderRadius;
-    elevated: boolean;
+    rounded: boolean;
     testId: string;
     type: CLButtonTypes;
     onClick: (event?: Event) => void;
-    ariaLabel: string;
-    busy: boolean;
-    rounded: boolean;
+    target: CLLinkTarget;
+    size: CLSizes;
+    href: string;
     active: boolean;
     alignContent: CLAlign;
+    ariaLabel: string;
     as: CLButtonTags;
+    busy: boolean;
     disabled: boolean;
+    elevated: boolean;
     forwardRef: CLButtonForwardRefFunction;
-    href: string;
     iconAfter: CLIconNames;
     iconBefore: CLIconNames;
     iconAfterSize: CLIconSizes;
     iconSize: CLIconSizes;
     pill: boolean;
-    size: CLSizes;
-    target: CLLinkTarget;
     wrap: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     buttonRef: unknown;

package/dist/components/CLIcon/CLIcon.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/components/CLIcon/CLIcon.js ADDED Viewed

@@ -0,0 +1,6 @@
+import './CLIcon.css';
+import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-zZ4zGuBt.js";
+export {
+  o as CLIcon,
+  o as default
+};

package/dist/components/{Assets/CLIcon → CLIcon}/CLIcon.vue.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import { CLColors, CLIconNames, CLIconSizes } from '../../../index.ts';
+import { CLColors, CLIconNames, CLIconSizes } from '../../index.ts';
 export interface CLIconProps {
     /** Sets the color of the icon. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
     color?: CLColors;

package/dist/components/CLTable/CLTable.css ADDED Viewed

@@ -0,0 +1 @@

+ .clll-table-container.clll-table--rounded{overflow:hidden;border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-full,.clll-table-container.clll-table--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-table-container.clll-table--rounded-lg,.clll-table-container.clll-table--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-table-container.clll-table--rounded-md,.clll-table-container.clll-table--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-table-container.clll-table--rounded-sm,.clll-table-container.clll-table--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-xs,.clll-table-container.clll-table--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-table-container.clll-table--rounded-xl,.clll-table-container.clll-table--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-table-container.clll-table--rounded-2xl,.clll-table-container.clll-table--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-table-container.clll-table--rounded-3xl,.clll-table-container.clll-table--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-table-container.clll-table--rounded-none,.clll-table-container.clll-table--rounded-none .clll-{border-radius:0}.clll-table-container .clll-table{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-collapse:collapse;border-spacing:0;vertical-align:baseline;position:relative;table-layout:auto;width:100%}.clll-table-container .clll-table .clll-table__row{height:var(--v65ae7e5c)}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child{border-bottom:0}.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell{padding:var(--clll-unit-3) var(--clll-unit-4)}.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell{padding:var(--clll-unit-2_5)}.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell{padding:var(--clll-unit-2)}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table__cell{text-align:left;max-width:0}.clll-table__cell>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-table__cell.clll-table__cell--number,.clll-table__cell.clll-table__cell--hasactions{text-align:right}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions{display:flex;align-items:center;justify-content:flex-end}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-table__cell.clll-table__cell--clickable{cursor:pointer}.clll-table__footer .clll-table__row .clll-table__cell{font-weight:700}:root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}:root{--clll-rounded-full: 9999px;--clll-rounded-none: 0;--clll-rounded-xs: var(--clll-unit-1);--clll-rounded-sm: var(--clll-unit-2);--clll-rounded-md: var(--clll-unit-3);--clll-rounded-lg: var(--clll-unit-4);--clll-rounded-xl: var(--clll-unit-5);--clll-rounded-2xl: var(--clll-unit-6);--clll-rounded-3xl: var(--clll-unit-7);--clll-px-xs: var(--clll-unit-1_5);--clll-px-sm: var(--clll-unit-2);--clll-px-md: var(--clll-unit-2_5);--clll-px-lg: var(--clll-unit-3);--clll-px-xl: var(--clll-unit-3_5);--clll-px-2xl: var(--clll-unit-4);--clll-px-3xl: var(--clll-unit-4_5);--clll-px-s-xs: calc(var(--clll-px-xs) * .5);--clll-px-s-sm: calc(var(--clll-px-sm) * .5);--clll-py-xs: calc(var(--clll-unit-1) - 1px);--clll-py-sm: calc(var(--clll-unit-1_5) - 1px);--clll-py-md: calc(var(--clll-unit-2) - 1px);--clll-py-lg: var(--clll-unit-2);--clll-py-xl: var(--clll-unit-2_5);--clll-py-2xl: var(--clll-unit-3);--clll-py-3xl: var(--clll-unit-3_5);--clll-py-4xl: var(--clll-unit-4);--clll-py-s-xs: calc(var(--clll-py-xs) * .5);--clll-z-index-10: 10}.clll-table__row.clll-table__row--clickable{cursor:pointer}

package/dist/components/CLTable/CLTable.js ADDED Viewed

@@ -0,0 +1,197 @@
+import './CLTable.css';
+import { defineComponent as b, useCssVars as C, computed as u, createElementBlock as a, openBlock as d, normalizeClass as s, unref as n, createElementVNode as y, createCommentVNode as w, renderSlot as c, Fragment as g, renderList as k, normalizeStyle as v, createVNode as L, withCtx as x } from "vue";
+import { CLMode as p, CLColorVariants as T, CLColors as B, CLTableTypes as H, CLTextTypes as N } from "../../index.js";
+import { g as R, c as m, a as V } from "../../chunks/utils-Dz_31dEE.js";
+import { u as A } from "../../chunks/base-theme-B89pbWnC.js";
+import { _ as S } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-CTc6UiQV.js";
+const F = () => {
+  const { borderRadius: o, colors: l, darkMode: e } = A(), i = e.value ? p.Dark : p.Light, t = R({
+    color: B.Neutral,
+    colors: l.value,
+    mode: i,
+    variant: T.Outline
+  });
+  let r;
+  return o.value && (r = m`&:not([class*='clll-table--rounded-']){&.clll-table-container.clll-table--rounded{border-radius:var(--clll-${o.value})}}`), V(
+    m`&.clll-table--bordered{border-color:${t?.border};border-style:solid;border-width:1px;.clll-table{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}}.clll-table{&.clll-table--default,&.clll-table--condensed{.clll-table__header{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;&:hover{background-color:${t?.hover}}&:last-child{border-bottom:0}}}.clll-table__footer{.clll-table__row{border-top-color:${t?.border};border-top-style:solid;border-top-width:1px}}}&.clll-table--striped{.clll-table__body{.clll-table__row{&:nth-child(even){background-color:${t?.hover}}}}}&.clll-table--vertical-lines{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}.clll-table__cell{&.clll-table__cell--active{background-color:${t?.hover}}}}`,
+    r
+  );
+}, W = ["data-testid"], z = ["id"], D = { key: 0 }, E = /* @__PURE__ */ b({
+  name: "CLTable",
+  __name: "CLTable",
+  props: {
+    bordered: { type: Boolean },
+    borderRadius: {},
+    colWidths: {},
+    id: { default: "main" },
+    rounded: { type: Boolean, default: !0 },
+    rowHeight: { default: "auto" },
+    striped: { type: Boolean },
+    testId: { default: "clll-table" },
+    type: { default: H.Default },
+    withVerticalLines: { type: Boolean }
+  },
+  setup(o) {
+    C((r) => ({
+      v65ae7e5c: r.rowHeight
+    }));
+    const l = o, e = "clll-table", i = u(() => [
+      `${e}-container`,
+      l.bordered ? `${e}--bordered` : void 0,
+      l.borderRadius && l.bordered ? `${e}--${l.borderRadius}` : "",
+      l.rounded ? `${e}--rounded` : `${e}--box`
+    ]), t = u(() => [
+      e,
+      `${e}--${l.type}`,
+      l.striped ? `${e}--striped` : void 0,
+      l.withVerticalLines ? `${e}--vertical-lines` : void 0,
+      l.bordered ? `${e}--bordered` : void 0
+    ]);
+    return (r, h) => (d(), a("div", {
+      class: s([
+        n(i),
+        n(F)()
+      ]),
+      "data-testid": o.testId
+    }, [
+      y("table", {
+        id: `${e}-${o.id}`,
+        class: s(n(t))
+      }, [
+        o.colWidths?.length ? (d(), a("colgroup", D, [
+          (d(!0), a(g, null, k(o.colWidths, ($, f) => (d(), a("col", {
+            key: `table-${o.id}-col-${f}`,
+            style: v({ width: $ })
+          }, null, 4))), 128))
+        ])) : w("", !0),
+        c(r.$slots, "default")
+      ], 10, z)
+    ], 10, W));
+  }
+}), I = "clll-table__body", M = /* @__PURE__ */ b({
+  name: "CLTableBody",
+  __name: "CLTableBody",
+  setup(o) {
+    return (l, e) => (d(), a("tbody", {
+      class: s([I])
+    }, [
+      c(l.$slots, "default")
+    ], 2));
+  }
+}), O = ["colspan"], j = ["colspan"], q = /* @__PURE__ */ b({
+  name: "CLTableCell",
+  __name: "CLTableCell",
+  props: {
+    colSpan: { default: 1 },
+    isAction: { type: Boolean, default: !1 },
+    isActive: { type: Boolean, default: !1 },
+    isHeader: { type: Boolean, default: !1 },
+    isNumber: { type: Boolean, default: !1 },
+    onClick: {}
+  },
+  setup(o) {
+    const l = o, e = "clll-table__cell", i = u(() => [
+      e,
+      l.isHeader ? `${e}--header` : `${e}--default`,
+      l.isNumber ? `${e}--number` : "",
+      l.isAction ? `${e}--hasactions` : "",
+      l.isActive ? `${e}--active` : "",
+      l.onClick ? `${e}--clickable` : ""
+    ]), t = () => l?.onClick?.();
+    return (r, h) => o.isHeader ? (d(), a("th", {
+      key: 0,
+      class: s(n(i)),
+      colspan: o.colSpan,
+      onClick: t
+    }, [
+      o.isAction ? (d(), a("div", {
+        key: 1,
+        class: s(`${e}__actions`)
+      }, [
+        c(r.$slots, "default")
+      ], 2)) : c(r.$slots, "default", { key: 0 })
+    ], 10, O)) : (d(), a("td", {
+      key: 1,
+      class: s(n(i)),
+      colspan: o.colSpan,
+      onClick: t
+    }, [
+      o.isAction ? (d(), a("div", {
+        key: 1,
+        class: s(`${e}__actions`)
+      }, [
+        c(r.$slots, "default")
+      ], 2)) : c(r.$slots, "default", { key: 0 })
+    ], 10, j));
+  }
+}), G = "clll-table__footer", J = /* @__PURE__ */ b({
+  name: "CLTableFooter",
+  __name: "CLTableFooter",
+  setup(o) {
+    return (l, e) => (d(), a("tfoot", {
+      class: s([G])
+    }, [
+      c(l.$slots, "default")
+    ], 2));
+  }
+}), K = "clll-table__header", P = /* @__PURE__ */ b({
+  name: "CLTableHeader",
+  __name: "CLTableHeader",
+  setup(o) {
+    return (l, e) => (d(), a("thead", {
+      class: s([K])
+    }, [
+      c(l.$slots, "default")
+    ], 2));
+  }
+}), Q = /* @__PURE__ */ b({
+  name: "CLTableNestedCell",
+  __name: "CLTableNestedCell",
+  props: {
+    truncate: { type: Boolean }
+  },
+  setup(o) {
+    const l = "clll-table__nested-cell";
+    return (e, i) => (d(), a("div", {
+      class: s(l)
+    }, [
+      L(n(S), {
+        type: n(N).Small,
+        truncate: o.truncate
+      }, {
+        default: x(() => [
+          c(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["type", "truncate"])
+    ]));
+  }
+}), U = /* @__PURE__ */ b({
+  name: "CLTableRow",
+  __name: "CLTableRow",
+  props: {
+    onClick: { type: Function }
+  },
+  setup(o) {
+    const l = o, e = "clll-table__row", i = u(() => [
+      e,
+      l.onClick ? `${e}--clickable` : ""
+    ]), t = () => l?.onClick?.();
+    return (r, h) => (d(), a("tr", {
+      class: s(n(i)),
+      onClick: t
+    }, [
+      c(r.$slots, "default")
+    ], 2));
+  }
+}), _ = E;
+_.Body = M;
+_.Cell = q;
+_.Footer = J;
+_.Header = P;
+_.NestedCell = Q;
+_.Row = U;
+export {
+  _ as CLTable,
+  _ as default
+};

package/dist/components/{Table → CLTable}/index.d.ts RENAMED Viewed

@@ -15,7 +15,6 @@ declare const CLTable: typeof CLTableComponent & {
 };
 export { CLTable };
 export default CLTable;
-export { CLTableBodyComponent as CLTableBody, CLTableCellComponent as CLTableCell, CLTableFooterComponent as CLTableFooter, CLTableHeaderComponent as CLTableHeader, CLTableNestedCellComponent as CLTableNestedCell, CLTableRowComponent as CLTableRow };
 export type CLTable = InstanceType<typeof CLTableComponent & {
     Body: typeof CLTableBodyComponent;
     Cell: typeof CLTableCellComponent;
@@ -24,9 +23,3 @@ export type CLTable = InstanceType<typeof CLTableComponent & {
     NestedCell: typeof CLTableNestedCellComponent;
     Row: typeof CLTableRowComponent;
 }>;
-export type CLTableBody = InstanceType<typeof CLTableBodyComponent>;
-export type CLTableCell = InstanceType<typeof CLTableCellComponent>;
-export type CLTableFooter = InstanceType<typeof CLTableFooterComponent>;
-export type CLTableHeader = InstanceType<typeof CLTableHeaderComponent>;
-export type CLTableNestedCell = InstanceType<typeof CLTableNestedCellComponent>;
-export type CLTableRow = InstanceType<typeof CLTableRowComponent>;

package/dist/components/Containers/CLCard/CLCard.css ADDED Viewed

@@ -0,0 +1 @@

+ :root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}:root{--clll-rounded-full: 9999px;--clll-rounded-none: 0;--clll-rounded-xs: var(--clll-unit-1);--clll-rounded-sm: var(--clll-unit-2);--clll-rounded-md: var(--clll-unit-3);--clll-rounded-lg: var(--clll-unit-4);--clll-rounded-xl: var(--clll-unit-5);--clll-rounded-2xl: var(--clll-unit-6);--clll-rounded-3xl: var(--clll-unit-7);--clll-px-xs: var(--clll-unit-1_5);--clll-px-sm: var(--clll-unit-2);--clll-px-md: var(--clll-unit-2_5);--clll-px-lg: var(--clll-unit-3);--clll-px-xl: var(--clll-unit-3_5);--clll-px-2xl: var(--clll-unit-4);--clll-px-3xl: var(--clll-unit-4_5);--clll-px-s-xs: calc(var(--clll-px-xs) * .5);--clll-px-s-sm: calc(var(--clll-px-sm) * .5);--clll-py-xs: calc(var(--clll-unit-1) - 1px);--clll-py-sm: calc(var(--clll-unit-1_5) - 1px);--clll-py-md: calc(var(--clll-unit-2) - 1px);--clll-py-lg: var(--clll-unit-2);--clll-py-xl: var(--clll-unit-2_5);--clll-py-2xl: var(--clll-unit-3);--clll-py-3xl: var(--clll-unit-3_5);--clll-py-4xl: var(--clll-unit-4);--clll-py-s-xs: calc(var(--clll-py-xs) * .5);--clll-z-index-10: 10}.clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;width:var(--v788294c1);height:var(--v7e01098c);flex-direction:column;overflow:var(--v561da727)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{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-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;width:var(--v6ce6f310);height:var(--v1628751d);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--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-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

package/dist/components/Containers/CLCard/CLCard.js ADDED Viewed

@@ -0,0 +1,6 @@
+import './CLCard.css';
+import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-DSvubJfG.js";
+export {
+  r as CLCard,
+  r as default
+};

package/dist/components/Containers/CLCard/CLCard.vue.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLGenericFunction, CLHeadingLevels, CLHeadingTypes, CLLinkTarget, CLLoading, CLOrder, CLOverflow } from '../../../index.ts';
+import { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLGenericFunction, CLHeadingLevels, CLHeadingTypes, CLLinkTarget, CLLoading, CLOrder, CLOverflow } from '../../../types';
 export interface CLCardProps {
     /** When set to `true`, it elevates the card to indicate its active state */
     active?: boolean;
@@ -70,15 +70,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     width: string;
     height: string;
     variant: CLColorVariants;
-    elevated: boolean;
+    rounded: boolean;
     testId: string;
     type: CLCardTypes;
+    target: CLLinkTarget;
     align: CLAlign;
-    bordered: boolean;
-    busy: boolean;
-    rounded: boolean;
     active: boolean;
-    target: CLLinkTarget;
+    busy: boolean;
+    elevated: boolean;
+    bordered: boolean;
     compact: boolean;
     imageAltText: string;
     imageHeight: string;

package/dist/components/Containers/CLCarousel/CLCarousel.css ADDED Viewed

@@ -0,0 +1 @@