@eturnity/eturnity_reusable_components 9.3.1-EPDM-16320.0 → 9.3.1-EPDM-13987.1

package/dist/main.es8.js

@@ -71,7 +71,7 @@ const theme = (() => {
     disabled: "#dfe1e1",
     transparentWhite2: "#ffffff32",
     transparentWhite1: "#ffffff16",
-    transparentBlack1: "#263238e6",
+    transparentBlack1: "#162228e6",
     transparentBlack2: "#263238e5",
     transparentBlue1: "#20a4cae6",
     blueElectric: "#66dffa",
@@ -177,6 +177,39 @@ const theme = (() => {
       700: "#993434",
       800: "#662222",
       900: "#331111"
+    },
+    transparentWhite: {
+      100: "#ffffff24",
+      200: "#ffffff48",
+      300: "#ffffff64",
+      400: "#ffffff80",
+      500: "#ffffff96",
+      600: "#ffffffb4",
+      700: "#ffffffd4",
+      800: "#ffffffe6",
+      900: "#fffffffa"
+    },
+    transparentBlack: {
+      100: "#00000024",
+      200: "#00000048",
+      300: "#00000064",
+      400: "#00000080",
+      500: "#00000096",
+      600: "#000000b4",
+      700: "#000000d4",
+      800: "#000000e6",
+      900: "#000000fa"
+    },
+    transparentTeal: {
+      100: "#6E8E9E24",
+      200: "#6E8E9E48",
+      300: "#6E8E9E64",
+      400: "#6E8E9E80",
+      500: "#6E8E9E96",
+      600: "#6E8E9Eb4",
+      700: "#6E8E9Ed4",
+      800: "#6E8E9Ee6",
+      900: "#6E8E9Efa"
     }
   };
   const chartGradients = {
@@ -542,23 +575,23 @@ const theme = (() => {
           main: {
             // variant: this is the default variant
             default: {
-              backgroundColor: semanticColors.teal[800],
+              backgroundColor: "transparent",
               textColor: semanticColors.purple[50],
               borderColor: ""
             },
             hover: {
-              backgroundColor: semanticColors.teal[600],
+              backgroundColor: semanticColors.transparentTeal[500],
               textColor: semanticColors.purple[50],
               borderColor: ""
             },
             active: {
-              backgroundColor: semanticColors.teal[700],
+              backgroundColor: semanticColors.transparentTeal[300],
               textColor: semanticColors.purple[50],
               borderColor: ""
             },
             disabled: {
+              backgroundColor: semanticColors.transparentTeal[600],
               textColor: semanticColors.grey[600],
-              backgroundColor: semanticColors.grey[500],
               borderColor: ""
             }
           },
@@ -596,67 +629,18 @@ const theme = (() => {
               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]
-            }
-          }
-        },
-        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],
+              backgroundColor: semanticColors.transparentTeal[500],
               textColor: semanticColors.purple[50],
               borderColor: semanticColors.teal[400]
             },
             active: {
-              backgroundColor: semanticColors.teal[700],
+              backgroundColor: semanticColors.transparentTeal[300],
               textColor: semanticColors.purple[50],
               borderColor: semanticColors.teal[300]
             },
             disabled: {
+              backgroundColor: semanticColors.transparentTeal[600],
               textColor: semanticColors.grey[600],
-              backgroundColor: semanticColors.grey[500],
               borderColor: semanticColors.grey[800]
             }
           },
@@ -694,18 +678,18 @@ const theme = (() => {
               borderColor: ""
             },
             hover: {
-              backgroundColor: semanticColors.teal[600],
+              backgroundColor: semanticColors.transparentTeal[500],
               textColor: semanticColors.purple[50],
               borderColor: ""
             },
             active: {
-              backgroundColor: semanticColors.teal[700],
+              backgroundColor: semanticColors.transparentTeal[300],
               textColor: semanticColors.purple[50],
               borderColor: ""
             },
             disabled: {
+              backgroundColor: semanticColors.transparentTeal[600],
               textColor: semanticColors.grey[600],
-              backgroundColor: semanticColors.grey[500],
               borderColor: ""
             }
           },

