design-zystem 1.0.466 → 1.0.467
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 +12 -4
- package/dist/index.mjs +12 -4
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -318,10 +318,12 @@ interface BubbleProps {
|
|
|
318
318
|
pulse?: boolean;
|
|
319
319
|
/** Shows the hand cursor. Pair it with `onClick` so an actionable bubble (a tag that opens a file) looks actionable. */
|
|
320
320
|
pointer?: boolean;
|
|
321
|
+
/** Shown like a button but not actionable: not-allowed cursor (wins over `pointer`), `onClick` ignored, `aria-disabled` set. */
|
|
322
|
+
disabled?: boolean;
|
|
321
323
|
style?: CSSProperties;
|
|
322
324
|
onClick?: () => void;
|
|
323
325
|
}
|
|
324
|
-
declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react.JSX.Element;
|
|
326
|
+
declare const Bubble: ({ children, onClick, ...otherProps }: BubbleProps) => react.JSX.Element;
|
|
325
327
|
|
|
326
328
|
interface IconProps {
|
|
327
329
|
name?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -318,10 +318,12 @@ interface BubbleProps {
|
|
|
318
318
|
pulse?: boolean;
|
|
319
319
|
/** Shows the hand cursor. Pair it with `onClick` so an actionable bubble (a tag that opens a file) looks actionable. */
|
|
320
320
|
pointer?: boolean;
|
|
321
|
+
/** Shown like a button but not actionable: not-allowed cursor (wins over `pointer`), `onClick` ignored, `aria-disabled` set. */
|
|
322
|
+
disabled?: boolean;
|
|
321
323
|
style?: CSSProperties;
|
|
322
324
|
onClick?: () => void;
|
|
323
325
|
}
|
|
324
|
-
declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react.JSX.Element;
|
|
326
|
+
declare const Bubble: ({ children, onClick, ...otherProps }: BubbleProps) => react.JSX.Element;
|
|
325
327
|
|
|
326
328
|
interface IconProps {
|
|
327
329
|
name?: string;
|
package/dist/index.js
CHANGED
|
@@ -1469,7 +1469,8 @@ var shouldForwardProp6 = (prop) => ![
|
|
|
1469
1469
|
"boxShadow",
|
|
1470
1470
|
"width",
|
|
1471
1471
|
"pulse",
|
|
1472
|
-
"pointer"
|
|
1472
|
+
"pointer",
|
|
1473
|
+
"disabled"
|
|
1473
1474
|
].includes(prop);
|
|
1474
1475
|
var StyledBubble = import_styled_components12.default.span.withConfig({
|
|
1475
1476
|
shouldForwardProp: shouldForwardProp6
|
|
@@ -1482,7 +1483,7 @@ var StyledBubble = import_styled_components12.default.span.withConfig({
|
|
|
1482
1483
|
margin: ${(props) => props.margin || "0"};
|
|
1483
1484
|
padding: ${(props) => props.padding || paddingSizes[props.size] || "5px 10px"};
|
|
1484
1485
|
font-weight: 600;
|
|
1485
|
-
${(props) => props.pointer ? "cursor: pointer;" : ""}
|
|
1486
|
+
${(props) => props.disabled ? "cursor: not-allowed;" : props.pointer ? "cursor: pointer;" : ""}
|
|
1486
1487
|
width: ${(props) => props.width ? props.width : "fit-content"};
|
|
1487
1488
|
overflow: hidden;
|
|
1488
1489
|
text-overflow: ellipsis;
|
|
@@ -1503,8 +1504,15 @@ var StyledBubble = import_styled_components12.default.span.withConfig({
|
|
|
1503
1504
|
`}
|
|
1504
1505
|
`;
|
|
1505
1506
|
var Bubble = (_a) => {
|
|
1506
|
-
var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
|
|
1507
|
-
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1507
|
+
var _b = _a, { children, onClick } = _b, otherProps = __objRest(_b, ["children", "onClick"]);
|
|
1508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1509
|
+
StyledBubble,
|
|
1510
|
+
__spreadProps(__spreadValues({}, otherProps), {
|
|
1511
|
+
onClick: otherProps.disabled ? void 0 : onClick,
|
|
1512
|
+
"aria-disabled": otherProps.disabled || void 0,
|
|
1513
|
+
children
|
|
1514
|
+
})
|
|
1515
|
+
);
|
|
1508
1516
|
};
|
|
1509
1517
|
|
|
1510
1518
|
// src/ui-legacy/Components/NewModal/NewModal.tsx
|
package/dist/index.mjs
CHANGED
|
@@ -1326,7 +1326,8 @@ var shouldForwardProp6 = (prop) => ![
|
|
|
1326
1326
|
"boxShadow",
|
|
1327
1327
|
"width",
|
|
1328
1328
|
"pulse",
|
|
1329
|
-
"pointer"
|
|
1329
|
+
"pointer",
|
|
1330
|
+
"disabled"
|
|
1330
1331
|
].includes(prop);
|
|
1331
1332
|
var StyledBubble = styled12.span.withConfig({
|
|
1332
1333
|
shouldForwardProp: shouldForwardProp6
|
|
@@ -1339,7 +1340,7 @@ var StyledBubble = styled12.span.withConfig({
|
|
|
1339
1340
|
margin: ${(props) => props.margin || "0"};
|
|
1340
1341
|
padding: ${(props) => props.padding || paddingSizes[props.size] || "5px 10px"};
|
|
1341
1342
|
font-weight: 600;
|
|
1342
|
-
${(props) => props.pointer ? "cursor: pointer;" : ""}
|
|
1343
|
+
${(props) => props.disabled ? "cursor: not-allowed;" : props.pointer ? "cursor: pointer;" : ""}
|
|
1343
1344
|
width: ${(props) => props.width ? props.width : "fit-content"};
|
|
1344
1345
|
overflow: hidden;
|
|
1345
1346
|
text-overflow: ellipsis;
|
|
@@ -1360,8 +1361,15 @@ var StyledBubble = styled12.span.withConfig({
|
|
|
1360
1361
|
`}
|
|
1361
1362
|
`;
|
|
1362
1363
|
var Bubble = (_a) => {
|
|
1363
|
-
var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
|
|
1364
|
-
return /* @__PURE__ */ jsx15(
|
|
1364
|
+
var _b = _a, { children, onClick } = _b, otherProps = __objRest(_b, ["children", "onClick"]);
|
|
1365
|
+
return /* @__PURE__ */ jsx15(
|
|
1366
|
+
StyledBubble,
|
|
1367
|
+
__spreadProps(__spreadValues({}, otherProps), {
|
|
1368
|
+
onClick: otherProps.disabled ? void 0 : onClick,
|
|
1369
|
+
"aria-disabled": otherProps.disabled || void 0,
|
|
1370
|
+
children
|
|
1371
|
+
})
|
|
1372
|
+
);
|
|
1365
1373
|
};
|
|
1366
1374
|
|
|
1367
1375
|
// src/ui-legacy/Components/NewModal/NewModal.tsx
|