@wise/dynamic-flow-client 5.19.0 → 5.19.1

package/build/main.css

@@ -4,16 +4,19 @@
   border-radius: var(--radius-medium);
   padding: var(--size-16);
 }
+
 .df-box-renderer-fixed-width {
   display: flex;
   justify-content: center;
 }
+
 .df-box-renderer-width-xs,
 .df-box-renderer-width-sm,
 .df-box-renderer-width-md,
 .df-box-renderer-width-lg {
   width: 100%;
 }
+
 @media screen and (width >=768px) {
   .df-box-renderer-border {
     padding: var(--size-24);
@@ -35,6 +38,7 @@
     width: 83.33%;
   }
 }
+
 @media screen and (width >=990px) {
   .df-box-renderer-width-xs {
     width: 25%;
@@ -52,16 +56,20 @@
     width: 66.66%;
   }
 }
+
 /* container queries (when .df-prefer-container-queries is set on a parent) */
+
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-border {
   padding: var(--size-16);
 }
+
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-xs,
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-sm,
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-md,
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-lg {
   width: 100%;
 }
+
 @container (min-width: 480px) {
   .df-prefer-container-queries .df-box-renderer.df-box-renderer-border {
     padding: var(--size-24);
@@ -88,15 +96,18 @@
   gap: var(--size-4);
   flex-direction: column;
 }
+
 .df-columns-renderer-column,
 .df-columns-renderer-bias-start .df-columns-renderer-column:nth-child(2),
 .df-columns-renderer-bias-end .df-columns-renderer-column:nth-child(1) {
   flex: 1;
 }
+
 .df-columns-renderer-bias-start .df-columns-renderer-column:nth-child(1),
 .df-columns-renderer-bias-end .df-columns-renderer-column:nth-child(2) {
   flex: 2;
 }
+
 @media (width >=768px) {
   .df-columns-renderer-container {
     flex-direction: row;
@@ -106,21 +117,26 @@
 .df-image .df-illustration {
   padding: 0;
 }
+
 .df-image {
   display: flex;
 }
+
 .df-image.start {
   justify-content: start;
   align-items: start;
 }
+
 .df-image.center {
   justify-content: center;
   align-items: center;
 }
+
 .df-image.end {
   justify-content: end;
   align-items: end;
 }
+
 .df-image img.df-reserve-space {
   width: 100%;
   /*
@@ -131,25 +147,32 @@
   aspect-ratio: auto 1 / 1;
   height: auto;
 }
+
 .df-image img:not([src]) {
   visibility: hidden;
 }
+
 /* wide screens (or default) */
 .df-image.xs img.df-reserve-space {
   width: 100px;
 }
+
 .df-image.sm img.df-reserve-space {
   width: 200px;
 }
+
 .df-image.md img.df-reserve-space {
   width: 300px;
 }
+
 .df-image.lg img.df-reserve-space {
   width: 500px;
 }
+
 .df-image.xl img.df-reserve-space {
   max-width: 600px;
 }
+
 /* narrow screens */
 @media (width <576px) {
   .df-image.xs img.df-reserve-space {
@@ -168,6 +191,7 @@
     width: 300px;
   }
 }
+
 /* narrow container */
 @container (max-width: 576px) {
   .df-image.xs img.df-reserve-space {
@@ -192,14 +216,17 @@
 .df-media-layout-avatar {
   display: flex;
 }
+
 .df-media-layout-avatar.start {
   justify-content: start;
   align-items: start;
 }
+
 .df-media-layout-avatar.center {
   justify-content: center;
   align-items: center;
 }
+
 .df-media-layout-avatar.end {
   justify-content: end;
   align-items: end;
@@ -224,13 +251,16 @@
   padding: var(--size-16) 0;
   background-color: var(--color-background-screen);
 }
+
 /* If we're in a drawer, we need to account for the bottom padding on the drawer content */
 .np-drawer-content .df-step-fixed__footer {
   bottom: -16px;
 }
+
 .tw-modal-body--scrollable .df-step-fixed__footer {
   bottom: -24px;
 }
+
 .df-modal .df-back-button {
   position: fixed;
   top: 24px;
@@ -248,15 +278,18 @@
   display: block !important;
   /* left-aligned by default */
 }
+
 .df-button.circular {
   display: flex;
   justify-content: center;
 }
+
 .df-button.small.align-center {
   display: block !important;
   margin-left: auto;
   margin-right: auto;
 }
+
 /**
   * This specifies the container for container queries about width.
   * We don't use it by default, but integrations can specify it using the className prop in the DF component.