package/dist/main.es80.js

@@ -3,12 +3,12 @@ import { openBlock, createElementBlock, createElementVNode as createBaseVNode }
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
-  height: "15",
+  height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  d: "m17.9 13.7-1.281 1.4H14.4c-.77 0-1.4.63-1.4 1.4v8.4c0 .77.63 1.4 1.4 1.4h11.2c.77 0 1.4-.63 1.4-1.4v-8.4c0-.77-.63-1.4-1.4-1.4h-2.219L22.1 13.7zM20 24.2a3.5 3.5 0 0 1-3.5-3.5c0-1.932 1.568-3.5 3.5-3.5s3.5 1.568 3.5 3.5-1.568 3.5-3.5 3.5"
+  d: "M17.2 24.2c-.77 0-1.393.63-1.393 1.4S16.43 27 17.2 27s1.4-.63 1.4-1.4-.63-1.4-1.4-1.4M13 13v1.4h1.4l2.52 5.313-.945 1.715a1.35 1.35 0 0 0-.175.672c0 .77.63 1.4 1.4 1.4h8.4v-1.4h-8.106a.173.173 0 0 1-.175-.175l.021-.084.63-1.141h5.215c.525 0 .987-.287 1.225-.721l2.506-4.543A.702.702 0 0 0 26.3 14.4H15.947l-.658-1.4zm11.2 11.2c-.77 0-1.393.63-1.393 1.4S23.43 27 24.2 27s1.4-.63 1.4-1.4-.63-1.4-1.4-1.4"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const camera = { render };
+const cart = { render };
 export {
-  camera as default,
+  cart as default,
   render
 };

package/dist/main.es81.js

@@ -1,23 +1,31 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createBlock, withCtx, createTextVNode, resolveDynamicComponent, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "14",
-  fill: "none"
+  "xml:space": "preserve",
+  id: "Layer_1",
+  x: "0",
+  y: "0",
+  version: "1.1",
+  viewBox: "0 0 20 20"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M25.382 14.563a1.16 1.16 0 0 0-1.104-.785h-8.556a1.17 1.17 0 0 0-1.104.785L13 19.223v6.222c0 .427.35.777.778.777h.778a.78.78 0 0 0 .777-.777v-.778h9.334v.777c0 .428.35.778.777.778h.778a.78.78 0 0 0 .778-.777v-6.223zm-9.66 7.77a1.165 1.165 0 0 1-1.166-1.166c0-.646.52-1.167 1.166-1.167s1.167.521 1.167 1.167c0 .645-.521 1.166-1.167 1.166m8.556 0a1.165 1.165 0 0 1-1.167-1.166c0-.646.521-1.167 1.167-1.167.645 0 1.166.521 1.166 1.167 0 .645-.52 1.166-1.166 1.166m-9.722-3.888 1.166-3.5h8.556l1.166 3.5z"
+  d: "M15.777 8.974h3v-2h-3V6h-1c-1.857 0-3.404 1.272-3.855 2.987H8.889V1H1.223v18H8.89v-8.013h2.025A3.99 3.99 0 0 0 14.777 14h1v-1.026h3v-2h-3v-2M6.889 17H3.223V3H6.89v14z",
+  class: "st2"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, [
+    (openBlock(), createBlock(resolveDynamicComponent("style"), null, {
+      default: withCtx(() => [
+        createTextVNode(".st1{display:inline}.st2{fill:#fff}")
+      ]),
+      _: 1
+    })),
+    _hoisted_2
+  ]);
 }
-const car = { render };
+const charger_icon_white = { render };
 export {
-  car as default,
+  charger_icon_white as default,
   render
 };

package/dist/main.es82.js

