@rei/cedar 13.5.2 → 14.0.0-ts.0

package/dist/src/components/pagination/CdrPagination.vue.mjs

@@ -1,228 +1,9 @@
-import "core-js/modules/es.array.push.js";
-import "core-js/modules/es.array.unshift.js";
-import { defineComponent as B, ref as q, computed as d, onMounted as G, watch as R, useCssModule as U, resolveComponent as $, openBlock as i, createElementBlock as u, createElementVNode as k, normalizeClass as r, createBlock as D, resolveDynamicComponent as T, withCtx as h, createVNode as f, createTextVNode as m, Fragment as N, renderList as w, toDisplayString as I, withModifiers as E, nextTick as H } from "vue";
-import z from "../../utils/mapClasses.mjs";
-import A from "../../utils/propValidator.mjs";
-import F from "../icon/comps/caret-left.vue.mjs";
-import W from "../icon/comps/caret-right.vue.mjs";
-import J from "../select/CdrSelect.vue.mjs";
-import K from "../../utils/uid.mjs";
-import Q from "./styles/CdrPagination.module.scss.mjs";
-import X from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const Y = B({
-  name: "CdrPagination",
-  components: {
-    IconCaretLeft: F,
-    IconCaretRight: W,
-    CdrSelect: J
-  },
-  props: {
-    /**
-     * Define a custom slug for the generated breadcrumb item IDs. Slug is randomly generated if no ID provided.
-     * @demoIgnore true
-     */
-    id: {
-      type: String
-    },
-    /**
-     * Sets the total number of pages for displaying "Page x of <totalPages>".
-     * Sometimes the total number of pages is different than total page data objects in the pages array.
-     * For example, if only the next and previous pages are provided.
-     */
-    totalPages: {
-      type: Number,
-      default: null
-    },
-    /**
-     * Array of objects containing pagination data.
-     * Objects must have structure of `{ page: number, url: string }`
-     */
-    pages: {
-      type: Array,
-      required: !0,
-      validator: (e) => e.every((l) => !Object.prototype.hasOwnProperty.call(l, "page") || typeof l.page != "number" ? (console.error('Property "page" is missing or is not a number', l), !1) : !Object.prototype.hasOwnProperty.call(l, "url") || typeof l.url != "string" ? (console.error('Property "url" is missing or is not a string', l), !1) : !0)
-    },
-    /**
-     * Sets which tag type is used to render pagination elements
-     * @values a, button
-     */
-    linkTag: {
-      type: String,
-      default: "a",
-      validator: (e) => A(e, ["a", "button"])
-    },
-    /**
-     * Used to customize the aria-label for the root pagination element.
-     * For page-level pagination (i.e, pagination that updates the entire page content and changes the URL)
-     * this property should be omitted.
-     * For intra-page navigation this property should describe the element being paginated, for example:
-     * `Pagination for sub-content`
-     */
-    forLabel: {
-      type: String,
-      default: ""
-    },
-    /** @ignore used for binding v-model, represents the current page */
-    modelValue: {
-      type: Number
-    }
-  },
-  emits: {
-    /**
-     * Event emitted by v-model on the select <input> element to indicate current page.
-     * Only used on small devices
-     * @param modelValue
-     */
-    "update:modelValue": null,
-    /**
-     * $emit event fired when page changes based on user interaction by clicking a link
-     * or selecting an option from the select on mobile.
-     * `event.preventDefault()` can be used to override the default link navigation behavior.
-     */
-    navigate: null
-  },
-  setup(e, s) {
-    const l = q(0), C = q([]), _ = e.id ? e.id : K(), y = (n) => {
-      l.value = e.pages.map((t) => t.page).indexOf(n);
-    }, p = d({
-      get: () => e.modelValue,
-      set: (n) => {
-        y(n), s.emit("update:modelValue", n);
-      }
-    }), P = d(() => e.pages[l.value].url), v = (n, t) => {
-      const g = t.target.offsetWidth > 0 && t.target.offsetHeight > 0;
-      if (n === p.value && g) {
-        t.preventDefault();
-        return;
-      }
-      p.value = n, s.emit("navigate", n, P.value, t), H(() => {
-        try {
-          (t.currentTarget || t.target).blur();
-        } catch (o) {
-          console.error(o);
-        }
-      });
-    }, a = (n) => {
-      C.value.find((g) => (g == null ? void 0 : g.innerHTML) === n.target.value).click();
-    }, b = d(() => e.forLabel || "Pagination"), c = d(() => e.pages[l.value - 1]), O = d(() => e.pages[l.value + 1]), S = d(() => {
-      const n = e.pages.length, t = p.value, g = 1;
-      let o = [], L = !0, M = !0;
-      if (n <= 7)
-        return e.pages;
-      if (t < 5)
-        L = !1, o = e.pages.slice(1, 5);
-      else if (n - t < 4)
-        M = !1, o = e.pages.slice(-5, -1);
-      else
-        for (let V = Math.max(2, t - g); V <= Math.min(n - 1, t + g); V += 1)
-          o.push(e.pages[V - 1]);
-      return t - g > 2 && L && o.unshift("&hellip;"), t + g < n - 1 && M && o.push("&hellip;"), o.unshift(e.pages[0]), o.push(e.pages[n - 1]), o;
-    });
-    return G(() => y(p.value)), R(() => e.pages, () => y(p.value)), {
-      style: U(),
-      mapClasses: z,
-      uniqueId: _,
-      linkRefs: C,
-      navigate: v,
-      select: a,
-      ariaLabel: b,
-      prevPageData: c,
-      nextPageData: O,
-      paginationData: S,
-      innerValue: p,
-      currentIdx: l
-    };
-  }
-}), Z = ["aria-label"], j = {
-  key: 0
-}, x = {
-  key: 1,
-  "aria-hidden": "true"
-}, ee = ["value"], ae = {
-  key: 2
-}, ne = {
-  key: 3,
-  "aria-hidden": "true"
-};
-function te(e, s, l, C, _, y) {
-  const p = $("icon-caret-left"), P = $("cdr-select"), v = $("icon-caret-right");
-  return i(), u("nav", {
-    "aria-label": e.ariaLabel
-  }, [k("ol", {
-    class: r(e.style["cdr-pagination"])
-  }, [e.innerValue > e.pages[0].page ? (i(), u("li", j, [(i(), D(T(e.linkTag), {
-    "aria-label": "Go to previous page",
-    href: e.linkTag === "a" && e.prevPageData && e.prevPageData.url || void 0,
-    class: r(e.mapClasses(e.style, "cdr-pagination__link", "cdr-pagination__prev")),
-    onClick: s[0] || (s[0] = (a) => e.navigate(e.prevPageData.page, a))
-  }, {
-    default: h(() => [f(p, {
-      class: r(e.style["cdr-pagination_caret--prev"])
-    }, null, 8, ["class"]), m(" Prev ")]),
-    _: 1
-  }, 8, ["href", "class"]))])) : (i(), u("li", x, [k("span", {
-    "aria-disabled": "true",
-    class: r(e.mapClasses(e.style, "cdr-pagination__link", "cdr-pagination__prev", "cdr-pagination__link--disabled"))
-  }, [f(p, {
-    class: r(e.style["cdr-pagination_caret--prev"]),
-    "inherit-color": ""
-  }, null, 8, ["class"]), m(" Prev ")], 2)])), (i(!0), u(N, null, w(e.paginationData, (a, b) => (i(), u("li", {
-    key: `pagination-${e.uniqueId}-li-${a.page}`,
-    class: r(e.style["cdr-pagination__li--links"])
-  }, [a.page ? (i(), D(T(e.linkTag), {
-    key: 0,
-    id: `pagination-${e.uniqueId}-link-${a.page}`,
-    class: r(e.mapClasses(e.style, "cdr-pagination__link", a.page === e.innerValue && "cdr-pagination__link--current")),
-    "aria-label": a.page === e.innerValue ? `Current page, page ${a.page}` : `Go to page ${a.page}`,
-    "aria-current": a.page === e.innerValue ? "page" : null,
-    href: e.linkTag === "a" && a.url || void 0,
-    ref_for: !0,
-    ref: (c) => {
-      e.linkRefs[b] = c;
-    },
-    onClick: (c) => e.navigate(a.page, c)
-  }, {
-    default: h(() => [m(I(a.page), 1)]),
-    _: 2
-  }, 1032, ["id", "class", "aria-label", "aria-current", "href", "onClick"])) : (i(), u("span", {
-    key: 1,
-    class: r(e.style["cdr-pagination__ellipse"])
-  }, " … ", 2))], 2))), 128)), k("li", {
-    class: r(e.style["cdr-pagination__li--select"])
-  }, [f(P, {
-    id: `pagination-select-${e.uniqueId}`,
-    modelValue: e.innerValue,
-    "onUpdate:modelValue": s[1] || (s[1] = (a) => e.innerValue = a),
-    label: "Navigate to page",
-    "hide-label": "",
-    onChange: s[2] || (s[2] = E((a) => e.select(a), ["prevent"]))
-  }, {
-    default: h(() => [(i(!0), u(N, null, w(e.paginationData.filter((a) => a.page), (a) => (i(), u("option", {
-      key: `pagination-${e.uniqueId}-select-${a.page}`,
-      value: a.page
-    }, " Page " + I(a.page) + I(e.totalPages === null ? "" : ` of ${e.totalPages}`), 9, ee))), 128))]),
-    _: 1
-  }, 8, ["id", "modelValue"])], 2), e.innerValue < e.pages[e.pages.length - 1].page ? (i(), u("li", ae, [(i(), D(T(e.linkTag), {
-    "aria-label": "Go to next page",
-    href: e.linkTag === "a" && e.nextPageData && e.nextPageData.url || void 0,
-    class: r(e.mapClasses(e.style, "cdr-pagination__link", "cdr-pagination__next")),
-    onClick: s[3] || (s[3] = (a) => e.navigate(e.nextPageData.page, a))
-  }, {
-    default: h(() => [m(" Next "), f(v, {
-      class: r(e.style["cdr-pagination_caret--next"])
-    }, null, 8, ["class"])]),
-    _: 1
-  }, 8, ["href", "class"]))])) : (i(), u("li", ne, [k("span", {
-    "aria-disabled": "true",
-    class: r(e.mapClasses(e.style, "cdr-pagination__link", "cdr-pagination__next", "cdr-pagination__link--disabled"))
-  }, [m(" Next "), f(v, {
-    class: r(e.style["cdr-pagination_caret--next"]),
-    "inherit-color": ""
-  }, null, 8, ["class"])], 2)]))], 2)], 8, Z);
-}
-const le = {
-  $style: Q
-}, ye = /* @__PURE__ */ X(Y, [["render", te], ["__cssModules", le]]);
+import o from "./CdrPagination.vue2.mjs";
+import s from "./styles/CdrPagination.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
 export {
-  ye as default
+  f as default
 };

