welcome-ui 10.0.0-alpha.5 → 10.0.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/Button.css +1 -1
  2. package/dist/Button.js +41 -41
  3. package/dist/Drawer.js +132 -111
  4. package/dist/DropdownMenu.js +251 -238
  5. package/dist/Icon.js +16 -12
  6. package/dist/InputText.css +1 -1
  7. package/dist/InputText.js +48 -48
  8. package/dist/Link.css +1 -1
  9. package/dist/Link.js +48 -48
  10. package/dist/Search.css +1 -1
  11. package/dist/Search.js +137 -132
  12. package/dist/Textarea.css +1 -1
  13. package/dist/Textarea.js +24 -18
  14. package/dist/Toast.js +163 -126
  15. package/dist/types/components/Icon/icons.d.ts +4 -3
  16. package/dist/types/components/Textarea/types.d.ts +1 -0
  17. package/package.json +1 -1
package/dist/Icon.js CHANGED
@@ -3,7 +3,7 @@ import './Icon.css';
3
3
  import { jsxs as o, jsx as a } from "react/jsx-runtime";
4
4
  import { forwardRef as C } from "react";
5
5
  import { c as e } from "./index-PAaZGbyz.js";
6
- const s = "_root_576cf_2", n = {
6
+ const s = "_root_576cf_2", A = {
7
7
  root: s,
8
8
  "size-xs": "_size-xs_576cf_7",
9
9
  "size-sm": "_size-sm_576cf_10",
@@ -23,6 +23,7 @@ const s = "_root_576cf_2", n = {
23
23
  /* @__PURE__ */ a("symbol", { id: "archive-alt", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M10,13h4a1,1,0,0,0,0-2H10a1,1,0,0,0,0,2ZM19,3H5A3,3,0,0,0,4,8.82V18a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V8.82A3,3,0,0,0,19,3ZM18,18a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V9H18ZM19,7H5A1,1,0,0,1,5,5H19a1,1,0,0,1,0,2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
24
24
  /* @__PURE__ */ a("symbol", { id: "arrows-shrink-v", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { d: "M13.79 10.21C13.883 10.3037 13.9936 10.3781 14.1154 10.4289C14.2373 10.4797 14.368 10.5058 14.5 10.5058C14.632 10.5058 14.7627 10.4797 14.8846 10.4289C15.0064 10.3781 15.117 10.3037 15.21 10.21C15.3037 10.117 15.3781 10.0064 15.4289 9.88458C15.4797 9.76272 15.5058 9.63201 15.5058 9.5C15.5058 9.36799 15.4797 9.23728 15.4289 9.11542C15.3781 8.99356 15.3037 8.88296 15.21 8.79L12.71 6.29C12.6149 6.19896 12.5028 6.12759 12.38 6.08C12.1365 5.97998 11.8635 5.97998 11.62 6.08C11.4972 6.12759 11.3851 6.19896 11.29 6.29L8.79 8.79C8.6017 8.9783 8.49591 9.2337 8.49591 9.5C8.49591 9.7663 8.6017 10.0217 8.79 10.21C8.9783 10.3983 9.2337 10.5041 9.5 10.5041C9.7663 10.5041 10.0217 10.3983 10.21 10.21L11 9.41V14.59L10.21 13.79C10.0217 13.6017 9.7663 13.4959 9.5 13.4959C9.2337 13.4959 8.9783 13.6017 8.79 13.79C8.6017 13.9783 8.49591 14.2337 8.49591 14.5C8.49591 14.7663 8.6017 15.0217 8.79 15.21L11.29 17.71C11.3851 17.801 11.4972 17.8724 11.62 17.92C11.7397 17.9729 11.8691 18.0002 12 18.0002C12.1309 18.0002 12.2603 17.9729 12.38 17.92C12.5028 17.8724 12.6149 17.801 12.71 17.71L15.21 15.21C15.3983 15.0217 15.5041 14.7663 15.5041 14.5C15.5041 14.2337 15.3983 13.9783 15.21 13.79C15.0217 13.6017 14.7663 13.4959 14.5 13.4959C14.2337 13.4959 13.9783 13.6017 13.79 13.79L13 14.59V9.41L13.79 10.21ZM7 4H17C17.2652 4 17.5196 3.89464 17.7071 3.70711C17.8946 3.51957 18 3.26522 18 3C18 2.73478 17.8946 2.48043 17.7071 2.29289C17.5196 2.10536 17.2652 2 17 2H7C6.73478 2 6.48043 2.10536 6.29289 2.29289C6.10536 2.48043 6 2.73478 6 3C6 3.26522 6.10536 3.51957 6.29289 3.70711C6.48043 3.89464 6.73478 4 7 4ZM17 20H7C6.73478 20 6.48043 20.1054 6.29289 20.2929C6.10536 20.4804 6 20.7348 6 21C6 21.2652 6.10536 21.5196 6.29289 21.7071C6.48043 21.8946 6.73478 22 7 22H17C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8946 21.5196 18 21.2652 18 21C18 20.7348 17.8946 20.4804 17.7071 20.2929C17.5196 20.1054 17.2652 20 17 20Z", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }) }),
25
25
  /* @__PURE__ */ a("symbol", { id: "apps", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M10,13H3a1,1,0,0,0-1,1v7a1,1,0,0,0,1,1h7a1,1,0,0,0,1-1V14A1,1,0,0,0,10,13ZM9,20H4V15H9ZM21,2H14a1,1,0,0,0-1,1v7a1,1,0,0,0,1,1h7a1,1,0,0,0,1-1V3A1,1,0,0,0,21,2ZM20,9H15V4h5Zm1,4H14a1,1,0,0,0-1,1v7a1,1,0,0,0,1,1h7a1,1,0,0,0,1-1V14A1,1,0,0,0,21,13Zm-1,7H15V15h5ZM10,2H3A1,1,0,0,0,2,3v7a1,1,0,0,0,1,1h7a1,1,0,0,0,1-1V3A1,1,0,0,0,10,2ZM9,9H4V4H9Z", xmlns: "http://www.w3.org/2000/svg" }) }),
26
+ /* @__PURE__ */ a("symbol", { id: "edit", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M21,12a1,1,0,0,0-1,1v6a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4h6a1,1,0,0,0,0-2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V13A1,1,0,0,0,21,12ZM6,12.76V17a1,1,0,0,0,1,1h4.24a1,1,0,0,0,.71-.29l6.92-6.93h0L21.71,8a1,1,0,0,0,0-1.42L17.47,2.29a1,1,0,0,0-1.42,0L13.23,5.12h0L6.29,12.05A1,1,0,0,0,6,12.76ZM16.76,4.41l2.83,2.83L18.17,8.66,15.34,5.83ZM8,13.17l5.93-5.93,2.83,2.83L10.83,16H8Z", xmlns: "http://www.w3.org/2000/svg" }) }),
26
27
  /* @__PURE__ */ a("symbol", { id: "user-check", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M13.3,12.22A4.92,4.92,0,0,0,15,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,2,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,13.3,12.22ZM10,11.5a3,3,0,1,1,3-3A3,3,0,0,1,10,11.5ZM21.71,9.13a1,1,0,0,0-1.42,0l-2,2-.62-.63a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41l1.34,1.34a1,1,0,0,0,1.41,0l2.67-2.67A1,1,0,0,0,21.71,9.13Z", xmlns: "http://www.w3.org/2000/svg" }) }),
27
28
  /* @__PURE__ */ a("symbol", { id: "user-plus", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M21,10.5H20v-1a1,1,0,0,0-2,0v1H17a1,1,0,0,0,0,2h1v1a1,1,0,0,0,2,0v-1h1a1,1,0,0,0,0-2Zm-7.7,1.72A4.92,4.92,0,0,0,15,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,2,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,13.3,12.22ZM10,11.5a3,3,0,1,1,3-3A3,3,0,0,1,10,11.5Z", xmlns: "http://www.w3.org/2000/svg" }) }),
28
29
  /* @__PURE__ */ a("symbol", { id: "user-times", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M13.3,12.22A4.92,4.92,0,0,0,15,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,2,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,13.3,12.22ZM10,11.5a3,3,0,1,1,3-3A3,3,0,0,1,10,11.5Zm10.91.5.8-.79a1,1,0,0,0-1.42-1.42l-.79.8-.79-.8a1,1,0,0,0-1.42,1.42l.8.79-.8.79a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l.79-.8.79.8a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z", xmlns: "http://www.w3.org/2000/svg" }) }),
@@ -69,6 +70,10 @@ const s = "_root_576cf_2", n = {
69
70
  /* @__PURE__ */ a("symbol", { id: "arrow-to-right", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M17.71,11.29l-4-4a1,1,0,1,0-1.42,1.42L14.59,11H3a1,1,0,0,0,0,2H14.59l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l4-4a1,1,0,0,0,.21-.33,1,1,0,0,0,0-.76A1,1,0,0,0,17.71,11.29ZM21,4a1,1,0,0,0-1,1V19a1,1,0,0,0,2,0V5A1,1,0,0,0,21,4Z", xmlns: "http://www.w3.org/2000/svg" }) }),
70
71
  /* @__PURE__ */ a("symbol", { id: "top-arrow-to-top", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12.71,6.29a1,1,0,0,0-.33-.21,1,1,0,0,0-.76,0,1,1,0,0,0-.33.21l-4,4a1,1,0,1,0,1.42,1.42L11,9.41V21a1,1,0,0,0,2,0V9.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42ZM19,2H5A1,1,0,0,0,5,4H19a1,1,0,0,0,0-2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
71
72
  /* @__PURE__ */ a("symbol", { id: "arrow-to-bottom", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,20H5a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Zm-7.71-2.29a1,1,0,0,0,.33.21.94.94,0,0,0,.76,0,1,1,0,0,0,.33-.21l4-4a1,1,0,0,0-1.42-1.42L13,14.59V3a1,1,0,0,0-2,0V14.59l-2.29-2.3a1,1,0,1,0-1.42,1.42Z", xmlns: "http://www.w3.org/2000/svg" }) }),
73
+ /* @__PURE__ */ a("symbol", { id: "angle-double-left", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M11.46,8.29a1,1,0,0,0-1.42,0l-3,3a1,1,0,0,0,0,1.42l3,3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L9.16,12l2.3-2.29A1,1,0,0,0,11.46,8.29ZM14.66,12,17,9.71a1,1,0,0,0-1.42-1.42l-3,3a1,1,0,0,0,0,1.42l3,3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z", xmlns: "http://www.w3.org/2000/svg" }) }),
74
+ /* @__PURE__ */ a("symbol", { id: "angle-double-right", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M8.46,8.29A1,1,0,1,0,7,9.71L9.34,12,7,14.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3-3a1,1,0,0,0,0-1.42Zm8.5,3-3-3a1,1,0,0,0-1.42,1.42L14.84,12l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3-3A1,1,0,0,0,17,11.29Z", xmlns: "http://www.w3.org/2000/svg" }) }),
75
+ /* @__PURE__ */ a("symbol", { id: "angle-left", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M11.29,12l3.54-3.54a1,1,0,0,0,0-1.41,1,1,0,0,0-1.42,0L9.17,11.29a1,1,0,0,0,0,1.42L13.41,17a1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41Z", xmlns: "http://www.w3.org/2000/svg" }) }),
76
+ /* @__PURE__ */ a("symbol", { id: "angle-right", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M14.83,11.29,10.59,7.05a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41L12.71,12,9.17,15.54a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29l4.24-4.24A1,1,0,0,0,14.83,11.29Z", xmlns: "http://www.w3.org/2000/svg" }) }),
72
77
  /* @__PURE__ */ a("symbol", { id: "behance", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M20.07,6.35H15V7.76h5.09ZM19,16.05a2.23,2.23,0,0,1-1.3.37A2.23,2.23,0,0,1,16,15.88a2.49,2.49,0,0,1-.62-1.76H22a6.47,6.47,0,0,0-.17-2,5.08,5.08,0,0,0-.8-1.73,4.17,4.17,0,0,0-1.42-1.21,4.37,4.37,0,0,0-2-.45,4.88,4.88,0,0,0-1.9.37,4.51,4.51,0,0,0-1.47,1,4.4,4.4,0,0,0-.95,1.52,5.4,5.4,0,0,0-.33,1.91,5.52,5.52,0,0,0,.32,1.94A4.46,4.46,0,0,0,14.16,17a4,4,0,0,0,1.46,1,5.2,5.2,0,0,0,1.94.34,4.77,4.77,0,0,0,2.64-.7,4.21,4.21,0,0,0,1.63-2.35H19.62A1.54,1.54,0,0,1,19,16.05Zm-3.43-4.12a1.87,1.87,0,0,1,1-1.14,2.28,2.28,0,0,1,1-.2,1.73,1.73,0,0,1,1.36.49,2.91,2.91,0,0,1,.63,1.45H15.41A3,3,0,0,1,15.52,11.93Zm-5.29-.48a3.06,3.06,0,0,0,1.28-1,2.72,2.72,0,0,0,.43-1.58,3.28,3.28,0,0,0-.29-1.48,2.4,2.4,0,0,0-.82-1,3.24,3.24,0,0,0-1.27-.52,7.54,7.54,0,0,0-1.64-.16H2V18.29H8.1a6.55,6.55,0,0,0,1.65-.21,4.55,4.55,0,0,0,1.43-.65,3.13,3.13,0,0,0,1-1.14,3.41,3.41,0,0,0,.37-1.65,3.47,3.47,0,0,0-.57-2A3,3,0,0,0,10.23,11.45ZM4.77,7.86H7.36a4.17,4.17,0,0,1,.71.06,1.64,1.64,0,0,1,.61.22,1.05,1.05,0,0,1,.42.44,1.42,1.42,0,0,1,.16.72,1.36,1.36,0,0,1-.47,1.15,2,2,0,0,1-1.22.35H4.77ZM9.61,15.3a1.28,1.28,0,0,1-.45.5,2,2,0,0,1-.65.26,3.33,3.33,0,0,1-.78.08h-3V12.69h3a2.4,2.4,0,0,1,1.45.41,1.65,1.65,0,0,1,.54,1.39A1.77,1.77,0,0,1,9.61,15.3Z", xmlns: "http://www.w3.org/2000/svg" }) }),
73
78
  /* @__PURE__ */ a("symbol", { id: "dribbble", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,2a7.94,7.94,0,0,1,5.51,2.22A24.93,24.93,0,0,1,12.68,8.4,29.07,29.07,0,0,0,9.81,4.31,7.94,7.94,0,0,1,12,4ZM7.89,5.15A27.16,27.16,0,0,1,10.7,9a25.11,25.11,0,0,1-6,.74H4.34A8,8,0,0,1,7.89,5.15ZM6,17.31A7.9,7.9,0,0,1,4,12c0-.1,0-.2,0-.29h.68a26.67,26.67,0,0,0,7-1c.32.61.62,1.24.91,1.89a14.3,14.3,0,0,0-4.29,2.41l-.3.24A21,21,0,0,0,6,17.31ZM12,20a7.92,7.92,0,0,1-4.47-1.37,17.92,17.92,0,0,1,1.56-1.58l.32-.27a12.63,12.63,0,0,1,4-2.27,32,32,0,0,1,1.4,5A8.08,8.08,0,0,1,12,20Zm4.63-1.49a34.87,34.87,0,0,0-1.28-4.46l.34,0a.25.25,0,0,1,.12,0h.11l.1,0,.48,0a9.43,9.43,0,0,1,3.09.53A7.94,7.94,0,0,1,16.63,18.51ZM16.5,12c-.21,0-.42,0-.62,0a1.56,1.56,0,0,0-.39,0,6.64,6.64,0,0,0-.81.1h-.1c-.29-.67-.59-1.32-.92-2a26.57,26.57,0,0,0,5.13-2.4A8,8,0,0,1,20,12c0,.17,0,.34,0,.51A11.48,11.48,0,0,0,16.5,12Z", xmlns: "http://www.w3.org/2000/svg" }) }),
74
79
  /* @__PURE__ */ a("symbol", { id: "facebook", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M20.9,2H3.1A1.1,1.1,0,0,0,2,3.1V20.9A1.1,1.1,0,0,0,3.1,22h9.58V14.25h-2.6v-3h2.6V9a3.64,3.64,0,0,1,3.88-4,20.26,20.26,0,0,1,2.33.12v2.7H17.3c-1.26,0-1.5.6-1.5,1.47v1.93h3l-.39,3H15.8V22h5.1A1.1,1.1,0,0,0,22,20.9V3.1A1.1,1.1,0,0,0,20.9,2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
@@ -80,6 +85,10 @@ const s = "_root_576cf_2", n = {
80
85
  /* @__PURE__ */ a("symbol", { id: "tiktok", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { d: "M19.2 7.30001C17.3 6.90001 15.9 5.30001 15.8 3.40001V3.10001H12.7V15.6C12.7 17.1 11.5 18.2 10.1 18.2C9.3 18.2 8.5 17.8 8 17.2C7 16 7.2 14.3 8.4 13.4C9 13 9.5 13 10.2 13V9.80001C7 9.40001 4.7 11.6 4.2 14.7C4 16.5 4.5 18.2 5.8 19.5C8 21.8 11.7 21.8 14 19.6C15.1 18.5 15.7 17 15.7 15.5V9.20001C17 10.1 18.5 10.6 20.1 10.6V7.40001C19.8 7.40001 19.5 7.40001 19.2 7.30001Z", fill: "currentColor", stroke: "black", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round", xmlns: "http://www.w3.org/2000/svg" }) }),
81
86
  /* @__PURE__ */ a("symbol", { id: "x", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M8 19a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3 1 1 0 0 0 0-2 5 5 0 0 0-5 5v8a5 5 0 0 0 5 5 1 1 0 0 0 0-2Zm7.71-3.29a1 1 0 0 0 0-1.42L13.41 12l2.3-2.29a1 1 0 0 0-1.42-1.42L12 10.59l-2.29-2.3a1 1 0 0 0-1.42 1.42l2.3 2.29-2.3 2.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l2.29-2.3 2.29 2.3a1 1 0 0 0 1.42 0ZM16 3a1 1 0 0 0 0 2 3 3 0 0 1 3 3v8a3 3 0 0 1-3 3 1 1 0 0 0 0 2 5 5 0 0 0 5-5V8a5 5 0 0 0-5-5Z", xmlns: "http://www.w3.org/2000/svg" }) }),
82
87
  /* @__PURE__ */ a("symbol", { id: "youtube", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M23,9.71a8.5,8.5,0,0,0-.91-4.13,2.92,2.92,0,0,0-1.72-1A78.36,78.36,0,0,0,12,4.27a78.45,78.45,0,0,0-8.34.3,2.87,2.87,0,0,0-1.46.74c-.9.83-1,2.25-1.1,3.45a48.29,48.29,0,0,0,0,6.48,9.55,9.55,0,0,0,.3,2,3.14,3.14,0,0,0,.71,1.36,2.86,2.86,0,0,0,1.49.78,45.18,45.18,0,0,0,6.5.33c3.5.05,6.57,0,10.2-.28a2.88,2.88,0,0,0,1.53-.78,2.49,2.49,0,0,0,.61-1,10.58,10.58,0,0,0,.52-3.4C23,13.69,23,10.31,23,9.71ZM9.74,14.85V8.66l5.92,3.11C14,12.69,11.81,13.73,9.74,14.85Z", xmlns: "http://www.w3.org/2000/svg" }) }),
88
+ /* @__PURE__ */ a("symbol", { id: "chat", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M18,2H6A3,3,0,0,0,3,5V16a3,3,0,0,0,3,3H8.59l2.7,2.71A1,1,0,0,0,12,22a1,1,0,0,0,.65-.24L15.87,19H18a3,3,0,0,0,3-3V5A3,3,0,0,0,18,2Zm1,14a1,1,0,0,1-1,1H15.5a1,1,0,0,0-.65.24l-2.8,2.4L9.71,17.29A1,1,0,0,0,9,17H6a1,1,0,0,1-1-1V5A1,1,0,0,1,6,4H18a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
89
+ /* @__PURE__ */ a("symbol", { id: "chat-bubble-user", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M14.58,11.3a3.24,3.24,0,0,0,.71-2,3.29,3.29,0,0,0-6.58,0,3.24,3.24,0,0,0,.71,2,5,5,0,0,0-2,2.31,1,1,0,1,0,1.84.78A3,3,0,0,1,12,12.57h0a3,3,0,0,1,2.75,1.82,1,1,0,0,0,.92.61,1.09,1.09,0,0,0,.39-.08,1,1,0,0,0,.53-1.31A5,5,0,0,0,14.58,11.3ZM12,10.57h0a1.29,1.29,0,1,1,1.29-1.28A1.29,1.29,0,0,1,12,10.57ZM18,2H6A3,3,0,0,0,3,5V16a3,3,0,0,0,3,3H8.59l2.7,2.71A1,1,0,0,0,12,22a1,1,0,0,0,.65-.24L15.87,19H18a3,3,0,0,0,3-3V5A3,3,0,0,0,18,2Zm1,14a1,1,0,0,1-1,1H15.5a1,1,0,0,0-.65.24l-2.8,2.4L9.71,17.29A1,1,0,0,0,9,17H6a1,1,0,0,1-1-1V5A1,1,0,0,1,6,4H18a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
90
+ /* @__PURE__ */ a("symbol", { id: "comment", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,2A10,10,0,0,0,2,12a9.89,9.89,0,0,0,2.26,6.33l-2,2a1,1,0,0,0-.21,1.09A1,1,0,0,0,3,22h9A10,10,0,0,0,12,2Zm0,18H5.41l.93-.93a1,1,0,0,0,0-1.41A8,8,0,1,1,12,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),
91
+ /* @__PURE__ */ a("symbol", { id: "comment-alt-lines", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M13,11H7a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Zm4-4H7A1,1,0,0,0,7,9H17a1,1,0,0,0,0-2Zm2-5H5A3,3,0,0,0,2,5V15a3,3,0,0,0,3,3H16.59l3.7,3.71A1,1,0,0,0,21,22a.84.84,0,0,0,.38-.08A1,1,0,0,0,22,21V5A3,3,0,0,0,19,2Zm1,16.59-2.29-2.3A1,1,0,0,0,17,16H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
83
92
  /* @__PURE__ */ a("symbol", { id: "folder", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,5.5H12.72l-.32-1a3,3,0,0,0-2.84-2H5a3,3,0,0,0-3,3v13a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V8.5A3,3,0,0,0,19,5.5Zm1,13a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5.5a1,1,0,0,1,1-1H9.56a1,1,0,0,1,.95.68l.54,1.64A1,1,0,0,0,12,7.5h7a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
84
93
  /* @__PURE__ */ a("symbol", { id: "folder-open", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M22.78 10.37A1 1 0 0 0 22 10h-2V9a3 3 0 0 0-3-3h-6.28l-.32-1a3 3 0 0 0-2.84-2H4a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14.4a3 3 0 0 0 2.92-2.35L23 11.22a1 1 0 0 0-.22-.85ZM5.37 18.22a1 1 0 0 1-1 .78H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h3.56a1 1 0 0 1 1 .68l.54 1.64A1 1 0 0 0 10 8h7a1 1 0 0 1 1 1v1H8a1 1 0 0 0-1 .78Zm14 0a1 1 0 0 1-1 .78H7.21a1.42 1.42 0 0 0 .11-.35L8.8 12h12Z", xmlns: "http://www.w3.org/2000/svg" }) }),
85
94
  /* @__PURE__ */ o("symbol", { id: "folder-full", viewBox: "0 0 24 24", children: [
@@ -119,7 +128,6 @@ const s = "_root_576cf_2", n = {
119
128
  /* @__PURE__ */ a("symbol", { id: "bookmark-solid", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M16,2H8A3,3,0,0,0,5,5V21a1,1,0,0,0,.5.87,1,1,0,0,0,1,0L12,18.69l5.5,3.18A1,1,0,0,0,18,22a1,1,0,0,0,.5-.13A1,1,0,0,0,19,21V5A3,3,0,0,0,16,2Zm1,17.27-4.5-2.6a1,1,0,0,0-1,0L7,19.27V5A1,1,0,0,1,8,4h8a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
120
129
  /* @__PURE__ */ a("symbol", { id: "bookmark", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M16,2H8A3,3,0,0,0,5,5V21a1,1,0,0,0,.5.87,1,1,0,0,0,1,0L12,18.69l5.5,3.18A1,1,0,0,0,18,22a1,1,0,0,0,.5-.13A1,1,0,0,0,19,21V5A3,3,0,0,0,16,2Zm1,17.27-4.5-2.6a1,1,0,0,0-1,0L7,19.27V5A1,1,0,0,1,8,4h8a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
121
130
  /* @__PURE__ */ a("symbol", { id: "clock", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M15.09814,12.63379,13,11.42285V7a1,1,0,0,0-2,0v5a.99985.99985,0,0,0,.5.86621l2.59814,1.5a1.00016,1.00016,0,1,0,1-1.73242ZM12,2A10,10,0,1,0,22,12,10.01114,10.01114,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),
122
- /* @__PURE__ */ a("symbol", { id: "comment-alt-lines", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M13,11H7a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Zm4-4H7A1,1,0,0,0,7,9H17a1,1,0,0,0,0-2Zm2-5H5A3,3,0,0,0,2,5V15a3,3,0,0,0,3,3H16.59l3.7,3.71A1,1,0,0,0,21,22a.84.84,0,0,0,.38-.08A1,1,0,0,0,22,21V5A3,3,0,0,0,19,2Zm1,16.59-2.29-2.3A1,1,0,0,0,17,16H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
123
131
  /* @__PURE__ */ a("symbol", { id: "file-edit-alt", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M20.71,16.71l-2.42-2.42a1,1,0,0,0-1.42,0l-3.58,3.58a1,1,0,0,0-.29.71V21a1,1,0,0,0,1,1h2.42a1,1,0,0,0,.71-.29l3.58-3.58A1,1,0,0,0,20.71,16.71ZM16,20H15V19l2.58-2.58,1,1Zm-6,0H6a1,1,0,0,1-1-1V5A1,1,0,0,1,6,4h5V7a3,3,0,0,0,3,3h3v1a1,1,0,0,0,2,0V9s0,0,0-.06a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19.32.32,0,0,0-.09,0L12.06,2H6A3,3,0,0,0,3,5V19a3,3,0,0,0,3,3h4a1,1,0,0,0,0-2ZM13,5.41,15.59,8H14a1,1,0,0,1-1-1ZM8,14h6a1,1,0,0,0,0-2H8a1,1,0,0,0,0,2Zm0-4H9A1,1,0,0,0,9,8H8a1,1,0,0,0,0,2Zm2,6H8a1,1,0,0,0,0,2h2a1,1,0,0,0,0-2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
124
132
  /* @__PURE__ */ a("symbol", { id: "illustration", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M21.9 9.6c-.2-.5-.8-.7-1.3-.5l-2.9 1.4-2.1-2.1-2.1-2.1 1.4-2.9c.2-.5 0-1.1-.5-1.3-.5-.2-1.1 0-1.3.5l-1.5 3.1-6.4 1c-.4.1-.7.4-.8.8L2 19.1c-.1.3 0 .7.3.9L4 21.7c.2.2.5.3.7.3h.2l11.6-2.4c.4-.1.7-.4.8-.8l1-6.4 3.1-1.5c.5-.2.7-.8.5-1.3zm-6.5 8.2-9.8 2 3.7-3.7c1.5.7 3.3.1 4-1.4s.1-3.3-1.4-4c-1.1-.5-2.5-.3-3.4.6-.9.9-1.1 2.3-.6 3.4l-3.7 3.7 2-9.8 5.8-1 2.2 2.2 2.2 2.2-1 5.8zm-5.8-4.4c0-.3.1-.5.3-.7.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4-.4.4-1 .4-1.4 0-.2-.2-.3-.5-.3-.7z", xmlns: "http://www.w3.org/2000/svg" }) }),
125
133
  /* @__PURE__ */ a("symbol", { id: "calendar", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,4H17V3a1,1,0,0,0-2,0V4H9V3A1,1,0,0,0,7,3V4H5A3,3,0,0,0,2,7V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V7A3,3,0,0,0,19,4Zm1,15a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V12H20Zm0-9H4V7A1,1,0,0,1,5,6H7V7A1,1,0,0,0,9,7V6h6V7a1,1,0,0,0,2,0V6h2a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
@@ -213,21 +221,17 @@ const s = "_root_576cf_2", n = {
213
221
  /* @__PURE__ */ a("symbol", { id: "thumbs-down", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,2H6.27A3,3,0,0,0,3.32,4.46l-1.27,7A3,3,0,0,0,5,15H9.56L9,16.43A4.13,4.13,0,0,0,12.89,22a1,1,0,0,0,.91-.59L16.65,15H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2ZM15,13.79l-2.72,6.12a2.13,2.13,0,0,1-1.38-2.78l.53-1.43A2,2,0,0,0,9.56,13H5a1,1,0,0,1-.77-.36A1,1,0,0,1,4,11.82l1.27-7a1,1,0,0,1,1-.82H15ZM20,12a1,1,0,0,1-1,1H17V4h2a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
214
222
  /* @__PURE__ */ a("symbol", { id: "trees", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M16.5,5A4.86,4.86,0,0,0,14,5.69,6,6,0,0,0,2.5,8v4a6,6,0,0,0,5,5.91V21a1,1,0,0,0,2,0V17.91a6.08,6.08,0,0,0,2.78-1.26A5,5,0,0,0,15.5,18.9V21a1,1,0,0,0,2,0V18.9a5,5,0,0,0,4-4.9V10A5,5,0,0,0,16.5,5Zm-5,5v4a5.23,5.23,0,0,0,.06.57,4,4,0,0,1-2.06,1.3V13a1,1,0,0,0-2,0v2.86A4,4,0,0,1,4.5,12V8a4,4,0,0,1,6.83-2.84,3.94,3.94,0,0,1,1.06,2A5,5,0,0,0,11.5,10Zm8,4a3,3,0,0,1-2,2.82V13a1,1,0,0,0-2,0v3.82a3,3,0,0,1-2-2.82V10a3,3,0,0,1,6,0Z", xmlns: "http://www.w3.org/2000/svg" }) }),
215
223
  /* @__PURE__ */ a("symbol", { id: "exit", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M4,12a1,1,0,0,0,1,1h7.59l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l4-4a1,1,0,0,0,.21-.33,1,1,0,0,0,0-.76,1,1,0,0,0-.21-.33l-4-4a1,1,0,1,0-1.42,1.42L12.59,11H5A1,1,0,0,0,4,12ZM17,2H7A3,3,0,0,0,4,5V8A1,1,0,0,0,6,8V5A1,1,0,0,1,7,4H17a1,1,0,0,1,1,1V19a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V16a1,1,0,0,0-2,0v3a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V5A3,3,0,0,0,17,2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
216
- /* @__PURE__ */ a("symbol", { id: "ban", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-8-8A7.92,7.92,0,0,1,5.69,7.1L16.9,18.31A7.92,7.92,0,0,1,12,20Zm6.31-3.1L7.1,5.69A7.92,7.92,0,0,1,12,4a8,8,0,0,1,8,8A7.92,7.92,0,0,1,18.31,16.9Z", xmlns: "http://www.w3.org/2000/svg" }) }),
217
- /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", id: "angle-double-left", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M11.46,8.29a1,1,0,0,0-1.42,0l-3,3a1,1,0,0,0,0,1.42l3,3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L9.16,12l2.3-2.29A1,1,0,0,0,11.46,8.29ZM14.66,12,17,9.71a1,1,0,0,0-1.42-1.42l-3,3a1,1,0,0,0,0,1.42l3,3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z" }) }),
218
- /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", id: "angle-double-right", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M8.46,8.29A1,1,0,1,0,7,9.71L9.34,12,7,14.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3-3a1,1,0,0,0,0-1.42Zm8.5,3-3-3a1,1,0,0,0-1.42,1.42L14.84,12l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3-3A1,1,0,0,0,17,11.29Z" }) }),
219
- /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", id: "angle-right", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M14.83,11.29,10.59,7.05a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41L12.71,12,9.17,15.54a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29l4.24-4.24A1,1,0,0,0,14.83,11.29Z" }) }),
220
- /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", id: "angle-left", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M11.29,12l3.54-3.54a1,1,0,0,0,0-1.41,1,1,0,0,0-1.42,0L9.17,11.29a1,1,0,0,0,0,1.42L13.41,17a1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41Z" }) })
221
- ] }), A = e(n), m = C(
222
- ({ "aria-label": l, className: w, name: r, size: h = "md", ...i }, t) => /* @__PURE__ */ a(
224
+ /* @__PURE__ */ a("symbol", { id: "ban", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-8-8A7.92,7.92,0,0,1,5.69,7.1L16.9,18.31A7.92,7.92,0,0,1,12,20Zm6.31-3.1L7.1,5.69A7.92,7.92,0,0,1,12,4a8,8,0,0,1,8,8A7.92,7.92,0,0,1,18.31,16.9Z", xmlns: "http://www.w3.org/2000/svg" }) })
225
+ ] }), n = e(A), m = C(
226
+ ({ "aria-label": l, className: w, name: r, size: h = "md", ...t }, i) => /* @__PURE__ */ a(
223
227
  "svg",
224
228
  {
225
229
  "aria-hidden": l ? "false" : "true",
226
230
  "aria-label": l,
227
- className: A("root", `size-${h}`, `name-${r}`, w),
228
- ref: t,
231
+ className: n("root", `size-${h}`, `name-${r}`, w),
232
+ ref: i,
229
233
  role: l ? "img" : void 0,
230
- ...i,
234
+ ...t,
231
235
  children: /* @__PURE__ */ a("use", { href: `#${r}` })
232
236
  }
233
237
  )
package/dist/InputText.css CHANGED
@@ -1 +1 @@
1
- @layer components{._input-text-wrapper_9p9cm_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_9p9cm_8{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--inputTextBackgroundColor, var(--components-colors-input-color-background-default));color:var(--inputTextColor, var(--components-colors-input-color-text-default));border-color:var(--inputTextBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--inputTextBoxShadow, var(--inset-10)) inset;height:var(--inputTextHeight);padding-inline:var(--inputTextPaddingInline);padding-block:var(--inputTextPaddingBlock)}._root_9p9cm_8:disabled,._root_9p9cm_8[aria-disabled]{--inputTextBackgroundColor: var( --inputTextBackgroundColorDisabled, var(--components-colors-input-color-background-disabled) );--inputTextColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_9p9cm_8:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--inputTextBoxShadow: var(--inset-20)}._root_9p9cm_8:active,._root_9p9cm_8:focus{--inputTextBorderColor: var(--components-colors-input-color-border-focused)}._root_9p9cm_8::placeholder{--inputTextColor: var(--color-icon-neutral-subtle)}._variant-danger_9p9cm_46{--inputTextBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_9p9cm_49{--inputTextBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_9p9cm_52{--inputTextBorderColor: var(--components-colors-input-color-border-success)}._placement-left_9p9cm_56._size-sm_9p9cm_56{padding-left:1.75rem}._placement-left_9p9cm_56._size-md_9p9cm_59,._placement-left_9p9cm_56._size-lg_9p9cm_59{padding-left:2.75rem}._placement-right_9p9cm_62._size-sm_9p9cm_56{padding-right:1.75rem}._placement-right_9p9cm_62._size-md_9p9cm_59,._placement-right_9p9cm_62._size-lg_9p9cm_59{padding-right:2.75rem}._transparent_9p9cm_68{--borderColor: transparent;--inputTextBackgroundColor: var(--components-colors-input-color-background-transparent);--borderColorHover: var(--components-colors-input-color-border-hover-transparent)}._size-sm_9p9cm_56{--inputTextHeight: var(--components-dimensions-input-max-height-sm);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-sm);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-sm)}._size-md_9p9cm_59{--inputTextHeight: var(--components-dimensions-input-max-height-md);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-md);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-md)}._size-lg_9p9cm_59{--inputTextHeight: var(--components-dimensions-input-max-height-lg);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-lg);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-lg)}._clearable_9p9cm_88{padding-right:var(--border-radius-2xl)}._icon-wrapper_9p9cm_91{position:absolute;top:0;bottom:0;left:var(--inputTextIconLeft);right:var(--inputTextIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--inputTextIconColor, var(--components-colors-input-color-icon-placeholder));gap:var(--components-dimensions-input-padding-block-sm);--inputTextIconLeft: auto;--inputTextIconRight: auto}._icon-wrapper_9p9cm_91>button{pointer-events:auto}._icon-wrapper_9p9cm_91._disabled_9p9cm_112{--inputTextIconColor: var(--components-colors-input-color-icon-disabled)}._icon-placement-left-sm_9p9cm_115{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-left-md_9p9cm_118{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-md)}._icon-placement-right-sm_9p9cm_121{--inputTextIconRight: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-right-md_9p9cm_124{--inputTextIconRight: var(--components-dimensions-input-padding-inline-md)}}
1
+ @layer components{._input-text-wrapper_13hsf_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_13hsf_8{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--inputTextBackgroundColor, var(--components-colors-input-color-background-default));color:var(--inputTextColor, var(--components-colors-input-color-text-default));border-color:var(--inputTextBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--inputTextBoxShadow, var(--inset-10)) inset;height:var(--inputTextHeight);padding-inline:var(--inputTextPaddingInline);padding-block:var(--inputTextPaddingBlock)}._root_13hsf_8:disabled,._root_13hsf_8[aria-disabled]{--inputTextBackgroundColor: var( --inputTextBackgroundColorDisabled, var(--components-colors-input-color-background-disabled) );--inputTextColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_13hsf_8:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--inputTextBoxShadow: var(--inset-20)}._root_13hsf_8:active,._root_13hsf_8:focus{--inputTextBorderColor: var(--components-colors-input-color-border-focused)}._root_13hsf_8::placeholder{color:var(--components-colors-input-color-text-placeholder)}._variant-danger_13hsf_46{--inputTextBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_13hsf_49{--inputTextBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_13hsf_52{--inputTextBorderColor: var(--components-colors-input-color-border-success)}._placement-left_13hsf_56._size-sm_13hsf_56{padding-left:1.75rem}._placement-left_13hsf_56._size-md_13hsf_59,._placement-left_13hsf_56._size-lg_13hsf_59{padding-left:2.75rem}._placement-right_13hsf_62._size-sm_13hsf_56{padding-right:1.75rem}._placement-right_13hsf_62._size-md_13hsf_59,._placement-right_13hsf_62._size-lg_13hsf_59{padding-right:2.75rem}._transparent_13hsf_68{--borderColor: transparent;--inputTextBackgroundColor: var(--components-colors-input-color-background-transparent);--borderColorHover: var(--components-colors-input-color-border-hover-transparent)}._size-sm_13hsf_56{--inputTextHeight: var(--components-dimensions-input-max-height-sm);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-sm);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-sm)}._size-md_13hsf_59{--inputTextHeight: var(--components-dimensions-input-max-height-md);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-md);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-md)}._size-lg_13hsf_59{--inputTextHeight: var(--components-dimensions-input-max-height-lg);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-lg);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-lg)}._clearable_13hsf_88{padding-right:var(--border-radius-2xl)}._icon-wrapper_13hsf_91{position:absolute;top:0;bottom:0;left:var(--inputTextIconLeft);right:var(--inputTextIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--inputTextIconColor, var(--components-colors-input-color-icon-placeholder));gap:var(--components-dimensions-input-padding-block-sm);--inputTextIconLeft: auto;--inputTextIconRight: auto}._icon-wrapper_13hsf_91>button{pointer-events:auto}._icon-wrapper_13hsf_91._disabled_13hsf_112{--inputTextIconColor: var(--components-colors-input-color-icon-disabled)}._icon-placement-left-sm_13hsf_115{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-left-md_13hsf_118{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-md)}._icon-placement-right-sm_13hsf_121{--inputTextIconRight: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-right-md_13hsf_124{--inputTextIconRight: var(--components-dimensions-input-padding-inline-md)}}
package/dist/InputText.js CHANGED
@@ -1,95 +1,95 @@
1
1
  "use client";
2
2
  import './InputText.css';
3
- import { jsxs as g, jsx as e } from "react/jsx-runtime";
3
+ import { jsxs as u, jsx as e } from "react/jsx-runtime";
4
4
  import { forwardRef as T } from "react";
5
5
  import { CloseButton as j } from "./CloseButton.js";
6
6
  import { useField as y } from "./Field.js";
7
- import { Icon as h } from "./Icon.js";
7
+ import { Icon as g } from "./Icon.js";
8
8
  import { c as B } from "./index-PAaZGbyz.js";
9
- const D = "_root_9p9cm_8", F = "_transparent_9p9cm_68", L = "_clearable_9p9cm_88", k = "_disabled_9p9cm_112", C = {
10
- "input-text-wrapper": "_input-text-wrapper_9p9cm_2",
9
+ const D = "_root_13hsf_8", F = "_transparent_13hsf_68", L = "_clearable_13hsf_88", k = "_disabled_13hsf_112", C = {
10
+ "input-text-wrapper": "_input-text-wrapper_13hsf_2",
11
11
  root: D,
12
- "variant-danger": "_variant-danger_9p9cm_46",
13
- "variant-warning": "_variant-warning_9p9cm_49",
14
- "variant-success": "_variant-success_9p9cm_52",
15
- "placement-left": "_placement-left_9p9cm_56",
16
- "size-sm": "_size-sm_9p9cm_56",
17
- "size-md": "_size-md_9p9cm_59",
18
- "size-lg": "_size-lg_9p9cm_59",
19
- "placement-right": "_placement-right_9p9cm_62",
12
+ "variant-danger": "_variant-danger_13hsf_46",
13
+ "variant-warning": "_variant-warning_13hsf_49",
14
+ "variant-success": "_variant-success_13hsf_52",
15
+ "placement-left": "_placement-left_13hsf_56",
16
+ "size-sm": "_size-sm_13hsf_56",
17
+ "size-md": "_size-md_13hsf_59",
18
+ "size-lg": "_size-lg_13hsf_59",
19
+ "placement-right": "_placement-right_13hsf_62",
20
20
  transparent: F,
21
21
  clearable: L,
22
- "icon-wrapper": "_icon-wrapper_9p9cm_91",
22
+ "icon-wrapper": "_icon-wrapper_13hsf_91",
23
23
  disabled: k,
24
- "icon-placement-left-sm": "_icon-placement-left-sm_9p9cm_115",
25
- "icon-placement-left-md": "_icon-placement-left-md_9p9cm_118",
26
- "icon-placement-right-sm": "_icon-placement-right-sm_9p9cm_121",
27
- "icon-placement-right-md": "_icon-placement-right-md_9p9cm_124"
28
- }, s = B(C), O = { lg: "md", md: "md", sm: "sm" }, V = T(
24
+ "icon-placement-left-sm": "_icon-placement-left-sm_13hsf_115",
25
+ "icon-placement-left-md": "_icon-placement-left-md_13hsf_118",
26
+ "icon-placement-right-sm": "_icon-placement-right-sm_13hsf_121",
27
+ "icon-placement-right-md": "_icon-placement-right-md_13hsf_124"
28
+ }, a = B(C), O = { lg: "md", md: "md", sm: "sm" }, V = T(
29
29
  ({
30
- children: m,
30
+ children: c,
31
31
  className: v,
32
32
  icon: t,
33
- iconPlacement: n = "left",
34
- isClearable: l,
35
- name: o,
36
- onChange: c,
37
- size: _ = "lg",
33
+ iconPlacement: s = "left",
34
+ isClearable: p,
35
+ name: _,
36
+ onChange: r,
37
+ size: m = "lg",
38
38
  transparent: w,
39
39
  type: x = "text",
40
- value: d,
40
+ value: f,
41
41
  variant: z,
42
42
  ...I
43
43
  }, b) => {
44
- const { getInputProps: N, variant: $ } = y(), u = $ || z, p = t && n, f = p && n === "right", R = p && n === "left", a = O[_], r = N(I), i = !!m, S = l || f || i, E = () => {
45
- c && c({
44
+ const { getInputProps: N, variant: $ } = y(), d = $ || z, i = t && s, h = i && s === "right", R = i && s === "left", n = O[m], l = N(I), o = !!c, S = p || h || o, E = () => {
45
+ r && r({
46
46
  preventDefault: () => null,
47
- target: { name: o, value: "" }
47
+ target: { name: _, value: "" }
48
48
  });
49
49
  };
50
- return /* @__PURE__ */ g("div", { className: s("input-text-wrapper"), children: [
50
+ return /* @__PURE__ */ u("div", { className: a("input-text-wrapper"), children: [
51
51
  /* @__PURE__ */ e(
52
52
  "input",
53
53
  {
54
- ...r,
55
- className: s(
54
+ ...l,
55
+ className: a(
56
56
  "root",
57
- `size-${_}`,
58
- u && `variant-${u}`,
57
+ `size-${m}`,
58
+ d && `variant-${d}`,
59
59
  w && "transparent",
60
- p && `placement-${n}`,
60
+ i && `placement-${s}`,
61
61
  v
62
62
  ),
63
- name: o,
64
- onChange: c,
63
+ name: _,
64
+ onChange: r,
65
65
  ref: b,
66
66
  type: x,
67
- value: d
67
+ value: f
68
68
  }
69
69
  ),
70
70
  R ? /* @__PURE__ */ e(
71
71
  "div",
72
72
  {
73
- className: s(
73
+ className: a(
74
74
  "icon-wrapper",
75
- `icon-placement-left-${a}`,
76
- r.disabled && "disabled"
75
+ `icon-placement-left-${n}`,
76
+ l.disabled && "disabled"
77
77
  ),
78
- children: /* @__PURE__ */ e(h, { ...t.props, name: t.props.name, size: a })
78
+ children: /* @__PURE__ */ e(g, { ...t.props, name: t.props.name, size: n })
79
79
  }
80
80
  ) : null,
81
- S ? /* @__PURE__ */ g(
81
+ S ? /* @__PURE__ */ u(
82
82
  "div",
83
83
  {
84
- className: s(
84
+ className: a(
85
85
  "icon-wrapper",
86
- `icon-placement-right-${a}`,
87
- r.disabled && "disabled"
86
+ `icon-placement-right-${n}`,
87
+ l.disabled && "disabled"
88
88
  ),
89
89
  children: [
90
- l && d ? /* @__PURE__ */ e(j, { onClick: E, size: "sm" }) : null,
91
- f && !i ? /* @__PURE__ */ e(h, { ...t.props, name: t.props.name, size: a }) : null,
92
- i ? m : null
90
+ p && f ? /* @__PURE__ */ e(j, { onClick: E, size: "sm" }) : null,
91
+ h && !o ? /* @__PURE__ */ e(g, { ...t.props, name: t.props.name, size: n }) : null,
92
+ o ? c : null
93
93
  ]
94
94
  }
95
95
  ) : null
package/dist/Link.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_gizuv_2{display:inline-flex;flex-direction:row;align-items:center;opacity:1;line-height:var(--lineHeight);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color)}._root_gizuv_2._isExternal_gizuv_14{--backgroundSize: calc(100% - var(--spacing-lg) - var(--spacing-sm)) 50%}._root_gizuv_2._isExternal_gizuv_14 ._wui-text_gizuv_17>svg{display:inline;margin-left:var(--spacing-sm)}._root_gizuv_2:visited._variant-primary_gizuv_21{color:var(--colorVisited)}._root_gizuv_2:visited._variant-primary_gizuv_21 ._wui-text_gizuv_17{background-color:var(--backgroundColorVisited)}._root_gizuv_2:visited._variant-secondary_gizuv_28{color:var(--colorVisited)}._root_gizuv_2:visited._variant-secondary_gizuv_28 ._wui-text_gizuv_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_gizuv_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_gizuv_2:hover:visited._variant-primary_gizuv_21{color:var(--colorVisitedHover)}._root_gizuv_2:hover:visited._variant-primary_gizuv_21 ._wui-text_gizuv_17{background-color:var(--backgroundColorVisitedHover)}._root_gizuv_2:hover:visited._variant-secondary_gizuv_28{color:var(--colorVisitedHover)}._root_gizuv_2:hover:visited._variant-secondary_gizuv_28 ._wui-text_gizuv_17{background-color:var(--backgroundColorVisitedHover)}}._root_gizuv_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_gizuv_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_gizuv_2[aria-disabled]:visited ._wui-text_gizuv_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_gizuv_21{--backgroundImageColor: var(--components-colors-link-color-underline-primary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-primary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-primary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-primary-visited-hover );--color: var(--components-colors-link-color-text-primary-default);--colorHover: var(--components-colors-link-color-text-primary-hover);--colorDisabled: var(--components-colors-link-color-text-primary-disabled);--colorVisited: var(--components-colors-link-color-text-primary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-primary-visited-hover)}._variant-secondary_gizuv_28{--backgroundImageColor: var(--components-colors-link-color-underline-secondary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-secondary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-secondary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-secondary-visited-hover );--color: var(--components-colors-link-color-text-secondary-default);--colorHover: var(--components-colors-link-color-text-secondary-hover);--colorDisabled: var(--components-colors-link-color-text-secondary-disabled);--colorVisited: var(--components-colors-link-color-text-secondary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-secondary-visited-hover)}._size-xs_gizuv_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._size-sm_gizuv_106{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) }._size-md_gizuv_111{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._size-lg_gizuv_115{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._wui-text_gizuv_17{margin-right:calc(var(--components-dimensions-link-padding-inline-icon) * -1);margin-left:calc(var(--components-dimensions-link-padding-inline-icon) * -1);padding-left:var(--components-dimensions-link-padding-inline-icon);padding-right:var(--components-dimensions-link-padding-inline-icon);transition:background var(--duration-medium),color var(--duration-medium);background-repeat:no-repeat;background-size:var(--backgroundSize, 100% 50%);background-image:linear-gradient(0deg,var(--backgroundImageColor),var(--backgroundImageColor) 100%);background-position-y:var(--backgroundPositionY, calc(200% - .125em) );background-color:var(--color-neutral-10)}._isMultiline_gizuv_131{display:inline}._icon-disabled_gizuv_134{margin-right:var(--spacing-xxs)}._icon-disabled_gizuv_134._variant-primary_gizuv_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_gizuv_134._variant-secondary_gizuv_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}
1
+ @layer components{._root_1q1g6_2{display:inline-flex;flex-direction:row;align-items:center;opacity:1;line-height:var(--lineHeight);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color)}._root_1q1g6_2._isExternal_1q1g6_14{--backgroundSize: calc(100% - var(--spacing-lg) - var(--spacing-sm)) 50%}._root_1q1g6_2._isExternal_1q1g6_14 ._wui-text_1q1g6_17>svg{display:inline;margin-left:var(--spacing-sm)}._root_1q1g6_2:visited._variant-primary_1q1g6_21{color:var(--colorVisited)}._root_1q1g6_2:visited._variant-primary_1q1g6_21 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisited)}._root_1q1g6_2:visited._variant-secondary_1q1g6_28{color:var(--colorVisited)}._root_1q1g6_2:visited._variant-secondary_1q1g6_28 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_1q1g6_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_1q1g6_2:hover:visited._variant-primary_1q1g6_21{color:var(--colorVisitedHover)}._root_1q1g6_2:hover:visited._variant-primary_1q1g6_21 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisitedHover)}._root_1q1g6_2:hover:visited._variant-secondary_1q1g6_28{color:var(--colorVisitedHover)}._root_1q1g6_2:hover:visited._variant-secondary_1q1g6_28 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisitedHover)}}._root_1q1g6_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_1q1g6_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_1q1g6_2[aria-disabled]:visited ._wui-text_1q1g6_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_1q1g6_21{--backgroundImageColor: var(--components-colors-link-color-underline-primary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-primary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-primary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-primary-visited-hover );--color: var(--components-colors-link-color-text-primary-default);--colorHover: var(--components-colors-link-color-text-primary-hover);--colorDisabled: var(--components-colors-link-color-text-primary-disabled);--colorVisited: var(--components-colors-link-color-text-primary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-primary-visited-hover)}._variant-secondary_1q1g6_28{--backgroundImageColor: var(--components-colors-link-color-underline-secondary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-secondary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-secondary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-secondary-visited-hover );--color: var(--components-colors-link-color-text-secondary-default);--colorHover: var(--components-colors-link-color-text-secondary-hover);--colorDisabled: var(--components-colors-link-color-text-secondary-disabled);--colorVisited: var(--components-colors-link-color-text-secondary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-secondary-visited-hover)}._size-xs_1q1g6_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._size-sm_1q1g6_106{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) }._size-md_1q1g6_111{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._size-lg_1q1g6_115{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._wui-text_1q1g6_17{margin-right:calc(var(--components-dimensions-link-padding-inline-icon) * -1);margin-left:calc(var(--components-dimensions-link-padding-inline-icon) * -1);padding-left:var(--components-dimensions-link-padding-inline-icon);padding-right:var(--components-dimensions-link-padding-inline-icon);transition:background var(--duration-medium),color var(--duration-medium);background-repeat:no-repeat;background-size:var(--backgroundSize, 100% 50%);background-image:linear-gradient(0deg,var(--backgroundImageColor),var(--backgroundImageColor) 100%);background-position-y:var(--backgroundPositionY, calc(200% - .125em) )}._isMultiline_1q1g6_130{display:inline}._icon-disabled_1q1g6_133{margin-right:var(--spacing-xxs)}._icon-disabled_1q1g6_133._variant-primary_1q1g6_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_1q1g6_133._variant-secondary_1q1g6_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}
package/dist/Link.js CHANGED
@@ -1,71 +1,71 @@
1
1
  "use client";
2
2
  import './Link.css';
3
- import { jsxs as p, jsx as s } from "react/jsx-runtime";
3
+ import { jsxs as p, jsx as r } from "react/jsx-runtime";
4
4
  import o from "react";
5
- import { Icon as u } from "./Icon.js";
5
+ import { Icon as c } from "./Icon.js";
6
6
  import { c as b } from "./index-PAaZGbyz.js";
7
7
  import { f as k } from "./forwardRefWithAs-8eP3ZN15.js";
8
- const w = "_root_gizuv_2", E = "_isExternal_gizuv_14", M = "_isMultiline_gizuv_131", W = {
9
- root: w,
10
- isExternal: E,
11
- "wui-text": "_wui-text_gizuv_17",
12
- "variant-primary": "_variant-primary_gizuv_21",
13
- "variant-secondary": "_variant-secondary_gizuv_28",
14
- "size-xs": "_size-xs_gizuv_102",
15
- "size-sm": "_size-sm_gizuv_106",
16
- "size-md": "_size-md_gizuv_111",
17
- "size-lg": "_size-lg_gizuv_115",
18
- isMultiline: M,
19
- "icon-disabled": "_icon-disabled_gizuv_134"
20
- }, r = b(W), l = ({ children: e, isExternal: i }) => /* @__PURE__ */ p("span", { className: r("wui-text"), children: [
8
+ const v = "_root_1q1g6_2", w = "_isExternal_1q1g6_14", E = "_isMultiline_1q1g6_130", M = {
9
+ root: v,
10
+ isExternal: w,
11
+ "wui-text": "_wui-text_1q1g6_17",
12
+ "variant-primary": "_variant-primary_1q1g6_21",
13
+ "variant-secondary": "_variant-secondary_1q1g6_28",
14
+ "size-xs": "_size-xs_1q1g6_102",
15
+ "size-sm": "_size-sm_1q1g6_106",
16
+ "size-md": "_size-md_1q1g6_111",
17
+ "size-lg": "_size-lg_1q1g6_115",
18
+ isMultiline: E,
19
+ "icon-disabled": "_icon-disabled_1q1g6_133"
20
+ }, a = b(M), l = ({ children: e, isExternal: s }) => /* @__PURE__ */ p("span", { className: a("wui-text"), children: [
21
21
  e,
22
- i ? /* @__PURE__ */ s(u, { name: "external-link-alt", size: "sm" }) : null
22
+ s ? /* @__PURE__ */ r(c, { name: "external-link-alt" }) : null
23
23
  ] });
24
24
  l.displayName = "Link.Wrapper";
25
- const _ = (e, i) => typeof e == "string" ? /* @__PURE__ */ s(l, { isExternal: i, children: e }) : o.isValidElement(e) && (e.type === "span" || e.props.as === "span" || // FormattedMessage from react-intl has a span tag by default
26
- e.props.tagName === "span" || e.props["data-wui-link"] === !0 || typeof e.props.children == "string") ? i ? /* @__PURE__ */ s(l, { isExternal: i, children: e }) : (
25
+ const m = (e, s) => typeof e == "string" ? /* @__PURE__ */ r(l, { isExternal: s, children: e }) : o.isValidElement(e) && (e.type === "span" || e.props.as === "span" || // FormattedMessage from react-intl has a span tag by default
26
+ e.props.tagName === "span" || e.props["data-wui-link"] === !0 || typeof e.props.children == "string") ? s ? /* @__PURE__ */ r(l, { isExternal: s, children: e }) : (
27
27
  // If it is not external, we just need to add wui-text className to the child as we don't need to wrap it to display the icon
28
28
  o.cloneElement(e, {
29
- className: r("wui-text", e.props.className)
29
+ className: a("wui-text", e.props.className)
30
30
  })
31
- ) : e, L = k((e, i) => {
31
+ ) : e, W = k((e, s) => {
32
32
  const {
33
- as: c,
34
- children: a,
35
- className: z,
36
- disabled: n,
37
- isExternal: t,
38
- multiline: d,
39
- size: g = "md",
40
- target: m,
41
- variant: v = "primary",
42
- ...f
43
- } = e, x = c || "a", y = typeof a == "string" ? _(a, t) : o.Children.map(a, (N) => _(N, t));
33
+ as: d,
34
+ children: n,
35
+ className: u,
36
+ disabled: t,
37
+ isExternal: i,
38
+ multiline: g,
39
+ size: f = "md",
40
+ target: _,
41
+ variant: x = "primary",
42
+ ...y
43
+ } = e, q = d || "a", z = typeof n == "string" ? m(n, i) : o.Children.map(n, (N) => m(N, i));
44
44
  return /* @__PURE__ */ p(
45
- x,
45
+ q,
46
46
  {
47
- "aria-disabled": n,
48
- className: r(
47
+ "aria-disabled": t,
48
+ className: a(
49
49
  "root",
50
- `variant-${v}`,
51
- `size-${g}`,
52
- t && "isExternal",
53
- d && "isMultiline",
54
- z
50
+ `variant-${x}`,
51
+ `size-${f}`,
52
+ i && "isExternal",
53
+ g && "isMultiline",
54
+ u
55
55
  ),
56
- ref: i,
57
- rel: m === "_blank" ? "noopener noreferrer" : void 0,
58
- tabIndex: n ? -1 : 0,
59
- target: m,
60
- ...f,
56
+ ref: s,
57
+ rel: _ === "_blank" ? "noopener noreferrer" : void 0,
58
+ tabIndex: t ? -1 : 0,
59
+ target: _,
60
+ ...y,
61
61
  children: [
62
- n ? /* @__PURE__ */ s(u, { className: r("icon-disabled"), name: "ban", size: "md" }) : null,
63
- y
62
+ t ? /* @__PURE__ */ r(c, { className: a("icon-disabled"), name: "ban", size: "md" }) : null,
63
+ z
64
64
  ]
65
65
  }
66
66
  );
67
67
  });
68
- L.displayName = "Link";
68
+ W.displayName = "Link";
69
69
  export {
70
- L as Link
70
+ W as Link
71
71
  };
package/dist/Search.css CHANGED
@@ -1 +1 @@
1
- @layer components{._wrapper_4fh7o_2{position:relative}._indicators_4fh7o_5{position:absolute;padding:0;top:0;height:var(--searchHeight, 100%);right:var(--indicatorsRight, 0);display:flex;gap:var(--border-radius-sm)}._dropdown-indicator_4fh7o_14{position:relative;height:100%;width:var(--searchClearSize);padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center}._input-wrapper_4fh7o_27{position:relative}._input-wrapper_4fh7o_27:has(>._icon-placement-right_4fh7o_30) ._indicators_4fh7o_5{--indicatorsRight: calc((var(--searchIconSize, 1rem) + var(--border-radius-md)))}._root_4fh7o_33{background-color:var(--searchBackgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--searchBorderColor, var(--color-background-neutral-subtlest));border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-xs);color:var(--searchTextColor, var(--color-background-neutral-primary-fixed));font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:2px solid var(--searchOutlineColor, transparent);cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--searchHeight);padding-bottom:var(--searchPaddingBottom);padding-left:var(--searchPaddingLeft);padding-right:var(--searchPaddingRight);padding-top:var(--searchPaddingTop)}._root_4fh7o_33._icon-placement-left_4fh7o_63{padding-left:calc(var(--searchPaddingLeft) + var(--searchIconSize, 1rem) + var(--border-radius-md))}._root_4fh7o_33._icon-placement-right_4fh7o_30{padding-right:calc(var(--searchPaddingRight) + (var(--searchIconSize, 1rem) + var(--border-radius-md)) * 2)}._root_4fh7o_33:disabled{--searchBackgroundColor: var(--color-background-warm-stronger);--searchTextColor: var(--color-text-warm-tertiary);cursor:not-allowed}._root_4fh7o_33:hover:not([class*=variant]){--searchBorderColor: var(--color-background-brand-primary)}._root_4fh7o_33:focus:not([class*=variant]){--searchOutlineColor: var(--color-background-brand-subtle);--searchBorderColor: var(--color-background-brand-primary)}._root_4fh7o_33._transparent_4fh7o_81{--searchBorderColor: transparent;--searchBackgroundColor: transparent}._root_4fh7o_33._transparent_4fh7o_81:hover{--searchBorderColor: var(--color-background-neutral-minimal)}._root_4fh7o_33::placeholder{color:var(--color-icon-neutral-subtle)}._root_4fh7o_33 br{display:none}._variant-danger_4fh7o_94{--searchBorderColor: var(--color-background-danger-strongest);--searchOutlineColor: var(--color-background-danger-secondary)}._variant-success_4fh7o_98{--searchBorderColor: var(--color-background-accent-green-strongest);--searchOutlineColor: var(--color-background-accent-green-primary)}._variant-warning_4fh7o_102{--searchBorderColor: var(--color-background-warning-stronger);--searchOutlineColor: var(--color-background-warning-subtle)}._size-lg_4fh7o_106{--searchHeight: var(--size-icon-2xl);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-xl);--searchPaddingLeft: var(--border-radius-lg);--searchPaddingRight: var(--border-radius-lg);--searchPaddingTop: var(--border-radius-xl)}._size-md_4fh7o_114{--searchHeight: var(--width-40);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-lg);--searchPaddingLeft: var(--border-radius-lg);--searchPaddingRight: var(--border-radius-lg);--searchPaddingTop: var(--border-radius-lg)}._size-sm_4fh7o_122{--searchHeight: var(--size-icon-xl);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-md);--searchPaddingLeft: var(--border-radius-lg);--searchPaddingRight: var(--border-radius-lg);--searchPaddingTop: var(--border-radius-md)}._size-xs_4fh7o_130{--searchHeight: var(--border-radius-2xl);--searchClearSize: var(--searchHeight);--searchPaddingBottom: var(--border-radius-sm);--searchPaddingLeft: var(--border-radius-md);--searchPaddingRight: var(--border-radius-md);--searchPaddingTop: var(--border-radius-sm);--searchIconSize: .75rem}._icon-wrapper_4fh7o_139{position:absolute;top:0;left:var(--iconPlacementLeft, auto);right:var(--iconPlacementRight, auto);bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);color:var(--color-background-neutral-primary-fixed)}._icon-wrapper_4fh7o_139._icon-placement-left_4fh7o_63{--iconPlacementLeft: var(--border-radius-lg)}._icon-wrapper_4fh7o_139._icon-placement-left_4fh7o_63._size-xs_4fh7o_130{--iconPlacementLeft: var(--border-radius-md)}._icon-wrapper_4fh7o_139._icon-placement-right_4fh7o_30{--iconPlacementRight: var(--border-radius-lg)}._icon-wrapper_4fh7o_139._icon-placement-right_4fh7o_30._size-xs_4fh7o_130{--iconPlacementRight: var(--border-radius-md)}._icon-wrapper_4fh7o_139>button{pointer-events:auto}._menu_4fh7o_170{max-height:9.6875rem;background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-xs);color:var(--color-background-neutral-primary-fixed);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--border-radius-lg);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_4fh7o_170:hover>*{cursor:pointer}._item_4fh7o_198{color:var(--itemTextColor, var(--color-icon-warm-tertiary));cursor:var(--itemCursor, default);padding:var(--border-radius-lg);list-style:none;text-decoration:none;font-size:var(--font-size-14);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_4fh7o_198._highlighted_4fh7o_212{background-color:var(--color-background-warm-primary)}._item_4fh7o_198._selected_4fh7o_215{--itemTextColor: var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._item_4fh7o_198._selected_4fh7o_215._highlighted_4fh7o_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}
1
+ @layer components{._wrapper_qaadj_2{position:relative}._indicators_qaadj_5{position:absolute;padding:0;top:0;height:var(--searchHeight, 100%);right:var(--indicatorsRight, 0);display:flex;gap:var(--border-radius-sm)}._dropdown-indicator_qaadj_14{position:relative;height:100%;width:var(--searchClearSize);padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center}._input-wrapper_qaadj_27{position:relative}._input-wrapper_qaadj_27:has(>._icon-placement-right_qaadj_30) ._indicators_qaadj_5{--indicatorsRight: calc((var(--searchIconSize, 1rem) + var(--border-radius-md)))}._root_qaadj_33{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--searchBackgroundColor, var(--components-colors-input-color-background-default));color:var(--searchColor, var(--components-colors-input-color-text-default));border-color:var(--searchBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--searchBoxShadow, var(--inset-10)) inset;height:var(--searchHeight);padding-inline:var(--searchPaddingInline);padding-block:var(--searchPaddingBlock)}._root_qaadj_33._icon-placement-left_qaadj_59{padding-left:calc(var(--searchPaddingLeft) + var(--searchIconSize, 1rem) + var(--border-radius-md))}._root_qaadj_33._icon-placement-right_qaadj_30{padding-right:calc(var(--searchPaddingRight) + (var(--searchIconSize, 1rem) + var(--border-radius-md)) * 2)}._root_qaadj_33:disabled,._root_qaadj_33[aria-disabled]{--searchBackgroundColor: var( --searchBackgroundColorDisabled, var(--components-colors-input-color-background-disabled) );--searchColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_qaadj_33:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--searchBoxShadow: var(--inset-20)}._root_qaadj_33:active,._root_qaadj_33:focus{--searchBorderColor: var(--components-colors-input-color-border-focused)}._root_qaadj_33::placeholder{color:var(--components-colors-input-color-text-placeholder)}._root_qaadj_33 br{display:none}._variant-danger_qaadj_86{--searchBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_qaadj_89{--searchBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_qaadj_92{--searchBorderColor: var(--components-colors-input-color-border-success)}._transparent_qaadj_95{--borderColor: transparent;--searchBackgroundColor: var(--components-colors-input-color-background-transparent);--borderColorHover: var(--components-colors-input-color-border-hover-transparent)}._size-lg_qaadj_100{--searchHeight: var(--components-dimensions-input-max-height-lg);--searchPaddingBlock: var(--components-dimensions-input-padding-block-lg);--searchPaddingInline: var(--components-dimensions-input-padding-inline-lg)}._size-md_qaadj_105{--searchHeight: var(--components-dimensions-input-max-height-md);--searchPaddingBlock: var(--components-dimensions-input-padding-block-md);--searchPaddingInline: var(--components-dimensions-input-padding-inline-md)}._size-sm_qaadj_110{--searchHeight: var(--components-dimensions-input-max-height-sm);--searchPaddingBlock: var(--components-dimensions-input-padding-block-sm);--searchPaddingInline: var(--components-dimensions-input-padding-inline-sm)}._icon-wrapper_qaadj_115{position:absolute;top:0;bottom:0;left:var(--searchIconLeft);right:var(--searchIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--searchIconColor, var(--components-colors-input-color-icon-placeholder));gap:var(--components-dimensions-input-padding-block-sm);--searchIconLeft: auto;--searchIconRight: auto}._icon-wrapper_qaadj_115>button{pointer-events:auto}._icon-wrapper_qaadj_115._disabled_qaadj_136{--searchIconColor: var(--components-colors-input-color-icon-disabled)}._icon-placement-left-sm_qaadj_139{--searchIconLeft: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-left-md_qaadj_142{--searchIconLeft: var(--components-dimensions-input-padding-inline-md)}._icon-placement-right-sm_qaadj_145{--searchIconRight: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-right-md_qaadj_148{--searchIconRight: var(--components-dimensions-input-padding-inline-md)}._menu_qaadj_151{max-height:9.6875rem;background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-xs);box-shadow:var(--elevation-20);color:var(--color-background-neutral-primary-fixed);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;position:absolute;z-index:2;right:0;left:0;margin-top:var(--border-radius-lg);transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:hidden}._menu_qaadj_151:hover>*{cursor:pointer}._menu-scroller_qaadj_177{max-height:inherit;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0}._item_qaadj_184{color:var(--itemTextColor, var(--color-icon-warm-tertiary));cursor:var(--itemCursor, default);padding:var(--border-radius-lg);list-style:none;text-decoration:none;font-size:var(--font-size-14);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_qaadj_184._highlighted_qaadj_198{background-color:var(--color-background-warm-primary)}._item_qaadj_184._selected_qaadj_201{--itemTextColor: var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._item_qaadj_184._selected_qaadj_201._highlighted_qaadj_198{background-image:linear-gradient(0deg,#00000014,#00000014)}}