norma-library 0.6.66 → 0.6.67

package/dist/esm/components/Box/interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BoxProps {
     children: JSX.Element[] | JSX.Element;
     size: string;

package/dist/esm/components/Box/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BoxProps } from "./interfaces";
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;

package/dist/esm/components/Breadcrumb/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ListLinks: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;

package/dist/esm/components/Card.js

@@ -1,8 +1,8 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React from 'react';
 import { Card as MuiCard } from '@mui/material';
 import { palette } from '../helpers';
-import { styled } from '@mui/material/styles';
+import styled from 'styled-components';
 var colorMap = {
     inherit: palette.inherit,
     primary: palette.primary,
@@ -12,17 +12,13 @@ var colorMap = {
     info: palette.info,
     success: palette.success,
 };
-var CardStyled = styled(MuiCard)(function (_a) {
+var CardStyled = styled(MuiCard)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 16px;\n  border-radius: 5px;\n  box-shadow: 0px 2px 8px #00000053;\n  border-left: ", ";\n"], ["\n  padding: 16px;\n  border-radius: 5px;\n  box-shadow: 0px 2px 8px #00000053;\n  border-left: ", ";\n"])), function (_a) {
     var $borderColor = _a.$borderColor;
-    return ({
-        padding: 16,
-        borderRadius: 5,
-        boxShadow: '0px 2px 8px #00000053',
-        borderLeft: $borderColor ? "7px solid ".concat(colorMap[$borderColor]) : 'none',
-    });
+    return ($borderColor ? "7px solid ".concat(colorMap[$borderColor]) : 'none');
 });
 export var Card = function (_a) {
     var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["children", "border", "color"]);
     return (React.createElement(CardStyled, __assign({ "$borderColor": border ? color : undefined }, props), children));
 };
+var templateObject_1;
 //# sourceMappingURL=Card.js.map

package/dist/esm/components/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAE/B,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC;QACxB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,uBAAuB;QAClC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,YAAY,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;KAC1E,CAAC;AALuB,CAKvB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,OAAO,CACL,oBAAC,UAAU,6BAAe,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC5D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,4KAAiC,kGAIlD,EAAqF,KACrG,KADgB,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,YAAY,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AAA/D,CAA+D,CACrG,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,OAAO,CACL,oBAAC,UAAU,6BAAe,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC5D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/DateInput/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "react-datepicker/dist/react-datepicker.css";
 import { ContainerStyles } from './interface';
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerStyles>> & string;

package/dist/esm/components/Icons.d.ts

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 import { IconsProps, SvgProps } from '../interfaces/Icons';
 export declare const Svg: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & SvgProps, React.SVGProps<SVGSVGElement>, {}>;
 export declare const Icons: FunctionComponent<IconsProps>;

package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/MultiSelectInput/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;

package/dist/esm/components/SelectInput/components/Option/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/SelectInput/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;

package/dist/esm/components/StatusModal/StatusModal.style.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Modal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $w?: string | undefined;
+    $w?: string;
 }>> & string;
 export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ModalIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/esm/components/Table/components/header/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
 export declare const Results: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Tools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/Table/components/pagination/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/Table/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
 export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;

package/dist/esm/components/TextInput/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/esm/components/Typography/Text/interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TextProps {
     children: JSX.Element[] | JSX.Element | string;
     className?: string;

package/dist/esm/components/Typography/Text/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProps } from "./interfaces";
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>> & string;

package/dist/esm/components/Typography/Title/interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TextProps {
     children: JSX.Element[] | JSX.Element | string;
     className?: string;

package/dist/esm/components/Typography/Title/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProps } from "./interfaces";
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, TextProps>> & string;

package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
 export declare const Results: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Tools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/components/pagination/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
 export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/interface.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColumnDef } from '@tanstack/react-table';
 type Labels = {
     orderAsc: string;

package/dist/esm/components/UncontrolledTable/styles.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
 export declare const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
-    $sticky?: boolean | undefined;
-    $stickyTopP?: number | undefined;
+    $sticky?: boolean;
+    $stickyTopP?: number;
 }>> & string;
 export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
 export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;

