@rei/cedar 13.5.2 → 14.0.0-ts.0

package/dist/src/components/accordion/CdrAccordion.vue.mjs

@@ -1,167 +1,9 @@
-import { defineComponent as I, inject as b, useCssModule as w, ref as C, computed as n, watch as P, onMounted as J, resolveComponent as K, openBlock as p, createBlock as u, resolveDynamicComponent as m, normalizeClass as l, withCtx as f, mergeProps as L, toHandlers as Q, createElementVNode as g, renderSlot as $, createTextVNode as R, toDisplayString as W, createCommentVNode as X, normalizeStyle as Y } from "vue";
-import Z from "../icon/comps/caret-down.vue.mjs";
-import { modifyClassName as t } from "../../utils/buildClass.mjs";
-import _ from "../../utils/mapClasses.mjs";
-import x from "./styles/CdrAccordion.module.scss.mjs";
-import ee from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const ne = I({
-  name: "CdrAccordion",
-  components: {
-    IconCaretDown: Z
-  },
-  props: {
-    /**
-     * The unique id of an accordion.
-     * @demoIgnore true
-     */
-    id: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Toggle this value to open/close the accordion.
-     * @demoIgnore true
-     */
-    opened: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets a compact style.
-     */
-    compact: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets a border-aligned style.
-     */
-    borderAligned: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets the heading level
-     * @demoIgnore true
-     */
-    level: {
-      type: [String, Number],
-      required: !0
-    },
-    /**
-     * Toggles content spacing (padding)
-     */
-    contentSpacing: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Sets the readable text on CdrAccordion button (also can be slotted)
-     * @demoIgnore true
-     */
-    label: {
-      type: String
-    }
-  },
-  emits: {
-    /**
-    * Emits on accordion open/close
-    */
-    "accordion-toggle": null
-  },
-  setup(e, y) {
-    const c = b("unwrap", !1), v = b("grouped", !1) ? "li" : "div", h = w(), d = C(null), o = C(!1), i = C(e.opened ? "none" : "0px"), S = `h${e.level}`, U = "cdr-accordion__label", a = "cdr-accordion", B = "cdr-accordion__icon", A = "cdr-accordion__content-container", H = "cdr-accordion__content", s = n(() => c && c.isUnwrapped), k = n(() => s.value ? "div" : "button"), N = n(() => s.value ? "js-cdr-accordion-button" : [h["cdr-accordion__button"], "js-cdr-accordion-button"]), T = n(() => s.value ? "cdr-accordion__header--unwrapped" : "cdr-accordion__header"), z = n(() => e.compact ? t(a, "compact") : ""), M = n(() => e.borderAligned ? t(a, "border-aligned") : ""), O = n(() => o.value ? t(a, "focused") : null), j = n(() => s.value ? t(a, "unwrap") : null), D = n(() => e.contentSpacing ? null : t(a, "no-spacing")), E = n(() => e.opened || s.value ? "cdr-accordion--open" : "cdr-accordion--closed"), V = (r) => {
-      y.emit("accordion-toggle", r);
-    }, q = () => {
-      o.value = !0;
-    }, G = () => {
-      o.value = !1;
-    }, F = n(() => s.value ? {} : {
-      click: V,
-      focus: q,
-      blur: G
-    });
-    return P(() => e.opened, (r) => {
-      i.value = r ? "0px" : `${d.value.clientHeight}px`, setTimeout(() => {
-        i.value = r ? `${d.value.clientHeight}px` : "0px", setTimeout(() => {
-          i.value = r ? "none" : "0px";
-        }, 350);
-      }, 50);
-    }), J(() => {
-      e.opened && d.value && (i.value = "none");
-    }), {
-      style: w(),
-      headingTag: S,
-      headingClass: T,
-      headingContent: k,
-      headingContentStyle: N,
-      isGrouped: v,
-      unwrap: c,
-      accordionContentEl: d,
-      focused: o,
-      maxHeight: i,
-      baseClass: a,
-      labelClass: U,
-      compactClass: z,
-      borderAlignedClass: M,
-      focusedClass: O,
-      iconClass: B,
-      containerClass: A,
-      isOpenClass: E,
-      contentClass: H,
-      noSpacingClass: D,
-      listeners: F,
-      unwrapClass: j,
-      isUnwrapped: s,
-      mapClasses: _
-    };
-  }
-}), se = ["id"], oe = ["aria-hidden", "id"];
-function ae(e, y, c, v, h, d) {
-  const o = K("icon-caret-down");
-  return p(), u(m(e.isGrouped), {
-    class: l(e.isUnwrapped ? null : e.mapClasses(e.style, e.baseClass, e.compactClass, e.borderAlignedClass, e.focusedClass, e.noSpacingClass)),
-    id: `${e.id}-accordion`
-  }, {
-    default: f(() => [(p(), u(m(e.headingTag), {
-      class: l(e.style[e.headingClass])
-    }, {
-      default: f(() => [(p(), u(m(e.headingContent), L({
-        class: e.headingContentStyle,
-        id: e.id
-      }, Q(e.listeners), {
-        "aria-expanded": e.isUnwrapped ? null : `${e.opened}`,
-        "aria-pressed": e.isUnwrapped ? null : `${e.opened}`,
-        "aria-controls": e.isUnwrapped ? null : `${e.id}-collapsible`
-      }), {
-        default: f(() => [g("span", {
-          class: l(e.style[e.labelClass]),
-          id: `${e.id}-label`
-        }, [$(e.$slots, "label", {}, () => [R(W(e.label), 1)])], 10, se), e.isUnwrapped ? X("", !0) : (p(), u(o, {
-          key: 0,
-          class: l(e.mapClasses(e.style, e.iconClass, e.isOpenClass)),
-          size: e.compact ? "small" : null
-        }, null, 8, ["class", "size"]))]),
-        _: 3
-      }, 16, ["class", "id", "aria-expanded", "aria-pressed", "aria-controls"]))]),
-      _: 3
-    }, 8, ["class"])), g("div", {
-      class: l(e.mapClasses(e.style, e.containerClass, e.isOpenClass, e.unwrapClass)),
-      style: Y({
-        maxHeight: e.isUnwrapped ? "none" : e.maxHeight
-      })
-    }, [g("div", {
-      class: l(e.mapClasses(e.style, e.contentClass, e.isOpenClass, e.unwrapClass)),
-      "aria-hidden": e.isUnwrapped ? null : `${!e.opened}`,
-      id: `${e.id}-collapsible`,
-      ref: "accordionContentEl"
-    }, [$(e.$slots, "default")], 10, oe)], 6)]),
-    _: 3
-  }, 8, ["class", "id"]);
-}
-const le = {
-  $style: x
-}, ue = /* @__PURE__ */ ee(ne, [["render", ae], ["__cssModules", le]]);
+import o from "./CdrAccordion.vue2.mjs";
+import s from "./styles/CdrAccordion.module.scss.mjs";
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: s
+}, f = /* @__PURE__ */ r(o, [["__cssModules", t]]);
 export {
-  ue as default
+  f as default
 };

