@axos-web-dev/shared-components 1.0.100-dev.52 → 1.0.100-dev.53-chat-revamp

package/dist/assets/Insight/Insight.css

@@ -11,7 +11,7 @@
 .lchs2s2 {
   font-family: var(--header-font-family);
 }
-.lchs2s2 ._quote_spacer_1mzku_1 {
+.lchs2s2 > figure {
   margin: 0 !important;
 }
 .lchs2s3 {
@@ -255,7 +255,7 @@
   }
 }
 @media screen and (min-width:1024px) {
-  .lchs2sl p {
+  .lchs2sl p:not(.lchs2s2 p) {
     font-size: 18px;
   }
 }

package/dist/assets/themes/axos.css

@@ -37,4 +37,14 @@
   --_1073cm810: #FFFFFF;
   --_1073cm811: #1A6AAA;
   --_1073cm812: #14263D;
+  --_1073cm813: #1E629A;
+  --_1073cm814: #1E629A;
+  --_1073cm815: linear-gradient(90deg, rgba(222, 244, 255, 1) 0%, rgba(30, 98, 154, 1) 50%, rgba(222, 244, 255, 1) 100%);
+  --_1073cm816: #FFFFFF;
+  --_1073cm817: #FFFFFF;
+  --_1073cm818: #1E3860;
+  --_1073cm819: #1E3860;
+  --_1073cm81a: #F5F5F5;
+  --_1073cm81b: #DEF4FF;
+  --_1073cm81c: #E9EBEF;
 }

package/dist/assets/themes/premier.css

@@ -37,4 +37,14 @@
   --_1073cm810: #FFFFFF;
   --_1073cm811: #1A6AAA;
   --_1073cm812: #14263D;
+  --_1073cm813: #1E629A;
+  --_1073cm814: #98DDFF;
+  --_1073cm815: linear-gradient(90deg,rgba(222, 244, 255, 1) 0%, rgba(30, 98, 154, 1) 50%, rgba(222, 244, 255, 1) 100%);
+  --_1073cm816: #FFFFFF;
+  --_1073cm817: #FFFFFF;
+  --_1073cm818: #1E3860;
+  --_1073cm819: #FFFFFF;
+  --_1073cm81a: #F5F5F5;
+  --_1073cm81b: #DEF4FF;
+  --_1073cm81c: #000000;
 }

package/dist/assets/themes/ufb.css

