odaptos_design_system 1.2.4 → 1.2.6

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./odaptos_design_system.cjs.production.min.js')
+} else {
+  module.exports = require('./odaptos_design_system.cjs.development.js')
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.4",
+  "version": "1.2.6",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/Accordion/Accordion.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import styles from './Accordion.modules.scss';
 import { Text } from '../Typography/Text';
 import { IconButton } from '../Buttons/IconButton';
@@ -45,11 +45,7 @@ export const Accordion = ({
           }
         />
       </div>
-      {isAccordionOpen && (
-        <div>
-          {children}
-        </div>
-      )}
+      {isAccordionOpen && <div>{children}</div>}
     </div>
   );
 };

package/src/Badge/Badge.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import styles from './Badge.modules.scss';
 import { Text } from '../Typography/Text';
 

package/src/Buttons/Button.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import { TextForButton } from '../Typography/TextForButton';
 import styles from './Button.modules.scss';
 

package/src/Buttons/IconButton.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import styles from './IconButton.modules.scss';
 import { MinusCircledIcon } from '../';
 

package/src/Checkbox/Checkbox.tsx

@@ -2,6 +2,7 @@ import { styled } from '@mui/material/styles';
 import { Checkbox as MuiCheckbox } from '@mui/material';
 import styles from './Checkbox.module.scss';
 import { Text } from '../Typography/Text';
