@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.d.cts
CHANGED
|
@@ -459,6 +459,8 @@ type DrawerProps = {
|
|
|
459
459
|
open: boolean;
|
|
460
460
|
title: string;
|
|
461
461
|
subtitle?: string;
|
|
462
|
+
subtitleClassName?: string;
|
|
463
|
+
headerBottom?: ReactNode;
|
|
462
464
|
children: ReactNode;
|
|
463
465
|
footer?: ReactNode;
|
|
464
466
|
onClose: () => void;
|
|
@@ -469,7 +471,7 @@ type DrawerProps = {
|
|
|
469
471
|
contentClassName?: string;
|
|
470
472
|
footerClassName?: string;
|
|
471
473
|
};
|
|
472
|
-
declare function Drawer({ open, title, subtitle, children, footer, onClose, closeAriaLabel, widthClassName, className, headerClassName, contentClassName, footerClassName, }: DrawerProps): react.JSX.Element | null;
|
|
474
|
+
declare function Drawer({ open, title, subtitle, subtitleClassName, headerBottom, children, footer, onClose, closeAriaLabel, widthClassName, className, headerClassName, contentClassName, footerClassName, }: DrawerProps): react.JSX.Element | null;
|
|
473
475
|
|
|
474
476
|
type HistoryTimelineItem = {
|
|
475
477
|
id: string;
|
package/dist/web/index.d.ts
CHANGED
|
@@ -459,6 +459,8 @@ type DrawerProps = {
|
|
|
459
459
|
open: boolean;
|
|
460
460
|
title: string;
|
|
461
461
|
subtitle?: string;
|
|
462
|
+
subtitleClassName?: string;
|
|
463
|
+
headerBottom?: ReactNode;
|
|
462
464
|
children: ReactNode;
|
|
463
465
|
footer?: ReactNode;
|
|
464
466
|
onClose: () => void;
|
|
@@ -469,7 +471,7 @@ type DrawerProps = {
|
|
|
469
471
|
contentClassName?: string;
|
|
470
472
|
footerClassName?: string;
|
|
471
473
|
};
|
|
472
|
-
declare function Drawer({ open, title, subtitle, children, footer, onClose, closeAriaLabel, widthClassName, className, headerClassName, contentClassName, footerClassName, }: DrawerProps): react.JSX.Element | null;
|
|
474
|
+
declare function Drawer({ open, title, subtitle, subtitleClassName, headerBottom, children, footer, onClose, closeAriaLabel, widthClassName, className, headerClassName, contentClassName, footerClassName, }: DrawerProps): react.JSX.Element | null;
|
|
473
475
|
|
|
474
476
|
type HistoryTimelineItem = {
|
|
475
477
|
id: string;
|
package/dist/web/index.js
CHANGED
|
@@ -29290,7 +29290,7 @@ function TableSortIcon({ direction = null, className }) {
|
|
|
29290
29290
|
fill: "none",
|
|
29291
29291
|
xmlns: "http://www.w3.org/2000/svg",
|
|
29292
29292
|
"aria-hidden": true,
|
|
29293
|
-
className
|
|
29293
|
+
className,
|
|
29294
29294
|
children: [
|
|
29295
29295
|
/* @__PURE__ */ jsx(
|
|
29296
29296
|
"path",
|
|
@@ -30453,6 +30453,8 @@ function Drawer({
|
|
|
30453
30453
|
open,
|
|
30454
30454
|
title,
|
|
30455
30455
|
subtitle,
|
|
30456
|
+
subtitleClassName,
|
|
30457
|
+
headerBottom,
|
|
30456
30458
|
children,
|
|
30457
30459
|
footer,
|
|
30458
30460
|
onClose,
|
|
@@ -30539,39 +30541,42 @@ function Drawer({
|
|
|
30539
30541
|
/* @__PURE__ */ jsxs(
|
|
30540
30542
|
"header",
|
|
30541
30543
|
{
|
|
30542
|
-
className: cn(
|
|
30543
|
-
"flex h-[87px] shrink-0 items-start justify-between border-b border-storm-gray-50 pt-6 pr-6 pb-4 pl-6",
|
|
30544
|
-
headerClassName
|
|
30545
|
-
),
|
|
30544
|
+
className: cn("shrink-0 border-b border-storm-gray-50", headerClassName),
|
|
30546
30545
|
children: [
|
|
30547
|
-
/* @__PURE__ */ jsxs("div", { className: "
|
|
30546
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between pt-6 pr-6 pb-4 pl-6", children: [
|
|
30547
|
+
/* @__PURE__ */ jsxs("div", { className: "min-w-0 flex flex-col gap-1", children: [
|
|
30548
|
+
/* @__PURE__ */ jsx(
|
|
30549
|
+
"h2",
|
|
30550
|
+
{
|
|
30551
|
+
id: "homepad-drawer-title",
|
|
30552
|
+
className: "typography-title-sm tracking-normal text-black",
|
|
30553
|
+
children: title
|
|
30554
|
+
}
|
|
30555
|
+
),
|
|
30556
|
+
subtitle ? /* @__PURE__ */ jsx(
|
|
30557
|
+
"p",
|
|
30558
|
+
{
|
|
30559
|
+
id: "homepad-drawer-subtitle",
|
|
30560
|
+
className: cn(
|
|
30561
|
+
"typography-body tracking-normal text-storm-gray-400",
|
|
30562
|
+
subtitleClassName
|
|
30563
|
+
),
|
|
30564
|
+
children: subtitle
|
|
30565
|
+
}
|
|
30566
|
+
) : null
|
|
30567
|
+
] }),
|
|
30548
30568
|
/* @__PURE__ */ jsx(
|
|
30549
|
-
"
|
|
30550
|
-
{
|
|
30551
|
-
id: "homepad-drawer-title",
|
|
30552
|
-
className: "typography-title-sm tracking-normal text-black",
|
|
30553
|
-
children: title
|
|
30554
|
-
}
|
|
30555
|
-
),
|
|
30556
|
-
subtitle ? /* @__PURE__ */ jsx(
|
|
30557
|
-
"p",
|
|
30569
|
+
"button",
|
|
30558
30570
|
{
|
|
30559
|
-
|
|
30560
|
-
|
|
30561
|
-
|
|
30571
|
+
type: "button",
|
|
30572
|
+
"aria-label": closeAriaLabel,
|
|
30573
|
+
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",
|
|
30574
|
+
onClick: onClose,
|
|
30575
|
+
children: /* @__PURE__ */ jsx(X, { className: "size-5", strokeWidth: 1.75 })
|
|
30562
30576
|
}
|
|
30563
|
-
)
|
|
30577
|
+
)
|
|
30564
30578
|
] }),
|
|
30565
|
-
/* @__PURE__ */ jsx(
|
|
30566
|
-
"button",
|
|
30567
|
-
{
|
|
30568
|
-
type: "button",
|
|
30569
|
-
"aria-label": closeAriaLabel,
|
|
30570
|
-
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",
|
|
30571
|
-
onClick: onClose,
|
|
30572
|
-
children: /* @__PURE__ */ jsx(X, { className: "size-5", strokeWidth: 1.75 })
|
|
30573
|
-
}
|
|
30574
|
-
)
|
|
30579
|
+
headerBottom ? /* @__PURE__ */ jsx("div", { className: "border-t border-storm-gray-50 px-6", children: headerBottom }) : null
|
|
30575
30580
|
]
|
|
30576
30581
|
}
|
|
30577
30582
|
),
|