@integration-app/react 2.20.0 → 2.22.0

package/dist/cjs/components/DropdownUI/ItemTitle.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/List.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/ListHeader.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/LoadingItem.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/NoOptionsHeading.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/Panel.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/PopoverContainer.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/Search.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/constants.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/item-aria-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/sva-recipe.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/utils.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/FloatingPortalBoundary/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/IntegrationElements/DataSource/DataCollectionSelect.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 
@@ -15,8 +15,14 @@ var useSWR = require('swr');
 var ComboBox = require('../../ComboBox/ComboBox.cjs');
 var Form = require('../../DataBuilder/Form.cjs');
 var integrationAppContext = require('../../../contexts/integration-app-context.cjs');
-var index$1 = require('../../DataBuilder/index.cjs');
-var index = require('../../DataBuilderUI/index.cjs');
+var index = require('../../DataBuilder/index.cjs');
+require('../../DataBuilderUI/FieldControlPanel/index.cjs');
+require('../../DataBuilderUI/ActionBar.cjs');
+var Cell = require('../../DataBuilderUI/Cell.cjs');
+require('clsx');
+require('../../DataBuilderUI/styles.module.css.cjs');
+var Row = require('../../DataBuilderUI/Row.cjs');
+require('../../DataBuilderUI/Title.cjs');
 var integrationElementContext = require('../integration-element-context.cjs');
 
 function DataCollectionSelect({
@@ -77,9 +83,9 @@ function DataCollectionSelect({
   }
   const showParameters = location?.parametersSchema || isDynamicLocation;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: "Data Collection" }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { disabled: isLoading, className: "flex-grow", children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(Row.Row, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { type: "name", children: "Data Collection" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { type: "combobox", disabled: isLoading, span: "grow", children: /* @__PURE__ */ jsxRuntime.jsx(
         ComboBox.ComboBox,
         {
           value: currentKey,
@@ -91,11 +97,11 @@ function DataCollectionSelect({
         }
       ) })
     ] }),
-    showParameters && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(index.DrilldownBlockContentWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    showParameters && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
       Form.DataBuilderForm,
       {
         onChange: handleParametersChange,
-        field: index$1.makeDataField({
+        field: index.makeDataField({
           schema: sdk.schemaWithTitle(
             location ? location.parametersSchema : {
               type: "object",
@@ -107,7 +113,7 @@ function DataCollectionSelect({
           variablesSchema
         })
       }
-    ) }) })
+    ) })
   ] });
 }
 

package/dist/cjs/components/IntegrationElements/DataSource/UdmSelect.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 
@@ -11,7 +11,13 @@
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@integration-app/sdk');
 var ComboBox = require('../../ComboBox/ComboBox.cjs');
-var index = require('../../DataBuilderUI/index.cjs');
+require('../../DataBuilderUI/FieldControlPanel/index.cjs');
+require('../../DataBuilderUI/ActionBar.cjs');
+var Cell = require('../../DataBuilderUI/Cell.cjs');
+require('clsx');
+require('../../DataBuilderUI/styles.module.css.cjs');
+var Row = require('../../DataBuilderUI/Row.cjs');
+require('../../DataBuilderUI/Title.cjs');
 
 function UdmSelect({ value, onChange }) {
   const options = [];
@@ -21,9 +27,9 @@ function UdmSelect({ value, onChange }) {
       value: key
     });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: "Data Model" }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { children: /* @__PURE__ */ jsxRuntime.jsx(ComboBox.ComboBox, { placeholder: "Select Universal Data Model", value, options, onChange }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs(Row.Row, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { type: "name", children: "Data Model" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { type: "combobox", children: /* @__PURE__ */ jsxRuntime.jsx(ComboBox.ComboBox, { placeholder: "Select Universal Data Model", value, options, onChange }) })
   ] });
 }
 

package/dist/cjs/components/IntegrationElements/DataSource/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 
@@ -12,7 +12,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@integration-app/sdk');
 var AdvancedOptions = require('../../AdvancedOptions.cjs');
 var SimpleInput = require('../../SimpleInput/SimpleInput.cjs');
