@axos-web-dev/shared-components 1.0.77-patch.49 → 1.0.77-patch.50

package/dist/StepItem/StepItem.css.d.ts

@@ -18,48 +18,20 @@ export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    borderColor: "#4D85B0";
-                    background: `var(--${string})`;
-                } | {
-                    borderColor: "#4A5560";
-                    background: `var(--${string})`;
-                };
-            };
+            borderColor: `var(--${string})`;
+            background: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    borderColor: "#4D85B0";
-                    background: `var(--${string})`;
-                } | {
-                    borderColor: "#4A5560";
-                    background: `var(--${string})`;
-                };
-            };
+            borderColor: `var(--${string})`;
+            background: `var(--${string})`;
         };
         tertiary: {
-            selectors: {
-                [x: string]: {
-                    borderColor: "#FAA74A";
-                    background: "#1E3860";
-                } | {
-                    borderColor: "#FAA74A";
-                    background: `var(--${string})`;
-                };
-            };
+            borderColor: `var(--${string})`;
+            background: `var(--${string})`;
         };
         quaternary: {
-            selectors: {
-                [x: string]: {
-                    borderColor: "#FAA74A";
-                    background: "#1E3860";
-                } | {
-                    borderColor: "#FAA74A";
-                    background: `var(--${string})`;
-                };
-            };
+            borderColor: `var(--${string})`;
+            background: `var(--${string})`;
         };
     };
 }>;

package/dist/StepItemSet/StepItemSet.css.d.ts

@@ -29,48 +29,20 @@ export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
             fill: "#1E3860";
         };
         tertiary: {
-            fill: "#FFF";
+            fill: "#FFFFFF";
         };
         quaternary: {
-            fill: "#FFF";
+            fill: "#FFFFFF";
         };
     };
 }>;
 export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -86,5 +58,6 @@ export declare const bs_image: string;
 export declare const bs_video: string;
 export declare const steps_wrapper: string;
 export declare const ol: string;
+export declare const ul: string;
 export declare const bs_btns: string;
 export declare const bs_add_details: string;

package/dist/StepItemSet/StepItemSet.css.js

@@ -16,8 +16,9 @@ var bs_image = "_18par6fj";
 var bs_video = "_18par6fk";
 var steps_wrapper = "_18par6fl";
 var ol = "_18par6fm";
-var bs_btns = "_18par6fn";
-var bs_add_details = "_18par6fo";
+var ul = "_18par6fn _18par6fm";
+var bs_btns = "_18par6fo";
+var bs_add_details = "_18par6fp";
 export {
   bs_add_details,
   bs_btns,
@@ -31,5 +32,6 @@ export {
   sec_title,
   steps_wrapper,
   svg_logo,
-  tablet_col
+  tablet_col,
+  ul
 };

package/dist/StepItemSet/StepItemSet.d.ts

@@ -7,9 +7,11 @@ import { StepItemProps } from '../StepItem';
 export interface StepItemSetProps {
     id: string;
     variant?: QuaternaryTypes;
+    logo?: boolean;
     title?: string | ReactNode;
     description?: string | ReactNode;
     image?: ImageInterface;
+    numbered?: boolean;
     stepItems?: StepItemProps[];
     callToActionRow?: boolean | ChevronProps[];
     additionalDetails?: string | ReactNode;

package/dist/StepItemSet/StepItemSet.js

@@ -15,13 +15,15 @@ import '../assets/VideoTile/VideoTile.css';import '../assets/themes/victorie.css
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                        */
-import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, bs_video, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
+import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, bs_video, steps_wrapper, ol, ul, bs_btns, bs_add_details } from "./StepItemSet.css.js";
 const StepItemSet = ({
   id,
   variant: fullVariant = "primary",
+  logo = true,
   title,
   description,
   image,
+  numbered = true,
   stepItems,
   callToActionRow,
   additionalDetails,
@@ -30,7 +32,7 @@ const StepItemSet = ({
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsx("section", { className: `${bs_section({ variant })}`, id, children: /* @__PURE__ */ jsxs("div", { className: `${bs_wrapper} containment`, children: [
     (title || description) && /* @__PURE__ */ jsxs("div", { className: "text_center", children: [
-      /* @__PURE__ */ jsxs(
+      logo && /* @__PURE__ */ jsxs(
         "svg",
         {
           className: svg_logo,
@@ -75,17 +77,20 @@ const StepItemSet = ({
           enableModal: true
         }
       ) }),
-      /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems?.map((step, index) => /* @__PURE__ */ jsx(
-        StepItem,
-        {
-          id: `id_${step.id}`,
-          counter: index + 1,
-          title: step?.title,
-          description: step?.description,
-          variant
-        },
-        step?.id
-      )) }) })
+      /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: (() => {
+        const listItems = stepItems?.map((step, index) => /* @__PURE__ */ jsx(
+          StepItem,
+          {
+            id: `id_${step.id}`,
+            counter: index + 1,
+            title: step?.title,
+            description: step?.description,
+            variant
+          },
+          step?.id
+        ));
+        return numbered ? /* @__PURE__ */ jsx("ol", { className: ol, children: listItems }) : /* @__PURE__ */ jsx("ul", { className: ul, children: listItems });
+      })() })
     ] }),
     Array.isArray(callToActionRow) && callToActionRow?.length > 0 && /* @__PURE__ */ jsx(
       "div",

package/dist/StepItemSet/index.js

@@ -1,5 +1,5 @@
 import { StepItemSet } from "./StepItemSet.js";
-import { bs_add_details, bs_btns, bs_image, bs_section, bs_video, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet.css.js";
+import { bs_add_details, bs_btns, bs_image, bs_section, bs_video, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col, ul } from "./StepItemSet.css.js";
 export {
   StepItemSet,
   bs_add_details,
@@ -14,5 +14,6 @@ export {
   sec_title,
   steps_wrapper,
   svg_logo,
-  tablet_col
+  tablet_col,
+  ul
 };

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

@@ -2,11 +2,11 @@ export declare const table_section: string;
 export declare const table_container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         apy: {
-            background: "#f4f4f4";
+            background: `var(--${string})`;
             padding: "2rem 0";
         };
         standard: {
-            background: "white";
+            background: "#ffffff";
         };
     };
 }>;
@@ -70,21 +70,22 @@ 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: {
             background: `var(--${string})`;
             color: "#4A5560";
-            borderBottom: "1px solid #D4D4D4";
+            borderBottom: string;
         };
         secondary: {
             background: `var(--${string})`;
             color: "#4A5560";
-            borderBottom: "1px solid #D4D4D4";
+            borderBottom: string;
         };
         tertiary: {
             color: `var(--${string})`;
-            borderBottom: "1px solid #F4F4F4";
+            borderBottom: string;
             selectors: {
                 "&:first-child": {
                     background: `var(--${string})`;
@@ -103,7 +104,7 @@ export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
         };
         quaternary: {
             color: `var(--${string})`;
-            borderBottom: "1px solid #F4F4F4";
+            borderBottom: string;
             selectors: {
                 "&:first-child": {
                     background: `var(--${string})`;
@@ -158,7 +159,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/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;
@@ -83,10 +83,10 @@
   flex-wrap: wrap;
 }
 .qfoxngd:hover {
-  background: #F4F4F4;
+  background: var(--_1073cm88);
 }
 .qfoxnga:hover .qfoxngd {
-  background: #F4F4F4;
+  background: var(--_1073cm88);
 }
 .qfoxnge {
   background: #D4D4D4;

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 16px / 1.15 var(--header-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) {