@servicetitan/anvil2 3.0.2 → 3.0.4

package/dist/TextField-D7NyaKId.js

@@ -0,0 +1,216 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useState, useMemo, useId, isValidElement } from 'react';
+import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
+import { S as Spinner } from './Spinner-B7tTWcP6.js';
+import { t as textFieldStyles } from './TextField.module-DkZwywjf.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
+import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
+import { s as stripInlineMarkdown } from './stripInlineMarkdown-D_eHogvh.js';
+import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
+import { H as Helper } from './Helper-B_VAFgGd.js';
+
+const TextField = forwardRef(
+  (props, ref) => {
+    const { aiMark, ...labelPropsWithoutAiMark } = props.labelProps || {};
+    const data = {
+      label: childrenToString(props.label),
+      labelProps: labelPropsWithoutAiMark,
+      prefix: childrenToString(props.prefix),
+      hint: childrenToString(props.hint),
+      description: childrenToString(props.description),
+      size: props.size,
+      type: props.type
+    };
+    const trackingId = useTrackingId({
+      name: "TextField",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      error,
+      errorAriaLive: _errorAriaLive,
+      defaultValue: defaultValueProp,
+      value: valueProp,
+      label,
+      moreInfo,
+      prefix,
+      suffix,
+      size,
+      type = "text",
+      required,
+      onChange,
+      onFocus,
+      onBlur,
+      id: idProp,
+      description,
+      hint,
+      showCounter,
+      maxLength,
+      loading,
+      disabled,
+      labelProps,
+      style,
+      placeholder,
+      warning,
+      "aria-label": ariaLabelProp,
+      hideLabel = false,
+      ...rest
+    } = componentProps;
+    const inputRef = useRef(null);
+    const [isTyping, setIsTyping] = useState(false);
+    const [value, setValue] = useOptionallyControlledState({
+      controlledValue: valueProp,
+      defaultValue: defaultValueProp
+    });
+    const length = useMemo(() => {
+      if (typeof value === "string" || typeof value === "number" || Array.isArray(value)) {
+        return String(value).length;
+      }
+      return 0;
+    }, [value]);
+    const onChangeHandler = (e) => {
+      setValue(e.target.value);
+      onChange?.(e);
+      if (!isTyping) {
+        setIsTyping(true);
+      }
+    };
+    const blurHandler = (e) => {
+      onBlur?.(e);
+      if (isTyping) {
+        setIsTyping(false);
+      }
+    };
+    const labelUid = useId();
+    const id = idProp ?? labelUid;
+    const prefixUid = useId();
+    const suffixUid = useId();
+    const helperUid = useId();
+    const moreInfoUid = useId();
+    warnDeprecatedErrorUsage("TextField", error);
+    if (label === void 0) {
+      warnOnce(
+        "TextField: label will be required in v4.0.0. Use hideLabel to visually hide the label."
+      );
+    } else if (typeof label !== "string") {
+      warnOnce(
+        "TextField: Passing ReactNode to label is deprecated. Use a plain string with inline markdown instead."
+      );
+    }
+    const errorMessages = typeof error === "boolean" || error === void 0 ? void 0 : error;
+    const styleCombined = { ...style, ...layoutStyles };
+    const hasHelperText = hint || showCounter || errorMessages || warning || description;
+    const ariaDescribedBy = [hasHelperText && helperUid, moreInfo && moreInfoUid].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cx(textFieldStyles["textfield"], className),
+        "data-anv": "textfield",
+        style: styleCombined,
+        children: [
+          label && !hideLabel && /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              moreInfo,
+              moreInfoId: moreInfo ? moreInfoUid : void 0,
+              required,
+              htmlFor: id,
+              ...labelProps,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(textFieldStyles["input-wrapper"], {
+                [textFieldStyles["small"]]: size === "small",
+                [textFieldStyles["large"]]: size === "large"
+              }),
+              role: "presentation",
+              onClick: (e) => {
+                inputRef.current?.focus();
+                if (e.target !== inputRef.current) {
+                  inputRef.current?.click();
+                }
+              },
+              children: [
+                prefix ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "aria-hidden": true,
+                    className: textFieldStyles["prefix"],
+                    id: `prefix${prefixUid}`,
+                    children: prefix
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    id,
+                    className: cx(textFieldStyles["input"], {
+                      [textFieldStyles["error"]]: error
+                    }),
+                    onChange: onChangeHandler,
+                    onFocus,
+                    onBlur: blurHandler,
+                    ref: useMergeRefs([ref, inputRef]),
+                    required,
+                    maxLength,
+                    placeholder,
+                    type,
+                    disabled,
+                    value: value ?? "",
+                    "data-tracking-id": trackingId,
+                    ...rest,
+                    "aria-label": (
+                      // TODO(v4.0.0): remove typeof check — label will always be string
+                      hideLabel && typeof label === "string" ? stripInlineMarkdown(label) : ariaLabelProp || (label ? void 0 : placeholder)
+                    ),
+                    "aria-describedby": ariaDescribedBy,
+                    "aria-invalid": error ? !!error : void 0
+                  }
+                ),
+                loading ? /* @__PURE__ */ jsx("div", { className: textFieldStyles["loading-spinner-wrapper"], children: /* @__PURE__ */ jsx(Spinner, { size: "small" }) }) : null,
+                suffix ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: textFieldStyles["suffix"],
+                    "aria-hidden": true,
+                    id: `suffix${suffixUid}`,
+                    children: suffix
+                  }
+                ) : null
+              ]
+            }
+          ),
+          hasHelperText ? /* @__PURE__ */ jsx(
+            Helper,
+            {
+              id: helperUid,
+              hint,
+              maxLength,
+              inputLength: length,
+              isTyping,
+              showCounter,
+              error: typeof errorMessages === "string" || Array.isArray(errorMessages) ? errorMessages : void 0,
+              warning,
+              errorMessage: isValidElement(errorMessages) ? errorMessages : void 0,
+              description
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+TextField.displayName = "InternalTextField";
+
+export { TextField as T };
+//# sourceMappingURL=TextField-D7NyaKId.js.map

package/dist/TextField-D7NyaKId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField-D7NyaKId.js","sources":["../src/components/TextField/internal/TextField.tsx"],"sourcesContent":["import {\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEventHandler,\n  ReactElement,\n  ReactNode,\n  Ref,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId, useMergeRefs } from \"../../../hooks\";\nimport {\n  DataTrackingId,\n  LayoutUtilProps,\n  Size,\n  MaxLengthCounterProps,\n} from \"../../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../../FieldMessage\";\nimport { Spinner } from \"../../Spinner\";\nimport styles from \"../TextField.module.scss\";\nimport cx from \"classnames\";\nimport { FieldLabel, FieldLabelProps } from \"../../FieldLabel\";\nimport {\n  childrenToString,\n  stripInlineMarkdown,\n  warnOnce,\n} from \"../../../internal/functions\";\n\nexport type TextFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"size\" | \"prefix\"\n> &\n  LayoutUtilProps & {\n    /**\n     * Error state for the field. Pass `true` to indicate error styling without a message.\n     * Pass a string, string[], or ReactElement (deprecated) for error messages.\n     */\n    error?: boolean | string | ReactElement | string[];\n    // TODO(v4.0.0): make label required and type string\n    /**\n     * Label for the field.\n     * Omitting `label` is deprecated — it will be required in v4.0.0. Use `hideLabel` to visually hide it.\n     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.\n     */\n    label?: FieldLabelProps[\"children\"];\n    prefix?: string | ReactElement;\n    suffix?: string | ReactElement;\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    type?: \"text\" | \"email\" | \"tel\" | \"url\" | \"password\" | \"number\";\n    description?: HelperProps[\"description\"];\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    hint?: HelperProps[\"hint\"];\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n    loading?: boolean;\n    disabled?: boolean;\n    labelProps?: FieldLabelProps;\n    moreInfo?: ReactNode;\n    /**\n     * When `true`, hides the visible label and moves it to `aria-label` on the input.\n     * Requires `label` to be set — the label is always needed for accessibility.\n     * @default false\n     */\n    hideLabel?: boolean;\n  } & MaxLengthCounterProps &\n  DataTrackingId;\n\nexport const TextField = forwardRef(\n  (props: TextFieldProps, ref: Ref<HTMLInputElement>) => {\n    const { aiMark, ...labelPropsWithoutAiMark } = props.labelProps || {};\n\n    const data = {\n      label: childrenToString(props.label),\n      labelProps: labelPropsWithoutAiMark,\n      prefix: childrenToString(props.prefix),\n      hint: childrenToString(props.hint),\n      description: childrenToString(props.description),\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"TextField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      error,\n      errorAriaLive: _errorAriaLive,\n      defaultValue: defaultValueProp,\n      value: valueProp,\n      label,\n      moreInfo,\n      prefix,\n      suffix,\n      size,\n      type = \"text\",\n      required,\n      onChange,\n      onFocus,\n      onBlur,\n      id: idProp,\n      description,\n      hint,\n      showCounter,\n      maxLength,\n      loading,\n      disabled,\n      labelProps,\n      style,\n      placeholder,\n      warning,\n      \"aria-label\": ariaLabelProp,\n      hideLabel = false,\n      ...rest\n    } = componentProps;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isTyping, setIsTyping] = useState(false);\n\n    // Use the optionally controlled state for value\n    const [value, setValue] = useOptionallyControlledState<typeof valueProp>({\n      controlledValue: valueProp,\n      defaultValue: defaultValueProp,\n    });\n\n    const length = useMemo(() => {\n      if (\n        typeof value === \"string\" ||\n        typeof value === \"number\" ||\n        Array.isArray(value)\n      ) {\n        return String(value).length;\n      }\n      return 0;\n    }, [value]);\n\n    const onChangeHandler: ChangeEventHandler<HTMLInputElement> = (e) => {\n      setValue(e.target.value);\n      onChange?.(e);\n      if (!isTyping) {\n        setIsTyping(true);\n      }\n    };\n\n    const blurHandler: FocusEventHandler<HTMLInputElement> = (e) => {\n      onBlur?.(e);\n      if (isTyping) {\n        setIsTyping(false);\n      }\n    };\n\n    const labelUid = useId();\n    const id = idProp ?? labelUid;\n\n    const prefixUid = useId();\n    const suffixUid = useId();\n\n    const helperUid = useId();\n    const moreInfoUid = useId();\n\n    warnDeprecatedErrorUsage(\"TextField\", error);\n\n    // TODO(v4.0.0): remove these warnings once label is required string\n    if (label === undefined) {\n      warnOnce(\n        \"TextField: label will be required in v4.0.0. Use hideLabel to visually hide the label.\",\n      );\n    } else if (typeof label !== \"string\") {\n      warnOnce(\n        \"TextField: Passing ReactNode to label is deprecated. Use a plain string with inline markdown instead.\",\n      );\n    }\n\n    const errorMessages =\n      typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    const hasHelperText =\n      hint || showCounter || errorMessages || warning || description;\n\n    const ariaDescribedBy =\n      [hasHelperText && helperUid, moreInfo && moreInfoUid]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    return (\n      <div\n        className={cx(styles[\"textfield\"], className)}\n        data-anv=\"textfield\"\n        style={styleCombined}\n      >\n        {/* TODO(v4.0.0): simplify to !hideLabel once label is required */}\n        {label && !hideLabel && (\n          <FieldLabel\n            moreInfo={moreInfo}\n            moreInfoId={moreInfo ? moreInfoUid : undefined}\n            required={required}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cx(styles[\"input-wrapper\"], {\n            [styles[\"small\"]]: size === \"small\",\n            [styles[\"large\"]]: size === \"large\",\n          })}\n          role=\"presentation\"\n          onClick={(e) => {\n            inputRef.current?.focus();\n            if (e.target !== inputRef.current) {\n              inputRef.current?.click();\n            }\n          }}\n        >\n          {prefix ? (\n            <div\n              aria-hidden\n              className={styles[\"prefix\"]}\n              id={`prefix${prefixUid}`}\n            >\n              {prefix}\n            </div>\n          ) : null}\n          <input\n            id={id}\n            className={cx(styles[\"input\"], {\n              [styles[\"error\"]]: error,\n            })}\n            onChange={onChangeHandler}\n            onFocus={onFocus}\n            onBlur={blurHandler}\n            ref={useMergeRefs([ref, inputRef])}\n            required={required}\n            maxLength={maxLength}\n            placeholder={placeholder}\n            type={type}\n            disabled={disabled}\n            value={value ?? \"\"}\n            data-tracking-id={trackingId}\n            {...rest}\n            aria-label={\n              // TODO(v4.0.0): remove typeof check — label will always be string\n              hideLabel && typeof label === \"string\"\n                ? stripInlineMarkdown(label)\n                : ariaLabelProp || (label ? undefined : placeholder) // TODO(v4.0.0): this can all be removed once label is required. Aria-label should no longer be a separate prop passed through.\n            }\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={error ? !!error : undefined}\n          />\n          {loading ? (\n            <div className={styles[\"loading-spinner-wrapper\"]}>\n              <Spinner size=\"small\" />\n            </div>\n          ) : null}\n          {suffix ? (\n            <div\n              className={styles[\"suffix\"]}\n              aria-hidden\n              id={`suffix${suffixUid}`}\n            >\n              {suffix}\n            </div>\n          ) : null}\n        </div>\n        {hasHelperText ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            maxLength={maxLength}\n            inputLength={length}\n            isTyping={isTyping}\n            showCounter={showCounter}\n            error={\n              typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n                ? errorMessages\n                : undefined\n            }\n            warning={warning}\n            errorMessage={\n              isValidElement(errorMessages) ? errorMessages : undefined\n            }\n            description={description}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\nTextField.displayName = \"InternalTextField\";\n"],"names":["styles"],"mappings":"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"}

