@eturnity/eturnity_reusable_components 8.34.0-EPDM-16204.1 → 8.37.1

package/dist/main.es16.js

@@ -1,4 +1,4 @@
-import { isSymbol, hasChanged, isObject, NOOP, isArray, extend, toRawType, isFunction, def, hasOwn, isIntegerKey, isMap, makeMap, capitalize } from "./main.es743.js";
+import { isSymbol, hasChanged, isObject, NOOP, isArray, extend, toRawType, isFunction, def, hasOwn, isIntegerKey, isMap, makeMap, capitalize } from "./main.es742.js";
 function warn(msg, ...args) {
   console.warn(`[Vue warn] ${msg}`, ...args);
 }

package/dist/main.es199.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: "13",
-  height: "13",
+  width: "10",
+  height: "18",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
-  d: "M8.513 1c.551 0 1 .448 1 1V4.44q.076-.012.154-.013h2.23c.552 0 1 .449 1 1V12a1 1 0 0 1-1 1h-3.23v-.014q-.075.013-.155.014h-2.23l-.103-.005-.051-.008V13h-3.23l-.103-.005A1 1 0 0 1 1.897 12v-.69a1.5 1.5 0 0 0 1-.295V12h2.23V8h-.94l.332-1h.609q.079 0 .154.012V2a1 1 0 0 1 .898-.995L6.282 1zM6.281 12h2.23V2h-2.23zm3.385 0h2.23V5.428h-2.23zM1.525.657a.5.5 0 0 1 .95.316l-1.28 3.842h2.027a.7.7 0 0 1 .665.921L2.474 9.973a.5.5 0 0 1-.949-.316l1.28-3.842H.777a.7.7 0 0 1-.664-.92z"
+  fill: "#263238",
+  "fill-rule": "evenodd",
+  d: "M9.367 9.334A.2.2 0 0 0 9.218 9h-3.05L8.299.785c.052-.202-.201-.339-.342-.184L.634 8.666A.2.2 0 0 0 .782 9h3.05l-2.13 8.215c-.053.202.2.34.341.184z",
+  "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2

package/dist/main.es348.js

@@ -2,13 +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: "13",
+  width: "16",
+  height: "15",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
-  d: "M8 0a2 2 0 0 1 2 2v1h2.5l.153.008A1.5 1.5 0 0 1 14 4.5v7a1.5 1.5 0 0 1-1.347 1.492L12.5 13h-11a1.5 1.5 0 0 1-1.492-1.347L0 11.5v-7A1.5 1.5 0 0 1 1.5 3H4V2a2 2 0 0 1 2-2zM1.5 4a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5zM6 1a1 1 0 0 0-1 1v1h4V2a1 1 0 0 0-1-1z"
+  fill: "#263238",
+  d: "M25.6 16.15h-2.1v-1.4c0-.777-.623-1.4-1.4-1.4h-4.2c-.777 0-1.4.623-1.4 1.4v1.4h-2.1c-.777 0-1.4.623-1.4 1.4v7.7c0 .777.623 1.4 1.4 1.4h11.2c.777 0 1.4-.623 1.4-1.4v-7.7c0-.777-.623-1.4-1.4-1.4m-7.7-1.4h4.2v1.4h-4.2zm7.7 7H14.4v-4.2h11.2z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2

package/dist/main.es386.js

@@ -1,5 +1,5 @@
 import { HOOK_PLUGIN_SETTINGS_SET } from "./main.es385.js";