-require('../../DataBuilderUI/index.cjs');
+require('../../DataBuilderUI/FieldControlPanel/index.cjs');
+require('../../DataBuilderUI/ActionBar.cjs');
+require('../../DataBuilderUI/Cell.cjs');
+require('clsx');
+require('../../DataBuilderUI/styles.module.css.cjs');
+require('../../DataBuilderUI/Row.cjs');
+require('../../DataBuilderUI/Title.cjs');
 require('../../Textarea/index.cjs');
 require('../../SimpleInput/recipe.cjs');
 var integrationElementContext = require('../integration-element-context.cjs');

package/dist/cjs/components/IntegrationElements/integration-element-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Integrations/IntegrationAvatar/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Integrations/IntegrationItem/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Integrations/IntegrationItemSkeleton.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Notification/Notification.module.css.cjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Notification/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Popover/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Portal/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Radio/Radio.module.css.cjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Radio/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/SimpleInput/SimpleInput.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 
@@ -13,7 +13,12 @@ var clsx = require('clsx');
 require('@integration-app/sdk');
 require('js-convert-case');
 var FieldDescription = require('../DataBuilder/FieldDescription.cjs');
-var index = require('../DataBuilderUI/index.cjs');
+require('../DataBuilderUI/FieldControlPanel/index.cjs');
+require('../DataBuilderUI/ActionBar.cjs');
+var Cell = require('../DataBuilderUI/Cell.cjs');
+require('../DataBuilderUI/styles.module.css.cjs');
+var Row = require('../DataBuilderUI/Row.cjs');
+var Title = require('../DataBuilderUI/Title.cjs');
 var recipe = require('./recipe.cjs');
 
 function SimpleInput({ label, value, description, onChange, className, ...props }) {
@@ -23,9 +28,9 @@ function SimpleInput({ label, value, description, onChange, className, ...props
   function handleChange(e) {
     onChange(e.target.value);
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { className: simpleInputClassNames.row, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Title, { rightSlot: /* @__PURE__ */ jsxRuntime.jsx(FieldDescription.FieldDescription, { text: description }), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: simpleInputClassNames.title, children: label }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Input, { className: simpleInputClassNames.cell, grow: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(Row.Row, { className: simpleInputClassNames.row, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { type: "name", children: /* @__PURE__ */ jsxRuntime.jsx(Title.Title, { rightSlot: /* @__PURE__ */ jsxRuntime.jsx(FieldDescription.FieldDescription, { text: description }), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: simpleInputClassNames.title, children: label }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { className: simpleInputClassNames.cell, span: "grow", children: /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
         value: value ?? "",

package/dist/cjs/components/SimpleInput/SimpleTextarea.cjs

@@ -2,15 +2,21 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var index = require('../DataBuilderUI/index.cjs');
-var index$1 = require('../Textarea/index.cjs');
+require('../DataBuilderUI/FieldControlPanel/index.cjs');
+require('../DataBuilderUI/ActionBar.cjs');
+var Cell = require('../DataBuilderUI/Cell.cjs');
+require('clsx');
+require('../DataBuilderUI/styles.module.css.cjs');
+var Row = require('../DataBuilderUI/Row.cjs');
+require('../DataBuilderUI/Title.cjs');
+var index = require('../Textarea/index.cjs');
 var recipe = require('./recipe.cjs');
 
 function SimpleTextarea({ label, value, onChange, ...props }) {
@@ -20,9 +26,9 @@ function SimpleTextarea({ label, value, onChange, ...props }) {
   function handleChange(e) {
     onChange(e.target.value);
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { className: simpleInputClassNames.row, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: simpleInputClassNames.title, children: label }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Cell, { className: simpleInputClassNames.cell, grow: true, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Textarea, { value: value ?? "", onChange: handleChange, ...props, className: simpleInputClassNames.textarea }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs(Row.Row, { className: simpleInputClassNames.row, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { type: "name", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: simpleInputClassNames.title, children: label }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { className: simpleInputClassNames.cell, span: "grow", children: /* @__PURE__ */ jsxRuntime.jsx(index.Textarea, { value: value ?? "", onChange: handleChange, ...props, className: simpleInputClassNames.textarea }) })
   ] });
 }
 

package/dist/cjs/components/SimpleInput/recipe.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 
@@ -28,7 +28,8 @@ const simpleInputRecipe = sva.sva({
         pb: "0.35rem"
       },
       "&:has(.simple-input__textarea)": {
-        p: "0"
+        p: "0",
+        px: "3"
       }
     },
     title: { whiteSpace: "nowrap" },
@@ -38,6 +39,7 @@ const simpleInputRecipe = sva.sva({
       borderWidth: "1px",
       borderStyle: "solid",
       h: "9",
+      w: "full",
       px: "4",
       transition: "all",
       transitionDuration: "faster",

package/dist/cjs/components/SvgIcon/BasicEntities.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/SvgIcon/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/SvgIcon/svg-icon-type.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Tag/Components.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Tag/Tag.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Tag/TagPlaceholder.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Tag/styles.module.css.cjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 
@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject = require('style-inject');
 
-var css_248z = ".styles-module_tagGeneric__tz0VU {\n  position: relative;\n  display: inline-flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  border-radius: 0.25rem;\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  max-width: 100%;\n  min-height: 2rem;\n}\n\n.styles-module_tagGeneric__disabled__vgck7 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n\n.styles-module_tagGeneric__disabled__vgck7:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1));\n}\n\n.styles-module_tagGeneric__disabled__vgck7 {\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n}\n\n.styles-module_tagDefaultColors__JlCHo {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n  border-width: 1px;\n  border-color: transparent;\n}\n\n.styles-module_tagDefaultColors__JlCHo:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 76 117 / var(--tw-bg-opacity, 1));\n}\n\n/* iconBefore */\n\n.styles-module_tagIcon__vEYaV {\n  flex-shrink: 0;\n  flex-grow: 0;\n  margin-right: 0.375rem;\n  height: 1.25rem;\n  width: 1.25rem;\n  margin-top: 0.025rem;\n}\n\n.styles-module_tagImageIcon__rokoa {\n  height: auto;\n  max-height: 1.25rem;\n  --tw-brightness: brightness(.5);\n  --tw-contrast: contrast(1.5);\n  --tw-grayscale: grayscale(100%);\n  --tw-invert: invert(100%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.styles-module_tagConfigButton__3WdyL {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  height: 2rem;\n  width: 2rem;\n  border-top-right-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem;\n  transform: translateX(0.625rem);\n  border-left-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.styles-module_tagConfigButton__3WdyL:hover {\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n  --tw-bg-opacity: 0.1;\n}\n\n.styles-module_tagConfigButton__3WdyL svg {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\n.styles-module_tagConfigButtonError__iTyh4 {\n  --tw-border-opacity: 1;\n  border-color: rgb(168 54 5 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 54 5 / var(--tw-bg-opacity, 1));\n}\n\n.styles-module_tagConfigButtonError__iTyh4:hover {\n  background-color: #9b2900;\n}\n\n/* ## Placeholder */\n\n.styles-module_tagPlaceholder__c2oMP {\n  background-color: transparent;\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n}\n\n.styles-module_tagPlaceholder__clickable__Spl2o {\n  cursor: pointer;\n}\n\n.styles-module_tagPlaceholder__clickable__Spl2o:not(.styles-module_tagGeneric__disabled__vgck7):hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n}\n\n.styles-module_tagPlaceholder__c2oMP:empty {\n  width: 100%;\n  min-width: 7rem;\n  min-height: auto;\n}\n\n.styles-module_segmentSeparator__hQRZZ {\n  margin-left: 0.125rem;\n  margin-right: 0.125rem;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n";
-var classes = {"tagGeneric":"styles-module_tagGeneric__tz0VU","tagGeneric__disabled":"styles-module_tagGeneric__disabled__vgck7","tagDefaultColors":"styles-module_tagDefaultColors__JlCHo","tagIcon":"styles-module_tagIcon__vEYaV","tagImageIcon":"styles-module_tagImageIcon__rokoa","tagConfigButton":"styles-module_tagConfigButton__3WdyL","tagConfigButtonError":"styles-module_tagConfigButtonError__iTyh4","tagPlaceholder":"styles-module_tagPlaceholder__c2oMP","tagPlaceholder__clickable":"styles-module_tagPlaceholder__clickable__Spl2o","segmentSeparator":"styles-module_segmentSeparator__hQRZZ"};
+var css_248z = ".styles-module_tagGeneric__tz0VU {\n  position: relative;\n  display: inline-flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  border-radius: 0.25rem;\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  max-width: 100%;\n  min-height: 2rem;\n}\n\n.styles-module_tagGeneric__disabled__vgck7 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n\n.styles-module_tagGeneric__disabled__vgck7:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1));\n}\n\n.styles-module_tagGeneric__disabled__vgck7 {\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n}\n\n.styles-module_tagDefaultColors__JlCHo {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n  border-width: 1px;\n  border-color: transparent;\n}\n\n.styles-module_tagDefaultColors__JlCHo:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 76 117 / var(--tw-bg-opacity, 1));\n}\n\n/* iconBefore */\n\n.styles-module_tagIcon__vEYaV {\n  flex-shrink: 0;\n  flex-grow: 0;\n  margin-right: 0.375rem;\n  height: 1.25rem;\n  width: 1.25rem;\n  margin-top: 0.025rem;\n}\n\n.styles-module_tagImageIcon__rokoa {\n  height: auto;\n  max-height: 1.25rem;\n  --tw-brightness: brightness(.5);\n  --tw-contrast: contrast(1.5);\n  --tw-grayscale: grayscale(100%);\n  --tw-invert: invert(100%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.styles-module_tagConfigButton__3WdyL {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  height: 2rem;\n  width: 2rem;\n  border-top-right-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem;\n  transform: translateX(0.625rem);\n  border-left-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.styles-module_tagConfigButton__3WdyL:hover {\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n  --tw-bg-opacity: 0.1;\n}\n\n.styles-module_tagConfigButton__3WdyL svg {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\n.styles-module_tagConfigButtonError__iTyh4 {\n  --tw-border-opacity: 1;\n  border-color: rgb(168 54 5 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 54 5 / var(--tw-bg-opacity, 1));\n}\n\n.styles-module_tagConfigButtonError__iTyh4:hover {\n  background-color: #9b2900;\n}\n\n/* ## Placeholder */\n\n.styles-module_tagPlaceholder__c2oMP {\n  background-color: transparent;\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n}\n\n.styles-module_tagPlaceholder__clickable__Spl2o {\n  cursor: pointer;\n}\n\n.styles-module_tagPlaceholder__clickable__Spl2o:not(.styles-module_tagGeneric__disabled__vgck7):hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n}\n\n.styles-module_tagPlaceholder__c2oMP:empty {\n  width: 100%;\n  min-width: 7rem;\n  min-height: auto;\n}\n";
+var classes = {"tagGeneric":"styles-module_tagGeneric__tz0VU","tagGeneric__disabled":"styles-module_tagGeneric__disabled__vgck7","tagDefaultColors":"styles-module_tagDefaultColors__JlCHo","tagIcon":"styles-module_tagIcon__vEYaV","tagImageIcon":"styles-module_tagImageIcon__rokoa","tagConfigButton":"styles-module_tagConfigButton__3WdyL","tagConfigButtonError":"styles-module_tagConfigButtonError__iTyh4","tagPlaceholder":"styles-module_tagPlaceholder__c2oMP","tagPlaceholder__clickable":"styles-module_tagPlaceholder__clickable__Spl2o"};
 styleInject(css_248z);
 
 exports.default = classes;

package/dist/cjs/components/Textarea/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Textarea/recipe.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Toggle/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Tooltip/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/Truncate/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/contexts/integration-app-client-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/contexts/integration-app-connection-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
+ * v2.22.0
  */
 'use client';