@rei/cedar 13.0.0-alpha.2 → 13.0.0-alpha.3

package/dist/lib/src/components/tooltip/CdrTooltip.vue_vue_type_script_lang.mjs

@@ -0,0 +1,97 @@
+import { defineComponent, ref, watch, onMounted, useCssModule } from 'vue';
+import mapClasses from '../../utils/mapClasses.mjs';
+import '../popup/CdrPopup.mjs';
+import validateProp from '../../utils/propValidator.mjs';
+import script$1 from '../popup/CdrPopup.vue_vue_type_script_lang.mjs';
+
+var script = defineComponent({
+  name: 'CdrTooltip',
+  components: {
+    CdrPopup: script$1,
+  },
+  props: {
+    position: {
+      type: String,
+      required: false,
+      default: 'top',
+      validator: (value) => validateProp(
+        value,
+        ['top', 'bottom', 'left', 'right'],
+      ),
+    },
+    autoPosition: {
+      type: Boolean,
+      default: true,
+    },
+    id: {
+      type: String,
+      required: true,
+    },
+    contentClass: {
+      type: String,
+      required: false,
+    },
+    open: {
+      type: Boolean,
+      default: false,
+      required: false,
+    },
+  },
+  setup(props, ctx) {
+
+    const isOpen = ref(false);
+    let timeout;
+
+    const popupEl = ref(null);
+    const triggerEl = ref(null);
+
+    const hasTrigger = ctx.slots.trigger;
+// TODO: https://v3.vuejs.org/guide/migration/emits-option.html#overview
+    const openTooltip = (e) => {
+      if (timeout) clearTimeout(timeout);
+      isOpen.value = true;
+      ctx.emit('opened', e);
+    };
+    const closeTooltip = (e) => {
+      timeout = setTimeout(() => {
+        isOpen.value = false;
+        ctx.emit('closed', e);
+      }, 250);
+    };
+    const addHandlers = () => {
+      const triggerElement = triggerEl.value.children[0];
+      popupEl.value;
+      if (triggerElement) {
+        triggerElement.addEventListener('mouseover', openTooltip);
+        triggerElement.addEventListener('focus', openTooltip);
+
+        triggerElement.addEventListener('mouseleave', closeTooltip);
+        triggerElement.addEventListener('blur', closeTooltip);
+
+        // popupElement.addEventListener('mouseover', openTooltip);
+        // popupElement.addEventListener('mouseleave', closeTooltip);
+      }
+    };
+
+    watch(() => props.open, () => (props.open ? openTooltip() : closeTooltip()));
+
+    onMounted(() => {
+      addHandlers();
+      const trigger = triggerEl.value.children[0];
+      if (trigger) trigger.setAttribute('aria-describedby', props.id);
+    });
+
+    return {
+      style: useCssModule(),
+      hasTrigger,
+      isOpen,
+      mapClasses,
+      closeTooltip,
+      openTooltip,
+      popupEl,
+      triggerEl,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/tooltip/CdrTooltip.vue_vue_type_template_id_5abb534e_lang.mjs

@@ -0,0 +1,34 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withCtx } from 'vue';
+
+const _hoisted_1 = { ref: "triggerEl" };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cdr_popup = resolveComponent("cdr-popup");
+
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.mapClasses(
+    _ctx.style, 'cdr-tooltip--wrapper', _ctx.hasTrigger && 'cdr-tooltip--position'
+  ))
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      renderSlot(_ctx.$slots, "trigger")
+    ], 512 /* NEED_PATCH */),
+    createVNode(_component_cdr_popup, {
+      "content-class": _ctx.contentClass,
+      role: "tooltip",
+      ref: "popupEl",
+      position: _ctx.position,
+      "auto-position": _ctx.autoPosition,
+      opened: _ctx.isOpen,
+      id: _ctx.id,
+      onClosed: _ctx.closeTooltip
+    }, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default")
+      ]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["content-class", "position", "auto-position", "opened", "id", "onClosed"])
+  ], 2 /* CLASS */))
+}
+
+export { render };

