@integration-app/react 2.16.1 → 2.17.1

package/dist/esm/components/Input/Input.mjs

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

package/dist/esm/components/Input/Input.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
- */
-'use client';
-
-import styleInject from '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);
-
-export { classes as default };

package/dist/esm/components/Input/index.mjs

@@ -1,13 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
- */
-'use client';
-
-import { Input } from './Input.mjs';
-
-
-
-export { Input, Input as default };

package/dist/esm/components/SimpleInput/SimpleInput.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
- */
-'use client';
-
-import styleInject from '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);
-
-export { classes as default };

package/dist/esm/components/Textarea/Textarea.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".Textarea-module_container__9C-DH {\n  width: 100%;\n}\n@media (min-width: 640px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 1536px;\n  }\n}\n.Textarea-module_uikit-textarea__RLweT {\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  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  border-width: 1px;\n}\n.Textarea-module_uikit-textarea__RLweT::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.Textarea-module_uikit-textarea__RLweT:focus + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:disabled {\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:disabled::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:disabled::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT + .Textarea-module_uikit-textareaIcon__dN-ZG,.Textarea-module_uikit-textarea__RLweT:disabled + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:focus + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__border__PQAca {\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.Textarea-module_uikit-textarea__border__PQAca:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__border__PQAca:disabled {\n  --tw-border-opacity: 0.6;\n}\n.Textarea-module_uikit-textarea__border__PQAca:hover:not(:disabled,:focus) {\n  --tw-border-opacity: 1;\n  border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__background__gl3as {\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.Textarea-module_uikit-textarea__background__gl3as:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__background__gl3as:disabled {\n  --tw-border-opacity: 0.6;\n  --tw-bg-opacity: 0.6;\n}\n.Textarea-module_uikit-textarea__background__gl3as:hover:not(:disabled,:focus) {\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__transparent__tgMUt {\n  border-color: transparent;\n  background-color: transparent;\n}\n.Textarea-module_uikit-textarea__transparent__tgMUt:hover:not(:disabled,:focus) + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_textareaWrapper__Aamhs {\n  --uikit-textarea-max-height: auto;\n\n  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */\n  display: grid;\n  width: 100%;\n  overflow-y: hidden;\n}\n.Textarea-module_textareaWrapper__Aamhs::after {\n  /* Note the weird space! Needed to prevent jumpy behavior */\n  content: attr(data-replicated-value) ' ';\n\n  /* This is how textarea text behaves */\n  white-space: pre-wrap;\n\n  /* Hidden from view, clicks, and screen readers */\n  visibility: hidden;\n\n  /* Add max height limit */\n  max-height: var(--uikit-textarea-max-height, auto);\n\n  /* Identical style required */\n\n  border-radius: 0.25rem;\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-duration: 100ms;\n\n  padding-top: 0.5rem;\n\n  padding-bottom: 0.5rem;\n\n  border-width: 1px;\n}\n.Textarea-module_textareaWrapper__Aamhs > textarea {\n  /* You could leave this, but after a user resizes, then it ruins the auto sizing */\n  resize: none;\n  overflow: auto;\n}\n.Textarea-module_textareaWrapper__Aamhs > textarea,\n.Textarea-module_textareaWrapper__Aamhs::after {\n  /* Place on top of each other */\n  grid-area: 1 / 1 / 2 / 2;\n}\n";
-var classes = {"uikit-textarea":"Textarea-module_uikit-textarea__RLweT","uikit-textarea__border":"Textarea-module_uikit-textarea__border__PQAca","uikit-textarea__background":"Textarea-module_uikit-textarea__background__gl3as","uikit-textarea__transparent":"Textarea-module_uikit-textarea__transparent__tgMUt","textareaWrapper":"Textarea-module_textareaWrapper__Aamhs"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/helpers/hooks/useAutofocus.mjs

@@ -1,19 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
- */
-'use client';
-
-import { useLayoutEffect } from 'react';
-
-function useAutofocus(elementRef, autoFocus) {
-  useLayoutEffect(() => {
-    if (autoFocus) {
-      elementRef.current.focus({ preventScroll: true });
-    }
-  }, [autoFocus]);
-}
-
-export { useAutofocus };

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

@@ -1,5 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
-    variant?: 'border' | 'background' | 'transparent';
-}
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +0,0 @@
-import { Input } from './Input';
-import type { InputProps } from './Input';
-export default Input;
-export { Input, InputProps };