@eturnity/eturnity_reusable_components 8.26.11-autiFill.1 → 8.26.11-autiFill.2

package/dist/main.es20.js

@@ -1,229 +1,172 @@
 import styled from "./main.es7.js";
+import _sfc_main$1 from "./main.es376.js";
+import theme from "./main.es8.js";
 import "./main.es3.js";
 import _export_sfc from "./main.es11.js";
-import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode } from "./main.es6.js";
-import { toDisplayString } from "./main.es16.js";
-const Container = styled.div`
-    position: relative;
-    display: flex;
-    height: 47px;
-    width: ${(props) => props.width};
-  `;
-const TopValueContainer = styled("div", {
-  position: String
-})`
-    font-size: 11px;
-    left: ${(props) => props.position};
-    position: absolute;
-    display: flex;
-    justify-content: center
-    width: 0px;
-    color:${(props) => props.theme.colors.black};
-    item-align: center;
-
-  `;
-const BottomValueContainer = styled("div", {
-  position: String
-})`
-    font-size: 12px;
-    left: ${(props) => props.position};
-    width: 0px;
-    bottom: -2px;
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    item-align: center;
-    border-radius: 4px;
-    color: white;
-  `;
-const TextWrapper = styled("div", {
-  backgroundColor: String
-})`
-    padding: 2px 6px;
-    background-color: ${(props) => props.theme.colors[props.backgroundColor] || props.backgroundColor};
-    border-radius: 4px;
-  `;
-const Arrow = styled("div", {
-  backgroundColor: String
-})`
-    position: absolute;
-    bottom: -10px;
-    left: calc(50% - 6px);
-    width: 0;
-    height: 0;
-    border: 6px solid transparent;
-    border-top-color: ${(props) => props.theme.colors[props.backgroundColor] || props.backgroundColor};
-    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
-  `;
-const MainLine = styled.div`
-    display: block;
-    position: absolute;
-    bottom: 16px;
-    height: 4px;
-    width: 100%;
-    border-radius: 4px;
-    background-color: ${(props) => props.theme.colors.grey4};
-  `;
-const MainLineHighlight = styled("div", {
-  minPercent: Number,
-  maxPercent: Number
-})`
-    display: block;
-    position: absolute;
-    left: ${(props) => props.minPercent + "%"};
-    right: ${(props) => 100 - props.maxPercent + "%"};
-    bottom: 16px;
-    height: 4px;
-    background-color: white;
-  `;
-const VerticalMarker = styled("div")`
-    position: absolute;
-    width: 1px;
-    height: 8px;
-    background-color: white;
-    display: inline-block;
-    top: -6px;
-    left: 0px;
-  `;
-const VerticalMarkerArrow = styled("div", {
-  color: String
-})`
-    position: absolute;
-    width: 1px;
-    height: 4px;
-    background-color: ${(props) => props.color};
-    display: inline-block;
-    bottom: -14px;
-    left: 0px;
-  `;
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot } from "./main.es6.js";
+const StyledComponents = {
+  ProgressionStepItem: styled.div`
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    `,
+  BoxContainer: styled("div", {
+    isActive: Boolean,
+    isValid: Boolean,
+    isError: Boolean,
+    isWarning: Boolean,
+    isTouched: Boolean,
+    isDisabled: Boolean,
+    size: String,
+    borderRadius: String
+  })`
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: ${({
+    size
+  }) => size};
+      height: ${({
+    size
+  }) => size};
+      font-size: 16px;
+      background-color: ${({
+    theme: theme2,
+    isValid,
+    isActive,
+    isError,
+    isWarning,
+    isTouched,
+    isDisabled
+  }) => {
+    if (isDisabled)
+      return theme2.semanticColors.grey[200];
+    if (isError)
+      return theme2.semanticColors.red[500];
+    if (isWarning)
+      return theme2.semanticColors.yellow[500];
+    if (!isTouched)
+      return theme2.semanticColors.grey[200];
+    if (isActive) {
+      if (isValid)
+        return theme2.semanticColors.purple[200];
+      return theme2.semanticColors.purple[500];
+    }
+    return theme2.semanticColors.grey[200];
+  }};
+      color: ${({
+    theme: theme2,
+    isValid,
+    isActive
+  }) => isActive ? theme2.colors.white : theme2.semanticColors.grey[800]};
+      margin: 0;
+      border-radius: ${({
+    borderRadius
+  }) => borderRadius};
+      cursor: ${({
+    isValid
+  }) => isValid ? "pointer" : "default"};
+      &:hover {
+        ${({
+    theme: theme2,
+    isValid,
+    isActive
+  }) => isValid ? "background-color:" + theme2.semanticColors.purple[100] + ";" : ""}
+      }
+    `,
+  NumberContainer: styled.div``
+};
 const _sfc_main = {
-  name: "ProgressBar",
+  name: "StatusIndicator",
   components: {
-    Container,
-    MainLineHighlight,
-    Arrow,
-    TopValueContainer,
-    BottomValueContainer,
-    MainLine,
-    VerticalMarker,
-    VerticalMarkerArrow,
-    TextWrapper
+    ...StyledComponents,
+    RcIcon: _sfc_main$1
   },
   props: {
-    minValue: {
-      required: true,
-      type: Number
+    isError: {
+      type: Boolean,
+      default: false
+    },
+    isWarning: {
+      type: Boolean,
+      default: false
     },
-    maxValue: {
-      required: true,
-      type: Number
+    isTouched: {
+      type: Boolean,
+      default: false
     },
-    value: {
-      required: true,
-      type: Number
+    isDisabled: {
+      type: Boolean,
+      default: false
     },
-    arrowColor: {
-      required: false,
+    isActive: {
+      type: Boolean,
+      default: false
+    },
+    size: {
       type: String,
-      default: "white"
+      default: "20px"
     },
-    width: {
-      required: false,
+    borderRadius: {
       type: String,
-      default: null
+      default: "50%"
     }
   },
   data() {
-    return {};
+    return {
+      theme
+    };
   },
   computed: {
-    minPercent() {
-      if (this.maxValue === this.minValue) {
-        return 50;
-      } else {
-        return 30;
-      }
-    },
-    maxPercent() {
-      if (this.maxValue === this.minValue) {
-        return 50;
-      } else {
-        return 70;
-      }
-    },
-    valuePercent() {
-      let percent;
-      if (this.maxValue === this.minValue) {
-        percent = this.minPercent + 10 * (this.value - this.minValue);
-      } else {
-        percent = this.minPercent + (this.maxPercent - this.minPercent) / (this.maxValue - this.minValue) * (this.value - this.minValue);
-      }
-      return Math.max(0, Math.min(100, percent));
-    },
-    colorVerticalMarkerArrow() {
-      if (this.value < this.maxValue && this.value > this.minValue) {
-        return "black";
-      } else {
-        return "white";
-      }
+    isValid() {
+      return this.isTouched && !this.isError && !this.isWarning;
     }
   }
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_MainLine = resolveComponent("MainLine");
-  const _component_MainLineHighlight = resolveComponent("MainLineHighlight");
-  const _component_TextWrapper = resolveComponent("TextWrapper");
-  const _component_Arrow = resolveComponent("Arrow");
-  const _component_VerticalMarkerArrow = resolveComponent("VerticalMarkerArrow");
-  const _component_TopValueContainer = resolveComponent("TopValueContainer");
-  const _component_VerticalMarker = resolveComponent("VerticalMarker");
-  const _component_BottomValueContainer = resolveComponent("BottomValueContainer");
-  const _component_Container = resolveComponent("Container");
-  return openBlock(), createBlock(_component_Container, {
-    width: $props.width
+  const _component_RcIcon = resolveComponent("RcIcon");
+  const _component_NumberContainer = resolveComponent("NumberContainer");
+  const _component_BoxContainer = resolveComponent("BoxContainer");
+  return openBlock(), createBlock(_component_BoxContainer, {
+    "border-radius": $props.borderRadius,
+    "is-active": $props.isActive,
+    "is-disabled": $props.isDisabled,
+    "is-error": $props.isError,
+    "is-touched": $props.isTouched,
+    "is-valid": $options.isValid,
+    "is-warning": $props.isWarning,
+    size: $props.size
   }, {
-    default: withCtx(() => [createVNode(_component_MainLine), createTextVNode(), createVNode(_component_MainLineHighlight, {
-      "max-percent": $options.maxPercent,
-      "min-percent": $options.minPercent
-    }, null, 8, ["max-percent", "min-percent"]), createTextVNode(), createVNode(_component_TopValueContainer, {
-      position: $options.valuePercent + "%"
-    }, {
-      default: withCtx(() => [createVNode(_component_TextWrapper, {
-        "background-color": $props.arrowColor
-      }, {
-        default: withCtx(() => [createTextVNode(toDisplayString($props.value), 1)]),
-        _: 1
-      }, 8, ["background-color"]), createTextVNode(), createVNode(_component_Arrow, {
-        "background-color": $props.arrowColor
-      }, null, 8, ["background-color"]), createTextVNode(), createVNode(_component_VerticalMarkerArrow, {
-        color: $options.colorVerticalMarkerArrow
-      }, null, 8, ["color"])]),
-      _: 1
-    }, 8, ["position"]), createTextVNode(), createVNode(_component_BottomValueContainer, {
-      position: $options.minPercent + "%"
-    }, {
-      default: withCtx(() => [createVNode(_component_TextWrapper, null, {
-        default: withCtx(() => [createTextVNode(toDisplayString($props.minValue), 1)]),
-        _: 1
-      }), createTextVNode(), createVNode(_component_VerticalMarker, {
-        side: "bottom"
-      })]),
-      _: 1
-    }, 8, ["position"]), createTextVNode(), createVNode(_component_BottomValueContainer, {
-      position: $options.maxPercent + "%"
+    default: withCtx(() => [$options.isValid && $props.isTouched ? (openBlock(), createBlock(_component_RcIcon, {
+      key: 0,
+      color: $data.theme.semanticColors.purple[500],
+      "hovered-color": $data.theme.semanticColors.purple[500],
+      name: "checkmark_thin",
+      size: "16px"
+    }, null, 8, ["color", "hovered-color"])) : $props.isError ? (openBlock(), createBlock(_component_RcIcon, {
+      key: 1,
+      color: $data.theme.colors.white,
+      "hovered-color": $data.theme.colors.white,
+      name: "close",
+      size: "16px"
+    }, null, 8, ["color", "hovered-color"])) : $props.isWarning ? (openBlock(), createBlock(_component_RcIcon, {
+      key: 2,
+      color: $data.theme.colors.white,
+      "hovered-color": $data.theme.colors.white,
+      name: "warning_triangle",
+      size: "16px"
+    }, null, 8, ["color", "hovered-color"])) : (openBlock(), createBlock(_component_NumberContainer, {
+      key: 3,
+      "is-active": $props.isActive,
+      "is-valid": $options.isValid
     }, {
-      default: withCtx(() => [createVNode(_component_TextWrapper, null, {
-        default: withCtx(() => [createTextVNode(toDisplayString($props.maxValue), 1)]),
-        _: 1
-      }), createTextVNode(), createVNode(_component_VerticalMarker, {
-        side: "bottom"
-      })]),
-      _: 1
-    }, 8, ["position"])]),
-    _: 1
-  }, 8, ["width"]);
+      default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+      _: 3
+    }, 8, ["is-active", "is-valid"]))]),
+    _: 3
+  }, 8, ["border-radius", "is-active", "is-disabled", "is-error", "is-touched", "is-valid", "is-warning", "size"]);
 }
-const PanelRangeInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const StatusIndicator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  PanelRangeInfo as default
+  StatusIndicator as default
 };

package/dist/main.es200.js

@@ -2,24 +2,28 @@ 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: "15",
+  width: "16",
+  height: "16",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
-  "fill-rule": "evenodd",
-  d: "M12.307 11.565a.496.496 0 0 1-.729.014.563.563 0 0 1-.016-.759 5.95 5.95 0 1 0-9.124 0 .563.563 0 0 1-.017.758.496.496 0 0 1-.728-.013 7 7 0 1 1 10.614 0M7.5 5h1v1h-1zm-1 0h-1v1h1zm3 1V5h1v1zm-5-1h-1v1h1zm-2 0a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm4.974 3.658a.5.5 0 1 0-.948-.316l-.913 2.737a.7.7 0 0 0 .664.921h1.03l-.781 2.342a.5.5 0 1 0 .948.316l.913-2.737A.7.7 0 0 0 7.723 11h-1.03z",
-  "clip-rule": "evenodd"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("circle", {
+  cx: "20",
+  cy: "20",
+  r: "7"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#FF5656",
+  d: "M24.96 15.04c-2.722-2.72-7.198-2.72-9.92 0-2.72 2.722-2.72 7.198 0 9.92 2.722 2.72 7.198 2.72 9.92 0 2.72-2.722 2.72-7.11 0-9.92m-1.317 7.462-1.23 1.228-2.457-2.457-2.458 2.457-1.228-1.228 2.457-2.458-2.457-2.458 1.228-1.229 2.458 2.458 2.458-2.458 1.229 1.23-2.458 2.457z"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const energy_meter = { render };
+const erase = { render };
 export {
-  energy_meter as default,
+  erase as default,
   render
 };

package/dist/main.es201.js

@@ -7,13 +7,14 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("circle", {
-  cx: "20",
-  cy: "20",
-  r: "7"
+  cx: "8",
+  cy: "8",
+  r: "7",
+  fill: "#fff"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FF5656",
-  d: "M24.96 15.04c-2.722-2.72-7.198-2.72-9.92 0-2.72 2.722-2.72 7.198 0 9.92 2.722 2.72 7.198 2.72 9.92 0 2.72-2.722 2.72-7.11 0-9.92m-1.317 7.462-1.23 1.228-2.457-2.457-2.458 2.457-1.228-1.228 2.457-2.458-2.457-2.458 1.228-1.229 2.458 2.458 2.458-2.458 1.229 1.23-2.458 2.457z"
+  fill: "#FF7F7F",
+  d: "M12.96 3.04C10.237.32 5.761.32 3.04 3.04c-2.72 2.722-2.72 7.198 0 9.92 2.722 2.72 7.198 2.72 9.92 0 2.72-2.722 2.72-7.11 0-9.92m-1.317 7.462-1.23 1.228-2.457-2.457-2.458 2.457-1.228-1.228 2.457-2.458L4.27 5.586l1.228-1.229 2.458 2.458 2.458-2.458 1.229 1.23-2.458 2.457z"
 }, null, -1);
 const _hoisted_4 = [
   _hoisted_2,
@@ -22,8 +23,8 @@ const _hoisted_4 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const erase = { render };
+const erase_white = { render };
 export {
-  erase as default,
+  erase_white as default,
   render
 };

package/dist/main.es202.js

@@ -2,29 +2,20 @@ 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: "16",
-  height: "16",
-  fill: "none"
+  viewBox: "0 0 256 256"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("circle", {
-  cx: "8",
-  cy: "8",
-  r: "7",
-  fill: "#fff"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  d: "M245.7 232.4c1 7.7-2.4 11.3-10.3 10.8l-62.1-6.9c-4.9-.5-8-1.9-9.3-4.1s-.6-4.7 2.3-7.5c1.9-1.6 4.1-3.9 6.8-6.8s5-5.2 6.8-7c1.9-2 2.4-3.8 1.8-5.4-.7-1.6-2-3.5-4-5.7-4.7-4.4-9-8.5-12.9-12.1q-5.85-5.4-12.9-12.6c-1-1-2-2-3-3.2s-1.8-2.4-2.3-3.8-.6-2.9-.2-4.4q.45-2.4 3.3-5.1c1-1 1.9-1.9 2.5-2.6.7-.7 1.3-1.4 2-2s1.4-1.2 2.1-2c.7-.7 1.7-1.8 2.9-3.1q5.1-4.95 9.3-4.2 4.35.75 9.3 5.7c3.4 3.3 6.8 6.6 10.3 10s7.5 7.2 11.8 11.5c3.2 3 5.9 5 8.2 6.2s4.5.6 6.7-1.5c1.5-1.5 3.4-3.3 5.7-5.3s4.2-3.9 5.9-5.5c2.9-2.8 5.4-3.9 7.7-3.2s3.7 3.1 4.2 7.4zM11.1 24c-.5-4.3 0-7.2 1.6-8.9 1.6-1.6 4.4-2.3 8.5-2l62 6.9c5.1.5 8.2 1.9 9.5 4.1q1.95 3.3-2.4 7.5c-1.7 1.6-3.7 3.8-6.2 6.4-2.4 2.6-4.6 4.8-6.4 6.6-2 2-2.7 3.8-2 5.4s2.1 3.5 4.3 5.7c2.2 2.3 4.2 4.3 6.2 6 1.9 1.7 3.8 3.4 5.7 5.2 1.9 1.7 3.8 3.6 5.8 5.5l6.3 6.2c1 1 2 2.1 2.9 3.4s1.6 2.7 2 4.2.4 3-.1 4.7c-.5 1.6-1.6 3.3-3.3 4.9l-2.8 2.7c-.7.7-1.3 1.3-1.9 2s-1.3 1.3-2.1 2l-2.8 3c-3.4 3.3-6.3 4.5-8.7 3.7s-5.3-2.9-8.7-6.2-6.5-6.4-9.6-9.2c-3-2.9-6.7-6.5-11.1-10.7-3-3-5.7-5-8.1-6.2s-4.6-.7-6.8 1.5c-1.5 1.6-3.6 3.7-6.3 6-2.7 2.4-4.9 4.4-6.5 6-2.9 2.8-5.4 3.9-7.6 3.2s-3.5-3.1-4-7.4zm223.7-11.1c4.4-.5 7.4 0 9.1 1.6s2.4 4.4 2 8.5l-7.1 60.6c-.5 4.8-1.9 7.8-4.2 9.1s-4.8.5-7.7-2.5c-1.7-1.6-3.9-3.7-6.5-6-2.7-2.4-5-4.5-6.8-6.3-2-1.8-3.9-2.4-5.5-1.9-1.7.6-3.6 1.9-5.8 4.1-4.5 4.4-8.5 8.5-12 12.1-3.4 3.6-7.5 7.7-12.2 12.3-1 1-2.2 1.9-3.5 2.8s-2.8 1.6-4.3 2-3.1.4-4.8-.1-3.4-1.6-5-3.4c-1-1-1.9-1.8-2.6-2.5s-1.5-1.3-2.1-2c-.7-.7-1.4-1.3-2.1-2-.7-.6-1.7-1.6-2.9-3-3.4-3.3-4.7-6.2-4-8.6.7-2.5 2.8-5.3 6.3-8.6l9.6-9.8c3.2-3.3 7-7.1 11.3-11.3 3.2-3 5.4-5.6 6.6-7.9s.6-4.4-1.8-6.4c-1.5-1.5-3.4-3.5-5.8-6-2.4-2.6-4.4-4.6-6-6.3-2.9-2.8-3.9-5.2-3.3-7.4.7-2.1 3.2-3.4 7.6-3.9zM21.2 241.7c-4.2.3-7.2-.3-9-1.9s-2.5-4.3-2.1-8.3l7.1-60.6c.5-4.9 1.9-8 4.2-9.2s4.8-.5 7.7 2.3c1.7 1.6 4 3.8 6.9 6.4q4.35 3.9 7.2 6.6c2 2 3.7 2.8 5 2.6s3-1.4 5-3.6q3.3-3.15 6.3-6.3c2-2 4-4.1 6-6 2-2 4.1-4 6.2-6.2 2.1-2.1 4.3-4.4 6.7-6.6q1.5-1.5 3.3-3c1.2-1 2.5-1.7 3.9-2.2s2.9-.5 4.5-.1 3.3 1.5 5.2 3.3c1 1 1.9 1.8 2.6 2.5s1.5 1.3 2.1 2l2 2.2 3 2.7c3.4 3.3 4.8 6.3 4.4 9s-2.4 5.8-5.9 9.2c-3.2 3.1-6.5 6.5-10.1 10-3.5 3.5-7.5 7.4-11.8 11.7-3 3-4.9 5.4-5.7 7.3q-1.05 2.85 2.1 6c1.7 1.5 3.6 3.3 5.7 5.5s4 4.1 5.7 5.8c2.9 2.8 3.9 5.2 3.2 7.4-.7 2.1-3.3 3.4-7.7 3.9z",
+  style: { "stroke-dasharray": "1461,1461", "stroke-dashoffset": "0", "fill-opacity": "1" }
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FF7F7F",
-  d: "M12.96 3.04C10.237.32 5.761.32 3.04 3.04c-2.72 2.722-2.72 7.198 0 9.92 2.722 2.72 7.198 2.72 9.92 0 2.72-2.722 2.72-7.11 0-9.92m-1.317 7.462-1.23 1.228-2.457-2.457-2.458 2.457-1.228-1.228 2.457-2.458L4.27 5.586l1.228-1.229 2.458 2.458 2.458-2.458 1.229 1.23-2.458 2.457z"
-}, 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 erase_white = { render };
+const expand = { render };
 export {
-  erase_white as default,
+  expand as default,
   render
 };

package/dist/main.es203.js

@@ -2,11 +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",
-  viewBox: "0 0 256 256"
+  width: "14",
+  height: "14",
+  fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  d: "M245.7 232.4c1 7.7-2.4 11.3-10.3 10.8l-62.1-6.9c-4.9-.5-8-1.9-9.3-4.1s-.6-4.7 2.3-7.5c1.9-1.6 4.1-3.9 6.8-6.8s5-5.2 6.8-7c1.9-2 2.4-3.8 1.8-5.4-.7-1.6-2-3.5-4-5.7-4.7-4.4-9-8.5-12.9-12.1q-5.85-5.4-12.9-12.6c-1-1-2-2-3-3.2s-1.8-2.4-2.3-3.8-.6-2.9-.2-4.4q.45-2.4 3.3-5.1c1-1 1.9-1.9 2.5-2.6.7-.7 1.3-1.4 2-2s1.4-1.2 2.1-2c.7-.7 1.7-1.8 2.9-3.1q5.1-4.95 9.3-4.2 4.35.75 9.3 5.7c3.4 3.3 6.8 6.6 10.3 10s7.5 7.2 11.8 11.5c3.2 3 5.9 5 8.2 6.2s4.5.6 6.7-1.5c1.5-1.5 3.4-3.3 5.7-5.3s4.2-3.9 5.9-5.5c2.9-2.8 5.4-3.9 7.7-3.2s3.7 3.1 4.2 7.4zM11.1 24c-.5-4.3 0-7.2 1.6-8.9 1.6-1.6 4.4-2.3 8.5-2l62 6.9c5.1.5 8.2 1.9 9.5 4.1q1.95 3.3-2.4 7.5c-1.7 1.6-3.7 3.8-6.2 6.4-2.4 2.6-4.6 4.8-6.4 6.6-2 2-2.7 3.8-2 5.4s2.1 3.5 4.3 5.7c2.2 2.3 4.2 4.3 6.2 6 1.9 1.7 3.8 3.4 5.7 5.2 1.9 1.7 3.8 3.6 5.8 5.5l6.3 6.2c1 1 2 2.1 2.9 3.4s1.6 2.7 2 4.2.4 3-.1 4.7c-.5 1.6-1.6 3.3-3.3 4.9l-2.8 2.7c-.7.7-1.3 1.3-1.9 2s-1.3 1.3-2.1 2l-2.8 3c-3.4 3.3-6.3 4.5-8.7 3.7s-5.3-2.9-8.7-6.2-6.5-6.4-9.6-9.2c-3-2.9-6.7-6.5-11.1-10.7-3-3-5.7-5-8.1-6.2s-4.6-.7-6.8 1.5c-1.5 1.6-3.6 3.7-6.3 6-2.7 2.4-4.9 4.4-6.5 6-2.9 2.8-5.4 3.9-7.6 3.2s-3.5-3.1-4-7.4zm223.7-11.1c4.4-.5 7.4 0 9.1 1.6s2.4 4.4 2 8.5l-7.1 60.6c-.5 4.8-1.9 7.8-4.2 9.1s-4.8.5-7.7-2.5c-1.7-1.6-3.9-3.7-6.5-6-2.7-2.4-5-4.5-6.8-6.3-2-1.8-3.9-2.4-5.5-1.9-1.7.6-3.6 1.9-5.8 4.1-4.5 4.4-8.5 8.5-12 12.1-3.4 3.6-7.5 7.7-12.2 12.3-1 1-2.2 1.9-3.5 2.8s-2.8 1.6-4.3 2-3.1.4-4.8-.1-3.4-1.6-5-3.4c-1-1-1.9-1.8-2.6-2.5s-1.5-1.3-2.1-2c-.7-.7-1.4-1.3-2.1-2-.7-.6-1.7-1.6-2.9-3-3.4-3.3-4.7-6.2-4-8.6.7-2.5 2.8-5.3 6.3-8.6l9.6-9.8c3.2-3.3 7-7.1 11.3-11.3 3.2-3 5.4-5.6 6.6-7.9s.6-4.4-1.8-6.4c-1.5-1.5-3.4-3.5-5.8-6-2.4-2.6-4.4-4.6-6-6.3-2.9-2.8-3.9-5.2-3.3-7.4.7-2.1 3.2-3.4 7.6-3.9zM21.2 241.7c-4.2.3-7.2-.3-9-1.9s-2.5-4.3-2.1-8.3l7.1-60.6c.5-4.9 1.9-8 4.2-9.2s4.8-.5 7.7 2.3c1.7 1.6 4 3.8 6.9 6.4q4.35 3.9 7.2 6.6c2 2 3.7 2.8 5 2.6s3-1.4 5-3.6q3.3-3.15 6.3-6.3c2-2 4-4.1 6-6 2-2 4.1-4 6.2-6.2 2.1-2.1 4.3-4.4 6.7-6.6q1.5-1.5 3.3-3c1.2-1 2.5-1.7 3.9-2.2s2.9-.5 4.5-.1 3.3 1.5 5.2 3.3c1 1 1.9 1.8 2.6 2.5s1.5 1.3 2.1 2l2 2.2 3 2.7c3.4 3.3 4.8 6.3 4.4 9s-2.4 5.8-5.9 9.2c-3.2 3.1-6.5 6.5-10.1 10-3.5 3.5-7.5 7.4-11.8 11.7-3 3-4.9 5.4-5.7 7.3q-1.05 2.85 2.1 6c1.7 1.5 3.6 3.3 5.7 5.5s4 4.1 5.7 5.8c2.9 2.8 3.9 5.2 3.2 7.4-.7 2.1-3.3 3.4-7.7 3.9z",
-  style: { "stroke-dasharray": "1461,1461", "stroke-dashoffset": "0", "fill-opacity": "1" }
+  fill: "#263238",
+  "fill-rule": "evenodd",
+  d: "m7 1.205 4.382 3.286-.764 1.018L7 2.795 3.382 5.51l-.764-1.018zM7 12.795l4.382-3.286-.764-1.018L7 11.205 3.382 8.49l-.764 1.018z",
+  "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -14,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const expand = { render };
+const expand_all = { render };
 export {
-  expand as default,
+  expand_all as default,
   render
 };

package/dist/main.es204.js

@@ -7,10 +7,8 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  "fill-rule": "evenodd",
-  d: "m7 1.205 4.382 3.286-.764 1.018L7 2.795 3.382 5.51l-.764-1.018zM7 12.795l4.382-3.286-.764-1.018L7 11.205 3.382 8.49l-.764 1.018z",
-  "clip-rule": "evenodd"
+  fill: "#0D0D0D",
+  d: "M.75 0h7.584l3.413 3.413V6.72h-1.222V4.887H6.859V1.222H1.972v10.997h3.665v1.221H.75zm7.331 1.475v2.19h2.19zm2.474 6.52 2.968 3.003L10.555 14l-.868-.859 1.515-1.532H6.858v-1.222h4.344L9.687 8.855z"
 }, 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 expand_all = { render };
+const export_document = { render };
 export {
-  expand_all as default,
+  export_document as default,
   render
 };

package/dist/main.es205.js

@@ -2,22 +2,19 @@ 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",
-  fill: "none"
+  viewBox: "0 0 14 14"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#0D0D0D",
-  d: "M.75 0h7.584l3.413 3.413V6.72h-1.222V4.887H6.859V1.222H1.972v10.997h3.665v1.221H.75zm7.331 1.475v2.19h2.19zm2.474 6.52 2.968 3.003L10.555 14l-.868-.859 1.515-1.532H6.858v-1.222h4.344L9.687 8.855z"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "M12.6 14H1.2c-.7 0-1.3-.6-1.3-1.3V1.3C-.1.6.5 0 1.2 0H6v2H2.9c-.5 0-1 .4-1 .9v8.3c0 .4.5.8 1 .8h8.3c.4 0 .9-.4.9-.9V8h2v4.7c-.2.7-.7 1.3-1.5 1.3M7.9 0h6v6z" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", { d: "M5.7 9.8 4.3 8.3l7.1-7.1 1.4 1.4z" }, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const export_document = { render };
+const external_icon = { render };
 export {
-  export_document as default,
+  external_icon as default,
   render
 };

package/dist/main.es206.js

@@ -2,10 +2,18 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 14 14"
+  width: "34",
+  height: "34",
+  fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "M12.6 14H1.2c-.7 0-1.3-.6-1.3-1.3V1.3C-.1.6.5 0 1.2 0H6v2H2.9c-.5 0-1 .4-1 .9v8.3c0 .4.5.8 1 .8h8.3c.4 0 .9-.4.9-.9V8h2v4.7c-.2.7-.7 1.3-1.5 1.3M7.9 0h6v6z" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", { d: "M5.7 9.8 4.3 8.3l7.1-7.1 1.4 1.4z" }, null, -1);
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#384F5A",
+  d: "M4 33.9S4 36 6.1 36h27.8s2.1 0 2.1-2.1V6.1S36 4 33.9 4H6.1S4 4 4 6.1z"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#fff",
+  d: "M21.3 30c-2.8 0-5.1-.4-6.4-1.4-2.1-1.4-2.9-3.2-2.9-6.7V10.6s0-.6.6-.6h14.2s.6 0 .6.6v2.5s0 .6-.6.6h-9.5s-.6 0-.6.6v2.1s0 .6.6.6h6.5s.6 0 .6.6V20s0 .6-.6.6h-6.5s-.6 0-.6.6v1.4c0 2.4 2.3 3.4 4.7 3.4 0 0 2.6-.1 5.3-1.1 0 0 .5-.2.6.4l.1 2.5s0 .6-.5.8c-.1 0-2.7 1.4-5.6 1.4"
+}, null, -1);
 const _hoisted_4 = [
   _hoisted_2,
   _hoisted_3
@@ -13,8 +21,8 @@ const _hoisted_4 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const external_icon = { render };
+const fav_icon = { render };
 export {
-  external_icon as default,
+  fav_icon as default,
   render
 };