@integration-app/react 2.16.1 → 2.17.0

package/dist/esm/styled-system/recipes/spinner.mjs

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

package/dist/esm/styled-system/recipes/switch-recipe.mjs

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

package/dist/esm/styled-system/recipes/text.mjs

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

package/dist/esm/styled-system/recipes/tooltip.mjs

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

package/dist/esm/styled-system/tokens/index.mjs

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

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

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

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

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

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

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

package/dist/esm/ui-kit/styled/alert.mjs

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

package/dist/esm/ui-kit/styled/avatar.mjs

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

package/dist/esm/ui-kit/styled/badge.mjs

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

package/dist/esm/ui-kit/styled/button.mjs

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

package/dist/esm/ui-kit/styled/icon-button.mjs

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

package/dist/esm/ui-kit/styled/icon.mjs

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

package/dist/esm/ui-kit/styled/input.mjs

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

package/dist/esm/ui-kit/styled/menu.mjs

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

package/dist/esm/ui-kit/styled/popover.mjs

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

package/dist/esm/ui-kit/styled/skeleton.mjs

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

package/dist/esm/ui-kit/styled/spinner.mjs

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

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

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

package/dist/esm/ui-kit/styled/text.mjs

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

package/dist/esm/ui-kit/styled/tooltip.mjs

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

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

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

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

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

package/dist/styles.css

@@ -3423,14 +3423,50 @@
     min-width: var(--iap-sizes-28);
 }
 
-  .iap-bg_neutral\.3 {
-    background: var(--iap-colors-neutral-3);
+  .iap-trs_colors {
+    transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
+    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--transition-duration, 150ms);
+}
+
+  .iap-bg_neutral\.1 {
+    background: var(--iap-colors-neutral-1);
+}
+
+  .iap-white-space_nowrap {
+    white-space: nowrap;
+}
+
+  .iap-bg_transparent {
+    background: var(--iap-colors-transparent);
+}
+
+  .iap-bd_transparent {
+    border: transparent;
+}
+
+  .iap-h_9 {
+    height: var(--iap-sizes-9);
+}
+
+  .iap-trs_all {
+    transition-property: var(--transition-prop, all);
+    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--transition-duration, 150ms);
 }
 
   .iap-c_black {
     color: var(--iap-colors-black);
 }
 
+  .iap-d_grid {
+    display: grid;
+}
+
+  .iap-bg_neutral\.3 {
+    background: var(--iap-colors-neutral-3);
+}
+
   .iap-bg_black {
     background: var(--iap-colors-black);
 }
@@ -5000,6 +5036,27 @@
     padding-top: var(--iap-spacing-5);
 }
 
+  .iap-bd-w_1px {
+    border-width: 1px;
+}
+
+  .iap-border-style_solid {
+    border-style: solid;
+}
+
+  .iap-trs-dur_faster {
+    --transition-duration: var(--iap-durations-faster);
+    transition-duration: var(--iap-durations-faster);
+}
+
+  .iap-bd-c_transparent {
+    border-color: var(--iap-colors-transparent);
+}
+
+  .iap-ov-y_hidden {
+    overflow-y: hidden;
+}
+
   .iap-bd-c_gray\.2 {
     border-color: var(--iap-colors-gray-2);
 }
@@ -5052,6 +5109,68 @@
     background: var(--iap-colors-slate-3);
 }
 
