@axos-web-dev/shared-components 1.0.100-dev.2 → 1.0.100-dev.20

package/dist/Table/Table.css.d.ts

@@ -2,11 +2,12 @@ export declare const table_section: string;
 export declare const table_container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         apy: {
-            background: "#f4f4f4";
+            background: `var(--${string})`;
+            border: "1px solid #f1f1f1";
             padding: "2rem 0";
         };
         standard: {
-            background: "white";
+            background: "#ffffff";
         };
     };
 }>;
@@ -70,6 +71,7 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
         true: {};
     };
 }>;
+export declare const apy_table: string;
 export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -158,7 +160,6 @@ export declare const table: import('@vanilla-extract/recipes').RuntimeFn<{
     };
 }>;
 export declare const alternate_color_rows: string;
-export declare const apy_table: string;
 export declare const table_description_text: string;
 export declare const highlight_cell: string;
 export declare const highlight_th: string;

package/dist/Table/Table.css.js

@@ -13,11 +13,11 @@ var headerCell = "_1nivbwe8";
 var headerVariants = { primary: "_1nivbwe9 _1nivbwe8", secondary: "_1nivbwea _1nivbwe8", tertiary: "_1nivbweb _1nivbwe8", quaternary: "_1nivbwec _1nivbwe8" };
 var bodyHeader = "_1nivbwed";
 var th = createRuntimeFn({ defaultClassName: "_1nivbwee", variantClassNames: { variant: { primary: "_1nivbwef", secondary: "_1nivbweg", tertiary: "_1nivbweh", quaternary: "_1nivbwei" }, highlighted: { true: "_1nivbwej" } }, defaultVariants: {}, compoundVariants: [] });
-var td = createRuntimeFn({ defaultClassName: "_1nivbwek", variantClassNames: { variant: { primary: "_1nivbwel", secondary: "_1nivbwem", tertiary: "_1nivbwen", quaternary: "_1nivbweo" }, highlighted: { true: "_1nivbwep" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbweq"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwer"]] });
-var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwes", variantClassNames: { variant: { primary: "_1nivbwet", secondary: "_1nivbweu", tertiary: "_1nivbwev", quaternary: "_1nivbwew" } }, defaultVariants: {}, compoundVariants: [] });
-var table = createRuntimeFn({ defaultClassName: "_1nivbwex", variantClassNames: { variant: { primary: "_1nivbwey", secondary: "_1nivbwez", tertiary: "_1nivbwe10", quaternary: "_1nivbwe11" } }, defaultVariants: {}, compoundVariants: [] });
-var alternate_color_rows = "_1nivbwe12";
-var apy_table = "_1nivbwe13";
+var apy_table = "_1nivbwek";
+var td = createRuntimeFn({ defaultClassName: "_1nivbwel", variantClassNames: { variant: { primary: "_1nivbwem", secondary: "_1nivbwen", tertiary: "_1nivbweo", quaternary: "_1nivbwep" }, highlighted: { true: "_1nivbweq" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwer"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwes"]] });
+var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwet", variantClassNames: { variant: { primary: "_1nivbweu", secondary: "_1nivbwev", tertiary: "_1nivbwew", quaternary: "_1nivbwex" } }, defaultVariants: {}, compoundVariants: [] });
+var table = createRuntimeFn({ defaultClassName: "_1nivbwey", variantClassNames: { variant: { primary: "_1nivbwez", secondary: "_1nivbwe10", tertiary: "_1nivbwe11", quaternary: "_1nivbwe12" } }, defaultVariants: {}, compoundVariants: [] });
+var alternate_color_rows = "_1nivbwe13";
 var table_description_text = "_1nivbwe14 _1nivbwe4";
 var highlight_cell = "_1nivbwe15";
 var highlight_th = "_1nivbwe16";