package/dist/src/components/accordion/CdrAccordion.vue2.mjs

@@ -0,0 +1,136 @@
+import { defineComponent as F, useCssModule as G, inject as _, ref as p, computed as n, watch as O, onMounted as P, openBlock as m, createBlock as v, resolveDynamicComponent as h, unref as e, normalizeClass as s, withCtx as y, mergeProps as I, toHandlers as J, createElementVNode as x, renderSlot as w, createTextVNode as L, toDisplayString as Q, createCommentVNode as R, normalizeStyle as U } from "vue";
+import W from "../icon/comps/caret-down.vue.mjs";
+import { modifyClassName as r } from "../../utils/buildClass.mjs";
+import f from "../../utils/mapClasses.mjs";
+import { unwrappedKey as X, groupedKey as Y } from "./symbols.mjs";
+const Z = ["id"], ee = ["aria-hidden", "id"], oe = "cdr-accordion__label", d = "cdr-accordion", ae = "cdr-accordion__icon", ne = "cdr-accordion__content-container", le = "cdr-accordion__content", re = /* @__PURE__ */ F({
+  name: "CdrAccordion",
+  __name: "CdrAccordion",
+  props: {
+    /**
+     * The unique id of an accordion.
+     * @demoIgnore true
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Toggle this value to open/close the accordion.
+     * @demoIgnore true
+     */
+    opened: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Sets a compact style.
+     */
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Sets a border-aligned style.
+     */
+    borderAligned: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Sets the heading level
+     * @demoIgnore true
+     */
+    level: {
+      type: [String, Number],
+      required: !0
+    },
+    /**
+     * Toggles content spacing (padding)
+     */
+    contentSpacing: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Sets the readable text on CdrAccordion button (also can be slotted)
+     * @demoIgnore true
+     */
+    label: {
+      type: String
+    }
+  },
+  emits: {
+    /**
+    * Emits on accordion open/close
+    */
+    "accordion-toggle": null
+  },
+  setup(a, {
+    emit: B
+  }) {
+    const l = a, t = G(), o = _(X, p(!1)), k = _(Y, !1) ? "li" : "div", u = p(null), g = p(!1), i = p(l.opened ? "none" : "0px"), A = `h${l.level}`, H = n(() => o.value ? "div" : "button"), N = n(() => o.value ? "js-cdr-accordion-button" : [t["cdr-accordion__button"], "js-cdr-accordion-button"]), z = n(() => o.value ? "cdr-accordion__header--unwrapped" : "cdr-accordion__header"), T = n(() => l.compact ? r(d, "compact") : ""), j = n(() => l.borderAligned ? r(d, "border-aligned") : ""), E = n(() => g.value ? r(d, "focused") : ""), $ = n(() => o.value ? r(d, "unwrap") : ""), V = n(() => l.contentSpacing ? "" : r(d, "no-spacing")), C = n(() => l.opened || o.value ? "cdr-accordion--open" : "cdr-accordion--closed"), q = (c) => {
+      B("accordion-toggle", c);
+    }, D = () => {
+      g.value = !0;
+    }, K = () => {
+      g.value = !1;
+    }, M = n(() => o.value ? {} : {
+      click: q,
+      focus: D,
+      blur: K
+    });
+    return O(() => l.opened, (c) => {
+      var b;
+      i.value = c ? "0px" : `${(b = u.value) == null ? void 0 : b.clientHeight}px`, setTimeout(() => {
+        var S;
+        i.value = c ? `${(S = u.value) == null ? void 0 : S.clientHeight}px` : "0px", setTimeout(() => {
+          i.value = c ? "none" : "0px";
+        }, 350);
+      }, 50);
+    }), P(() => {
+      l.opened && u.value && (i.value = "none");
+    }), (c, b) => (m(), v(h(e(k)), {
+      class: s(e(o) ? null : e(f)(e(t), d, T.value, j.value, E.value, V.value)),
+      id: `${a.id}-accordion`
+    }, {
+      default: y(() => [(m(), v(h(A), {
+        class: s(e(t)[z.value])
+      }, {
+        default: y(() => [(m(), v(h(H.value), I({
+          class: N.value,
+          id: a.id
+        }, J(M.value), {
+          "aria-expanded": e(o) ? null : `${a.opened}`,
+          "aria-controls": e(o) ? null : `${a.id}-collapsible`
+        }), {
+          default: y(() => [x("span", {
+            class: s(e(t)[oe]),
+            id: `${a.id}-label`
+          }, [w(c.$slots, "label", {}, () => [L(Q(a.label), 1)])], 10, Z), e(o) ? R("", !0) : (m(), v(W, {
+            key: 0,
+            class: s(e(f)(e(t), ae, C.value)),
+            size: a.compact ? "small" : null
+          }, null, 8, ["class", "size"]))]),
+          _: 3
+        }, 16, ["class", "id", "aria-expanded", "aria-controls"]))]),
+        _: 3
+      }, 8, ["class"])), x("div", {
+        class: s(e(f)(e(t), ne, C.value, $.value)),
+        style: U({
+          maxHeight: e(o) ? "none" : i.value
+        })
+      }, [x("div", {
+        class: s(e(f)(e(t), le, C.value, $.value)),
+        "aria-hidden": e(o) ? void 0 : `${!a.opened}`,
+        id: `${a.id}-collapsible`,
+        ref_key: "accordionContentEl",
+        ref: u
+      }, [w(c.$slots, "default")], 10, ee)], 6)]),
+      _: 3
+    }, 8, ["class", "id"]));
+  }
+});
+export {
+  re as default
+};

