@eturnity/eturnity_reusable_components 8.46.1 → 8.46.2-EPDM-13987.0

package/dist/main.es93.js

@@ -2,34 +2,27 @@ 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",
+  width: "15",
+  height: "15",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M6 7H3S2 7 2 6V3s0-1 1-1h3s1 0 1 1v3s0 1-1 1"
+  fill: "#FF5656",
+  d: "m26.293 14.792-1.076-1.077-11.502 11.502 1.076 1.076z"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  "fill-rule": "evenodd",
-  d: "M16 9a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm-1-2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zM7 18a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm-1-2a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1z",
-  "clip-rule": "evenodd"
+  fill: "#FF5656",
+  d: "m25.208 26.285 1.077-1.076-11.502-11.502-1.076 1.076z"
 }, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M15 16h-3s-1 0-1-1v-3s0-1 1-1h3s1 0 1 1v3s0 1-1 1"
-}, null, -1);
-const _hoisted_5 = [
+const _hoisted_4 = [
   _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
+  _hoisted_3
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const co_branding = { render };
+const close = { render };
 export {
-  co_branding as default,
+  close as default,
   render
 };

package/dist/main.es94.js

@@ -2,22 +2,34 @@ 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: "12",
-  height: "14",
+  width: "18",
+  height: "18",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  d: "m20 19 5-5H15zM20 21l-5 5h10z"
+  d: "M6 7H3S2 7 2 6V3s0-1 1-1h3s1 0 1 1v3s0 1-1 1"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  "fill-rule": "evenodd",
+  d: "M16 9a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm-1-2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zM7 18a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm-1-2a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1z",
+  "clip-rule": "evenodd"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M15 16h-3s-1 0-1-1v-3s0-1 1-1h3s1 0 1 1v3s0 1-1 1"
+}, 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 collapse = { render };
+const co_branding = { render };
 export {
-  collapse as default,
+  co_branding as default,
   render
 };

package/dist/main.es95.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",
+  width: "12",
   height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#fff",
-  "stroke-width": "1.273",
-  d: "m3 2 4 3 4-3M3 12l4-3 4 3",
-  class: "fix"
+  fill: "#263238",
+  d: "m20 19 5-5H15zM20 21l-5 5h10z"
 }, 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 collapse_all = { render };
+const collapse = { render };
 export {
-  collapse_all as default,
+  collapse as default,
   render
 };

package/dist/main.es96.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: "18",
-  height: "18",
+  width: "14",
+  height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M17 10H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1M4 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2M17 0H1C.45 0 0 .45 0 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1M4 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"
+  stroke: "#fff",
+  "stroke-width": "1.273",
+  d: "m3 2 4 3 4-3M3 12l4-3 4 3",
+  class: "fix"
 }, 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 collections = { render };
+const collapse_all = { render };
 export {
-  collections as default,
+  collapse_all as default,
   render
 };

package/dist/main.es97.js

@@ -2,25 +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: "29",
-  height: "29",
-  fill: "#333"
+  width: "18",
+  height: "18",
+  fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "m10.5 14 4-8 4 8z" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#ccc",
-  d: "m10.5 16 4 8 4-8z",
-  class: "fix"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M17 10H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1M4 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2M17 0H1C.45 0 0 .45 0 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1M4 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"
 }, 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 compass = { render };
+const collections = { render };
 export {
-  compass as default,
+  collections as default,
   render
 };

package/dist/main.es98.js

@@ -2,32 +2,25 @@ 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"
+  width: "29",
+  height: "29",
+  fill: "#333"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M6.2 4.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.2-1.7M6.1 32.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.1-1.7M33.9 22.5H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c3.3 0 6-2.7 6-6 0-1.7-.7-3.2-1.8-4.2-1-1.1-2.5-1.8-4.2-1.8H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c1.2 0 2.2 1.1 2 2.3-.2 1-1.1 1.7-2.1 1.7"
-}, null, -1);
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "m10.5 14 4-8 4 8z" }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FF5656",
-  d: "m17.1 19.5-4-3-4 3v-15h8z"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#F58F46",
-  d: "m30.9 33.5-4-3-4 3v-15h8z"
+  fill: "#ccc",
+  d: "m10.5 16 4 8 4-8z",
+  class: "fix"
 }, null, -1);
