@axos-web-dev/shared-components 0.0.106 → 0.0.108

package/dist/assets/Insight/Featured/CategorySelector.css

@@ -0,0 +1,55 @@
+._13y9ptj0 {
+  padding: 24px 0;
+}
+._13y9ptj1 {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 24px;
+  align-items: center;
+}
+._13y9ptj2 {
+  font-size: 24px;
+  color: var(--_1073cm83);
+  text-decoration: none;
+  font-family: var(--header-font-family);
+  text-transform: capitalize;
+  font-weight: 600;
+}
+._13y9ptj3 {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 24px;
+  overflow: hidden;
+}
+._13y9ptj4 {
+  max-width: 370px;
+  grid-template-rows: 1fr 1fr;
+}
+._13y9ptj5 {
+  font-size: 28px;
+  padding-bottom: 10px;
+  -webkit-line-clamp: 4;
+  box-orient: vertical;
+}
+._13y9ptj6 {
+  padding: 24px;
+  color: #333D46;
+  font-family: var(--main-font-family);
+  min-height: 182px;
+  display: grid;
+  grid-template-rows: 120px 30px;
+}
+._13y9ptj7 {
+  aspect-ratio: 16 / 9;
+}
+@media screen and (max-width:1024px) {
+  ._13y9ptj3 {
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+}
+@media screen and (max-width:768px) {
+  ._13y9ptj3 {
+    grid-template-columns: 1fr;
+    justify-items: center;
+  }
+}

package/dist/assets/Insight/Featured/Featured.css

@@ -0,0 +1,87 @@
+._1sr2o6v0 {
+  min-height: 725px;
+  width: 100%;
+  padding: 48px 0;
+}
+._1sr2o6v1 {
+  color: #ffffff;
+  padding-bottom: 24px;
+}
+._1sr2o6v2 {
+  font-size: 14px;
+}
+._1sr2o6v3 {
+  display: grid;
+  grid-template-columns: 3fr 2fr;
+  min-height: 525px;
+  gap: 25px;
+}
+._1sr2o6v4 {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+._1sr2o6v5 {
+  flex: 1 1 100%;
+  cursor: pointer;
+  text-decoration: none;
+}
+._1sr2o6v6 {
+  margin-bottom: 8px;
+}
+._1sr2o6v7 {
+  margin: 38px 0;
+  color: #D4D4D4;
+}
+._1sr2o6v8 {
+  display: inline-block;
+  vertical-align: middle;
+}
+._1sr2o6v9 {
+  display: grid;
+  grid-template-rows: 65% 35%;
+  background: #ffffff;
+  border-radius: 16px;
+  height: 100%;
+  cursor: pointer;
+  border: 1px solid #D4D4D4;
+  text-decoration: none;
+  overflow: hidden;
+  max-height: 525px;
+}
+._1sr2o6va {
+  height: 100%;
+  object-fit: cover;
+  width: 100%;
+}
+._1sr2o6vb {
+  padding: 24px;
+  color: #333D46;
+  font-family: var(--main-font-family);
+  min-height: 170px;
+}
+._1sr2o6vc {
+  font-size: 40px;
+  line-height: 50px;
+  margin-bottom: 8px;
+}
+@media screen and (max-width:1024px) {
+  ._1sr2o6v9 {
+    grid-template-rows: 2fr 1fr;
+  }
+}
+@media screen and (max-width:768px) {
+  ._1sr2o6v3 {
+    grid-template-columns: 1fr;
+  }
+  ._1sr2o6v7 {
+    margin: 24px 0;
+  }
+  ._1sr2o6v9 {
+    grid-template-rows: 1fr .5fr;
+  }
+  ._1sr2o6vc {
+    font-size: 28px;
+    line-height: 36px;
+  }
+}

package/dist/assets/SetContainer/SetContainer.css

@@ -52,7 +52,7 @@
   content: "";
   position: absolute;
   width: 100%;
-  height: 77%;
+  height: 90%;
   top: 0;
   left: 0;
   right: 0;

package/dist/assets/Table/Table.css

@@ -270,8 +270,8 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
   min-width: 24px;
 }
 ._1nivbwe14 {
-  background-image: linear-gradient(0deg,#152d54,#27466f) !important;
-  color: var(--_1073cm8g) !important;
+  background-image: var(--_1073cm8z) !important;
+  color: var(--_1073cm810) !important;
 }
 @media screen and (max-width: 768px) {
   ._1nivbwed:first-child {

package/dist/assets/themes/axos.css

@@ -33,4 +33,6 @@
   --_1073cm8w: #F4F4F4;
   --_1073cm8x: #00805B;
   --_1073cm8y: #38D7A4;
+  --_1073cm8z: linear-gradient(0deg,#152d54,#27466f);
+  --_1073cm810: #FFFFFF;
 }

package/dist/assets/themes/premier.css

@@ -33,4 +33,6 @@
   --_1073cm8w: #F4F4F4;
   --_1073cm8x: #1E262F;
   --_1073cm8y: #FAA74A;
+  --_1073cm8z: linear-gradient(0deg, #2c3642, #1e262f);
+  --_1073cm810: #FAA74A;
 }

package/dist/icons/CheckCircle.d.ts

@@ -1,4 +1,5 @@
 import { SVGProps } from 'react';
+import { CheckColorVariant } from './CheckIcon/CheckIcon.css';
 
-declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement> & CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckCircle;

package/dist/icons/CheckCircle.js

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { checkColor } from "./CheckIcon/CheckIcon.css.js";
 const SvgCheckCircle = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -11,6 +12,7 @@ const SvgCheckCircle = (props) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx(
       "path",
       {
+        className: checkColor({ variant: props?.variant }),
         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",

package/dist/main.d.ts

@@ -33,6 +33,7 @@ export * from './icons';
 export * from './ImageBillboard';
 export * from './ImageLink';
 export * from './Input';
+export * from './Insight';
 export * from './Interstitial/Interstitial';
 export * from './LandingPageHeader';
 export * from './LoadingIndicator';

package/dist/main.js

@@ -51,7 +51,8 @@ import { ContactUsNMLSId } from "./Forms/ContactUsNMLSId.js";
 import { DealerServices } from "./Forms/DealerServices.js";
 import { EmailOnly } from "./Forms/EmailOnly.js";
 import { EmailUs } from "./Forms/EmailUs.js";
-import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
+import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, section_title, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
+import { QuickPricer } from "./Forms/QuickPricer.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
 import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
@@ -103,8 +104,12 @@ import { Dropdown } from "./Input/Dropdown.js";
 import { selectInput } from "./Input/Dropdown.css.js";
 import { Input } from "./Input/Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
+import { InputAmount } from "./Input/InputAmount.js";
 import { InputPhone } from "./Input/InputPhone.js";
 import { InputTextArea } from "./Input/InputTextArea.js";
+import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
+import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
+import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
 import { Interstitial } from "./Interstitial/Interstitial.js";
 import { LandingPageHeader } from "./LandingPageHeader/LandingPageHeader.js";
 import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader/LandingPageHeader.css.js";
@@ -183,6 +188,7 @@ export {
   CallToActionBar,
   Carousel,
   CarouselSlide,
+  CategorySelector,
   default5 as CheckCircle,
   default6 as CheckCircleLight,
   default7 as CheckIcon,
@@ -212,6 +218,8 @@ export {
   ExecutiveBio,
   ExecutiveBioSet,
   FaqAccordion,
+  Featured,
+  FeaturedItem,
   default13 as FollowIcon,
   FooterContent,
   FooterDisclosure,
@@ -228,8 +236,10 @@ export {
   ImageBillboardSet,
   ImageLinkSet,
   Input,
+  InputAmount,
   InputPhone,
   InputTextArea,
+  InsightItem,
   Interstitial,
   LandingPageHeader,
   LoadingIndicator,
@@ -247,6 +257,7 @@ export {
   default29 as NavBarAXC,
   PageNavItem,
   PageNavSet,
+  QuickPricer,
   default16 as QuoteIconGrey,
   default17 as QuoteIconWhite,
   default18 as QuoteIconYellow,
@@ -328,6 +339,7 @@ export {
   buttons,
   calculator_description,
   calculator_headline,
+  checkbox_group,
   comparison,
   comparison_buttons,
   comparison_container,
@@ -352,6 +364,19 @@ export {
   expand_icon,
   feature_header,
   feature_title,
+  featured_center_vertical,
+  featured_grid,
+  featured_maingrid,
+  featured_maingrid_img,
+  featured_maingrid_item,
+  featured_maingrid_title,
+  featured_section,
+  featured_subgrid,
+  featured_subgrid_divider,
+  featured_subgrid_item,
+  featured_subgrid_title,
+  featured_supertag,
+  featured_title,
   findMoreAxosDomains,
   footerDisclosure,
   footerLink,
@@ -464,6 +489,7 @@ export {
   section_text,
   section_text_ImageBillboard,
   section_theme,
+  section_title,
   selectInput,
   selection_headline_text,
   selection_section,

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

@@ -49,4 +49,8 @@ export declare const axosTheme: string, vars: {
             secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
+    table: {
+        highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
 };

package/dist/themes/axos.css.js

@@ -1,6 +1,6 @@
 /* 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)" } } };
+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)" } };
 export {
   axosTheme,
   vars

package/package.json

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