@eturnity/eturnity_reusable_components 8.22.23-EPDM-14087.2 → 8.22.23-EPDM-15023.1

package/dist/main.es221.js

@@ -3,13 +3,13 @@ import { openBlock, createElementBlock, createElementVNode as createBaseVNode }
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
-  height: "12",
+  height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
+  fill: "#B2B9C5",
   "fill-rule": "evenodd",
-  d: "M6.646 2.354a3.743 3.743 0 0 0-5.292 0 .5.5 0 1 1-.708-.707 4.743 4.743 0 0 1 6.708 0 3.743 3.743 0 0 0 5.292 0 .5.5 0 0 1 .708.707 4.743 4.743 0 0 1-6.708 0m0 4a3.743 3.743 0 0 0-5.292 0 .5.5 0 1 1-.708-.707 4.743 4.743 0 0 1 6.708 0 3.743 3.743 0 0 0 5.292 0 .5.5 0 0 1 .708.707 4.743 4.743 0 0 1-6.708 0m-5.292 4a3.743 3.743 0 0 1 5.292 0 4.743 4.743 0 0 0 6.708 0 .5.5 0 0 0-.708-.707 3.743 3.743 0 0 1-5.292 0 4.743 4.743 0 0 0-6.708 0 .5.5 0 1 0 .708.707",
+  d: "M3.995 2.7a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8m1.8-.9a1.8 1.8 0 0 1-1 1.613V4h1.01l-1.8 2-1.8-2h.99v-.587a1.8 1.8 0 1 1 2.6-1.613m5.1 0a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0m-.1 1.613a1.8 1.8 0 1 0-1.6 0V4h-.99l1.8 2 1.8-2h-1.01zM14 7.8H0V6.2h14zm-6.995 3.5a.9.9 0 1 0 0 1.8.9.9 0 0 0 0-1.8m-1.8.9a1.8 1.8 0 0 1 1-1.613V10h-1.01l1.8-2 1.8 2h-.99v.587a1.8 1.8 0 1 1-2.6 1.613",
   "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
@@ -18,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const heating_system = { render };
+const height_equalize = { render };
 export {
-  heating_system as default,
+  height_equalize as default,
   render
 };

package/dist/main.es222.js

@@ -9,7 +9,7 @@ const _hoisted_1 = {
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#B2B9C5",
   "fill-rule": "evenodd",
-  d: "M3.995 2.7a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8m1.8-.9a1.8 1.8 0 0 1-1 1.613V4h1.01l-1.8 2-1.8-2h.99v-.587a1.8 1.8 0 1 1 2.6-1.613m5.1 0a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0m-.1 1.613a1.8 1.8 0 1 0-1.6 0V4h-.99l1.8 2 1.8-2h-1.01zM14 7.8H0V6.2h14zm-6.995 3.5a.9.9 0 1 0 0 1.8.9.9 0 0 0 0-1.8m-1.8.9a1.8 1.8 0 0 1 1-1.613V10h-1.01l1.8-2 1.8 2h-.99v.587a1.8 1.8 0 1 1-2.6 1.613",
+  d: "M0 1.6h14V0H0zm6.103 10.6a.9.9 0 1 1 1.8 0 .9.9 0 0 1-1.8 0m.1-1.613a1.8 1.8 0 1 0 1.6 0V4.65H9.5l-2.5-2-2.5 2h1.703z",
   "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
@@ -18,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const height_equalize = { render };
+const height_snap = { render };
 export {
-  height_equalize as default,
+  height_snap as default,
   render
 };

package/dist/main.es223.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: "14",
+  width: "16",
+  height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  "fill-rule": "evenodd",
-  d: "M0 1.6h14V0H0zm6.103 10.6a.9.9 0 1 1 1.8 0 .9.9 0 0 1-1.8 0m.1-1.613a1.8 1.8 0 1 0 1.6 0V4.65H9.5l-2.5-2-2.5 2h1.703z",
-  "clip-rule": "evenodd"
+  fill: "#263238",
+  d: "M18.367 26.942v-4.9h3.266v4.9h4.084v-6.534H27l-7-7.35-7 7.35h1.283v6.534z"
 }, 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 height_snap = { render };