-const _hoisted_5 = [
+const _hoisted_4 = [
   _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
+  _hoisted_3
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const component_library = { render };
+const compass = { render };
 export {
-  component_library as default,
+  compass as default,
   render
 };

package/dist/main.es99.js

@@ -1,20 +1,33 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "81",
-  height: "80",
+  width: "42",
+  height: "42",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" fill-rule="evenodd" d="M51.61 40.35a.2.2 0 0 0-.134-.35h-8.101l5.527-17.3c.062-.195-.172-.346-.324-.21L29.39 39.65a.2.2 0 0 0 .134.35h8.101l-5.527 17.3c-.062.195.172.346.324.21z" clip-rule="evenodd"></path><path fill="#DEE2EB" d="M27.568 15.165c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.401.032L17.367 9.83 19.8 7.397zM22.913 2.038a2.115 2.115 0 0 1 1.71 2.516c-.235 1.186-1.382 1.982-2.562 1.778L11.615 4.526 11.36.039zM25.903 19.989c.655.654.64 1.73-.031 2.401-.672.672-1.747.686-2.402.032l-9.347-9.348 2.433-2.433zM21.87 22.443c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.402.032l-8.557-8.558 2.433-2.433zM16.256 23.317c.654.654.64 1.73-.032 2.401-.672.672-1.747.687-2.402.032l-6.187-6.187 2.433-2.433z"></path><path fill="#DEE2EB" d="M20.327 7.924 8.16 20.089l-6.055-6.056C-.076 11.852-.028 8.268 2.21 6.03l4.055-4.056c2.24-2.24 5.824-2.286 8.005-.105z"></path><path fill="#DEE2EB" d="m18.947 11.41-.811.811-1.053-1.053.81-.811zM15.703 14.654l-.811.811-1.053-1.053.81-.811zM11.932 17.372l-.81.81-.527-.526.81-.81zM6.266 1.973C8.294-.054 10.162-.079 11.36.04l.26.53-.138.402-1.879.825c-.44-.35-3.445.286-3.337.177M53.43 64.835c-.654-.654-.64-1.73.032-2.401.672-.672 1.747-.686 2.401-.032l7.768 7.768-2.433 2.433zM58.085 77.962a2.115 2.115 0 0 1-1.71-2.516c.234-1.186 1.382-1.982 2.562-1.778l10.446 1.806.255 4.487zM55.095 60.011c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l9.347 9.348-2.433 2.433zM59.129 57.557c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l8.557 8.557-2.433 2.434zM64.743 56.683c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.687 2.401-.032l6.188 6.187-2.433 2.434z"></path><path fill="#DEE2EB" d="m60.671 72.076 12.166-12.165 6.055 6.056c2.182 2.181 2.135 5.765-.105 8.004l-4.055 4.055c-2.24 2.24-5.823 2.287-8.005.106z"></path><path fill="#DEE2EB" d="m62.051 68.59.811-.811 1.053 1.053-.81.811zM65.295 65.346l.811-.811 1.053 1.053-.81.811zM69.066 62.628l.81-.81.527.526-.81.81zM74.732 78.027c-2.028 2.027-3.895 2.052-5.094 1.934l-.26-.53.138-.402 1.879-.825c.44.35 3.445-.286 3.337-.177M53.43 15.165c-.654.654-.64 1.73.032 2.401.672.672 1.747.686 2.401.032l7.768-7.768-2.433-2.433zM58.085 2.038a2.115 2.115 0 0 0-1.71 2.516c.234 1.186 1.382 1.982 2.562 1.778l10.446-1.806.255-4.487zM55.095 19.989c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l9.347-9.348-2.433-2.433zM59.129 22.443c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l8.557-8.558-2.433-2.433zM64.743 23.317c-.655.654-.64 1.73.031 2.401.672.672 1.747.687 2.401.032l6.188-6.187-2.433-2.433z"></path><path fill="#DEE2EB" d="m60.671 7.924 12.166 12.165 6.055-6.056c2.182-2.181 2.135-5.765-.105-8.004l-4.055-4.056c-2.24-2.24-5.823-2.286-8.005-.105z"></path><path fill="#DEE2EB" d="m62.051 11.41.811.811 1.053-1.053-.81-.811zM65.295 14.654l.811.811 1.053-1.053-.81-.811zM69.066 17.372l.81.81.527-.526-.81-.81zM74.732 1.973C72.704-.054 70.837-.079 69.638.04l-.26.53.138.402 1.879.825c.44-.35 3.445.286 3.337.177M27.568 64.835c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.401-.032l-7.768 7.768 2.433 2.433zM22.913 77.962a2.115 2.115 0 0 0 1.71-2.516c-.235-1.186-1.382-1.982-2.562-1.778l-10.446 1.806-.255 4.487zM25.903 60.011c.655-.654.64-1.73-.031-2.401-.672-.672-1.747-.686-2.402-.032l-9.347 9.348 2.433 2.433zM21.87 57.557c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.402-.032l-8.557 8.557 2.433 2.434zM16.256 56.683c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.687-2.402-.032l-6.187 6.187 2.433 2.434z"></path><path fill="#DEE2EB" d="M20.327 72.076 8.16 59.911l-6.055 6.056c-2.182 2.181-2.134 5.765.105 8.004l4.055 4.055c2.24 2.24 5.824 2.287 8.005.106z"></path><path fill="#DEE2EB" d="m18.947 68.59-.811-.811-1.053 1.053.81.811zM15.703 65.346l-.811-.811-1.053 1.053.81.811zM11.932 62.628l-.81-.81-.527.526.81.81zM6.266 78.027c2.028 2.027 3.896 2.052 5.094 1.934l.26-.53-.138-.402-1.879-.825c-.44.35-3.445-.286-3.337-.177"></path>', 10);
-const _hoisted_12 = [
-  _hoisted_2
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#B2B9C5",
+  d: "M6.2 4.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.2-1.7M6.1 32.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.1-1.7M33.9 22.5H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c3.3 0 6-2.7 6-6 0-1.7-.7-3.2-1.8-4.2-1-1.1-2.5-1.8-4.2-1.8H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c1.2 0 2.2 1.1 2 2.3-.2 1-1.1 1.7-2.1 1.7"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#FF5656",
+  d: "m17.1 19.5-4-3-4 3v-15h8z"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#F58F46",
+  d: "m30.9 33.5-4-3-4 3v-15h8z"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_12);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
 }
-const consumption_tariffs = { render };
+const component_library = { render };
 export {
-  consumption_tariffs as default,
+  component_library as default,
   render
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.46.1",
+  "version": "8.46.2-EPDM-13987.0",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/circle.svg

@@ -0,0 +1,9 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle class="isStroke" cx="8" cy="8" r="6" stroke="white" />
+</svg>

package/src/assets/svgIcons/copy.svg

@@ -1,10 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="copy" fill="none" transform="translate(85.333333, 42.666667)">
-            <path d="M341.333333,85.3333333 L341.333333,405.333333 L85.3333333,405.333333 L85.3333333,85.3333333 L341.333333,85.3333333 Z M298.666667,128 L128,128 L128,362.666667 L298.666667,362.666667 L298.666667,128 Z M234.666667,7.10542736e-15 L234.666667,42.6666667 L42.6666667,42.6666667 L42.6666667,298.666667 L1.42108547e-14,298.666667 L1.42108547e-14,7.10542736e-15 L234.666667,7.10542736e-15 Z">
-            </path>
-        </g>
-    </g>
-</svg>
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 0C0.671574 0 0 0.671573 0 1.5V9.5C0 10.3284 0.671572 11 1.5 11H3V12.5C3 13.3284 3.67157 14 4.5 14H12.5C13.3284 14 14 13.3284 14 12.5V4.5C14 3.67157 13.3284 3 12.5 3H11V1.5C11 0.671573 10.3284 0 9.5 0H1.5ZM12.5 4C12.7761 4 13 4.22386 13 4.5V12.5C13 12.7761 12.7761 13 12.5 13H4.5C4.22386 13 4 12.7761 4 12.5V4.5C4 4.22386 4.22386 4 4.5 4H12.5ZM4.5 3C3.67157 3 3 3.67157 3 4.5V10H1.5C1.22386 10 1 9.77614 1 9.5V1.5C1 1.22386 1.22386 1 1.5 1H9.5C9.77614 1 10 1.22386 10 1.5V3H4.5Z" fill="#6F20DC"/>
+</svg>

package/src/assets/svgIcons/layer_back.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 7.49971C8.27604 7.49971 8.49984 7.7237 8.5 7.99971V12.9597L10.1875 11.6091C10.4031 11.4368 10.7181 11.4718 10.8906 11.6872C11.0631 11.9028 11.028 12.2178 10.8125 12.3903L8.3125 14.3903C8.15281 14.5181 7.93421 14.5339 7.75977 14.4382L7.6875 14.3903L5.1875 12.3903C4.972 12.2178 4.93691 11.9028 5.10938 11.6872C5.28187 11.4718 5.59693 11.4368 5.8125 11.6091L7.5 12.9597V7.99971C7.50016 7.7237 7.72396 7.49971 8 7.49971Z" fill="black"/>
+<path d="M4.2998 6.21748L3.30078 6.63447L6.50098 7.96748C6.50075 7.9781 6.50002 7.98903 6.5 7.99971V9.05146L1.80762 7.09639C1.62141 7.0187 1.5 6.83624 1.5 6.63447C1.50024 6.43286 1.62148 6.25011 1.80762 6.17256L2.99902 5.67549L4.2998 6.21748Z" fill="black"/>
+<path d="M14.1924 6.17256C14.3785 6.25011 14.4998 6.43286 14.5 6.63447C14.5 6.83624 14.3786 7.0187 14.1924 7.09639L9.5 9.05146V7.99971C9.49997 7.9887 9.49829 7.97745 9.49805 7.9665L12.6982 6.63447L11.6992 6.21748L13 5.67549L14.1924 6.17256Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.80762 1.03877C7.93065 0.987525 8.06935 0.987525 8.19238 1.03877L14.1924 3.53877C14.3786 3.61643 14.5 3.79888 14.5 4.00068C14.4999 4.2024 14.3786 4.38501 14.1924 4.4626L8.19238 6.9626C8.10012 7.00099 7.99892 7.01014 7.90234 6.99092L7.80762 6.9626L1.80762 4.4626C1.6214 4.38501 1.50014 4.2024 1.5 4.00068C1.5 3.79888 1.62136 3.61643 1.80762 3.53877L7.80762 1.03877ZM3.30078 4.00068L8 5.95869L12.6982 4.00068L8 2.04365L3.30078 4.00068Z" fill="black"/>
+</svg>

package/src/assets/svgIcons/layer_backward.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 7.49971C8.27604 7.49971 8.49984 7.7237 8.5 7.99971V12.9597L10.1875 11.6091C10.4031 11.4368 10.7181 11.4718 10.8906 11.6872C11.0631 11.9028 11.028 12.2178 10.8125 12.3903L8.3125 14.3903C8.15281 14.5181 7.93421 14.5339 7.75977 14.4382L7.6875 14.3903L5.1875 12.3903C4.972 12.2178 4.93691 11.9028 5.10938 11.6872C5.28187 11.4718 5.59693 11.4368 5.8125 11.6091L7.5 12.9597V7.99971C7.50016 7.7237 7.72396 7.49971 8 7.49971Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.80762 1.03877C7.93065 0.987525 8.06935 0.987525 8.19238 1.03877L14.1924 3.53877C14.3786 3.61643 14.5 3.79888 14.5 4.00068C14.4999 4.2024 14.3786 4.38501 14.1924 4.4626L8.19238 6.9626C8.10012 7.00099 7.99892 7.01014 7.90234 6.99092L7.80762 6.9626L1.80762 4.4626C1.6214 4.38501 1.50014 4.2024 1.5 4.00068C1.5 3.79888 1.62136 3.61643 1.80762 3.53877L7.80762 1.03877ZM3.30078 4.00068L8 5.95869L12.6982 4.00068L8 2.04365L3.30078 4.00068Z" fill="black"/>
+</svg>

package/src/assets/svgIcons/layer_forward.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.1924 10.5381C14.3787 10.6157 14.5 10.7981 14.5 11C14.5 11.2018 14.3787 11.3842 14.1924 11.4619L8.19238 13.9619C8.06935 14.0131 7.93065 14.0131 7.80762 13.9619L1.80762 11.4619C1.6213 11.3842 1.5 11.2018 1.5 11C1.50002 10.7981 1.62131 10.6157 1.80762 10.5381L6.5 8.582V9.66696L3.30078 11L8 12.957L12.6982 11L9.5 9.66696V8.582L14.1924 10.5381Z" fill="black"/>
+<path d="M7.75977 1.56149C7.9342 1.46582 8.15282 1.48161 8.3125 1.60934L10.8125 3.60934C11.0281 3.78184 11.0631 4.09684 10.8906 4.31247C10.7181 4.5281 10.4031 4.5631 10.1875 4.39059L8.5 3.04001V11C8.5 11.2761 8.27614 11.5 8 11.5C7.72386 11.5 7.5 11.2761 7.5 11V3.04001L5.8125 4.39059C5.59687 4.5631 5.28188 4.5281 5.10938 4.31247C4.93689 4.09684 4.97188 3.78184 5.1875 3.60934L7.6875 1.60934L7.75977 1.56149Z" fill="black"/>
+</svg>

package/src/assets/svgIcons/layer_front.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.1924 10.497C14.3787 10.5747 14.5 10.7571 14.5 10.959C14.5 11.1608 14.3787 11.3432 14.1924 11.4209L8.19238 13.9209C8.06935 13.9721 7.93065 13.9721 7.80762 13.9209L1.80762 11.4209C1.6213 11.3432 1.5 11.1608 1.5 10.959C1.50002 10.7571 1.62131 10.5747 1.80762 10.497L2.99902 9.99997L4.2998 10.542L3.30078 10.959L8 12.916L12.6982 10.959L11.6992 10.542L13 9.99997L14.1924 10.497Z" fill="black"/>
+<path d="M14.1924 7.95602C14.3787 8.03365 14.5 8.2161 14.5 8.41794C14.5 8.61978 14.3787 8.80221 14.1924 8.87985L8.19238 11.3799C8.06935 11.4311 7.93065 11.4311 7.80762 11.3799L1.80762 8.87985C1.6213 8.80221 1.5 8.61978 1.5 8.41794C1.50002 8.2161 1.62131 8.03365 1.80762 7.95602L6.5 5.99997V7.08493L3.30078 8.41794L8 10.375L12.6982 8.41794L9.5 7.08493V5.99997L14.1924 7.95602Z" fill="black"/>
+<path d="M7.75977 1.56149C7.9342 1.46582 8.15282 1.48161 8.3125 1.60934L10.8125 3.60934C11.0281 3.78184 11.0631 4.09684 10.8906 4.31247C10.7181 4.5281 10.4031 4.5631 10.1875 4.39059L8.5 3.04001V8.99997C8.5 9.27611 8.27614 9.49997 8 9.49997C7.72386 9.49997 7.5 9.27611 7.5 8.99997V3.04001L5.8125 4.39059C5.59687 4.5631 5.28188 4.5281 5.10938 4.31247C4.93689 4.09684 4.97188 3.78184 5.1875 3.60934L7.6875 1.60934L7.75977 1.56149Z" fill="black"/>
+</svg>

package/src/assets/svgIcons/polygon.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 2C13.5523 2 14 2.44772 14 3C14 3.36979 13.7984 3.69123 13.5 3.86426V12.1348C13.7987 12.3077 14 12.63 14 13C14 13.5523 13.5523 14 13 14C12.5598 14 12.1863 13.7154 12.0527 13.3203L3.74902 11.6592C3.56577 11.8672 3.29906 12 3 12C2.44772 12 2 11.5523 2 11C2 10.63 2.20133 10.3077 2.5 10.1348V5.86426C2.20157 5.69123 2 5.36979 2 5C2 4.44772 2.44772 4 3 4C3.29879 4 3.56578 4.1321 3.74902 4.33984L12.0527 2.67871C12.1866 2.28404 12.5601 2 13 2ZM3.94629 5.31934C3.86817 5.55092 3.70817 5.74357 3.5 5.86426V10.1348C3.70785 10.2551 3.8679 10.4477 3.94629 10.6787L12.25 12.3389C12.3214 12.2579 12.406 12.1892 12.5 12.1348V3.86426C12.4056 3.8095 12.3206 3.74069 12.249 3.65918L3.94629 5.31934Z" fill="black"/>
+</svg>

package/src/assets/svgIcons/trash.svg

@@ -0,0 +1,3 @@
+<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 2C12.7761 2 13 2.22386 13 2.5C13 2.77614 12.7761 3 12.5 3H11.457L10.5811 12.6357C10.5108 13.4083 9.86266 13.9999 9.08691 14H3.91309C3.13734 13.9999 2.48918 13.4083 2.41895 12.6357L1.54297 3H0.5C0.223858 3 0 2.77614 0 2.5C0 2.22386 0.223858 2 0.5 2H12.5ZM3.41504 12.5449C3.43845 12.8024 3.65454 12.9999 3.91309 13H9.08691C9.34546 12.9999 9.56155 12.8024 9.58496 12.5449L10.4521 3H2.54785L3.41504 12.5449ZM5 5.5C5.27614 5.5 5.5 5.72386 5.5 6V10C5.5 10.2761 5.27614 10.5 5 10.5C4.72386 10.5 4.5 10.2761 4.5 10V6C4.5 5.72386 4.72386 5.5 5 5.5ZM8 5.5C8.27614 5.5 8.5 5.72386 8.5 6V10C8.5 10.2761 8.27614 10.5 8 10.5C7.72386 10.5 7.5 10.2761 7.5 10V6C7.5 5.72386 7.72386 5.5 8 5.5ZM8.5 0C8.77614 0 9 0.223858 9 0.5C9 0.776142 8.77614 1 8.5 1H4.5C4.22386 1 4 0.776142 4 0.5C4 0.223858 4.22386 0 4.5 0H8.5Z" fill="#CC4545"/>
+</svg>

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

@@ -4,6 +4,8 @@
       :app-theme="appTheme"
       :button-size="buttonSize"
       :custom-color="customColor"
+      :data-id="dataId"
+      :data-qa-id="dataQaId"
       data-test-id="button-icon-wrapper"
       :height="height"
       :is-active="isActive"
@@ -118,6 +120,7 @@
   const ButtonWrapper = styled('div', ButtonAttrs)`
     position: relative;
     display: grid;
+    align-content: center
     grid-template-columns: auto 1fr auto;
     height: ${({ height }) => height};
     font-size: ${(props) =>
@@ -207,6 +210,7 @@
     width: ${(props) =>
       props.theme?.mainButton?.size?.[props.buttonSize]?.iconWidth};
     background: rgba(255, 255, 255, 0.1);
+    border-radius: 4px 0 0 4px;
     border-right: ${(props) => {
       const borderColor =
         props.theme.mainButton[props.appTheme][props.type][props.variant]
@@ -379,6 +383,14 @@
         type: Boolean,
         default: false,
       },
+      dataId: {
+        type: String,
+        default: '',
+      },
+      dataQaId: {
+        type: String,
+        default: '',
+      },
     },
     data() {
       return {

package/src/components/icon/index.vue

@@ -1,6 +1,8 @@
 <template>
   <Wrapper
     :cursor="cursor"
+    :data-id="dataId"
+    :data-qa-id="dataQaId"
     data-test-id="icon_wrapper"
     :disabled="disabled"
     :height="height ? height : size"
@@ -123,6 +125,14 @@
       type: Number,
       default: null,
     },
+    dataId: {
+      type: String,
+      default: '',
+    },
+    dataQaId: {
+      type: String,
+      default: '',
+    },
   })
 
   const Wrapper = styled('div', {

package/src/components/infoCard/index.vue

@@ -14,7 +14,7 @@
       :color="iconColor ? iconColor : presetStyles.iconColor"
       data-test-id="info_card_icon"
       :hovered-color="iconColor ? iconColor : presetStyles.iconColor"
-      :name="iconName"
+      :name="getIconName()"
       size="18px"
     />
     <TextContainer data-test-id="info_card_text_container">
@@ -123,6 +123,11 @@
         type: String,
         default: '',
       },
+      iconName: {
+        required: false,
+        type: String,
+        default: '',
+      },
     },
     computed: {
       isInfoSimple() {
@@ -138,7 +143,7 @@
       isErrorMinor() {
         return this.type === 'error_minor'
       },
-      iconName() {
+      iconTypeName() {
         return this.type === 'warning'
           ? 'warning_triangle'
           : this.isErrorMinor
@@ -176,5 +181,10 @@
         return stylesCollection
       },
     },
+    methods: {
+      getIconName() {
+        return this.iconName || this.iconTypeName
+      },
+    },
   }
 </script>

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

@@ -4,6 +4,8 @@
       <RadioWrapper
         v-for="(item, index) in options"
         :key="item.value"
+        :data-id="'radioWrapper_' + item.value"
+        :data-qa-id="'radioWrapper_' + item.value"
         :data-test-id="'radioWrapper_' + item.value"
       >
         <LabelContainer

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

@@ -718,7 +718,7 @@
       },
     },
     setup() {
-      const modalRef = inject('modalRef')
+      const modalRef = inject('modalRef', null)
 
       return {
         modalRef,

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

@@ -9,6 +9,8 @@
     "
     :color-mode="colorMode"
     :cursor-type="cursorType"
+    :data-id="dataId"
+    :data-qa-id="dataQaId"
     :data-value="value"
     :disabled-bg-color="disabledBgColor"
     :disabled-text-color="disabledTextColor"
@@ -152,6 +154,16 @@
         required: false,
         default: false,
       },
+      dataId: {
+        type: String,
+        required: false,
+        default: '',
+      },
+      dataQaId: {
+        type: String,
+        required: false,
+        default: '',
+      },
     },
     emits: ['option-hovered', 'option-selected'],
     data() {

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

@@ -36,6 +36,8 @@
       >
         <ToggleBackground
           :background-color="backgroundColor"
+          :data-id="`${dataId}`"
+          :data-qa-id="`${dataId}`"
           data-test-id="toggle_background"
           :disabled="disabled"
           :is-checked="isChecked"

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

@@ -15,7 +15,7 @@
       :overflow="overflowRule"
       @click="onClickModalContainer"
     >
-      <Spinner v-if="isLoading" :limited-to-modal="true" size="50px" />
+      <Spinner v-if="isLoading" :limited-to-modal="true" size="large" />
       <ContentContainer v-if="!isLoading">
         <slot></slot>
       </ContentContainer>

package/src/components/selectedOptions/index.vue

@@ -382,9 +382,9 @@
         default: () => [],
       },
       numberSelected: {
-        type: Number,
         required: true,
         default: 0,
+        validator: (value) => value === null || typeof value === 'number',
       },
       selectedLabel: {
         type: String,