@gobolt/genesis 0.7.1-beta.0 → 0.7.2-beta.1
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.
|
@@ -9,6 +9,7 @@ type SidePanelAction = {
|
|
|
9
9
|
export interface SidePanelProps {
|
|
10
10
|
type: "full" | "float";
|
|
11
11
|
open: boolean;
|
|
12
|
+
closable?: boolean;
|
|
12
13
|
children?: ReactNode;
|
|
13
14
|
placement?: "left" | "right";
|
|
14
15
|
header: {
|
|
@@ -25,5 +26,5 @@ export interface SidePanelProps {
|
|
|
25
26
|
actions?: SidePanelAction[];
|
|
26
27
|
};
|
|
27
28
|
}
|
|
28
|
-
declare const SidePanel: ({ type, open, children, placement, header, footer, }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare const SidePanel: ({ type, open, closable, children, placement, header, footer, }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
30
|
export default SidePanel;
|
package/dist/index.cjs
CHANGED
|
@@ -85245,6 +85245,7 @@ const StickyHeader = styled(Tile)`
|
|
|
85245
85245
|
const SidePanel = ({
|
|
85246
85246
|
type: type4 = "float",
|
|
85247
85247
|
open,
|
|
85248
|
+
closable = true,
|
|
85248
85249
|
children: children2,
|
|
85249
85250
|
placement = "right",
|
|
85250
85251
|
header,
|
|
@@ -85318,12 +85319,12 @@ const SidePanel = ({
|
|
|
85318
85319
|
flex: 1
|
|
85319
85320
|
}, children: [
|
|
85320
85321
|
/* @__PURE__ */ jsxRuntime.jsx(BackBtn, {}),
|
|
85321
|
-
/* @__PURE__ */ jsxRuntime.jsxs(Tile, { style: { gap: `${spacing.Size4}px`, flex: 1
|
|
85322
|
-
/* @__PURE__ */ jsxRuntime.jsxs(Tile, { isHorizontal: true, style: { gap: `${spacing.Size3}px`, alignItems: "center" }, children: [
|
|
85322
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Tile, { style: { gap: `${spacing.Size4}px`, flex: 1 }, children: [
|
|
85323
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Tile, { isHorizontal: true, style: { gap: `${spacing.Size3}px`, alignItems: "center", height: "40px" }, children: [
|
|
85323
85324
|
avatar && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { ...avatar, size: 32 }),
|
|
85324
|
-
/* @__PURE__ */ jsxRuntime.jsx(Typography, { fontSize: "24px",
|
|
85325
|
+
/* @__PURE__ */ jsxRuntime.jsx(Typography, { fontSize: "24px", fontWeight: 400, color: textColor, children: title })
|
|
85325
85326
|
] }),
|
|
85326
|
-
/* @__PURE__ */ jsxRuntime.jsx(Typography, { fontSize: "16px", fontWeight: 400, color: textColor, children: description }),
|
|
85327
|
+
description && /* @__PURE__ */ jsxRuntime.jsx(Typography, { fontSize: "16px", fontWeight: 400, color: textColor, children: description }),
|
|
85327
85328
|
/* @__PURE__ */ jsxRuntime.jsx(HeaderActions, {})
|
|
85328
85329
|
] }),
|
|
85329
85330
|
/* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(HiX, {}), onClick: handleClose })
|
|
@@ -85359,8 +85360,8 @@ const SidePanel = ({
|
|
|
85359
85360
|
StyledSidePanel,
|
|
85360
85361
|
{
|
|
85361
85362
|
closable: false,
|
|
85362
|
-
|
|
85363
|
-
|
|
85363
|
+
maskClosable: closable,
|
|
85364
|
+
onClose,
|
|
85364
85365
|
width: 520,
|
|
85365
85366
|
footer: /* @__PURE__ */ jsxRuntime.jsx(SidePanelFooter, {}),
|
|
85366
85367
|
open,
|
package/dist/index.js
CHANGED
|
@@ -85227,6 +85227,7 @@ const StickyHeader = styled(Tile)`
|
|
|
85227
85227
|
const SidePanel = ({
|
|
85228
85228
|
type: type4 = "float",
|
|
85229
85229
|
open,
|
|
85230
|
+
closable = true,
|
|
85230
85231
|
children: children2,
|
|
85231
85232
|
placement = "right",
|
|
85232
85233
|
header,
|
|
@@ -85300,12 +85301,12 @@ const SidePanel = ({
|
|
|
85300
85301
|
flex: 1
|
|
85301
85302
|
}, children: [
|
|
85302
85303
|
/* @__PURE__ */ jsx(BackBtn, {}),
|
|
85303
|
-
/* @__PURE__ */ jsxs(Tile, { style: { gap: `${spacing.Size4}px`, flex: 1
|
|
85304
|
-
/* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { gap: `${spacing.Size3}px`, alignItems: "center" }, children: [
|
|
85304
|
+
/* @__PURE__ */ jsxs(Tile, { style: { gap: `${spacing.Size4}px`, flex: 1 }, children: [
|
|
85305
|
+
/* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { gap: `${spacing.Size3}px`, alignItems: "center", height: "40px" }, children: [
|
|
85305
85306
|
avatar && /* @__PURE__ */ jsx(Avatar, { ...avatar, size: 32 }),
|
|
85306
|
-
/* @__PURE__ */ jsx(Typography, { fontSize: "24px",
|
|
85307
|
+
/* @__PURE__ */ jsx(Typography, { fontSize: "24px", fontWeight: 400, color: textColor, children: title })
|
|
85307
85308
|
] }),
|
|
85308
|
-
/* @__PURE__ */ jsx(Typography, { fontSize: "16px", fontWeight: 400, color: textColor, children: description }),
|
|
85309
|
+
description && /* @__PURE__ */ jsx(Typography, { fontSize: "16px", fontWeight: 400, color: textColor, children: description }),
|
|
85309
85310
|
/* @__PURE__ */ jsx(HeaderActions, {})
|
|
85310
85311
|
] }),
|
|
85311
85312
|
/* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(HiX, {}), onClick: handleClose })
|
|
@@ -85341,8 +85342,8 @@ const SidePanel = ({
|
|
|
85341
85342
|
StyledSidePanel,
|
|
85342
85343
|
{
|
|
85343
85344
|
closable: false,
|
|
85344
|
-
|
|
85345
|
-
|
|
85345
|
+
maskClosable: closable,
|
|
85346
|
+
onClose,
|
|
85346
85347
|
width: 520,
|
|
85347
85348
|
footer: /* @__PURE__ */ jsx(SidePanelFooter, {}),
|
|
85348
85349
|
open,
|