design-zystem 1.0.237 → 1.0.239
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 +5 -4
- package/dist/index.mjs +5 -4
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -181,14 +181,16 @@ interface DrawerProps {
|
|
|
181
181
|
children?: ReactNode;
|
|
182
182
|
leftButtonLabel?: string;
|
|
183
183
|
leftButtonAction?: () => void;
|
|
184
|
+
leftButtonDisabled?: boolean;
|
|
184
185
|
rightButtonLabel?: string;
|
|
185
186
|
rightButtonAction?: () => void;
|
|
187
|
+
rightButtonDisabled?: boolean;
|
|
186
188
|
isLoading?: boolean;
|
|
187
189
|
leftVariant?: string;
|
|
188
190
|
variant?: string;
|
|
189
191
|
footer?: ReactNode;
|
|
190
192
|
}
|
|
191
|
-
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, isLoading, leftVariant, variant, footer, }: DrawerProps) => react_jsx_runtime.JSX.Element | null;
|
|
193
|
+
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, leftButtonDisabled, rightButtonLabel, rightButtonAction, rightButtonDisabled, isLoading, leftVariant, variant, footer, }: DrawerProps) => react_jsx_runtime.JSX.Element | null;
|
|
192
194
|
|
|
193
195
|
type SizeKey = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
194
196
|
interface TagBubbleProps extends HTMLAttributes<HTMLDivElement> {
|
package/dist/index.d.ts
CHANGED
|
@@ -181,14 +181,16 @@ interface DrawerProps {
|
|
|
181
181
|
children?: ReactNode;
|
|
182
182
|
leftButtonLabel?: string;
|
|
183
183
|
leftButtonAction?: () => void;
|
|
184
|
+
leftButtonDisabled?: boolean;
|
|
184
185
|
rightButtonLabel?: string;
|
|
185
186
|
rightButtonAction?: () => void;
|
|
187
|
+
rightButtonDisabled?: boolean;
|
|
186
188
|
isLoading?: boolean;
|
|
187
189
|
leftVariant?: string;
|
|
188
190
|
variant?: string;
|
|
189
191
|
footer?: ReactNode;
|
|
190
192
|
}
|
|
191
|
-
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, isLoading, leftVariant, variant, footer, }: DrawerProps) => react_jsx_runtime.JSX.Element | null;
|
|
193
|
+
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, leftButtonDisabled, rightButtonLabel, rightButtonAction, rightButtonDisabled, isLoading, leftVariant, variant, footer, }: DrawerProps) => react_jsx_runtime.JSX.Element | null;
|
|
192
194
|
|
|
193
195
|
type SizeKey = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
194
196
|
interface TagBubbleProps extends HTMLAttributes<HTMLDivElement> {
|
package/dist/index.js
CHANGED
|
@@ -1489,8 +1489,10 @@ var Drawer = ({
|
|
|
1489
1489
|
children,
|
|
1490
1490
|
leftButtonLabel,
|
|
1491
1491
|
leftButtonAction,
|
|
1492
|
+
leftButtonDisabled = false,
|
|
1492
1493
|
rightButtonLabel,
|
|
1493
1494
|
rightButtonAction,
|
|
1495
|
+
rightButtonDisabled = false,
|
|
1494
1496
|
isLoading = false,
|
|
1495
1497
|
leftVariant,
|
|
1496
1498
|
variant = "blue_700",
|
|
@@ -1543,6 +1545,7 @@ var Drawer = ({
|
|
|
1543
1545
|
{
|
|
1544
1546
|
outline: true,
|
|
1545
1547
|
onClick: leftButtonAction,
|
|
1548
|
+
disabled: leftButtonDisabled,
|
|
1546
1549
|
variant: leftVariant ? leftVariant : variant,
|
|
1547
1550
|
width: "100%",
|
|
1548
1551
|
children: leftButtonLabel
|
|
@@ -1553,6 +1556,7 @@ var Drawer = ({
|
|
|
1553
1556
|
{
|
|
1554
1557
|
onClick: rightButtonAction,
|
|
1555
1558
|
isLoading,
|
|
1559
|
+
disabled: rightButtonDisabled,
|
|
1556
1560
|
variant,
|
|
1557
1561
|
width: "100%",
|
|
1558
1562
|
children: rightButtonLabel
|
|
@@ -3387,9 +3391,6 @@ var StyledTableHeaderCell = import_styled_components31.default.div.withConfig({
|
|
|
3387
3391
|
var SortingButton = import_styled_components31.default.span`
|
|
3388
3392
|
display: inline-flex;
|
|
3389
3393
|
align-items: center;
|
|
3390
|
-
padding: 2px 10px;
|
|
3391
|
-
background: ${(props) => props.$isSort ? "#f8af2d" : "#FFF5"};
|
|
3392
|
-
border-radius: 20px;
|
|
3393
3394
|
gap: 8px;
|
|
3394
3395
|
cursor: pointer;
|
|
3395
3396
|
`;
|
|
@@ -3421,7 +3422,7 @@ var TableHeaderCell = (props) => {
|
|
|
3421
3422
|
if (useSort) setHovered(false);
|
|
3422
3423
|
(_a2 = otherProps.onMouseLeave) == null ? void 0 : _a2.call(otherProps, e);
|
|
3423
3424
|
},
|
|
3424
|
-
children: useSort ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(SortingButton, {
|
|
3425
|
+
children: useSort ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(SortingButton, { children: [
|
|
3425
3426
|
children,
|
|
3426
3427
|
showArrow && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SortArrow, { $opacity: arrowOpacity, children: arrowChar })
|
|
3427
3428
|
] }) : children
|
package/dist/index.mjs
CHANGED
|
@@ -1396,8 +1396,10 @@ var Drawer = ({
|
|
|
1396
1396
|
children,
|
|
1397
1397
|
leftButtonLabel,
|
|
1398
1398
|
leftButtonAction,
|
|
1399
|
+
leftButtonDisabled = false,
|
|
1399
1400
|
rightButtonLabel,
|
|
1400
1401
|
rightButtonAction,
|
|
1402
|
+
rightButtonDisabled = false,
|
|
1401
1403
|
isLoading = false,
|
|
1402
1404
|
leftVariant,
|
|
1403
1405
|
variant = "blue_700",
|
|
@@ -1450,6 +1452,7 @@ var Drawer = ({
|
|
|
1450
1452
|
{
|
|
1451
1453
|
outline: true,
|
|
1452
1454
|
onClick: leftButtonAction,
|
|
1455
|
+
disabled: leftButtonDisabled,
|
|
1453
1456
|
variant: leftVariant ? leftVariant : variant,
|
|
1454
1457
|
width: "100%",
|
|
1455
1458
|
children: leftButtonLabel
|
|
@@ -1460,6 +1463,7 @@ var Drawer = ({
|
|
|
1460
1463
|
{
|
|
1461
1464
|
onClick: rightButtonAction,
|
|
1462
1465
|
isLoading,
|
|
1466
|
+
disabled: rightButtonDisabled,
|
|
1463
1467
|
variant,
|
|
1464
1468
|
width: "100%",
|
|
1465
1469
|
children: rightButtonLabel
|
|
@@ -3300,9 +3304,6 @@ var StyledTableHeaderCell = styled31.div.withConfig({
|
|
|
3300
3304
|
var SortingButton = styled31.span`
|
|
3301
3305
|
display: inline-flex;
|
|
3302
3306
|
align-items: center;
|
|
3303
|
-
padding: 2px 10px;
|
|
3304
|
-
background: ${(props) => props.$isSort ? "#f8af2d" : "#FFF5"};
|
|
3305
|
-
border-radius: 20px;
|
|
3306
3307
|
gap: 8px;
|
|
3307
3308
|
cursor: pointer;
|
|
3308
3309
|
`;
|
|
@@ -3334,7 +3335,7 @@ var TableHeaderCell = (props) => {
|
|
|
3334
3335
|
if (useSort) setHovered(false);
|
|
3335
3336
|
(_a2 = otherProps.onMouseLeave) == null ? void 0 : _a2.call(otherProps, e);
|
|
3336
3337
|
},
|
|
3337
|
-
children: useSort ? /* @__PURE__ */ jsxs15(SortingButton, {
|
|
3338
|
+
children: useSort ? /* @__PURE__ */ jsxs15(SortingButton, { children: [
|
|
3338
3339
|
children,
|
|
3339
3340
|
showArrow && /* @__PURE__ */ jsx35(SortArrow, { $opacity: arrowOpacity, children: arrowChar })
|
|
3340
3341
|
] }) : children
|