+import React from 'react';
 
 const BpIcon = styled('span')(() => ({
   borderRadius: '0.25rem',

package/src/Icons/Arrows/ArrowDoubleLineDownIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowDoubleLineDownIcon({
   stroke,

package/src/Icons/Arrows/ArrowDoubleLineLeftIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowDoubleLineLeftIcon({
   stroke,

package/src/Icons/Arrows/ArrowDoubleLineRightIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowDoubleLineRightIcon({
   stroke,

package/src/Icons/Arrows/ArrowDoubleLineUpIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowDoubleLineUpIcon({
   stroke,

package/src/Icons/Arrows/ArrowFilledDownIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowFilledDownIcon({
   stroke,

package/src/Icons/Arrows/ArrowFilledLeftIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowFilledLeftIcon({
   stroke,

package/src/Icons/Arrows/ArrowFilledRightIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowFilledRightIcon({
   stroke,

package/src/Icons/Arrows/ArrowFilledUpIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowFilledUpIcon({
   stroke,

package/src/Icons/Arrows/ArrowLineDownIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowLineDowIcon({
   stroke,

package/src/Icons/Arrows/ArrowLineLeftIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowLineLeftIcon({
   stroke,

package/src/Icons/Arrows/ArrowLineRightIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowLineRightIcon({
   stroke,

package/src/Icons/Arrows/ArrowLineUpIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowLineUpIcon({
   stroke,

package/src/Icons/Arrows/ArrowPointerDown.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowPointerDown({
   stroke,

package/src/Icons/Arrows/ArrowPointerDownLeft.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowPointerDownLeft({
   stroke,

package/src/Icons/Arrows/ArrowPointerDownRight.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowPointerDownRight({
   stroke,

package/src/Icons/Arrows/ArrowPointerLeft.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowPointerLeft({
   stroke,

package/src/Icons/Arrows/ArrowPointerRight.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowPointerRight({
   stroke,

package/src/Icons/Arrows/ArrowPointerUp.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowPointerUp({
   stroke,

package/src/Icons/Arrows/ArrowPointerUpLeft.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowPointerUpLeft({
   stroke,

package/src/Icons/Arrows/ArrowPointerUpRight.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ArrowPointerUpRight({
   stroke,

package/src/Icons/Circled/AddCircledIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function AddCircledIcon({
   stroke,

package/src/Icons/Circled/AlertCircledIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function AlertCircledIcon({
   stroke,

package/src/Icons/Circled/CheckedCircled.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function CheckedCircled({
   stroke,

package/src/Icons/Circled/InfoCircledIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function InfoCircledIcon({
   stroke,

package/src/Icons/Circled/MinusCircledIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MinusCircledIcon({
   stroke,

package/src/Icons/Circled/NavigationCircledIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function NavigationCircledIcon({
   stroke,

package/src/Icons/Circled/QuestionCircledIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function QuestionCircledIcon({
   stroke,

package/src/Icons/Circled/RemoveCircledIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function RemoveCircledIcon({
   stroke,

package/src/Icons/Circled/SearchCircledIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function SearchCircledIcon({
   stroke,

package/src/Icons/Circled/SettingsCircledIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function SettingsCircledIcon({
   stroke,

package/src/Icons/Equipment/CameraIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function CameraIcon({
   stroke,

package/src/Icons/Equipment/LaptopIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function LaptopIcon({
   stroke,

package/src/Icons/Equipment/MicrophonePodcastIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MicrophonePodcastIcon({
   stroke,

package/src/Icons/Equipment/MobileIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MobileIcon({
   stroke,

package/src/Icons/Equipment/TvFlatScreenIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function TvFlatScreenIcon({
   stroke,

package/src/Icons/Equipment/TvIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function TvIcon({
   stroke,

package/src/Icons/Interaction/AccountIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function AccountIcon({
   stroke,

package/src/Icons/Interaction/AddIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function AddIcon({
   stroke,

package/src/Icons/Interaction/AgendaIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function AgendaIcon({
   stroke,

package/src/Icons/Interaction/BillingIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function BillingIcon({
   stroke,

package/src/Icons/Interaction/BinIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function BinIcon({
   stroke,

package/src/Icons/Interaction/CheckedIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function CheckedIcon({
   stroke,

package/src/Icons/Interaction/ClockIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ClockIcon({
   stroke,

package/src/Icons/Interaction/CopyPasteIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function CopyPasteIcon({
   stroke,

package/src/Icons/Interaction/DragDropIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function DragDropIcon({
   stroke,

package/src/Icons/Interaction/EditIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function EditIcon({
   stroke,

package/src/Icons/Interaction/EditTextIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function EditTextIcon({
   stroke,

package/src/Icons/Interaction/LogoutIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function LogoutIcon({
   stroke,

package/src/Icons/Interaction/MenuHorizontalIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MenuHorizontalIcon({
   stroke,

package/src/Icons/Interaction/MenuVerticalIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MenuVerticalIcon({
   stroke,

package/src/Icons/Interaction/MinusIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MinusIcon({
   stroke,

package/src/Icons/Interaction/SearchIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function SearchIcon({
   stroke,

package/src/Icons/Interaction/SearchRemoveIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function SearchRemoveIcon({
   stroke,

package/src/Icons/Interaction/ShareIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ShareIcon({
   stroke,

package/src/Icons/Interaction/TeamIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function TeamIcon({
   stroke,

package/src/Icons/Logos/LogoBeta.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function LogoBeta({
   stroke,

package/src/Icons/Logos/LogoNormal.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function LogoNormal({
   stroke,

package/src/Icons/Logos/LogoSmall.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function LogoSmall({
   stroke,

package/src/Icons/Logos/LogoSquare.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function LogoSquare({
   stroke,

package/src/Icons/Logos/LogoText.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function LogoText({
   stroke,

package/src/Icons/MediaControl/HangUpIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function HangUpIcon({
   stroke,

package/src/Icons/MediaControl/MeetingIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MeetingIcon({
   stroke,

package/src/Icons/MediaControl/MicrophoneIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MicrophoneIcon({
   stroke,

package/src/Icons/MediaControl/MoveInIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MoveInIcon({
   stroke,

package/src/Icons/MediaControl/MuteIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function MuteIcon({
   stroke,

package/src/Icons/MediaControl/PauseIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function PauseIcon({
   stroke,

package/src/Icons/MediaControl/PlayIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function PlayIcon({
   stroke,

package/src/Icons/MediaControl/PreviousIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function PreviousIcon({
   stroke,

package/src/Icons/MediaControl/RecordingIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function RecordingIcon({
   stroke,

package/src/Icons/MediaControl/VolumeIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function VolumeIcon({
   stroke,

package/src/Icons/Miscellaneous/AddSeatIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function AddSeatIcon({
   stroke,

package/src/Icons/Miscellaneous/AddUsersIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function AddUsersIcon({
   stroke,

package/src/Icons/Miscellaneous/BillPdfIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function BillPdfIcon({
   stroke,

package/src/Icons/Miscellaneous/BinocularIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function BinocularIcon({
   stroke,

package/src/Icons/Miscellaneous/BrainIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function BrainIcon({
   stroke,

package/src/Icons/Miscellaneous/ChatBubbleIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ChatBubbleIcon({
   stroke,

package/src/Icons/Miscellaneous/ChatIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function ChatIcon({
   stroke,

package/src/Icons/Miscellaneous/CheckoutIcon.tsx

@@ -1,4 +1,5 @@
 import { SvgIcon, SvgIconProps } from '@mui/material';
+import React from 'react';
 
 export default function CheckoutIcon({
   stroke,