@@ -2,22 +2,32 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  fill: "none"
+  width: "40",
+  height: "37.5",
+  version: "1.0"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M17.2 24.2c-.77 0-1.393.63-1.393 1.4S16.43 27 17.2 27s1.4-.63 1.4-1.4-.63-1.4-1.4-1.4M13 13v1.4h1.4l2.52 5.313-.945 1.715a1.35 1.35 0 0 0-.175.672c0 .77.63 1.4 1.4 1.4h8.4v-1.4h-8.106a.173.173 0 0 1-.175-.175l.021-.084.63-1.141h5.215c.525 0 .987-.287 1.225-.721l2.506-4.543A.702.702 0 0 0 26.3 14.4H15.947l-.658-1.4zm11.2 11.2c-.77 0-1.393.63-1.393 1.4S23.43 27 24.2 27s1.4-.63 1.4-1.4-.63-1.4-1.4-1.4"
+  d: "M22.5 23V3",
+  style: { "fill": "none", "fill-opacity": ".75", "fill-rule": "evenodd", "stroke": "#000", "stroke-width": "1px", "stroke-linecap": "butt", "stroke-linejoin": "miter", "stroke-opacity": "1" }
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  d: "M22.933 23.5 15 31.5",
+  style: { "fill": "none", "fill-opacity": ".75", "fill-rule": "evenodd", "stroke": "#000", "stroke-width": "1.00000012px", "stroke-linecap": "butt", "stroke-linejoin": "miter", "stroke-opacity": "1" }
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
+  d: "m3 31.5 8-8h24l-8 8",
+  style: { "fill": "none", "fill-opacity": ".75", "fill-rule": "evenodd", "stroke": "#000", "stroke-width": "1px", "stroke-linecap": "butt", "stroke-linejoin": "miter", "stroke-opacity": "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 cart = { render };
+const chassis_ground_symbol = { render };
 export {
-  cart as default,
+  chassis_ground_symbol as default,
   render
 };

package/dist/main.es83.js

@@ -1,31 +1,23 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createBlock, withCtx, createTextVNode, resolveDynamicComponent, createElementVNode as createBaseVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  "xml:space": "preserve",
-  id: "Layer_1",
-  x: "0",
-  y: "0",
-  version: "1.1",
-  viewBox: "0 0 20 20"
+  width: "16",
+  height: "16",
+  fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  d: "M15.777 8.974h3v-2h-3V6h-1c-1.857 0-3.404 1.272-3.855 2.987H8.889V1H1.223v18H8.89v-8.013h2.025A3.99 3.99 0 0 0 14.777 14h1v-1.026h3v-2h-3v-2M6.889 17H3.223V3H6.89v14z",
-  class: "st2"
+  fill: "#263238",
+  d: "M25.444 13H14.556c-.864 0-1.556.7-1.556 1.556v10.888C13 26.3 13.692 27 14.556 27h10.888c.864 0 1.556-.7 1.556-1.556V14.556C27 13.7 26.308 13 25.444 13m-7 10.889L14.556 20l1.096-1.097 2.792 2.785 5.904-5.904 1.096 1.105z"
 }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [
-    (openBlock(), createBlock(resolveDynamicComponent("style"), null, {
-      default: withCtx(() => [
-        createTextVNode(".st1{display:inline}.st2{fill:#fff}")
-      ]),
-      _: 1
-    })),
-    _hoisted_2
-  ]);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const charger_icon_white = { render };
+const checkbox = { render };
 export {
-  charger_icon_white as default,
+  checkbox as default,
   render
 };

package/dist/main.es84.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: "40",
-  height: "37.5",
-  version: "1.0"
+  width: "20",
+  height: "20",
+  fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  d: "M22.5 23V3",
-  style: { "fill": "none", "fill-opacity": ".75", "fill-rule": "evenodd", "stroke": "#000", "stroke-width": "1px", "stroke-linecap": "butt", "stroke-linejoin": "miter", "stroke-opacity": "1" }
+  fill: "#fff",
+  d: "M17.069 17.069a9.99 9.99 0 0 0 0-14.138 9.99 9.99 0 0 0-14.138 0 9.99 9.99 0 0 0 0 14.138 9.99 9.99 0 0 0 14.138 0M6.424 8.503l2.245 2.245 4.907-4.906 1.746 1.746-4.906 4.907-1.747 1.663-1.746-1.663-2.245-2.245z"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  d: "M22.933 23.5 15 31.5",
-  style: { "fill": "none", "fill-opacity": ".75", "fill-rule": "evenodd", "stroke": "#000", "stroke-width": "1.00000012px", "stroke-linecap": "butt", "stroke-linejoin": "miter", "stroke-opacity": "1" }
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  d: "m3 31.5 8-8h24l-8 8",
-  style: { "fill": "none", "fill-opacity": ".75", "fill-rule": "evenodd", "stroke": "#000", "stroke-width": "1px", "stroke-linecap": "butt", "stroke-linejoin": "miter", "stroke-opacity": "1" }
-}, 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 chassis_ground_symbol = { render };
+const checkmark = { render };
 export {
-  chassis_ground_symbol as default,
+  checkmark as default,
   render
 };

