@axos-web-dev/shared-components 0.0.167 → 0.0.168

package/dist/Input/DatePickerComponents/InputDate.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { CalendarIcon } from "../../icons/CalendarIcon/CalendarIcon.js";
+import clsx from "clsx";
+import { memo } from "react";
+const InputDateComponent = (props) => {
+  const {
+    className,
+    isDisabled,
+    isInvalid,
+    onClick,
+    onFieldClear,
+    placeholder,
+    subTitle,
+    title,
+    value
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx("InputDate", className, {
+        InputDate__isDisabled: isDisabled,
+        InputDate__isInvalid: isInvalid && !isDisabled
+      }),
+      onClick: !isDisabled ? onClick : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "InputDate-Inner", children: [
+          /* @__PURE__ */ jsxs("div", { className: "InputDate-Title", children: [
+            title,
+            " "
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: clsx("InputDate-IconWrapper", {
+                "InputDate-IconWrapper__isFocusable": !isDisabled
+              }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: clsx("InputDate-Text", {
+                      "InputDate-Text__isFilled": value && !isDisabled,
+                      "InputDate-Text__isPlaceholder": !value
+                    }),
+                    children: value ?? placeholder
+                  }
+                ),
+                value && /* @__PURE__ */ jsx("div", { className: "InputDate-PostIcon", onClick: onFieldClear }),
+                /* @__PURE__ */ jsx("div", { className: "InputDate-DatePickerIcon", children: /* @__PURE__ */ jsx(CalendarIcon, {}) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "InputDate-Text__isInvalid" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "InputDate-SubTitle", children: [
+          subTitle,
+          " "
+        ] })
+      ]
+    }
+  );
+};
+const InputDate = memo(InputDateComponent);
+export {
+  InputDate
+};

package/dist/Input/DatePickerComponents/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DatePicker';
+export * from './InputDate';

package/dist/Input/DatePickerComponents/index.js

@@ -0,0 +1,6 @@
+import { DatePicker } from "./DatePicker.js";
+import { InputDate } from "./InputDate.js";
+export {
+  DatePicker,
+  InputDate
+};

package/dist/Input/Datepicker.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/Datepicker.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const DatePickerInput = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  DatePickerInput
+};

package/dist/Input/Dropdown.css.js

