@designcrowd/library.brand-page 5.18.3-button-fix-1 → 5.18.3-undo-35

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

@@ -4307,12 +4307,6 @@ a.maker-anchor {
             justify-content: flex-end;
   }
 
-  .lg\:tw-justify-center {
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-  }
-
   .lg\:tw-gap-4 {
     gap: 1rem;
   }
@@ -6037,7 +6031,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-dff82fb8] {
+.c-button[data-v-1cc1be4f] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -6048,70 +6042,61 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-
-/* Shape-library icons (vector, nested in .c-shape, no class on the img):
-   render at the default icon size, centered in normal flow like the SVG icons. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img {
+.bp-button[data-v-1cc1be4f] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
-  width: var(--icon-w);
-  height: var(--icon-h);
-}
-
-/* Raster image thumbnails (FallbackImage renders <img class="c-image">):
-   render larger/prominent and centered over the icon slot. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
+  --icon-img-offset-x: calc((var(--button-p-x) - var(--button-p-y)) * 2);
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
-  left: calc(var(--icon-img-size) / -2 + var(--icon-w) / 2);
+  left: calc(var(--icon-img-size) / -2 + var(--icon-img-offset-x));
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-dff82fb8] {
+.c-button--disabled[data-v-1cc1be4f] {
   pointer-events: none;
 }
-.c-button[data-v-dff82fb8]:hover .c-button__label p {
+.c-button[data-v-1cc1be4f]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-1cc1be4f] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-dff82fb8] .c-button__icon-img {
+.bp-button[data-v-1cc1be4f] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-dff82fb8] {
+.c-button__label[data-v-1cc1be4f] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-dff82fb8] {
+.c-button__label--offset-sm[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-dff82fb8] {
+.c-button__label--offset-md[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-dff82fb8] {
+.c-button__label--offset-lg[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-dff82fb8] {
+.c-button__no-icon[data-v-1cc1be4f] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
+.device-wrapper--mobile .c-button__icon[data-v-1cc1be4f] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-1cc1be4f] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -6491,57 +6476,57 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.form-error[data-v-e408a650] {
+.form-error[data-v-b05afa44] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.contact-container[data-v-e408a650] {
+.contact-container[data-v-b05afa44] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c-text-padding[data-v-e408a650] {
+.c-text-padding[data-v-b05afa44] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.device-wrapper--mobile .c-divided-container[data-v-e408a650] {
+.device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device-wrapper--mobile .c-divided-container-reverse[data-v-e408a650] {
+.device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.c-button-full[data-v-e408a650] {
+.c-button-full[data-v-b05afa44] {
     width: 100%;
 }
-.c-col-span-2[data-v-e408a650] {
+.c-col-span-2[data-v-b05afa44] {
     grid-column: span 2 / span 2;
 }
-.c-mobile-padding[data-v-e408a650] {
+.c-mobile-padding[data-v-b05afa44] {
     padding: 1rem;
 }
-.c-text-padding[data-v-e408a650] {
+.c-text-padding[data-v-b05afa44] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.c-py-6[data-v-e408a650] {
+.c-py-6[data-v-b05afa44] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.c-divided-container[data-v-e408a650] {
+.c-divided-container[data-v-b05afa44] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-divided-container-reverse[data-v-e408a650] {
+.c-divided-container-reverse[data-v-b05afa44] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6549,16 +6534,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.c-aspect-square[data-v-e408a650] {
+.c-aspect-square[data-v-b05afa44] {
     aspect-ratio: 1 / 1;
 }
-.c-divided-container[data-v-e408a650] {
+.c-divided-container[data-v-b05afa44] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-divided-container-reverse[data-v-e408a650] {
+.c-divided-container-reverse[data-v-b05afa44] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
@@ -9005,7 +8990,7 @@ body {
   display: none;
 }
 
-.c-gallery-figure[data-v-b07a625b] {
+.c-gallery-figure[data-v-0aaf173c] {
 
     position: relative;
 
@@ -9021,7 +9006,7 @@ body {
 
     border-color: rgb(208 208 208 / var(--tw-border-opacity))
 }
-.c-gallery-image__delete[data-v-b07a625b] {
+.c-gallery-image__delete[data-v-0aaf173c] {
 
     cursor: pointer;
 
@@ -9052,7 +9037,7 @@ body {
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
 @media (hover: hover) and (pointer: fine) {
-.c-gallery-image__delete[data-v-b07a625b]:hover {
+.c-gallery-image__delete[data-v-0aaf173c]:hover {
 
         --tw-text-opacity: 1;
 
@@ -9576,7 +9561,17 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   background-attachment: scroll !important;
 }
 
-.c-quick-links[data-v-396202a1] {
+.c-undo-button-tooltip[data-v-10e293db] .shared-tooltip__body {
+  width: auto;
+  padding: 4px 8px;
+}
+
+.c-redo-button-tooltip[data-v-384a6580] .shared-tooltip__body {
+  width: auto;
+  padding: 4px 8px;
+}
+
+.c-quick-links[data-v-41f695bf] {
   left: 0px;
   z-index: 30;
   width: 100%;
@@ -9917,7 +9912,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-c1609344] {
+.c-brand-page-maker[data-v-4911d919] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9927,10 +9922,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-c1609344] {
+.c-brand-page-maker__inner[data-v-4911d919] {
   height: 100%;
 }
-.c-save-bar[data-v-c1609344] {
+.c-save-bar[data-v-4911d919] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9952,7 +9947,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-c1609344] {
+.c-save-bar--visible[data-v-4911d919] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9962,11 +9957,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-c1609344] {
+.c-brand-page-maker[data-v-4911d919] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-c1609344] {
+.c-brand-page-maker__inner[data-v-4911d919] {
     height: 100%;
 }
 }

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

@@ -4026,11 +4026,6 @@ a:not(.tw-lowercase) {
             -ms-flex-pack: end;
                 justify-content: flex-end
     }
-    .lg\:tw-justify-center {
-        -webkit-box-pack: center;
-            -ms-flex-pack: center;
-                justify-content: center
-    }
     .lg\:tw-gap-4 {
         gap: 1rem
     }
@@ -5733,7 +5728,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-dff82fb8] {
+.c-button[data-v-1cc1be4f] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5744,70 +5739,61 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-
-/* Shape-library icons (vector, nested in .c-shape, no class on the img):
-   render at the default icon size, centered in normal flow like the SVG icons. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img {
+.bp-button[data-v-1cc1be4f] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
-  width: var(--icon-w);
-  height: var(--icon-h);
-}
-
-/* Raster image thumbnails (FallbackImage renders <img class="c-image">):
-   render larger/prominent and centered over the icon slot. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
+  --icon-img-offset-x: calc((var(--button-p-x) - var(--button-p-y)) * 2);
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
-  left: calc(var(--icon-img-size) / -2 + var(--icon-w) / 2);
+  left: calc(var(--icon-img-size) / -2 + var(--icon-img-offset-x));
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-dff82fb8] {
+.c-button--disabled[data-v-1cc1be4f] {
   pointer-events: none;
 }
-.c-button[data-v-dff82fb8]:hover .c-button__label p {
+.c-button[data-v-1cc1be4f]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-1cc1be4f] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-dff82fb8] .c-button__icon-img {
+.bp-button[data-v-1cc1be4f] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-dff82fb8] {
+.c-button__label[data-v-1cc1be4f] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-dff82fb8] {
+.c-button__label--offset-sm[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-dff82fb8] {
+.c-button__label--offset-md[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-dff82fb8] {
+.c-button__label--offset-lg[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-dff82fb8] {
+.c-button__no-icon[data-v-1cc1be4f] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
+.device-wrapper--mobile .c-button__icon[data-v-1cc1be4f] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-1cc1be4f] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -6187,57 +6173,57 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.form-error[data-v-e408a650] {
+.form-error[data-v-b05afa44] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.contact-container[data-v-e408a650] {
+.contact-container[data-v-b05afa44] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c-text-padding[data-v-e408a650] {
+.c-text-padding[data-v-b05afa44] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.device-wrapper--mobile .c-divided-container[data-v-e408a650] {
+.device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device-wrapper--mobile .c-divided-container-reverse[data-v-e408a650] {
+.device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.c-button-full[data-v-e408a650] {
+.c-button-full[data-v-b05afa44] {
     width: 100%;
 }
-.c-col-span-2[data-v-e408a650] {
+.c-col-span-2[data-v-b05afa44] {
     grid-column: span 2 / span 2;
 }
-.c-mobile-padding[data-v-e408a650] {
+.c-mobile-padding[data-v-b05afa44] {
     padding: 1rem;
 }
-.c-text-padding[data-v-e408a650] {
+.c-text-padding[data-v-b05afa44] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.c-py-6[data-v-e408a650] {
+.c-py-6[data-v-b05afa44] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.c-divided-container[data-v-e408a650] {
+.c-divided-container[data-v-b05afa44] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-divided-container-reverse[data-v-e408a650] {
+.c-divided-container-reverse[data-v-b05afa44] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6245,16 +6231,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.c-aspect-square[data-v-e408a650] {
+.c-aspect-square[data-v-b05afa44] {
     aspect-ratio: 1 / 1;
 }
-.c-divided-container[data-v-e408a650] {
+.c-divided-container[data-v-b05afa44] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-divided-container-reverse[data-v-e408a650] {
+.c-divided-container-reverse[data-v-b05afa44] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
@@ -8701,7 +8687,7 @@ body {
   display: none;
 }
 
-.c-gallery-figure[data-v-b07a625b] {
+.c-gallery-figure[data-v-0aaf173c] {
 
     position: relative;
 
@@ -8717,7 +8703,7 @@ body {
 
     border-color: rgb(209 209 209 / var(--tw-border-opacity))
 }
-.c-gallery-image__delete[data-v-b07a625b] {
+.c-gallery-image__delete[data-v-0aaf173c] {
 
     cursor: pointer;
 
@@ -8748,7 +8734,7 @@ body {
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
 @media (hover: hover) and (pointer: fine) {
-.c-gallery-image__delete[data-v-b07a625b]:hover {
+.c-gallery-image__delete[data-v-0aaf173c]:hover {
 
         --tw-text-opacity: 1;
 
@@ -9272,7 +9258,17 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   background-attachment: scroll !important;
 }
 
-.c-quick-links[data-v-396202a1] {
+.c-undo-button-tooltip[data-v-10e293db] .shared-tooltip__body {
+  width: auto;
+  padding: 4px 8px;
+}
+
+.c-redo-button-tooltip[data-v-384a6580] .shared-tooltip__body {
+  width: auto;
+  padding: 4px 8px;
+}
+
+.c-quick-links[data-v-41f695bf] {
   left: 0px;
   z-index: 30;
   width: 100%;
@@ -9613,7 +9609,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-c1609344] {
+.c-brand-page-maker[data-v-4911d919] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9623,10 +9619,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-c1609344] {
+.c-brand-page-maker__inner[data-v-4911d919] {
   height: 100%;
 }
-.c-save-bar[data-v-c1609344] {
+.c-save-bar[data-v-4911d919] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9648,7 +9644,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-c1609344] {
+.c-save-bar--visible[data-v-4911d919] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9658,11 +9654,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-c1609344] {
+.c-brand-page-maker[data-v-4911d919] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-c1609344] {
+.c-brand-page-maker__inner[data-v-4911d919] {
     height: 100%;
 }
 }