@nuskin/foundation-ui-components 1.19.0 → 1.19.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuskin/foundation-ui-components",
-    "version": "1.19.0",
+    "version": "1.19.2",
     "description": "It is a foundation library written in react, that provides common components to all UI pages",
     "main": "src/common/index.ts",
     "repository": {

package/src/common/autocomplete/NsAutocomplete.tsx

@@ -1,12 +1,29 @@
-import { Autocomplete, AutocompleteRenderInputParams } from '@mui/material';
-import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';
+import React, {
+    PropsWithChildren,
+    useEffect,
+    useRef,
+    useState,
+} from 'react';
+
+import {
+    Autocomplete,
+    AutocompleteRenderInputParams,
+} from '@mui/material';
 
 import { LineLoader } from './helper/LineLoader';
 import { RecentClearAll } from './helper/RecentClearAll';
-import { renderGroupBy, renderGroupName, renderOptionLabel } from './helper/renderGroupName';
+import {
+    renderGroupBy,
+    renderGroupName,
+    renderOptionLabel,
+} from './helper/renderGroupName';
 import { SeeMoreButton } from './helper/SeeMoreButton';
 import { StyledTextField } from './NsAutocomplete.styled';
-import { ComponentBoxProps, NsAutocompleteProps, OptionsProps } from './types.d';
+import {
+    ComponentBoxProps,
+    NsAutocompleteProps,
+    OptionsProps,
+} from './types.d';
 
 const noop = () => {};
 const NsAutocomplete = ({
@@ -38,7 +55,7 @@ const NsAutocomplete = ({
 
     const renderInput = (params: AutocompleteRenderInputParams) => (
         <StyledTextField
-            {...params}
+            {...(params as any)}
             placeholder={placeholder}
             InputProps={{
                 ...params.InputProps,
@@ -53,7 +70,7 @@ const NsAutocomplete = ({
         OptionsUI ? (
             <OptionsUI {...props} option={option} key={props.id} />
         ) : (
-            <li {...props} key={props.id}>
+            <li {...(props as any)} key={props.id}>
                 {option.value}
             </li>
         );

package/src/common/card/NsMediumCard.tsx

@@ -56,7 +56,6 @@ const CardContainer = styled(Box)<{ fluid: boolean; variant: string }>(({ fluid,
         '.subtitle': {
             fontSize: '16px',
             fontWeight: '400',
-            marginTop: '10px 0 20px',
         },
         '.title': {
             fontSize: '20px',
@@ -94,7 +93,7 @@ export default function NsMediumCard({
                 <NsTypography variant="h5" color="primary" className="title" weight={titleFontWeight}>
                     {title}
                 </NsTypography>
-                <article className="subtitle">{subtitle}</article>
+                <article className="subtitle mt-3 mb-5">{subtitle}</article>
                 {button ? <CardButton {...button} showArrowWithText={showArrowWithButtonText} /> : null}
             </div>
         </CardContainer>