welcome-ui 10.0.0-alpha.5 → 10.0.0-alpha.7
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.
- package/dist/Button.css +1 -1
- package/dist/Button.js +42 -42
- package/dist/CloseButton.js +1 -1
- package/dist/Drawer.js +132 -111
- package/dist/DropdownMenu.js +251 -238
- package/dist/FileDrop.css +1 -1
- package/dist/FileDrop.js +333 -312
- package/dist/Icon.js +16 -12
- package/dist/InputText.css +1 -1
- package/dist/InputText.js +48 -48
- package/dist/Link.css +1 -1
- package/dist/Link.js +48 -48
- package/dist/Search.css +1 -1
- package/dist/Search.js +137 -132
- package/dist/Select.css +1 -1
- package/dist/Select.js +177 -177
- package/dist/Textarea.css +1 -1
- package/dist/Textarea.js +24 -18
- package/dist/Toast.js +163 -126
- package/dist/types/components/FileDrop/types.d.ts +2 -0
- package/dist/types/components/Icon/icons.d.ts +4 -3
- package/dist/types/components/Textarea/types.d.ts +1 -0
- 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",
|
|
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
|
-
|
|
218
|
-
|
|
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:
|
|
228
|
-
ref:
|
|
231
|
+
className: n("root", `size-${h}`, `name-${r}`, w),
|
|
232
|
+
ref: i,
|
|
229
233
|
role: l ? "img" : void 0,
|
|
230
|
-
...
|
|
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-
|
|
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
|
|
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
|
|
7
|
+
import { Icon as g } from "./Icon.js";
|
|
8
8
|
import { c as B } from "./index-PAaZGbyz.js";
|
|
9
|
-
const D = "
|
|
10
|
-
"input-text-wrapper": "_input-text-
|
|
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-
|
|
13
|
-
"variant-warning": "_variant-
|
|
14
|
-
"variant-success": "_variant-
|
|
15
|
-
"placement-left": "_placement-
|
|
16
|
-
"size-sm": "_size-
|
|
17
|
-
"size-md": "_size-
|
|
18
|
-
"size-lg": "_size-
|
|
19
|
-
"placement-right": "_placement-
|
|
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-
|
|
22
|
+
"icon-wrapper": "_icon-wrapper_13hsf_91",
|
|
23
23
|
disabled: k,
|
|
24
|
-
"icon-placement-left-sm": "_icon-placement-left-
|
|
25
|
-
"icon-placement-left-md": "_icon-placement-left-
|
|
26
|
-
"icon-placement-right-sm": "_icon-placement-right-
|
|
27
|
-
"icon-placement-right-md": "_icon-placement-right-
|
|
28
|
-
},
|
|
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:
|
|
30
|
+
children: c,
|
|
31
31
|
className: v,
|
|
32
32
|
icon: t,
|
|
33
|
-
iconPlacement:
|
|
34
|
-
isClearable:
|
|
35
|
-
name:
|
|
36
|
-
onChange:
|
|
37
|
-
size:
|
|
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:
|
|
40
|
+
value: f,
|
|
41
41
|
variant: z,
|
|
42
42
|
...I
|
|
43
43
|
}, b) => {
|
|
44
|
-
const { getInputProps: N, variant: $ } = y(),
|
|
45
|
-
|
|
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:
|
|
47
|
+
target: { name: _, value: "" }
|
|
48
48
|
});
|
|
49
49
|
};
|
|
50
|
-
return /* @__PURE__ */
|
|
50
|
+
return /* @__PURE__ */ u("div", { className: a("input-text-wrapper"), children: [
|
|
51
51
|
/* @__PURE__ */ e(
|
|
52
52
|
"input",
|
|
53
53
|
{
|
|
54
|
-
...
|
|
55
|
-
className:
|
|
54
|
+
...l,
|
|
55
|
+
className: a(
|
|
56
56
|
"root",
|
|
57
|
-
`size-${
|
|
58
|
-
|
|
57
|
+
`size-${m}`,
|
|
58
|
+
d && `variant-${d}`,
|
|
59
59
|
w && "transparent",
|
|
60
|
-
|
|
60
|
+
i && `placement-${s}`,
|
|
61
61
|
v
|
|
62
62
|
),
|
|
63
|
-
name:
|
|
64
|
-
onChange:
|
|
63
|
+
name: _,
|
|
64
|
+
onChange: r,
|
|
65
65
|
ref: b,
|
|
66
66
|
type: x,
|
|
67
|
-
value:
|
|
67
|
+
value: f
|
|
68
68
|
}
|
|
69
69
|
),
|
|
70
70
|
R ? /* @__PURE__ */ e(
|
|
71
71
|
"div",
|
|
72
72
|
{
|
|
73
|
-
className:
|
|
73
|
+
className: a(
|
|
74
74
|
"icon-wrapper",
|
|
75
|
-
`icon-placement-left-${
|
|
76
|
-
|
|
75
|
+
`icon-placement-left-${n}`,
|
|
76
|
+
l.disabled && "disabled"
|
|
77
77
|
),
|
|
78
|
-
children: /* @__PURE__ */ e(
|
|
78
|
+
children: /* @__PURE__ */ e(g, { ...t.props, name: t.props.name, size: n })
|
|
79
79
|
}
|
|
80
80
|
) : null,
|
|
81
|
-
S ? /* @__PURE__ */
|
|
81
|
+
S ? /* @__PURE__ */ u(
|
|
82
82
|
"div",
|
|
83
83
|
{
|
|
84
|
-
className:
|
|
84
|
+
className: a(
|
|
85
85
|
"icon-wrapper",
|
|
86
|
-
`icon-placement-right-${
|
|
87
|
-
|
|
86
|
+
`icon-placement-right-${n}`,
|
|
87
|
+
l.disabled && "disabled"
|
|
88
88
|
),
|
|
89
89
|
children: [
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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{.
|
|
1
|
+
@layer components{._root_vdj1o_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_vdj1o_2._isExternal_vdj1o_14{--backgroundSize: calc(100% - var(--externalLinkIconSize) - var(--spacing-xs)) 50%}._root_vdj1o_2._isExternal_vdj1o_14 ._wui-text_vdj1o_17>svg{display:inline;margin-left:var(--spacing-xs)}._root_vdj1o_2:visited._variant-primary_vdj1o_21{color:var(--colorVisited)}._root_vdj1o_2:visited._variant-primary_vdj1o_21 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisited)}._root_vdj1o_2:visited._variant-secondary_vdj1o_28{color:var(--colorVisited)}._root_vdj1o_2:visited._variant-secondary_vdj1o_28 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_vdj1o_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_vdj1o_2:hover:visited._variant-primary_vdj1o_21{color:var(--colorVisitedHover)}._root_vdj1o_2:hover:visited._variant-primary_vdj1o_21 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisitedHover)}._root_vdj1o_2:hover:visited._variant-secondary_vdj1o_28{color:var(--colorVisitedHover)}._root_vdj1o_2:hover:visited._variant-secondary_vdj1o_28 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisitedHover)}}._root_vdj1o_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_vdj1o_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_vdj1o_2[aria-disabled]:visited ._wui-text_vdj1o_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_vdj1o_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_vdj1o_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_vdj1o_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm);--externalLinkIconSize: var(--components-dimensions-link-size-icon-xs)}._size-sm_vdj1o_107{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) ;--externalLinkIconSize: var(--components-dimensions-link-size-icon-sm)}._size-md_vdj1o_113{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg);--externalLinkIconSize: var(--components-dimensions-link-size-icon-md)}._size-lg_vdj1o_118{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg);--externalLinkIconSize: var(--components-dimensions-link-size-icon-lg)}._wui-text_vdj1o_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_vdj1o_134{display:inline}._icon-disabled_vdj1o_137{margin-right:var(--spacing-xxs)}._icon-disabled_vdj1o_137._variant-primary_vdj1o_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_vdj1o_137._variant-secondary_vdj1o_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}
|
package/dist/Link.js
CHANGED
|
@@ -1,66 +1,66 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Link.css';
|
|
3
|
-
import { jsxs as
|
|
4
|
-
import
|
|
5
|
-
import { Icon as
|
|
6
|
-
import { c as
|
|
3
|
+
import { jsxs as u, jsx as n } from "react/jsx-runtime";
|
|
4
|
+
import l from "react";
|
|
5
|
+
import { Icon as v } from "./Icon.js";
|
|
6
|
+
import { c as g } from "./index-PAaZGbyz.js";
|
|
7
7
|
import { f as k } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
8
|
-
const w = "
|
|
8
|
+
const w = "_root_vdj1o_2", E = "_isExternal_vdj1o_14", M = "_isMultiline_vdj1o_134", W = {
|
|
9
9
|
root: w,
|
|
10
10
|
isExternal: E,
|
|
11
|
-
"wui-text": "_wui-
|
|
12
|
-
"variant-primary": "_variant-
|
|
13
|
-
"variant-secondary": "_variant-
|
|
14
|
-
"size-xs": "_size-
|
|
15
|
-
"size-sm": "_size-
|
|
16
|
-
"size-md": "_size-
|
|
17
|
-
"size-lg": "_size-
|
|
11
|
+
"wui-text": "_wui-text_vdj1o_17",
|
|
12
|
+
"variant-primary": "_variant-primary_vdj1o_21",
|
|
13
|
+
"variant-secondary": "_variant-secondary_vdj1o_28",
|
|
14
|
+
"size-xs": "_size-xs_vdj1o_102",
|
|
15
|
+
"size-sm": "_size-sm_vdj1o_107",
|
|
16
|
+
"size-md": "_size-md_vdj1o_113",
|
|
17
|
+
"size-lg": "_size-lg_vdj1o_118",
|
|
18
18
|
isMultiline: M,
|
|
19
|
-
"icon-disabled": "_icon-
|
|
20
|
-
},
|
|
19
|
+
"icon-disabled": "_icon-disabled_vdj1o_137"
|
|
20
|
+
}, a = g(W), m = ({ children: e, isExternal: r, size: s }) => /* @__PURE__ */ u("span", { className: a("wui-text"), children: [
|
|
21
21
|
e,
|
|
22
|
-
|
|
22
|
+
r ? /* @__PURE__ */ n(v, { name: "external-link-alt", size: s }) : null
|
|
23
23
|
] });
|
|
24
|
-
|
|
25
|
-
const
|
|
26
|
-
e.props.tagName === "span" || e.props["data-wui-link"] === !0 || typeof e.props.children == "string") ?
|
|
24
|
+
m.displayName = "Link.Wrapper";
|
|
25
|
+
const c = (e, r, s) => typeof e == "string" ? /* @__PURE__ */ n(m, { isExternal: s, size: r, children: e }) : l.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__ */ n(m, { isExternal: s, size: r, 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
|
-
|
|
29
|
-
className:
|
|
28
|
+
l.cloneElement(e, {
|
|
29
|
+
className: a("wui-text", e.props.className)
|
|
30
30
|
})
|
|
31
|
-
) : e, L = k((e,
|
|
31
|
+
) : e, L = k((e, r) => {
|
|
32
32
|
const {
|
|
33
|
-
as:
|
|
34
|
-
children:
|
|
35
|
-
className:
|
|
36
|
-
disabled:
|
|
37
|
-
isExternal:
|
|
38
|
-
multiline:
|
|
39
|
-
size:
|
|
40
|
-
target:
|
|
41
|
-
variant:
|
|
42
|
-
...
|
|
43
|
-
} = e,
|
|
44
|
-
return /* @__PURE__ */
|
|
45
|
-
|
|
33
|
+
as: s,
|
|
34
|
+
children: t,
|
|
35
|
+
className: x,
|
|
36
|
+
disabled: i,
|
|
37
|
+
isExternal: o,
|
|
38
|
+
multiline: f,
|
|
39
|
+
size: _ = "md",
|
|
40
|
+
target: p,
|
|
41
|
+
variant: j = "primary",
|
|
42
|
+
...y
|
|
43
|
+
} = e, z = s || "a", d = _ === "xs" ? "sm" : "md", N = typeof t == "string" ? c(t, d, o) : l.Children.map(t, (b) => c(b, d, o));
|
|
44
|
+
return /* @__PURE__ */ u(
|
|
45
|
+
z,
|
|
46
46
|
{
|
|
47
|
-
"aria-disabled":
|
|
48
|
-
className:
|
|
47
|
+
"aria-disabled": i,
|
|
48
|
+
className: a(
|
|
49
49
|
"root",
|
|
50
|
-
`variant-${
|
|
51
|
-
`size-${
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
50
|
+
`variant-${j}`,
|
|
51
|
+
`size-${_}`,
|
|
52
|
+
o && "isExternal",
|
|
53
|
+
f && "isMultiline",
|
|
54
|
+
x
|
|
55
55
|
),
|
|
56
|
-
ref:
|
|
57
|
-
rel:
|
|
58
|
-
tabIndex:
|
|
59
|
-
target:
|
|
60
|
-
...
|
|
56
|
+
ref: r,
|
|
57
|
+
rel: p === "_blank" ? "noopener noreferrer" : void 0,
|
|
58
|
+
tabIndex: i ? -1 : 0,
|
|
59
|
+
target: p,
|
|
60
|
+
...y,
|
|
61
61
|
children: [
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
i ? /* @__PURE__ */ n(v, { className: a("icon-disabled"), name: "ban", size: "md" }) : null,
|
|
63
|
+
N
|
|
64
64
|
]
|
|
65
65
|
}
|
|
66
66
|
);
|
package/dist/Search.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
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)}}
|