package/dist/src/components/accordion/CdrAccordionGroup.vue.mjs

@@ -1,82 +1,9 @@
-import { defineComponent as w, ref as l, reactive as y, provide as c, computed as d, onMounted as g, useCssModule as b, openBlock as D, createElementBlock as k, normalizeClass as C, renderSlot as x } from "vue";
-import { debounce as A } from "lodash-es";
-import $ from "../../utils/propValidator.mjs";
-import p from "../../mixins/breakpoints.mjs";
-import B from "./styles/CdrAccordionGroup.module.scss.mjs";
-import E from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const U = w({
-  name: "CdrAccordionGroup",
-  props: {
-    /**
-     * A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.
-     * @values @xs, @sm, @md, @lg, true
-     */
-    unwrap: {
-      type: [String, Boolean],
-      default: !1,
-      validator: (e) => typeof e == "string" ? $(e, ["@xs", "@sm", "@md", "@lg"], !1) : typeof e == "boolean"
-    }
-  },
-  setup(e) {
-    const n = "cdr-accordion-group", t = l(0), r = l([]), u = l(null), a = y({
-      isUnwrapped: !!e.unwrap
-    });
-    c("unwrap", a), c("grouped", !0);
-    const s = d(() => {
-      const o = t.value + 1;
-      return o >= r.value.length ? 0 : o;
-    }), i = d(() => {
-      const o = t.value - 1;
-      return o <= -1 ? r.value.length - 1 : o;
-    }), f = (o) => {
-      if (t.value === -1)
-        return;
-      const {
-        key: m
-      } = o;
-      switch (m) {
-        case "Home":
-          o.preventDefault(), r.value[0].focus();
-          break;
-        case "End":
-          o.preventDefault(), r.value[r.value.length - 1].focus();
-          break;
-        case "ArrowDown":
-        case "Down":
-          o.preventDefault(), r.value[s.value].focus();
-          break;
-        case "ArrowUp":
-        case "Up":
-          o.preventDefault(), r.value[i.value].focus();
-          break;
-      }
-    }, v = (o) => {
-      t.value = Array.prototype.indexOf.call(r.value, o.target);
-    };
-    return g(() => {
-      r.value = u.value.querySelectorAll(".js-cdr-accordion-button"), typeof e.unwrap == "string" && (a.isUnwrapped = e.unwrap.indexOf(p()) !== -1, window.addEventListener("resize", A(() => {
-        a.isUnwrapped = e.unwrap.indexOf(p()) !== -1;
-      }, 300)));
-    }), {
-      style: b(),
-      handleKeyDown: f,
-      focusin: v,
-      baseClass: n,
-      accordionGroupEl: u
-    };
-  }
-});
-function h(e, n, t, r, u, a) {
-  return D(), k("ul", {
-    class: C(e.style[e.baseClass]),
-    ref: "accordionGroupEl",
-    onFocusin: n[0] || (n[0] = (...s) => e.focusin && e.focusin(...s)),
-    onKeydown: n[1] || (n[1] = (...s) => e.handleKeyDown && e.handleKeyDown(...s))
-  }, [x(e.$slots, "default")], 34);
-}
-const G = {
-  $style: B
-}, j = /* @__PURE__ */ E(U, [["render", h], ["__cssModules", G]]);
+import o from "./CdrAccordionGroup.vue2.mjs";
+import s from "./styles/CdrAccordionGroup.module.scss.mjs";
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: s
+}, f = /* @__PURE__ */ r(o, [["__cssModules", t]]);
 export {
-  j as default
+  f as default
 };

