welcome-ui 9.0.1 → 10.0.0-alpha.1

package/dist/FileUpload.css

@@ -1 +1 @@
-@layer components{._input_nmgw3_2{display:none}._preview-tag_nmgw3_5{margin-right:var(--spacing-sm);margin-top:var(--spacing-sm)}._preview-tag-size_nmgw3_9{color:var(--color-beige-60)}}
+@layer components{._input_2g24s_2{display:none}._preview-tag_2g24s_5{margin-right:var(--border-radius-md);margin-top:var(--border-radius-md)}._preview-tag-size_2g24s_9{color:var(--color-border-warm-primary)}}

package/dist/FileUpload.js

@@ -2,67 +2,68 @@
 import { jsxs as U, Fragment as T, jsx as p } from "react/jsx-runtime";
 import { forwardRef as D, useState as O, useRef as A, useMemo as H, useImperativeHandle as K, useEffect as j } from "react";
 import { Button as M } from "./Button.js";
-import { g as Y, b as q, a as G } from "./index-CPqDZeah.js";
-import { Tag as J } from "./Tag.js";
-import { c as Q } from "./index-CdiHdiVB.js";
+import { g as Y, b as q, a as G } from "./index-DmEMuVTM.js";
+import { Icon as J } from "./Icon.js";
+import { Tag as Q } from "./Tag.js";
+import { c as V } from "./index-CdiHdiVB.js";
 import { c as k } from "./create-event-rXDe5aCQ.js";
