@eturnity/eturnity_reusable_components 8.26.11-autiFill.6 → 8.26.11-autiFill.7

package/dist/main.es238.js

@@ -2,15 +2,13 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "14",
-  height: "12",
+  width: "16",
+  height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  "fill-rule": "evenodd",
-  d: "M6.346 10.728c-.178.303-.485.672-.971.672-.483 0-.79-.364-.97-.666-.193-.326-.346-.76-.477-1.232-.26-.944-.467-2.19-.668-3.399l-.003-.021c-.205-1.235-.404-2.43-.65-3.318-.123-.446-.248-.778-.373-.988A.6.6 0 0 0 2.1 1.6c-.115.011-.28.104-.469.475-.194.383-.336.924-.435 1.507a15 15 0 0 0-.171 1.595A17 17 0 0 0 1 5.852V5.9a.5.5 0 0 1-1 0v-.06l.003-.158c.004-.136.01-.329.023-.56.026-.46.078-1.08.184-1.705C.314 2.8.477 2.14.74 1.624.994 1.124 1.428.6 2.125.6c.483 0 .79.364.97.666.193.326.346.76.477 1.232.26.944.467 2.19.668 3.399l.003.021c.205 1.235.404 2.43.65 3.318.123.446.248.778.373.988.047.08.083.125.108.151a1 1 0 0 0 .11-.153c.124-.213.25-.55.374-1 .245-.898.444-2.106.649-3.353l.003-.021c.2-1.222.407-2.48.668-3.433.13-.476.284-.914.476-1.242C7.832.869 8.14.5 8.625.5c.488 0 .795.374.972.679.192.33.345.772.476 1.253.26.962.466 2.232.667 3.467l.003.02c.205 1.26.404 2.48.65 3.388q.186.686.375 1.012a.7.7 0 0 0 .135.18c.155-.01.313-.102.481-.372.183-.29.32-.71.418-1.175A10.7 10.7 0 0 0 13 7.146v-.029L13 7.11a.5.5 0 0 1 1 .003v.05a10 10 0 0 1-.029.592c-.027.378-.081.888-.19 1.404-.107.507-.275 1.06-.549 1.498-.276.443-.715.843-1.357.843-.488 0-.795-.374-.972-.679-.192-.33-.345-.772-.476-1.253-.26-.962-.467-2.232-.667-3.467l-.004-.02c-.204-1.26-.403-2.48-.649-3.388-.123-.456-.25-.796-.375-1.012a1 1 0 0 0-.108-.154 1 1 0 0 0-.107.151c-.125.213-.251.55-.375 1-.245.898-.444 2.106-.649 3.353l-.003.021c-.2 1.222-.407 2.48-.668 3.433-.13.476-.284.914-.476 1.242",
-  "clip-rule": "evenodd"
+  d: "M20 13a6.98 6.98 0 0 0-7 7c0 3.882 3.118 7 7 7s7-3.118 7-7-3.118-7-7-7m-1.336 10.246v-6.491L22.545 20z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -18,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const inverter = { render };
+const introTour = { render };
 export {
-  inverter as default,
+  introTour as default,
   render
 };

package/dist/main.es239.js

@@ -2,13 +2,15 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "10",
+  width: "14",
   height: "12",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#505CA6",