package/dist/Table/Table.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
@@ -9,7 +10,6 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import { createElement } from "react";
 import { table_section, table_container_text, table_headline, table_description_text, table_container, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th } from "./Table.css.js";
 const TableContainer = ({

package/dist/VideoTile/VideoTile.js

@@ -75,12 +75,12 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/VideoWrapper/index.js

@@ -68,12 +68,12 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/WalnutIframe/wrapper.module.js

@@ -1,6 +1,6 @@
-import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_13j22_10";
-const shimmer = "_shimmer_13j22_1";
-const wrapper_control = "_wrapper_control_13j22_39";
+import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_f1tr5_10";
+const shimmer = "_shimmer_f1tr5_1";
+const wrapper_control = "_wrapper_control_f1tr5_39";
 const css = {
   wrapper,
   shimmer,

package/dist/assets/Accordion/Accordion.css

@@ -53,7 +53,7 @@
   padding: 24px;
   font-size: 18px;
   font-family: var(--header-font-family);
-  font-weight: 600;
+  font-weight: 700;
   letter-spacing: 0.2px;
   background-color: white;
   border-bottom-width: 1px;
@@ -69,7 +69,7 @@
   text-transform: uppercase;
 }
 .qfoxngb {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 .qfoxngd {
   display: flex;

package/dist/assets/Article/Article.css

@@ -1,5 +1,5 @@
 .n5hj5p1 {
-  border: 1px solid #d4d4d4;
+  border: 1px solid #B9C1CE;
 }
 .n5hj5p2 {
   border: none;
@@ -28,131 +28,119 @@
   padding: 24px;
 }
 .n5hj5p7 {
-  font: 700 18px / 1.44 var(--main-font-family);
   display: block;
+  font: 700 18px / 1.44 var(--main-font-family);
 }
 .n5hj5p8 {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 .n5hj5p9 {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
 .n5hj5pa {
-  color: #FAA74A;
+  color: var(--_1073cm8j);
 }
 .n5hj5pb {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 .n5hj5pc {
   font-size: 28px;
 }
-._1073cm80 .n5hj5pd {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm84);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 .n5hj5pd {
-  color: var(--_1073cm83);
-}
-._1073cm80 .n5hj5pe {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm8b);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+.n5hj5pd {
+  color: var(--_1073cm85);
 }
-._1es6o1h0 .n5hj5pe {
-  color: var(--_1073cm8a);
+.n5hj5pe {
+  color: var(--_1073cm8c);
 }
 .n5hj5pf {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 .n5hj5pg {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 .n5hj5pi {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
   background: var(--_1073cm81);
 }
 .n5hj5pj {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
   background: var(--_1073cm88);
 }
 .n5hj5pk {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
   background: var(--_1073cm8f);
 }
 .n5hj5pl {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
   background: var(--_1073cm8m);
 }
 .n5hj5pm {
   border: 2px solid transparent;
+  border-radius: 8px;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 18px;
   font-weight: 700;
+  line-height: 1.44;
   margin-bottom: 0;
+  opacity: 1;
+  padding: 12px 64px;
+  text-decoration: none;
   transition-duration: 0.15s;
   transition-property: color , background-color , border-color;
   transition-timing-function: linear;
-  text-decoration: none;
-  display: inline-block;
   white-space: nowrap;
-  font-size: 18px;
-  opacity: 1;
-  cursor: pointer;
-  padding: 12px 64px;
-  border-radius: 8px;
-  line-height: 1.44;
 }
 .n5hj5pm:hover {
   background-color: transparent;
 }
 .n5hj5pn {
-  background: var(--_1073cm86);
-  color: var(--_1073cm85);
+  background: var(--_1073cm82);
+  color: var(--_1073cm86);
 }
 .n5hj5pn:hover {
-  border-color: var(--_1073cm86);
-  color: var(--_1073cm86);
+  border-color: var(--_1073cm82);
+  color: var(--_1073cm82);
 }
 .n5hj5pn:active {
-  background-color: var(--_1073cm86);
+  background-color: var(--_1073cm82);
   color: var(--_1073cm86);
 }
 .n5hj5po {
-  background: var(--_1073cm8d);
-  color: var(--_1073cm8c);
+  background: var(--_1073cm89);
+  color: var(--_1073cm8d);
 }
 .n5hj5po:hover {
-  border-color: var(--_1073cm8d);
-  color: var(--_1073cm8d);
+  border-color: var(--_1073cm89);
+  color: var(--_1073cm89);
 }
 .n5hj5po:active {
-  background-color: var(--_1073cm8d);
-  color: var(--_1073cm8c);
+  background-color: var(--_1073cm89);
+  color: var(--_1073cm8d);
 }
 .n5hj5pp {
-  color: var(--_1073cm8j);
-  background-color: var(--_1073cm86);
+  background-color: var(--_1073cm8g);
+  color: var(--_1073cm8k);
 }
 .n5hj5pp:hover {
-  border-color: var(--_1073cm8k);
-  color: var(--_1073cm86);
+  border-color: var(--_1073cm8g);
+  color: var(--_1073cm82);
 }
 .n5hj5pp:active {
-  color: var(--_1073cm8j);
-  background-color: var(--_1073cm86);
+  background-color: var(--_1073cm8g);
+  color: var(--_1073cm8k);
 }
 .n5hj5pq {
-  color: var(--_1073cm8q);
-  background-color: var(--_1073cm8r);
+  background-color: var(--_1073cm8n);
+  color: var(--_1073cm8r);
 }
 .n5hj5pq:hover {
-  border-color: var(--_1073cm8r);
-  color: var(--_1073cm8r);
+  border-color: var(--_1073cm8n);
+  color: var(--_1073cm8n);
 }
 .n5hj5pq:active {
-  color: var(--_1073cm8q);
-  background-color: var(--_1073cm8r);
+  background-color: var(--_1073cm8n);
+  color: var(--_1073cm8r);
 }
 @media (max-width:1280px) {
   .n5hj5p5 {

package/dist/assets/ArticlesSet/ArticlesSet.css

@@ -6,22 +6,16 @@
   margin-bottom: 40px;
 }
 .kjcqgc3 {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 .kjcqgc4 {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
-._1073cm80 .kjcqgc5 {
-  color: var(--_1073cm8h);
+.kjcqgc5 {
+  color: var(--_1073cm8j);
 }
-._1es6o1h0 .kjcqgc5 {
-  color: #1E262F;
-}
-._1073cm80 .kjcqgc6 {
-  color: var(--_1073cm8o);
-}
-._1es6o1h0 .kjcqgc6 {
-  color: #1E262F;
+.kjcqgc6 {
+  color: var(--_1073cm8q);
 }
 .kjcqgc7 {
   font: 700 18px/1.44 var(--main-font-family);
@@ -31,74 +25,50 @@
 .kjcqgc7:hover {
   opacity: 0.7;
 }
-._1073cm80 .kjcqgc8 {
-  color: #2F5B88;
-}
-._1es6o1h0 .kjcqgc8 {
-  color: var(--_1073cm83);
-}
-._1073cm80 .kjcqgc9 {
-  color: #2F5B88;
-}
-._1es6o1h0 .kjcqgc9 {
-  color: var(--_1073cm8a);
-}
-._1073cm80 .kjcqgca {
-  color: #2F5B88;
+.kjcqgc8 {
+  color: var(--_1073cm82);
 }
-._1es6o1h0 .kjcqgca {
-  color: #1E262F;
+.kjcqgc9 {
+  color: var(--_1073cm82);
 }
-._1073cm80 .kjcqgcb {
-  color: #2F5B88;
+.kjcqgca {
+  color: var(--_1073cm82);
 }
-._1es6o1h0 .kjcqgcb {
-  color: #1E262F;
+.kjcqgcb {
+  color: var(--_1073cm82);
 }
 .kjcqgc2 + .sc__btn {
   display: inline-block;
 }
-._1073cm80 .kjcqgcd {
-  fill: #2F5B88;
-}
-._1es6o1h0 .kjcqgcd {
-  fill: var(--_1073cm83);
-}
-._1073cm80 .kjcqgce {
-  fill: #2F5B88;
-}
-._1es6o1h0 .kjcqgce {
-  fill: var(--_1073cm8a);
+.kjcqgcd {
+  fill: var(--_1073cm82);
 }
-._1073cm80 .kjcqgcf {
-  fill: #2F5B88;
+.kjcqgce {
+  fill: var(--_1073cm82);
 }
-._1es6o1h0 .kjcqgcf {
-  fill: #1E262F;
+.kjcqgcf {
+  fill: var(--_1073cm82);
 }
-._1073cm80 .kjcqgcg {
-  fill: #2F5B88;
-}
-._1es6o1h0 .kjcqgcg {
-  fill: #1E262F;
+.kjcqgcg {
+  fill: var(--_1073cm82);
 }
 .kjcqgch article {
   flex: 1 1 0%;
 }
 .kjcqgcj {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
   background: var(--_1073cm81);
 }
 .kjcqgck {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
   background: var(--_1073cm88);
 }
 .kjcqgcl {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
   background: var(--_1073cm8f);
 }
 .kjcqgcm {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
   background: var(--_1073cm8m);
 }
 @media (max-width: 1023px) {

package/dist/assets/Auth/SignIn.css

@@ -13,7 +13,7 @@
   animation-delay: 0.2s;
   background: #1E3860;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
   gap: 16px;
   isolation: isolate;
   margin: 0 auto;
@@ -23,9 +23,9 @@
   will-change: opacity, transform;
 }
 ._1c7jj82 {
-  background: var(--_1073cm8k);
-  color: var(--_1073cm8j);
-  border: 1px solid var(--_1073cm8k);
+  background: var(--_1073cm8g);
+  color: var(--_1073cm8k);
+  border: 1px solid var(--_1073cm8g);
   padding: 11px 24px;
   border-radius: 8px;
   font-size: 1rem;
@@ -36,23 +36,23 @@
 }
 ._1c7jj82:hover {
   background: transparent;
-  color: var(--_1073cm8k);
+  color: var(--_1073cm8g);
   opacity: 0.9;
 }
 ._1c7jj82:active {
-  background: var(--_1073cm8k);
-  color: var(--_1073cm8j);
+  background: var(--_1073cm8g);
+  color: var(--_1073cm8k);
 }
 ._1c7jj82:focus {
-  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  box-shadow: 0 0 0 2px var(--_1073cm8g);
   outline: none;
 }
 ._1c7jj82:focus-visible {
-  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  box-shadow: 0 0 0 2px var(--_1073cm8g);
   outline: none;
 }
 ._1c7jj82:focus-within {
-  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  box-shadow: 0 0 0 2px var(--_1073cm8g);
   outline: none;
 }
 ._1c7jj82:disabled {
@@ -74,10 +74,10 @@
   width: min(434px, 100%);
 }
 ._1c7jj85 ._18du0lar:focus-within {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1c7jj85 ._18du0laf:focus-within {
-  border-color: var(--_1073cm8o);
+  border-color: var(--_1073cm8q);
 }
 @media (max-width: 603px) {
   ._1c7jj81 {

package/dist/assets/Avatar/Avatar.css.css

@@ -1,8 +1,8 @@
-._avatar_sec_1bnm9_1 {
+._avatar_sec_1clr6_1 {
   margin: 16px 0;
 }
 
-._container_1bnm9_5 {
+._container_1clr6_5 {
   border-bottom: 1px solid #d4d4d4;
   border-top: 1px solid #d4d4d4;
   margin-inline: auto;
@@ -11,7 +11,7 @@
   width: 100%;
 }
 
-._image_1bnm9_14 {
+._image_1clr6_14 {
   aspect-ratio: 1;
   background-position: 0 0;
   background-size: contain;
@@ -20,39 +20,39 @@
   height: 100px;
 }
 
-._text_1bnm9_23 {
+._text_1clr6_23 {
   flex: 1 1 0%;
   align-self: center;
   margin-left: 16px;
 }
 
-._name_1bnm9_29 {
+._name_1clr6_29 {
   color: #1e3860;
   font-family: var(--header-font-family);
   font-size: 20px;
-  font-weight: 600;
+  font-weight: 700;
   line-height: 1.4;
 }
 
-._title_1bnm9_37 {
+._title_1clr6_37 {
   color: #1e3860;
   font-size: 18px;
   font-weight: 500;
   line-height: 1.44;
 }
 
-._description_1bnm9_44 p {
+._description_1clr6_44 p {
   font-size: 14px;
   line-height: 1.33;
   color: #333d46;
 }
 
-* + ._description_1bnm9_44 {
+* + ._description_1clr6_44 {
   margin-top: 8px;
 }
 
 @media (max-width: 603px) {
-  ._image_1bnm9_14 {
+  ._image_1clr6_14 {
     height: 75px;
     flex: 0 0 75px;
   }

package/dist/assets/AwardsBanner/AwardsBanner.css

@@ -1,5 +1,5 @@
 ._1amgyqo0 {
-  background-color: #333d46;
+  background-color: var(--_1073cm8m);
   color: #fff;
   -webkit-filter: drop-shadow(03px4pxrgba(0,0,0,0.25));
   filter: drop-shadow(03px4pxrgba(0,0,0,0.25));

package/dist/assets/AwardsItem/AwardsItem.css

@@ -7,7 +7,7 @@
 ._16tnqb20::after {
   content: "";
   position: absolute;
-  background-color: #bdbdbd;
+  background-color: #B9C1CE;
   height: 18.5px;
   width: 1px;
   left: 0;
@@ -24,12 +24,11 @@
   color: #ddd;
   font-size: 12px;
   font-weight: 400;
-  line-height: 16px;
+  line-height: 1.5;
 }
 ._16tnqb22 {
-  font-family: var(--header-font-family);
   font-size: 14px;
-  font-weight: 600;
+  font-weight: 700;
   margin-bottom: 2px;
 }
 @media (max-width: 1023px) {

package/dist/assets/Blockquote/Blockquote.css.css

@@ -1,68 +1,68 @@
-._quote_spacer_1mzku_1 {
+._quote_spacer_53yiw_1 {
   line-height: 1.35;
   margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
   margin-inline: auto;
 }
 
-._author_1mzku_7,
-._quote_1mzku_1 {
-  color: #333d46;
+._author_53yiw_7,
+._quote_53yiw_1 {
+  color: #1f1f1f;
 }
 
-._author_1mzku_7 {
+._author_53yiw_7 {
   text-align: right;
   margin-top: 18px;
 }
 
-._author_1mzku_7 cite {
+._author_53yiw_7 cite {
   font-style: normal;
 }
 
-._quote_spacer_1mzku_1 .img_fluid {
+._quote_spacer_53yiw_1 .img_fluid {
   margin-right: 24px;
   transform: rotateY(180deg) scaleY(-1);
 }
 
-._quote_spacer_1mzku_1 .flex_row {
+._quote_spacer_53yiw_1 .flex_row {
   align-items: flex-start;
 }
 
-._quote_1mzku_1 p {
+._quote_53yiw_1 p {
   font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
   font-style: italic;
   line-height: 1.2;
 }
 
 @media (max-width: 768px) {
-  ._quote_spacer_1mzku_1 .img_fluid {
+  ._quote_spacer_53yiw_1 .img_fluid {
     max-width: 30px;
     margin-right: 12px;
   }
-  ._author_1mzku_7 {
+  ._author_53yiw_7 {
     margin-top: 14px;
   }
-  ._quote_1mzku_1 p {
+  ._quote_53yiw_1 p {
     font-size: 18px;
   }
-  ._author_1mzku_7 cite {
+  ._author_53yiw_7 cite {
     font-size: 14px;
   }
 }
 
 @media (max-width: 500px) {
-  ._author_1mzku_7 {
+  ._author_53yiw_7 {
     margin-top: 12px;
   }
 }
 
 @media (min-width: 604px) {
-  ._quote_spacer_1mzku_1 {
+  ._quote_spacer_53yiw_1 {
     width: min(calc(100% - 2rem), 792px);
   }
 }
 
 @media (min-width: 1023px) {
-  ._quote_1mzku_1 p {
-    font-weight: 600;
+  ._quote_53yiw_1 p {
+    font-weight: 700;
   }
 }