package/dist/lib/src/components/tooltip/styles/CdrTooltip.module.scss_vue_type_style_index_0_src_id_5abb534e_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-tooltip--position":"cdr-tooltip--position_13-0-0-alpha-3","cdr-tooltip--wrapper":"cdr-tooltip--wrapper_13-0-0-alpha-3","cdr-popup--closed":"cdr-popup--closed_13-0-0-alpha-3","cdr-popup__content":"cdr-popup__content_13-0-0-alpha-3","cdr-popup--bottom":"cdr-popup--bottom_13-0-0-alpha-3","cdr-popup__arrow":"cdr-popup__arrow_13-0-0-alpha-3","cdr-popup--top":"cdr-popup--top_13-0-0-alpha-3","cdr-popup--right":"cdr-popup--right_13-0-0-alpha-3","cdr-popup--left":"cdr-popup--left_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/index.mjs

@@ -0,0 +1,411 @@
+import './components/accordion/CdrAccordion.mjs';
+import './components/accordion/CdrAccordionGroup.mjs';
+import './components/banner/CdrBanner.mjs';
+import './components/breadcrumb/CdrBreadcrumb.mjs';
+import './components/button/CdrButton.mjs';
+import './components/caption/CdrCaption.mjs';
+import './components/card/CdrCard.mjs';
+import './components/checkbox/CdrCheckbox.mjs';
+import './components/chip/CdrChip.mjs';
+import './components/chip/CdrChipGroup.mjs';
+import './components/container/CdrContainer.mjs';
+import './components/formGroup/CdrFormGroup.mjs';
+import './components/grid/CdrGrid.mjs';
+import './components/image/CdrImg.mjs';
+import './components/input/CdrInput.mjs';
+import './components/link/CdrLink.mjs';
+import './components/list/CdrList.mjs';
+import './components/modal/CdrModal.mjs';
+import './components/pagination/CdrPagination.mjs';
+import './components/popover/CdrPopover.mjs';
+import './components/quote/CdrQuote.mjs';
+import './components/radio/CdrRadio.mjs';
+import './components/rating/CdrRating.mjs';
+import './components/table/CdrTable.mjs';
+import './components/tabs/CdrTabPanel.mjs';
+import './components/tabs/CdrTabs.mjs';
+import './components/text/CdrText.mjs';
+import './components/toast/CdrToast.mjs';
+import './components/tooltip/CdrTooltip.mjs';
+export { default as CdrAccordion } from './components/accordion/CdrAccordion.vue_vue_type_script_lang.mjs';
+export { default as CdrAccordionGroup } from './components/accordion/CdrAccordionGroup.vue_vue_type_script_lang.mjs';
+export { default as CdrBanner } from './components/banner/CdrBanner.vue_vue_type_script_setup_true_lang.mjs';
+export { default as CdrBreadcrumb } from './components/breadcrumb/CdrBreadcrumb.vue_vue_type_script_lang.mjs';
+export { default as CdrButton } from './components/button/CdrButton.vue_vue_type_script_lang.mjs';
+export { default as CdrCaption } from './components/caption/CdrCaption.vue_vue_type_script_lang.mjs';
+export { default as CdrCard } from './components/card/CdrCard.vue_vue_type_script_lang.mjs';
+export { default as CdrCheckbox } from './components/checkbox/CdrCheckbox.vue_vue_type_script_lang.mjs';
+export { default as CdrChip } from './components/chip/CdrChip.vue_vue_type_script_lang.mjs';
+export { default as CdrChipGroup } from './components/chip/CdrChipGroup.vue_vue_type_script_lang.mjs';
+export { default as CdrContainer } from './components/container/CdrContainer.vue_vue_type_script_lang.mjs';
+export { default as CdrFormGroup } from './components/formGroup/CdrFormGroup.vue_vue_type_script_lang.mjs';
+export { default as CdrGrid } from './components/grid/CdrGrid.vue_vue_type_script_lang.mjs';
+export { default as CdrImg } from './components/image/CdrImg.vue_vue_type_script_lang.mjs';
+export { default as CdrInput } from './components/input/CdrInput.vue_vue_type_script_lang.mjs';
+export { default as CdrLink } from './components/link/CdrLink.vue_vue_type_script_lang.mjs';
+export { default as CdrList } from './components/list/CdrList.vue_vue_type_script_lang.mjs';
+export { default as CdrModal } from './components/modal/CdrModal.vue_vue_type_script_lang.mjs';
+export { default as CdrPagination } from './components/pagination/CdrPagination.vue_vue_type_script_lang.mjs';
+export { default as CdrPopover } from './components/popover/CdrPopover.vue_vue_type_script_lang.mjs';
+export { default as CdrQuote } from './components/quote/CdrQuote.vue_vue_type_script_lang.mjs';
+export { default as CdrRadio } from './components/radio/CdrRadio.vue_vue_type_script_lang.mjs';
+export { default as CdrRating } from './components/rating/CdrRating.vue_vue_type_script_lang.mjs';
+export { default as CdrTable } from './components/table/CdrTable.vue_vue_type_script_lang.mjs';
+export { default as CdrTabPanel } from './components/tabs/CdrTabPanel.vue_vue_type_script_lang.mjs';
+export { default as CdrTabs } from './components/tabs/CdrTabs.vue_vue_type_script_lang.mjs';
+export { default as CdrText } from './components/text/CdrText.vue_vue_type_script_lang.mjs';
+export { default as CdrToast } from './components/toast/CdrToast.vue_vue_type_script_setup_true_lang.mjs';
+export { default as CdrTooltip } from './components/tooltip/CdrTooltip.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/account-profile-fill.mjs';
+export { default as IconAccountProfileFill } from './components/icon/comps/account-profile-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/account-profile.mjs';
+export { default as IconAccountProfile } from './components/icon/comps/account-profile.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/arrow-down.mjs';
+export { default as IconArrowDown } from './components/icon/comps/arrow-down.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/arrow-left.mjs';
+export { default as IconArrowLeft } from './components/icon/comps/arrow-left.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/arrow-right.mjs';
+export { default as IconArrowRight } from './components/icon/comps/arrow-right.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/arrow-up.mjs';
+export { default as IconArrowUp } from './components/icon/comps/arrow-up.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/atv.mjs';
+export { default as IconAtv } from './components/icon/comps/atv.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/bed-outline.mjs';
+export { default as IconBedOutline } from './components/icon/comps/bed-outline.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/bike-shop.mjs';
+export { default as IconBikeShop } from './components/icon/comps/bike-shop.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/binoculars.mjs';
+export { default as IconBinoculars } from './components/icon/comps/binoculars.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/birding.mjs';
+export { default as IconBirding } from './components/icon/comps/birding.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/boat.mjs';
+export { default as IconBoat } from './components/icon/comps/boat.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/boating.mjs';
+export { default as IconBoating } from './components/icon/comps/boating.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/bookmark-fill.mjs';
+export { default as IconBookmarkFill } from './components/icon/comps/bookmark-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/bookmark-stroke.mjs';
+export { default as IconBookmarkStroke } from './components/icon/comps/bookmark-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/brand-abstract.mjs';
+export { default as IconBrandAbstract } from './components/icon/comps/brand-abstract.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/brand-code-sandbox.mjs';
+export { default as IconBrandCodeSandbox } from './components/icon/comps/brand-code-sandbox.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/brand-github.mjs';
+export { default as IconBrandGithub } from './components/icon/comps/brand-github.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/brand-linkedin.mjs';
+export { default as IconBrandLinkedin } from './components/icon/comps/brand-linkedin.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/brand-rei-ice-axes.mjs';
+export { default as IconBrandReiIceAxes } from './components/icon/comps/brand-rei-ice-axes.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/brand-sketch.mjs';
+export { default as IconBrandSketch } from './components/icon/comps/brand-sketch.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/buddies.mjs';
+export { default as IconBuddies } from './components/icon/comps/buddies.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/bus.mjs';
+export { default as IconBus } from './components/icon/comps/bus.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/calendar.mjs';
+export { default as IconCalendar } from './components/icon/comps/calendar.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/camera.mjs';
+export { default as IconCamera } from './components/icon/comps/camera.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/canoe.mjs';
+export { default as IconCanoe } from './components/icon/comps/canoe.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/car.mjs';
+export { default as IconCar } from './components/icon/comps/car.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/caret-up.mjs';
+export { default as IconCaretUp } from './components/icon/comps/caret-up.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/cart-fill.mjs';
+export { default as IconCartFill } from './components/icon/comps/cart-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/cart.mjs';
+export { default as IconCart } from './components/icon/comps/cart.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/chain-link.mjs';
+export { default as IconChainLink } from './components/icon/comps/chain-link.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/chat.mjs';
+export { default as IconChat } from './components/icon/comps/chat.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/check-fill.mjs';
+export { default as IconCheckFill } from './components/icon/comps/check-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/check-lg.mjs';
+export { default as IconCheckLg } from './components/icon/comps/check-lg.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/check-sm.mjs';
+export { default as IconCheckSm } from './components/icon/comps/check-sm.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/check-stroke.mjs';
+export { default as IconCheckStroke } from './components/icon/comps/check-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/climb.mjs';
+export { default as IconClimb } from './components/icon/comps/climb.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/clipboard.mjs';
+export { default as IconClipboard } from './components/icon/comps/clipboard.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/clock.mjs';
+export { default as IconClock } from './components/icon/comps/clock.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/code-html.mjs';
+export { default as IconCodeHtml } from './components/icon/comps/code-html.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/code-js.mjs';
+export { default as IconCodeJs } from './components/icon/comps/code-js.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/compass.mjs';
+export { default as IconCompass } from './components/icon/comps/compass.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/copy.mjs';
+export { default as IconCopy } from './components/icon/comps/copy.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/coupon-fill.mjs';
+export { default as IconCouponFill } from './components/icon/comps/coupon-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/coupon-stroke.mjs';
+export { default as IconCouponStroke } from './components/icon/comps/coupon-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/credit-card.mjs';
+export { default as IconCreditCard } from './components/icon/comps/credit-card.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/curbside-pickup.mjs';
+export { default as IconCurbsidePickup } from './components/icon/comps/curbside-pickup.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/day.mjs';
+export { default as IconDay } from './components/icon/comps/day.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/diving.mjs';
+export { default as IconDiving } from './components/icon/comps/diving.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/dog.mjs';
+export { default as IconDog } from './components/icon/comps/dog.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/download.mjs';
+export { default as IconDownload } from './components/icon/comps/download.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/edit.mjs';
+export { default as IconEdit } from './components/icon/comps/edit.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/elevation.mjs';
+export { default as IconElevation } from './components/icon/comps/elevation.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/error-fill.mjs';
+export { default as IconErrorFill } from './components/icon/comps/error-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/error-stroke.mjs';
+export { default as IconErrorStroke } from './components/icon/comps/error-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/expand.mjs';
+export { default as IconExpand } from './components/icon/comps/expand.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-backpacking.mjs';
+export { default as IconExperiencesBackpacking } from './components/icon/comps/experiences-backpacking.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-camping.mjs';
+export { default as IconExperiencesCamping } from './components/icon/comps/experiences-camping.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-climbing.mjs';
+export { default as IconExperiencesClimbing } from './components/icon/comps/experiences-climbing.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-clothing.mjs';
+export { default as IconExperiencesClothing } from './components/icon/comps/experiences-clothing.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-cycling.mjs';
+export { default as IconExperiencesCycling } from './components/icon/comps/experiences-cycling.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-family.mjs';
+export { default as IconExperiencesFamily } from './components/icon/comps/experiences-family.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-fitness.mjs';
+export { default as IconExperiencesFitness } from './components/icon/comps/experiences-fitness.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-hiking.mjs';
+export { default as IconExperiencesHiking } from './components/icon/comps/experiences-hiking.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-outdoor-basics.mjs';
+export { default as IconExperiencesOutdoorBasics } from './components/icon/comps/experiences-outdoor-basics.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-paddling.mjs';
+export { default as IconExperiencesPaddling } from './components/icon/comps/experiences-paddling.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-rentals.mjs';
+export { default as IconExperiencesRentals } from './components/icon/comps/experiences-rentals.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-snowsports.mjs';
+export { default as IconExperiencesSnowsports } from './components/icon/comps/experiences-snowsports.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/experiences-travel.mjs';
+export { default as IconExperiencesTravel } from './components/icon/comps/experiences-travel.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/external-link.mjs';
+export { default as IconExternalLink } from './components/icon/comps/external-link.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/eye-hide.mjs';
+export { default as IconEyeHide } from './components/icon/comps/eye-hide.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/eye-show.mjs';
+export { default as IconEyeShow } from './components/icon/comps/eye-show.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/facebook.mjs';
+export { default as IconFacebook } from './components/icon/comps/facebook.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/filter-alt.mjs';
+export { default as IconFilterAlt } from './components/icon/comps/filter-alt.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/filter.mjs';
+export { default as IconFilter } from './components/icon/comps/filter.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/find-location.mjs';
+export { default as IconFindLocation } from './components/icon/comps/find-location.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/fire.mjs';
+export { default as IconFire } from './components/icon/comps/fire.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/fishing.mjs';
+export { default as IconFishing } from './components/icon/comps/fishing.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/free-product.mjs';
+export { default as IconFreeProduct } from './components/icon/comps/free-product.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/grid-view.mjs';
+export { default as IconGridView } from './components/icon/comps/grid-view.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/heart-fill.mjs';
+export { default as IconHeartFill } from './components/icon/comps/heart-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/heart-stroke.mjs';
+export { default as IconHeartStroke } from './components/icon/comps/heart-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/hike.mjs';
+export { default as IconHike } from './components/icon/comps/hike.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/history.mjs';
+export { default as IconHistory } from './components/icon/comps/history.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/home.mjs';
+export { default as IconHome } from './components/icon/comps/home.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/horse.mjs';
+export { default as IconHorse } from './components/icon/comps/horse.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/horseshoe.mjs';
+export { default as IconHorseshoe } from './components/icon/comps/horseshoe.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/image.mjs';
+export { default as IconImage } from './components/icon/comps/image.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/information-fill.mjs';
+export { default as IconInformationFill } from './components/icon/comps/information-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/information-stroke.mjs';
+export { default as IconInformationStroke } from './components/icon/comps/information-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/instagram.mjs';
+export { default as IconInstagram } from './components/icon/comps/instagram.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/kayak.mjs';
+export { default as IconKayak } from './components/icon/comps/kayak.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/list-ragged.mjs';
+export { default as IconListRagged } from './components/icon/comps/list-ragged.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/list-view.mjs';
+export { default as IconListView } from './components/icon/comps/list-view.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/location-pin-fill.mjs';
+export { default as IconLocationPinFill } from './components/icon/comps/location-pin-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/location-pin-stroke.mjs';
+export { default as IconLocationPinStroke } from './components/icon/comps/location-pin-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/lock-locked-fill.mjs';
+export { default as IconLockLockedFill } from './components/icon/comps/lock-locked-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/lock-locked-stroke.mjs';
+export { default as IconLockLockedStroke } from './components/icon/comps/lock-locked-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/lock-unlocked-stroke.mjs';
+export { default as IconLockUnlockedStroke } from './components/icon/comps/lock-unlocked-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/mail.mjs';
+export { default as IconMail } from './components/icon/comps/mail.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/map.mjs';
+export { default as IconMap } from './components/icon/comps/map.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/member-card.mjs';
+export { default as IconMemberCard } from './components/icon/comps/member-card.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/microphone.mjs';
+export { default as IconMicrophone } from './components/icon/comps/microphone.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/minus-fill.mjs';
+export { default as IconMinusFill } from './components/icon/comps/minus-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/minus-lg.mjs';
+export { default as IconMinusLg } from './components/icon/comps/minus-lg.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/minus-sm.mjs';
+export { default as IconMinusSm } from './components/icon/comps/minus-sm.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/minus-stroke.mjs';
+export { default as IconMinusStroke } from './components/icon/comps/minus-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/more-functions.mjs';
+export { default as IconMoreFunctions } from './components/icon/comps/more-functions.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/my-location.mjs';
+export { default as IconMyLocation } from './components/icon/comps/my-location.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/navigation-menu.mjs';
+export { default as IconNavigationMenu } from './components/icon/comps/navigation-menu.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/night.mjs';
+export { default as IconNight } from './components/icon/comps/night.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/paddle.mjs';
+export { default as IconPaddle } from './components/icon/comps/paddle.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/pause-fill.mjs';
+export { default as IconPauseFill } from './components/icon/comps/pause-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/pause-stroke.mjs';
+export { default as IconPauseStroke } from './components/icon/comps/pause-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/pause.mjs';
+export { default as IconPause } from './components/icon/comps/pause.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/photography.mjs';
+export { default as IconPhotography } from './components/icon/comps/photography.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/picnic.mjs';
+export { default as IconPicnic } from './components/icon/comps/picnic.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/pinterest.mjs';
+export { default as IconPinterest } from './components/icon/comps/pinterest.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/plane.mjs';
+export { default as IconPlane } from './components/icon/comps/plane.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/play-fill.mjs';
+export { default as IconPlayFill } from './components/icon/comps/play-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/play-stroke.mjs';
+export { default as IconPlayStroke } from './components/icon/comps/play-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/play.mjs';
+export { default as IconPlay } from './components/icon/comps/play.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/playground.mjs';
+export { default as IconPlayground } from './components/icon/comps/playground.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/plugin.mjs';
+export { default as IconPlugin } from './components/icon/comps/plugin.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/plus-fill.mjs';
+export { default as IconPlusFill } from './components/icon/comps/plus-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/plus-lg.mjs';
+export { default as IconPlusLg } from './components/icon/comps/plus-lg.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/plus-sm.mjs';
+export { default as IconPlusSm } from './components/icon/comps/plus-sm.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/plus-stroke.mjs';
+export { default as IconPlusStroke } from './components/icon/comps/plus-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/print.mjs';
+export { default as IconPrint } from './components/icon/comps/print.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/protection-fill.mjs';
+export { default as IconProtectionFill } from './components/icon/comps/protection-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/protection-stroke.mjs';
+export { default as IconProtectionStroke } from './components/icon/comps/protection-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/question-fill.mjs';
+export { default as IconQuestionFill } from './components/icon/comps/question-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/question-stroke.mjs';
+export { default as IconQuestionStroke } from './components/icon/comps/question-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/refresh.mjs';
+export { default as IconRefresh } from './components/icon/comps/refresh.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/reload.mjs';
+export { default as IconReload } from './components/icon/comps/reload.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/returns.mjs';
+export { default as IconReturns } from './components/icon/comps/returns.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/run.mjs';
+export { default as IconRun } from './components/icon/comps/run.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/scan-barcode.mjs';
+export { default as IconScanBarcode } from './components/icon/comps/scan-barcode.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/search.mjs';
+export { default as IconSearch } from './components/icon/comps/search.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/service-shop.mjs';
+export { default as IconServiceShop } from './components/icon/comps/service-shop.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/shipping.mjs';
+export { default as IconShipping } from './components/icon/comps/shipping.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/shopping-bag-fill.mjs';
+export { default as IconShoppingBagFill } from './components/icon/comps/shopping-bag-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/shopping-bag.mjs';
+export { default as IconShoppingBag } from './components/icon/comps/shopping-bag.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/shrink.mjs';
+export { default as IconShrink } from './components/icon/comps/shrink.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/size-chart.mjs';
+export { default as IconSizeChart } from './components/icon/comps/size-chart.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/ski-boot.mjs';
+export { default as IconSkiBoot } from './components/icon/comps/ski-boot.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/ski.mjs';
+export { default as IconSki } from './components/icon/comps/ski.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/snow-shop.mjs';
+export { default as IconSnowShop } from './components/icon/comps/snow-shop.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/snow.mjs';
+export { default as IconSnow } from './components/icon/comps/snow.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/sort.mjs';
+export { default as IconSort } from './components/icon/comps/sort.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/star-100.mjs';
+export { default as IconStar100 } from './components/icon/comps/star-100.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/star-25.mjs';
+export { default as IconStar25 } from './components/icon/comps/star-25.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/star-50.mjs';
+export { default as IconStar50 } from './components/icon/comps/star-50.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/star-75.mjs';
+export { default as IconStar75 } from './components/icon/comps/star-75.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/star-stroke.mjs';
+export { default as IconStarStroke } from './components/icon/comps/star-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/storefront.mjs';
+export { default as IconStorefront } from './components/icon/comps/storefront.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/swim.mjs';
+export { default as IconSwim } from './components/icon/comps/swim.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/telephone.mjs';
+export { default as IconTelephone } from './components/icon/comps/telephone.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/tent.mjs';
+export { default as IconTent } from './components/icon/comps/tent.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/trash.mjs';
+export { default as IconTrash } from './components/icon/comps/trash.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/twitter.mjs';
+export { default as IconTwitter } from './components/icon/comps/twitter.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/upload.mjs';
+export { default as IconUpload } from './components/icon/comps/upload.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/verified-purchaser.mjs';
+export { default as IconVerifiedPurchaser } from './components/icon/comps/verified-purchaser.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/virtual-outfitting.mjs';
+export { default as IconVirtualOutfitting } from './components/icon/comps/virtual-outfitting.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/warning-fill.mjs';
+export { default as IconWarningFill } from './components/icon/comps/warning-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/warning-stroke.mjs';
+export { default as IconWarningStroke } from './components/icon/comps/warning-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/water.mjs';
+export { default as IconWater } from './components/icon/comps/water.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/wilderness.mjs';
+export { default as IconWilderness } from './components/icon/comps/wilderness.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/x-fill.mjs';
+export { default as IconXFill } from './components/icon/comps/x-fill.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/x-stroke.mjs';
+export { default as IconXStroke } from './components/icon/comps/x-stroke.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/youtube.mjs';
+export { default as IconYoutube } from './components/icon/comps/youtube.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/zoom-in.mjs';
+export { default as IconZoomIn } from './components/icon/comps/zoom-in.vue_vue_type_script_lang.mjs';
+import './components/icon/comps/zoom-out.mjs';
+export { default as IconZoomOut } from './components/icon/comps/zoom-out.vue_vue_type_script_lang.mjs';
+export { default as CdrIcon } from './components/icon/CdrIcon.vue_vue_type_script_lang.mjs';
+export { default as CdrSelect } from './components/select/CdrSelect.vue_vue_type_script_lang.mjs';
+export { default as IconCaretDown } from './components/icon/comps/caret-down.vue_vue_type_script_lang.mjs';
+export { default as IconCaretLeft } from './components/icon/comps/caret-left.vue_vue_type_script_lang.mjs';
+export { default as IconCaretRight } from './components/icon/comps/caret-right.vue_vue_type_script_lang.mjs';
+export { default as IconXLg } from './components/icon/comps/x-lg.vue_vue_type_script_lang.mjs';
+export { default as IconXSm } from './components/icon/comps/x-sm.vue_vue_type_script_lang.mjs';

