@axos-web-dev/shared-components 2.2.6 → 2.2.7

package/dist/Tab/TabContainer.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 
 export declare const TabContainer: ({ className, children, }: {
     className?: string;
-} & PropsWithChildren) => import("react").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.d.ts

@@ -1,11 +1,11 @@
 import { PropsWithChildren } from 'react';
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
-export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, icon, variant, }: TableContainerProps) => import("react").JSX.Element;
-export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, tableAriaLabel, }: TableProps) => import("react").JSX.Element;
-export declare const TableRow: ({ children, ...props }: RowProps) => import("react").JSX.Element;
-export declare const TableHead: ({ children }: PropsWithChildren) => import("react").JSX.Element;
-export declare const TableBody: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, icon, variant, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, tableAriaLabel, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const TableCell: ({ children, as, variant, highlighted, colSpan, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
     colSpan: number | undefined;
     className: string;

package/dist/TextBlock/TextBlock.d.ts

@@ -6,4 +6,4 @@ export interface TextBlockProps {
     id?: string;
     internalName?: string;
 }
-export declare const TextBlock: (props: TextBlockProps) => import("react").JSX.Element;
+export declare const TextBlock: (props: TextBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Topic/Topic.d.ts

@@ -1,19 +1,19 @@
 import { default as React, PropsWithChildren } from 'react';
 
 export type Topic = PropsWithChildren;
-export declare const Topic: ({ children }: Topic) => React.JSX.Element;
+export declare const Topic: ({ children }: Topic) => import("react/jsx-runtime").JSX.Element;
 export type TopicHeader = {
     As?: "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "a";
     title?: React.ReactNode;
 } & PropsWithChildren;
-export declare const TopicHeader: (props: TopicHeader) => React.JSX.Element;
+export declare const TopicHeader: (props: TopicHeader) => import("react/jsx-runtime").JSX.Element;
 export declare const TopicContent: (props: {
     url?: string;
     title?: string;
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const TopicItem: (props: {
     url?: string;
     title?: string;
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/VideoTile/VideoInit.d.ts

@@ -1 +1 @@
-export declare const VideoInit: () => import("react").JSX.Element;
+export declare const VideoInit: () => import("react/jsx-runtime").JSX.Element;

package/dist/VideoTile/VideoTile.js

@@ -4,7 +4,7 @@ import SvgArrowIcon from "../icons/ArrowIcon/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -77,10 +77,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
-/* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -70,10 +70,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
-/* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/WalnutIframe/index.d.ts

@@ -2,5 +2,5 @@ type WalnutProps = {
     id?: string;
     sourceUrl?: string;
 };
-declare const WalnutIframe: ({ id, sourceUrl }: WalnutProps) => import("react").JSX.Element;
+declare const WalnutIframe: ({ id, sourceUrl }: WalnutProps) => import("react/jsx-runtime").JSX.Element;
 export default WalnutIframe;

package/dist/assets/Chatbot/AnimatedGradientBorder.css

@@ -4,6 +4,23 @@
   initial-value: 90deg;
 }
 @keyframes ic6iil0 {
+  0% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(0);
+  }
+  50% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(.5turn);
+  }
+  55% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(.6turn);
+  }
+  95% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
+  }
+  100% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
+  }
+}
+@keyframes ic6iil1 {
   from {
     --angle: 0deg;
   }
@@ -11,28 +28,98 @@
     --angle: 360deg;
   }
 }
-.ic6iil1 {
+@keyframes ic6iil4 {
+  0% {
+    box-shadow: px -4px 12px -6px var(--_1073cm817);
+  }
+  50% {
+    box-shadow: 0px -10px 14px -6px var(--_1073cm817);
+  }
+  100% {
+    box-shadow: 0px -4px 12px -6px var(--_1073cm817);
+  }
+}
+@keyframes ic6iil7 {
+  0% {
+    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
+  }
+  50% {
+    box-shadow: 0 0 16px 4px var(--_1073cm817), 
+            0 20px 25px 0 rgba(0, 0, 0, 0.10), 
+            0 10px 10px 0 rgba(0, 0, 0, 0.04);
+  }
+  100% {
+    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
+  }
+}
+.ic6iil2 {
+  --offset: 3px;
+  background: var(--_1073cm813);
+  max-width: 100%;
+  overflow: hidden;
+  border-width: 3px;
+  border: var(--_1073cm813);
+  border-style: solid;
+}
+.ic6iil3 {
   border: 2px solid var(--_1073cm813);
   background: var(--_1073cm815);
-  animation: ic6iil0 2s ease-in-out infinite;
+  animation: ic6iil1 2s ease-in-out infinite;
 }
-.ic6iil2 {
+.ic6iil5 {
   --angle: 90deg;
-  border: 2px solid var(--_1073cm81a);
-  animation: ic6iil0 3s ease-in-out infinite;
+  border: 1px solid var(--_1073cm81d);
   border-radius: 12px;
   background: linear-gradient(white) padding-box, var(--_1073cm815) border-box;
 }
-.ic6iil2:focus-within {
-  --angle: 270deg;
-  border: 2px solid transparent;
-  background: linear-gradient(white) padding-box, linear-gradient(var(--angle),  var(--_1073cm815)) border-box;
-  background: linear-gradient(var(--angle),  var(--_1073cm815)) border-box;
+.ic6iil5:focus-within {
+  border: 1px solid #404040;
+}
+.ic6iil6 {
+  width: 80%;
+  border-radius: 50%;
+  animation: ic6iil4 2s ease-in-out infinite;
+}
+.ic6iil8 {
+  box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
+}
+@media screen and (max-width:768px) {
+  .ic6iil2 {
+    border: none;
+  }
 }
 @media screen and (min-width:768px) {
-  .ic6iil1:hover {
+  .ic6iil2 {
+    width: 164px;
+    height: 42px;
+    border-radius: 50px;
+  }
+  .ic6iil2:hover::before {
+    content: "";
+    background: conic-gradient(transparent 320deg, white, white);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    aspect-ratio: 1;
+    width: 100%;
+    animation: ic6iil0 1.7s linear infinite;
+  }
+  .ic6iil2:hover::after {
+    content: "";
+    border-radius: inherit;
+    background: var(--_1073cm813);
+    position: absolute;
+    inset: var(--offset);
+    height: calc(100% - 2 * var(--offset));
+    width: calc(100% - 2 * var(--offset));
+  }
+  .ic6iil3:hover {
     --angle: 270deg;
     border: 2px solid transparent;
-    background: linear-gradient(white, white) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
+    background: linear-gradient(var(--_1073cm813)) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
+  }
+  .ic6iil8:hover {
+    animation: ic6iil7 2.5s linear;
   }
 }

package/dist/assets/Chatbot/Bubble.css

@@ -38,7 +38,7 @@
   height: 500px;
   width: 500px;
   display: block;
-  animation: _7u9pv30 8s linear infinite;
+  animation: _7u9pv30 8s linear ;
 }
 ._7u9pv32 {
   bottom: 16px;
@@ -46,28 +46,37 @@
   right: 16px;
   z-index: 9999;
   overflow: hidden;
-  border-radius: 100px;
+  background-color: var(--_1073cm813);
+  font-family: Albert Sans, Inter, Lato;
+  box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
+}
+._1hpv6vm1 ._7u9pv32 {
+  background-color: var(--_1073cm813);
 }
 ._7u9pv33 {
   align-items: center;
-  background-color: var(--_1073cm813);
+  background-color: transparent;
   cursor: pointer;
   display: flex;
-  height: 56px;
   gap: 4px;
   color: var(--_1073cm816);
   line-height: 97%;
   place-items: center;
   justify-content: center;
-  padding: 12px 32px;
   font-weight: 700;
   font-size: 14px;
   border: none;
 }
+._1hpv6vm1 ._7u9pv33 {
+  background-color: var(--_1073cm813);
+}
 ._7u9pv34 {
-  position: relative;
+  position: absolute;
   z-index: 1;
-  overflow: hidden;
+  inset: 0;
+}
+._7u9pv35 {
+  font-family: Albert Sans;
 }
 ._7u9pv36 {
   fill: var(--_1073cm816);
@@ -77,12 +86,22 @@
     border-radius: 16px;
     height: 56px;
     width: 56px;
+    border: none;
   }
   ._7u9pv33 {
     width: 56px;
+    height: 56px;
     padding: 0;
+    line-height: 0;
   }
   ._7u9pv35 {
     display: none;
   }
+}
+@media screen and (min-width:768px) {
+  ._7u9pv32 {
+    border-radius: 100px;
+    width: 164px;
+    height: 48px;
+  }
 }