@rei/cedar 13.0.0-alpha.0 → 13.0.0-alpha.1

package/dist/lib/src/components/tabs/CdrTabs.vue_vue_type_script_lang.js

@@ -0,0 +1,302 @@
+import { buildClass } from '../../utils/buildClass.js';
+import { defineComponent, ref, provide, computed, onMounted, nextTick, useCssModule } from 'vue';
+import debounce from 'lodash/debounce';
+import mapClasses from '../../utils/mapClasses.js';
+import { CdrColorBackgroundPrimary, CdrSpaceHalfX, CdrSpaceOneX } from '../../../node_modules/@rei/cdr-tokens/dist/js/cdr-tokens.esm.js';
+
+var script = defineComponent({
+  name: 'CdrTabs',
+  props: {
+    height: {
+      type: String,
+      default: '240px'
+    },
+    activeTab: {
+      type: Number,
+      default: 0
+    },
+    modifier: String,
+    size: String,
+    backgroundColor: {
+      type: String,
+      default: CdrColorBackgroundPrimary
+    }
+  },
+
+  setup(props, ctx) {
+    var tabs = ref([]);
+    provide('tabs', tabs);
+    var underlineOffsetX = ref(0);
+    var underlineWidth = ref(0); // const underlineScrollX = ref(0); // ????
+
+    var activeTabIndex = ref(0);
+    var headerWidth = ref(0);
+    var headerOverflow = ref(false);
+    var overflowLeft = ref(false);
+    var overflowRight = ref(false);
+    var containerEl = ref(null);
+    var slotWrapperEl = ref(null);
+    var cdrTabsHeaderEl = ref(null);
+    var baseClass = 'cdr-tabs';
+    var modifierClass = computed(function () {
+      return buildClass('cdr-tabs', props.modifier);
+    });
+    var sizeClass = computed(function () {
+      return props.size && buildClass('cdr-tabs', props.size);
+    });
+    var underlineStyle = computed(function () {
+      return {
+        transform: "translateX(".concat(underlineOffsetX.value, "px)"),
+        width: "".concat(underlineWidth.value, "px")
+      };
+    });
+    var gradientLeftStyle = computed(function () {
+      var gradient = "linear-gradient(to left, rgba(255, 255, 255, 0), ".concat(props.backgroundColor, ")");
+      return {
+        background: gradient
+      };
+    });
+    var gradientRightStyle = computed(function () {
+      var gradient = "linear-gradient(to right, rgba(255, 255, 255, 0), ".concat(props.backgroundColor, ")");
+      return {
+        background: gradient
+      };
+    }); // TODO: i feel it in my heart that these 2 function can be 1-liners
+
+    var getNextTab = function getNextTab(startIndex) {
+      for (var i = startIndex; i < tabs.value.length; i += 1) {
+        if (!tabs.value[i].disabled) {
+          return i;
+        }
+      }
+
+      if (startIndex !== 0) {
+        for (var k = 0; k < startIndex; k += 1) {
+          if (!tabs.value[k].disabled) {
+            return k;
+          }
+        }
+      }
+
+      return -1;
+    };
+
+    var getPreviousTab = function getPreviousTab(startIndex) {
+      for (var i = startIndex; i > -1; i -= 1) {
+        if (!tabs.value[i].disabled) {
+          return i;
+        }
+      }
+
+      if (startIndex !== tabs.value.length - 1) {
+        for (var k = tabs.value.length - 1; k > startIndex; k -= 1) {
+          if (!tabs.value[k].disabled) {
+            return k;
+          }
+        }
+      }
+
+      return -1;
+    };
+
+    var handleClick = debounce(function handleClickCallback(tabClicked) {
+      // TODO: render index in buttons to bind this event, no need to find index????
+      var newIndex = tabs.value.findIndex(function (tab) {
+        return tabClicked.name === tab.name;
+      });
+      changeTab(newIndex);
+    }, 500, {
+      leading: true,
+      trailing: false
+    });
+
+    var changeTab = function changeTab(newIndex) {
+      var oldIndex = activeTabIndex.value;
+      hideScrollBar();
+
+      if (newIndex > oldIndex) {
+        tabs.value[oldIndex].setAnimationDirection('exit-left');
+        tabs.value[oldIndex].setActive(false);
+        setTimeout(function () {
+          tabs.value[newIndex].setActive(true);
+          tabs.value[newIndex].setAnimationDirection('enter-right');
+        }, 200);
+      } else {
+        tabs.value[oldIndex].setAnimationDirection('exit-right');
+        tabs.value[oldIndex].setActive(false);
+        setTimeout(function () {
+          tabs.value[newIndex].setActive(true);
+          tabs.value[newIndex].setAnimationDirection('enter-left');
+        }, 200);
+      }
+
+      activeTabIndex.value = newIndex;
+      updateUnderline();
+      cdrTabsHeaderEl.value.children[activeTabIndex.value].focus();
+    };
+
+    var rightArrowNav = debounce(function handleRightArrow() {
+      var nextTab = getNextTab(activeTabIndex.value + 1);
+
+      if (nextTab !== -1) {
+        changeTab(nextTab);
+      }
+    }, 300, {
+      leading: true,
+      trailing: false
+    });
+    var leftArrowNav = debounce(function handleLeftArrow() {
+      var previousTab = getPreviousTab(activeTabIndex.value - 1);
+
+      if (previousTab !== -1) {
+        changeTab(previousTab);
+      }
+    }, 300, {
+      leading: true,
+      trailing: false
+    });
+
+    var calculateOverflow = function calculateOverflow() {
+      var containerWidth = 0;
+
+      if (containerEl.value) {
+        containerWidth = containerEl.value.offsetWidth;
+      }
+
+      headerOverflow.value = headerWidth.value > containerWidth;
+
+      if (headerOverflow.value) {
+        // Get Scroll Position
+        var scrollX = cdrTabsHeaderEl.value.parentElement.scrollLeft;
+        overflowLeft.value = scrollX > 1;
+        overflowRight.value = scrollX + 1 < headerWidth.value - containerWidth;
+      } else {
+        overflowLeft.value = false;
+        overflowRight.value = false;
+      }
+    };
+
+    var updateUnderline = function updateUnderline() {
+      var elements = Array.from(cdrTabsHeaderEl.value.children); // TODO: cache this? probably?
+
+      if (elements.length > 0) {
+        var activeTab = elements[activeTabIndex.value];
+        var activeRect = activeTab.getBoundingClientRect();
+        var parentRect = cdrTabsHeaderEl.value.getBoundingClientRect();
+        var offset = activeRect.x - parentRect.x;
+        underlineOffsetX.value = offset - cdrTabsHeaderEl.value.parentElement.scrollLeft;
+        underlineWidth.value = activeRect.width; // shrink/hide the underline if it scrolls outside the container
+
+        if (underlineOffsetX.value + underlineWidth.value >= parentRect.width) {
+          underlineWidth.value = Math.max(0, parentRect.width - underlineOffsetX.value);
+          underlineOffsetX.value = Math.min(underlineOffsetX.value, parentRect.width);
+        } else if (underlineOffsetX.value < 0) {
+          underlineWidth.value = Math.max(0, underlineWidth.value + underlineOffsetX.value);
+          underlineOffsetX.value = 0;
+        }
+      }
+    }; // TODO: what?
+
+
+    var handleDownArrowNav = function handleDownArrowNav() {
+    }; // TODO: listen for events emitted from tabs???
+
+
+    var setFocusToActiveTabHeader = function setFocusToActiveTabHeader() {
+      cdrTabsHeaderEl.value.children[activeTabIndex.value].focus();
+    };
+
+    var getHeaderWidth = function getHeaderWidth() {
+      var headerElements = [];
+
+      if (cdrTabsHeaderEl.value) {
+        headerElements = Array.from(cdrTabsHeaderEl.value.children);
+      }
+
+      var totalWidth = 0;
+      headerElements.forEach(function (element, i) {
+        // account for margin-left on header elements
+        if (i > 0) {
+          totalWidth += props.size === 'small' ? Number(CdrSpaceHalfX) : Number(CdrSpaceOneX);
+        }
+
+        totalWidth += element.offsetWidth || 0;
+      });
+      return totalWidth;
+    };
+
+    var hideScrollBar = function hideScrollBar() {
+      var containerRef = containerEl.value.style;
+      var slotRef = slotWrapperEl.value.style;
+      window.addEventListener('transitionend', function () {
+        containerRef.setProperty('overflow-x', 'unset');
+        slotRef.setProperty('overflow-y', 'unset');
+      }, {
+        once: true
+      });
+      containerRef.setProperty('overflow-x', 'hidden');
+      slotRef.setProperty('overflow-y', 'hidden');
+    };
+
+    onMounted(function () {
+      activeTabIndex.value = getNextTab(props.activeTab);
+
+      if (tabs.value[activeTabIndex.value] && tabs.value[activeTabIndex.value].setActive) {
+        tabs.value[activeTabIndex.value].setActive(true);
+      }
+
+      nextTick(function () {
+        headerWidth.value = getHeaderWidth();
+        calculateOverflow();
+        setTimeout(function () {
+          updateUnderline();
+        }, 500);
+      }); // Check for header overflow on window resize for gradient behavior.
+
+      window.addEventListener('resize', debounce(function () {
+        headerWidth.value = getHeaderWidth();
+        calculateOverflow();
+        updateUnderline();
+      }, 500)); // Check for header overflow on widow resize for gradient behavior.
+
+      cdrTabsHeaderEl.value.parentElement.addEventListener('scroll', debounce(function () {
+        calculateOverflow();
+        updateUnderline();
+      }, 50));
+    });
+    return {
+      style: useCssModule(),
+      mapClasses,
+      baseClass,
+      modifierClass,
+      sizeClass,
+      tabs,
+      // containerHeight, // ????
+      overflowLeft,
+      overflowRight,
+      rightArrowNav,
+      leftArrowNav,
+      handleDownArrowNav,
+      handleClick,
+      cdrTabsHeaderEl,
+      slotWrapperEl,
+      containerEl,
+      underlineStyle,
+      gradientLeftStyle,
+      gradientRightStyle,
+      getHeaderWidth,
+      calculateOverflow,
+      updateUnderline,
+      hideScrollBar,
+      changeTab,
+      getNextTab,
+      getPreviousTab,
+      activeTabIndex,
+      setFocusToActiveTabHeader,
+      headerOverflow
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/tabs/CdrTabs.vue_vue_type_template_id_0b62a2ae_lang.js

@@ -0,0 +1,75 @@
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, withKeys, withModifiers, Fragment, renderList, toDisplayString, renderSlot } from 'vue';
+
+var _hoisted_1 = ["aria-selected", "aria-controls", "id", "tabIndex", "onClick"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass, _ctx.sizeClass)),
+    ref: "containerEl",
+    style: normalizeStyle({
+      height: _ctx.height
+    })
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.style['cdr-tabs__gradient-container']),
+    onKeyup: [_cache[0] || (_cache[0] = withKeys(function () {
+      return _ctx.rightArrowNav && _ctx.rightArrowNav.apply(_ctx, arguments);
+    }, ["right"])), _cache[1] || (_cache[1] = withKeys(function () {
+      return _ctx.leftArrowNav && _ctx.leftArrowNav.apply(_ctx, arguments);
+    }, ["left"]))],
+    onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(function () {
+      return _ctx.handleDownArrowNav && _ctx.handleDownArrowNav.apply(_ctx, arguments);
+    }, ["prevent"]), ["down"]))
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, 'cdr-tabs__gradient', 'cdr-tabs__gradient--left', _ctx.overflowLeft ? 'cdr-tabs__gradient--active' : '')),
+    style: normalizeStyle(_ctx.gradientLeftStyle)
+  }, null, 6
+  /* CLASS, STYLE */
+  ), createElementVNode("nav", {
+    class: normalizeClass(_ctx.style['cdr-tabs__header-container'])
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.style['cdr-tabs__header']),
+    role: "tablist",
+    ref: "cdrTabsHeaderEl"
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
+    return openBlock(), createElementBlock("button", {
+      role: "tab",
+      "aria-selected": tab.disabled ? '' : _ctx.activeTabIndex === i,
+      "aria-controls": tab.disabled ? '' : tab.id,
+      id: tab.disabled ? '' : tab.ariaLabelledby,
+      key: tab.id,
+      class: normalizeClass(_ctx.mapClasses(_ctx.style, _ctx.activeTabIndex === i && !tab.disabled ? 'cdr-tabs__header-item-active' : '', 'cdr-tabs__header-item', tab.disabled ? 'cdr-tabs__header-item--disabled' : '')),
+      tabIndex: _ctx.activeTabIndex === i && !tab.disabled ? 0 : -1,
+      onClick: withModifiers(function (e) {
+        return tab.disabled ? null : _ctx.handleClick(tab, e);
+      }, ["prevent"])
+    }, toDisplayString(tab.name), 11
+    /* TEXT, CLASS, PROPS */
+    , _hoisted_1);
+  }), 128
+  /* KEYED_FRAGMENT */
+  ))], 2
+  /* CLASS */
+  )], 2
+  /* CLASS */
+  ), createElementVNode("div", {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, 'cdr-tabs__gradient', 'cdr-tabs__gradient--right', _ctx.overflowRight ? 'cdr-tabs__gradient--active' : '')),
+    style: normalizeStyle(_ctx.gradientRightStyle)
+  }, null, 6
+  /* CLASS, STYLE */
+  ), createElementVNode("div", {
+    class: normalizeClass(_ctx.style['cdr-tabs__underline']),
+    style: normalizeStyle(_ctx.underlineStyle)
+  }, null, 6
+  /* CLASS, STYLE */
+  )], 34
+  /* CLASS, HYDRATE_EVENTS */
+  ), createElementVNode("div", {
+    class: normalizeClass(_ctx.style['cdr-tabs__content-container']),
+    ref: "slotWrapperEl"
+  }, [renderSlot(_ctx.$slots, "default")], 2
+  /* CLASS */
+  )], 6
+  /* CLASS, STYLE */
+  );
+}
+
+export { render };

