@majoo-ui/react 1.61.12-rc.20 → 1.61.12-rc.22

package/components/accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { BaseRadixNoCss, BaseRadixProps } from '../../type/base.types';
 declare type AccordionPrimitiveProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
@@ -9,7 +9,7 @@ declare type AccordionProps = {
     children: React.ReactNode;
 } & AccordionPrimitiveProps & BaseRadixProps;
 export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
-declare type AccordionTriggerPrimitiveProps = AccordionPrimitive.AccordionTriggerProps & React.HTMLAttributes<HTMLButtonElement>;
+declare type AccordionTriggerPrimitiveProps = Omit<AccordionPrimitive.AccordionTriggerProps, keyof ComponentPropsWithoutRef<'button'>>;
 interface AccordionTriggerProps extends AccordionTriggerPrimitiveProps, BaseRadixProps {
     /**
      * If the value is 'false' then it will hide the arrow icon.

package/components/pageDialog/PageDialog.d.ts

@@ -1,7 +1,12 @@
 import React from 'react';
 import { Dialog } from '../../';
-import { PointerDownOutsideEvent, FocusOutsideEvent } from '@radix-ui/react-dismissable-layer';
 import type { DialogContentProps } from '..';
+declare type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+declare type FocusOutsideEvent = CustomEvent<{
+    originalEvent: FocusEvent;
+}>;
 export declare const PageDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";

package/components/table/Table.d.ts

@@ -202,6 +202,7 @@ export declare const TableHeaderCellContainer: import("@stitches/react/types/sty
     isMobile?: boolean | "true" | undefined;
     isToggleable?: boolean | "true" | undefined;
     isToggled?: boolean | "true" | undefined;
+    darkTheme?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -687,6 +688,102 @@ export declare const TableRow: import("@stitches/react/types/styled-component").
         backgroundColor: string;
     };
 }>>;
+export declare const Cell: import("@stitches/react/types/styled-component").StyledComponent<"td", {}, {
+    sm: "(min-width: 359px)";
+    md: "(min-width: 767px)";
+    lg: "(min-width: 1023px)";
+    xl: "(min-width: 1199px)";
+    '2xl': "(min-width: 1399px)";
+    '3xl': "(min-width: 1600px)";
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: "(min-width: 359px)";
+    md: "(min-width: 767px)";
+    lg: "(min-width: 1023px)";
+    xl: "(min-width: 1199px)";
+    '2xl': "(min-width: 1399px)";
+    '3xl': "(min-width: 1600px)";
+}, {
+    colors: unknown;
+    space: unknown;
+    shadows: unknown;
+    fontSizes: unknown;
+    fonts: unknown;
+    lineHeights: unknown;
+    letterSpacings: unknown;
+    radii: unknown;
+    sizes: unknown;
+    zIndices: unknown;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    m: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mt: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mr: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mb: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    ml: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mx: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    my: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    size: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    subtleColor: (value: string) => {
+        color: string;
+        backgroundColor: string;
+    };
+}>>;
 export declare const TableCell: import("@stitches/react/types/styled-component").StyledComponent<"td", {
     subCell?: boolean | "true" | undefined;
     headerSubCell?: boolean | "true" | undefined;

package/config/stitches.config.d.ts

@@ -618,7 +618,17 @@ export declare const darkTheme: string & {
 } & import("@stitches/react/types/stitches").ThemeTokens<{
     colors: {
         bgWhite: string;
+        bgGray: string;
         bgDark: string;
+        textPrimary: string;
+        textSecondary: string;
+        bgHeader: string;
+        btnPrimary: string;
+        btnSecondary: string;
+        primary50: string;
+        primary100: string;
+        iconPrimary: string;
+        bgBorder: string;
     };
 }, "">;
 export declare const colors: any;