@wise/dynamic-flow-client 5.18.0 → 5.18.2

package/build/main.css

@@ -52,6 +52,37 @@
     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);
+  }
+
+  .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-xs {
+    width: 33.33%;
+  }
+
+  .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-sm {
+    width: 50%;
+  }
+
+  .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-md {
+    width: 66.66%;
+  }
+
+  .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-lg {
+    width: 83.33%;
+  }
+}
 .df-columns-renderer-container {
   display: flex;
   gap: var(--size-4);
@@ -137,13 +168,6 @@
     width: 300px;
   }
 }
-/**
-  * This speficies 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.
- */
-.df-prefer-container-queries {
-  container-type: inline-size;
-}
 /* narrow container */
 @container (max-width: 576px) {
   .df-image.xs img.df-reserve-space {
@@ -162,6 +186,9 @@
     width: 300px;
   }
 }
+.df-markdown> :last-child {
+  margin-bottom: 0px;
+}
 .df-media-layout-avatar {
   display: flex;
 }
@@ -230,3 +257,10 @@
   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.
+ */
+.df-prefer-container-queries {
+  container-type: inline-size;
+}