+  .\[\&\:has\(\.simple-input__textarea\)\]\:iap-p_0:has(.simple-input__textarea) {
+    padding: var(--iap-spacing-0);
+}
+
+  .disabled\:iap-c_neutral\.7:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--iap-colors-neutral-7);
+}
+
+  .placeholder\:iap-c_neutral\.9::placeholder,.placeholder\:iap-c_neutral\.9[data-placeholder] {
+    color: var(--iap-colors-neutral-9);
+}
+
+  .disabled\:iap-c_neutral\.8:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--iap-colors-neutral-8);
+}
+
+  .after\:iap-white-space_pre-wrap::after {
+    white-space: pre-wrap;
+}
+
+  .after\:iap-vis_hidden::after {
+    visibility: hidden;
+}
+
+  .after\:iap-max-h_var\(--uikit-textarea-max-height\,_auto\)::after {
+    max-height: var(--uikit-textarea-max-height, auto);
+}
+
+  .after\:iap-bdr_sm::after {
+    border-radius: var(--iap-radii-sm);
+}
+
+  .after\:iap-px_4::after {
+    padding-inline: var(--iap-spacing-4);
+}
+
+  .after\:iap-py_2::after {
+    padding-block: var(--iap-spacing-2);
+}
+
+  .after\:iap-trs_all::after {
+    transition-property: var(--transition-prop, all);
+    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--transition-duration, 150ms);
+}
+
+  .after\:iap-grid-area_1_\/_1_\/_2_\/_2::after {
+    grid-area: 1 / 1 / 2 / 2;
+}
+
+  .\[\&_\>_textarea\]\:iap-resize_none > textarea {
+    resize: none;
+}
+
+  .\[\&_\>_textarea\]\:iap-ov_auto > textarea {
+    overflow: auto;
+}
+
+  .\[\&_\>_textarea\]\:iap-grid-area_1_\/_1_\/_2_\/_2 > textarea {
+    grid-area: 1 / 1 / 2 / 2;
+}
+
   .placeholderShown\:iap-trunc_true:is(:placeholder-shown, [data-placeholder-shown]) {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -5066,10 +5185,43 @@
     font-weight: var(--iap-font-weights-bold);
 }
 
+  .\[\&\:has\(\.simple-input__input\)\]\:iap-pt_0\.35rem:has(.simple-input__input) {
+    padding-top: 0.35rem;
+}
+
+  .\[\&\:has\(\.simple-input__input\)\]\:iap-pb_0\.35rem:has(.simple-input__input) {
+    padding-bottom: 0.35rem;
+}
+
+  .after\:iap-content_attr\(data-replicated-value\)_\'_\'::after {
+    content: attr(data-replicated-value) ' ';
+}
+
+  .after\:iap-trs-dur_faster::after {
+    --transition-duration: var(--iap-durations-faster);
+    transition-duration: var(--iap-durations-faster);
+}
+
+  .after\:iap-bd-w_1px::after {
+    border-width: 1px;
+}
+
+  .after\:iap-bd-c_transparent::after {
+    border-color: var(--iap-colors-transparent);
+}
+
+  .after\:iap-border-style_solid::after {
+    border-style: solid;
+}
+
   .last\:iap-pb_0:last-child {
     padding-bottom: var(--iap-spacing-0);
 }
 
+  .focusWithin\:iap-bg_gray\.2:focus-within {
+    background: var(--iap-colors-gray-2);
+}
+
   .focus\:iap-op_1:is(:focus, [data-focus]) {
     opacity: 1;
 }
@@ -5102,6 +5254,10 @@
     color: var(--iap-colors-gray-9);
 }
 
+  .disabled\:placeholder\:iap-c_neutral\.7:is(:disabled, [disabled], [data-disabled])::placeholder,.disabled\:placeholder\:iap-c_neutral\.7:is(:disabled, [disabled], [data-disabled])[data-placeholder] {
+    color: var(--iap-colors-neutral-7);
+}
+
   .\[\&_p\]\:before\:iap-content_var\(--placeholder-text\) p::before {
     content: var(--placeholder-text);
 }

package/dist/types/components/SimpleInput/SimpleInput.d.ts