package/dist/src/components/pagination/CdrPagination.vue2.mjs

@@ -0,0 +1,223 @@
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.array.unshift.js";
+import { defineComponent as H, useCssModule as z, ref as O, computed as f, onMounted as A, watch as F, openBlock as u, createElementBlock as p, createElementVNode as y, normalizeClass as g, unref as r, createBlock as D, resolveDynamicComponent as L, withCtx as b, createVNode as v, createTextVNode as m, Fragment as S, renderList as I, toDisplayString as M, withModifiers as R, nextTick as W } from "vue";
+import k from "../../utils/mapClasses.mjs";
+import J from "../../utils/propValidator.mjs";
+import B from "../icon/comps/caret-left.vue.mjs";
+import G from "../icon/comps/caret-right.vue.mjs";
+import K from "../select/CdrSelect.vue.mjs";
+import Q from "../../utils/uid.mjs";
+const X = ["aria-label"], Y = {
+  key: 0
+}, Z = {
+  key: 1,
+  "aria-hidden": "true"
+}, j = ["value"], ee = {
+  key: 2
+}, ae = {
+  key: 3,
+  "aria-hidden": "true"
+}, pe = /* @__PURE__ */ H({
+  name: "CdrPagination",
+  __name: "CdrPagination",
+  props: {
+    /**
+     * Define a custom slug for the generated pagination item IDs. Slug is randomly generated if no ID provided.
+     * @demoIgnore true
+     */
+    id: {
+      type: String
+    },
+    /**
+     * Sets the total number of pages for displaying "Page x of <totalPages>".
+     * Sometimes the total number of pages is different than total page data objects in the pages array.
+     * For example, if only the next and previous pages are provided.
+     */
+    totalPages: {
+      type: Number,
+      default: null
+    },
+    /**
+     * Array of objects containing pagination data.
+     * Objects must have structure of `{ page: number, url: string }`
+     */
+    pages: {
+      type: Array,
+      required: !0,
+      validator: (n) => n.every((t) => !Object.prototype.hasOwnProperty.call(t, "page") || typeof t.page != "number" ? (console.error('Property "page" is missing or is not a number', t), !1) : !Object.prototype.hasOwnProperty.call(t, "url") || typeof t.url != "string" ? (console.error('Property "url" is missing or is not a string', t), !1) : !0)
+    },
+    /**
+     * Sets which tag type is used to render pagination elements
+     * @values a, button
+     */
+    linkTag: {
+      type: String,
+      default: "a",
+      validator: (n) => J(n, ["a", "button"])
+    },
+    /**
+     * Used to customize the aria-label for the root pagination element.
+     * For page-level pagination (i.e, pagination that updates the entire page content and changes the URL)
+     * this property should be omitted.
+     * For intra-page navigation this property should describe the element being paginated, for example:
+     * `Pagination for sub-content`
+     */
+    forLabel: {
+      type: String,
+      default: ""
+    },
+    /** @ignore used for binding v-model, represents the current page */
+    modelValue: {
+      type: Number
+    }
+  },
+  emits: {
+    /**
+     * Event emitted by v-model on the select <input> element to indicate current page.
+     * Only used on small devices
+     * @param modelValue
+     */
+    "update:modelValue": null,
+    /**
+     * $emit event fired when page changes based on user interaction by clicking a link
+     * or selecting an option from the select on mobile.
+     * `event.preventDefault()` can be used to override the default link navigation behavior.
+     */
+    navigate: null
+  },
+  setup(n, {
+    emit: x
+  }) {
+    const t = n, s = z(), _ = O(0), N = O([]), h = t.id ? t.id : Q(), C = (i) => {
+      _.value = t.pages.map((a) => a.page).indexOf(i);
+    }, o = f({
+      get: () => t.modelValue,
+      set: (i) => {
+        C(i), x("update:modelValue", i);
+      }
+    }), U = f(() => t.pages[_.value].url), P = (i, a) => {
+      var l, c;
+      const e = ((l = a.target) == null ? void 0 : l.offsetWidth) > 0 && ((c = a.target) == null ? void 0 : c.offsetHeight) > 0;
+      if (i === o.value && e) {
+        a.preventDefault();
+        return;
+      }
+      o.value = i, x("navigate", i, U.value, a), W(() => {
+        try {
+          const d = a.currentTarget || a.target;
+          d == null || d.blur();
+        } catch (d) {
+          console.error(d);
+        }
+      });
+    }, q = (i) => {
+      const a = N.value.find((e) => {
+        var l;
+        return (e == null ? void 0 : e.innerHTML) === ((l = i.target) == null ? void 0 : l.value);
+      });
+      a && a.click();
+    }, E = f(() => t.forLabel || "Pagination"), T = f(() => t.pages[_.value - 1]), V = f(() => t.pages[_.value + 1]), w = f(() => {
+      const i = t.pages.length, a = o.value, e = 1;
+      let l = [], c = !0, d = !0;
+      if (i <= 7)
+        return t.pages;
+      if (a) {
+        if (a < 5)
+          c = !1, l = t.pages.slice(1, 5);
+        else if (i - a < 4)
+          d = !1, l = t.pages.slice(-5, -1);
+        else
+          for (let $ = Math.max(2, a - e); $ <= Math.min(i - 1, a + e); $ += 1)
+            l.push(t.pages[$ - 1]);
+        return a - e > 2 && c && l.unshift({
+          page: 0,
+          url: "",
+          ellip: !0
+        }), a + e < i - 1 && d && l.push({
+          page: 0,
+          url: "",
+          ellip: !0
+        }), l.unshift(t.pages[0]), l.push(t.pages[i - 1]), l;
+      }
+    });
+    return A(() => C(o.value)), F(() => t.pages, () => C(o.value)), (i, a) => (u(), p("nav", {
+      "aria-label": E.value
+    }, [y("ol", {
+      class: g(r(s)["cdr-pagination"])
+    }, [o.value && o.value > n.pages[0].page ? (u(), p("li", Y, [(u(), D(L(n.linkTag), {
+      "aria-label": "Go to previous page",
+      href: n.linkTag === "a" && T.value && T.value.url || void 0,
+      class: g(r(k)(r(s), "cdr-pagination__link", "cdr-pagination__prev")),
+      onClick: a[0] || (a[0] = (e) => P(T.value.page, e))
+    }, {
+      default: b(() => [v(B, {
+        class: g(r(s)["cdr-pagination_caret--prev"])
+      }, null, 8, ["class"]), m(" Prev ")]),
+      _: 1
+    }, 8, ["href", "class"]))])) : (u(), p("li", Z, [y("span", {
+      "aria-disabled": "true",
+      class: g(r(k)(r(s), "cdr-pagination__link", "cdr-pagination__prev", "cdr-pagination__link--disabled"))
+    }, [v(B, {
+      class: g(r(s)["cdr-pagination_caret--prev"]),
+      "inherit-color": ""
+    }, null, 8, ["class"]), m(" Prev ")], 2)])), (u(!0), p(S, null, I(w.value, (e, l) => (u(), p("li", {
+      key: `pagination-${r(h)}-li-${e.page}`,
+      class: g(r(s)["cdr-pagination__li--links"])
+    }, [e.ellip ? (u(), p("span", {
+      key: 1,
+      class: g(r(s)["cdr-pagination__ellipse"])
+    }, " … ", 2)) : (u(), D(L(n.linkTag), {
+      key: 0,
+      id: `pagination-${r(h)}-link-${e.page}`,
+      class: g(r(k)(r(s), "cdr-pagination__link", e.page === o.value ? "cdr-pagination__link--current" : "")),
+      "aria-label": e.page === o.value ? `Current page, page ${e.page}` : `Go to page ${e.page}`,
+      "aria-current": e.page === o.value ? "page" : null,
+      href: n.linkTag === "a" && e.url || void 0,
+      ref_for: !0,
+      ref: (c) => {
+        N.value[l] = c;
+      },
+      onClick: (c) => P(e.page, c)
+    }, {
+      default: b(() => [m(M(e.page), 1)]),
+      _: 2
+    }, 1032, ["id", "class", "aria-label", "aria-current", "href", "onClick"]))], 2))), 128)), y("li", {
+      class: g(r(s)["cdr-pagination__li--select"])
+    }, [v(K, {
+      id: `pagination-select-${r(h)}`,
+      modelValue: o.value,
+      "onUpdate:modelValue": a[1] || (a[1] = (e) => o.value = e),
+      label: "Navigate to page",
+      "hide-label": "",
+      onChange: a[2] || (a[2] = R((e) => q(e), ["prevent"]))
+    }, {
+      default: b(() => {
+        var e;
+        return [(u(!0), p(S, null, I((e = w.value) == null ? void 0 : e.filter((l) => l.page), (l) => (u(), p("option", {
+          key: `pagination-${r(h)}-select-${l.page}`,
+          value: l.page
+        }, " Page " + M(l.page) + M(n.totalPages === null ? "" : ` of ${n.totalPages}`), 9, j))), 128))];
+      }),
+      _: 1
+    }, 8, ["id", "modelValue"])], 2), o.value && o.value < n.pages[n.pages.length - 1].page ? (u(), p("li", ee, [(u(), D(L(n.linkTag), {
+      "aria-label": "Go to next page",
+      href: n.linkTag === "a" && V.value && V.value.url || void 0,
+      class: g(r(k)(r(s), "cdr-pagination__link", "cdr-pagination__next")),
+      onClick: a[3] || (a[3] = (e) => P(V.value.page, e))
+    }, {
+      default: b(() => [m(" Next "), v(G, {
+        class: g(r(s)["cdr-pagination_caret--next"])
+      }, null, 8, ["class"])]),
+      _: 1
+    }, 8, ["href", "class"]))])) : (u(), p("li", ae, [y("span", {
+      "aria-disabled": "true",
+      class: g(r(k)(r(s), "cdr-pagination__link", "cdr-pagination__next", "cdr-pagination__link--disabled"))
+    }, [m(" Next "), v(G, {
+      class: g(r(s)["cdr-pagination_caret--next"]),
+      "inherit-color": ""
+    }, null, 8, ["class"])], 2)]))], 2)], 8, X));
+  }
+});
+export {
+  pe as default
+};

