@obosbbl/grunnmuren-react 2.0.0-canary.0 → 2.0.0-canary.2

package/dist/textfield/index.d.mts

@@ -1,31 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
-
-type TextFieldProps = {
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Element to be rendered in the left side of the input. */
-    leftAddon?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Element to be rendered in the right side of the input. */
-    rightAddon?: React.ReactNode;
-    /** Placeholder text. Only visible when the input value is empty. */
-    placeholder?: string;
-    /**
-     * Text alignment of the input
-     * @default left
-     */
-    textAlign?: 'left' | 'right';
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** Add a divider between the left/right addons and the input */
-    withAddonDivider?: boolean;
-} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
-declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
-
-export { TextField, type TextFieldProps };

package/dist/textfield/index.d.ts

@@ -1,31 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
-
-type TextFieldProps = {
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Element to be rendered in the left side of the input. */
-    leftAddon?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Element to be rendered in the right side of the input. */
-    rightAddon?: React.ReactNode;
-    /** Placeholder text. Only visible when the input value is empty. */
-    placeholder?: string;
-    /**
-     * Text alignment of the input
-     * @default left
-     */
-    textAlign?: 'left' | 'right';
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** Add a divider between the left/right addons and the input */
-    withAddonDivider?: boolean;
-} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
-declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
-
-export { TextField, type TextFieldProps };

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 };