+const house = { render };
 export {
-  height_snap as default,
+  house as default,
   render
 };

package/dist/main.es224.js

@@ -2,22 +2,40 @@ 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",
+  width: "14",
+  height: "14",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M18.367 26.942v-4.9h3.266v4.9h4.084v-6.534H27l-7-7.35-7 7.35h1.283v6.534z"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("mask", {
+  id: "a",
+  fill: "#fff"
+}, [
+  /* @__PURE__ */ createBaseVNode("path", {
+    "fill-rule": "evenodd",
+    d: "M4.03 2.758 0 5.303v5.94l3.41 1.166V8.97l1.121.448v3.375L8.061 14V8.06z",
+    "clip-rule": "evenodd"
+  })
+], -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#0068DE",
+  d: "m0 5.303-.694-1.1-.606.383v.717zm4.03-2.545 1.035-.787-.721-.95-1.008.637zM0 11.242h-1.3v.93l.88.3zm3.41 1.167-.42 1.23 1.72.589v-1.819zm0-3.439.483-1.207L2.11 7.05v1.92zm1.121.448h1.3v-.88l-.817-.327zm0 3.375h-1.3v.929l.88.3zM8.061 14l-.421 1.23 1.72.589V14zm0-5.94h1.3v-.437l-.265-.349zM.694 6.403l4.03-2.545-1.388-2.199-4.03 2.546zm.606 4.84V5.303h-2.6v5.94zm2.531-.063-3.41-1.167-.842 2.46 3.41 1.167zm.88 1.23V8.97h-2.6v3.44zm-1.784-2.232 1.122.449.965-2.415-1.121-.448zm.304-.759v3.375h2.6V9.418zm5.25 3.352-3.529-1.207-.841 2.46L7.64 15.23zm-1.72-4.71V14h2.6V8.06zM2.995 3.545l4.03 5.303 2.07-1.573-4.03-5.303z",
+  mask: "url(#a)"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#0068DE",
+  stroke: "#0068DE",
+  d: "M8.559 13.217V8.38l4.939-2.294v4.837zM8.216 7.438 4.806 2.95 9.815.623l3.411 4.488z"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
 }
-const house = { render };
+const house_3d1 = { render };
 export {
-  house as default,
+  house_3d1 as default,
   render
 };

package/dist/main.es225.js

