@membranehq/react 0.15.7 → 0.15.8

package/dist/esm/ui-kit/styled/utils/create-style-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.7
+ * v0.15.8
  */
 'use client';
 

package/dist/esm/ui-kit/switch.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.7
+ * v0.15.8
  */
 'use client';
 

package/dist/styles.css

@@ -3074,6 +3074,10 @@
     padding: var(--iap-spacing-0\.5);
 }
 
+  .iap-bd_1px_solid {
+    border: 1px solid;
+}
+
   .iap-bg_neutral\.2 {
     background: var(--iap-colors-neutral-2);
 }
@@ -3218,6 +3222,10 @@
     text-wrap: nowrap;
 }
 
+  .iap-trs_opacity_0\.15s {
+    transition: opacity 0.15s;
+}
+
   .iap-offset_0 {
     offset: 0;
 }
@@ -3609,6 +3617,26 @@
     font-weight: var(--iap-font-weights-normal);
 }
 
+  .iap-pos_absolute {
+    position: absolute;
+}
+
+  .iap-trf_translateY\(-50\%\) {
+    transform: translateY(-50%);
+}
+
+  .iap-z_1 {
+    z-index: 1;
+}
+
+  .iap-jc_center {
+    justify-content: center;
+}
+
+  .iap-c_fg\.subtle {
+    color: var(--iap-colors-fg-subtle);
+}
+
   .iap-d_inline-block {
     display: inline-block;
 }
@@ -3629,14 +3657,6 @@
     line-height: 1.2;
 }
 
-  .iap-c_fg\.subtle {
-    color: var(--iap-colors-fg-subtle);
-}
-
-  .iap-jc_center {
-    justify-content: center;
-}
-
   .iap-flex-sh_0 {
     flex-shrink: 0;
 }
@@ -3743,14 +3763,6 @@
     display: none;
 }
 
-  .iap-pos_absolute {
-    position: absolute;
-}
-
-  .iap-z_1 {
-    z-index: 1;
-}
-
   .iap-z_popover {
     z-index: var(--iap-z-index-popover);
 }
@@ -4261,6 +4273,14 @@
     border-left-color: var(--iap-colors-transparent);
 }
 
+  .iap-right_1 {
+    right: var(--iap-spacing-1);
+}
+
+  .iap-top_50\% {
+    top: 50%;
+}
+
   .iap-ml_2 {
     margin-left: var(--iap-spacing-2);
 }
@@ -4457,10 +4477,6 @@
     min-width: var(--iap-sizes-3);
 }
 
-  .iap-right_1 {
-    right: var(--iap-spacing-1);
-}
-
   .iap-bdr-tr_md {
     border-top-right-radius: var(--iap-radii-md);
 }
@@ -4758,6 +4774,14 @@
     padding-bottom: var(--iap-spacing-0);
 }
 
+  .\[\&_svg\]\:iap-w_3\.5 svg {
+    width: var(--iap-sizes-3\.5);
+}
+
+  .\[\&_svg\]\:iap-h_3\.5 svg {
+    height: var(--iap-sizes-3\.5);
+}
+
   .\[\&_\>_svg\]\:iap-w_3 > svg {
     width: var(--iap-sizes-3);
 }
@@ -4790,14 +4814,6 @@
     width: var(--iap-sizes-full);
 }
 
-  .\[\&_svg\]\:iap-w_3\.5 svg {
-    width: var(--iap-sizes-3\.5);
-}
-
-  .\[\&_svg\]\:iap-h_3\.5 svg {
-    height: var(--iap-sizes-3\.5);
-}
-
   .\[\&\:has\(\.simple-input__input\)\]\:iap-pt_0\.35rem:has(.simple-input__input) {
     padding-top: 0.35rem;
 }
@@ -4854,6 +4870,10 @@
     opacity: 1;
 }
 
+  .\[\&\:hover_\.field-copy-button\]\:iap-op_1:hover .field-copy-button {
+    opacity: 1;
+}
+
   .\[\&\:hover_\.editor-tag-badge__close-button-container\]\:iap-d_flex:hover .editor-tag-badge__close-button-container {
     display: flex;
 }
