@obosbbl/grunnmuren-react 2.0.0-canary.1 → 2.0.0-canary.10

package/dist/textfield/index.mjs

@@ -1,88 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { cx, cva } from 'cva';
-import { TextField as TextField$1, Input } from 'react-aria-components';
-import { Label, Description, ErrorMessage } from '../label/index.mjs';
-
-const classes = {
-  base: cx("group flex flex-col gap-2"),
-  inputWrapper: cva({
-    base: [
-      "relative inline-flex flex-row items-center rounded-md border border-black py-2.5 text-sm font-normal leading-6",
-      // prevent icons in addons from being flexed and affected by the text size of the input
-      "[&>svg]:flex-none [&>svg]:text-base",
-      // focus
-      "focus-within:ring-2 focus-within:ring-blue-dark",
-      // invalid
-      "group-data-[invalid]:border-red group-data-[invalid]:outline group-data-[invalid]:outline-1 group-data-[invalid]:outline-red"
-    ],
-    variants: {
-      leftAddon: {
-        true: "pl-3"
-      },
-      rightAddon: {
-        true: "pr-3"
-      }
-    }
-  }),
-  input: cva({
-    base: "relative w-full px-3 font-normal leading-6 placeholder-[#727070] !outline-none",
-    variants: {
-      textAlign: {
-        right: "text-right",
-        left: ""
-      }
-    }
-  }),
-  divider: cx("block h-6 w-px flex-none bg-black")
-};
-function TextField(props) {
-  const {
-    className,
-    description,
-    errorMessage,
-    label,
-    leftAddon,
-    isRequired,
-    isInvalid: _isInvalid,
-    textAlign,
-    rightAddon,
-    withAddonDivider,
-    ...restProps
-  } = props;
-  const isInvalid = _isInvalid || errorMessage != null;
-  return /* @__PURE__ */ jsxs(
-    TextField$1,
-    {
-      ...restProps,
-      className: cx(className, classes.base),
-      isInvalid,
-      isRequired,
-      children: [
-        label && /* @__PURE__ */ jsx(Label, { children: label }),
-        description && /* @__PURE__ */ jsx(Description, { children: description }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: classes.inputWrapper({
-              leftAddon: !!leftAddon,
-              rightAddon: !!rightAddon
-            }),
-            children: [
-              leftAddon,
-              withAddonDivider && leftAddon && /* @__PURE__ */ jsx(Divider, { className: "ml-3" }),
-              /* @__PURE__ */ jsx(Input, { className: classes.input({ textAlign }) }),
-              withAddonDivider && rightAddon && /* @__PURE__ */ jsx(Divider, { className: "mr-3" }),
-              rightAddon
-            ]
-          }
-        ),
-        errorMessage && /* @__PURE__ */ jsx(ErrorMessage, { children: errorMessage })
-      ]
-    }
-  );
-}
-function Divider({ className }) {
-  return /* @__PURE__ */ jsx("span", { className: cx(className, classes.divider) });
-}
-
-export { TextField };