moralis-ui - npm Package Compare versions

Comparing version 0.0.22 to 0.0.23

dist/components/Accordion/Accordion.d.ts

 import { IAccordionProps } from './types';
-declare const Accordion: ({ children, hasBorder, id, isOpenByDefault, icon, size, style, title, }: IAccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const Accordion: ({ children, hasBorder, id, isOpen, slots, size, style, title, subtitle, chevronAlign, }: IAccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;
 //# sourceMappingURL=Accordion.d.ts.map

dist/components/Accordion/Accordion.stories.d.ts

@@ -7,2 +7,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 export declare const Default: Story;
+export declare const NoBorder: Story;
+export declare const ChevronAlign: Story;
+export declare const WithSubtitle: Story;
+export declare const Slots: Story;
 //# sourceMappingURL=Accordion.stories.d.ts.map

dist/components/Accordion/types.d.ts

@@ -1,3 +0,3 @@
-import { TSize } from '../../index.ts';
 import { ReactNode } from 'react';
+import { TSizeAll } from '../../types';
 export interface IAccordionProps {
@@ -20,3 +20,6 @@ /**
      */
-    icon?: ReactNode;
+    slots?: {
+        before?: ReactNode;
+        after?: ReactNode;
+    };
     /**
@@ -29,7 +32,7 @@ * each accordion needs a unique ID
      */
-    isOpenByDefault?: boolean;
+    isOpen?: boolean;
     /**
      * Increases spacing and padding of the accordion
      */
-    size?: TSize;
+    size?: TSizeAll;
     /**
@@ -43,3 +46,11 @@ * apply custom CSS
     title?: string;
+    /**
+     * sets the side the chevron button is on
+     */
+    chevronAlign?: 'left' | 'right';
+    /**
+     * sets optional subtitle
+     */
+    subtitle?: string;
 }
 //# sourceMappingURL=types.d.ts.map

dist/components/Button/ButtonBase/ButtonBase.d.ts

@@ -1,5 +0,5 @@
-import { FC } from 'react';
+import React from 'react';
 import { IButtonProps } from '../types';
-declare const ButtonBase: FC<IButtonProps>;
+declare const ButtonBase: React.ForwardRefExoticComponent<Omit<IButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonBase;
 //# sourceMappingURL=ButtonBase.d.ts.map

dist/components/Button/index.d.ts

@@ -1,8 +0,8 @@
-export * from './ButtonDestructive';
-export * from './ButtonLink';
-export * from './ButtonOutline';
 export * from './ButtonPrimary';
 export * from './ButtonSecondary';
+export * from './ButtonOutline';
+export * from './ButtonLink';
+export * from './ButtonDestructive';
 export * from './ButtonSuccess';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

dist/components/Button/types.d.ts

 import { ReactNode } from 'react';
-import { TSizeAll } from 'src/types';
+import { TSizeAll } from '../../types';
 export interface IButtonProps {
@@ -13,2 +13,6 @@ /**
     /**
+     * optional id for callbacks and CSS specificity
+     */
+    id?: string;
+    /**
      * set element to be noninteractive
@@ -30,2 +34,6 @@ */
     /**
+     * aria role can be passed to the button for special accessibility cases
+     */
+    role?: string;
+    /**
      * set the size of the element
@@ -32,0 +40,0 @@ */

dist/components/Chip/Chip.d.ts

 import { IChipProps } from './types';
-declare const Chip: ({ children, color, id, onClick, size, style, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Chip: ({ children, color, id, hasCloseButton, size, style, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
 export default Chip;
 //# sourceMappingURL=Chip.d.ts.map

dist/components/Chip/types.d.ts

@@ -1,3 +0,3 @@
-import { TSize } from '../../index.ts';
 import { ReactNode } from 'react';
+import { TSize } from '../../types';
 export type TChipColor = 'aero' | 'blue' | 'grey' | 'green' | 'navy' | 'purple' | 'slate' | 'yellow';
@@ -18,6 +18,2 @@ export interface IChipProps {
     /**
-     * call back function, when close "X" button is clicked chip returns its ID
-     */
-    onClick?: (id: string) => void;
-    /**
      * Increases spacing and padding of the chip
@@ -30,3 +26,16 @@ */
     style?: React.CSSProperties;
+    /**
+     * apply custom CSS
+     */
+    hasCloseButton?: {
+        /**
+         * call back function, when close "X" button is clicked chip returns its ID
+         */
+        onClick: (id: string) => void;
+        /**
+         * sets closeButton active state separately from the onClick callback
+         */
+        active: boolean;
+    };
 }
 //# sourceMappingURL=types.d.ts.map

dist/components/index.d.ts

@@ -0,15 +1,18 @@
+export * from './Button';
 export * from './Accordion';
 export * from './Chip';
-export * from './Button';
-export * from './CardSelection';
-export * from './Checkboxes';
+export * from './SelectionCard';
+export * from './Checkbox';
 export * from './Empty';
 export * from './Input';
+export * from './Image';
 export * from './Loader';
 export * from './Pill';
-export * from './Radios';
+export * from './Radio';
 export * from './RangeSlider';
 export * from './Select';
+export * from './Tabs';
 export * from './Toggle';
 export * from './VerifyCode';
+export * from './Progress';
 //# sourceMappingURL=index.d.ts.map

dist/components/Input/types.d.ts

 import { ReactNode } from 'react';
-import { TSize } from 'src/types';
+import { TSize } from '../../types';
 export type TInputType = 'text' | 'number' | 'email' | 'tel' | 'password';
@@ -4,0 +4,0 @@ export type TValidateInput = {

dist/components/Pill/types.d.ts

@@ -1,3 +0,3 @@
-import { TSize } from '../../index.ts';
 import { ReactNode } from 'react';
+import { TSize } from '../../types';
 export type TPillColor = 'aero' | 'blue' | 'grey' | 'green' | 'navy' | 'purple' | 'slate' | 'yellow';
@@ -4,0 +4,0 @@ export interface IPillProps {

dist/components/RangeSlider/types.d.ts

 import { ReactNode } from 'react';
-import { TSize } from 'src/types';
+import { TSize } from '../../types';
 export type TValidateRangeSlider = {
@@ -4,0 +4,0 @@ /**

dist/components/Toggle/types.d.ts

 import { ReactNode } from 'react';
-import { TSize } from 'src/types';
+import { TSize } from '../../types';
 export interface IToggleProps {
@@ -4,0 +4,0 @@ /**

dist/styles/index.d.ts

 export * from './scss/checkboxTemp.scss';
-export * from './scss/typography.scss';
+export * from './scss/typography.module.scss';
 //# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "moralis-ui",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "type": "module",
@@ -5,0 +5,0 @@ "husky": {

No alert changes

Improved metrics

Total package byte prevSize

1754952

increased by173.04%

Number of package files

203

increased by17.34%

Lines of code

11768

increased by14.76%

No dependency changes