-const V = "_input_nmgw3_2", W = {
-  input: V,
-  "preview-tag": "_preview-tag_nmgw3_5",
-  "preview-tag-size": "_preview-tag-size_nmgw3_9"
-}, y = Q(W), X = "*/*", x = (e) => Array.isArray(e) ? e : e ? [e] : [], Z = ({ file: e, onRemove: m }) => {
-  const a = Y(e), w = q(e), i = G(e);
-  return /* @__PURE__ */ U(J, { className: y("preview-tag"), "data-testid": w, onRemove: m, children: [
-    /* @__PURE__ */ p(a, { size: "md" }),
-    w,
+const W = "_input_2g24s_2", X = {
+  input: W,
+  "preview-tag": "_preview-tag_2g24s_5",
+  "preview-tag-size": "_preview-tag-size_2g24s_9"
+}, y = V(X), Z = "*/*", x = (e) => Array.isArray(e) ? e : e ? [e] : [], $ = ({ file: e, onRemove: m }) => {
+  const a = Y(e), f = q(e), i = G(e);
+  return /* @__PURE__ */ U(Q, { className: y("preview-tag"), "data-testid": f, onRemove: m, children: [
+    /* @__PURE__ */ p(J, { name: a, size: "md" }),
+    f,
     i ? /* @__PURE__ */ U("span", { className: y("preview-tag-size"), children: [
       "(",
       i,
       ")"
     ] }) : null
-  ] }, w);
-}, $ = D(
+  ] }, f);
+}, d = D(
   ({
-    accept: e = X,
+    accept: e = Z,
     children: m,
     disabled: a,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    draggable: w,
+    draggable: f,
     handleAddFile: i,
-    handleRemoveFile: f,
-    multiple: z,
-    name: u,
+    handleRemoveFile: u,
+    multiple: N,
+    name: v,
     onBlur: c,
-    onChange: n,
+    onChange: o,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onError: d,
-    preview: E,
-    value: v = [],
+    onError: C,
+    preview: z,
+    value: w = [],
     ...I
   }, S) => {
-    const [r, g] = O(x(v)), _ = A(), L = H(() => E || Z, [E]);
+    const [r, g] = O(x(w)), _ = A(), E = H(() => z || $, [z]);
     K(S, () => _.current), j(() => {
-      g(x(v));
-    }, [v]), j(() => () => {
+      g(x(w));
+    }, [w]), j(() => () => {
       r == null || r.map((t) => t instanceof File ? URL.revokeObjectURL(t.preview) : t);
     }, [r]);
     const b = (t) => {
       let s = Array.from(t.target.files).map(
-        (o) => (o instanceof File && (o.preview = URL.createObjectURL(o)), o)
+        (n) => (n instanceof File && (n.preview = URL.createObjectURL(n)), n)
       );
       g(s), s.length === 1 && (s = s[0]);
-      const F = k({ name: u, value: s });
-      n == null || n(F), i == null || i(s), c == null || c();
-    }, N = (t) => {
-      const s = r.filter((P) => P !== t), F = z ? s : void 0;
+      const F = k({ name: v, value: s });
+      o == null || o(F), i == null || i(s), c == null || c();
+    }, L = (t) => {
+      const s = r.filter((P) => P !== t), F = N ? s : void 0;
       g(s);
-      const o = k({ name: u, value: F });
-      n == null || n(o), f == null || f(t), c == null || c();
+      const n = k({ name: v, value: F });
+      o == null || o(n), u == null || u(t), c == null || c();
     }, R = () => {
       _.current.click();
     }, l = r.map((t) => t instanceof File ? t.preview : void 0).join("");
     return /* @__PURE__ */ U(T, { children: [
-      m ? m({ disabled: a, files: r, onRemoveFile: N, openFile: R }) : /* @__PURE__ */ p(M, { disabled: a, onClick: R, children: "Upload file" }),
+      m ? m({ disabled: a, files: r, onRemoveFile: L, openFile: R }) : /* @__PURE__ */ p(M, { disabled: a, onClick: R, children: "Upload file" }),
       /* @__PURE__ */ p("br", {}),
       /* @__PURE__ */ p(
         "input",
@@ -70,8 +71,8 @@ const V = "_input_nmgw3_2", W = {
           accept: e,
           className: y("input"),
           disabled: a,
-          multiple: z,
-          name: u,
+          multiple: N,
+          name: v,
           onBlur: c,
           onChange: b,
           ref: _,
@@ -80,18 +81,18 @@ const V = "_input_nmgw3_2", W = {
         },
         l
       ),
-      L ? r.map((t) => /* @__PURE__ */ p(
-        L,
+      E ? r.map((t) => /* @__PURE__ */ p(
+        E,
         {
           file: t,
-          onRemove: () => N(t)
+          onRemove: () => L(t)
         },
         t instanceof File ? t.name : t
       )) : null
     ] });
   }
 );
-$.displayName = "FileUpload";
+d.displayName = "FileUpload";
 export {
-  $ as FileUpload
+  d as FileUpload
 };

package/dist/Hint.css

@@ -1 +1 @@
-@layer components{._root_zxnv7_2{display:flex;align-items:center;color:var(--color, var(--color-neutral-60));font-size:var(--font-size-xs);line-height:var(--line-height-xs)}._variant-danger_zxnv7_9{--color: var(--color-red-70)}._variant-success_zxnv7_12{--color: var(--color-green-70)}._variant-warning_zxnv7_15{--color: var(--color-orange-70)}}
+@layer components{._root_1ub92_2{display:flex;align-items:center;color:var(--color, var(--components-colors-hint-color-text-default))}._variant-danger_1ub92_7{--color: var(--components-colors-hint-color-text-error)}._variant-success_1ub92_10{--color: var(--components-colors-hint-color-text-success)}._variant-warning_1ub92_13{--color: var(--components-colors-hint-color-text-warning)}}

package/dist/Hint.js

@@ -1,24 +1,27 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { c as i } from "./index-CdiHdiVB.js";
-const c = "_root_zxnv7_2", _ = {
-  root: c,
-  "variant-danger": "_variant-danger_zxnv7_9",
-  "variant-success": "_variant-success_zxnv7_12",
-  "variant-warning": "_variant-warning_zxnv7_15"
-}, v = i(_), d = e(
-  ({ children: n, className: a, variant: r, ...t }, o) => /* @__PURE__ */ s(
-    "span",
+import { Text as i } from "./Text.js";
+import { c } from "./index-CdiHdiVB.js";
+const _ = "_root_1ub92_2", m = {
+  root: _,
+  "variant-danger": "_variant-danger_1ub92_7",
+  "variant-success": "_variant-success_1ub92_10",
+  "variant-warning": "_variant-warning_1ub92_13"
+}, u = c(m), p = e(
+  ({ children: a, className: t, variant: r, ...o }, n) => /* @__PURE__ */ s(
+    i,
     {
-      className: v("root", r && `variant-${r}`, a),
-      ref: o,
+      as: "span",
+      className: u("root", r && `variant-${r}`, t),
+      ref: n,
       role: r === "danger" ? "alert" : void 0,
-      ...t,
-      children: n
+      variant: "body-sm",
+      ...o,
+      children: a
     }
   )
 );
 export {
-  d as Hint
+  p as Hint
 };

package/dist/Icon.css

@@ -1 +1 @@
-@layer components{._root_8gp32_2{width:var(--size);height:var(--size)}._size-xs_8gp32_7{--size: var(--height-elements-xxs)}._size-sm_8gp32_10{--size: var(--height-elements-xs)}._size-md_8gp32_13{--size: var(--height-elements-sm)}._size-lg_8gp32_16{--size: var(--height-elements-md)}._size-xl_8gp32_19{--size: var(--height-elements-lg)}._size-xxl_8gp32_22{--size: var(--height-elements-xl)}}
+@layer components{._root_1er5i_2{width:var(--size);height:var(--size)}._size-xs_1er5i_7{--size: var(--size-icon-xs)}._size-sm_1er5i_10{--size: var(--size-icon-sm)}._size-md_1er5i_13{--size: var(--size-icon-md)}._size-lg_1er5i_16{--size: var(--size-icon-lg)}._size-xl_1er5i_19{--size: var(--size-icon-xl)}._size-xxl_1er5i_22{--size: var(--size-icon-xxl)}._size-2xl_1er5i_25{--size: var(--size-icon-xl)}._size-3xl_1er5i_28{--size: var(--size-icon-2xl)}}