@@ -3,7 +3,7 @@ import { openBlock, createElementBlock, createElementVNode as createBaseVNode }
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
-  height: "14",
+  height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("mask", {
@@ -12,19 +12,19 @@ const _hoisted_2 = /* @__PURE__ */ createBaseVNode("mask", {
 }, [
   /* @__PURE__ */ createBaseVNode("path", {
     "fill-rule": "evenodd",
-    d: "M4.03 2.758 0 5.303v5.94l3.41 1.166V8.97l1.121.448v3.375L8.061 14V8.06z",
+    d: "M4.03 3.719 0 6.287v5.994l3.41 1.178V9.988l1.122.453v3.405l3.53 1.218V9.07z",
     "clip-rule": "evenodd"
   })
 ], -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#0068DE",
-  d: "m0 5.303-.694-1.1-.606.383v.717zm4.03-2.545 1.035-.787-.721-.95-1.008.637zM0 11.242h-1.3v.93l.88.3zm3.41 1.167-.42 1.23 1.72.589v-1.819zm0-3.439.483-1.207L2.11 7.05v1.92zm1.121.448h1.3v-.88l-.817-.327zm0 3.375h-1.3v.929l.88.3zM8.061 14l-.421 1.23 1.72.589V14zm0-5.94h1.3v-.437l-.265-.349zM.694 6.403l4.03-2.545-1.388-2.199-4.03 2.546zm.606 4.84V5.303h-2.6v5.94zm2.531-.063-3.41-1.167-.842 2.46 3.41 1.167zm.88 1.23V8.97h-2.6v3.44zm-1.784-2.232 1.122.449.965-2.415-1.121-.448zm.304-.759v3.375h2.6V9.418zm5.25 3.352-3.529-1.207-.841 2.46L7.64 15.23zm-1.72-4.71V14h2.6V8.06zM2.995 3.545l4.03 5.303 2.07-1.573-4.03-5.303z",
+  fill: "#fff",
+  d: "m0 6.287-.699-1.096-.601.383v.713zM4.03 3.72l1.04-.783-.724-.96-1.014.646zM0 12.28h-1.3v.927l.876.302zm3.41 1.178-.424 1.229 1.725.595v-1.824zm0-3.471.487-1.205-1.786-.722v1.927zm1.122.453h1.3v-.878l-.813-.328zm0 3.405h-1.3v.926l.876.303zm3.53 1.218-.425 1.23 1.725.594v-1.824zm0-5.994h1.3v-.435L9.1 8.288zM.699 7.384l4.03-2.57-1.397-2.192-4.03 2.57zM1.3 12.28V6.287h-2.6v5.994zm2.535-.051-3.41-1.178-.85 2.458 3.411 1.178zm.876 1.229V9.988h-2.6v3.47zm-1.787-2.265 1.121.452.974-2.41-1.122-.453zm.308-.753v3.405h2.6V10.44zm5.254 3.394-3.53-1.218-.848 2.458 3.53 1.218zM6.762 9.07v5.994h2.6V9.07zM2.992 4.5l4.031 5.352L9.1 8.288 5.07 2.936z",
   mask: "url(#a)"
 }, null, -1);
 const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#0068DE",
-  stroke: "#0068DE",
-  d: "M8.559 13.217V8.38l4.939-2.294v4.837zM8.216 7.438 4.806 2.95 9.815.623l3.411 4.488z"
+  fill: "#fff",
+  stroke: "#fff",
+  d: "M8.563 14.278v-4.89l4.94-2.314v4.89zM8.217 8.445 4.801 3.91l5.015-2.35 3.416 4.536z"
 }, null, -1);
 const _hoisted_5 = [
   _hoisted_2,
@@ -34,8 +34,8 @@ const _hoisted_5 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
 }
-const house_3d1 = { render };
+const house_3d = { render };
 export {
-  house_3d1 as default,
+  house_3d as default,
   render
 };

package/dist/main.es226.js

@@ -2,40 +2,24 @@ 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",
+  width: "16",
   height: "16",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("mask", {
-  id: "a",
-  fill: "#fff"
-}, [
-  /* @__PURE__ */ createBaseVNode("path", {
-    "fill-rule": "evenodd",
-    d: "M4.03 3.719 0 6.287v5.994l3.41 1.178V9.988l1.122.453v3.405l3.53 1.218V9.07z",
-    "clip-rule": "evenodd"
-  })
-], -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  d: "m0 6.287-.699-1.096-.601.383v.713zM4.03 3.72l1.04-.783-.724-.96-1.014.646zM0 12.28h-1.3v.927l.876.302zm3.41 1.178-.424 1.229 1.725.595v-1.824zm0-3.471.487-1.205-1.786-.722v1.927zm1.122.453h1.3v-.878l-.813-.328zm0 3.405h-1.3v.926l.876.303zm3.53 1.218-.425 1.23 1.725.594v-1.824zm0-5.994h1.3v-.435L9.1 8.288zM.699 7.384l4.03-2.57-1.397-2.192-4.03 2.57zM1.3 12.28V6.287h-2.6v5.994zm2.535-.051-3.41-1.178-.85 2.458 3.411 1.178zm.876 1.229V9.988h-2.6v3.47zm-1.787-2.265 1.121.452.974-2.41-1.122-.453zm.308-.753v3.405h2.6V10.44zm5.254 3.394-3.53-1.218-.848 2.458 3.53 1.218zM6.762 9.07v5.994h2.6V9.07zM2.992 4.5l4.031 5.352L9.1 8.288 5.07 2.936z",
-  mask: "url(#a)"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  "fill-rule": "evenodd",
+  d: "M8 .5a.5.5 0 0 1 .5.5v1.867a.5.5 0 0 1-1 0V1A.5.5 0 0 1 8 .5M.5 8a.5.5 0 0 1 .5-.5h1.867a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m12.133 0a.5.5 0 0 1 .5-.5H15a.5.5 0 0 1 0 1h-1.867a.5.5 0 0 1-.5-.5M9 10.815c.095.267.39.41.641.277a3.499 3.499 0 1 0-5.124-3.436c-.028.282.217.501.5.488s.496-.257.54-.536A2.473 2.473 0 1 1 9.29 10.11c-.241.148-.385.437-.29.705m-3.827-.857a.5.5 0 0 1 .66-.002l2.996 2.622a.5.5 0 0 1 .171.376V14.5a.5.5 0 0 0 1 0v-1.546a1.5 1.5 0 0 0-.512-1.13l-2.996-2.62a1.5 1.5 0 0 0-1.983.006l-3.004 2.663A1.5 1.5 0 0 0 1 12.995V14.5a.5.5 0 0 0 1 0v-1.505a.5.5 0 0 1 .168-.374zm-1.77-7.261a.5.5 0 0 0-.706.707l1.32 1.32a.5.5 0 0 0 .707-.707zm7.873 1.32a.5.5 0 1 0 .707.707l1.32-1.32a.5.5 0 1 0-.707-.707zm.707 7.26a.5.5 0 0 0-.707.706l1.32 1.32a.5.5 0 0 0 .707-.707z",
+  "clip-rule": "evenodd"
 }, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  stroke: "#fff",