package/dist/lib/src/components/tabs/styles/CdrTabPanel.module.scss_vue_type_style_index_0_src_id_2950521f_module_true_lang.css.js

@@ -0,0 +1,9 @@
+var style0 = {
+  "cdr-tab-panel": "cdr-tab-panel_13-0-0-alpha-1",
+  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_13-0-0-alpha-1",
+  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_13-0-0-alpha-1",
+  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_13-0-0-alpha-1",
+  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/tabs/styles/CdrTabs.module.scss_vue_type_style_index_0_src_id_0b62a2ae_module_true_lang.css.js

@@ -0,0 +1,27 @@
+var style0 = {
+  "cdr-tabs": "cdr-tabs_13-0-0-alpha-1",
+  "cdr-tabs__header-container": "cdr-tabs__header-container_13-0-0-alpha-1",
+  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_13-0-0-alpha-1",
+  "cdr-tabs__gradient": "cdr-tabs__gradient_13-0-0-alpha-1",
+  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_13-0-0-alpha-1",
+  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_13-0-0-alpha-1",
+  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_13-0-0-alpha-1",
+  "cdr-tabs__header": "cdr-tabs__header_13-0-0-alpha-1",
+  "cdr-tabs__header-item": "cdr-tabs__header-item_13-0-0-alpha-1",
+  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_13-0-0-alpha-1",
+  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_13-0-0-alpha-1",
+  "cdr-tabs__underline": "cdr-tabs__underline_13-0-0-alpha-1",
+  "cdr-tabs__content-container": "cdr-tabs__content-container_13-0-0-alpha-1",
+  "fade-enter-active": "fade-enter-active_13-0-0-alpha-1",
+  "fade-leave-active": "fade-leave-active_13-0-0-alpha-1",
+  "fade-enter": "fade-enter_13-0-0-alpha-1",
+  "fade-leave-to": "fade-leave-to_13-0-0-alpha-1",
+  "cdr-tabs--compact": "cdr-tabs--compact_13-0-0-alpha-1",
+  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_13-0-0-alpha-1",
+  "cdr-tabs--small": "cdr-tabs--small_13-0-0-alpha-1",
+  "cdr-tabs--no-border": "cdr-tabs--no-border_13-0-0-alpha-1",
+  "cdr-tabs--full-width": "cdr-tabs--full-width_13-0-0-alpha-1",
+  "cdr-tabs--centered": "cdr-tabs--centered_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/text/CdrText.js

@@ -1,7 +1,7 @@
-import script from './CdrText.vue_vue&type=script&lang.js';
-export { default } from './CdrText.vue_vue&type=script&lang.js';
-import { render } from './CdrText.vue_vue&type=template&id=78d76fe8&lang.js';
-import style0 from './styles/CdrText.module.scss_vue&type=style&index=0&src&id=78d76fe8&module=true&lang.css.js';
+import script from './CdrText.vue_vue_type_script_lang.js';
+export { default } from './CdrText.vue_vue_type_script_lang.js';
+import { render } from './CdrText.vue_vue_type_template_id_78d76fe8_lang.js';
+import style0 from './styles/CdrText.module.scss_vue_type_style_index_0_src_id_78d76fe8_module_true_lang.css.js';
 
 const cssModules = script.__cssModules = {};
 cssModules["$style"] = style0;

package/dist/lib/src/components/text/CdrText.vue_vue_type_script_lang.js

@@ -0,0 +1,20 @@
+import { defineComponent, useCssModule } from 'vue';
+
+var script = defineComponent({
+  name: 'CdrText',
+  props: {
+    tag: {
+      type: String,
+      default: 'p'
+    }
+  },
+
+  setup() {
+    return {
+      style: useCssModule()
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/text/CdrText.vue_vue_type_template_id_78d76fe8_lang.js

@@ -0,0 +1,18 @@
+import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+    class: normalizeClass(_ctx.style['cdr-text'])
+  }, {
+    default: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default")];
+    }),
+    _: 3
+    /* FORWARDED */
+
+  }, 8
+  /* PROPS */
+  , ["class"]);
+}
+
+export { render };

package/dist/lib/src/components/text/styles/CdrText.module.scss_vue_type_style_index_0_src_id_78d76fe8_module_true_lang.css.js

@@ -0,0 +1,5 @@
+var style0 = {
+  "cdr-text": "cdr-text_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/toast/CdrToast.js

@@ -0,0 +1,9 @@
+import script from './CdrToast.vue_vue_type_script_setup_true_lang.js';
+export { default } from './CdrToast.vue_vue_type_script_setup_true_lang.js';
+import style0 from './styles/CdrToast.module.scss_vue_type_style_index_0_src_id_7e02aa8e_module_true_lang.css.js';
+
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
+
+
+script.__file = "src/components/toast/CdrToast.vue";

package/dist/lib/src/components/toast/CdrToast.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,162 @@
+import { useSlots, useCssModule, ref, computed, watch, onUpdated, openBlock, createBlock, Transition, unref, withCtx, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createVNode } from 'vue';
+import validateProp from '../../utils/propValidator.js';
+import { buildClass } from '../../utils/buildClass.js';
+import '../icon/comps/x-sm.js';
+import '../button/CdrButton.js';
+import script$1 from '../button/CdrButton.vue_vue_type_script_lang.js';
+import script$2 from '../icon/comps/x-sm.vue_vue_type_script_lang.js';
+
+var script = {
+  props: {
+    type: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['info', 'warning', 'success', 'error', 'default']);
+      },
+      default: 'default'
+    },
+    open: {
+      type: Boolean,
+      default: false
+    },
+    autoDismiss: {
+      type: Boolean,
+      default: true
+    },
+    dismissDelay: {
+      type: Number,
+      default: 5000
+    }
+  },
+  emits: ['open', 'closed'],
+
+  setup(__props, _ref) {
+    var emit = _ref.emit;
+    var props = __props;
+    var slots = useSlots();
+    var baseClass = 'cdr-toast';
+    var style = useCssModule();
+    var hasIconLeft = slots['icon-left'];
+    var opened = ref(null);
+    var toastEl = ref(null);
+    var timeout;
+    var toastElement;
+    var typeClass = computed(function () {
+      return props.type && buildClass(baseClass, props.type);
+    });
+
+    var openToast = function openToast(e) {
+      if (timeout) {
+        clearTimeout(timeout);
+      } else {
+        emit('open', e);
+      }
+
+      opened.value = true;
+
+      if (props.autoDismiss && !e) {
+        closeToastWithDelay();
+      }
+    };
+
+    var closeToast = function closeToast(e) {
+      removeHandlers();
+      opened.value = false;
+      emit('closed', e);
+    };
+
+    var closeToastWithDelay = function closeToastWithDelay(e) {
+      timeout = setTimeout(function () {
+        removeHandlers();
+        opened.value = false;
+        emit('closed', e);
+      }, props.dismissDelay);
+    };
+
+    var addHandlers = function addHandlers() {
+      toastElement = toastEl.value;
+
+      if (toastElement) {
+        toastElement.addEventListener('mouseover', openToast);
+        toastElement.addEventListener('mouseleave', closeToastWithDelay);
+      }
+    };
+
+    var removeHandlers = function removeHandlers() {
+      if (toastElement) {
+        toastElement.removeEventListener('mouseover', openToast);
+        toastElement.removeEventListener('mouseleave', closeToastWithDelay);
+      }
+    };
+
+    watch(function () {
+      return props.open;
+    }, function () {
+      if (props.open) openToast();
+    });
+    onUpdated(function () {
+      if (props.autoDismiss) addHandlers();
+    });
+    return function (_ctx, _cache) {
+      return openBlock(), createBlock(Transition, {
+        "enter-from-class": unref(style)['cdr-toast__transition--toast-enter-from'],
+        "enter-active-class": unref(style)['cdr-toast__transition--toast-enter-active'],
+        "leave-to-class": unref(style)['cdr-toast__transition--toast-leave-to'],
+        "leave-active-class": unref(style)['cdr-toast__transition--toast-leave-active']
+      }, {
+        default: withCtx(function () {
+          return [opened.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([unref(style)[baseClass], unref(style)[unref(typeClass)]]),
+            role: "status",
+            ref: function ref(_value, _refs) {
+              _refs['toastEl'] = _value;
+              toastEl.value = _value;
+            }
+          }, [createElementVNode("div", {
+            class: normalizeClass([unref(style)['cdr-toast__main']])
+          }, [unref(hasIconLeft) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([unref(style)['cdr-toast__icon-left']])
+          }, [renderSlot(_ctx.$slots, "icon-left")], 2
+          /* CLASS */
+          )) : createCommentVNode("v-if", true), createElementVNode("span", {
+            class: normalizeClass([unref(style)['cdr-toast__message']])
+          }, [renderSlot(_ctx.$slots, "default")], 2
+          /* CLASS */
+          ), createVNode(unref(script$1), {
+            class: normalizeClass([unref(style)['cdr-toast__close-button']]),
+            "icon-only": "",
+            onClick: closeToast,
+            "aria-label": "Close",
+            size: "small"
+          }, {
+            default: withCtx(function () {
+              return [createVNode(unref(script$2), {
+                slot: "icon",
+                "inherit-color": ""
+              })];
+            }),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["class"])], 2
+          /* CLASS */
+          )], 2
+          /* CLASS */
+          )) : createCommentVNode("v-if", true)];
+        }),
+        _: 3
+        /* FORWARDED */
+
+      }, 8
+      /* PROPS */
+      , ["enter-from-class", "enter-active-class", "leave-to-class", "leave-active-class"]);
+    };
+  }
+
+};
+
+export { script as default };