@@ -1,5 +1,5 @@
-/* empty css                                          */
-/* empty css                            */
+/* empty css                                              */
+/* empty css                                       */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var selectInput = "_1vzv2cd0";
 var dp_input = createRuntimeFn({ defaultClassName: "_1vzv2cd1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });

package/dist/Input/Input.css.js

@@ -1,7 +1,7 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                            */
-/* empty css                         */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                       */
+/* empty css                                    */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var iconInput = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
 var labelClassName = createRuntimeFn({ defaultClassName: "_18du0la4", variantClassNames: { variant: { primary: "_18du0la5", secondary: "_18du0la6", tertiary: "_18du0la7", quaternary: "_18du0la8" }, error: { true: "_18du0la9" }, disabled: { true: "_18du0laa" }, isCheckbox: { true: "_18du0lab" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Input/InputAmount.js

@@ -3,13 +3,13 @@ import { InputMask } from "@react-input/mask";
 import { forwardRef } from "react";
 import "./Checkbox.js";
 import "./CurrencyInput.js";
+import "./DownPaymentInput.js";
 import "./Dropdown.js";
 import "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import "./Input.css.js";
 import "./InputPhone.js";
 import "./InputTextArea.js";
-import "./DownPaymentInput.js";
 const InputAmount = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/InputDate.css.d.ts

@@ -0,0 +1,6 @@
+export declare const calendarContainer: string;
+export declare const calendarIcon: string;
+export declare const inputDate: string;
+export declare const verticalCenter: string;
+export declare const calendar: string;
+export declare const headerCalendar: string;

package/dist/Input/InputDate.css.js

@@ -0,0 +1,15 @@
+/* empty css                                        */
+var calendarContainer = "skzved0";
+var calendarIcon = "skzved1";
+var inputDate = "skzved2";
+var verticalCenter = "skzved3";
+var calendar = "skzved4";
+var headerCalendar = "skzved5";
+export {
+  calendar,
+  calendarContainer,
+  calendarIcon,
+  headerCalendar,
+  inputDate,
+  verticalCenter
+};

package/dist/Input/InputDate.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/InputDate.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const InputDate = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  InputDate
+};

package/dist/Input/InputPhone.js

@@ -3,13 +3,13 @@ import { InputMask } from "@react-input/mask";
 import { forwardRef } from "react";
 import "./Checkbox.js";
 import "./CurrencyInput.js";
+import "./DownPaymentInput.js";
 import "./Dropdown.js";
 import "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import "./Input.css.js";
 import "./InputAmount.js";
 import "./InputTextArea.js";
-import "./DownPaymentInput.js";
 const InputPhone = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/RadioButton.css.js

@@ -1,4 +1,4 @@
-/* empty css                               */
+/* empty css                                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var fieldset = createRuntimeFn({ defaultClassName: "_1gnyc3c0", variantClassNames: { direction: { row: "_1gnyc3c1", column: "_1gnyc3c2", "default": "_1gnyc3c3" } }, defaultVariants: {}, compoundVariants: [] });
 var fieldset_wrapper = "_1gnyc3c4";

package/dist/Input/index.d.ts

@@ -1,5 +1,6 @@
 export * from './Checkbox';
 export * from './CurrencyInput';
+export * from './DownPaymentInput';
 export * from './Dropdown';
 export * from './Dropdown.css';
 export * from './Input';
@@ -8,4 +9,3 @@ export * from './InputAmount';
 export * from './InputPhone';
 export * from './InputProps';
 export * from './InputTextArea';
-export * from './DownPaymentInput';

package/dist/Input/index.js

@@ -1,5 +1,6 @@
 import { Checkbox } from "./Checkbox.js";
 import { CurrencyInput } from "./CurrencyInput.js";
+import { DownPaymentInput } from "./DownPaymentInput.js";
 import { Dropdown } from "./Dropdown.js";
 import { dp_input, selectInput } from "./Dropdown.css.js";
 import { Input } from "./Input.js";
@@ -7,7 +8,6 @@ import { container, helperText, iconContainer, iconContainerBase, iconInput, inp
 import { InputAmount } from "./InputAmount.js";
 import { InputPhone } from "./InputPhone.js";
 import { InputTextArea } from "./InputTextArea.js";
-import { DownPaymentInput } from "./DownPaymentInput.js";
 export {
   Checkbox,
   CurrencyInput,

package/dist/Inputs/Input.css.js

@@ -1,6 +1,6 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                         */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var icon = createRuntimeFn({ defaultClassName: "_157e2fz0", variantClassNames: { size: { small: "_157e2fz1", medium: "_157e2fz2", large: "_157e2fz3" } }, defaultVariants: {}, compoundVariants: [] });
 var labelClassName = createRuntimeFn({ defaultClassName: "_157e2fz4", variantClassNames: { error: { true: "_157e2fz5" }, disabled: { true: "_157e2fz6" } }, defaultVariants: {}, compoundVariants: [] });

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

@@ -1,8 +1,8 @@
-/* empty css                                   */
-/* empty css                                      */
-/* empty css                                             */
-/* empty css                            */
-/* empty css                                    */
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                 */
+/* empty css                                                     */
+/* empty css                                                             */
 var selector_section = "_13y9ptj0";
 var selector_link = "_13y9ptj1";
 var selector_link_mobile = "_13y9ptj2 _13y9ptj1";

package/dist/Insight/Featured/CategorySelector.js

@@ -3,14 +3,14 @@ import { Chevron } from "../../Chevron/index.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                   */
-/* empty css                                      */
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                           */
 /* empty css                                                       */
-/* empty css                                                   */
 import ClockIcon from "../../icons/Clock/index.js";
 import "../../utils/allowedAxosDomains.js";
-/* empty css                                             */
-/* empty css                                             */
+/* empty css                                                 */
+/* empty css                                                 */
 import clsx from "clsx";
 import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Chevron/Chevron.css.js";
@@ -30,6 +30,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
+import "../../Input/DownPaymentInput.js";
 import "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
@@ -37,7 +38,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
@@ -47,17 +47,17 @@ import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../../Input/RadioButton.js";
 import "../../Inputs/Input.css.js";
-/* empty css                                                            */
+/* empty css                                                                */
 import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                         */
+/* empty css                                                             */
 import "iframe-resizer";
-/* empty css                                                                                   */
+/* empty css                                                                                       */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                     */
 /* empty css                                                 */
-/* empty css                                             */
-/* empty css                                                       */
+/* empty css                                                           */
 import "../../Carousel/index.js";
-/* empty css                                                                       */
+/* empty css                                                                           */
 import "../../Comparison/Comparison.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
@@ -66,43 +66,43 @@ import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
-/* empty css                                                 */
+/* empty css                                                     */
 import "../../ExecutiveBio/ExecutiveBio.css.js";
 import "../../FaqAccordion/index.js";
 import "../../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                            */
+/* empty css                                                                */
 import "../../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                           */
+/* empty css                                               */
 import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
-/* empty css                          */
-/* empty css                            */
+/* empty css                                                   */
+/* empty css                                           */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                                         */
-/* empty css                                                            */
-/* empty css                                                                 */
-/* empty css                                                                    */
-/* empty css                                                      */
+/* empty css                                                             */
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                        */
+/* empty css                                                          */
 import "../../NavigationMenu/AxosBank/NavData.js";
 import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-/* empty css                                                         */
-/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                              */
 import "../../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                    */
-/* empty css                                             */
-/* empty css                                                       */
-/* empty css                                                     */
+/* empty css                                                        */
+/* empty css                                                 */
+/* empty css                                                           */
+/* empty css                                                         */
 import "../../StepItem/StepItem.css.js";
 import "../../StepItemSet/StepItemSet.css.js";
-/* empty css                                           */
-/* empty css                                                     */
-/* empty css                                                   */
+/* empty css                                               */
+/* empty css                                                         */
+/* empty css                                                       */
 import "next/script.js";
-/* empty css                                           */
-/* empty css                                                 */
-/* empty css                                   */
+/* empty css                                               */
+/* empty css                                                     */
+/* empty css                                       */
 import "../../Modal/contextApi/store.js";
 import { selector_section, selector_link, selector_title_link, selector_more, selector_grid_items, selector_link_mobile, selector_small_item, selector_img, selector_grid_content, selector_title } from "./CategorySelector.css.js";
 const CategorySelector = (props) => {

package/dist/Insight/Featured/Featured.css.js

@@ -1,5 +1,5 @@
-/* empty css                                             */
-/* empty css                            */
+/* empty css                                                 */
+/* empty css                                                     */
 var featured_section = "_1sr2o6v0";
 var featured_title = "_1sr2o6v1";
 var featured_supertag = "_1sr2o6v2";

package/dist/Insight/Featured/Featured.js

@@ -2,22 +2,22 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                   */
-/* empty css                                      */
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                           */
 /* empty css                                                       */
-/* empty css                                                   */
 import ClockIcon from "../../icons/Clock/index.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
-/* empty css                                             */
-/* empty css                                             */
+/* empty css                                                 */
+/* empty css                                                 */
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Chevron/Chevron.css.js";
-/* empty css                                   */
+/* empty css                                       */
 import "../../Modal/contextApi/store.js";
 import clsx from "clsx";
 import { Fragment } from "react";
@@ -33,6 +33,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
+import "../../Input/DownPaymentInput.js";
 import "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
@@ -40,7 +41,6 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
@@ -49,17 +49,17 @@ import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
 import "../../Inputs/Input.css.js";
-/* empty css                                                            */
+/* empty css                                                                */
 import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                         */
+/* empty css                                                             */
 import "iframe-resizer";
-/* empty css                                                                                   */
+/* empty css                                                                                       */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                     */
 /* empty css                                                 */
-/* empty css                                             */
-/* empty css                                                       */
+/* empty css                                                           */
 import "../../Carousel/index.js";
-/* empty css                                                                       */
+/* empty css                                                                           */
 import "../../Comparison/Comparison.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
@@ -68,44 +68,44 @@ import { set_container } from "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
-/* empty css                                                 */
+/* empty css                                                     */
 import "../../ExecutiveBio/ExecutiveBio.css.js";
 import "../../FaqAccordion/index.js";
 import "../../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                            */
+/* empty css                                                                */
 import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                           */
-/* empty css                            */
-/* empty css                                    */
+/* empty css                                               */
+/* empty css                                                     */
+/* empty css                                                             */
 import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
-/* empty css                          */
-/* empty css                            */
+/* empty css                                                   */
+/* empty css                                           */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                                         */
-/* empty css                                                            */
-/* empty css                                                                 */
-/* empty css                                                                    */
-/* empty css                                                      */
+/* empty css                                                             */
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                        */
+/* empty css                                                          */
 import "../../NavigationMenu/AxosBank/NavData.js";
 import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-/* empty css                                                         */
-/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                              */
 import "../../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                    */
-/* empty css                                             */
-/* empty css                                                       */
-/* empty css                                                     */
+/* empty css                                                        */
+/* empty css                                                 */
+/* empty css                                                           */
+/* empty css                                                         */
 import "../../StepItem/StepItem.css.js";
 import "../../StepItemSet/StepItemSet.css.js";
-/* empty css                                           */
-/* empty css                                                     */
-/* empty css                                                   */
+/* empty css                                               */
+/* empty css                                                         */
+/* empty css                                                       */
 import "next/script.js";
-/* empty css                                           */
-/* empty css                                                 */
+/* empty css                                               */
+/* empty css                                                     */
 const FeaturedItem = (props) => {
   const {
     url,

package/dist/Insight/Featured/Header.css.js

@@ -1,4 +1,4 @@
-/* empty css                          */
+/* empty css                                                   */
 var header_featured = "_19yqlq40";
 var breadcumbs_header_featured_section = "_19yqlq41";
 var breadcumb_link = "_19yqlq42";