-  d: "M8.563 14.278v-4.89l4.94-2.314v4.89zM8.217 8.445 4.801 3.91l5.015-2.35 3.416 4.536z"
-}, null, -1);
-const _hoisted_5 = [
-  _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const house_3d = { render };
+const house_sun = { render };
 export {
-  house_3d as default,
+  house_sun as default,
   render
 };

package/dist/main.es227.js

@@ -2,14 +2,14 @@ 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: "15",
-  height: "13",
+  width: "14",
+  height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
+  fill: "#fff",
   "fill-rule": "evenodd",
-  d: "M13.78.416a1.64 1.64 0 0 0-2.31.222L9.973 2.452l-.275-.226a.5.5 0 1 0-.636.771l.274.227-2.224 2.695a.5.5 0 0 0-.09.166L6.086 9.01a.5.5 0 0 0 .716.591l2.696-1.474a.5.5 0 0 0 .146-.12l2.224-2.695.274.226a.5.5 0 0 0 .637-.771l-.275-.227 1.498-1.814c.577-.7.478-1.734-.221-2.31M7.946 6.481l2.163-2.62.989.815-2.163 2.621-1.515.828zm2.8-3.392.988.816 1.498-1.815a.641.641 0 1 0-.99-.816zm-6.572 4.87a.5.5 0 0 1 .66-.003l.338.295a.5.5 0 1 0 .658-.752l-.337-.295a1.5 1.5 0 0 0-1.983.006L.505 9.873A1.5 1.5 0 0 0 0 10.995V12.5a.5.5 0 0 0 1 0v-1.505a.5.5 0 0 1 .168-.374zm4.156 1.727a.5.5 0 1 0-.658.753l.158.139a.5.5 0 0 1 .171.376V12.5a.5.5 0 0 0 1 0v-1.546a1.5 1.5 0 0 0-.512-1.13z",
+  d: "M4.23 11.896h8.02V8.98H14v-3.5h-1.75V2.552H10.5v.01H8.583l-.816 1.75h2.735v5.834H5.046zM7.262 4.797a2.705 2.705 0 0 0-2.287 4.904zm-1.814-1.68a.676.676 0 1 0 1.353 0V1.765a.676.676 0 1 0-1.353 0zm-3.42 4.772H.676a.676.676 0 1 1 0-1.353h1.352a.676.676 0 1 1 0 1.353m1.678 2.699-.956.956a.676.676 0 0 1-.957-.956l.957-.956a.676.676 0 1 1 .956.956M2.75 4.794l-.957-.956a.676.676 0 1 1 .957-.956l.956.956a.676.676 0 1 1-.956.956",
   "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
@@ -18,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const house_dropper = { render };
+const hybrid = { render };
 export {
-  house_dropper as default,
+  hybrid as default,
   render
 };

package/dist/main.es228.js

@@ -2,14 +2,14 @@ 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",
+  width: "14",
+  height: "12",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
+  fill: "#fff",
   "fill-rule": "evenodd",
-  d: "M8 .5a.5.5 0 0 1 .5.5v1.867a.5.5 0 0 1-1 0V1A.5.5 0 0 1 8 .5M.5 8a.5.5 0 0 1 .5-.5h1.867a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m12.133 0a.5.5 0 0 1 .5-.5H15a.5.5 0 0 1 0 1h-1.867a.5.5 0 0 1-.5-.5M9 10.815c.095.267.39.41.641.277a3.499 3.499 0 1 0-5.124-3.436c-.028.282.217.501.5.488s.496-.257.54-.536A2.473 2.473 0 1 1 9.29 10.11c-.241.148-.385.437-.29.705m-3.827-.857a.5.5 0 0 1 .66-.002l2.996 2.622a.5.5 0 0 1 .171.376V14.5a.5.5 0 0 0 1 0v-1.546a1.5 1.5 0 0 0-.512-1.13l-2.996-2.62a1.5 1.5 0 0 0-1.983.006l-3.004 2.663A1.5 1.5 0 0 0 1 12.995V14.5a.5.5 0 0 0 1 0v-1.505a.5.5 0 0 1 .168-.374zm-1.77-7.261a.5.5 0 0 0-.706.707l1.32 1.32a.5.5 0 0 0 .707-.707zm7.873 1.32a.5.5 0 1 0 .707.707l1.32-1.32a.5.5 0 1 0-.707-.707zm.707 7.26a.5.5 0 0 0-.707.706l1.32 1.32a.5.5 0 0 0 .707-.707z",
+  d: "M9.095 3.625 10.821 1.6 9.54.508.2 11.492h13.6V9.809h-1.845a9.86 9.86 0 0 0-2.86-6.184m1.17 6.184A8.17 8.17 0 0 0 8 4.912L3.838 9.809z",
   "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
@@ -18,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const house_sun = { render };
+const inclination = { render };
 export {
-  house_sun as default,
+  inclination as default,
   render
 };

package/dist/main.es229.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: "14",
+  width: "24",
+  height: "24",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  "fill-rule": "evenodd",
-  d: "M4.23 11.896h8.02V8.98H14v-3.5h-1.75V2.552H10.5v.01H8.583l-.816 1.75h2.735v5.834H5.046zM7.262 4.797a2.705 2.705 0 0 0-2.287 4.904zm-1.814-1.68a.676.676 0 1 0 1.353 0V1.765a.676.676 0 1 0-1.353 0zm-3.42 4.772H.676a.676.676 0 1 1 0-1.353h1.352a.676.676 0 1 1 0 1.353m1.678 2.699-.956.956a.676.676 0 0 1-.957-.956l.957-.956a.676.676 0 1 1 .956.956M2.75 4.794l-.957-.956a.676.676 0 1 1 .957-.956l.956.956a.676.676 0 1 1-.956.956",
-  "clip-rule": "evenodd"
+  fill: "#B2B9C5",
+  d: "M12 0a12 12 0 1 1 0 24 12 12 0 0 1 0-24M9.75 19.81h4.5v-9h-4.5zM12 8.69a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5"
 }, 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 hybrid = { render };