package/dist/main.es85.js

@@ -7,17 +7,22 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M25.444 13H14.556c-.864 0-1.556.7-1.556 1.556v10.888C13 26.3 13.692 27 14.556 27h10.888c.864 0 1.556-.7 1.556-1.556V14.556C27 13.7 26.308 13 25.444 13m-7 10.889L14.556 20l1.096-1.097 2.792 2.785 5.904-5.904 1.096 1.105z"
+  fill: "#99DB0C",
+  d: "M14.461 4.616a.762.762 0 1 0-1.077-1.077l-7.705 7.704a.762.762 0 1 0 1.078 1.078z"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#99DB0C",
+  d: "M5.634 12.33a.762.762 0 1 0 1.077-1.077L2.616 7.158A.762.762 0 0 0 1.54 8.235z"
+}, 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 checkbox = { render };
+const checkmark_thin = { render };
 export {
-  checkbox as default,
+  checkmark_thin as default,
   render
 };

package/dist/main.es86.js

@@ -2,22 +2,29 @@ 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: "20",
-  height: "20",
+  width: "16",
+  height: "16",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  d: "M17.069 17.069a9.99 9.99 0 0 0 0-14.138 9.99 9.99 0 0 0-14.138 0 9.99 9.99 0 0 0 0 14.138 9.99 9.99 0 0 0 14.138 0M6.424 8.503l2.245 2.245 4.907-4.906 1.746 1.746-4.906 4.907-1.747 1.663-1.746-1.663-2.245-2.245z"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("circle", {
+  cx: "8",
+  cy: "8",
+  r: "7",
+  fill: "#fff"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#99DB0C",
+  d: "M12.958 12.941A7 7 0 1 0 3.042 3.06a7 7 0 0 0 9.916 9.882m-7.455-6.02 1.575 1.575 3.448-3.424 1.219 1.196-3.447 3.47-1.226 1.22-1.219-1.22-1.575-1.574z"
+}, 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 checkmark = { render };
+const checkmark_white = { render };
 export {
-  checkmark as default,
+  checkmark_white as default,
   render
 };

package/dist/main.es87.js

@@ -6,23 +6,21 @@ const _hoisted_1 = {
   height: "16",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#99DB0C",
-  d: "M14.461 4.616a.762.762 0 1 0-1.077-1.077l-7.705 7.704a.762.762 0 1 0 1.078 1.078z"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("circle", {
+  cx: "8",
+  cy: "8",
+  r: "6",
+  stroke: "#fff",
+  class: "isStroke"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#99DB0C",
-  d: "M5.634 12.33a.762.762 0 1 0 1.077-1.077L2.616 7.158A.762.762 0 0 0 1.54 8.235z"
-}, 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 checkmark_thin = { render };
+const circle = { render };
 export {
-  checkmark_thin as default,
+  circle as default,
   render
 };

package/dist/main.es88.js

@@ -2,29 +2,32 @@ 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: "12",
+  height: "12",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("circle", {
-  cx: "8",
-  cy: "8",
-  r: "7",
-  fill: "#fff"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#505CA6",
+  d: "M21.455 23.333h-6.244a.2.2 0 0 0-.081.018.2.2 0 0 0-.069.05.2.2 0 0 0-.045.077.3.3 0 0 0-.016.09v1.198a.26.26 0 0 0 .061.165q.03.034.069.051a.2.2 0 0 0 .08.018h6.246c.056 0 .11-.025.149-.07a.25.25 0 0 0 .062-.164v-1.197a.26.26 0 0 0-.062-.166.2.2 0 0 0-.069-.052.2.2 0 0 0-.08-.018M22.289 15h-6.245a.2.2 0 0 0-.149.068.25.25 0 0 0-.061.165v1.2c0 .062.022.122.061.165a.2.2 0 0 0 .15.069h6.245a.2.2 0 0 0 .08-.018.2.2 0 0 0 .069-.05.255.255 0 0 0 .062-.165v-1.2a.25.25 0 0 0-.063-.166.2.2 0 0 0-.15-.068"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#99DB0C",
-  d: "M12.958 12.941A7 7 0 1 0 3.042 3.06a7 7 0 0 0 9.916 9.882m-7.455-6.02 1.575 1.575 3.448-3.424 1.219 1.196-3.447 3.47-1.226 1.22-1.219-1.22-1.575-1.574z"
+  fill: "#505CA6",
+  d: "M18.333 15H20l-.833 10H17.5zM25 19.6l-.43-.43-2.9 2.9.43.43z"
 }, null, -1);
-const _hoisted_4 = [
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#505CA6",
+  d: "m24.567 22.497.43-.43-2.9-2.9-.43.43z"
+}, null, -1);
+const _hoisted_5 = [
   _hoisted_2,
-  _hoisted_3
+  _hoisted_3,
+  _hoisted_4
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
 }
-const checkmark_white = { render };
+const clear_formatting = { render };
 export {
-  checkmark_white as default,
+  clear_formatting as default,
   render
 };

package/dist/main.es89.js

@@ -2,32 +2,28 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "12",
-  height: "12",
-  fill: "none"
+  width: "154",
+  height: "91"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#505CA6",
-  d: "M21.455 23.333h-6.244a.2.2 0 0 0-.081.018.2.2 0 0 0-.069.05.2.2 0 0 0-.045.077.3.3 0 0 0-.016.09v1.198a.26.26 0 0 0 .061.165q.03.034.069.051a.2.2 0 0 0 .08.018h6.246c.056 0 .11-.025.149-.07a.25.25 0 0 0 .062-.164v-1.197a.26.26 0 0 0-.062-.166.2.2 0 0 0-.069-.052.2.2 0 0 0-.08-.018M22.289 15h-6.245a.2.2 0 0 0-.149.068.25.25 0 0 0-.061.165v1.2c0 .062.022.122.061.165a.2.2 0 0 0 .15.069h6.245a.2.2 0 0 0 .08-.018.2.2 0 0 0 .069-.05.255.255 0 0 0 .062-.165v-1.2a.25.25 0 0 0-.063-.166.2.2 0 0 0-.15-.068"
+  fill: "#fff",
+  "fill-rule": "evenodd",
+  d: "M113.9 6.4q-1.3-.5-2.7-1-3.1-1.1-6.3-1.9-3.1-.9-6.4-1.5-3.2-.6-6.4-1-3.3-.3-6.6-.5-2.5-.1-5-.1C45.7.4 15 17.1 14.9 17.2c.1 0 10.5-1.8 24.3-3.1C18.2 22.1 5.1 32 5.1 32q2.8-.8 5.5-1.5 6.3-1.7 12.1-3.1-3.1 1.5-6 3.2t-5.8 3.6-5.6 3.9q-2.8 2-5.4 4.1c.1 0 54-20.8 81.5-16.6q.5.1 1.1.2.5.1 1.1.2.5.1 1.1.3.5.1 1.1.3c17.9 5.4 14.6 16.9 11.4 22.9q-.3.4-.5.9l-.6 1q-.3.4-.6.9-.3.4-.7.8v.1c1-.4 16.5-6.1 23.7-13.3 10.3-9.4 14.6-24.9-4.6-33.5"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#505CA6",
-  d: "M18.333 15H20l-.833 10H17.5zM25 19.6l-.43-.43-2.9 2.9.43.43z"
+  fill: "#fff",
+  "fill-rule": "evenodd",
+  d: "M131.5 63.3h-.1q3-1.6 6-3.3 2.9-1.7 5.8-3.6 2.8-1.8 5.6-3.8 2.7-2 5.4-4.2c-.1.1-38.3 14.8-66.8 16.9-7.3.6-13.9.3-19.1-1.2-17.9-5.4-14.6-16.9-11.4-22.9q.2-.5.5-1t.6-.9q.3-.5.6-.9.3-.5.7-.9h-.1c-.9.4-16.4 6.1-23.6 13.3-10.3 9.4-14.6 24.9 4.5 33.4l2.8 1C88 101.3 139 73.6 139.2 73.5c-.2 0-10.6 1.8-24.4 3.1 21-8.1 34.1-17.9 34.2-18q-9.3 2.7-17.5 4.7"
 }, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#505CA6",
-  d: "m24.567 22.497.43-.43-2.9-2.9-.43.43z"
-}, 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 clear_formatting = { render };
+const clenergy = { render };
 export {
-  clear_formatting as default,
+  clenergy as default,
   render
 };

