@kaio-xyz/design-system 1.1.10 → 1.1.11

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.
Files changed (6) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -636,7 +636,7 @@ var style$6 = {"modal":"modal-module__modal__X2VmM","content":"modal-module__con
636
636
  var ModalElement = function (_a) {
637
637
  var id = _a.id, children = _a.children, className = _a.className, _b = _a.title, title = _b === void 0 ? "No title" : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, onClose = _a.onClose, _d = _a.actions, actions = _d === void 0 ? [] : _d, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? true : _e, _f = _a.isScrollable, isScrollable = _f === void 0 ? false : _f, visible = _a.visible, attributes = __rest(_a, ["id", "children", "className", "title", "size", "onClose", "actions", "isFullWidth", "isScrollable", "visible"]);
638
638
  var modalRef = React.useRef(null);
639
- return (jsxRuntime.jsxs("dialog", __assign({ ref: modalRef, "aria-modal": "true", "aria-labelledby": id, className: clsx(style$6.modal, className), "data-test": "Modal__Div__content", "data-visible": visible, "data-is-not-closable": !onClose }, attributes, { children: [jsxRuntime.jsx("dialog", { className: style$6.backdrop }), jsxRuntime.jsx("div", { className: style$6.content, "data-size": size, "data-shadow-direction": "top", "data-is-full-width": isFullWidth, "data-is-scrollable": isScrollable, children: jsxRuntime.jsxs("div", { className: style$6.bodyWrapper, children: __spreadArray([title && (jsxRuntime.jsxs("div", { className: style$6.header, children: [jsxRuntime.jsx("h2", { id: id, children: title }), jsxRuntime.jsx(SvgCross, { onClick: onClose })] })), jsxRuntime.jsx("div", { className: style$6.body, children: children })], actions.map(function (i, idx) { return jsxRuntime.jsx("div", { className: style$6.actions, children: i }, "".concat(id, "_").concat(idx)); }), true) }) })] })));
639
+ return (jsxRuntime.jsxs("dialog", __assign({ ref: modalRef, "aria-modal": "true", "aria-labelledby": id, className: clsx(style$6.modal, className), "data-test": "Modal__Div__content", "data-visible": visible, "data-is-not-closable": !onClose }, attributes, { children: [jsxRuntime.jsx("dialog", { className: style$6.backdrop }), jsxRuntime.jsx("div", { className: style$6.content, "data-size": size, "data-shadow-direction": "top", "data-is-full-width": isFullWidth, "data-is-scrollable": isScrollable, children: jsxRuntime.jsxs("div", { className: style$6.bodyWrapper, children: __spreadArray([title && (jsxRuntime.jsxs("div", { className: style$6.header, children: [jsxRuntime.jsx("h2", { id: id, children: title }), jsxRuntime.jsx(SvgCross, { "data-icon": true, onClick: onClose })] })), jsxRuntime.jsx("div", { className: style$6.body, children: children })], actions.map(function (i, idx) { return jsxRuntime.jsx("div", { className: style$6.actions, children: i }, "".concat(id, "_").concat(idx)); }), true) }) })] })));
640
640
  };
641
641
  var Modal = function (_a) {
642
642
  var visible = _a.visible, props = __rest(_a, ["visible"]);