@@ -0,0 +1,50 @@
+.wub34l0 {
+  --_1073cm81: #FFFFFF;
+  --_1073cm82: #005A9C;
+  --_1073cm83: #222222;
+  --_1073cm84: #CCCCCC;
+  --_1073cm85: #005A9C;
+  --_1073cm86: #FFFFFF;
+  --_1073cm87: linear-gradient(45deg, #005A9C, #1565C0);
+  --_1073cm88: #E3F2FD;
+  --_1073cm89: #90CAF9;
+  --_1073cm8a: #222222;
+  --_1073cm8b: #CCCCCC;
+  --_1073cm8c: #005A9C;
+  --_1073cm8d: #005A9C;
+  --_1073cm8e: linear-gradient(45deg, #90CAF9, #005A9C);
+  --_1073cm8f: #005A9C;
+  --_1073cm8g: #E3F2FD;
+  --_1073cm8h: #FFFFFF;
+  --_1073cm8i: #005A9C;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8k: #005A9C;
+  --_1073cm8l: linear-gradient(45deg, #005A9C, #90CAF9);
+  --_1073cm8m: #0D3050;
+  --_1073cm8n: #005A9C;
+  --_1073cm8o: #FFFFFF;
+  --_1073cm8p: #0D3050;
+  --_1073cm8q: #FFFFFF;
+  --_1073cm8r: #90CAF9;
+  --_1073cm8s: linear-gradient(45deg, #0D3050, #005A9C);
+  --_1073cm8t: #C62828;
+  --_1073cm8u: #BDBDBD;
+  --_1073cm8v: #FFFFFF;
+  --_1073cm8w: #B0BEC5;
+  --_1073cm8x: #005A9C;
+  --_1073cm8y: #90CAF9;
+  --_1073cm8z: linear-gradient(0deg,#005A9C,#90CAF9);
+  --_1073cm810: #FFFFFF;
+  --_1073cm811: #1565C0;
+  --_1073cm812: #0D3050;
+  --_1073cm813: #E18357;
+  --_1073cm814: #E18357;
+  --_1073cm815: linear-gradient(90deg, #EAD4BB 0%, #806646  50%, #EAD4BB 100%);
+  --_1073cm816: #1B1B1F;
+  --_1073cm817: #FFFFFF;
+  --_1073cm818: #E18357;
+  --_1073cm819: #1B1B1F;
+  --_1073cm81a: #EDEEF0;
+  --_1073cm81b: #FFF8F6;
+  --_1073cm81c: #000000;
+}

package/dist/assets/themes/victorie.css

@@ -37,4 +37,14 @@
   --_1073cm810: #ffffff;
   --_1073cm811: #0062b3;
   --_1073cm812: #4a5560;
+  --_1073cm813: #28587d;
+  --_1073cm814: #98DDFF;
+  --_1073cm815: linear-gradient(90deg,rgba(222, 244, 255, 1) 0%, rgba(40, 88, 125, 1) 50%, rgba(222, 244, 255, 1) 100%);
+  --_1073cm816: #FFFFFF;
+  --_1073cm817: #FFFFFF;
+  --_1073cm818: #28587d;
+  --_1073cm819: #FFFFFF;
+  --_1073cm81a: #F5F5F5;
+  --_1073cm81b: #DEF4FF;
+  --_1073cm81c: #000000;
 }

package/dist/icons/ArrowIcon/ArrowIcon.css.js

@@ -1,5 +1,6 @@
-import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/icons/ArrowIcon/ArrowIcon.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                                       */
 /* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/icons/CheckIcon/CheckIcon.css.js

@@ -1,5 +1,6 @@
-import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/icons/CheckIcon/CheckIcon.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                                       */
 /* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/icons/DownloadIcon/DownloadIcon.css.js

@@ -1,5 +1,6 @@
-import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty 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                                       */
 /* empty css                                */
 var DownloadColor = "_1r03g400";

package/dist/icons/FollowIcon/FollowIcon.css.js

@@ -1,5 +1,6 @@
-import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/icons/FollowIcon/FollowIcon.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                                       */
 /* empty css                              */
 var FollowColor = "_1wjdwci0";

package/dist/main.js

@@ -38,11 +38,11 @@ import { SummitApyCalculator } from "./Calculators/SummitApyCalculator/index.js"
 import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
 import { Bubble } from "./Chatbot/Bubble.js";
-import { bubbleWrapper, svgFill } from "./Chatbot/Bubble.css.js";
+import { angle, borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, svgFill } from "./Chatbot/Bubble.css.js";
 import { Chatbot } from "./Chatbot/Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
 import { ChatWindow } from "./Chatbot/ChatWindow.js";
-import { arrowFill, autoResize, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
 import { useOpenChat } from "./Chatbot/store/chat.js";
 import { useMessages } from "./Chatbot/store/messages.js";
 import { Chevron } from "./Chevron/index.js";
@@ -191,6 +191,7 @@ import { TextBlock } from "./TextBlock/TextBlock.js";
 import { textBlockHeader, textBlockList, textBlockParagraph, textBlockSection } from "./TextBlock/TextBlock.css.js";
 import { axosTheme, vars } from "./themes/axos.css.js";
 import { premierTheme } from "./themes/premier.css.js";
+import { ufbTheme } from "./themes/ufb.css.js";
 import { victorieTheme } from "./themes/victorie.css.js";
 import { Topic, TopicContent, TopicHeader, TopicItem } from "./Topic/Topic.js";
 import { topic_columns, topic_container, topic_header, topic_item } from "./Topic/Topic.css.js";
@@ -397,7 +398,9 @@ export {
   SvgWarningIcon as WarningIcon,
   accordion,
   actions,
+  agent_msg,
   alternate_color_rows,
+  angle,
   ant_article,
   ant_blog_cta,
   ant_card_body,
@@ -457,6 +460,7 @@ export {
   bodyHeader,
   body_copy,
   body_sign_in,
+  borderHoverGradient,
   bottom_center,
   bottom_left,
   bottom_right,
@@ -468,13 +472,17 @@ export {
   bs_topic,
   bs_video,
   bs_wrapper,
+  bubbleButton,
+  bubbleText,
   bubbleWrapper,
   bullet_details,
   bulletsHeadline,
   bulletsWrapper,
   button,
+  button_bar,
   button_reset,
   buttons,
+  buttonss_section,
   calculator,
   calculator_description,
   calculator_headline,
@@ -495,6 +503,8 @@ export {
   ceo_name,
   ceo_quote,
   ceo_title,
+  chatEndCircle,
+  chatEndDialogOverlay,
   chatFinishDialog,
   chatNetworkStatus,
   chat_title,
@@ -644,6 +654,7 @@ export {
   inline_button,
   inline_button_wrapper,
   inline_container,
+  inner,
   input,
   inputStyle,
   insight_header,
@@ -668,6 +679,7 @@ export {
   job_title,
   labelClassName,
   layout,
+  left_bar_section,
   li,
   line_points,
   link_wrapper,
@@ -696,6 +708,7 @@ export {
   mw24,
   na_cursor,
   nested_grid,
+  noAnswerButton,
   notificationStyle,
   ol,
   one_row,
@@ -791,6 +804,9 @@ export {
   textBlockParagraph,
   textBlockSection,
   th,
+  thankyou_image,
+  thankyou_message,
+  thankyou_overlay,
   threeColRow,
   three_inline,
   title,
@@ -807,6 +823,7 @@ export {
   transcript_container,
   transcript_content,
   two_inline,
+  ufbTheme,
   ul,
   up_to,
   url_row,
@@ -822,6 +839,7 @@ export {
   user_hr,
   user_image,
   user_information,
+  user_msg,
   validateLink,
   vars,
   victorieTheme,

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

@@ -63,4 +63,20 @@ export declare const axosTheme: string, vars: {
             color: `var(--${string})`;
         };
     };
+    chatbot: {
+        bubble: {
+            background: `var(--${string})`;
+            border: `var(--${string})`;
+            borderGradient: `var(--${string})`;
+            icon: `var(--${string})`;
+        };
+        window: {
+            background: `var(--${string})`;
+            headerBackground: `var(--${string})`;
+            headerText: `var(--${string})`;
+            agentBackground: `var(--${string})`;
+            userBackground: `var(--${string})`;
+            inputBorder: `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)", 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)" } } };
+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)" } }, chatbot: { bubble: { background: "var(--_1073cm813)", border: "var(--_1073cm814)", borderGradient: "var(--_1073cm815)", icon: "var(--_1073cm816)" }, window: { background: "var(--_1073cm817)", headerBackground: "var(--_1073cm818)", headerText: "var(--_1073cm819)", agentBackground: "var(--_1073cm81a)", userBackground: "var(--_1073cm81b)", inputBorder: "var(--_1073cm81c)" } } };
 export {
   axosTheme,
   vars

package/dist/themes/index.d.ts

@@ -1,3 +1,4 @@
 export * from './axos.css';
 export * from './premier.css';
+export * from './ufb.css';
 export * from './victorie.css';

package/dist/themes/index.js

@@ -1,9 +1,11 @@
 import { axosTheme, vars } from "./axos.css.js";
 import { premierTheme } from "./premier.css.js";
+import { ufbTheme } from "./ufb.css.js";
 import { victorieTheme } from "./victorie.css.js";
 export {
   axosTheme,
   premierTheme,
+  ufbTheme,
   vars,
   victorieTheme
 };

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

@@ -0,0 +1 @@
+export declare const ufbTheme: string;

package/dist/themes/ufb.css.js

@@ -0,0 +1,6 @@
+import '../assets/themes/ufb.css';import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                       */
+var ufbTheme = "wub34l0";
+export {
+  ufbTheme
+};

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.52",
+  "version": "1.0.100-dev.53-chat-revamp",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",