@@ -5028,20 +5048,20 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bg_neutral\.3:is(:hover, [data-hover]) {
-      background: var(--iap-colors-neutral-3);
+    .hover\:iap-bg_bg\.subtle:is(:hover, [data-hover]) {
+      background: var(--iap-colors-bg-subtle);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bg_bg\.emphasized:is(:hover, [data-hover]) {
-      background: var(--iap-colors-bg-emphasized);
+    .hover\:iap-bg_neutral\.3:is(:hover, [data-hover]) {
+      background: var(--iap-colors-neutral-3);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bg_bg\.subtle:is(:hover, [data-hover]) {
-      background: var(--iap-colors-bg-subtle);
+    .hover\:iap-bg_bg\.emphasized:is(:hover, [data-hover]) {
+      background: var(--iap-colors-bg-emphasized);
 }
 }
 

package/dist/types/components/DataBuilder/FieldCopy.d.ts

@@ -0,0 +1,3 @@
+export declare function FieldCopy({ value }: {
+    value: unknown;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Tooltip/index.d.ts

@@ -21,7 +21,7 @@ declare const tooltipRecipe: import("../../styled-system/types").SlotRecipeRunti
             content: {
                 background: "neutral.3";
                 rounded: "sm";
-                color: "black";
+                color: "fg.default";
             };
             'arrow-tip': {
                 background: "neutral.3!";

package/dist/types/hooks/flows/useFlowInstance.d.ts

@@ -2913,6 +2913,7 @@ export declare function useFlowInstance(selector: string | FlowInstanceSelector
         tenantId?: string | undefined;
         integrationId?: string | undefined;
         connectionId?: string | undefined;
+        externalAppId?: string | undefined;
         name?: string | undefined;
         integrationFlowId?: string | undefined;
         universalFlowId?: string | undefined;
@@ -3087,6 +3088,7 @@ export declare function useFlowInstance(selector: string | FlowInstanceSelector
         tenantId?: string | undefined;
         integrationId?: string | undefined;
         connectionId?: string | undefined;
+        externalAppId?: string | undefined;
         name?: string | undefined;
         integrationFlowId?: string | undefined;
         universalFlowId?: string | undefined;

package/dist/types/hooks/flows/useFlowRun.d.ts

@@ -9,6 +9,7 @@ export declare function useFlowRun(id: string | undefined): {
         tenantId?: string | undefined;
         integrationId?: string | undefined;
         connectionId?: string | undefined;
+        externalAppId?: string | undefined;
         name?: string | undefined;
         integrationFlowId?: string | undefined;
         universalFlowId?: string | undefined;
@@ -185,6 +186,7 @@ export declare function useFlowRun(id: string | undefined): {
         tenantId?: string | undefined;
         integrationId?: string | undefined;
         connectionId?: string | undefined;
+        externalAppId?: string | undefined;
         name?: string | undefined;
         integrationFlowId?: string | undefined;
         universalFlowId?: string | undefined;

package/dist/types/hooks/flows/useFlowRuns.d.ts

@@ -10,6 +10,7 @@ export declare function useFlowRuns(query?: FindFlowRunsQuery): {
         tenantId?: string | undefined;
         integrationId?: string | undefined;
         connectionId?: string | undefined;
+        externalAppId?: string | undefined;
         name?: string | undefined;
         integrationFlowId?: string | undefined;
         universalFlowId?: string | undefined;
@@ -190,6 +191,7 @@ export declare function useFlowRuns(query?: FindFlowRunsQuery): {
         tenantId?: string | undefined;
         integrationId?: string | undefined;
         connectionId?: string | undefined;
+        externalAppId?: string | undefined;
         name?: string | undefined;
         integrationFlowId?: string | undefined;
         universalFlowId?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@membranehq/react",
-  "version": "0.15.7",
+  "version": "0.15.8",
   "description": "",
   "author": "Membrane, Inc",
   "style": "dist/styles.css",