-import { now } from "./main.es742.js";
+import { now } from "./main.es743.js";
 class ApiProxy {
   constructor(plugin, hook) {
     this.target = null;

package/dist/main.es559.js

@@ -1,4 +1,4 @@
-const __vite_glob_0_172 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNTEyNSAwLjk5OTYzNkM5LjA2NDMgMS4wMDAwNiA5LjUxMjI5IDEuNDQ3NzkgOS41MTI1IDEuOTk5NjRWNC40NDEwNEM5LjU2MjU3IDQuNDMzMzIgOS42MTQ1NyA0LjQyODM1IDkuNjY2OCA0LjQyODM1SDExLjg5NzNDMTIuNDQ5IDQuNDI4OCAxMi44OTcxIDQuODc2NTIgMTIuODk3MyA1LjQyODM1VjExLjk5OTZDMTIuODk3MSAxMi41NTE1IDEyLjQ0OTEgMTIuOTk5MiAxMS44OTczIDEyLjk5OTZIOC42NjY4VjEyLjk4NkM4LjYxNjU2IDEyLjk5MzggOC41NjQ5MiAxMi45OTk2IDguNTEyNSAxMi45OTk2SDYuMjgyMDNMNi4xNzk1IDEyLjk5NDhDNi4xNjIyOSAxMi45OTMgNi4xNDQ2OCAxMi45ODk2IDYuMTI3NzQgMTIuOTg2OVYxMi45OTk2SDIuODk3MjdMMi43OTQ3MyAxMi45OTQ4QzIuMjkwNjQgMTIuOTQzNCAxLjg5NzMzIDEyLjUxNzMgMS44OTcyNyAxMS45OTk2VjExLjMwOTJDMi4yNTk4NCAxMS4zMzQzIDIuNjEzODYgMTEuMjI2NSAyLjg5NzI3IDExLjAxNTNWMTEuOTk5Nkg1LjEyNzc0VjcuOTk5NjRINC4xODYzM0w0LjUxOTM0IDYuOTk5NjRINS4xMjc3NEM1LjE4MDExIDYuOTk5NjggNS4yMzE4NCA3LjAwNDU0IDUuMjgyMDMgNy4wMTIzM1YxLjk5OTY0QzUuMjgyMjMgMS40ODIxMyA1LjY3NTQ5IDEuMDU1ODQgNi4xNzk1IDEuMDA0NTJMNi4yODIwMyAwLjk5OTYzNkg4LjUxMjVaTTYuMjgyMDMgMTEuOTk5Nkg4LjUxMjVWMS45OTk2NEg2LjI4MjAzVjExLjk5OTZaTTkuNjY2OCAxMS45OTk2SDExLjg5NzNWNS40MjgzNUg5LjY2NjhWMTEuOTk5NlpNMS41MjUyIDAuNjU2ODYyQzEuNjEyNTIgMC4zOTQ5MDkgMS44OTYwNiAwLjI1MzE3MSAyLjE1ODAxIDAuMzQwNDU2QzIuNDE5OTggMC40Mjc3OCAyLjU2MTc0IDAuNzExMjk3IDIuNDc0NDIgMC45NzMyNjhMMS4xOTQxNCA0LjgxNTA3SDMuMjIyNDZDMy43MDAwMiA0LjgxNTE2IDQuMDM3MjMgNS4yODI4OCAzLjg4NjUzIDUuNzM1OTZMMi40NzQ0MiA5Ljk3MzI3QzIuMzg2OTUgMTAuMjM1IDIuMTAzNDYgMTAuMzc3IDEuODQxNjEgMTAuMjg5N0MxLjU3OTc5IDEwLjIwMjQgMS40MzgxMyA5LjkxODcxIDEuNTI1MiA5LjY1Njg2TDIuODA1NDcgNS44MTUwN0gwLjc3NzE1MkMwLjI5OTgxNyA1LjgxNDg2IC0wLjAzNzI5MzEgNS4zNDcwOCAwLjExMzA5IDQuODk0MTdMMS41MjUyIDAuNjU2ODYyWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==";
+const __vite_glob_0_172 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjM2NjUyIDkuMzM0NDVDOS40ODMyIDkuMjA1OTUgOS4zOTIwMyA5IDkuMjE4NDUgOUg2LjE2NzY3TDguMjk4OTYgMC43ODUyODlDOC4zNTE0MyAwLjU4MzA3MyA4LjA5Nzc1IDAuNDQ1OTUgNy45NTczMSAwLjYwMDYxTDAuNjMzNzg0IDguNjY1NTVDMC41MTcwOTYgOC43OTQwNSAwLjYwODI3MSA5IDAuNzgxODQ3IDlIMy44MzI2M0wxLjcwMTM0IDE3LjIxNDdDMS42NDg4NyAxNy40MTY5IDEuOTAyNTUgMTcuNTU0MSAyLjA0Mjk5IDE3LjM5OTRMOS4zNjY1MiA5LjMzNDQ1WiIgZmlsbD0iIzI2MzIzOCIvPgo8L3N2Zz4K";
 export {
   __vite_glob_0_172 as default
 };

package/dist/main.es708.js

@@ -1,4 +1,4 @@
-const __vite_glob_0_321 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEM5LjEwNDU3IDMuMjIxMzNlLTA4IDEwIDAuODk1NDMxIDEwIDJWM0gxMi41TDEyLjY1MzMgMy4wMDc4MUMxMy40MDk3IDMuMDg0NjEgMTQgMy43MjMzNCAxNCA0LjVWMTEuNUMxNCAxMi4yNzY3IDEzLjQwOTcgMTIuOTE1NCAxMi42NTMzIDEyLjk5MjJMMTIuNSAxM0gxLjVDMC43MjMzMzYgMTMgMC4wODQ2MDk3IDEyLjQwOTcgMC4wMDc4MTI1IDExLjY1MzNMMCAxMS41VjQuNUMwIDMuNjcxNTcgMC42NzE1NzMgMyAxLjUgM0g0VjJDNCAwLjg5NTQzMSA0Ljg5NTQzIDMuMjIxMjhlLTA4IDYgMEg4Wk0xLjUgNEMxLjIyMzg2IDQgMSA0LjIyMzg2IDEgNC41VjExLjVDMSAxMS43NzYxIDEuMjIzODYgMTIgMS41IDEySDEyLjVDMTIuNzc2MSAxMiAxMyAxMS43NzYxIDEzIDExLjVWNC41QzEzIDQuMjIzODYgMTIuNzc2MSA0IDEyLjUgNEgxLjVaTTYgMUM1LjQ0NzcyIDEgNSAxLjQ0NzcyIDUgMlYzSDlWMkM5IDEuNDQ3NzIgOC41NTIyOCAxIDggMUg2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==";
+const __vite_glob_0_321 = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE1IiB2aWV3Ym94PSIxMiAxMiAxNiAxNSIgd2lkdGg9IjE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjUuNiAxNi4xNUgyMy41VjE0Ljc1QzIzLjUgMTMuOTczIDIyLjg3NyAxMy4zNSAyMi4xIDEzLjM1SDE3LjlDMTcuMTIzIDEzLjM1IDE2LjUgMTMuOTczIDE2LjUgMTQuNzVWMTYuMTVIMTQuNEMxMy42MjMgMTYuMTUgMTMgMTYuNzczIDEzIDE3LjU1VjI1LjI1QzEzIDI2LjAyNyAxMy42MjMgMjYuNjUgMTQuNCAyNi42NUgyNS42QzI2LjM3NyAyNi42NSAyNyAyNi4wMjcgMjcgMjUuMjVWMTcuNTVDMjcgMTYuNzczIDI2LjM3NyAxNi4xNSAyNS42IDE2LjE1Wk0xNy45IDE0Ljc1SDIyLjFWMTYuMTVIMTcuOVYxNC43NVpNMjUuNiAyMS43NUgxNC40VjE3LjU1SDE2LjVIMTcuOUgyMi4xSDIzLjVIMjUuNlYyMS43NVoiIGZpbGw9IiMyNjMyMzgiPjwvcGF0aD4KPC9zdmc+Cg==";
 export {
   __vite_glob_0_321 as default
 };

package/dist/main.es742.js

@@ -1,25 +1,64 @@
-let supported;
-let perf;
-function isPerformanceSupported() {
-  var _a;
-  if (supported !== void 0) {
-    return supported;
+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;
   }
-  if (typeof window !== "undefined" && window.performance) {
-    supported = true;
-    perf = window.performance;
-  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
-    supported = true;
-    perf = globalThis.perf_hooks.performance;
-  } else {
-    supported = false;
-  }
-  return supported;
-}
-function now() {
-  return isPerformanceSupported() ? perf.now() : Date.now();
+  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
 }
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const NOOP = () => {
+};
+const extend = Object.assign;
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty.call(val, key);
+const isArray = Array.isArray;
+const isMap = (val) => toTypeString(val) === "[object Map]";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const isSymbol = (val) => typeof val === "symbol";
+const isObject = (val) => val !== null && typeof val === "object";
+const objectToString = Object.prototype.toString;
+const toTypeString = (value) => objectToString.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const capitalize = cacheStringFunction(
+  (str) => str.charAt(0).toUpperCase() + str.slice(1)
+);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
 export {
-  isPerformanceSupported,
-  now
+  NOOP,
+  capitalize,
+  def,
+  extend,
+  hasChanged,
+  hasOwn,
+  isArray,
+  isFunction,
+  isIntegerKey,
+  isMap,
+  isObject,
+  isString,
+  isSymbol,
+  makeMap,
+  objectToString,
+  toRawType,
+  toTypeString
 };

package/dist/main.es743.js

@@ -1,64 +1,25 @@
-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;
+let supported;
+let perf;
+function isPerformanceSupported() {
+  var _a;
+  if (supported !== void 0) {
+    return supported;
   }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
+  if (typeof window !== "undefined" && window.performance) {
+    supported = true;
+    perf = window.performance;
+  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
+    supported = true;
+    perf = globalThis.perf_hooks.performance;
+  } else {
+    supported = false;
+  }
+  return supported;
+}
+function now() {
+  return isPerformanceSupported() ? perf.now() : Date.now();
 }
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const NOOP = () => {
-};
-const extend = Object.assign;
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
-const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
 export {
-  NOOP,
-  capitalize,
-  def,
-  extend,
-  hasChanged,
-  hasOwn,
-  isArray,
-  isFunction,
-  isIntegerKey,
-  isMap,
-  isObject,
-  isString,
-  isSymbol,
-  makeMap,
-  objectToString,
-  toRawType,
-  toTypeString
+  isPerformanceSupported,
+  now
 };

package/dist/main.es8.js

@@ -26,8 +26,6 @@ const theme = (() => {
     red2: "#de5959",
     red3: "#FFCCCC",
     red4: "#FF9A9A",
-    red6: "#FFEBEB",
-    red5: "#CC4545",
     pureRed: "#ff0000",
     darkRed: "#d00000",
     cornellRed: "#a52019",
@@ -69,8 +67,6 @@ const theme = (() => {
     purple4: "#D0D6F5",
     purple5: "#533181",
     purple6: "#6F20DC",
-    purple7: "#F5EEFF",
-    purple8: "#B17BFA",
     orange: "#ffc338",
     disabled: "#dfe1e1",
     transparentWhite2: "#ffffff32",
@@ -183,9 +179,35 @@ const theme = (() => {
       900: "#331111"
     }
   };
+  const chartGradients = {
+    simple: {
+      from: semanticColors.purple[500],
+      to: semanticColors.purple[400]
+    },
+    stacked: [{
+      from: "#F5EDFF",
+      to: "#DEC5FF"
+    }, {
+      from: "#CAA2FF",
+      to: "#F2E8FF"
+    }, {
+      from: "#B987FC",
+      to: "#904AEF"
+    }, {
+      from: "#8B40F2",
+      to: "#4A1394"
+    }, {
+      from: "#6A05F2",
+      to: "#4905A5"
+    }, {
+      from: "#5402C3",
+      to: "#2B0362"
+    }]
+  };
   return {
     colors,
     semanticColors,
+    chartGradients,
     fonts: {
       mainFont: '"Figtree", sans-serif'
     },
@@ -204,6 +226,18 @@ const theme = (() => {
     boxShadow: {
       card: "0px 2px 8px 2px rgba(0, 0, 0, 0.15)"
     },
+    progressBar: {
+      light: {
+        fillColor: semanticColors.purple[500],
+        backgroundColor: semanticColors.grey[200],
+        labelColor: semanticColors.grey[700]
+      },
+      dark: {
+        fillColor: colors.white,
+        backgroundColor: semanticColors.grey[700],
+        labelColor: semanticColors.grey[200]
+      }
+    },
     mainButton: {
       light: {
         // theme
@@ -401,27 +435,29 @@ const theme = (() => {
               backgroundColor: semanticColors.grey[300],
               borderColor: ""
             }
-          },
-          tertiary: {
+          }
+        },
+        protag: {
+          main: {
             default: {
-              backgroundColor: "transparent",
+              backgroundColor: semanticColors.yellow[300],
               textColor: semanticColors.teal[800],
-              borderColor: semanticColors.teal[100]
+              borderColor: "transparent"
             },
             hover: {
-              backgroundColor: semanticColors.grey[200],
+              backgroundColor: semanticColors.yellow[300],
               textColor: semanticColors.teal[800],
-              borderColor: semanticColors.teal[100]
+              borderColor: ""
             },
             active: {
-              backgroundColor: semanticColors.grey[400],
+              backgroundColor: semanticColors.yellow[300],
               textColor: semanticColors.teal[800],
-              borderColor: semanticColors.teal[100]
+              borderColor: ""
             },
             disabled: {
-              textColor: semanticColors.grey[600],
-              backgroundColor: semanticColors.grey[500],
-              borderColor: semanticColors.grey[800]
+              backgroundColor: semanticColors.yellow[300],
+              textColor: semanticColors.teal[400],
+              borderColor: ""
             }
           }
         },
@@ -448,54 +484,6 @@ const theme = (() => {
               borderColor: ""
             }
           }
-        },
-        protag: {
-          main: {
-            default: {
-              backgroundColor: semanticColors.yellow[200],
-              textColor: semanticColors.teal[800],
-              borderColor: ""
-            },
-            hover: {
-              backgroundColor: semanticColors.yellow[200],
-              textColor: semanticColors.teal[800],
-              borderColor: ""
-            },
-            active: {
-              backgroundColor: semanticColors.yellow[200],
-              textColor: semanticColors.teal[800],
-              borderColor: ""
-            },
-            disabled: {
-              backgroundColor: semanticColors.yellow[200],
-              textColor: semanticColors.teal[400],
-              borderColor: ""
-            }
-          }
-        },
-        freeTrialTag: {
-          main: {
-            default: {
-              backgroundColor: semanticColors.blue[200],
-              textColor: semanticColors.teal[800],
-              borderColor: ""
-            },
-            hover: {
-              backgroundColor: semanticColors.blue[200],
-              textColor: semanticColors.teal[800],
-              borderColor: ""
-            },
-            active: {
-              backgroundColor: semanticColors.blue[200],
-              textColor: semanticColors.teal[800],
-              borderColor: ""
-            },
-            disabled: {
-              backgroundColor: semanticColors.blue[200],
-              textColor: semanticColors.teal[400],
-              borderColor: ""
-            }
-          }
         }
       },
       dark: {
@@ -647,6 +635,55 @@ const theme = (() => {
             }
           }
         },
+        tertiary: {
+          // type
+          main: {
+            // variant: this is the default variant
+            default: {
+              backgroundColor: "transparent",
+              textColor: semanticColors.purple[50],
+              borderColor: semanticColors.teal[500]
+            },
+            hover: {
+              backgroundColor: semanticColors.teal[600],
+              textColor: semanticColors.purple[50],
+              borderColor: semanticColors.teal[400]
+            },
+            active: {
+              backgroundColor: semanticColors.teal[700],
+              textColor: semanticColors.purple[50],
+              borderColor: semanticColors.teal[300]
+            },
+            disabled: {
+              textColor: semanticColors.grey[600],
+              backgroundColor: semanticColors.grey[500],
+              borderColor: semanticColors.grey[800]
+            }
+          },
+          cancel: {
+            // variant
+            default: {
+              backgroundColor: semanticColors.teal[200],
+              textColor: semanticColors.red[400],
+              borderColor: semanticColors.teal[500]
+            },
+            hover: {
+              backgroundColor: semanticColors.red[700],
+              textColor: semanticColors.red[700],
+              borderColor: semanticColors.teal[400]
+            },
+            active: {
+              backgroundColor: semanticColors.red[600],
+              textColor: semanticColors.red[200],
+              borderColor: semanticColors.teal[300]
+            },
+            disabled: {
+              textColor: semanticColors.grey[600],
+              backgroundColor: semanticColors.grey[500],
+              borderColor: semanticColors.grey[800]
+            }
+          }
+        },
         ghost: {
           // type
           main: {
@@ -738,9 +775,9 @@ const theme = (() => {
           iconWidth: "26px"
         },
         tiny: {
-          padding: "3px 5px",
-          fontSize: "11px",
-          iconWidth: "14px"
+          padding: "2px 5px",
+          fontSize: "10px",
+          iconWidth: "18px"
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.34.0-EPDM-16204.1",
+  "version": "8.37.1",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/electricity_tariff.svg

@@ -1,3 +1,3 @@
-<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.5125 0.999636C9.0643 1.00006 9.51229 1.44779 9.5125 1.99964V4.44104C9.56257 4.43332 9.61457 4.42835 9.6668 4.42835H11.8973C12.449 4.4288 12.8971 4.87652 12.8973 5.42835V11.9996C12.8971 12.5515 12.4491 12.9992 11.8973 12.9996H8.6668V12.986C8.61656 12.9938 8.56492 12.9996 8.5125 12.9996H6.28203L6.1795 12.9948C6.16229 12.993 6.14468 12.9896 6.12774 12.9869V12.9996H2.89727L2.79473 12.9948C2.29064 12.9434 1.89733 12.5173 1.89727 11.9996V11.3092C2.25984 11.3343 2.61386 11.2265 2.89727 11.0153V11.9996H5.12774V7.99964H4.18633L4.51934 6.99964H5.12774C5.18011 6.99968 5.23184 7.00454 5.28203 7.01233V1.99964C5.28223 1.48213 5.67549 1.05584 6.1795 1.00452L6.28203 0.999636H8.5125ZM6.28203 11.9996H8.5125V1.99964H6.28203V11.9996ZM9.6668 11.9996H11.8973V5.42835H9.6668V11.9996ZM1.5252 0.656862C1.61252 0.394909 1.89606 0.253171 2.15801 0.340456C2.41998 0.42778 2.56174 0.711297 2.47442 0.973268L1.19414 4.81507H3.22246C3.70002 4.81516 4.03723 5.28288 3.88653 5.73596L2.47442 9.97327C2.38695 10.235 2.10346 10.377 1.84161 10.2897C1.57979 10.2024 1.43813 9.91871 1.5252 9.65686L2.80547 5.81507H0.777152C0.299817 5.81486 -0.0372931 5.34708 0.11309 4.89417L1.5252 0.656862Z" fill="black"/>
+<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.36652 9.33445C9.4832 9.20595 9.39203 9 9.21845 9H6.16767L8.29896 0.785289C8.35143 0.583073 8.09775 0.44595 7.95731 0.60061L0.633784 8.66555C0.517096 8.79405 0.608271 9 0.781847 9H3.83263L1.70134 17.2147C1.64887 17.4169 1.90255 17.5541 2.04299 17.3994L9.36652 9.33445Z" fill="#263238"/>
 </svg>

package/src/assets/svgIcons/suitcase.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 0C9.10457 3.22133e-08 10 0.895431 10 2V3H12.5L12.6533 3.00781C13.4097 3.08461 14 3.72334 14 4.5V11.5C14 12.2767 13.4097 12.9154 12.6533 12.9922L12.5 13H1.5C0.723336 13 0.0846097 12.4097 0.0078125 11.6533L0 11.5V4.5C0 3.67157 0.671573 3 1.5 3H4V2C4 0.895431 4.89543 3.22128e-08 6 0H8ZM1.5 4C1.22386 4 1 4.22386 1 4.5V11.5C1 11.7761 1.22386 12 1.5 12H12.5C12.7761 12 13 11.7761 13 11.5V4.5C13 4.22386 12.7761 4 12.5 4H1.5ZM6 1C5.44772 1 5 1.44772 5 2V3H9V2C9 1.44772 8.55228 1 8 1H6Z" fill="black"/>
+<svg fill="none" height="15" viewbox="12 12 16 15" width="16" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.6 16.15H23.5V14.75C23.5 13.973 22.877 13.35 22.1 13.35H17.9C17.123 13.35 16.5 13.973 16.5 14.75V16.15H14.4C13.623 16.15 13 16.773 13 17.55V25.25C13 26.027 13.623 26.65 14.4 26.65H25.6C26.377 26.65 27 26.027 27 25.25V17.55C27 16.773 26.377 16.15 25.6 16.15ZM17.9 14.75H22.1V16.15H17.9V14.75ZM25.6 21.75H14.4V17.55H16.5H17.9H22.1H23.5H25.6V21.75Z" fill="#263238"></path>
 </svg>