package/dist/TextField-DzuM8vvd.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { T as TextField$1 } from './TextField-D7NyaKId.js';
+
+const TextField = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(TextField$1, { ref, ...props });
+  }
+);
+TextField.displayName = "TextField";
+
+export { TextField as T };
+//# sourceMappingURL=TextField-DzuM8vvd.js.map

package/dist/TextField-DzuM8vvd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField-DzuM8vvd.js","sources":["../src/components/TextField/TextField.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  TextField as CoreTextField,\n  TextFieldProps as CoreTextFieldProps,\n} from \"./internal/TextField\";\nimport { MaxLengthCounterProps } from \"../../types\";\n\nexport type TextFieldProps = Omit<CoreTextFieldProps, \"prefix\"> & {\n  prefix?: string;\n} & MaxLengthCounterProps;\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (props, ref) => {\n    return <CoreTextField ref={ref} {...props} />;\n  },\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["CoreTextField"],"mappings":";;;;AAWO,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,uBAAO,GAAA,CAACA,WAAA,EAAA,EAAc,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAC7C;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}

package/dist/TextField.css

@@ -1,7 +1,6 @@
-.anvil2 {._textfield_2s7pw_1 {
+.anvil2 {._textfield_1tdg8_1 {
   --a2-mod-text-field-input-foreground-color: var(--a2-text-field-input-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
   --a2-mod-text-field-input-placeholder-foreground-color: var(--a2-text-field-input-placeholder-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -15,7 +14,7 @@
   flex-direction: column;
   font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
   gap: var(--a2-size-2, 0.5rem);
-}._input-wrapper_2s7pw_20 {
+}._input-wrapper_1tdg8_19 {
   --a2-internal-text-field-focus-ring-color: var(
     --a2-mod-text-field-focus-ring-color
   );
@@ -29,7 +28,6 @@
   --a2-mod-text-field-input-wrapper-background-color: var(--a2-text-field-input-wrapper-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
   --a2-mod-text-field-input-wrapper-border-color: var(--a2-text-field-input-wrapper-border-color-default, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
   --a2-mod-text-field-focus-ring-color: var(--a2-text-field-focus-ring-color-default, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -47,27 +45,26 @@
   cursor: text;
   height: var(--a2-internal-text-field-input-wrapper-height);
   justify-content: stretch;
-}._input-wrapper_2s7pw_20:has(._input_2s7pw_20:disabled) {
+}._input-wrapper_1tdg8_19:has(._input_1tdg8_19:disabled) {
   opacity: var(--a2-opacity-disabled-strong, 0.4);
-}._input-wrapper_2s7pw_20:has(._input_2s7pw_20:-moz-read-only) {
+}._input-wrapper_1tdg8_19:has(._input_1tdg8_19:-moz-read-only) {
   --a2-internal-text-field-input-wrapper-background-color: var(--a2-text-field-input-wrapper-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
-}._input-wrapper_2s7pw_20:has(._input_2s7pw_20:read-only) {
+}._input-wrapper_1tdg8_19:has(._input_1tdg8_19:read-only) {
   --a2-internal-text-field-input-wrapper-background-color: var(--a2-text-field-input-wrapper-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
-}._input-wrapper_2s7pw_20:has(._input_2s7pw_20._error_2s7pw_59) {
+}._input-wrapper_1tdg8_19:has(._input_1tdg8_19._error_1tdg8_57) {
   --a2-internal-text-field-input-wrapper-border-color: var(--a2-text-field-input-wrapper-border-color-danger, var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e))));
-}._input-wrapper_2s7pw_20:has(._input_2s7pw_20:focus), ._input-wrapper_2s7pw_20:has([data-interactive=focus-visible]) {
+}._input-wrapper_1tdg8_19:has(._input_1tdg8_19:focus), ._input-wrapper_1tdg8_19:has([data-interactive=focus-visible]) {
   outline: var(--a2-size-half, 0.125rem) solid var(--a2-internal-text-field-focus-ring-color);
   outline-offset: var(--a2-size-half, 0.125rem);
-}._input-wrapper_2s7pw_20:has(._input_2s7pw_20._error_2s7pw_59:focus) {
+}._input-wrapper_1tdg8_19:has(._input_1tdg8_19._error_1tdg8_57:focus) {
   --a2-internal-text-field-focus-ring-color: var(--a2-text-field-focus-ring-color-danger, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
-}._input-wrapper_2s7pw_20:has(._prefix_2s7pw_70) ._input_2s7pw_20 {
+}._input-wrapper_1tdg8_19:has(._prefix_1tdg8_68) ._input_1tdg8_19 {
   padding-inline-start: 0;
-}._input-wrapper_2s7pw_20:has(._suffix_2s7pw_74) ._input_2s7pw_20,
-._input-wrapper_2s7pw_20:has(._suffix_2s7pw_74) ._loading-spinner_2s7pw_75 {
+}._input-wrapper_1tdg8_19:has(._suffix_1tdg8_72) ._input_1tdg8_19,
+._input-wrapper_1tdg8_19:has(._suffix_1tdg8_72) ._loading-spinner_1tdg8_73 {
   padding-inline-end: 0;
-}._prefix_2s7pw_70,
-._suffix_2s7pw_74 {
-  all: unset;
+}._prefix_1tdg8_68,
+._suffix_1tdg8_72 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-mod-text-field-input-foreground-color);
@@ -85,21 +82,20 @@
   justify-content: center;
   min-width: var(--a2-size-8, 2rem);
   padding-inline: var(--a2-size-3, 0.75rem);
-}._xsmall_2s7pw_101 {
+}._xsmall_1tdg8_98 {
   --a2-internal-text-field-input-wrapper-height: var(--a2-size-6, 1.5rem);
   font-size: var(--a2-font-size-200, 0.75rem);
-}._small_2s7pw_106 {
+}._small_1tdg8_103 {
   --a2-internal-text-field-input-wrapper-height: var(--a2-size-8, 2rem);
-}._large_2s7pw_110 {
+}._large_1tdg8_107 {
   --a2-internal-text-field-input-wrapper-height: var(--a2-size-12, 3rem);
-}._input_2s7pw_20[type=text],
-._input_2s7pw_20[type=search],
-._input_2s7pw_20[type=email],
-._input_2s7pw_20[type=password],
-._input_2s7pw_20[type=number],
-._input_2s7pw_20[type=tel],
-._input_2s7pw_20[type=url] {
-  all: unset;
+}._input_1tdg8_19:is([type=text],
+[type=search],
+[type=email],
+[type=password],
+[type=number],
+[type=tel],
+[type=url]) {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -110,47 +106,59 @@
   border-color: transparent;
   box-sizing: border-box;
   display: block;
+  background: transparent;
+  box-shadow: none;
   color: var(--a2-mod-text-field-input-foreground-color);
   flex-basis: 0;
   flex-grow: 1;
   flex-shrink: 1;
+  height: auto;
+  line-height: 1;
   min-width: 0;
+  outline: none;
   padding-block: var(--a2-size-2, 0.5rem);
   padding-inline: var(--a2-size-3, 0.75rem);
-}._input_2s7pw_20[type=text]:focus, ._input_2s7pw_20[type=text]:focus:invalid,
-._input_2s7pw_20[type=search]:focus,
-._input_2s7pw_20[type=search]:focus:invalid,
-._input_2s7pw_20[type=email]:focus,
-._input_2s7pw_20[type=email]:focus:invalid,
-._input_2s7pw_20[type=password]:focus,
-._input_2s7pw_20[type=password]:focus:invalid,
-._input_2s7pw_20[type=number]:focus,
-._input_2s7pw_20[type=number]:focus:invalid,
-._input_2s7pw_20[type=tel]:focus,
-._input_2s7pw_20[type=tel]:focus:invalid,
-._input_2s7pw_20[type=url]:focus,
-._input_2s7pw_20[type=url]:focus:invalid {
+  width: auto;
+}._input_1tdg8_19:is([type=text],
+[type=search],
+[type=email],
+[type=password],
+[type=number],
+[type=tel],
+[type=url]):focus, ._input_1tdg8_19:is([type=text],
+[type=search],
+[type=email],
+[type=password],
+[type=number],
+[type=tel],
+[type=url]):focus:invalid {
   box-shadow: none;
   color: currentColor;
-}._input_2s7pw_20[type=text]::-moz-placeholder, ._input_2s7pw_20[type=search]::-moz-placeholder, ._input_2s7pw_20[type=email]::-moz-placeholder, ._input_2s7pw_20[type=password]::-moz-placeholder, ._input_2s7pw_20[type=number]::-moz-placeholder, ._input_2s7pw_20[type=tel]::-moz-placeholder, ._input_2s7pw_20[type=url]::-moz-placeholder {
+}._input_1tdg8_19:is([type=text],
+[type=search],
+[type=email],
+[type=password],
+[type=number],
+[type=tel],
+[type=url])::-moz-placeholder {
   color: var(--a2-mod-text-field-input-placeholder-foreground-color);
-}._input_2s7pw_20[type=text]::placeholder,
-._input_2s7pw_20[type=search]::placeholder,
-._input_2s7pw_20[type=email]::placeholder,
-._input_2s7pw_20[type=password]::placeholder,
-._input_2s7pw_20[type=number]::placeholder,
-._input_2s7pw_20[type=tel]::placeholder,
-._input_2s7pw_20[type=url]::placeholder {
+}._input_1tdg8_19:is([type=text],
+[type=search],
+[type=email],
+[type=password],
+[type=number],
+[type=tel],
+[type=url])::placeholder {
   color: var(--a2-mod-text-field-input-placeholder-foreground-color);
-}._input_2s7pw_20[type=text][data-input-empty=true],
-._input_2s7pw_20[type=search][data-input-empty=true],
-._input_2s7pw_20[type=email][data-input-empty=true],
-._input_2s7pw_20[type=password][data-input-empty=true],
-._input_2s7pw_20[type=number][data-input-empty=true],
-._input_2s7pw_20[type=tel][data-input-empty=true],
-._input_2s7pw_20[type=url][data-input-empty=true] {
+}._input_1tdg8_19:is([type=text],
+[type=search],
+[type=email],
+[type=password],
+[type=number],
+[type=tel],
+[type=url])[data-input-empty=true] {
   --a2-internal-text-field-input-placeholder-foreground-color: var(--a2-text-field-input-placeholder-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
-}._loading-spinner-wrapper_2s7pw_175 {
+}._loading-spinner-wrapper_1tdg8_177 {
   height: var(--a2-size-4, 1rem);
   padding-inline: var(--a2-size-2, 0.5rem);
   width: var(--a2-size-4, 1rem);

package/dist/TextField.d.ts

@@ -1,6 +1 @@
-export * from './components/TextField/index'
-export {}
-import _default from './components/TextField/index'
-export default _default
-export * from './components/TextField/index'
 export {}

package/dist/TextField.js

@@ -1,2 +1,2 @@
-export { T as TextField, T as default } from './TextField-yL52fx5R.js';
+export { T as TextField, T as default } from './TextField-DzuM8vvd.js';
 //# sourceMappingURL=TextField.js.map

package/dist/TextField.module-DkZwywjf.js

@@ -0,0 +1,23 @@
+import './TextField.css';const textfield = "_textfield_1tdg8_1";
+const input = "_input_1tdg8_19";
+const error = "_error_1tdg8_57";
+const prefix = "_prefix_1tdg8_68";
+const suffix = "_suffix_1tdg8_72";
+const xsmall = "_xsmall_1tdg8_98";
+const small = "_small_1tdg8_103";
+const large = "_large_1tdg8_107";
+const textFieldStyles = {
+	textfield: textfield,
+	"input-wrapper": "_input-wrapper_1tdg8_19",
+	input: input,
+	error: error,
+	prefix: prefix,
+	suffix: suffix,
+	xsmall: xsmall,
+	small: small,
+	large: large,
+	"loading-spinner-wrapper": "_loading-spinner-wrapper_1tdg8_177"
+};
+
+export { textFieldStyles as t };
+//# sourceMappingURL=TextField.module-DkZwywjf.js.map

package/dist/TextField.module-DkZwywjf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.module-DkZwywjf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}