@@ -1,11 +1,9 @@
-import { InputProps } from '../Input';
-interface SimpleInputProps extends Omit<InputProps, 'onChange' | 'variant'> {
+type BaseInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+interface SimpleInputProps extends Omit<BaseInputProps, 'onChange'> {
     label?: string;
     description?: string;
     value: string | undefined;
     onChange: (value: string | undefined) => void;
 }
-export declare function SimpleInput({ label, value, description, onChange, ...props }: SimpleInputProps): import("react/jsx-runtime").JSX.Element;
-export declare function SimpleInputWithLocalState({ value, onChange, ...props }: SimpleInputProps): import("react/jsx-runtime").JSX.Element;
-export declare const DataBuilderSimpleInput: typeof SimpleInput;
+export declare function SimpleInput({ label, value, description, onChange, className, ...props }: SimpleInputProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/SimpleInput/SimpleTextarea.d.ts

@@ -9,6 +9,4 @@ type SimpleTextareaWithAutoHeightProps = SimpleTextareaGenericProps & Omit<Texta
 type SimpleTextareaWithoutAutoHeightProps = SimpleTextareaGenericProps & Omit<TextareaWithoutAutoHeightProps, 'onChange' | 'variant'>;
 type SimpleTextareaProps = SimpleTextareaWithUndefinedAutoHeightProps | SimpleTextareaWithAutoHeightProps | SimpleTextareaWithoutAutoHeightProps;
 export declare function SimpleTextarea({ label, value, onChange, ...props }: SimpleTextareaProps): import("react/jsx-runtime").JSX.Element;
-export declare function SimpleTextareaWithLocalState({ value, onChange, ...props }: SimpleTextareaProps): import("react/jsx-runtime").JSX.Element;
-export declare const DataBuilderSimpleTextarea: typeof SimpleTextarea;
 export {};

package/dist/types/components/SimpleInput/recipe.d.ts

@@ -0,0 +1,11 @@
+export declare const simpleInputRecipe: import("../../styled-system/types").SlotRecipeRuntimeFn<"input" | "textarea" | "title" | "cell" | "row", {
+    disabled: {
+        true: {
+            row: {
+                bg: "neutral.1";
+                color: "neutral.9";
+            };
+        };
+        false: {};
+    };
+}>;

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

@@ -1,7 +1,6 @@
 import { TextareaHTMLAttributes } from 'react';
 interface TextareaGenericProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     className?: string;
-    variant?: 'border' | 'background' | 'transparent';
 }
 export interface TextareaWithUndefinedAutoHeightProps extends TextareaGenericProps {
     autoHeight?: never;

package/dist/types/components/Textarea/recipe.d.ts

@@ -0,0 +1,2 @@
+export declare const textAreaRecipe: import("../../styled-system/types").RecipeRuntimeFn<import("../../styled-system/types").RecipeVariantRecord>;
+export declare const textAreaWrapperRecipe: import("../../styled-system/types").RecipeRuntimeFn<import("../../styled-system/types").RecipeVariantRecord>;

package/dist/types/index.d.ts

@@ -72,7 +72,6 @@ export { FloatingPortalBoundary, BoundedPortal, } from './components/FloatingPor
 export * from './components/DropdownUI';
 export * from './components/IntegrationElements';
 export * from './components/SimpleInput';
-export * from './components/Input';
 export * from './components/Notification';
 export * from './components/Portal';
 export * from './components/Radio';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integration-app/react",
-  "version": "2.16.1",
+  "version": "2.17.0",
   "description": "",
   "author": "Integration.app",
   "type": "module",

package/dist/cjs/components/Input/Input.cjs

@@ -1,50 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useAutofocus = require('../../helpers/hooks/useAutofocus.cjs');
-var Input_module = require('./Input.module.css.cjs');
-
-const Input = React.forwardRef(
-  ({ variant, className, autoFocus, ...props }, ref) => {
-    const inputRef = React.useRef();
-    React.useImperativeHandle(ref, () => inputRef.current);
-    useAutofocus.useAutofocus(inputRef, autoFocus);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: inputRef,
-        autoComplete: "off",
-        className: clsx.clsx(
-          Input_module.default["uikit-input"],
-          getClassNameByVariant(variant),
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-function getClassNameByVariant(variant) {
-  switch (variant) {
-    case "background":
-      return Input_module.default["uikit-input__background"];
-    case "transparent":
-      return Input_module.default["uikit-input__transparent"];
-    case "border":
-    default:
-      return Input_module.default["uikit-input__border"];
-  }
-}
-
-exports.Input = Input;

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

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".Input-module_container__zLqel {\n    width: 100%\n}\n@media (min-width: 640px) {\n    .Input-module_container__zLqel {\n        max-width: 640px\n    }\n}\n@media (min-width: 768px) {\n    .Input-module_container__zLqel {\n        max-width: 768px\n    }\n}\n@media (min-width: 1024px) {\n    .Input-module_container__zLqel {\n        max-width: 1024px\n    }\n}\n@media (min-width: 1280px) {\n    .Input-module_container__zLqel {\n        max-width: 1280px\n    }\n}\n@media (min-width: 1536px) {\n    .Input-module_container__zLqel {\n        max-width: 1536px\n    }\n}\n.Input-module_uikit-input__flF6E {\n    border-radius: 0.25rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 100ms;\n    height: 2.25rem;\n    border-width: 1px\n}\n.Input-module_uikit-input__flF6E::-moz-placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__flF6E::placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__flF6E {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1))\n}\n.Input-module_uikit-input__flF6E:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.Input-module_uikit-input__flF6E:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n}\n.Input-module_uikit-input__flF6E:disabled::-moz-placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__flF6E:disabled::placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__border__3atRZ {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))\n}\n.Input-module_uikit-input__border__3atRZ:focus {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__border__3atRZ:disabled {\n    --tw-border-opacity: 0.6\n}\n.Input-module_uikit-input__border__3atRZ:hover:not(:disabled,:focus) {\n    --tw-border-opacity: 1;\n    border-color: rgb(170 170 170 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__background__B0f1R {\n    --tw-border-opacity: 1;\n    border-color: rgb(248 248 248 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n}\n.Input-module_uikit-input__background__B0f1R:focus {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__background__B0f1R:disabled {\n    --tw-border-opacity: 0.6;\n    --tw-bg-opacity: 0.6\n}\n.Input-module_uikit-input__background__B0f1R:hover:not(:disabled,:focus) {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__transparent__D8kde {\n    border-color: transparent;\n    background-color: transparent\n}\n";
-var classes = {"uikit-input":"Input-module_uikit-input__flF6E","uikit-input__border":"Input-module_uikit-input__border__3atRZ","uikit-input__background":"Input-module_uikit-input__background__B0f1R","uikit-input__transparent":"Input-module_uikit-input__transparent__D8kde"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/Input/index.cjs

@@ -1,18 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Input = require('./Input.cjs');
-
-
-
-exports.Input = Input.Input;
-exports.default = Input.Input;

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

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = "@layer elements {\n  .SimpleInput-module_row__6hKYf {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .SimpleInput-module_rowDisabled__4tZXo {\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    .SimpleInput-module_rowDisabled__4tZXo .SimpleInput-module_input__YrGJe,.SimpleInput-module_rowDisabled__4tZXo .SimpleInput-module_textarea__8wEzp {\n    background-color: transparent;\n    --tw-text-opacity: 1;\n    color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n  }\n\n  .SimpleInput-module_row__6hKYf:focus-within .SimpleInput-module_cell__iN08T {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n  }\n\n  .SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_input__YrGJe) {\n    padding-top: 0.35rem;\n    padding-bottom: 0.35rem;\n  }\n  .SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_textarea__8wEzp) {\n    padding: 0;\n  }\n    :is(.SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_textarea__8wEzp)) .SimpleInput-module_textarea__8wEzp,:is(.SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_textarea__8wEzp)) > [class*='textareaWrapper']::after {\n      padding-top: 0.75rem;\n      padding-bottom: 0.75rem;\n      width: 100%;\n      form-sizing: normal;\n    }\n}\n";
-var classes = {"row":"SimpleInput-module_row__6hKYf","rowDisabled":"SimpleInput-module_rowDisabled__4tZXo","input":"SimpleInput-module_input__YrGJe","textarea":"SimpleInput-module_textarea__8wEzp","cell":"SimpleInput-module_cell__iN08T"};
-styleInject(css_248z);
-
-exports.default = classes;