package/dist/src/components/pagination/styles/CdrPagination.module.scss.mjs

@@ -1,57 +1,57 @@
 const l = {
-  "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-label-standalone": "cdr-label-standalone_13-5-2",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_13-5-2",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_13-5-2",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_13-5-2",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_13-5-2",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_13-5-2",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_13-5-2",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_13-5-2",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_13-5-2",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_13-5-2",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_13-5-2",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_13-5-2",
-  "cdr-form-error": "cdr-form-error_13-5-2",
-  "cdr-form-error__icon": "cdr-form-error__icon_13-5-2",
-  "cdr-select": "cdr-select_13-5-2",
-  "cdr-select--primary": "cdr-select--primary_13-5-2",
-  "cdr-select--secondary": "cdr-select--secondary_13-5-2",
-  "cdr-select--error": "cdr-select--error_13-5-2",
-  "cdr-select--preicon": "cdr-select--preicon_13-5-2",
-  "cdr-select__prompt": "cdr-select__prompt_13-5-2",
-  "cdr-select__caret": "cdr-select__caret_13-5-2",
-  "cdr-select__caret--disabled": "cdr-select__caret--disabled_13-5-2",
-  "cdr-select__pre-icon": "cdr-select__pre-icon_13-5-2",
-  "cdr-select--multiple": "cdr-select--multiple_13-5-2",
-  "cdr-select--large@xs": "cdr-select--large@xs_13-5-2",
-  "cdr-select--large": "cdr-select--large_13-5-2",
-  "cdr-select--large@sm": "cdr-select--large@sm_13-5-2",
-  "cdr-select--large@md": "cdr-select--large@md_13-5-2",
-  "cdr-select--large@lg": "cdr-select--large@lg_13-5-2",
-  "cdr-select-wrap": "cdr-select-wrap_13-5-2",
-  "cdr-pagination": "cdr-pagination_13-5-2",
-  "cdr-pagination__li--links": "cdr-pagination__li--links_13-5-2",
-  "cdr-pagination__li--select": "cdr-pagination__li--select_13-5-2",
-  "cdr-pagination__link": "cdr-pagination__link_13-5-2",
-  "cdr-pagination__link--current": "cdr-pagination__link--current_13-5-2",
-  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_13-5-2",
-  "cdr-pagination__ellipse": "cdr-pagination__ellipse_13-5-2",
-  "cdr-pagination__prev": "cdr-pagination__prev_13-5-2",
-  "cdr-pagination__next": "cdr-pagination__next_13-5-2",
-  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_13-5-2",
-  "cdr-pagination__caret--next": "cdr-pagination__caret--next_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-label-standalone": "cdr-label-standalone_14-0-0-ts-0",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_14-0-0-ts-0",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_14-0-0-ts-0",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_14-0-0-ts-0",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_14-0-0-ts-0",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_14-0-0-ts-0",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_14-0-0-ts-0",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_14-0-0-ts-0",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_14-0-0-ts-0",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_14-0-0-ts-0",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_14-0-0-ts-0",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_14-0-0-ts-0",
+  "cdr-form-error": "cdr-form-error_14-0-0-ts-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_14-0-0-ts-0",
+  "cdr-select": "cdr-select_14-0-0-ts-0",
+  "cdr-select--primary": "cdr-select--primary_14-0-0-ts-0",
+  "cdr-select--secondary": "cdr-select--secondary_14-0-0-ts-0",
+  "cdr-select--error": "cdr-select--error_14-0-0-ts-0",
+  "cdr-select--preicon": "cdr-select--preicon_14-0-0-ts-0",
+  "cdr-select__prompt": "cdr-select__prompt_14-0-0-ts-0",
+  "cdr-select__caret": "cdr-select__caret_14-0-0-ts-0",
+  "cdr-select__caret--disabled": "cdr-select__caret--disabled_14-0-0-ts-0",
+  "cdr-select__pre-icon": "cdr-select__pre-icon_14-0-0-ts-0",
+  "cdr-select--multiple": "cdr-select--multiple_14-0-0-ts-0",
+  "cdr-select--large@xs": "cdr-select--large@xs_14-0-0-ts-0",
+  "cdr-select--large": "cdr-select--large_14-0-0-ts-0",
+  "cdr-select--large@sm": "cdr-select--large@sm_14-0-0-ts-0",
+  "cdr-select--large@md": "cdr-select--large@md_14-0-0-ts-0",
+  "cdr-select--large@lg": "cdr-select--large@lg_14-0-0-ts-0",
+  "cdr-select-wrap": "cdr-select-wrap_14-0-0-ts-0",
+  "cdr-pagination": "cdr-pagination_14-0-0-ts-0",
+  "cdr-pagination__li--links": "cdr-pagination__li--links_14-0-0-ts-0",
+  "cdr-pagination__li--select": "cdr-pagination__li--select_14-0-0-ts-0",
+  "cdr-pagination__link": "cdr-pagination__link_14-0-0-ts-0",
+  "cdr-pagination__link--current": "cdr-pagination__link--current_14-0-0-ts-0",
+  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_14-0-0-ts-0",
+  "cdr-pagination__ellipse": "cdr-pagination__ellipse_14-0-0-ts-0",
+  "cdr-pagination__prev": "cdr-pagination__prev_14-0-0-ts-0",
+  "cdr-pagination__next": "cdr-pagination__next_14-0-0-ts-0",
+  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_14-0-0-ts-0",
+  "cdr-pagination__caret--next": "cdr-pagination__caret--next_14-0-0-ts-0"
 };
 export {
   l as default