@eturnity/eturnity_reusable_components 8.46.2-EPDM-13987.0 → 8.46.2-EPDM-13987.2

package/dist/main.es91.js

@@ -2,21 +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: "14",
-  height: "14",
+  width: "13",
+  height: "16",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "M20 13c-3.856 0-7 3.144-7 7s3.144 7 7 7 7-3.144 7-7-3.144-7-7-7m0 1.75c2.91 0 5.25 2.34 5.25 5.25s-2.34 5.25-5.25 5.25-5.25-2.34-5.25-5.25 2.34-5.25 5.25-5.25" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", { d: "M19.125 16.125v4.813l2.35 1.761.7.526 1.05-1.4-.7-.524-1.65-1.238v-3.938Z" }, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M24.455 14.273h-2.66A1.92 1.92 0 0 0 20 13c-.827 0-1.527.534-1.794 1.273h-2.66c-.7 0-1.273.572-1.273 1.273v10.181c0 .7.573 1.273 1.273 1.273h8.909c.7 0 1.273-.573 1.273-1.273V15.546c0-.7-.573-1.273-1.273-1.273m-4.455 0c.35 0 .637.286.637.636s-.287.636-.637.636a.64.64 0 0 1-.636-.636c0-.35.286-.636.636-.636m3.455 10.454h-6.91v-8.181h1.273v.909h4.364v-.91h1.273z"
+}, null, -1);
+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 clock = { render };
+const clip = { render };
 export {
-  clock as default,
+  clip as default,
   render
 };

package/dist/main.es92.js

@@ -2,24 +2,21 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "10",
-  height: "10",
+  width: "14",
+  height: "14",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  "fill-rule": "evenodd",
-  d: "M5 10A5 5 0 1 0 5 0a5 5 0 0 0 0 10m.875-4.948V2.125h-1.75v3.802l2.066 1.55 1.05-1.4z",
-  "clip-rule": "evenodd"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "M20 13c-3.856 0-7 3.144-7 7s3.144 7 7 7 7-3.144 7-7-3.144-7-7-7m0 1.75c2.91 0 5.25 2.34 5.25 5.25s-2.34 5.25-5.25 5.25-5.25-2.34-5.25-5.25 2.34-5.25 5.25-5.25" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", { d: "M19.125 16.125v4.813l2.35 1.761.7.526 1.05-1.4-.7-.524-1.65-1.238v-3.938Z" }, 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 clock_full = { render };
+const clock = { render };
 export {
-  clock_full as default,
+  clock as default,
   render
 };

package/dist/main.es93.js

@@ -2,27 +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: "15",
-  height: "15",
+  width: "10",
+  height: "10",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FF5656",
-  d: "m26.293 14.792-1.076-1.077-11.502 11.502 1.076 1.076z"
+  fill: "#fff",
+  "fill-rule": "evenodd",
+  d: "M5 10A5 5 0 1 0 5 0a5 5 0 0 0 0 10m.875-4.948V2.125h-1.75v3.802l2.066 1.55 1.05-1.4z",
+  "clip-rule": "evenodd"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FF5656",
-  d: "m25.208 26.285 1.077-1.076-11.502-11.502-1.076 1.076z"
-}, 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 close = { render };
+const clock_full = { render };
 export {
-  close as default,
+  clock_full as default,
   render
 };

package/dist/main.es94.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.es95.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.es96.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.es97.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.es98.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: "16",
+  height: "16",
+  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: "#000",
+  d: "M13.646 14.354a.5.5 0 1 0 .707-.707l-2.48-2.48H14a.5.5 0 1 0 0-1h-3.333a.5.5 0 0 0-.5.5V14a.5.5 0 0 0 .99.102l.01-.102v-2.126zm-12-12.707a.5.5 0 0 1 .629-.065l.079.065 2.48 2.48V2a.5.5 0 1 1 1 0v3.333a.5.5 0 0 1-.5.5H2a.5.5 0 1 1 0-1h2.126l-2.48-2.48-.064-.079a.5.5 0 0 1 .065-.627m8.52.353v3.333a.5.5 0 0 0 .5.5H14l.101-.01a.5.5 0 0 0 0-.98L14 4.833h-2.126l2.48-2.48.064-.079a.5.5 0 0 0-.692-.692l-.08.065-2.48 2.48V2a.5.5 0 0 0-1 0M5.834 14a.5.5 0 0 1-1 0v-2.126l-2.48 2.48a.5.5 0 1 1-.706-.707l2.48-2.48H2a.5.5 0 0 1 0-1h3.333l.1.01a.5.5 0 0 1 .4.49z"
 }, 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 collapse_all_corners = { render };
 export {
-  compass as default,
+  collapse_all_corners as default,
   render
 };

