@axos-web-dev/shared-components 0.0.155 → 0.0.157

package/dist/Table/Table.d.ts

@@ -6,7 +6,8 @@ export declare const Table: ({ variant, children, highlight, tableType, alternat
 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, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
+export declare const TableCell: ({ children, as, variant, highlighted, colSpan, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
+    colSpan: number | undefined;
     className: string;
     manifest?: string | undefined;
     amp?: string;

package/dist/Table/Table.interface.d.ts

@@ -7,6 +7,7 @@ export interface CellProps extends HtmlHTMLAttributes<HTMLTableCellElement>, Pro
     as?: "td" | "th";
     variant: string;
     highlighted?: boolean;
+    colSpan?: number;
 }
 export interface TableProps extends PropsWithChildren {
     variant: string;

package/dist/Table/Table.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
@@ -101,12 +101,14 @@ const TableCell = ({
   as = "td",
   variant = "primary",
   highlighted,
+  colSpan,
   ...props
 }) => {
   return createElement(
     as,
     {
       ...props,
+      colSpan,
       className: clsx(
         as == "td" ? td({ variant: getVariant(variant), highlighted }) : th({ variant: getVariant(variant), highlighted }),
         props?.className

package/dist/TextBlock/TextBlock.css.js

@@ -1,6 +1,6 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                             */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                            */
 var textBlockSection = "_16g7rvn0";
 var textBlockParagraph = "_16g7rvn1";
 var textBlockHeader = "_16g7rvn2";

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                  */
+/* empty css                                                      */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
 var picker_arrow = "dmebjx2";

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -1,4 +1,4 @@
-/* empty css                                 */
+/* empty css                                                    */
 var picker_section = "xbzzeo0";
 var picker_container = "xbzzeo1";
 var picker_orient = "xbzzeo2";

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-/* empty css                              */
+/* empty css                                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var headerCssVariable = "var(--header-font-family)";
 var mainCssVariable = "var(--main-font-family)";

package/dist/VideoTile/VideoTile.css.js

@@ -1,7 +1,7 @@
-/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                             */
+/* empty css                                              */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                            */
 var video_tile = "_16puo4g0";
 var show = "_16puo4g1";
 var video_title = "_16puo4g2";

package/dist/VideoTile/VideoTile.js

@@ -4,10 +4,10 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import ReactMarkdown from "react-markdown";
 import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+/* empty css                                                  */
 var video_tile_set = "_2i5u4u0";
 var grid_wrapper = "_2i5u4u1";
 var grid_2 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "next/script.js";
 import { VideoTile } from "../VideoTile/VideoTile.js";
-/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                        */
+/* empty css                                              */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                            */
 import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,

package/dist/assets/Blockquote/Blockquote.css.css

@@ -1,68 +1,68 @@
-._quote_spacer_1r8g1_1 {
-  line-height: 1.35;
-  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
-  margin-inline: auto;
-}
-
-._author_1r8g1_13,
-._quote_1r8g1_1 {
-  color: #333d46;
-}
-
-._author_1r8g1_13 {
-  text-align: right;
-  margin-top: 18px;
-}
-
-._author_1r8g1_13 cite {
-  font-style: normal;
-}
-
-._quote_spacer_1r8g1_1 .img_fluid {
-  margin-right: 24px;
-  transform: rotateY(180deg) scaleY(-1);
-}
-
-._quote_spacer_1r8g1_1 .flex_row {
-  align-items: flex-start;
-}
-
-._quote_1r8g1_1 p {
-  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
-  font-style: italic;
-  line-height: 1.2;
-}
-
-@media (max-width: 768px) {
-  ._quote_spacer_1r8g1_1 .img_fluid {
-    max-width: 30px;
-    margin-right: 12px;
-  }
-  ._author_1r8g1_13 {
-    margin-top: 14px;
-  }
-  ._quote_1r8g1_1 p {
-    font-size: 18px;
-  }
-  ._author_1r8g1_13 cite {
-    font-size: 14px;
-  }
-}
-
-@media (max-width: 500px) {
-  ._author_1r8g1_13 {
-    margin-top: 12px;
-  }
-}
-
-@media (min-width: 604px) {
-  ._quote_spacer_1r8g1_1 {
-    width: min(calc(100% - 2rem), 792px);
-  }
-}
-
-@media (min-width: 1023px) {
-  ._quote_1r8g1_1 p {
-    font-weight: 600;
-  }
-}
+._quote_spacer_1mzku_1 {
+  line-height: 1.35;
+  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
+  margin-inline: auto;
+}
+
+._author_1mzku_7,
+._quote_1mzku_1 {
+  color: #333d46;
+}
+
+._author_1mzku_7 {
+  text-align: right;
+  margin-top: 18px;
+}
+
+._author_1mzku_7 cite {
+  font-style: normal;
+}
+
+._quote_spacer_1mzku_1 .img_fluid {
+  margin-right: 24px;
+  transform: rotateY(180deg) scaleY(-1);
+}
+
+._quote_spacer_1mzku_1 .flex_row {
+  align-items: flex-start;
+}
+
+._quote_1mzku_1 p {
+  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
+  font-style: italic;
+  line-height: 1.2;
+}
+
+@media (max-width: 768px) {
+  ._quote_spacer_1mzku_1 .img_fluid {
+    max-width: 30px;
+    margin-right: 12px;
+  }
+  ._author_1mzku_7 {
+    margin-top: 14px;
+  }
+  ._quote_1mzku_1 p {
+    font-size: 18px;
+  }
+  ._author_1mzku_7 cite {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 500px) {
+  ._author_1mzku_7 {
+    margin-top: 12px;
+  }
+}
+
+@media (min-width: 604px) {
+  ._quote_spacer_1mzku_1 {
+    width: min(calc(100% - 2rem), 792px);
+  }
+}
+
+@media (min-width: 1023px) {
+  ._quote_1mzku_1 p {
+    font-weight: 600;
+  }
+}

package/dist/assets/Forms/QuickPricer/QuickPricerResults.css

@@ -0,0 +1,12 @@
+._1eisah00 {
+  display: flex;
+}
+._1eisah01 {
+  color: white !important;
+  background: linear-gradient(47.5deg, #051A3F 0%, #1E3860 52.51%, #4D85B0 100%) !important;
+}
+@media screen and (max-width: 980px) {
+  ._1eisah00 {
+    flex-direction: column;
+  }
+}

package/dist/assets/Forms/QuickPricer/UserInformation.css

@@ -0,0 +1,78 @@
+.uw98ur0 {
+  min-height: 250px;
+  margin-bottom: 24px;
+}
+.uw98ur1 {
+  background: white;
+  border-radius: 16px;
+  max-width: 408px;
+  height: 650px;
+  margin-right: 16px;
+  margin-left: 16px;
+}
+.uw98ur2 {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+  padding-top: 24px;
+}
+.uw98ur3 {
+  border-radius: 10px;
+  width: 256px;
+  height: 270px;
+}
+.uw98ur4 {
+  padding: 0 24px;
+  width: 100%;
+}
+.uw98ur5 {
+  border: 1px solid #EBEBEB;
+}
+.uw98ur6 {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  width: 100%;
+  text-align: center;
+  margin-top: auto;
+  gap: 24px;
+  flex-wrap: wrap;
+  padding: 0 24px;
+}
+.uw98ur7 {
+  margin-bottom: 2rem;
+}
+@media screen and (max-width: 960px) {
+  .uw98ur0 {
+    display: flex;
+    justify-content: center;
+    padding-top: 2.5rem;
+  }
+  .uw98ur1 {
+    width: 100%;
+  }
+  .uw98ur2 {
+    padding-top: 0;
+  }
+}
+@media screen and (max-width:768px) {
+  .uw98ur2 {
+    line-height: 1.29;
+  }
+}
+@media screen and (max-width: 280px) {
+  .uw98ur3 {
+    transform: scale(0.7);
+  }
+}
+@media screen and (max-width: 380px) {
+  .uw98ur6:first-child {
+    margin-bottom: 1em;
+  }
+}
+@media screen and (max-width: 1024px) {
+  .uw98ur7 {
+    margin-bottom: 0;
+  }
+}

package/dist/assets/Input/DatePicker.css

@@ -0,0 +1,95 @@
+.react-date-picker {
+  width: 100%;
+}
+.react-date-picker__wrapper {
+  border: none !important;
+}
+.react-calendar__month-view__weekdays__weekday {
+  width: 45px;
+  height: 22px;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  font-family: var(--main-font-family);
+  font-weight: 500;
+  letter-spacing: 0.2px;
+  justify-content: center;
+}
+.react-calendar__month-view__weekdays__weekday {
+  font-size: 12px;
+  line-height: 16;
+  color: #2F5B88;
+}
+.react-calendar__month-view__weekdays__weekday > abbr {
+  text-decoration: none;
+}
+.react-calendar__month-view__days__day {
+  width: 49px;
+  height: 49px;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.react-calendar__month-view__days__day > abbr {
+  font-family: var(--main-font-family) !important;
+  font-weight: 500;
+  letter-spacing: 0.2px;
+  color: #051A3F;
+}
+.react-date-picker__inputGroup__input, .react-date-picker__inputGroup__divider {
+  color: #5E6A74 !important;
+}
+.react-date-picker__clear-button {
+  display: none;
+}
+.react-calendar__navigation__label__labelText {
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 36px;
+  letter-spacing: 0.2px;
+  color: #1E3860;
+  font-family: var(--header-font-family);
+}
+.react-datepicker-popper {
+  transform: translateY(40px)!important;
+}
+.react-calendar__month-view__days__day--neighboringMonth {
+  background-color: #F4F4F4 !important;
+  opacity: 50%;
+}
+.react-calendar__month-view__days__day--neighboringMonth > abbr {
+  color: #5E6A74;
+}
+.react-calendar__tile--active > abbr {
+  color: white;
+}
+.react-calendar {
+  border: 12px solid #FFFFFF4D !important;
+  border-radius: 4px;
+}
+.react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button {
+  display: none;
+}
+.react-date-picker__calendar {
+  max-width: 100% !important;
+}
+.react-date-picker__inputGroup__input:focus-visible {
+  outline: none;
+}
+.react-date-picker__inputGroup__input:invalid {
+  background: transparent !important;
+}
+@media screen and (max-width:320px) {
+  .react-calendar__month-view__weekdays__weekday {
+    width: 43.5px;
+  }
+  .react-calendar__month-view__days__day {
+    width: 43.5px;
+  }
+}
+@media screen and (max-width:400px) {
+  .react-calendar__navigation .react-calendar__navigation__prev-button, .react-calendar__navigation .react-calendar__navigation__next-button {
+    min-width: auto;
+  }
+}

package/dist/assets/Input/InputDate.css

@@ -0,0 +1,39 @@
+.skzved0 {
+  position: relative;
+}
+.skzved1 {
+  position: relative;
+  top: 5px;
+  left: 5px;
+}
+.skzved2 {
+  width: 100px;
+  padding-left: 5px;
+  padding-right: 5px;
+  line-height: 28px;
+  font-size: 14pt;
+}
+.skzved3 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.skzved4 {
+  display: block;
+  background: #FFFFFF;
+  width: 300px;
+  border: solid 1px #CCCCCC;
+  margin: 10px auto;
+  box-shadow: 0 0 15px 0 #C0C0C0;
+  font-size: 1.3rem;
+  text-align: center;
+  z-index: 999;
+}
+.skzved4 .skzved5 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #FFFFFF;
+  cursor: default;
+  font-weight: bold;
+}

package/dist/assets/globals.css

@@ -266,6 +266,9 @@ p:empty {
 ul:empty {
   display: none;
 }
+.margin_block {
+  margin: 1rem 0;
+}
 @media screen and (max-width: 1023px) {
   .containment {
     width: min(45rem, calc(100% - 4rem));