package/dist/main.es9.js

@@ -1,5 +1,5 @@
 import styled from "./main.es7.js";
-import _sfc_main$1 from "./main.es26.js";
+import _sfc_main$1 from "./main.es17.js";
 import theme from "./main.es8.js";
 import "./main.es3.js";
 import _export_sfc from "./main.es11.js";

package/dist/main.es90.js

@@ -2,18 +2,19 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "154",
-  height: "91"
+  width: "16",
+  height: "16",
+  fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  "fill-rule": "evenodd",
-  d: "M113.9 6.4q-1.3-.5-2.7-1-3.1-1.1-6.3-1.9-3.1-.9-6.4-1.5-3.2-.6-6.4-1-3.3-.3-6.6-.5-2.5-.1-5-.1C45.7.4 15 17.1 14.9 17.2c.1 0 10.5-1.8 24.3-3.1C18.2 22.1 5.1 32 5.1 32q2.8-.8 5.5-1.5 6.3-1.7 12.1-3.1-3.1 1.5-6 3.2t-5.8 3.6-5.6 3.9q-2.8 2-5.4 4.1c.1 0 54-20.8 81.5-16.6q.5.1 1.1.2.5.1 1.1.2.5.1 1.1.3.5.1 1.1.3c17.9 5.4 14.6 16.9 11.4 22.9q-.3.4-.5.9l-.6 1q-.3.4-.6.9-.3.4-.7.8v.1c1-.4 16.5-6.1 23.7-13.3 10.3-9.4 14.6-24.9-4.6-33.5"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("circle", {
+  cx: "20",
+  cy: "20",
+  r: "7",
+  fill: "transparent"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  "fill-rule": "evenodd",
-  d: "M131.5 63.3h-.1q3-1.6 6-3.3 2.9-1.7 5.8-3.6 2.8-1.8 5.6-3.8 2.7-2 5.4-4.2c-.1.1-38.3 14.8-66.8 16.9-7.3.6-13.9.3-19.1-1.2-17.9-5.4-14.6-16.9-11.4-22.9q.2-.5.5-1t.6-.9q.3-.5.6-.9.3-.5.7-.9h-.1c-.9.4-16.4 6.1-23.6 13.3-10.3 9.4-14.6 24.9 4.5 33.4l2.8 1C88 101.3 139 73.6 139.2 73.5c-.2 0-10.6 1.8-24.4 3.1 21-8.1 34.1-17.9 34.2-18q-9.3 2.7-17.5 4.7"
+  fill: "#B2B9C5",
+  d: "M20 13a7 7 0 1 0 0 14 7 7 0 0 0 0-14m1.313 11.556h-2.625v-5.25h2.625zM20 18.069a1.313 1.313 0 1 1 0-2.625 1.313 1.313 0 0 1 0 2.625"
 }, null, -1);
 const _hoisted_4 = [
   _hoisted_2,
@@ -22,8 +23,8 @@ const _hoisted_4 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const clenergy = { render };
+const clickable_info = { render };
 export {
-  clenergy as default,
+  clickable_info as default,
   render
 };