@faststore/components 2.1.31 → 2.1.51

package/dist/atoms/Badge/Badge.d.ts

@@ -7,7 +7,7 @@ export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
      */
     testId?: string;
     /**
-     * Sets the component's size.
+     * Specifies the size variant.
      */
     size?: 'small' | 'big';
     /**

package/dist/atoms/Link/Link.d.ts

@@ -11,13 +11,13 @@ type LinkBaseProps = {
      */
     variant?: 'default' | 'display' | 'inline';
     /**
-     * Defines use of inverted color.
+     * Specifies the size variant.
      */
-    inverse?: boolean;
+    size?: 'small' | 'regular';
     /**
-     * Defines size os element
+     * Defines the use of inverted colors.
      */
-    size?: 'small' | 'regular';
+    inverse?: boolean;
 };
 export type LinkElementType = ElementType;
 export type LinkProps<C extends LinkElementType = 'a'> = PolymorphicComponentPropsWithRef<C, LinkBaseProps>;

package/dist/atoms/Loader/Loader.d.ts

@@ -1,13 +1,14 @@
+import type { HTMLAttributes } from 'react';
 import React from 'react';
-export type LoaderProps = {
-    /**
-     * Specifies the component color variant.
-     */
-    variant?: 'light' | 'dark';
+export interface LoaderProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
      */
     testId?: string;
-};
+    /**
+    * Specifies the component color variant.
+    */
+    variant?: 'light' | 'dark';
+}
 declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
 export default Loader;