package/dist/src/components/accordion/CdrAccordionGroup.vue2.mjs

@@ -0,0 +1,72 @@
+import { defineComponent as x, useCssModule as k, ref as u, provide as i, computed as s, onMounted as b, openBlock as A, createElementBlock as C, normalizeClass as D, unref as h, renderSlot as B } from "vue";
+import { debounce as _ } from "../../utils/debounce.mjs";
+import E from "../../utils/propValidator.mjs";
+import f from "../../mixins/breakpoints.mjs";
+import { unwrappedKey as G, groupedKey as K } from "./symbols.mjs";
+const I = "cdr-accordion-group", j = /* @__PURE__ */ x({
+  name: "CdrAccordionGroup",
+  __name: "CdrAccordionGroup",
+  props: {
+    /**
+     * A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.
+     * @values @xs, @sm, @md, @lg, true
+     */
+    unwrap: {
+      type: [String, Boolean],
+      default: !1,
+      validator: (o) => typeof o == "string" ? E(o, ["@xs", "@sm", "@md", "@lg"], !1) : typeof o == "boolean"
+    }
+  },
+  setup(o) {
+    const t = o, v = k(), a = u(0), c = u(), p = u(null), l = u(!!t.unwrap);
+    i(G, l), i(K, !0);
+    const r = s(() => c.value ? [...c.value] : []), m = s(() => {
+      var n;
+      const e = a.value + 1;
+      return e >= ((n = r.value) == null ? void 0 : n.length) ? 0 : e;
+    }), w = s(() => {
+      const e = a.value - 1;
+      return e <= -1 ? r.value.length - 1 : e;
+    }), y = (e) => {
+      var d;
+      if (a.value === -1)
+        return;
+      const {
+        key: n
+      } = e;
+      switch (n) {
+        case "Home":
+          e.preventDefault(), (d = r.value[0]) == null || d.focus();
+          break;
+        case "End":
+          e.preventDefault(), r.value[r.value.length - 1].focus();
+          break;
+        case "ArrowDown":
+        case "Down":
+          e.preventDefault(), r.value[m.value].focus();
+          break;
+        case "ArrowUp":
+        case "Up":
+          e.preventDefault(), r.value[w.value].focus();
+          break;
+      }
+    }, g = (e) => {
+      a.value = Array.prototype.indexOf.call(r.value, e.target);
+    };
+    return b(() => {
+      var e;
+      c.value = (e = p.value) == null ? void 0 : e.querySelectorAll(".js-cdr-accordion-button"), typeof t.unwrap == "string" && (l.value = t.unwrap.indexOf(f()) !== -1, window.addEventListener("resize", _(() => {
+        l.value = t.unwrap.indexOf(f()) !== -1;
+      }, 300)));
+    }), (e, n) => (A(), C("ul", {
+      class: D(h(v)[I]),
+      ref_key: "accordionGroupEl",
+      ref: p,
+      onFocusin: g,
+      onKeydown: y
+    }, [B(e.$slots, "default")], 34));
+  }
+});
+export {
+  j as default
+};

