design-zystem 1.0.235 → 1.0.236
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/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +3 -1
- package/dist/index.mjs +3 -1
- package/package.json +2 -1
package/dist/index.d.mts
CHANGED
|
@@ -186,8 +186,9 @@ interface DrawerProps {
|
|
|
186
186
|
isLoading?: boolean;
|
|
187
187
|
leftVariant?: string;
|
|
188
188
|
variant?: string;
|
|
189
|
+
footer?: ReactNode;
|
|
189
190
|
}
|
|
190
|
-
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, isLoading, leftVariant, variant, }: DrawerProps) => react_jsx_runtime.JSX.Element | null;
|
|
191
|
+
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, isLoading, leftVariant, variant, footer, }: DrawerProps) => react_jsx_runtime.JSX.Element | null;
|
|
191
192
|
|
|
192
193
|
type SizeKey = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
193
194
|
interface TagBubbleProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -224,6 +225,7 @@ interface BubbleProps {
|
|
|
224
225
|
maxChars?: number;
|
|
225
226
|
borderRadius?: string;
|
|
226
227
|
width?: string;
|
|
228
|
+
style?: CSSProperties;
|
|
227
229
|
}
|
|
228
230
|
declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react_jsx_runtime.JSX.Element;
|
|
229
231
|
|
package/dist/index.d.ts
CHANGED
|
@@ -186,8 +186,9 @@ interface DrawerProps {
|
|
|
186
186
|
isLoading?: boolean;
|
|
187
187
|
leftVariant?: string;
|
|
188
188
|
variant?: string;
|
|
189
|
+
footer?: ReactNode;
|
|
189
190
|
}
|
|
190
|
-
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, isLoading, leftVariant, variant, }: DrawerProps) => react_jsx_runtime.JSX.Element | null;
|
|
191
|
+
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, isLoading, leftVariant, variant, footer, }: DrawerProps) => react_jsx_runtime.JSX.Element | null;
|
|
191
192
|
|
|
192
193
|
type SizeKey = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
193
194
|
interface TagBubbleProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -224,6 +225,7 @@ interface BubbleProps {
|
|
|
224
225
|
maxChars?: number;
|
|
225
226
|
borderRadius?: string;
|
|
226
227
|
width?: string;
|
|
228
|
+
style?: CSSProperties;
|
|
227
229
|
}
|
|
228
230
|
declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react_jsx_runtime.JSX.Element;
|
|
229
231
|
|
package/dist/index.js
CHANGED
|
@@ -1493,7 +1493,8 @@ var Drawer = ({
|
|
|
1493
1493
|
rightButtonAction,
|
|
1494
1494
|
isLoading = false,
|
|
1495
1495
|
leftVariant,
|
|
1496
|
-
variant = "blue_700"
|
|
1496
|
+
variant = "blue_700",
|
|
1497
|
+
footer
|
|
1497
1498
|
}) => {
|
|
1498
1499
|
const [isRendered, setIsRendered] = (0, import_react6.useState)(showDrawer);
|
|
1499
1500
|
const [isVisible, setIsVisible] = (0, import_react6.useState)(false);
|
|
@@ -1535,6 +1536,7 @@ var Drawer = ({
|
|
|
1535
1536
|
title && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Divider, { orientation: "horizontal", thickness: "1px" }),
|
|
1536
1537
|
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScrollableContent, { children: children && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Col, { fullWidth: true, children }) }),
|
|
1537
1538
|
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Divider, { orientation: "horizontal", thickness: "1px" }),
|
|
1539
|
+
footer,
|
|
1538
1540
|
(leftButtonLabel || rightButtonLabel) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Row, { gap: "12", fullWidth: true, children: [
|
|
1539
1541
|
leftButtonLabel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1540
1542
|
Button,
|
package/dist/index.mjs
CHANGED
|
@@ -1400,7 +1400,8 @@ var Drawer = ({
|
|
|
1400
1400
|
rightButtonAction,
|
|
1401
1401
|
isLoading = false,
|
|
1402
1402
|
leftVariant,
|
|
1403
|
-
variant = "blue_700"
|
|
1403
|
+
variant = "blue_700",
|
|
1404
|
+
footer
|
|
1404
1405
|
}) => {
|
|
1405
1406
|
const [isRendered, setIsRendered] = useState3(showDrawer);
|
|
1406
1407
|
const [isVisible, setIsVisible] = useState3(false);
|
|
@@ -1442,6 +1443,7 @@ var Drawer = ({
|
|
|
1442
1443
|
title && /* @__PURE__ */ jsx16(Divider, { orientation: "horizontal", thickness: "1px" }),
|
|
1443
1444
|
/* @__PURE__ */ jsx16(ScrollableContent, { children: children && /* @__PURE__ */ jsx16(Col, { fullWidth: true, children }) }),
|
|
1444
1445
|
/* @__PURE__ */ jsx16(Divider, { orientation: "horizontal", thickness: "1px" }),
|
|
1446
|
+
footer,
|
|
1445
1447
|
(leftButtonLabel || rightButtonLabel) && /* @__PURE__ */ jsxs6(Row, { gap: "12", fullWidth: true, children: [
|
|
1446
1448
|
leftButtonLabel && /* @__PURE__ */ jsx16(
|
|
1447
1449
|
Button,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "design-zystem",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.236",
|
|
4
4
|
"description": "A React design system of importable components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"prepublishOnly": "npm run build",
|
|
11
11
|
"prepare": "husky",
|
|
12
12
|
"test": "vitest run --project unit",
|
|
13
|
+
"typecheck": "tsc --noEmit",
|
|
13
14
|
"storybook": "storybook dev -p 6006",
|
|
14
15
|
"build-storybook": "storybook build",
|
|
15
16
|
"lint": "eslint . --ext js,jsx,ts,tsx --report-unused-disable-directives --max-warnings 0",
|