package/dist/atoms/Loader/Loader.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-const Loader = forwardRef(function Loader({ variant = 'dark', testId = 'fs-loader', ...otherProps }, ref) {
+const Loader = forwardRef(function Loader({ testId = 'fs-loader', variant = 'dark', ...otherProps }, ref) {
     return (React.createElement("span", { ref: ref, "data-fs-loader": true, "data-fs-loader-variant": variant, "data-testid": testId, ...otherProps },
         React.createElement("span", { "data-fs-loader-item": true }),
         React.createElement("span", { "data-fs-loader-item": true }),

package/dist/atoms/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/atoms/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAe,EACtE,GAAG;IAEH,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,oDAEgB,OAAO,iBAClB,MAAM,KACf,UAAU;QAEd,4DAAiC;QACjC,4DAAiC;QACjC,4DAAiC,CAC5B,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/atoms/Loader/Loader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,MAAM,GAAG,WAAW,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,UAAU,EAAe,EACtE,GAAG;IAEH,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,oDAEgB,OAAO,iBAClB,MAAM,KACf,UAAU;QAEd,4DAAiC;QACjC,4DAAiC;QACjC,4DAAiC,CAC5B,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/atoms/SROnly/SROnly.d.ts

@@ -1,6 +1,12 @@
 import type { ElementType } from 'react';
 interface SROnlyProps {
+    /**
+     * Defines component element type (e.g.: span).
+     */
     text: string;
+    /**
+     * Defines component element type (e.g.: span).
+     */
     as?: ElementType;
 }
 declare function SROnly({ text, as }: SROnlyProps): JSX.Element;

package/dist/atoms/SROnly/SROnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"SROnly.js","sourceRoot":"","sources":["../../../src/atoms/SROnly/SROnly.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,SAAS,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAe;IACvC,MAAM,SAAS,GAAG,EAAE,IAAI,MAAM,CAAA;IAE9B,OAAO,oBAAC,SAAS,+BAAkB,IAAI,CAAa,CAAA;AACtD,CAAC;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"SROnly.js","sourceRoot":"","sources":["../../../src/atoms/SROnly/SROnly.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,SAAS,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAe;IACvC,MAAM,SAAS,GAAG,EAAE,IAAI,MAAM,CAAA;IAE9B,OAAO,oBAAC,SAAS,+BAAkB,IAAI,CAAa,CAAA;AACtD,CAAC;AAED,eAAe,MAAM,CAAA"}

package/dist/atoms/Slider/Slider.d.ts

@@ -2,7 +2,7 @@
  * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
  */
 import React from 'react';
-import type { ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 interface Range {
     absolute: number;
     selected: number;
@@ -11,7 +11,7 @@ interface RangeLabel {
     min: string | ReactNode;
     max: string | ReactNode;
 }
-export type SliderProps = {
+export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
      *
@@ -60,7 +60,7 @@ export type SliderProps = {
      * Component that renders max value label above the right thumb.
      */
     maxValueLabelComponent?: (maxValue: number) => ReactNode;
-};
+}
 type SliderRefType = {
     setSliderValues: (values: {
         min: number;

package/dist/molecules/Dropdown/Dropdown.d.ts

@@ -1,9 +1,17 @@
-import type { ReactNode } from 'react';
-export type DropdownProps = {
-    children: ReactNode;
+import type { PropsWithChildren } from 'react';
+export interface DropdownProps {
+    /**
+     * Event emitted when the Dropdown is closed.
+     */
     onDismiss?(): void;
+    /**
+     * A boolean value that represents the state of the Dropdown.
+     */
     isOpen?: boolean;
+    /**
+     * ID to identify Dropdown.
+     */
     id?: string;
-};
-declare const Dropdown: ({ children, isOpen: isOpenDefault, onDismiss, id, }: DropdownProps) => JSX.Element;
+}
+declare const Dropdown: ({ children, isOpen: isOpenDefault, onDismiss, id, }: PropsWithChildren<DropdownProps>) => JSX.Element;
 export default Dropdown;

package/dist/molecules/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/molecules/Dropdown/DropdownMenu.d.ts

@@ -1,7 +1,7 @@
-import type { AriaAttributes, KeyboardEvent, PropsWithChildren, MouseEvent, ReactNode, DetailedHTMLProps, HTMLAttributes } from 'react';
+import type { AriaAttributes, KeyboardEvent, PropsWithChildren, MouseEvent, ReactNode } from 'react';
 import React from 'react';
-type BaseModalProps = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'onClick'>;
-export interface DropdownMenuProps extends BaseModalProps {
+import type { ModalContentProps } from './../Modal/ModalContent';
+export interface DropdownMenuProps extends ModalContentProps {
     /**
      * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
      */
@@ -17,8 +17,8 @@ export interface DropdownMenuProps extends BaseModalProps {
      */
     onDismiss?: (event: MouseEvent | KeyboardEvent) => void;
     /**
-     * Specifies the size variant
-     */
+    * Specifies the size variant.
+    */
     size?: 'small' | 'regular';
     children: ReactNode[] | ReactNode;
 }

package/dist/molecules/Dropdown/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"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"}

package/dist/molecules/Modal/ModalBody.d.ts

@@ -1,5 +1,8 @@
 import { ReactNode, HTMLAttributes } from 'react';
 export interface ModalBodyProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Children or function as a children
+     */
     children: ReactNode;
 }
 declare const ModalBody: ({ children, ...otherProps }: ModalBodyProps) => JSX.Element;

package/dist/molecules/Modal/ModalBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../src/molecules/Modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAMxD,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAkB,EAAE,EAAE,CAAC,CACjE,4DAA4B,UAAU,IACnC,QAAQ,CACL,CACP,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../src/molecules/Modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AASxD,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAkB,EAAE,EAAE,CAAC,CACjE,4DAA4B,UAAU,IACnC,QAAQ,CACL,CACP,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/molecules/RadioField/RadioField.d.ts

@@ -1,5 +1,6 @@
+import type { HTMLAttributes } from 'react';
 import React from 'react';
-export type RadioFieldProps = {
+export interface RadioFieldProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
      */
@@ -20,6 +21,6 @@ export type RadioFieldProps = {
      * Identify radio in the same group.
      */
     name?: string;
-};
+}
 declare const RadioField: React.ForwardRefExoticComponent<RadioFieldProps & React.RefAttributes<HTMLDivElement>>;
 export default RadioField;

package/dist/molecules/RadioField/RadioField.js

@@ -1,6 +1,6 @@
+import React, { forwardRef } from 'react';
 import Label from '../../atoms/Label';
 import Radio from '../../atoms/Radio';
-import React, { forwardRef } from 'react';
 const RadioField = forwardRef(function RadioField({ testId = 'fs-radio-field', id, label, value, name, ...otherProps }, ref) {
     return (React.createElement("div", { ref: ref, "data-fs-radio-field": true, "data-testid": testId },
         React.createElement(Radio, { id: id, value: value ?? label, name: name, ...otherProps }),

package/dist/molecules/RadioField/RadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../../src/molecules/RadioField/RadioField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAyBzC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EAAE,MAAM,GAAG,gBAAgB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,8CAAmC,MAAM;QACpD,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI;QACpE,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC/B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../../src/molecules/RadioField/RadioField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAyBrC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EAAE,MAAM,GAAG,gBAAgB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,8CAAmC,MAAM;QACpD,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI;QACpE,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC/B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/molecules/Rating/Rating.d.ts

@@ -1,5 +1,9 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
 export interface RatingProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onChange'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
     /**
      * The length of child elements.
      */
@@ -16,10 +20,6 @@ export interface RatingProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onC
      * Function to be triggered when Rating option change. This should only be used if you and an actionable rating list.
      */
     onChange?: (value: number) => void;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
 }
 export interface RatingItemProps {
     'data-fs-rating-item'?: 'full' | 'partial' | 'empty';

package/dist/molecules/ToggleField/ToggleField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type ToggleFieldProps = {
+export interface ToggleFieldProps {
     /**
      * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
      */
@@ -24,6 +24,6 @@ export type ToggleFieldProps = {
      * Controls the component's direction.
      */
     variant?: 'horizontal' | 'vertical';
-};
+}
 declare const ToggleField: React.ForwardRefExoticComponent<ToggleFieldProps & React.RefAttributes<HTMLDivElement>>;
 export default ToggleField;

package/dist/organisms/PriceRange/PriceRange.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { AriaAttributes } from 'react';
 import type { PriceProps, SliderProps } from '../../';
-export type PriceRangeProps = Omit<SliderProps, 'absoluteValuesLabel'> & {
+export interface PriceRangeProps extends Omit<SliderProps, 'absoluteValuesLabel'> {
     /**
      * The current use case variant for prices.
      */
@@ -14,25 +14,12 @@ export type PriceRangeProps = Omit<SliderProps, 'absoluteValuesLabel'> & {
      * Defines a string value that labels the current element.
      */
     'aria-label'?: AriaAttributes['aria-label'];
-};
+}
 type PriceRangeRefType = {
     setPriceRangeValues: (values: {
         min: number;
         max: number;
     }) => void;
 };
-declare const PriceRange: React.ForwardRefExoticComponent<Omit<SliderProps, "absoluteValuesLabel"> & {
-    /**
-     * The current use case variant for prices.
-     */
-    variant?: PriceProps['variant'];
-    /**
-     * Formatter function that transforms the raw price value and render the result.
-     */
-    formatter: PriceProps['formatter'];
-    /**
-     * Defines a string value that labels the current element.
-     */
-    'aria-label'?: AriaAttributes['aria-label'];
-} & React.RefAttributes<PriceRangeRefType | undefined>>;
+declare const PriceRange: React.ForwardRefExoticComponent<PriceRangeProps & React.RefAttributes<PriceRangeRefType | undefined>>;
 export default PriceRange;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.1.31",
+  "version": "2.1.51",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "author": "Emerson Laurentino @emersonlaurentino",
@@ -21,8 +21,8 @@
     "src"
   ],
   "devDependencies": {
-    "@faststore/eslint-config": "^2.1.31",
-    "@faststore/shared": "^2.1.31",
+    "@faststore/eslint-config": "^2.1.33",
+    "@faststore/shared": "^2.1.33",
     "eslint": "7.32.0",
     "typescript": "^4.8.4"
   },
@@ -30,5 +30,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "6b75c6c7571b710f7b8f99209a3ab0f90daad73b"
+  "gitHead": "661c5d1e345616c2b0ea2e8ceb388263644ff67c"
 }

package/src/atoms/Badge/Badge.tsx

@@ -15,7 +15,7 @@ export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
    */
   testId?: string
   /**
-   * Sets the component's size.
+   * Specifies the size variant.
    */
   size?: 'small' | 'big'
   /**

package/src/atoms/Link/Link.tsx

@@ -12,13 +12,13 @@ type LinkBaseProps = {
    */
   variant?: 'default' | 'display' | 'inline'
   /**
-   * Defines use of inverted color.
+   * Specifies the size variant.
    */
-  inverse?: boolean
+  size?: 'small' | 'regular'
   /**
-   * Defines size os element
+   * Defines the use of inverted colors.
    */
-  size?: 'small' | 'regular'
+  inverse?: boolean
 }
 
 export type LinkElementType = ElementType

package/src/atoms/Loader/Loader.tsx

@@ -1,18 +1,19 @@
+import type { HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
 
-export type LoaderProps = {
-  /**
-   * Specifies the component color variant.
-   */
-  variant?: 'light' | 'dark'
+export interface LoaderProps extends HTMLAttributes<HTMLSpanElement> {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */
   testId?: string
+   /**
+   * Specifies the component color variant.
+   */
+   variant?: 'light' | 'dark'
 }
 
 const Loader = forwardRef<HTMLDivElement, LoaderProps>(function Loader(
-  { variant = 'dark', testId = 'fs-loader', ...otherProps }: LoaderProps,
+  { testId = 'fs-loader', variant = 'dark', ...otherProps }: LoaderProps,
   ref
 ) {
   return (

package/src/atoms/SROnly/SROnly.tsx

@@ -2,7 +2,13 @@ import React from 'react'
 import type { ElementType } from 'react'
 
 interface SROnlyProps {
+  /**
+   * Defines component element type (e.g.: span).
+   */
   text: string
+  /**
+   * Defines component element type (e.g.: span).
+   */
   as?: ElementType
 }
 

package/src/atoms/Slider/Slider.tsx

@@ -7,7 +7,7 @@ import React, {
   useImperativeHandle,
   forwardRef,
 } from 'react'
-import type { ReactNode } from 'react'
+import type { HTMLAttributes, ReactNode } from 'react'
 
 interface Range {
   absolute: number
@@ -19,7 +19,7 @@ interface RangeLabel {
   max: string | ReactNode
 }
 
-export type SliderProps = {
+export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    *

package/src/molecules/Dropdown/Dropdown.tsx

@@ -1,12 +1,20 @@
-import type { ReactNode } from 'react'
+import type { PropsWithChildren } from 'react'
 import React, { useRef, useMemo, useState, useEffect, useCallback } from 'react'
 
 import DropdownContext from '../Dropdown/contexts/DropdownContext'
 
-export type DropdownProps = {
-  children: ReactNode
+export interface DropdownProps {
+  /**
+   * Event emitted when the Dropdown is closed.
+   */
   onDismiss?(): void
+  /**
+   * A boolean value that represents the state of the Dropdown.
+   */
   isOpen?: boolean
+  /**
+   * ID to identify Dropdown.
+   */
   id?: string
 }
 
@@ -15,7 +23,7 @@ const Dropdown = ({
   isOpen: isOpenDefault = false,
   onDismiss,
   id = 'fs-dropdown',
-}: DropdownProps) => {
+}: PropsWithChildren<DropdownProps>) => {
   const [isOpen, setIsOpen] = useState(isOpenDefault)
   const dropdownItemsRef = useRef<HTMLButtonElement[]>([])
   const selectedDropdownItemIndexRef = useRef(0)

package/src/molecules/Dropdown/DropdownMenu.tsx

@@ -4,22 +4,15 @@ import type {
   PropsWithChildren,
   MouseEvent,
   ReactNode,
-  DetailedHTMLProps,
-  HTMLAttributes
 } from 'react'
 import React from 'react'
 import { createPortal } from 'react-dom'
 
 import { useDropdown } from './hooks/useDropdown'
 import { useDropdownPosition } from './hooks/useDropdownPosition'
+import type { ModalContentProps } from './../Modal/ModalContent'
 
-//TODO: Replace by ModalContentProps when Modal component be brought
-type BaseModalProps = Omit<
-DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
-'ref' | 'onClick'
->
-
-export interface DropdownMenuProps extends BaseModalProps {
+export interface DropdownMenuProps extends ModalContentProps {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */
@@ -36,8 +29,8 @@ export interface DropdownMenuProps extends BaseModalProps {
    */
   onDismiss?: (event: MouseEvent | KeyboardEvent) => void
 
-  /**
-   * Specifies the size variant
+   /**
+   * Specifies the size variant.
    */
   size?: 'small' | 'regular'
 

package/src/molecules/Modal/ModalBody.tsx

@@ -1,6 +1,9 @@
 import React, { ReactNode, HTMLAttributes } from 'react'
 
 export interface ModalBodyProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * Children or function as a children
+   */
   children: ReactNode
 }
 

package/src/molecules/RadioField/RadioField.tsx

@@ -1,8 +1,10 @@
+import type { HTMLAttributes } from 'react'
+import React, { forwardRef } from 'react'
+
 import Label from '../../atoms/Label'
 import Radio from '../../atoms/Radio'
-import React, { forwardRef } from 'react'
 
-export type RadioFieldProps = {
+export interface RadioFieldProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */

package/src/molecules/Rating/Rating.tsx

@@ -5,6 +5,10 @@ import List from '../../atoms/List'
 
 export interface RatingProps
   extends Omit<HTMLAttributes<HTMLUListElement>, 'onChange'> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
   /**
    * The length of child elements.
    */
@@ -21,10 +25,6 @@ export interface RatingProps
    * Function to be triggered when Rating option change. This should only be used if you and an actionable rating list.
    */
   onChange?: (value: number) => void
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
 }
 
 export interface RatingItemProps {

package/src/molecules/ToggleField/ToggleField.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react'
 import { Label, SROnly, Toggle } from './../../'
 
-export type ToggleFieldProps = {
+export interface ToggleFieldProps {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */

package/src/organisms/PriceRange/PriceRange.tsx

@@ -4,7 +4,7 @@ import type { AriaAttributes } from 'react'
 import { Price, Slider, InputField } from '../../'
 import type { PriceProps, SliderProps } from '../../'
 
-export type PriceRangeProps = Omit<SliderProps, 'absoluteValuesLabel'> & {
+export interface PriceRangeProps extends Omit<SliderProps, 'absoluteValuesLabel'> {
   /**
    * The current use case variant for prices.
    */