package/dist/main.es99.js

@@ -2,32 +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: "42",
-  height: "42",
+  width: "18",
+  height: "18",
   fill: "none"
 };
 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"
+  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_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
+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 component_library = { render };
+const collections = { render };
 export {
-  component_library as default,
+  collections as default,
   render
 };

package/package.json

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

package/src/assets/svgIcons/arrow_tool.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="M11.6465 5.64651C11.8417 5.45125 12.1583 5.45125 12.3535 5.64651L14.6363 7.92931C14.6754 7.96837 14.6754 8.03168 14.6363 8.07073L12.3535 10.3535C12.1583 10.5488 11.8417 10.5488 11.6465 10.3535C11.4512 10.1583 11.4512 9.84177 11.6465 9.64651L12.793 8.50002H2C1.72386 8.50002 1.5 8.27617 1.5 8.00002C1.5 7.72388 1.72386 7.50002 2 7.50002H12.793L11.6465 6.35354C11.4512 6.15828 11.4512 5.84177 11.6465 5.64651Z" fill="black"/>
+</svg>

package/src/assets/svgIcons/collapse_all_corners.svg

@@ -0,0 +1,12 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M13.6464 14.3535C13.8417 14.5488 14.1582 14.5488 14.3534 14.3535C14.5487 14.1583 14.5487 13.8417 14.3534 13.6465L11.8739 11.167H13.9999C14.2761 11.167 14.4999 10.9431 14.4999 10.667C14.4999 10.3909 14.2761 10.167 13.9999 10.167H10.6669C10.5343 10.167 10.4072 10.2197 10.3134 10.3135C10.2196 10.4072 10.1669 10.5344 10.1669 10.667V14C10.1669 14.2761 10.3908 14.5 10.6669 14.5C10.9084 14.5 11.1104 14.3292 11.1571 14.1016L11.1669 14V11.874L13.6464 14.3535ZM1.64657 1.64657C1.81734 1.4758 2.08045 1.45418 2.2745 1.58212L2.3536 1.64657L4.83309 4.12606V2.00009C4.83309 1.72394 5.05695 1.50009 5.33309 1.50009C5.60924 1.50009 5.83309 1.72394 5.83309 2.00009V5.33309C5.83309 5.60924 5.60924 5.83309 5.33309 5.83309H2.00009C1.72394 5.83309 1.50009 5.60924 1.50009 5.33309C1.50009 5.05695 1.72394 4.83309 2.00009 4.83309H4.12606L1.64657 2.3536L1.58212 2.2745C1.45418 2.08045 1.4758 1.81734 1.64657 1.64657ZM10.1669 2.00009V5.33309C10.1669 5.60924 10.3908 5.83309 10.6669 5.83309H13.9999L14.1015 5.82333C14.3291 5.77656 14.4999 5.57459 14.4999 5.33309C14.4999 5.0916 14.3291 4.88963 14.1015 4.84286L13.9999 4.83309H11.8739L14.3534 2.3536L14.4179 2.2745C14.5458 2.08045 14.5242 1.81734 14.3534 1.64657C14.1827 1.4758 13.9195 1.45418 13.7255 1.58212L13.6464 1.64657L11.1669 4.12606V2.00009C11.1669 1.72394 10.943 1.50009 10.6669 1.50009C10.3908 1.50009 10.1669 1.72394 10.1669 2.00009ZM5.83309 14C5.83309 14.2761 5.60924 14.5 5.33309 14.5C5.05695 14.5 4.83309 14.2761 4.83309 14V11.874L2.3536 14.3535C2.15834 14.5488 1.84183 14.5488 1.64657 14.3535C1.45131 14.1583 1.45131 13.8417 1.64657 13.6465L4.12606 11.167H2.00009C1.72394 11.167 1.50009 10.9431 1.50009 10.667C1.50009 10.3909 1.72394 10.167 2.00009 10.167H5.33309L5.43368 10.1768C5.66165 10.2233 5.83309 10.4253 5.83309 10.667V14Z"
+    fill="black"
+  />
+</svg>

