@axos-web-dev/shared-components 1.0.100-dev.14 → 1.0.100-dev.15

package/dist/assets/WalnutIframe/wrapper.css.css

@@ -1,4 +1,4 @@
-@keyframes _shimmer_1jpv7_1 {
+@keyframes _shimmer_1wqdl_1 {
   from {
     transform: translateX(-100%);
   }
@@ -7,7 +7,7 @@
   }
 }
 
-._wrapper_1jpv7_19 {
+._wrapper_1wqdl_19 {
   background: #1e3860;
   border-radius: 8px;
   height: 555px;
@@ -15,11 +15,11 @@
   margin-block: 48px;
 }
 
-section > ._wrapper_1jpv7_19:first-child {
+section > ._wrapper_1wqdl_19:first-child {
   margin-top: 0 !important;
 }
 
-._wrapper_1jpv7_19::before {
+._wrapper_1wqdl_19::before {
   content: "";
   position: absolute;
   top: 0;
@@ -32,18 +32,17 @@ section > ._wrapper_1jpv7_19:first-child {
     rgba(255, 255, 255, 0.5) 50%,
     rgba(255, 255, 255, 0) 80%
   );
-  animation: _shimmer_1jpv7_1 1.3s infinite linear;
+  animation: _shimmer_1wqdl_1 1.3s infinite linear;
   z-index: -1;
 }
 
-._wrapper_control_1jpv7_77 {
+._wrapper_control_1wqdl_77 {
   height: 100%;
   width: 100%;
-  overflow-x: scroll;
 }
 
 @media (max-width: 1023px) {
-  ._wrapper_1jpv7_19 {
+  ._wrapper_1wqdl_19 {
     display: none;
   }
 }

package/dist/assets/globals.css

@@ -12,7 +12,7 @@ a:not([class]):hover {
   opacity: 0.8;
 }
 body {
-  color: #333d46;
+  color: #1F1F1F;
   font-family: var(--main-font-family);
   font-size: 16px;
   letter-spacing: 0.2px;
@@ -124,10 +124,12 @@ li p, p:last-child, p:only-child {
   font-family: var(--main-font-family);
   font-size: 14px;
   font-weight: 700;
-  line-height: 26px;
+  line-height: 1.5;
 }
 h1, h2, h3, h4, h5, h6, es_font {
   font-family: var(--header-font-family);
+  font-weight: 700;
+  text-wrap: pretty;
 }
 .header_1 {
   font-size: 2.5rem;
@@ -139,16 +141,14 @@ h1, h2, h3, h4, h5, h6, es_font {
 }
 .header_3 {
   font-size: 28px;
-  font-weight: 600;
   line-height: 36px;
 }
 .header_4 {
   font-size: 20px;
-  font-weight: 600;
   line-height: 28px;
 }
 .gradient_text {
-  background: linear-gradient(3deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  background: linear-gradient(3deg, #1E3860 14.64%, #1E3860 48.42%, #1E3860 85.36%);
   background-size: 100%;
   background-repeat: repeat;
   background-clip: text;
@@ -177,16 +177,17 @@ h1, h2, h3, h4, h5, h6, es_font {
 .btn_link {
   background-color: transparent;
   border: 0;
-  color: #323339;
+  color: #1F1F1F;
   display: inline-block;
   font-size: 16px;
-  font-weight: 600;
+  font-weight: 700;
   opacity: 1;
   padding: 0;
   position: relative;
   text-decoration: none;
   text-transform: initial;
   white-space: nowrap;
+  font-family: var(--header-font-family);
 }
 .btn__secondary:hover {
   opacity: 1;

package/dist/assets/icons/ArrowIcon/ArrowIcon.css

@@ -1,9 +1,9 @@
 ._1pwixiv1 {
-  fill: var(--_1073cm86);
+  fill: var(--_1073cm82);
 }
 ._1pwixiv2 {
-  fill: var(--_1073cm8k);
+  fill: var(--_1073cm8g);
 }
 ._1pwixiv3 {
-  fill: var(--_1073cm8g);
+  fill: var(--_1073cm8h);
 }

package/dist/assets/icons/DownloadIcon/DownloadIcon.css

@@ -1,3 +1,3 @@
 ._1r03g400 {
-  fill: var(--_1073cm86);
+  fill: var(--_1073cm82);
 }

package/dist/assets/icons/FollowIcon/FollowIcon.css

@@ -1,3 +1,3 @@
 ._1wjdwci0 {
-  fill: var(--_1073cm86);
+  fill: var(--_1073cm82);
 }

package/dist/assets/themes/axos.css

@@ -1,40 +1,40 @@
 ._1073cm80 {
   --_1073cm81: #FFFFFF;
-  --_1073cm82: #333D46;
-  --_1073cm83: #1E3860;
-  --_1073cm84: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm85: #FFFFFF;
-  --_1073cm86: #2F5B88;
-  --_1073cm87: #D4D4D4;
-  --_1073cm88: #F4F4F4;
-  --_1073cm89: #333D46;
-  --_1073cm8a: #1E3860;
-  --_1073cm8b: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8c: #FFFFFF;
-  --_1073cm8d: #2F5B88;
-  --_1073cm8e: #D4D4D4;
-  --_1073cm8f: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8g: #FFFFFF;
+  --_1073cm82: #1E629A;
+  --_1073cm83: #1F1F1F;
+  --_1073cm84: #D4D4D4;
+  --_1073cm85: #1E3860;
+  --_1073cm86: #FFFFFF;
+  --_1073cm87: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm88: #E9F8FF;
+  --_1073cm89: #1E629A;
+  --_1073cm8a: #1F1F1F;
+  --_1073cm8b: #D4D4D4;
+  --_1073cm8c: #1E3860;
+  --_1073cm8d: #FFFFFF;
+  --_1073cm8e: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm8f: #1E3860;
+  --_1073cm8g: #98DDFF;
   --_1073cm8h: #FFFFFF;
-  --_1073cm8i: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8j: #1E3860;
-  --_1073cm8k: #FAA74A;
-  --_1073cm8l: #1E3860;
-  --_1073cm8m: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8n: #FFFFFF;
-  --_1073cm8o: #FAA74A;
-  --_1073cm8p: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  --_1073cm8i: #1E3860;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8k: #1E3860;
+  --_1073cm8l: linear-gradient(45deg, #FFFFFF, #FFFFFF);
+  --_1073cm8m: #14263D;
+  --_1073cm8n: #98DDFF;
+  --_1073cm8o: #FFFFFF;
+  --_1073cm8p: #14263D;
   --_1073cm8q: #FFFFFF;
-  --_1073cm8r: #FAA74A;
-  --_1073cm8s: #4D85B0;
+  --_1073cm8r: #1E3860;
+  --_1073cm8s: linear-gradient(45deg, #FFFFFF, #FFFFFF);
   --_1073cm8t: #D2272F;
   --_1073cm8u: #BDBDBD;
   --_1073cm8v: #5E6A74;
   --_1073cm8w: #F4F4F4;
-  --_1073cm8x: #00805B;
-  --_1073cm8y: #38D7A4;
-  --_1073cm8z: linear-gradient(0deg,#152d54,#27466f);
+  --_1073cm8x: #1E3860;
+  --_1073cm8y: #98DDFF;
+  --_1073cm8z: linear-gradient(0deg,#1E3860,#1E3860);
   --_1073cm810: #FFFFFF;
-  --_1073cm811: #0062b3;
-  --_1073cm812: #4A5560;
+  --_1073cm811: #1A6AAA;
+  --_1073cm812: #14263D;
 }

package/dist/assets/themes/premier.css

@@ -1,40 +1,40 @@
 ._1es6o1h0 {
   --_1073cm81: #FFFFFF;
-  --_1073cm82: #333D46;
-  --_1073cm83: #1E262F;
-  --_1073cm84: #1E262F;
-  --_1073cm85: #FFFFFF;
-  --_1073cm86: #1E262F;
-  --_1073cm87: #D4D4D4;
-  --_1073cm88: #F4F4F4;
-  --_1073cm89: #333D46;
-  --_1073cm8a: #1E262F;
-  --_1073cm8b: #1E262F;
-  --_1073cm8c: #FFFFFF;
-  --_1073cm8d: #1E262F;
-  --_1073cm8e: #D4D4D4;
-  --_1073cm8f: #1E262F;
-  --_1073cm8g: #FFFFFF;
+  --_1073cm82: #1E629A;
+  --_1073cm83: #1F1F1F;
+  --_1073cm84: #D4D4D4;
+  --_1073cm85: #1E3860;
+  --_1073cm86: #FFFFFF;
+  --_1073cm87: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm88: #E9F8FF;
+  --_1073cm89: #1E629A;
+  --_1073cm8a: #1F1F1F;
+  --_1073cm8b: #D4D4D4;
+  --_1073cm8c: #1E3860;
+  --_1073cm8d: #FFFFFF;
+  --_1073cm8e: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm8f: #1E3860;
+  --_1073cm8g: #98DDFF;
   --_1073cm8h: #FFFFFF;
-  --_1073cm8i: #FFFFFF;
-  --_1073cm8j: #1E262F;
-  --_1073cm8k: #FAA74A;
-  --_1073cm8l: #333D46;
-  --_1073cm8m: #1E262F;
-  --_1073cm8n: #FFFFFF;
-  --_1073cm8o: #FAA74A;
-  --_1073cm8p: #FFFFFF;
+  --_1073cm8i: #1E3860;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8k: #1E3860;
+  --_1073cm8l: linear-gradient(45deg, #FFFFFF, #FFFFFF);
+  --_1073cm8m: #14263D;
+  --_1073cm8n: #98DDFF;
+  --_1073cm8o: #FFFFFF;
+  --_1073cm8p: #14263D;
   --_1073cm8q: #FFFFFF;
-  --_1073cm8r: #FAA74A;
-  --_1073cm8s: #333D46;
+  --_1073cm8r: #1E3860;
+  --_1073cm8s: linear-gradient(45deg, #FFFFFF, #FFFFFF);
   --_1073cm8t: #D2272F;
   --_1073cm8u: #BDBDBD;
   --_1073cm8v: #5E6A74;
   --_1073cm8w: #F4F4F4;
-  --_1073cm8x: #1E262F;
-  --_1073cm8y: #FAA74A;
-  --_1073cm8z: linear-gradient(0deg, #2c3642, #1e262f);
-  --_1073cm810: #FAA74A;
-  --_1073cm811: #1E262F;
-  --_1073cm812: #1E262F;
+  --_1073cm8x: #1E3860;
+  --_1073cm8y: #98DDFF;
+  --_1073cm8z: linear-gradient(0deg,#1E3860,#1E3860);
+  --_1073cm810: #FFFFFF;
+  --_1073cm811: #1A6AAA;
+  --_1073cm812: #14263D;
 }

package/dist/assets/themes/victorie.css

@@ -1,32 +1,32 @@
 .fl2fv50 {
   --_1073cm81: #FFFFFF;
-  --_1073cm82: #344a53;
-  --_1073cm83: #28587d;
-  --_1073cm84: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
-  --_1073cm85: #FFFFFF;
-  --_1073cm86: #dd7b50;
-  --_1073cm87: #7a7b7e;
+  --_1073cm83: #344a53;
+  --_1073cm85: #28587d;
+  --_1073cm87: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
+  --_1073cm86: #FFFFFF;
+  --_1073cm82: #dd7b50;
+  --_1073cm84: #7a7b7e;
   --_1073cm88: #F4F4F4;
-  --_1073cm89: #344a53;
-  --_1073cm8a: #28587d;
-  --_1073cm8b: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
-  --_1073cm8c: #FFFFFF;
-  --_1073cm8d: #dd7b50;
-  --_1073cm8e: #d4d4d4;
+  --_1073cm8a: #344a53;
+  --_1073cm8c: #28587d;
+  --_1073cm8e: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
+  --_1073cm8d: #FFFFFF;
+  --_1073cm89: #dd7b50;
+  --_1073cm8b: #d4d4d4;
   --_1073cm8f: #28587d;
-  --_1073cm8g: #FFFFFF;
   --_1073cm8h: #FFFFFF;
-  --_1073cm8i: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
-  --_1073cm8j: #ffffff;
-  --_1073cm8k: #dd7b50;
-  --_1073cm8l: #ffffff;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8l: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
+  --_1073cm8k: #ffffff;
+  --_1073cm8g: #dd7b50;
+  --_1073cm8i: #ffffff;
   --_1073cm8m: #E7F5FA;
-  --_1073cm8n: #344A53;
-  --_1073cm8o: #28587d;
-  --_1073cm8p: linear-gradient( 45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36% );
-  --_1073cm8q: #FFFFFF;
-  --_1073cm8r: #28587d;
-  --_1073cm8s: #E7F5FA;
+  --_1073cm8o: #344A53;
+  --_1073cm8q: #28587d;
+  --_1073cm8s: linear-gradient( 45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36% );
+  --_1073cm8r: #FFFFFF;
+  --_1073cm8n: #28587d;
+  --_1073cm8p: #E7F5FA;
   --_1073cm8t: #D2272F;
   --_1073cm8u: #BDBDBD;
   --_1073cm8v: #5E6A74;

package/dist/icons/CheckCircle.js

@@ -16,7 +16,7 @@ const SvgCheckCircle = (props) => /* @__PURE__ */ jsx(
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M21 10.5C21 4.70101 16.299 0 10.5 0C4.70101 0 0 4.70101 0 10.5C0 16.299 4.70101 21 10.5 21C16.299 21 21 16.299 21 10.5ZM15.2196 6.96968L16.2803 8.03034L8.99996 15.3107L4.71964 11.0303L5.78029 9.96968L8.99996 13.1888L15.2196 6.96968Z",
-        fill: "#00805B"
+        fill: "#1E3860"
       }
     )
   }

package/dist/icons/CheckCircleLight.js

@@ -14,7 +14,7 @@ const SvgCheckCircleLight = (props) => /* @__PURE__ */ jsx(
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M21 10.5C21 4.70101 16.299 0 10.5 0C4.70101 0 0 4.70101 0 10.5C0 16.299 4.70101 21 10.5 21C16.299 21 21 16.299 21 10.5ZM15.2196 6.96968L16.2803 8.03034L8.99996 15.3107L4.71964 11.0303L5.78029 9.96968L8.99996 13.1888L15.2196 6.96968Z",
-        fill: "#38D7A4"
+        fill: "#98DDFF"
       }
     )
   }

package/dist/icons/CheckIcon/index.js

@@ -16,7 +16,7 @@ const SvgCheckIcon = (props) => {
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M17.75 9C17.75 4.16751 13.8325 0.25 9 0.25C4.16751 0.25 0.25 4.16751 0.25 9C0.25 13.8325 4.16751 17.75 9 17.75C13.8325 17.75 17.75 13.8325 17.75 9ZM12.933 6.05807L13.8169 6.94195L7.74997 13.0089L4.18303 9.44195L5.06691 8.55807L7.74997 11.2406L12.933 6.05807Z",
-          fill: "#00805B"
+          fill: "#1E3860"
         }
       )
     }

package/dist/icons/QuoteIconGrey.js

@@ -14,14 +14,14 @@ const SvgQuoteIconGrey = (props) => /* @__PURE__ */ jsxs(
           "path",
           {
             d: "M14.8115 0.898438C6.99074 0.898438 0.650391 7.16583 0.650391 14.8966C0.650391 22.6273 6.99074 28.8947 14.8115 28.8947C15.9394 28.8947 17.0362 28.7594 18.0874 28.5135C16.4432 34.9162 12.7588 41.12 6.81658 47.1005C19.4952 40.9909 28.9705 28.8947 28.9705 14.8966C28.9726 7.16583 22.6322 0.898438 14.8115 0.898438Z",
-            fill: "#D4D4D4"
+            fill: "#B9C1CE"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M50.1884 0.898438C42.3677 0.898438 36.0273 7.16583 36.0273 14.8966C36.0273 22.6273 42.3677 28.8947 50.1884 28.8947C51.3163 28.8947 52.4131 28.7594 53.4643 28.5135C51.8202 34.9162 48.1358 41.12 42.1935 47.1005C54.8722 40.9909 64.3474 28.8947 64.3474 14.8966C64.3495 7.16583 58.0092 0.898438 50.1884 0.898438Z",
-            fill: "#D4D4D4"
+            fill: "#B9C1CE"
           }
         )
       ] }),

package/dist/themes/axos.css.d.ts

@@ -2,39 +2,39 @@ export declare const axosTheme: string, vars: {
     colors: {
         primary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         secondary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         tertiary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         quaternary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
     };
     error: `var(--${string})`;

package/dist/themes/axos.css.js

@@ -1,6 +1,6 @@
 import '../assets/themes/axos.css';/* empty css                        */
 var axosTheme = "_1073cm80";
-var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
+var vars = { colors: { primary: { background: "var(--_1073cm81)", backgroundButton: "var(--_1073cm82)", body: "var(--_1073cm83)", border: "var(--_1073cm84)", headline: "var(--_1073cm85)", textButton: "var(--_1073cm86)", textGradient: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", backgroundButton: "var(--_1073cm89)", body: "var(--_1073cm8a)", border: "var(--_1073cm8b)", headline: "var(--_1073cm8c)", textButton: "var(--_1073cm8d)", textGradient: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", backgroundButton: "var(--_1073cm8g)", body: "var(--_1073cm8h)", border: "var(--_1073cm8i)", headline: "var(--_1073cm8j)", textButton: "var(--_1073cm8k)", textGradient: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", backgroundButton: "var(--_1073cm8n)", body: "var(--_1073cm8o)", border: "var(--_1073cm8p)", headline: "var(--_1073cm8q)", textButton: "var(--_1073cm8r)", textGradient: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
 export {
   axosTheme,
   vars

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.14",
+  "version": "1.0.100-dev.15",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",