odaptos_design_system 2.0.49 → 2.0.51

package/package.json

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

package/src/Atoms/Box/Box.tsx

@@ -2,6 +2,7 @@ import React, { HTMLAttributes } from 'react';
 
 import styles from './Box.module.scss';
 import { Title } from '../Typography/Title';
+import { Text } from '../Typography/Text';
 import { IconButton } from '../Buttons/IconButton';
 import { Tooltip } from '../Tooltip/Tooltip';
 import { QuestionCircledIcon } from '../../DesignTokens/Icons';
@@ -9,6 +10,7 @@ import { QuestionCircledIcon } from '../../DesignTokens/Icons';
 interface BoxProps extends HTMLAttributes<HTMLDivElement> {
   children: any;
   title?: string;
+  optionalText?: string;
   tooltipDescription?: string;
   className?: string;
   id?: string;
@@ -19,6 +21,7 @@ interface BoxProps extends HTMLAttributes<HTMLDivElement> {
 export const Box = ({
   children,
   title,
+  optionalText,
   tooltipDescription,
   className,
   id,
@@ -30,6 +33,7 @@ export const Box = ({
       {title && (
         <div className={styles.box_header}>
           <Title text={title} size="lg" weight="bold" required={required} />
+          {!required && optionalText && <Text text={optionalText} italic />}
           {tooltipDescription && (
             <Tooltip
               tooltipDescription={tooltipDescription}

package/src/DesignTokens/Icons/Miscellaneous/OtherTab.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+export default function OtherTab({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      fill={fill}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="17"
+        height="16"
+        viewBox="0 0 17 16"
+        fill="none"
+      >
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M11.2384 0.666748H15.3463C15.4128 0.666748 15.4761 0.680064 15.5338 0.704174C15.5865 0.726103 15.636 0.757669 15.6798 0.798872C15.6871 0.805743 15.6942 0.812838 15.701 0.820145C15.7411 0.86273 15.7721 0.910767 15.7939 0.961776C15.8192 1.02064 15.8332 1.08549 15.8332 1.15361V5.26149C15.8332 5.53038 15.6152 5.74835 15.3463 5.74835C15.0774 5.74835 14.8595 5.53038 14.8595 5.26149V2.32899L6.56194 10.6265C6.37181 10.8166 6.06355 10.8166 5.87342 10.6265C5.68329 10.4364 5.68329 10.1281 5.87342 9.93798L14.1709 1.64047H11.2384C10.9695 1.64047 10.7516 1.42249 10.7516 1.15361C10.7516 0.884723 10.9695 0.666748 11.2384 0.666748ZM2.56623 3.40537C2.195 3.40537 1.83897 3.55284 1.57647 3.81534C1.31397 4.07784 1.1665 4.43387 1.1665 4.80509V13.9337C1.1665 14.305 1.31397 14.661 1.57647 14.9235C1.83897 15.186 2.195 15.3334 2.56623 15.3334H11.6949C12.0661 15.3334 12.4221 15.186 12.6846 14.9235C12.9471 14.661 13.0946 14.305 13.0946 13.9337V8.45655C13.0946 8.18766 12.8766 7.96969 12.6077 7.96969C12.3388 7.96969 12.1209 8.18766 12.1209 8.45655V13.9337C12.1209 14.0467 12.076 14.1551 11.9961 14.235C11.9162 14.3148 11.8078 14.3597 11.6949 14.3597H2.56623C2.45325 14.3597 2.34489 14.3148 2.265 14.235C2.18511 14.1551 2.14022 14.0467 2.14022 13.9337V4.80509C2.14022 4.69211 2.18511 4.58376 2.265 4.50387C2.34489 4.42397 2.45324 4.37909 2.56623 4.37909H8.0434C8.31229 4.37909 8.53026 4.16112 8.53026 3.89223C8.53026 3.62335 8.31229 3.40537 8.0434 3.40537H2.56623Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/index.ts

@@ -164,6 +164,7 @@ export { default as NbOfUsersIcon } from './Miscellaneous/NbOfUsersIcon';
 export { default as NeutralBackgroudIcon } from './Miscellaneous/NeutralBackgroudIcon';
 export { default as OfficeDrawerIcon } from './Miscellaneous/OfficeDrawerIcon';
 export { default as OneColumnIcon } from './Miscellaneous/OneColumnIcon';
+export { default as OtherTab } from './Miscellaneous/OtherTab';
 export { default as RefreshIcon } from './Miscellaneous/RefreshIcon';
 export { default as ReportIcon } from './Miscellaneous/ReportIcon';
 export { default as SeatIcon } from './Miscellaneous/SeatIcon';

package/src/Molecules/Tabs/tabsUnderline.modules.scss

@@ -9,7 +9,6 @@
   .tab_label {
     min-width: unset;
     padding: unset;
-    margin-right: var(--spacing-xxl);
     padding-left: 0.3125rem;
     opacity: 1;
   }
@@ -64,7 +63,6 @@
 
   .tab_label_replacement {
     padding-left: 0.3125rem;
-    margin-right: var(--spacing-xxl);
     text-transform: capitalize;
     align-self: center;