package/src/assets/svgIcons/compass_with_north.svg

@@ -0,0 +1,12 @@
+<svg
+  width="56"
+  height="56"
+  viewBox="0 0 56 56"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M28 8C38.8785 8 47.7278 16.6854 47.9932 27.5H49C49.2761 27.5 49.5 27.7239 49.5 28C49.5 28.2761 49.2761 28.5 49 28.5H47.9932C47.7278 39.3146 38.8785 48 28 48C17.1215 48 8.27221 39.3146 8.00684 28.5H7C6.72386 28.5 6.5 28.2761 6.5 28C6.5 27.7239 6.72386 27.5 7 27.5H8.00684C8.27221 16.6854 17.1215 8 28 8ZM28 9C17.6738 9 9.27096 17.2377 9.00586 27.5H10C10.2761 27.5 10.5 27.7239 10.5 28C10.5 28.2761 10.2761 28.5 10 28.5H9.00586C9.27096 38.7623 17.6738 47 28 47C38.3262 47 46.729 38.7623 46.9941 28.5H46C45.7239 28.5 45.5 28.2761 45.5 28C45.5 27.7239 45.7239 27.5 46 27.5H46.9941C46.729 17.2377 38.3262 9 28 9ZM36 45L28 42L20 45L28 9.5L36 45ZM30.0879 5.62012V0H30.9375V7H30.0879L25.9082 1.34961V7H25.0576V0H25.918L30.0879 5.62012Z"
+    fill="black"
+  />
+</svg>

package/src/assets/svgIcons/cursor_tool.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="M2.12586 1.51758C2.30041 1.47862 2.46167 1.51289 2.56239 1.53907C2.68705 1.57149 2.83783 1.62682 2.99598 1.6836L13.454 5.4375L13.7313 5.53809C13.8172 5.57049 13.8956 5.60193 13.9628 5.63281C14.0625 5.67865 14.233 5.76344 14.3514 5.92578L14.3993 6L14.4423 6.0918C14.5166 6.2801 14.5193 6.48948 14.4501 6.67969L14.4091 6.77344C14.2993 6.98824 14.0947 7.09607 13.9823 7.15137C13.916 7.18398 13.8387 7.21734 13.7538 7.25196L13.4794 7.36035L9.08387 9.06934C9.08014 9.07079 9.07651 9.07193 9.07313 9.07324L9.06922 9.08399L7.36024 13.4795C7.28488 13.6733 7.21649 13.8498 7.15125 13.9824C7.10282 14.0809 7.01409 14.25 6.84852 14.3643L6.77332 14.4092C6.56007 14.5181 6.31143 14.5291 6.09168 14.4424L5.99989 14.3994C5.78795 14.2841 5.68507 14.0768 5.6327 13.9629C5.60181 13.8957 5.57037 13.8173 5.53797 13.7314L5.43739 13.4541L1.68348 2.9961C1.62671 2.83794 1.57137 2.68716 1.53895 2.5625C1.50906 2.4475 1.46875 2.25348 1.53895 2.05078L1.57508 1.96387C1.67016 1.76565 1.84052 1.61191 2.05067 1.53907L2.12586 1.51758ZM2.62489 2.65821L6.40223 13.1816C6.4103 13.1609 6.41982 13.1398 6.4286 13.1172L8.13758 8.72168L8.18446 8.60645C8.20547 8.55995 8.23213 8.50814 8.26649 8.45996L8.35535 8.35547C8.38769 8.32313 8.42249 8.29326 8.45985 8.2666L8.53407 8.22071C8.60785 8.18001 8.67963 8.15399 8.72157 8.1377L13.1171 6.42871L13.1815 6.40235L2.65809 2.625C2.64049 2.61868 2.62344 2.6132 2.60731 2.60742C2.61308 2.62356 2.61857 2.6406 2.62489 2.65821Z" fill="black"/>
+</svg>