package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const NormaTabInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/interfaces/Accordion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { DataAccordion, MuiAccordionBaseProps } from '../types';

package/dist/esm/interfaces/Card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { ColorVariant, MuiCardBaseProps } from '../types';

package/dist/esm/interfaces/ChatMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ChatProps {
     name: string;
     message: string;

package/dist/esm/interfaces/DatePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { DatePickVariant } from '../types';

package/dist/esm/interfaces/Modal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { MuiModalBaseProps, MuiPaperBaseProps, OnAction } from '@/types';

package/dist/esm/interfaces/Paper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaperPropsVariantOverrides, SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { MuiPaperBaseProps, PaperVariant } from '../types';

package/dist/esm/interfaces/ProgressBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { OverridableStringUnion } from '@mui/types';

package/dist/esm/interfaces/Select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { DataSelect, MuiSelectBaseProps, TextFieldVariant } from '../types';

package/dist/esm/interfaces/Tabs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { ColorVariant, DataTabs, MuiTabsBaseProps, TabsVariant } from '../types';

package/dist/esm/interfaces/Tag.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { ColorVariant, MuiTagBaseProps } from '../types';

package/dist/esm/interfaces/TimeLine.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { ColorVariant, DataTimeLine, MuiTimeLineBaseProps, PositionVariant } from '../types';

package/dist/esm/interfaces/TimePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
 import { DatePickVariant } from '../types';

package/dist/esm/types/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AvatarProps as MuiAvatarProps, ButtonProps as MuiButtonProps, BadgeProps as MuiBadgeProps, IconButtonProps as MuiIconButtonProps, TextFieldProps as MuiTextFieldProps, CheckboxProps as MuiCheckBoxProps, MenuProps as MuiDropDownProps, ChipProps as MuiChipProps, LinearProgressProps as MuiLinearProgressProps, SliderProps as MuiSliderProps, AccordionProps as MuiAccordionProps, TabsProps as MuiTabsProps, SelectProps as MuiSelectProps, PaperProps as MuiPaperProps, SvgIconProps, ModalProps, CardProps as MuiCardProps, TableProps as MuiTableProps } from '@mui/material';
 import { TimelineProps as MuiTimeLineProps } from '@mui/lab';
 import { SwitchBaseProps as MuiSwitchBaseProps } from '@mui/material/internal/SwitchBase';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "norma-library",
-  "version": "0.6.66",
+  "version": "0.6.67",
   "private": false,
   "description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
   "scripts": {
@@ -98,7 +98,7 @@
     "@storybook/addon-mdx-gfm": "^7.5.2",
     "@tanstack/react-table": "^8.10.7",
     "dayjs": "^1.11.9",
-    "react-datepicker": "^4.21.0",
+    "react-datepicker": "^7.5.0",
     "react-i18next": "^13.2.2",
     "react-select": "^5.8.0",
     "styled-components": "^6.1.0",

package/src/components/Card.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Card as MuiCard } from '@mui/material';
 import { CardBaseProps } from '../interfaces';
 import { palette } from '../helpers';
-import { styled } from '@mui/material/styles';
+import styled from 'styled-components';
 import { ColorVariant } from '@/types';
 
 const colorMap: Record<ColorVariant, string> = {
@@ -15,14 +15,12 @@ const colorMap: Record<ColorVariant, string> = {
   success: palette.success,
 };
 
-const CardStyled = styled(MuiCard)<{
-  $borderColor?: ColorVariant;
-}>(({ $borderColor }) => ({
-  padding: 16,
-  borderRadius: 5,
-  boxShadow: '0px 2px 8px #00000053',
-  borderLeft: $borderColor ? `7px solid ${colorMap[$borderColor]}` : 'none',
-}));
+const CardStyled = styled(MuiCard)<{ $borderColor?: ColorVariant }>`
+  padding: 16px;
+  border-radius: 5px;
+  box-shadow: 0px 2px 8px #00000053;
+  border-left: ${({ $borderColor }) => ($borderColor ? `7px solid ${colorMap[$borderColor]}` : 'none')};
+`;
 
 export const Card = ({
   children,