@eturnity/eturnity_reusable_components 7.51.2 → 7.51.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.51.2",
+  "version": "7.51.3",
   "files": [
     "dist",
     "src"

package/src/components/buttons/mainButton/index.vue

@@ -11,7 +11,7 @@
       :type="type"
     >
       <LabelComponent :has-icon="Boolean(icon)">
-        <Icon v-if="icon" :name="icon" size="14px" />
+        <Icon v-if="icon" :name="icon" :color="iconColor" size="14px" />
         {{ text }}
       </LabelComponent>
     </ButtonContainer>
@@ -112,6 +112,11 @@
         default: null,
         type: String,
       },
+      iconColor: {
+        required: false,
+        default: '',
+        type: String,
+      },
       text: {
         required: true,
         type: String,

package/src/components/infoCard/InfoCard.stories.js

@@ -0,0 +1,144 @@
+import defaultInfoCardProps from './defaultProps'
+import InfoCard from './index.vue'
+import theme from '@/assets/theme'
+
+export default {
+  title: 'InfoCard',
+  component: InfoCard,
+  tags: ['autodocs'],
+  argTypes: {
+    type: {
+      description: 'Defines preset styles',
+      control: 'select',
+      options: ['info', 'warning'],
+    },
+    minWidth: {
+      description: '',
+    },
+    color: {
+      description: 'Color of text and icon (can overwrite preset styles)',
+      control: {
+        type: 'color',
+        presetColors: [
+          theme.colors.grey3,
+          theme.colors.grey4,
+          theme.colors.red,
+        ],
+      },
+    },
+    alignItems: {
+      description: 'Icon and text alignment (can overwrite preset styles)',
+      control: 'select',
+      options: ['flex-start', 'flex-end', 'center'],
+    },
+    padding: {
+      description: 'Info card padding (can overwrite preset styles)',
+    },
+    borderColor: {
+      description: 'Info card border color (can overwrite preset styles)',
+      control: {
+        type: 'color',
+        presetColors: [
+          theme.colors.grey3,
+          theme.colors.grey4,
+          theme.colors.red,
+        ],
+      },
+    },
+    borderStyle: {
+      description: 'Info card border style (can overwrite preset styles)',
+      control: 'select',
+      options: ['dashed', 'dotted', 'inset', 'dashed solid', 'none'],
+    },
+
+    // info card content slot
+    default: {
+      description: 'Info card slot content',
+    },
+  },
+}
+
+// To use:
+// <InfoCard
+//   type="warning"
+//   min-width="auto'
+//   color="red"
+//   align-items="center"
+//   padding="100px"
+//   border-color="red"
+//   border-style="solid"
+// >
+//   Some Text
+// </InfoCard>
+// all props after "min-width" are used to overwrite the preset styles set by "type"
+
+const Template = (args) => {
+  return {
+    components: { InfoCard },
+    setup() {
+      return { args }
+    },
+    template: `
+      <InfoCard v-bind="args">
+        {{ args.default }}
+      </InfoCard>
+    `,
+  }
+}
+
+export const Default = Template.bind({})
+Default.args = {
+  ...defaultInfoCardProps,
+}
+
+export const InfoCardTypeWarning = Template.bind({})
+InfoCardTypeWarning.args = {
+  ...defaultInfoCardProps,
+  type: 'warning',
+}
+
+export const InfoCardTypeInfoMinWidth = Template.bind({})
+InfoCardTypeInfoMinWidth.args = {
+  ...defaultInfoCardProps,
+
+  minWidth: '250px',
+}
+
+export const InfoCardTypeInfoColorOverwritten = Template.bind({})
+InfoCardTypeInfoColorOverwritten.args = {
+  ...defaultInfoCardProps,
+
+  color: theme.colors.red,
+}
+
+export const InfoCardTypeWarningAlignItemsOverwritten = Template.bind({})
+InfoCardTypeWarningAlignItemsOverwritten.args = {
+  ...defaultInfoCardProps,
+  type: 'warning',
+  default:
+    'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+
+  alignItems: 'center',
+}
+
+export const InfoCardTypeWarningPaddingOverwritten = Template.bind({})
+InfoCardTypeWarningPaddingOverwritten.args = {
+  ...defaultInfoCardProps,
+  type: 'warning',
+
+  padding: '50px',
+}
+
+export const InfoCardTypeInfoBorderColorOverwritten = Template.bind({})
+InfoCardTypeInfoBorderColorOverwritten.args = {
+  ...defaultInfoCardProps,
+
+  borderColor: theme.colors.red,
+}
+
+export const InfoCardTypeInfoBorderStyleOverwritten = Template.bind({})
+InfoCardTypeInfoBorderStyleOverwritten.args = {
+  ...defaultInfoCardProps,
+
+  borderStyle: 'solid none',
+}

package/src/components/infoCard/defaultProps.js

@@ -0,0 +1,7 @@
+const defaultInfoCardProps = {
+  // info card content slot
+  default:
+    'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+}
+
+export default defaultInfoCardProps

package/src/components/infoCard/index.vue

@@ -1,11 +1,21 @@
 <template>
   <InfoContainer
-    background-color="backgrounColor"
+    :align-items="alignItems"
     :border-color="borderColor"
-    :has-dashed-border="hasDashedBorder"
+    :border-style="borderStyle"
+    :color="color"
+    data-test-id="info_card_wrapper"
+    :min-width="minWidth"
+    :padding="padding"
+    :preset-styles="presetStyles"
   >
-    <RCIcon :color="color" name="info" size="24px" />
-    <TextContainer>
+    <RCIcon
+      :color="color ? color : presetStyles.iconColor"
+      data-test-id="info_card_icon"
+      name="info"
+      size="24px"
+    />
+    <TextContainer data-test-id="info_card_text_container">
       <slot></slot>
     </TextContainer>
   </InfoContainer>
@@ -13,26 +23,37 @@
 
 <script>
   import styled from 'vue3-styled-components'
+  import theme from '../../assets/theme.js'
   import RCIcon from '../icon'
-  const propsContainer = {
-    backgroundColor: String,
-    hasDashedBorder: Boolean,
+
+  const infoContainerAttrs = {
+    minWidth: String,
+    color: String,
+    alignItems: String,
+    padding: String,
     borderColor: String,
+    borderStyle: String,
+    presetStyles: Object,
   }
-  const InfoContainer = styled('div', propsContainer)`
+  const InfoContainer = styled('div', infoContainerAttrs)`
     display: flex;
+    align-items: ${(props) =>
+      props.alignItems ? props.alignItems : props.presetStyles.alignItems};
     gap: 15px;
-    padding: 15px;
-    border: 1px ${(props) => (props.hasDashedBorder ? 'dashed' : 'solid')}
-      ${(props) =>
-        props.theme.colors[props.borderColor]
-          ? props.theme.colors[props.borderColor]
-          : props.borderColor};
-    background-color: ${(props) =>
-      props.theme.colors[props.backgroundColor]
-        ? props.theme.colors[props.backgroundColor]
-        : props.backgroundColor};
+    min-width: ${(props) => props.minWidth};
+    padding: ${(props) =>
+      props.padding ? props.padding : props.presetStyles.padding};
+    color: ${(props) => (props.color ? props.color : props.presetStyles.color)};
     border-radius: 4px;
+    background-color: ${(props) =>
+      props.backgroundColor
+        ? props.backgroundColor
+        : props.presetStyles.backgroundColor};
+    border-width: ${(props) => props.presetStyles.borderWidth};
+    border-style: ${(props) =>
+      props.borderStyle ? props.borderStyle : props.presetStyles.borderStyle};
+    border-color: ${(props) =>
+      props.borderColor ? props.borderColor : props.presetStyles.borderColor};
   `
 
   const TextContainer = styled.div`
@@ -48,19 +69,71 @@
       TextContainer,
     },
     props: {
+      type: {
+        required: false,
+        type: String,
+        default: 'info',
+      },
+      minWidth: {
+        required: false,
+        type: String,
+        default: '',
+      },
       color: {
         required: false,
+        type: String,
+        default: '',
       },
-      backgrounColor: {
+      alignItems: {
         required: false,
+        type: String,
+        default: '',
       },
-      hasDashedBorder: {
+      padding: {
         required: false,
-        default: true,
+        type: String,
+        default: '',
       },
       borderColor: {
         required: false,
-        default: 'grey4',
+        type: String,
+        default: '',
+      },
+      borderStyle: {
+        required: false,
+        type: String,
+        default: '',
+      },
+    },
+    computed: {
+      isInfo() {
+        // this property is used for tests
+        return this.type === 'info'
+      },
+      isWarning() {
+        return this.type === 'warning'
+      },
+      presetStyles() {
+        // the types that doesn't have explicit border anyway have it transparent
+        // to avoid flickering in case the same info card would switch the types
+        let stylesCollection = {
+          alignItems: 'flex-start',
+          padding: '20px',
+          borderWidth: '1px',
+          borderStyle: 'solid',
+          borderColor: 'transparent',
+        }
+
+        if (this.isWarning) {
+          stylesCollection.color = theme.colors.white
+          stylesCollection.backgroundColor = theme.colors.yellow
+          stylesCollection.iconColor = theme.colors.white
+        } else {
+          stylesCollection.borderStyle = 'dashed'
+          stylesCollection.borderColor = theme.colors.grey4
+        }
+
+        return stylesCollection
       },
     },
   }

package/src/components/infoCard/infoCard.spec.js

@@ -0,0 +1,56 @@
+import { mount } from '@vue/test-utils'
+import RCInfoCard from '@/components/infoCard'
+import RCIcon from '@/components/icon'
+import defaultInfoCardProps from './defaultProps'
+import theme from '@/assets/theme'
+
+jest.mock('@/components/icon/iconCache.mjs', () => ({
+  // need to mock this due to how jest handles import.meta
+  fetchIcon: jest.fn(() => Promise.resolve('mocked-icon-url.svg')),
+}))
+
+describe('RCInfoCard.vue', () => {
+  it('info card is rendered with icon and correct text', async () => {
+    const wrapper = mount(RCInfoCard, {
+      props: { ...defaultInfoCardProps },
+      slots: {
+        default: defaultInfoCardProps.default,
+      },
+      global: {
+        provide: {
+          theme,
+        },
+      },
+    })
+
+    const iconComponent = wrapper.findComponent(RCIcon)
+    const infoCardText = wrapper.find(
+      '[data-test-id="info_card_text_container"]'
+    )
+
+    expect(iconComponent.exists()).toBe(true)
+    expect(infoCardText.exists()).toBe(true)
+    expect(infoCardText.text()).toContain(defaultInfoCardProps.default)
+  }),
+    it('info card rendered with type info have correct computed values', async () => {
+      const wrapper = mount(RCInfoCard, {
+        props: { ...defaultInfoCardProps },
+        slots: {
+          default: defaultInfoCardProps.default,
+        },
+        global: {
+          provide: {
+            theme,
+          },
+        },
+      })
+
+      expect(wrapper.vm.isInfo).toBe(true)
+      expect(wrapper.vm.isWarning).toBe(false)
+
+      await wrapper.setProps({ type: 'warning' })
+
+      expect(wrapper.vm.isInfo).toBe(false)
+      expect(wrapper.vm.isWarning).toBe(true)
+    })
+})

package/src/components/inputs/radioButton/defaultProps.js

@@ -1,6 +1,4 @@
 const defaultRadioButtonProps = {
-  dataId: 'radio_buttons',
-  name: 'options',
   options: [
     {
       label: 'Option 1',

package/src/components/inputs/select/index.vue

@@ -86,6 +86,7 @@
           />
           <Selector
             v-else
+            :disabled="disabled"
             :padding-left="paddingLeft"
             :select-width="selectWidth"
             :show-border="showBorder"
@@ -96,7 +97,9 @@
             <Icon
               v-if="isDropdownOpen"
               :color="
-                caretColor || colorMode == 'dark'
+                caretColor || disabled
+                  ? 'grey2'
+                  : colorMode == 'dark'
                   ? 'white'
                   : 'transparentBlack1'
               "
@@ -106,7 +109,9 @@
             <Icon
               v-else
               :color="
-                caretColor || colorMode == 'dark'
+                caretColor || disabled
+                  ? 'grey2'
+                  : colorMode == 'dark'
                   ? 'white'
                   : 'transparentBlack1'
               "
@@ -199,11 +204,13 @@
   `
 
   const selectorProps = {
+    disabled: Boolean,
     selectWidth: String,
     paddingLeft: String,
     showBorder: Boolean,
   }
   const Selector = styled('div', selectorProps)`
+    color: ${(props) => (props.disabled ? props.theme.colors.grey2 : '')};
     ${(props) =>
       props.selectWidth === '100%'
         ? 'width: 100%;'
@@ -535,6 +542,7 @@
       },
       disabled: {
         required: false,
+        type: Boolean,
         default: false,
       },
       isAutoSearch: {

package/src/components/modals/modal/index.vue

@@ -5,7 +5,7 @@
     :is-open="isOpen"
     :position="position"
   >
-    <ModalContainer @click="onClickModalContainer">
+    <ModalContainer :overflow="overflowRule" @click="onClickModalContainer">
       <Spinner v-if="isLoading" :limited-to-modal="true" size="50px" />
       <ContentContainer :visible="!isLoading">
         <slot></slot>
@@ -67,7 +67,8 @@
   }
 `
 
-  const ModalContainer = styled.div`
+  const modalContainerAttrs = { overflow: String }
+  const ModalContainer = styled('div', modalContainerAttrs)`
     align-self: center;
     justify-self: center;
     position: relative;
@@ -75,7 +76,7 @@
     border-radius: 4px;
     background: white;
     margin: 0 auto;
-    overflow: auto;
+    overflow: ${(props) => props.overflow};
     max-width: 95%;
     max-height: 95%;
     min-width: 100px;
@@ -152,6 +153,11 @@
         type: Boolean,
         default: true,
       },
+      overflowRule: {
+        required: false,
+        type: String,
+        default: 'auto',
+      },
     },
     watch: {
       isOpen: {

package/dist/main.es.js

@@ -1,7 +0,0 @@
-import App from "./main.es2.js";
-import "./main.es3.js";
-import router from "./main.es4.js";
-import { createApp } from "./main.es5.js";
-const app = createApp(App);
-app.use(router);
-app.mount("#app");

package/dist/main.es10.js

@@ -1,10 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as default
-};

package/dist/main.es100.js

@@ -1,23 +0,0 @@
-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: "18",
-  height: "18",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  d: "m13.483 9.497-3.069 3.069-.414.414V13h-.02l-.98.98-.98-.98H8v-.02l-.414-.414-3.069-3.069 1.414-1.414 2.07 2.068V4h2v6.151l2.068-2.069zM16 16H0v2h18v-2zM16 0H0v2h18V0z"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-const deal_flow = { render };
-export {
-  deal_flow as default,
-  render
-};

package/dist/main.es101.js

@@ -1,23 +0,0 @@
-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: "16",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#DEE2EB",
-  d: "M15.771 25.713A1.35 1.35 0 0 0 17.124 27h5.494c.725 0 1.317-.564 1.353-1.287l.79-9.1h-9.78zm5.455-6.842h.903v4.968h-.903zm-1.807 0h.904v4.968h-.904zm-1.806 0h.903v4.968h-.903zM22.129 13.903V13h-4.516v.903H14v1.807h11.742v-1.807z"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-const _delete = { render };
-export {
-  _delete as default,
-  render
-};

package/dist/main.es102.js

@@ -1,20 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" d="M0 0h40v40H0z"></path><path fill="#fff" d="M20.5 7C21.9 7 23 8.1 23 9.5S21.9 12 20.5 12 18 10.9 18 9.5 19.1 7 20.5 7m0-1C18.6 6 17 7.6 17 9.5s1.6 3.5 3.5 3.5S24 11.4 24 9.5 22.4 6 20.5 6M30.5 7C31.9 7 33 8.1 33 9.5S31.9 12 30.5 12 28 10.9 28 9.5 29.1 7 30.5 7m0-1C28.6 6 27 7.6 27 9.5s1.6 3.5 3.5 3.5S34 11.4 34 9.5 32.4 6 30.5 6M30.5 28c1.4 0 2.5 1.1 2.5 2.5S31.9 33 30.5 33 28 31.9 28 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5M20.5 28c1.4 0 2.5 1.1 2.5 2.5S21.9 33 20.5 33 18 31.9 18 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5"></path><path stroke="#fff" stroke-miterlimit="10" d="M30.5 12v16M28 9.5h-4M28 30.5h-4"></path><path fill="#fff" d="M15 17v7.6c0 .8-.6 1.4-1.4 1.4H9.4c-.8 0-1.4-.6-1.4-1.4V17zm1-1H7v8.6C7 25.9 8.1 27 9.4 27h4.2c1.3 0 2.4-1.1 2.4-2.4z"></path><path fill="#fff" d="M16 15v1H7v-1zm1-1H6v3h11z"></path><path stroke="#fff" stroke-miterlimit="10" d="M11.5 19v5M13.5 19v5M9.5 19v5"></path><path fill="#fff" d="M12 13v1h-1v-1zm1-1h-3v3h3z"></path>', 7);
-const _hoisted_9 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_9);
-}
-const delete_area_active = { render };
-export {
-  delete_area_active as default,
-  render
-};

package/dist/main.es103.js

@@ -1,20 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "30",
-  height: "30",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#666" d="M20.5 7C21.9 7 23 8.1 23 9.5S21.9 12 20.5 12 18 10.9 18 9.5 19.1 7 20.5 7m0-1C18.6 6 17 7.6 17 9.5s1.6 3.5 3.5 3.5S24 11.4 24 9.5 22.4 6 20.5 6M30.5 7C31.9 7 33 8.1 33 9.5S31.9 12 30.5 12 28 10.9 28 9.5 29.1 7 30.5 7m0-1C28.6 6 27 7.6 27 9.5s1.6 3.5 3.5 3.5S34 11.4 34 9.5 32.4 6 30.5 6M30.5 28c1.4 0 2.5 1.1 2.5 2.5S31.9 33 30.5 33 28 31.9 28 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5M20.5 28c1.4 0 2.5 1.1 2.5 2.5S21.9 33 20.5 33 18 31.9 18 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5"></path><path stroke="#666" stroke-miterlimit="10" d="M30.5 12v16M28 9.5h-4M28 30.5h-4"></path><path fill="#666" d="M15 17v7.6c0 .8-.6 1.4-1.4 1.4H9.4c-.8 0-1.4-.6-1.4-1.4V17zm1-1H7v8.6C7 25.9 8.1 27 9.4 27h4.2c1.3 0 2.4-1.1 2.4-2.4z"></path><path fill="#666" d="M16 15v1H7v-1zm1-1H6v3h11z"></path><path stroke="#666" stroke-miterlimit="10" d="M11.5 19v5M13.5 19v5M9.5 19v5"></path><path fill="#666" d="M12 13v1h-1v-1zm1-1h-3v3h3z"></path>', 6);
-const _hoisted_8 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_8);
-}
-const delete_area_inactive = { render };
-export {
-  delete_area_inactive as default,
-  render
-};

package/dist/main.es104.js

@@ -1,20 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" d="M0 0h40v40H0z"></path><path fill="#fff" d="M19.5 7C20.9 7 22 8.1 22 9.5S20.9 12 19.5 12 17 10.9 17 9.5 18.1 7 19.5 7m0-1C17.6 6 16 7.6 16 9.5s1.6 3.5 3.5 3.5S23 11.4 23 9.5 21.4 6 19.5 6M30.5 7C31.9 7 33 8.1 33 9.5S31.9 12 30.5 12 28 10.9 28 9.5 29.1 7 30.5 7m0-1C28.6 6 27 7.6 27 9.5s1.6 3.5 3.5 3.5S34 11.4 34 9.5 32.4 6 30.5 6M30.5 28c1.4 0 2.5 1.1 2.5 2.5S31.9 33 30.5 33 28 31.9 28 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5M19.5 28c1.4 0 2.5 1.1 2.5 2.5S20.9 33 19.5 33 17 31.9 17 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5"></path><path stroke="#fff" stroke-miterlimit="10" d="M30.5 12v16M28 9.5h-6M28 30.5h-6"></path><path fill="#fff" d="M18 19H6v2h12z"></path><path fill="#fff" d="M13 26V14h-2v12z"></path>', 5);
-const _hoisted_7 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_7);
-}
-const direction_active1 = { render };
-export {
-  direction_active1 as default,
-  render
-};

package/dist/main.es105.js

@@ -1,37 +0,0 @@
-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: "42",
-  height: "42",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M0 0h40v40H0z"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#fff",
-  "stroke-miterlimit": "10",
-  "stroke-width": "1.348",
-  d: "M6.5 20h27"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  stroke: "#fff",
-  "stroke-miterlimit": "10",
-  d: "M19 14 7 20l12 6-5-6z"
-}, null, -1);
-const _hoisted_5 = [
-  _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
-}
-const direction_active = { render };
-export {
-  direction_active as default,
-  render
-};