@designcrowd/library.brand-page 5.17.27-shape-memory-2 → 5.17.28-ast-padding

package/lib/src/css/library.brand-page-preview.min.css

@@ -5271,14 +5271,14 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       flex-shrink: 0;
 }
 
-.bp .c-shape-background[data-v-5bc062de] {
+.bp .c-shape-background[data-v-51358a1a] {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
-.bp .c-shape[data-v-5bc062de] {
+.bp .c-shape[data-v-51358a1a] {
   fill: currentColor;
 }
 
@@ -5295,80 +5295,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
-.bp .c-shape[data-v-e966ad0d] {
+.bp .c-shape[data-v-11f3a516] {
   fill: currentColor;
 }
 
-.bp .c-placeholder[data-v-51d8de03] {
+.bp .c-placeholder[data-v-6ed918ee] {
   background-color: #fff;
   display: block;
 }
-.bp .c-placeholder__content[data-v-51d8de03] {
+
+/*
+ * Provide a positioning context for the absolute SVG icon — but only when the
+ * caller hasn't already positioned the placeholder itself. Some callers pass
+ * `tw-absolute` (e.g. the big-image banner uses it to fill the banner as a
+ * background); a blanket `position: relative` here would out-specify that
+ * utility and break the layout. An already-positioned placeholder is its own
+ * containing block, so the SVG fills it either way.
+ */
+.bp .c-placeholder[data-v-6ed918ee]:not(.tw-absolute):not(.tw-fixed) {
   position: relative;
-  display: block;
 }
-.bp .c-placeholder__content[data-v-51d8de03]::after {
-  --size: 1px;
-  --n-size: -1px;
-  --border: calc(var(--n-size) * 2 + var(--height) / 2);
-  --border-left: calc(var(--n-size) * 2 + var(--width) / 2);
-  --tw-border-opacity: 0.5;
-  position: absolute;
-  top: calc(var(--size) * 2);
-  left: var(--size);
-  content: ' ';
-  border-top: var(--border) solid transparent;
-  border-bottom: var(--border) solid transparent;
-  border-left: var(--border-left) solid
-    rgb(208 208 208 / var(--tw-border-opacity));
-}
-.bp .c-placeholder__content[data-v-51d8de03]::before {
-  --size: 1px;
-  --n-size: -1px;
-  --border: calc(var(--n-size) * 2 + var(--height) / 2);
-  --border-right: calc(var(--n-size) * 2 + var(--width) / 2);
-  --tw-border-opacity: 0.5;
-  position: absolute;
-  top: calc(var(--size) * 2);
-  right: var(--size);
-  content: ' ';
-  border-top: var(--border) solid transparent;
-  border-bottom: var(--border) solid transparent;
-  border-right: var(--border-right) solid
-    rgb(208 208 208 / var(--tw-border-opacity));
-}
-.bp .c-placeholder[data-v-51d8de03]::after {
-  --size: 1px;
-  --n-size: -1px;
-  --border: calc(var(--n-size) * 2 + var(--width) / 2);
-  --border-right: calc(var(--n-size) * 2 + var(--height) / 2);
-  --tw-border-opacity: 0.5;
-  position: absolute;
-  left: calc(var(--size) * 2);
-  top: var(--size);
-  content: ' ';
-  border-left: var(--border) solid transparent;
-  border-right: var(--border) solid transparent;
-  border-top: var(--border-right) solid
-    rgb(208 208 208 / var(--tw-border-opacity));
-}
-.bp .c-placeholder[data-v-51d8de03]::before {
-  --size: 1px;
-  --n-size: -1px;
-  --border: calc(var(--n-size) * 2 + var(--width) / 2);
-  --border-bottom: calc(var(--n-size) * 2 + var(--height) / 2);
-  --tw-border-opacity: 0.5;
+
+/*
+ * The X icon is drawn as an SVG with preserveAspectRatio="none" so the
+ * diagonals always run corner-to-corner regardless of the box aspect ratio
+ * (square thumbnails through full-width 2/1 banners). vector-effect keeps the
+ * stroke an even width while the viewBox is stretched non-uniformly. The SVG
+ * is absolutely positioned so it fills the box sized by min-height / the
+ * caller's aspect-ratio class rather than driving the height itself.
+ */
+.bp .c-placeholder__icon[data-v-6ed918ee] {
   position: absolute;
-  left: calc(var(--size) * 2);
-  bottom: var(--size);
-  content: ' ';
-  border-left: var(--border) solid transparent;
-  border-right: var(--border) solid transparent;
-  border-bottom: var(--border-bottom) solid
-    rgb(208 208 208 / var(--tw-border-opacity));
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
 }
-.bp .c-placeholder__content[data-v-51d8de03] > [data-v-51d8de03] {
-  padding-bottom: 0.5rem;
+.bp .c-placeholder__fill[data-v-6ed918ee] {
+  fill: rgb(208 208 208 / 0.5);
+}
+.bp .c-placeholder__icon line[data-v-6ed918ee] {
+  stroke: #fff;
+  stroke-width: 2;
+  vector-effect: non-scaling-stroke;
 }
 
 .bp .c-image {
@@ -5506,7 +5475,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   --logo-spacing: 0.75rem;
 }
 
-.bp .form-error[data-v-62c5e44b] {
+.bp .form-error[data-v-fc0a55a9] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
@@ -5517,14 +5486,14 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 100%;
 }
 
-.bp .c-map[data-v-1bb10416] {
+.bp .c-map[data-v-9f1160e6] {
   margin-bottom: 2.5rem;
   max-width: 100%;
 }
-.bp .c-map--brandsite[data-v-1bb10416] {
+.bp .c-map--brandsite[data-v-9f1160e6] {
   margin-top: 2.5rem;
 }
-.bp .c-map__googlemap[data-v-1bb10416] {
+.bp .c-map__googlemap[data-v-9f1160e6] {
   aspect-ratio: 16 / 9;
 }
 
@@ -5577,13 +5546,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   overflow-wrap: break-word;
 }
 
-.bp .c-text-container[data-v-f9a4ffd8] {
+.bp .c-text-container[data-v-41340eb9] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .device--mobile .grid-container[data-v-f9a4ffd8] {
+.bp .device--mobile .grid-container[data-v-41340eb9] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5593,7 +5562,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.bp .grid-container[data-v-f9a4ffd8] {
+.bp .grid-container[data-v-41340eb9] {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -5604,7 +5573,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 @media (min-width: 767px) {
-.bp .grid-container[data-v-f9a4ffd8] {
+.bp .grid-container[data-v-41340eb9] {
     display: grid;
 }
 }
@@ -5737,15 +5706,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 90vh
 }
 
-.bp .c-image-gallery[data-v-5ed761de] {
+.bp .c-image-gallery[data-v-449be7b3] {
   --image-size: 8rem;
   --image-spacing: 0.75rem;
 }
 @media (max-width: 1500px) {
-.bp .device-wrapper--desktop .c-carousel-width[data-v-5ed761de] {
+.bp .device-wrapper--desktop .c-carousel-width[data-v-449be7b3] {
     max-width: calc(59rem - (var(--page-padding) * 2));
 }
-.bp .device-wrapper--desktop .c-carousel-full-width[data-v-5ed761de] {
+.bp .device-wrapper--desktop .c-carousel-full-width[data-v-449be7b3] {
     max-width: 59rem;
 }
 }
@@ -5809,7 +5778,7 @@ select[data-v-14e7c7c7] {
   padding: 4px;
 }
 
-.bp .payment-option-prices[data-v-74073561] {
+.bp .payment-option-prices[data-v-88c49b68] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5820,7 +5789,7 @@ select[data-v-14e7c7c7] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap
 }
-.bp .payment-option-prices-thumbnail[data-v-74073561] {
+.bp .payment-option-prices-thumbnail[data-v-88c49b68] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5831,15 +5800,15 @@ select[data-v-14e7c7c7] {
   gap: 0.5rem
 }
 @media (min-width: 768px) {
-.bp .device--mobile .payment-options[data-v-74073561] {
+.bp .device--mobile .payment-options[data-v-88c49b68] {
     display: block
 }
 }
-.bp .device--mobile .payment-option[data-v-74073561] {
+.bp .device--mobile .payment-option[data-v-88c49b68] {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem
 }
-.bp .payment-width[data-v-74073561] {
+.bp .payment-width[data-v-88c49b68] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -5851,12 +5820,12 @@ select[data-v-14e7c7c7] {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.bp .c-video[data-v-373a5743] {
+.bp .c-video[data-v-3dac5093] {
   --video-size: 8rem;
   --video-spacing: 0.75rem;
   margin-bottom: 1rem;
 }
-.bp .c-video__frame[data-v-373a5743] {
+.bp .c-video__frame[data-v-3dac5093] {
   aspect-ratio: 16 / 9;
   border-radius: calc(var(--video-size) / 16);
   display: block;
@@ -5864,61 +5833,61 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.bp .form-error[data-v-eed30d71] {
+.bp .form-error[data-v-e7de4db0] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.bp .contact-container[data-v-eed30d71] {
+.bp .contact-container[data-v-e7de4db0] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .c-text-padding[data-v-eed30d71] {
+.bp .c-text-padding[data-v-e7de4db0] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.bp .device-wrapper--mobile .c-divided-container[data-v-eed30d71] {
+.bp .device-wrapper--mobile .c-divided-container[data-v-e7de4db0] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.bp .device-wrapper--mobile .c-divided-container-reverse[data-v-eed30d71] {
+.bp .device-wrapper--mobile .c-divided-container-reverse[data-v-e7de4db0] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.bp .c-button-full-width[data-v-eed30d71] {
+.bp .c-button-full-width[data-v-e7de4db0] {
     grid-column: span 2 / span 2;
     width: 100%;
 }
-.bp .c-button-full[data-v-eed30d71] {
+.bp .c-button-full[data-v-e7de4db0] {
     width: 100%;
 }
-.bp .c-col-span-2[data-v-eed30d71] {
+.bp .c-col-span-2[data-v-e7de4db0] {
     grid-column: span 2 / span 2;
 }
-.bp .c-mobile-padding[data-v-eed30d71] {
+.bp .c-mobile-padding[data-v-e7de4db0] {
     padding: 1rem;
 }
-.bp .c-text-padding[data-v-eed30d71] {
+.bp .c-text-padding[data-v-e7de4db0] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.bp .c-py-6[data-v-eed30d71] {
+.bp .c-py-6[data-v-e7de4db0] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.bp .c-divided-container[data-v-eed30d71] {
+.bp .c-divided-container[data-v-e7de4db0] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c-divided-container-reverse[data-v-eed30d71] {
+.bp .c-divided-container-reverse[data-v-e7de4db0] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -5926,16 +5895,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.bp .c-aspect-square[data-v-eed30d71] {
+.bp .c-aspect-square[data-v-e7de4db0] {
     aspect-ratio: 1 / 1;
 }
-.bp .c-divided-container[data-v-eed30d71] {
+.bp .c-divided-container[data-v-e7de4db0] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.bp .c-divided-container-reverse[data-v-eed30d71] {
+.bp .c-divided-container-reverse[data-v-e7de4db0] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
@@ -6221,40 +6190,40 @@ select[data-v-14e7c7c7] {
 }
 }
 
-.bp .c_text-media--items[data-v-2e839d0c] {
+.bp .c_text-media--items[data-v-a2d93984] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 2.5rem;
 }
-.bp .c_text-media--item[data-v-2e839d0c] {
+.bp .c_text-media--item[data-v-a2d93984] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 1.5rem;
 }
-.bp .c_text-media-container[data-v-2e839d0c] {
+.bp .c_text-media-container[data-v-a2d93984] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .c_text-media-padding[data-v-2e839d0c] {
+.bp .c_text-media-padding[data-v-a2d93984] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .c_text-media--shape[data-v-2e839d0c] {
+.bp .c_text-media--shape[data-v-a2d93984] {
   width: 25%;
 }
-.bp .device--mobile .c_text-media--items[data-v-2e839d0c] {
+.bp .device--mobile .c_text-media--items[data-v-a2d93984] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.bp .device--mobile .c_text-media--alternate[data-v-2e839d0c],
-.bp .device--mobile .c_text-media--shape[data-v-2e839d0c] {
+.bp .device--mobile .c_text-media--alternate[data-v-a2d93984],
+.bp .device--mobile .c_text-media--shape[data-v-a2d93984] {
   width: 100%;
 }
-.bp .device--mobile .c_text-media--alternate-container[data-v-2e839d0c] {
+.bp .device--mobile .c_text-media--alternate-container[data-v-a2d93984] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -6262,18 +6231,18 @@ select[data-v-14e7c7c7] {
 }
 .bp .device--mobile
   .c_text-media--items_direction
-  .c_text-media--item[data-v-2e839d0c]:nth-child(even) {
+  .c_text-media--item[data-v-a2d93984]:nth-child(even) {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.bp .c_text-media--alternate[data-v-2e839d0c],
-  .bp .c_text-media--shape[data-v-2e839d0c] {
+.bp .c_text-media--alternate[data-v-a2d93984],
+  .bp .c_text-media--shape[data-v-a2d93984] {
     width: 100%;
 }
-.bp .c_text-media--alternate-container[data-v-2e839d0c] {
+.bp .c_text-media--alternate-container[data-v-a2d93984] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
@@ -6282,7 +6251,7 @@ select[data-v-14e7c7c7] {
 }
 @media (min-width: 767px) {
 @media (min-width: 768px) {
-.bp .c_text-media--items_direction .c_text-media--item[data-v-2e839d0c]:nth-child(even) {
+.bp .c_text-media--items_direction .c_text-media--item[data-v-a2d93984]:nth-child(even) {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
           -ms-flex-direction: row-reverse;
@@ -6599,7 +6568,7 @@ select[data-v-14e7c7c7] {
 }
 }
 
-.bp .c_banner-container[data-v-bcef9bd4] {
+.bp .c_banner-container[data-v-ac0ea8f4] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-vkr7dfRD.js";
+import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-ro9XYcgh.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,