package/dist/src/components/accordion/styles/CdrAccordion.module.scss.mjs

@@ -1,33 +1,33 @@
 const c = {
-  "cdr-icon": "cdr-icon_13-5-2",
-  "cdr-icon--small": "cdr-icon--small_13-5-2",
-  "cdr-icon--large": "cdr-icon--large_13-5-2",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_13-5-2",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_13-5-2",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_13-5-2",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_13-5-2",
-  "cdr-icon--small@md": "cdr-icon--small@md_13-5-2",
-  "cdr-icon--large@md": "cdr-icon--large@md_13-5-2",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_13-5-2",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_13-5-2",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-5-2",
-  "cdr-accordion-group": "cdr-accordion-group_13-5-2",
-  "cdr-accordion": "cdr-accordion_13-5-2",
-  "cdr-accordion__button": "cdr-accordion__button_13-5-2",
-  "cdr-accordion__label": "cdr-accordion__label_13-5-2",
-  "cdr-accordion__header": "cdr-accordion__header_13-5-2",
-  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_13-5-2",
-  "cdr-accordion__icon": "cdr-accordion__icon_13-5-2",
-  "cdr-accordion--open": "cdr-accordion--open_13-5-2",
-  "cdr-accordion__content-container": "cdr-accordion__content-container_13-5-2",
-  "cdr-tabs--open": "cdr-tabs--open_13-5-2",
-  "cdr-accordion__content": "cdr-accordion__content_13-5-2",
-  "cdr-accordion--closed": "cdr-accordion--closed_13-5-2",
-  "cdr-accordion--unwrap": "cdr-accordion--unwrap_13-5-2",
-  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_13-5-2",
-  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_13-5-2",
-  "cdr-accordion--compact": "cdr-accordion--compact_13-5-2",
-  "cdr-accordion--focused": "cdr-accordion--focused_13-5-2"
+  "cdr-icon": "cdr-icon_14-0-0-ts-0",
+  "cdr-icon--small": "cdr-icon--small_14-0-0-ts-0",
+  "cdr-icon--large": "cdr-icon--large_14-0-0-ts-0",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_14-0-0-ts-0",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_14-0-0-ts-0",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_14-0-0-ts-0",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_14-0-0-ts-0",
+  "cdr-icon--small@md": "cdr-icon--small@md_14-0-0-ts-0",
+  "cdr-icon--large@md": "cdr-icon--large@md_14-0-0-ts-0",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_14-0-0-ts-0",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_14-0-0-ts-0",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_14-0-0-ts-0",
+  "cdr-accordion-group": "cdr-accordion-group_14-0-0-ts-0",
+  "cdr-accordion": "cdr-accordion_14-0-0-ts-0",
+  "cdr-accordion__button": "cdr-accordion__button_14-0-0-ts-0",
+  "cdr-accordion__label": "cdr-accordion__label_14-0-0-ts-0",
+  "cdr-accordion__header": "cdr-accordion__header_14-0-0-ts-0",
+  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_14-0-0-ts-0",
+  "cdr-accordion__icon": "cdr-accordion__icon_14-0-0-ts-0",
+  "cdr-accordion--open": "cdr-accordion--open_14-0-0-ts-0",
+  "cdr-accordion__content-container": "cdr-accordion__content-container_14-0-0-ts-0",
+  "cdr-tabs--open": "cdr-tabs--open_14-0-0-ts-0",
+  "cdr-accordion__content": "cdr-accordion__content_14-0-0-ts-0",
+  "cdr-accordion--closed": "cdr-accordion--closed_14-0-0-ts-0",
+  "cdr-accordion--unwrap": "cdr-accordion--unwrap_14-0-0-ts-0",
+  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_14-0-0-ts-0",
+  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_14-0-0-ts-0",
+  "cdr-accordion--compact": "cdr-accordion--compact_14-0-0-ts-0",
+  "cdr-accordion--focused": "cdr-accordion--focused_14-0-0-ts-0"
 };
 export {
   c as default

package/dist/src/components/accordion/styles/CdrAccordionGroup.module.scss.mjs

@@ -1,6 +1,6 @@
 const c = {
-  "cdr-accordion-group": "cdr-accordion-group_13-5-2",
-  "cdr-accordion": "cdr-accordion_13-5-2"
+  "cdr-accordion-group": "cdr-accordion-group_14-0-0-ts-0",
+  "cdr-accordion": "cdr-accordion_14-0-0-ts-0"
 };
 export {
   c as default

package/dist/src/components/accordion/symbols.mjs

@@ -0,0 +1,5 @@
+const o = Symbol(), e = Symbol();
+export {
+  e as groupedKey,
+  o as unwrappedKey
+};

package/dist/src/components/banner/CdrBanner.vue.mjs

@@ -1,61 +1,9 @@
-import { defineComponent as b, computed as y, useCssModule as g, openBlock as o, createElementBlock as a, normalizeClass as e, createElementVNode as i, renderSlot as r, createCommentVNode as l } from "vue";
-import h from "../../utils/propValidator.mjs";
-import $ from "./styles/CdrBanner.module.scss.mjs";
-import C from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const v = b({
-  name: "CdrBanner",
-  props: {
-    /**
-     * Sets the banner style.
-     * @demoSelectMultiple false
-     * @values info, warning, success, error, default
-    */
-    type: {
-      type: String,
-      validator: (s) => h(s, ["info", "warning", "success", "error", "default"]),
-      default: "default"
-    }
-  },
-  setup(s, n) {
-    const t = "cdr-banner", d = y(() => `${t}--${s.type}`), c = y(() => n.slots["message-body"] ? `${t}__wrapper--prominence` : void 0), p = n.slots["icon-left"], f = n.slots["icon-right"], m = n.slots["message-body"], u = n.slots["info-action"];
-    return {
-      style: g(),
-      baseClass: t,
-      typeClass: d,
-      prominenceClass: c,
-      hasIconLeft: p,
-      hasIconRight: f,
-      hasMessageBody: m,
-      hasInfoAction: u
-    };
-  }
-});
-function k(s, n, t, d, c, p) {
-  return o(), a("div", {
-    class: e([s.style[s.baseClass], s.style[s.typeClass]])
-  }, [i("div", {
-    class: e([s.style["cdr-banner__wrapper"], s.style[s.prominenceClass]])
-  }, [i("div", {
-    class: e([s.style["cdr-banner__main"]])
-  }, [s.hasIconLeft ? (o(), a("div", {
-    key: 0,
-    class: e([s.style["cdr-banner__icon-left"]])
-  }, [r(s.$slots, "icon-left")], 2)) : l("", !0), i("span", {
-    class: e([s.style["cdr-banner__message"]])
-  }, [r(s.$slots, "default")], 2), s.hasIconRight ? (o(), a("div", {
-    key: 1,
-    class: e([s.style["cdr-banner__icon-right"]])
-  }, [r(s.$slots, "icon-right")], 2)) : l("", !0)], 2), s.hasMessageBody ? (o(), a("div", {
-    key: 0,
-    class: e([s.style["cdr-banner__message-body"]])
-  }, [r(s.$slots, "message-body")], 2)) : l("", !0)], 2), s.hasInfoAction ? (o(), a("div", {
-    key: 0,
-    class: e([s.style["cdr-banner__info-action"]])
-  }, [r(s.$slots, "info-action")], 2)) : l("", !0)], 2);
-}
-const B = {
-  $style: $
-}, A = /* @__PURE__ */ C(v, [["render", k], ["__cssModules", B]]);
+import s from "./CdrBanner.vue2.mjs";
+import o from "./styles/CdrBanner.module.scss.mjs";
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: o
+}, f = /* @__PURE__ */ r(s, [["__cssModules", t]]);
 export {
-  A as default
+  f as default
 };

package/dist/src/components/banner/CdrBanner.vue2.mjs

@@ -0,0 +1,45 @@
+import { defineComponent as h, useSlots as C, useCssModule as $, computed as m, openBlock as r, createElementBlock as t, normalizeClass as n, unref as e, createElementVNode as d, renderSlot as c, createCommentVNode as l } from "vue";
+import k from "../../utils/propValidator.mjs";
+const p = "cdr-banner", S = /* @__PURE__ */ h({
+  name: "CdrBanner",
+  __name: "CdrBanner",
+  props: {
+    /**
+      * Sets the banner style.
+      * @demoSelectMultiple false
+      * @values info, warning, success, error, default
+    */
+    type: {
+      type: String,
+      validator: (i) => k(i, ["info", "warning", "success", "error", "default"]),
+      default: "default"
+    }
+  },
+  setup(i) {
+    const u = i, o = C(), s = $(), f = m(() => `${p}--${u.type}`), _ = m(() => o["message-body"] ? `${p}__wrapper--prominence` : ""), y = o["icon-left"], b = o["icon-right"], g = o["message-body"], v = o["info-action"];
+    return (a, B) => (r(), t("div", {
+      class: n([e(s)[p], e(s)[f.value]])
+    }, [d("div", {
+      class: n([e(s)["cdr-banner__wrapper"], e(s)[_.value]])
+    }, [d("div", {
+      class: n([e(s)["cdr-banner__main"]])
+    }, [e(y) ? (r(), t("div", {
+      key: 0,
+      class: n([e(s)["cdr-banner__icon-left"]])
+    }, [c(a.$slots, "icon-left")], 2)) : l("", !0), d("span", {
+      class: n([e(s)["cdr-banner__message"]])
+    }, [c(a.$slots, "default")], 2), e(b) ? (r(), t("div", {
+      key: 1,
+      class: n([e(s)["cdr-banner__icon-right"]])
+    }, [c(a.$slots, "icon-right")], 2)) : l("", !0)], 2), e(g) ? (r(), t("div", {
+      key: 0,
+      class: n([e(s)["cdr-banner__message-body"]])
+    }, [c(a.$slots, "message-body")], 2)) : l("", !0)], 2), e(v) ? (r(), t("div", {
+      key: 0,
+      class: n([e(s)["cdr-banner__info-action"]])
+    }, [c(a.$slots, "info-action")], 2)) : l("", !0)], 2));
+  }
+});
+export {
+  S as default
+};