-  d: "M20.274 22.706q.036-.117.067-.237c0-.013.352-1.364.726-2.774.645-2.424.801-2.912.834-2.987.127-.254.338-.456.597-.571.29-.132.6-.211.917-.234a.42.42 0 0 0 .284-.166.5.5 0 0 0 .107-.304.43.43 0 0 0-.436-.433h-4.903a.434.434 0 0 0-.432.432v.015a.43.43 0 0 0 .362.427c.33.04.653.124.961.25a.96.96 0 0 1 .353.262c.09.113.138.255.135.4-.015.296-.071.588-.167.867q-.027.09-.052.183c-.106.377-.262.949-.442 1.612-.417 1.525-.933 3.423-1.062 3.784-.083.243-.417.82-1.53.905a.433.433 0 0 0-.398.43.434.434 0 0 0 .431.433h4.905a.432.432 0 0 0 .052-.86l-.127-.016c-.43-.049-.965-.111-1.191-.404a.7.7 0 0 1-.104-.545q.04-.239.113-.47"
+  fill: "#263238",
+  "fill-rule": "evenodd",
+  d: "M6.346 10.728c-.178.303-.485.672-.971.672-.483 0-.79-.364-.97-.666-.193-.326-.346-.76-.477-1.232-.26-.944-.467-2.19-.668-3.399l-.003-.021c-.205-1.235-.404-2.43-.65-3.318-.123-.446-.248-.778-.373-.988A.6.6 0 0 0 2.1 1.6c-.115.011-.28.104-.469.475-.194.383-.336.924-.435 1.507a15 15 0 0 0-.171 1.595A17 17 0 0 0 1 5.852V5.9a.5.5 0 0 1-1 0v-.06l.003-.158c.004-.136.01-.329.023-.56.026-.46.078-1.08.184-1.705C.314 2.8.477 2.14.74 1.624.994 1.124 1.428.6 2.125.6c.483 0 .79.364.97.666.193.326.346.76.477 1.232.26.944.467 2.19.668 3.399l.003.021c.205 1.235.404 2.43.65 3.318.123.446.248.778.373.988.047.08.083.125.108.151a1 1 0 0 0 .11-.153c.124-.213.25-.55.374-1 .245-.898.444-2.106.649-3.353l.003-.021c.2-1.222.407-2.48.668-3.433.13-.476.284-.914.476-1.242C7.832.869 8.14.5 8.625.5c.488 0 .795.374.972.679.192.33.345.772.476 1.253.26.962.466 2.232.667 3.467l.003.02c.205 1.26.404 2.48.65 3.388q.186.686.375 1.012a.7.7 0 0 0 .135.18c.155-.01.313-.102.481-.372.183-.29.32-.71.418-1.175A10.7 10.7 0 0 0 13 7.146v-.029L13 7.11a.5.5 0 0 1 1 .003v.05a10 10 0 0 1-.029.592c-.027.378-.081.888-.19 1.404-.107.507-.275 1.06-.549 1.498-.276.443-.715.843-1.357.843-.488 0-.795-.374-.972-.679-.192-.33-.345-.772-.476-1.253-.26-.962-.467-2.232-.667-3.467l-.004-.02c-.204-1.26-.403-2.48-.649-3.388-.123-.456-.25-.796-.375-1.012a1 1 0 0 0-.108-.154 1 1 0 0 0-.107.151c-.125.213-.251.55-.375 1-.245.898-.444 2.106-.649 3.353l-.003.021c-.2 1.222-.407 2.48-.668 3.433-.13.476-.284.914-.476 1.242",
+  "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const italic = { render };
+const inverter = { render };
 export {
-  italic as default,
+  inverter as default,
   render
 };

package/dist/main.es24.js

