@kaio-xyz/design-system 1.1.76 → 1.1.78

package/dist/index.d.ts

@@ -144,10 +144,10 @@ declare const SpinnedIcon: ({ size, duration, className, icon: Icon, ...rest }:
 
 type LoaderProps = PropsWithChildren<{
     text?: string;
-    isLightOverlay?: boolean;
+    isLighter?: boolean;
     className?: string;
 }>;
-declare const Loader: ({ text, children, className, isLightOverlay }: LoaderProps) => react_jsx_runtime.JSX.Element;
+declare const Loader: ({ text, children, className, isLighter }: LoaderProps) => react_jsx_runtime.JSX.Element;
 
 type CheckboxAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "size">;
 type Props = CheckboxAttributes & {
@@ -335,14 +335,14 @@ type DrawerProps = {
 };
 declare const Drawer: ({ isOpen, title, children, className, actions, onClose, isLarge, subTitle, }: DrawerProps) => react.ReactPortal;
 
-type AlertProps = PropsWithChildren<{
+type AlertProps = {
     title: string;
     dataTest: string;
-    description?: string;
+    description?: ReactNode;
     type?: "primary" | "info" | "warning" | "danger" | "success";
     buttonText?: string;
     onClick?: () => void;
-}>;
+};
 declare const Alert: ({ title, type, description, buttonText, dataTest, onClick, ...rest }: AlertProps) => react_jsx_runtime.JSX.Element;
 
 type BoxProps = {

package/dist/index.esm.js

@@ -484,11 +484,11 @@ var FormSelect = function (_a) {
 };
 FormSelect.displayName = "FormSelect";
 
-var style$k = {"root":"loader-module__root__qnInQ"};
+var style$k = {"root":"loader-module__root__qnInQ","body":"loader-module__body__B-xBi"};
 
 var Loader = function (_a) {
-    var text = _a.text, children = _a.children, className = _a.className, _b = _a.isLightOverlay, isLightOverlay = _b === void 0 ? false : _b;
-    return (jsx("div", { className: clsx(style$k.root, className), "data-is-light-overlay": isLightOverlay, children: jsxs(Stack, { dataAlignItems: "center", children: [jsx(SpinnedIcon, { size: 50 }), text && jsx("p", { children: text }), children] }) }));
+    var text = _a.text, children = _a.children, className = _a.className, _b = _a.isLighter, isLighter = _b === void 0 ? false : _b;
+    return (jsx("div", { className: clsx(style$k.root, className), "data-is-lighter": isLighter, children: jsxs(Stack, { className: style$k.body, dataAlignItems: "center", children: [jsx(SpinnedIcon, { size: 50 }), text && jsx("p", { children: text }), children] }) }));
 };
 
 var style$j = {"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"};