package/src/assets/svgIcons/upload_image_2.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="M8.5 1C8.77614 1 9 1.22386 9 1.5C8.99982 1.77599 8.77603 2 8.5 2H2.5C2.22386 2 2 2.22386 2 2.5V13.5C2.00006 13.5915 2.02637 13.6763 2.06934 13.75C2.09841 13.6999 2.13528 13.6532 2.18262 13.6143L9.93262 7.23145C10.5586 6.71591 11.4816 6.79106 12.0156 7.40137L14 9.66895V7.5C14 7.22386 14.2239 7 14.5 7C14.7761 7 15 7.22386 15 7.5V13.5C14.9998 14.3283 14.3283 15 13.5 15H2.5C1.67168 15 1.00018 14.3283 1 13.5V2.5C1 1.67157 1.67157 1 2.5 1H8.5ZM11.2627 8.05957C11.0847 7.85623 10.777 7.83111 10.5684 8.00293L3.28613 14H13.5C13.776 14 13.9998 13.776 14 13.5V11.1865L11.2627 8.05957ZM5.5 3.5C6.60457 3.5 7.5 4.39543 7.5 5.5C7.5 6.60457 6.60457 7.5 5.5 7.5C4.39543 7.5 3.5 6.60457 3.5 5.5C3.5 4.39543 4.39543 3.5 5.5 3.5ZM5.5 4.5C4.94772 4.5 4.5 4.94772 4.5 5.5C4.5 6.05228 4.94772 6.5 5.5 6.5C6.05228 6.5 6.5 6.05228 6.5 5.5C6.5 4.94772 6.05228 4.5 5.5 4.5ZM12.5 1C12.7761 1 13 1.22386 13 1.5V4.29297L14.1465 3.14648C14.3417 2.95122 14.6583 2.95122 14.8535 3.14648C15.0488 3.34175 15.0488 3.65825 14.8535 3.85352L12.9238 5.7832C12.9122 5.79477 12.898 5.80306 12.8857 5.81348C12.7941 5.92604 12.6565 6 12.5 6C12.3433 6 12.205 5.92631 12.1133 5.81348C12.1012 5.8032 12.0876 5.79459 12.0762 5.7832L10.1465 3.85352C9.95122 3.65825 9.95122 3.34175 10.1465 3.14648C10.3417 2.95122 10.6583 2.95122 10.8535 3.14648L12 4.29297V1.5C12 1.22386 12.2239 1 12.5 1Z" fill="black"/>
+</svg>

package/src/assets/theme.js

@@ -654,7 +654,7 @@ const theme = (() => {
           cancel: {
             // variant
             default: {
-              backgroundColor: semanticColors.teal[200],
+              backgroundColor: 'transparent',
               textColor: semanticColors.red[400],
               borderColor: semanticColors.teal[500],
             },

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

@@ -10,6 +10,7 @@
       :height="height"
       :is-active="isActive"
       :is-disabled="isDisabled"
+      :is-hovered="isHovered"
       :min-width="minWidth"
       :type="type"
       :variant="variant"
@@ -115,6 +116,7 @@
     variant: String,
     appTheme: String,
     isActive: Boolean,
+    isHovered: Boolean,
     height: String,
   }
   const ButtonWrapper = styled('div', ButtonAttrs)`
@@ -141,6 +143,9 @@
         : props.isActive
         ? props.theme.mainButton[props.appTheme][props.type][props.variant]
             .active.backgroundColor
+        : props.isHovered
+        ? props.theme.mainButton[props.appTheme][props.type][props.variant]
+            .hover.backgroundColor
         : props.theme.mainButton[props.appTheme][props.type][props.variant]
             .default.backgroundColor};
     border: ${(props) => {
@@ -352,6 +357,11 @@
         default: false,
         type: Boolean,
       },
+      isHovered: {
+        required: false,
+        default: false,
+        type: Boolean,
+      },
       fillType: {
         required: false,
         default: 'fill',

package/src/components/buttons/collection/ButtonIconCollection.stories.js

@@ -0,0 +1,31 @@
+import ButtonIconCollection from './index.vue'
+
+export default {
+  title: 'Components/Buttons/ButtonIconCollection',
+  component: ButtonIconCollection,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      description: {
+        component:
+          'A comprehensive display of all ButtonIcon variations across themes, types, variants, and states.',
+      },
+    },
+  },
+}
+
+export const AllButtonIcons = {
+  render: () => ({
+    components: { ButtonIconCollection },
+    template: '<ButtonIconCollection />',
+  }),
+  parameters: {
+    docs: {
+      description: {
+        story:
+          'Displays all ButtonIcon possibilities in a grid with Light and Dark themes side by side.',
+      },
+    },
+  },
+}