package/dist/lib/src/mixins/breakpoints.mjs

@@ -0,0 +1,21 @@
+import { CdrBreakpointSm, CdrBreakpointMd, CdrBreakpointLg } from '../../node_modules/@rei/cdr-tokens/dist/js/cdr-tokens.esm.mjs';
+
+function getCurrentBreakpoint() {
+  const screenWidth = window && window.innerWidth || 0;
+
+  if (screenWidth >= CdrBreakpointSm && screenWidth < CdrBreakpointMd) {
+    return 'sm';
+  }
+
+  if (screenWidth >= CdrBreakpointMd && screenWidth < CdrBreakpointLg) {
+    return 'md';
+  }
+
+  if (screenWidth >= CdrBreakpointLg) {
+    return 'lg';
+  }
+
+  return 'xs';
+}
+
+export { getCurrentBreakpoint as default };

package/dist/lib/src/props/background.mjs

@@ -0,0 +1,9 @@
+import validateProp from '../utils/propValidator.mjs';
+
+var backgroundProps = {
+  type: [String],
+  default: 'primary',
+  validator: value => validateProp(value, ['primary', 'secondary'])
+};
+
+export { backgroundProps as default };

package/dist/lib/src/props/size.mjs

@@ -0,0 +1,9 @@
+import validateProp from '../utils/propValidator.mjs';
+
+var sizeProps = {
+  type: String,
+  default: 'medium',
+  validator: value => validateProp(value, ['small', 'medium', 'large'])
+};
+
+export { sizeProps as default };