@axos-web-dev/shared-components 1.0.77-patch.66 → 1.0.77-patch.68

package/dist/assets/globals.css

@@ -1,3 +1,4 @@
+@layer globals;
 * {
   box-sizing: border-box;
   margin: 0;
@@ -27,7 +28,6 @@ li p, p:last-child, p:only-child {
 .containment {
   box-sizing: border-box;
   margin-inline: auto;
-  width: min(1200px, calc(100% - 4rem));
 }
 .section_spacer {
   margin-top: 3.5rem;
@@ -43,9 +43,6 @@ span#personalized-refi-table:has(*) {
 .page_body_contents > div:first-child > .billboard {
   margin-top: 3.5rem;
 }
-.flex, [class*='flex_'] {
-  display: flex;
-}
 .flex_row {
   flex-direction: row;
 }
@@ -91,10 +88,6 @@ span#personalized-refi-table:has(*) {
 .text_center {
   text-align: center;
 }
-.rounded {
-  border-radius: 1rem;
-  overflow: hidden;
-}
 .overflow_hidden {
   overflow: hidden;
 }
@@ -249,18 +242,39 @@ p:empty, ul:empty {
 .margin_block {
   margin: 1rem 0;
 }
-@media screen and (max-width: 1023px) {
+@layer globals {
   .containment {
-    width: min(45rem, calc(100% - 4rem));
+    width: min(1200px, calc(100% - 4rem));
+  }
+  .flex, [class*='flex_'] {
+    display: flex;
+  }
+  .rounded {
+    border-radius: 1rem;
+    overflow: hidden;
+  }
+  @media screen and (max-width: 1023px) {
+    .containment {
+      width: min(45rem, calc(100% - 4rem));
+    }
+  }
+  @media screen and (max-width: 768px) {
+    .containment {
+      width: min(33.75rem, calc(100% - 4rem));
+    }
   }
+  @media screen and (max-width: 603px) {
+    .containment {
+      width: calc(100% - 2rem);
+    }
+  }
+}
+@media screen and (max-width: 1023px) {
   .section_spacer {
     margin-top: 42px;
   }
 }
 @media screen and (max-width: 768px) {
-  .containment {
-    width: min(33.75rem, calc(100% - 4rem));
-  }
   .section_spacer {
     margin-top: 2rem;
   }
@@ -268,11 +282,6 @@ p:empty, ul:empty {
     padding: 32px 28px;
   }
 }
-@media screen and (max-width: 603px) {
-  .containment {
-    width: calc(100% - 2rem);
-  }
-}
 @media screen and (max-width:1280px) {
   .header_2 {
     font-size: 2rem;

package/dist/main.js

@@ -106,7 +106,7 @@ import { WCPLSurvey } from "./Forms/WcplSurvey.js";
 import { BoatMooringLocation } from "./Forms/BoatMooringLocation.js";
 import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle/HelpArticle.css.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
-import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
+import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image, xl } from "./HeroBanner/HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
 import { Hyperlink } from "./Hyperlink/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
@@ -859,5 +859,6 @@ export {
   windowStyle,
   wrapper,
   x_input,
-  xc_input
+  xc_input,
+  xl
 };

package/dist/utils/getPosition.d.ts

@@ -0,0 +1 @@
+export declare const getPosition: (text: string | undefined) => "default" | "top left" | "top right" | "bottom left" | "bottom right";

package/dist/utils/getPosition.js

@@ -0,0 +1,17 @@
+const getPosition = (text) => {
+  switch (text) {
+    case "top left":
+      return "top left";
+    case "top right":
+      return "top right";
+    case "bottom left":
+      return "bottom left";
+    case "bottom right":
+      return "bottom right";
+    default:
+      return "default";
+  }
+};
+export {
+  getPosition
+};

package/dist/utils/variant.types.d.ts

@@ -6,3 +6,4 @@ export type SideProps = "left" | "right";
 export type StarIconTypes = "gold" | "gray";
 export declare const columnValues: readonly [1, 2, 3, 4, undefined];
 export type ColumnTypes = (typeof columnValues)[number];
+export type AnchorPointTypes = "default" | "top left" | "top right" | "bottom left" | "bottom right";

package/package.json

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