welcome-ui 8.4.0 → 9.0.0-alpha.1

package/dist/InputText.css

@@ -0,0 +1 @@
+@layer components{._input-text-wrapper_1n264_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_1n264_8{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30));height:var(--height);padding-inline:var(--paddingInline);padding-block:var(--paddingBlock)}._root_1n264_8:disabled,._root_1n264_8[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_1n264_8:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_1n264_8[data-focus-visible],._root_1n264_8:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_1n264_8::placeholder{--color: var(--color-neutral-60)}._variant-danger_1n264_42{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_1n264_48{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_1n264_54{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._placement-left_1n264_60._size-xs_1n264_60{padding-left:1.75rem}._placement-left_1n264_60._size-sm_1n264_63,._placement-left_1n264_60._size-md_1n264_63,._placement-left_1n264_60._size-lg_1n264_63{padding-left:2.25rem}._placement-right_1n264_66._size-xs_1n264_60{padding-right:1.75rem}._placement-right_1n264_66._size-sm_1n264_63,._placement-right_1n264_66._size-md_1n264_63,._placement-right_1n264_66._size-lg_1n264_63{padding-right:2.25rem}._transparent_1n264_72{--borderColor: transparent;--backgroundColor: transparent;--borderColorHover: var(--color-neutral-20)}._size-xs_1n264_60{--height: var(--height-elements-sm);--paddingBlock: var(--spacing-xs);--paddingInline: var(--spacing-sm)}._size-sm_1n264_63{--height: var(--height-elements-md);--paddingBlock: var(--spacing-sm);--paddingInline: var(--spacing-md)}._size-md_1n264_63{--height: var(--height-elements-lg);--paddingBlock: var(--spacing-md);--paddingInline: var(--spacing-md)}._size-lg_1n264_63{--height: var(--height-elements-xl);--paddingBlock: var(--spacing-lg);--paddingInline: var(--spacing-md)}._clearable_1n264_97{padding-right:var(--spacing-xl)}._icon-wrapper_1n264_100{position:absolute;top:0;bottom:0;left:var(--left);right:var(--right);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--color-neutral-90);gap:var(--spacing-xs);--left: auto;--right: auto}._icon-wrapper_1n264_100>button{pointer-events:auto}._icon-placement-left-xs_1n264_121{--left: var(--spacing-sm)}._icon-placement-left-sm_1n264_124{--left: var(--spacing-md)}._icon-placement-right-xs_1n264_127{--right: var(--spacing-sm)}._icon-placement-right-sm_1n264_130{--right: var(--spacing-md)}}

package/dist/InputText.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import u, { forwardRef as E } from "react";
+import { CloseButton as R } from "./CloseButton.js";
+import { useField as S } from "./Field.js";
+import { c as b } from "./index-PAaZGbyz.js";
+const j = "_root_1n264_8", D = "_transparent_1n264_72", F = "_clearable_1n264_97", L = {
+  "input-text-wrapper": "_input-text-wrapper_1n264_2",
+  root: j,
+  "variant-danger": "_variant-danger_1n264_42",
+  "variant-warning": "_variant-warning_1n264_48",
+  "variant-success": "_variant-success_1n264_54",
+  "placement-left": "_placement-left_1n264_60",
+  "size-xs": "_size-xs_1n264_60",
+  "size-sm": "_size-sm_1n264_63",
+  "size-md": "_size-md_1n264_63",
+  "size-lg": "_size-lg_1n264_63",
+  "placement-right": "_placement-right_1n264_66",
+  transparent: D,
+  clearable: F,
+  "icon-wrapper": "_icon-wrapper_1n264_100",
+  "icon-placement-left-xs": "_icon-placement-left-xs_1n264_121",
+  "icon-placement-left-sm": "_icon-placement-left-sm_1n264_124",
+  "icon-placement-right-xs": "_icon-placement-right-xs_1n264_127",
+  "icon-placement-right-sm": "_icon-placement-right-sm_1n264_130"
+}, s = b(L), T = { lg: "sm", md: "sm", sm: "sm", xs: "xs" }, q = E(
+  ({
+    className: x,
+    icon: t,
+    iconPlacement: e = "left",
+    isClearable: c,
+    name: l,
+    onChange: r,
+    size: _ = "md",
+    transparent: d,
+    type: g = "text",
+    value: o,
+    variant: v,
+    ...h
+  }, z) => {
+    const { getInputProps: w, variant: I } = S(), p = I || v, a = t && e, m = a && e === "right", N = a && e === "left", n = T[_], $ = () => {
+      r && r({
+        preventDefault: () => null,
+        target: { name: l, value: "" }
+      });
+    };
+    return /* @__PURE__ */ f("div", { className: s("input-text-wrapper"), children: [
+      /* @__PURE__ */ i(
+        "input",
+        {
+          ...w(h),
+          className: s(
+            "root",
+            `size-${_}`,
+            p && `variant-${p}`,
+            d && "transparent",
+            a && `placement-${e}`,
+            x
+          ),
+          name: l,
+          onChange: r,
+          ref: z,
+          type: g,
+          value: o
+        }
+      ),
+      N ? /* @__PURE__ */ i("div", { className: s("icon-wrapper", `icon-placement-left-${n}`), children: u.cloneElement(t, { ...t.props, size: n }) }) : null,
+      c || m ? /* @__PURE__ */ f("div", { className: s("icon-wrapper", `icon-placement-right-${n}`), children: [
+        c && o ? /* @__PURE__ */ i(R, { onClick: $, size: "xs" }) : null,
+        m ? u.cloneElement(t, { ...t.props, size: n }) : null
+      ] }) : null
+    ] });
+  }
+);
+export {
+  q as InputText
+};