@axos-web-dev/shared-components 1.0.85 → 1.0.86

package/dist/Calculators/BuyDownCalculator/index.js

@@ -622,7 +622,7 @@ const BuyDownCalculator = ({
                         id: "mooringOutsideContinentalUS",
                         ...register("mooringOutsideContinentalUS"),
                         value: 0.5,
-                        radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\n                                    +0.500",
+                        radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\r\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\r\n                                    +0.500",
                         groupName: "dependentInputs",
                         disabled: disableMooringOutside
                       }

package/dist/assets/IconBillboard/IconBillboard.css

@@ -104,6 +104,9 @@
 ._1r4ovbui > p {
   margin-top: 8px;
 }
+._1r4ovbuj {
+  text-wrap: pretty;
+}
 ._1r4ovbuk {
   background: var(--_1073cm84);
   background-clip: text;

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -48,6 +48,9 @@
 ._18ygy9m5 .billboard {
   width: 100%;
 }
+._1m7m2a8 {
+  display: inline-block;
+}
 ._1073cm80 ._1m7m2a9 {
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
@@ -268,6 +271,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
 .stacked {
   gap: 56px;
 }
+.stacked:first-child {
+  padding-top: 56px;
+}
 .stacked > .billboard {
   grid-column: 1;
 }
@@ -386,6 +392,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   ._1m7m2ao {
     max-width: 100%;
   }
+  ._1m7m2ax._1m7m2a0 {
+    flex-direction: column-reverse;
+  }
   ._1m7m2a1f {
     display: block;
     padding-top: 85px;
@@ -409,9 +418,7 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   ._1m7m2ax ._1m7m2ao {
     text-align: center;
     padding-inline: 14px;
-  }
-  ._1m7m2ax:not(.reversed) ._1m7m2ao {
-    padding-bottom: 0;
+    padding-block: 0 1.5rem;
   }
   ._1m7m2ax ._1m7m2ao :is(ul,ol) {
     text-align: left;
@@ -432,7 +439,7 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
     margin-bottom: 42px;
   }
   ._1m7m2a1e {
-    width: auto;
+    width: min(475px, 100%);
   }
   ._1m7m2a1g {
     width: min(592px, 100%);
@@ -442,6 +449,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
     padding: 32px;
     width: min(33rem, calc(100% - 2rem));
   }
+  ._1m7m2a1g .billboard:not(.reversed) {
+    flex-direction: column-reverse;
+  }
   ._1m7m2a1g ._1m7m2aj img {
     object-fit: cover;
   }
@@ -454,6 +464,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   .stacked {
     gap: 42px;
   }
+  .stacked:first-child {
+    padding-top: 42px;
+  }
   .section_spacer:has(> ._1m7m2ax) {
     padding-block: 42px;
   }
@@ -471,6 +484,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   .stacked {
     gap: 2rem;
   }
+  .stacked:first-child {
+    padding-top: 2rem;
+  }
   .section_spacer:has(> ._1m7m2ax) {
     padding-block: 2rem;
   }
@@ -544,11 +560,6 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
     padding: 48px;
   }
 }
-@media screen and (max-width: 1024px) {
-  ._1m7m2a1g .billboard:not(.reversed) {
-    flex-direction: column-reverse;
-  }
-}
 @media screen and (max-width: 550px) {
   ._1m7m2a1h {
     right: 1.65rem;

package/dist/assets/utils/optimizeImage/optimizeImage.css.css

@@ -1,47 +1,47 @@
-@keyframes _shimmer_1cu2x_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._loader_1cu2x_19 {
-  height: 100%;
-  width: 100%;
-  inset: 0;
-}
-
-._loading_1cu2x_31 {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: #1e3860;
-}
-
-._1es6o1h0 ._loading_1cu2x_31 {
-  background-color: var(--_1073cm8f);
-}
-
-.fl2fv50 ._loading_1cu2x_31 {
-  background-color: #28587d;
-}
-
-._loading_1cu2x_31::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_1cu2x_1 1.3s infinite linear;
-  z-index: 1;
-}
+@keyframes _shimmer_pwl74_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._loader_pwl74_10 {
+  height: 100%;
+  width: 100%;
+  inset: 0;
+}
+
+._loading_pwl74_16 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #1e3860;
+}
+
+._1es6o1h0 ._loading_pwl74_16 {
+  background-color: var(--_1073cm8f);
+}
+
+.fl2fv50 ._loading_pwl74_16 {
+  background-color: #28587d;
+}
+
+._loading_pwl74_16::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_pwl74_1 1.3s infinite linear;
+  z-index: 1;
+}

package/dist/utils/optimizeImage/optimizeImage.module.js

@@ -1,6 +1,6 @@
-import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_1cu2x_19";
-const loading = "_loading_1cu2x_31";
-const shimmer = "_shimmer_1cu2x_1";
+import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_pwl74_10";
+const loading = "_loading_pwl74_16";
+const shimmer = "_shimmer_pwl74_1";
 const css = {
   loader,
   loading,

package/package.json

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