package/dist/lib/src/components/toast/styles/CdrToast.module.scss_vue_type_style_index_0_src_id_7e02aa8e_module_true_lang.css.js

@@ -0,0 +1,18 @@
+var style0 = {
+  "cdr-toast": "cdr-toast_13-0-0-alpha-1",
+  "cdr-toast__transition--toast-enter-from": "cdr-toast__transition--toast-enter-from_13-0-0-alpha-1",
+  "cdr-toast__transition--toast-enter-active": "cdr-toast__transition--toast-enter-active_13-0-0-alpha-1",
+  "cdr-toast__transition--toast-leave-to": "cdr-toast__transition--toast-leave-to_13-0-0-alpha-1",
+  "cdr-toast__transition--toast-leave-active": "cdr-toast__transition--toast-leave-active_13-0-0-alpha-1",
+  "cdr-toast__main": "cdr-toast__main_13-0-0-alpha-1",
+  "cdr-toast__icon-left": "cdr-toast__icon-left_13-0-0-alpha-1",
+  "cdr-toast__message": "cdr-toast__message_13-0-0-alpha-1",
+  "cdr-toast__close-button": "cdr-toast__close-button_13-0-0-alpha-1",
+  "cdr-toast--default": "cdr-toast--default_13-0-0-alpha-1",
+  "cdr-toast--info": "cdr-toast--info_13-0-0-alpha-1",
+  "cdr-toast--warning": "cdr-toast--warning_13-0-0-alpha-1",
+  "cdr-toast--success": "cdr-toast--success_13-0-0-alpha-1",
+  "cdr-toast--error": "cdr-toast--error_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/tooltip/CdrTooltip.js

@@ -1,7 +1,7 @@
-import script from './CdrTooltip.vue_vue&type=script&lang.js';
-export { default } from './CdrTooltip.vue_vue&type=script&lang.js';
-import { render } from './CdrTooltip.vue_vue&type=template&id=5abb534e&lang.js';
-import style0 from './styles/CdrTooltip.module.scss_vue&type=style&index=0&src&id=5abb534e&module=true&lang.css.js';
+import script from './CdrTooltip.vue_vue_type_script_lang.js';
+export { default } from './CdrTooltip.vue_vue_type_script_lang.js';
+import { render } from './CdrTooltip.vue_vue_type_template_id_5abb534e_lang.js';
+import style0 from './styles/CdrTooltip.module.scss_vue_type_style_index_0_src_id_5abb534e_module_true_lang.css.js';
 
 const cssModules = script.__cssModules = {};
 cssModules["$style"] = style0;