+const info = { render };
 export {
-  hybrid as default,
+  info as default,
   render
 };

package/dist/main.es23.js

@@ -1,66 +1,232 @@
-function makeMap(str, expectsLowerCase) {
-  const map = /* @__PURE__ */ Object.create(null);
-  const list = str.split(",");
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true;
-  }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
-}
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const onRE = /^on[^a-z]/;
-const isOn = (key) => onRE.test(key);
-const isModelListener = (key) => key.startsWith("onUpdate:");
-const extend = Object.assign;
-const isArray = Array.isArray;
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
+import styled from "./main.es7.js";
+import _sfc_main$1 from "./main.es372.js";
+import theme from "./main.es8.js";
+import "./main.es3.js";
+import _export_sfc from "./main.es11.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createCommentVNode, createTextVNode } from "./main.es6.js";
+import { toDisplayString } from "./main.es21.js";
+const PageContainer = styled.div``;
+const ButtonAttrs = {
+  type: String,
+  isDisabled: Boolean,
+  minWidth: String,
+  width: String,
+  noWrap: Boolean,
+  height: String,
+  variant: String,
+  buttonSize: String,
+  appTheme: String,
+  isActive: Boolean
 };
-const hyphenateRE = /\B([A-Z])/g;
-const hyphenate = cacheStringFunction(
-  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
-);
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const invokeArrayFns = (fns, arg) => {
-  for (let i = 0; i < fns.length; i++) {
-    fns[i](arg);
-  }
+const ButtonContainer = styled("div", ButtonAttrs)`
+    display: flex;
+    justify-content: center;
+    padding: ${(props) => {
+  var _a, _b, _c, _d;
+  return (_d = (_c = (_b = (_a = props.theme) == null ? void 0 : _a.mainButton) == null ? void 0 : _b.size) == null ? void 0 : _c[props.buttonSize]) == null ? void 0 : _d.padding;
+}};
+    font-size: ${(props) => {
+  var _a, _b, _c, _d;
+  return (_d = (_c = (_b = (_a = props.theme) == null ? void 0 : _a.mainButton) == null ? void 0 : _b.size) == null ? void 0 : _c[props.buttonSize]) == null ? void 0 : _d.fontSize;
+}};
+    color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.textColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.textColor};
+    background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.isActive ? props.theme.mainButton[props.appTheme][props.type][props.variant].active.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.backgroundColor};
+    border: ${(props) => {
+  const borderValue = props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.borderColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.borderColor;
+  return borderValue ? "1px solid " + borderValue : "none";
+}};
+    border-radius: 4px;
+    text-align: center;
+    cursor: ${(props) => props.isDisabled ? "not-allowed" : "pointer"};
+    user-select: none;
+    ${(props) => props.minWidth ? `min-width: ${props.minWidth};` : ""};
+    ${(props) => props.noWrap ? `white-space: nowrap;` : ""};
+    height: ${(props) => props.height};
+    line-height: 1;
+    width: ${(props) => props.width};
+    &:hover {
+      background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].hover.backgroundColor};
+    }
+
+    &:active {
+      background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].active.backgroundColor};
+    }
+  `;
+const AltAttrs = {
+  altStyle: Boolean,
+  color: String
 };
-const looseToNumber = (val) => {
-  const n = parseFloat(val);
-  return isNaN(n) ? val : n;
+styled("div", AltAttrs)`
+    background-color: ${(props) => props.color ? props.color : props.theme.colors.transparentWhite1};
+    padding: 7px;
+    height: 100%;
+    width: 30%;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    border-radius: 4px 0 0 4px;
+    color: ${(props) => props.theme.colors.white};
+    all: ${(props) => props.altStyle ? "" : "unset"};
+  `;
+styled("span", AltAttrs)`
+    padding: ${(props) => props.altStyle ? "7px" : "0"};
+    all: ${(props) => props.altStyle ? "" : "unset"};
+  `;
+const LabelAttrs = {
+  hasIcon: Boolean
+};
+const LabelComponent = styled("span", LabelAttrs)`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: ${(props) => props.hasIcon ? "5px" : "0"};
+  `;
+const _sfc_main = {
+  name: "MainButton",
+  components: {
+    Icon: _sfc_main$1,
+    LabelComponent,
+    PageContainer,
+    ButtonContainer
+  },
+  props: {
+    type: {
+      required: false,
+      default: "primary",
+      // primary, secondary, tertiary, ghost
+      type: String
+    },
+    variant: {
+      required: false,
+      default: "main",
+      // main, cancel
+      type: String
+    },
+    isDisabled: {
+      required: false,
+      default: false,
+      type: Boolean
+    },
+    isActive: {
+      required: false,
+      default: false,
+      type: Boolean
+    },
+    icon: {
+      required: false,
+      default: null,
+      type: String
+    },
+    iconColor: {
+      required: false,
+      default: "",
+      type: String
+    },
+    iconAltStyle: {
+      required: false,
+      default: false,
+      type: Boolean
+    },
+    iconAltStyleColor: {
+      required: false,
+      default: null,
+      type: String
+    },
+    text: {
+      required: true,
+      type: String
+    },
+    noWrap: {
+      required: false,
+      default: false,
+      type: Boolean
+    },
+    minWidth: {
+      required: false,
+      default: null,
+      type: String
+    },
+    width: {
+      required: false,
+      default: "auto",
+      type: String
+    },
+    height: {
+      required: false,
+      default: "auto",
+      type: String
+    },
+    id: {
+      required: false,
+      default: null,
+      type: String
+    },
+    dataId: {
+      type: String,
+      default: ""
+    },
+    dataQaId: {
+      type: String,
+      default: ""
+    },
+    appTheme: {
+      type: String,
+      default: "light"
+    },
+    buttonSize: {
+      type: String,
+      default: "medium",
+      required: false
+    }
+  },
+  computed: {
+    theme() {
+      return theme;
+    },
+    getIconColor() {
+      return this.isDisabled ? this.theme.mainButton[this.appTheme][this.type][this.variant].disabled.textColor : this.iconColor ? this.iconColor : this.theme.mainButton[this.appTheme][this.type][this.variant].default.textColor;
+    }
+  }
 };
-const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
-const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
-const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
-const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
-const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
-function includeBooleanAttr(value) {
-  return !!value || value === "";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Icon = resolveComponent("Icon");
+  const _component_LabelComponent = resolveComponent("LabelComponent");
+  const _component_ButtonContainer = resolveComponent("ButtonContainer");
+  const _component_PageContainer = resolveComponent("PageContainer");
+  return openBlock(), createBlock(_component_PageContainer, null, {
+    default: withCtx(() => [createVNode(_component_ButtonContainer, {
+      id: $props.id,
+      "app-theme": $props.appTheme,
+      "button-size": $props.buttonSize,
+      "data-id": $props.dataId,
+      "data-qa-id": $props.dataQaId,
+      height: $props.height,
+      "is-active": $props.isActive,
+      "is-disabled": $props.isDisabled,
+      "min-width": $props.minWidth,
+      "no-wrap": $props.noWrap,
+      type: $props.type,
+      variant: $props.variant,
+      width: $props.width
+    }, {
+      default: withCtx(() => [createVNode(_component_LabelComponent, {
+        "has-icon": Boolean($props.icon)
+      }, {
+        default: withCtx(() => [$props.icon ? (openBlock(), createBlock(_component_Icon, {
+          key: 0,
+          color: $options.getIconColor,
+          "hovered-color": $options.getIconColor,
+          name: $props.icon,
+          size: "14px"
+        }, null, 8, ["color", "hovered-color", "name"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString($props.text), 1)]),
+        _: 1
+      }, 8, ["has-icon"])]),
+      _: 1
+    }, 8, ["id", "app-theme", "button-size", "data-id", "data-qa-id", "height", "is-active", "is-disabled", "min-width", "no-wrap", "type", "variant", "width"])]),
+    _: 1
+  });
 }
+const RCButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  capitalize,
-  extend,
-  hyphenate,
-  includeBooleanAttr,
-  invokeArrayFns,
-  isArray,
-  isFunction,
-  isHTMLTag,
-  isModelListener,
-  isOn,
-  isSVGTag,
-  isSpecialBooleanAttr,
-  isString,
-  looseToNumber,
-  makeMap
+  RCButton as default
 };