@kaio-xyz/design-system 1.1.34 → 1.1.36
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.cjs.js +3 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.esm.js +3 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -138,11 +138,10 @@ type SpinnedIconProps = {
|
|
|
138
138
|
declare const SpinnedIcon: ({ size, duration, className, icon: Icon, ...rest }: SpinnedIconProps) => react_jsx_runtime.JSX.Element;
|
|
139
139
|
|
|
140
140
|
type LoaderProps = PropsWithChildren<{
|
|
141
|
-
fullPage?: boolean;
|
|
142
141
|
text?: string;
|
|
143
142
|
isLightOverlay?: boolean;
|
|
144
143
|
}>;
|
|
145
|
-
declare const Loader: ({ text,
|
|
144
|
+
declare const Loader: ({ text, isLightOverlay, children }: LoaderProps) => react_jsx_runtime.JSX.Element;
|
|
146
145
|
|
|
147
146
|
type CheckboxAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "size">;
|
|
148
147
|
type Props = CheckboxAttributes & {
|
package/dist/index.esm.js
CHANGED
|
@@ -495,8 +495,8 @@ FormSelect.displayName = "FormSelect";
|
|
|
495
495
|
var style$j = {"root":"loader-module__root__qnInQ"};
|
|
496
496
|
|
|
497
497
|
var Loader = function (_a) {
|
|
498
|
-
var text = _a.text, _b = _a.
|
|
499
|
-
return (jsx("div", { className: style$j.root, "data-
|
|
498
|
+
var text = _a.text, _b = _a.isLightOverlay, isLightOverlay = _b === void 0 ? false : _b, children = _a.children;
|
|
499
|
+
return (jsx("div", { className: style$j.root, "data-is-light-overlay": isLightOverlay, children: jsxs(Stack, { dataAlignItems: "center", children: [jsx(SpinnedIcon, { size: 50 }), text && jsx("p", { children: text }), children] }) }));
|
|
500
500
|
};
|
|
501
501
|
|
|
502
502
|
var style$i = {"root":"checkbox-module__root__W52jD","customCheckbox":"checkbox-module__customCheckbox__LACTE","label":"checkbox-module__label__ujd0G","frame":"checkbox-module__frame__njRTK","icon":"checkbox-module__icon__7kQzK"};
|
|
@@ -875,7 +875,7 @@ var style$2 = {"root":"drawer-module__root__D3rM0","backdrop":"drawer-module__ba
|
|
|
875
875
|
var Drawer = function (_a) {
|
|
876
876
|
var isOpen = _a.isOpen, title = _a.title, children = _a.children, className = _a.className, actions = _a.actions, onClose = _a.onClose, _b = _a.isLarge, isLarge = _b === void 0 ? false : _b;
|
|
877
877
|
var canAnimate = useCanAnimate();
|
|
878
|
-
var drawerContent = (jsxs("div", { className: clsx(style$2.root, className), "data-is-open": isOpen, "data-can-animate": canAnimate, children: [jsx("button", { className: style$2.backdrop, tabIndex: 0, onClick: onClose, onKeyDown: function (e) { return (isEnter(e) ? onClose === null || onClose === void 0 ? void 0 : onClose() : null); } }), jsxs("div", { className: style$2.drawer, "data-is-large": isLarge, children: [jsxs("div", { className: style$2.header, children: [jsx("h2", { className: style$2.title, children: title }), jsx("button", { onClick: onClose, className: style$2.closeButton, type: "button", disabled: !onClose, children: jsx(SvgCross, {}) })] }), jsxs("div", { className: style$2.body, children: [jsx("div", { className: style$2.content, children: isOpen ? children : null }), actions && jsx("div", { className: style$2.actions, children: actions })] })] })] }));
|
|
878
|
+
var drawerContent = (jsxs("div", { className: clsx(style$2.root, className), "data-is-open": isOpen, "data-can-animate": canAnimate, children: [jsx("button", { className: style$2.backdrop, tabIndex: 0, onClick: onClose, onKeyDown: function (e) { return (isEnter(e) ? onClose === null || onClose === void 0 ? void 0 : onClose() : null); } }), jsxs("div", { className: style$2.drawer, "data-is-large": isLarge, children: [jsxs("div", { className: style$2.header, children: [jsx("h2", { className: style$2.title, children: title }), jsx("button", { onClick: onClose, className: style$2.closeButton, type: "button", disabled: !onClose, children: jsx(SvgCross, { viewBox: "0 0 24 24" }) })] }), jsxs("div", { className: style$2.body, children: [jsx("div", { className: style$2.content, children: isOpen ? children : null }), actions && jsx("div", { className: style$2.actions, children: actions })] })] })] }));
|
|
879
879
|
return createPortal(drawerContent, document.body);
|
|
880
880
|
};
|
|
881
881
|
|