@@ -1,543 +1,4 @@
-import "./main.es3.js";
-import _sfc_main$1 from "./main.es376.js";
-import styled from "./main.es7.js";
-import theme from "./main.es8.js";
-import _export_sfc from "./main.es11.js";
-import { computed, onMounted, onUnmounted, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode as createBaseVNode, createVNode, createElementBlock, createTextVNode, createCommentVNode, Fragment, renderSlot, Teleport } from "./main.es6.js";
-import { toDisplayString, normalizeStyle } from "./main.es16.js";
-import { ref } from "./main.es18.js";
-const TextOverlayAttrs = {
-  appTheme: String,
-  image: Boolean,
-  width: Number
-};
-const TextOverlay = styled("div", TextOverlayAttrs)`
-    color: ${(props) => props.image ? props.theme.colors.grey1 : props.theme.colors.black};
-    font-size: ${(props) => props.image ? "12px" : "13px"};
-    border-radius: 4px;
-    padding: 10px;
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-    white-space: normal;
-    width: ${(props) => props.width ? `${props.width}px` : "100%"};
-    box-shadow: ${(props) => props.image ? "0 2px 10px rgba(0, 0, 0, 0.1)" : "none"};
-
-    a {
-      color: ${(props) => props.theme.colors.blue};
-    }
-
-    img + span {
-      margin-top: 10px;
-      display: block;
-    }
-  `;
-const PageContainer = styled("div")`
-    display: ${(props) => props.type === "dot" ? "unset" : "inline-block"};
-    position: relative;
-  `;
-const TextWrapper = styled("div")`
-    z-index: 9999999999;
-    position: absolute;
-  `;
-const OverlayImage = styled("img")`
-    width: 100%;
-    height: auto;
-  `;
-const Dot = styled("div")`
-    width: 5px;
-    height: 5px;
-    background-color: ${(props) => props.color};
-    border-radius: 50%;
-  `;
-const IconWrapperAttrs = {
-  backgroundColor: String,
-  borderRadius: String,
-  padding: String,
-  hoveredIcon: Boolean,
-  isActive: Boolean,
-  isDisabled: Boolean
-};
-const IconWrapper = styled("div", IconWrapperAttrs)`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 6px;
-    white-space: nowrap;
-    background-color: ${(props) => props.backgroundColor};
-    border-radius: ${(props) => props.hoveredIcon ? "6px" : props.borderRadius};
-    padding: ${(props) => props.padding};
-    width: ${(props) => props.hoveredIcon ? "32px" : ""};
-    height: ${(props) => props.hoveredIcon ? "32px" : ""};
-    cursor: pointer;
-    background-color: ${(props) => props.isActive ? props.theme.colors.transparentWhite2 : ""};
-    cursor: ${(props) => props.isDisabled ? "not-allowed" : "pointer"};
-    &:hover {
-      background-color: ${(props) => props.hoveredIcon ? props.theme.colors.transparentWhite2 : ""};
-    }
-  `;
-const LabelWrapperAttrs = {
-  size: String,
-  color: String
-};
-const LabelWrapper = styled("div", LabelWrapperAttrs)`
-    font-size: ${(props) => props.size};
-    color: ${(props) => props.color};
-  `;
-const _sfc_main = {
-  name: "InfoText",
-  components: {
-    IconComponent: _sfc_main$1,
-    TextOverlay,
-    // Arrow,
-    Dot,
-    PageContainer,
-    TextWrapper,
-    OverlayImage,
-    IconWrapper,
-    LabelWrapper
-  },
-  props: {
-    text: {
-      required: false,
-      default: "",
-      type: String
-    },
-    isActive: {
-      required: false,
-      default: false,
-      type: Boolean
-    },
-    labelText: {
-      required: false,
-      default: "",
-      type: String
-    },
-    size: {
-      type: String,
-      default: "14px"
-    },
-    infoPosition: {
-      required: false,
-      default: null,
-      type: String
-    },
-    maxWidth: {
-      default: "400px",
-      type: String
-    },
-    openTrigger: {
-      type: String,
-      default: "onHover",
-      validator: (value) => ["onHover", "onClick"].includes(value)
-    },
-    buttonType: {
-      type: String,
-      default: "regular",
-      validator: (value) => ["regular", "error"].includes(value)
-    },
-    image: {
-      type: String,
-      default: ""
-    },
-    iconName: {
-      type: String,
-      default: "info"
-    },
-    iconColor: {
-      type: String,
-      default: null,
-      required: false
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    dotColor: {
-      type: String,
-      required: false,
-      default: theme.semanticColors.blue[400]
-    },
-    type: {
-      type: String,
-      required: false,
-      default: "info"
-      // info, dot
-    },
-    appTheme: {
-      type: String,
-      default: "light",
-      // light or dark
-      required: false
-    },
-    labelAlign: {
-      type: String,
-      default: "right",
-      required: false
-    },
-    backgroundColor: {
-      type: String,
-      default: "",
-      required: false
-    },
-    contentBackgroundColor: {
-      type: String,
-      default: "",
-      required: false
-    },
-    borderRadius: {
-      type: String,
-      default: "",
-      required: false
-    },
-    padding: {
-      type: String,
-      default: "",
-      required: false
-    },
-    labelSize: {
-      type: String,
-      default: "12px",
-      required: false
-    },
-    noIcon: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    hoveredIcon: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    hideInfoText: {
-      type: Boolean,
-      default: false,
-      required: false
-    }
-  },
-  setup(props) {
-    const isVisible = ref(false);
-    const container = ref(null);
-    const icon = ref(null);
-    const infoBox = ref(null);
-    const textContent = ref(null);
-    const infoImage = ref(null);
-    const infoBoxWidth = ref(0);
-    const infoBoxHeight = ref(0);
-    const boxStyle = ref({});
-    const arrowStyle = ref({});
-    const wrapperStyle = ref({});
-    const isMobile = ref(window.innerWidth <= 768);
-    const textStyle = computed(() => ({
-      fontSize: props.image ? "12px" : "13px",
-      color: props.image ? theme.colors.grey1 : props.appTheme === "dark" ? theme.colors.black : theme.colors.white,
-      textAlign: props.image ? "right" : "left"
-    }));
-    const calculatePosition = (width) => {
-      if (!icon.value || !width)
-        return {};
-      const iconRect = icon.value.getBoundingClientRect();
-      const windowHeight = window.innerHeight;
-      const windowWidth = window.innerWidth;
-      const spaceBelow = windowHeight - iconRect.bottom - 10;
-      const spaceAbove = iconRect.top - 10;
-      const spaceRight = windowWidth - iconRect.right - 10;
-      const spaceLeft = iconRect.left - 10;
-      const positions = [{
-        position: "bottom",
-        space: spaceBelow
-      }, {
-        position: "top",
-        space: spaceAbove
-      }, {
-        position: "right",
-        space: spaceRight
-      }, {
-        position: "left",
-        space: spaceLeft
-      }].sort((a, b) => b.space - a.space);
-      const bestPosition = props.infoPosition ? props.infoPosition : positions[0].position;
-      let top, left, arrowPosition;
-      switch (bestPosition) {
-        case "bottom":
-          top = Math.round(iconRect.bottom + 10);
-          left = Math.round(Math.min(iconRect.left, windowWidth - width - 10));
-          arrowPosition = {
-            left: `${Math.round(Math.min(Math.max(iconRect.left - left + iconRect.width / 2 - 8, 2), width - 18))}px`,
-            top: "-7px",
-            bottom: "auto",
-            transform: "rotate(180deg)"
-          };
-          break;
-        case "top":
-          top = Math.round(iconRect.top - infoBoxHeight.value - 10);
-          left = Math.round(Math.min(iconRect.left, windowWidth - width - 10));
-          arrowPosition = {
-            left: `${Math.round(Math.min(Math.max(iconRect.left - left + iconRect.width / 2 - 8, 2), width - 18))}px`,
-            top: "auto",
-            bottom: "-7px",
-            transform: "none"
-          };
-          break;
-        case "right":
-          top = Math.round(Math.max(Math.min(iconRect.top - (infoBoxHeight.value - iconRect.height) / 2, windowHeight - infoBoxHeight.value - 10), 10));
-          left = Math.round(iconRect.right + 10);
-          arrowPosition = {
-            left: "-7px",
-            top: `${Math.round(Math.min(Math.max(iconRect.top - top + iconRect.height / 2 - 8, 2), infoBoxHeight.value - 18))}px`,
-            bottom: "auto",
-            transform: "rotate(90deg)"
-          };
-          break;
-        case "left":
-          top = Math.round(Math.max(Math.min(iconRect.top - (infoBoxHeight.value - iconRect.height) / 2, windowHeight - infoBoxHeight.value - 10), 10));
-          left = Math.round(iconRect.left - width - 10);
-          arrowPosition = {
-            left: "auto",
-            right: "-7px",
-            top: `${Math.round(Math.min(Math.max(iconRect.top - top + iconRect.height / 2 - 8, 2), infoBoxHeight.value - 18))}px`,
-            bottom: "auto",
-            transform: "rotate(-90deg)"
-          };
-          break;
-      }
-      arrowStyle.value = arrowPosition;
-      wrapperStyle.value = {
-        position: "fixed",
-        top: `${top}px`,
-        left: `${left}px`,
-        transform: "none",
-        width: `${width}px`
-      };
-      return {
-        width: "100%",
-        maxWidth: props.maxWidth,
-        overflowY: "auto",
-        backgroundColor: props.contentBackgroundColor ? props.contentBackgroundColor : props.image ? theme.colors.white : props.appTheme === "light" ? theme.colors.black : theme.colors.grey5
-      };
-    };
-    const showInfo = async () => {
-      isVisible.value = !props.hideInfoText;
-      await nextTick();
-      await nextTick();
-      await updatePosition();
-    };
-    const hideInfo = () => {
-      isVisible.value = false;
-      infoBoxWidth.value = 0;
-    };
-    const toggleInfo = () => {
-      isVisible.value ? hideInfo() : showInfo();
-    };
-    const handleScroll = () => {
-      if (isVisible.value) {
-        hideInfo();
-      }
-      updatePosition();
-    };
-    const isIconInView = () => {
-      if (!icon.value)
-        return false;
-      const rect = icon.value.getBoundingClientRect();
-      return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
-    };
-    const updatePosition = async () => {
-      if (!infoBox.value || !textContent.value)
-        return;
-      if (infoBox.value.$el) {
-        infoBox.value.$el.style.visibility = "hidden";
-        infoBox.value.$el.style.display = "block";
-      }
-      await nextTick();
-      if (!isIconInView()) {
-        if (isVisible.value)
-          hideInfo();
-        return;
-      }
-      const clone = textContent.value.cloneNode(true);
-      clone.style.position = "absolute";
-      clone.style.visibility = "hidden";
-      clone.style.width = "auto";
-      clone.style.maxWidth = "none";
-      clone.style.whiteSpace = "nowrap";
-      document.body.appendChild(clone);
-      const contentWidth = clone.offsetWidth;
-      document.body.removeChild(clone);
-      const calculatedWidth = Math.min(Math.max(contentWidth, 230), parseInt(props.maxWidth, 10));
-      infoBoxWidth.value = calculatedWidth;
-      await nextTick();
-      infoBoxHeight.value = infoBox.value.$el.offsetHeight;
-      boxStyle.value = calculatePosition(calculatedWidth);
-      if (isVisible.value && infoBox.value.$el) {
-        infoBox.value.$el.style.visibility = "visible";
-      }
-    };
-    const onImageLoad = () => {
-      if (infoImage.value) {
-        infoBoxHeight.value = infoBox.value.$el.offsetHeight;
-        updatePosition();
-      }
-    };
-    const handleClickOutside = (event) => {
-      if ((props.openTrigger === "onClick" || isMobile.value) && isVisible.value) {
-        const clickedElement = event.target;
-        if (infoBox.value && !infoBox.value.$el.contains(clickedElement) && !icon.value.contains(clickedElement)) {
-          hideInfo();
-        }
-      }
-    };
-    const handleResize = () => {
-      isMobile.value = window.innerWidth <= 768;
-      updatePosition();
-    };
-    onMounted(() => {
-      window.addEventListener("scroll", handleScroll, {
-        passive: true
-      });
-      window.addEventListener("resize", handleResize);
-      document.addEventListener("scroll", handleScroll, {
-        passive: true,
-        capture: true
-      });
-      document.addEventListener("click", handleClickOutside);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("scroll", handleScroll);
-      window.removeEventListener("resize", handleResize);
-      document.removeEventListener("scroll", handleScroll, {
-        capture: true
-      });
-      document.removeEventListener("click", handleClickOutside);
-    });
-    watch(isVisible, (newValue) => {
-      if (newValue) {
-        updatePosition();
-      }
-    });
-    return {
-      isVisible,
-      boxStyle,
-      arrowStyle,
-      showInfo,
-      hideInfo,
-      toggleInfo,
-      container,
-      icon,
-      infoBox,
-      textContent,
-      infoImage,
-      infoBoxWidth,
-      infoBoxHeight,
-      wrapperStyle,
-      textStyle,
-      onImageLoad,
-      isMobile
-    };
-  },
-  computed: {
-    computedIconColor() {
-      return this.buttonType === "error" ? theme.colors.red : theme.colors.mediumGray;
-    }
-  }
-};
-const _hoisted_1 = {
-  ref: "icon",
-  "data-test-id": "infoText_trigger"
-};
-const _hoisted_2 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_LabelWrapper = resolveComponent("LabelWrapper");
-  const _component_Dot = resolveComponent("Dot");
-  const _component_IconComponent = resolveComponent("IconComponent");
-  const _component_IconWrapper = resolveComponent("IconWrapper");
-  const _component_OverlayImage = resolveComponent("OverlayImage");
-  const _component_TextOverlay = resolveComponent("TextOverlay");
-  const _component_TextWrapper = resolveComponent("TextWrapper");
-  const _component_PageContainer = resolveComponent("PageContainer");
-  return openBlock(), createBlock(_component_PageContainer, {
-    ref: "container",
-    "data-test-id": "infoText_container",
-    type: $props.type,
-    onClick: _cache[0] || (_cache[0] = ($event) => {
-      ($setup.isMobile || $props.openTrigger === "onClick") && $setup.toggleInfo();
-    }),
-    onMouseenter: _cache[1] || (_cache[1] = ($event) => !$setup.isMobile && $props.openTrigger === "onHover" && $setup.showInfo()),
-    onMouseleave: _cache[2] || (_cache[2] = ($event) => !$setup.isMobile && $props.openTrigger === "onHover" && $setup.hideInfo())
-  }, {
-    default: withCtx(() => [createBaseVNode("div", _hoisted_1, [createVNode(_component_IconWrapper, {
-      "background-color": $props.backgroundColor,
-      "border-radius": $props.borderRadius,
-      "hovered-icon": $props.hoveredIcon,
-      "is-active": $props.isActive,
-      "is-disabled": $props.isDisabled,
-      padding: $props.padding
-    }, {
-      default: withCtx(() => [!_ctx.$slots.trigger ? (openBlock(), createElementBlock(Fragment, {
-        key: 0
-      }, [$props.labelText && $props.labelAlign === "left" ? (openBlock(), createBlock(_component_LabelWrapper, {
-        key: 0,
-        color: $props.iconColor || $options.computedIconColor,
-        size: $props.labelSize
-      }, {
-        default: withCtx(() => [createTextVNode(toDisplayString($props.labelText), 1)]),
-        _: 1
-      }, 8, ["color", "size"])) : createCommentVNode("", true), createTextVNode(), $props.type === "dot" ? (openBlock(), createBlock(_component_Dot, {
-        key: 1,
-        color: $props.dotColor,
-        "data-test-id": "infoText_dot"
-      }, null, 8, ["color"])) : !$props.noIcon ? (openBlock(), createBlock(_component_IconComponent, {
-        key: 2,
-        color: $props.iconColor || $options.computedIconColor,
-        cursor: $props.isDisabled ? "not-allowed" : "pointer",
-        disabled: $props.isDisabled,
-        "hovered-color": $props.iconColor || $options.computedIconColor,
-        name: $props.iconName,
-        size: $props.size
-      }, null, 8, ["color", "cursor", "disabled", "hovered-color", "name", "size"])) : createCommentVNode("", true), createTextVNode(), $props.labelText && $props.labelAlign === "right" ? (openBlock(), createBlock(_component_LabelWrapper, {
-        key: 3,
-        color: $props.iconColor || $options.computedIconColor,
-        size: $props.labelSize
-      }, {
-        default: withCtx(() => [createTextVNode(toDisplayString($props.labelText), 1)]),
-        _: 1
-      }, 8, ["color", "size"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createTextVNode(), renderSlot(_ctx.$slots, "trigger")]),
-      _: 3
-    }, 8, ["background-color", "border-radius", "hovered-icon", "is-active", "is-disabled", "padding"])], 512), createTextVNode(), $setup.isVisible && (!!$props.text || _ctx.$slots.default) ? (openBlock(), createBlock(Teleport, {
-      key: 0,
-      to: "body"
-    }, [createVNode(_component_TextWrapper, {
-      "data-test-id": "info_text_wrapper",
-      style: normalizeStyle($setup.wrapperStyle)
-    }, {
-      default: withCtx(() => [createVNode(_component_TextOverlay, {
-        ref: "infoBox",
-        "app-theme": $props.appTheme,
-        image: $props.image,
-        style: normalizeStyle($setup.boxStyle),
-        width: $setup.infoBoxWidth
-      }, {
-        default: withCtx(() => [$props.image ? (openBlock(), createBlock(_component_OverlayImage, {
-          key: 0,
-          ref: "infoImage",
-          alt: "Info Image",
-          src: $props.image,
-          onLoad: $setup.onImageLoad
-        }, null, 8, ["src", "onLoad"])) : createCommentVNode("", true), createTextVNode(), !$props.hideInfoText ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          ref: "textContent",
-          style: normalizeStyle($setup.textStyle)
-        }, [renderSlot(_ctx.$slots, "default", {}, () => [createBaseVNode("span", {
-          innerHTML: $props.text
-        }, null, 8, _hoisted_2)])], 4)) : createCommentVNode("", true)]),
-        _: 3
-      }, 8, ["app-theme", "image", "style", "width"]), createTextVNode()]),
-      _: 3
-    }, 8, ["style"])])) : createCommentVNode("", true)]),
-    _: 3
-  }, 8, ["type"]);
-}
-const InfoText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Test_vue_vue_type_style_index_0_lang = "";
 export {
-  InfoText as default
+  Test_vue_vue_type_style_index_0_lang as default
 };

package/dist/main.es240.js

@@ -2,27 +2,22 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "9",
-  height: "6",
+  width: "10",
+  height: "12",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M.7 4.384.518 3.312 3.269.4H4.46zM.126 6V.4h.912V6zm3.288 0L1.157 3.152l.656-.568L4.557 6z"
+  fill: "#505CA6",
+  d: "M20.274 22.706q.036-.117.067-.237c0-.013.352-1.364.726-2.774.645-2.424.801-2.912.834-2.987.127-.254.338-.456.597-.571.29-.132.6-.211.917-.234a.42.42 0 0 0 .284-.166.5.5 0 0 0 .107-.304.43.43 0 0 0-.436-.433h-4.903a.434.434 0 0 0-.432.432v.015a.43.43 0 0 0 .362.427c.33.04.653.124.961.25a.96.96 0 0 1 .353.262c.09.113.138.255.135.4-.015.296-.071.588-.167.867q-.027.09-.052.183c-.106.377-.262.949-.442 1.612-.417 1.525-.933 3.423-1.062 3.784-.083.243-.417.82-1.53.905a.433.433 0 0 0-.398.43.434.434 0 0 0 .431.433h4.905a.432.432 0 0 0 .052-.86l-.127-.016c-.43-.049-.965-.111-1.191-.404a.7.7 0 0 1-.104-.545q.04-.239.113-.47"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M4.401 6v-.712q0-.248.128-.512a2.5 2.5 0 0 1 .36-.544q.24-.272.56-.512l.976-.704q.184-.128.336-.296.16-.169.256-.352a.84.84 0 0 0 .096-.376.8.8 0 0 0-.12-.424.8.8 0 0 0-.328-.304 1.1 1.1 0 0 0-.512-.112 1.04 1.04 0 0 0-.832.392q-.136.176-.192.384l-.952-.176q.08-.384.336-.712.264-.336.672-.536.416-.2.944-.2.592 0 1.024.216.44.216.672.6.24.376.24.864 0 .496-.272.896a3.2 3.2 0 0 1-.744.752l-.896.664q-.264.192-.432.416-.169.216-.232.464h2.648V6z"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const k2 = { render };
+const italic = { render };
 export {
-  k2 as default,
+  italic as default,
   render
 };

package/dist/main.es241.js

@@ -2,19 +2,17 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "14",
-  height: "14",
+  width: "9",
+  height: "6",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#6F20DC",
-  d: "M3 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h.5a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM5.75 3a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1zM10.5 2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h.5a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
+  fill: "#263238",
+  d: "M.7 4.384.518 3.312 3.269.4H4.46zM.126 6V.4h.912V6zm3.288 0L1.157 3.152l.656-.568L4.557 6z"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#6F20DC",
-  "fill-rule": "evenodd",
-  d: "M0 2a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1",
-  "clip-rule": "evenodd"
+  fill: "#263238",
+  d: "M4.401 6v-.712q0-.248.128-.512a2.5 2.5 0 0 1 .36-.544q.24-.272.56-.512l.976-.704q.184-.128.336-.296.16-.169.256-.352a.84.84 0 0 0 .096-.376.8.8 0 0 0-.12-.424.8.8 0 0 0-.328-.304 1.1 1.1 0 0 0-.512-.112 1.04 1.04 0 0 0-.832.392q-.136.176-.192.384l-.952-.176q.08-.384.336-.712.264-.336.672-.536.416-.2.944-.2.592 0 1.024.216.44.216.672.6.24.376.24.864 0 .496-.272.896a3.2 3.2 0 0 1-.744.752l-.896.664q-.264.192-.432.416-.169.216-.232.464h2.648V6z"
 }, null, -1);
 const _hoisted_4 = [
   _hoisted_2,
@@ -23,8 +21,8 @@ const _hoisted_4 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const kanban_view = { render };
+const k2 = { render };
 export {
-  kanban_view as default,
+  k2 as default,
   render
 };