@scripso-homepad/ui 0.4.17 → 0.4.18
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/web/index.cjs +34 -29
- package/dist/web/index.cjs.map +1 -1
- package/dist/web/index.d.cts +3 -1
- package/dist/web/index.d.ts +3 -1
- package/dist/web/index.js +34 -29
- package/dist/web/index.js.map +1 -1
- package/package.json +1 -1
- package/src/web/components/Drawer.tsx +36 -26
- package/src/web/icons/TableSortIcon.tsx +1 -3
package/dist/web/index.cjs
CHANGED
|
@@ -29839,7 +29839,7 @@ function TableSortIcon({ direction = null, className }) {
|
|
|
29839
29839
|
fill: "none",
|
|
29840
29840
|
xmlns: "http://www.w3.org/2000/svg",
|
|
29841
29841
|
"aria-hidden": true,
|
|
29842
|
-
className
|
|
29842
|
+
className,
|
|
29843
29843
|
children: [
|
|
29844
29844
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
29845
29845
|
"path",
|
|
@@ -31196,6 +31196,8 @@ function Drawer({
|
|
|
31196
31196
|
open,
|
|
31197
31197
|
title,
|
|
31198
31198
|
subtitle,
|
|
31199
|
+
subtitleClassName,
|
|
31200
|
+
headerBottom,
|
|
31199
31201
|
children,
|
|
31200
31202
|
footer,
|
|
31201
31203
|
onClose,
|
|
@@ -31282,39 +31284,42 @@ function Drawer({
|
|
|
31282
31284
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
31283
31285
|
"header",
|
|
31284
31286
|
{
|
|
31285
|
-
className: cn(
|
|
31286
|
-
"flex h-[87px] shrink-0 items-start justify-between border-b border-storm-gray-50 pt-6 pr-6 pb-4 pl-6",
|
|
31287
|
-
headerClassName
|
|
31288
|
-
),
|
|
31287
|
+
className: cn("shrink-0 border-b border-storm-gray-50", headerClassName),
|
|
31289
31288
|
children: [
|
|
31290
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "
|
|
31289
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between pt-6 pr-6 pb-4 pl-6", children: [
|
|
31290
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex flex-col gap-1", children: [
|
|
31291
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
31292
|
+
"h2",
|
|
31293
|
+
{
|
|
31294
|
+
id: "homepad-drawer-title",
|
|
31295
|
+
className: "typography-title-sm tracking-normal text-black",
|
|
31296
|
+
children: title
|
|
31297
|
+
}
|
|
31298
|
+
),
|
|
31299
|
+
subtitle ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
31300
|
+
"p",
|
|
31301
|
+
{
|
|
31302
|
+
id: "homepad-drawer-subtitle",
|
|
31303
|
+
className: cn(
|
|
31304
|
+
"typography-body tracking-normal text-storm-gray-400",
|
|
31305
|
+
subtitleClassName
|
|
31306
|
+
),
|
|
31307
|
+
children: subtitle
|
|
31308
|
+
}
|
|
31309
|
+
) : null
|
|
31310
|
+
] }),
|
|
31291
31311
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
31292
|
-
"
|
|
31293
|
-
{
|
|
31294
|
-
id: "homepad-drawer-title",
|
|
31295
|
-
className: "typography-title-sm tracking-normal text-black",
|
|
31296
|
-
children: title
|
|
31297
|
-
}
|
|
31298
|
-
),
|
|
31299
|
-
subtitle ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
31300
|
-
"p",
|
|
31312
|
+
"button",
|
|
31301
31313
|
{
|
|
31302
|
-
|
|
31303
|
-
|
|
31304
|
-
|
|
31314
|
+
type: "button",
|
|
31315
|
+
"aria-label": closeAriaLabel,
|
|
31316
|
+
className: "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-lg text-storm-gray-400 transition-colors hover:bg-storm-gray-50 hover:text-storm-gray-600",
|
|
31317
|
+
onClick: onClose,
|
|
31318
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-5", strokeWidth: 1.75 })
|
|
31305
31319
|
}
|
|
31306
|
-
)
|
|
31320
|
+
)
|
|
31307
31321
|
] }),
|
|
31308
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
31309
|
-
"button",
|
|
31310
|
-
{
|
|
31311
|
-
type: "button",
|
|
31312
|
-
"aria-label": closeAriaLabel,
|
|
31313
|
-
className: "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-lg text-storm-gray-400 transition-colors hover:bg-storm-gray-50 hover:text-storm-gray-600",
|
|
31314
|
-
onClick: onClose,
|
|
31315
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-5", strokeWidth: 1.75 })
|
|
31316
|
-
}
|
|
31317
|
-
)
|
|
31322
|
+
headerBottom ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-storm-gray-50 px-6", children: headerBottom }) : null
|
|
31318
31323
|
]
|
|
31319
31324
|
}
|
|
31320
31325
|
),
|