odaptos_design_system 1.4.162 → 1.4.164

package/dist/Buttons/Button.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from 'react';
 export interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'alert' | 'success';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'upsell' | 'alert' | 'success';
     size?: 'sm' | 'base' | 'lg';
     customBackground?: string;
     iconLeft?: JSX.Element;

package/dist/Tooltip/Layout/TooltipCustomLayout.d.ts

@@ -17,6 +17,7 @@ interface TooltipLayoutProps {
     buttonTwoIconRight?: JSX.Element;
     buttonOneOnClick?: () => void;
     buttonTwoOnClick?: () => void;
+    isTooltipSimplified?: boolean;
 }
-export declare const TooltipLayout: ({ tooltipTitle, closeButton, onClickClose, tooltipDescription, optionalUrl, optionalUrlText, customContent, buttonOneText, buttonTwoText, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneVariant, buttonTwoVariant, buttonOneOnClick, buttonTwoOnClick, }: TooltipLayoutProps) => React.JSX.Element;
+export declare const TooltipLayout: ({ tooltipTitle, closeButton, onClickClose, tooltipDescription, optionalUrl, optionalUrlText, customContent, buttonOneText, buttonTwoText, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneVariant, buttonTwoVariant, buttonOneOnClick, buttonTwoOnClick, isTooltipSimplified, }: TooltipLayoutProps) => React.JSX.Element;
 export {};

package/dist/odaptos_design_system.cjs.development.js

@@ -8274,8 +8274,8 @@ const TextForButton = ({
   }), text);
 };
 
-var css_248z$5 = ".Button-modules_button__sRnp1{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.Button-modules_button_primary__H-HCf{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_primary__H-HCf:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.Button-modules_button_primary__H-HCf:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solid var(--color-neutral-dark-shades-800,#4b4e52)}.Button-modules_button_primary__H-HCf:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_primary__H-HCf p{color:#fff!important}.Button-modules_button_primary__H-HCf svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_secondary__qlR87{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:disabled{background:transparent;border:1px solid var(--Color-Neutral-Dark-Shades-500,#96989a);opacity:.5}.Button-modules_button_secondary__qlR87:disabled p{color:#96989a!important}.Button-modules_button_secondary__qlR87:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_secondary__qlR87 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_secondary__qlR87 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__aBxX8{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__aBxX8:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.Button-modules_button_tertiary__aBxX8:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_tertiary__aBxX8:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__aBxX8:disabled p{color:#96989a!important}.Button-modules_button_tertiary__aBxX8:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_tertiary__aBxX8 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__aBxX8 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary_alt__Ve3aw{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__Ve3aw:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.Button-modules_button_tertiary_alt__Ve3aw:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.Button-modules_button_tertiary_alt__Ve3aw:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__Ve3aw:disabled p{color:#99c9ff!important}.Button-modules_button_tertiary_alt__Ve3aw:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.Button-modules_button_tertiary_alt__Ve3aw p{color:#07f!important}.Button-modules_button_tertiary_alt__Ve3aw svg{stroke:#07f!important;fill:#07f!important}.Button-modules_button_alert__yt9Yr{background:transparent;border:1px solid transparent}.Button-modules_button_alert__yt9Yr:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.Button-modules_button_alert__yt9Yr:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.Button-modules_button_alert__yt9Yr:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_alert__yt9Yr:disabled p{color:#fbb7b7!important}.Button-modules_button_alert__yt9Yr:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.Button-modules_button_alert__yt9Yr p{color:#f54c4c!important}.Button-modules_button_alert__yt9Yr svg{stroke:#f54c4c!important;fill:#f54c4c!important}.Button-modules_button_success__vQC8w{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.Button-modules_button_success__vQC8w:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.Button-modules_button_success__vQC8w:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Button-modules_button_success__vQC8w:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.Button-modules_button_success__vQC8w p{color:#fff!important}.Button-modules_button_success__vQC8w svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_sm__uB5fx{border-radius:.375rem;padding:0 1rem}.Button-modules_button_sm__uB5fx svg{height:.75rem;width:.75rem}.Button-modules_button_base__SytaD{border-radius:.5rem;padding:.25rem 1rem}.Button-modules_button_base__SytaD svg{height:1rem;width:1rem}.Button-modules_button_lg__n22vb{border-radius:.5rem;padding:.25rem 1.25rem .375rem}.Button-modules_button_lg__n22vb svg{height:1.25rem;width:1.25rem}";
-var styles$5 = {"button":"Button-modules_button__sRnp1","button_primary":"Button-modules_button_primary__H-HCf","button_secondary":"Button-modules_button_secondary__qlR87","button_tertiary":"Button-modules_button_tertiary__aBxX8","button_tertiary_alt":"Button-modules_button_tertiary_alt__Ve3aw","button_alert":"Button-modules_button_alert__yt9Yr","button_success":"Button-modules_button_success__vQC8w","button_sm":"Button-modules_button_sm__uB5fx","button_base":"Button-modules_button_base__SytaD","button_lg":"Button-modules_button_lg__n22vb"};
+var css_248z$5 = ".Button-modules_button__sRnp1{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.Button-modules_button_primary__H-HCf{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_primary__H-HCf:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.Button-modules_button_primary__H-HCf:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solid var(--color-neutral-dark-shades-800,#4b4e52)}.Button-modules_button_primary__H-HCf:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_primary__H-HCf p{color:#fff!important}.Button-modules_button_primary__H-HCf svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_secondary__qlR87{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:disabled{background:transparent;border:1px solid var(--Color-Neutral-Dark-Shades-500,#96989a);opacity:.5}.Button-modules_button_secondary__qlR87:disabled p{color:#96989a!important}.Button-modules_button_secondary__qlR87:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_secondary__qlR87 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_secondary__qlR87 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__aBxX8{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__aBxX8:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.Button-modules_button_tertiary__aBxX8:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_tertiary__aBxX8:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__aBxX8:disabled p{color:#96989a!important}.Button-modules_button_tertiary__aBxX8:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_tertiary__aBxX8 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__aBxX8 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_upsell__D0Xtx{background:var(--Color-Gradients-003,linear-gradient(135deg,#07f 0,#9024f6 98.4%));border:none}.Button-modules_button_upsell__D0Xtx:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.Button-modules_button_upsell__D0Xtx p{color:var(--Color-Neutral-Basics-White,#fff)!important}.Button-modules_button_upsell__D0Xtx svg{stroke:#e1e1e2!important;fill:#e1e1e2!important}.Button-modules_button_tertiary_alt__Ve3aw{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__Ve3aw:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.Button-modules_button_tertiary_alt__Ve3aw:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.Button-modules_button_tertiary_alt__Ve3aw:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__Ve3aw:disabled p{color:#99c9ff!important}.Button-modules_button_tertiary_alt__Ve3aw:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.Button-modules_button_tertiary_alt__Ve3aw p{color:#07f!important}.Button-modules_button_tertiary_alt__Ve3aw svg{stroke:#07f!important;fill:#07f!important}.Button-modules_button_alert__yt9Yr{background:transparent;border:1px solid transparent}.Button-modules_button_alert__yt9Yr:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.Button-modules_button_alert__yt9Yr:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.Button-modules_button_alert__yt9Yr:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_alert__yt9Yr:disabled p{color:#fbb7b7!important}.Button-modules_button_alert__yt9Yr:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.Button-modules_button_alert__yt9Yr p{color:#f54c4c!important}.Button-modules_button_alert__yt9Yr svg{stroke:#f54c4c!important;fill:#f54c4c!important}.Button-modules_button_success__vQC8w{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.Button-modules_button_success__vQC8w:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.Button-modules_button_success__vQC8w:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Button-modules_button_success__vQC8w:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.Button-modules_button_success__vQC8w p{color:#fff!important}.Button-modules_button_success__vQC8w svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_sm__uB5fx{border-radius:.375rem;padding:0 1rem}.Button-modules_button_sm__uB5fx svg{height:.75rem;width:.75rem}.Button-modules_button_base__SytaD{border-radius:.5rem;padding:.25rem 1rem}.Button-modules_button_base__SytaD svg{height:1rem;width:1rem}.Button-modules_button_lg__n22vb{border-radius:.5rem;padding:.25rem 1.25rem .375rem}.Button-modules_button_lg__n22vb svg{height:1.25rem;width:1.25rem}";
+var styles$5 = {"button":"Button-modules_button__sRnp1","button_primary":"Button-modules_button_primary__H-HCf","button_secondary":"Button-modules_button_secondary__qlR87","button_tertiary":"Button-modules_button_tertiary__aBxX8","button_upsell":"Button-modules_button_upsell__D0Xtx","button_tertiary_alt":"Button-modules_button_tertiary_alt__Ve3aw","button_alert":"Button-modules_button_alert__yt9Yr","button_success":"Button-modules_button_success__vQC8w","button_sm":"Button-modules_button_sm__uB5fx","button_base":"Button-modules_button_base__SytaD","button_lg":"Button-modules_button_lg__n22vb"};
 styleInject(css_248z$5);
 
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
@@ -8291,7 +8291,7 @@ const Button = ({
   ...props
 }) => {
   const getStylesByVariant = () => {
-    if (variant === 'primary') return styles$5.button_primary;else if (variant === 'secondary') return styles$5.button_secondary;else if (variant === 'tertiary') return styles$5.button_tertiary;else if (variant === 'tertiary-alt') return styles$5.button_tertiary_alt;else if (variant === 'alert') return styles$5.button_alert;else if (variant === 'success') return styles$5.button_success;else return styles$5.button_primary;
+    if (variant === 'primary') return styles$5.button_primary;else if (variant === 'secondary') return styles$5.button_secondary;else if (variant === 'tertiary') return styles$5.button_tertiary;else if (variant === 'tertiary-alt') return styles$5.button_tertiary_alt;else if (variant === 'alert') return styles$5.button_alert;else if (variant === 'success') return styles$5.button_success;else if (variant === 'upsell') return styles$5.button_upsell;else return styles$5.button_primary;
   };
   const getStylesBySize = () => {
     if (size === 'sm') return styles$5.button_sm;else if (size === 'base') return styles$5.button_base;else if (size === 'lg') return styles$5.button_lg;else return styles$5.button_base;
@@ -8910,7 +8910,7 @@ const RowCell = ({
   }));
 };
 
-var css_248z$c = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM{color:var(--Color-Primary-500,#07f);font-family:OpenSans;font-size:.75rem;font-style:normal;font-weight:400;line-height:140%;text-decoration-line:underline}.TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM:visited{color:var(--Color-Primary-500,#07f)}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}.TooltipCustomLayout-module_tooltip_simplified__EZJQv{padding:.25rem .5rem}";
+var css_248z$c = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM{color:var(--Color-Primary-500,#07f);font-family:OpenSans;font-size:.75rem;font-style:normal;font-weight:400;line-height:140%;text-decoration-line:underline}.TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM:visited{color:var(--Color-Primary-500,#07f)}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}.TooltipCustomLayout-module_tooltip_simplified__EZJQv{padding:.25rem .5rem}";
 var styles$c = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_optional_url":"TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi","tooltip_simplified":"TooltipCustomLayout-module_tooltip_simplified__EZJQv"};
 styleInject(css_248z$c);
 
@@ -8931,11 +8931,11 @@ const TooltipLayout = ({
   buttonOneVariant,
   buttonTwoVariant,
   buttonOneOnClick,
-  buttonTwoOnClick
+  buttonTwoOnClick,
+  isTooltipSimplified
 }) => {
-  const tooltipSimplified = !tooltipTitle && !closeButton && !(buttonOneText || buttonTwoText) && !customContent;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `${styles$c.tooltip_layout} ${tooltipSimplified ? styles$c.tooltip_simplified : ''}`
+    className: `${styles$c.tooltip_layout} ${isTooltipSimplified ? styles$c.tooltip_simplified : ''}`
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
     className: styles$c.tooltip_layout_header
   }, tooltipTitle && /*#__PURE__*/React__default.createElement(Title, {
@@ -8950,7 +8950,8 @@ const TooltipLayout = ({
   })), tooltipDescription && /*#__PURE__*/React__default.createElement(Text, {
     text: tooltipDescription,
     size: "xs",
-    className: styles$c.tooltip_layout_description
+    className: styles$c.tooltip_layout_description,
+    color: isTooltipSimplified ? '#fff' : '#000'
   }), optionalUrl && optionalUrlText && /*#__PURE__*/React__default.createElement("a", {
     href: optionalUrl,
     target: "_blank",
@@ -9010,6 +9011,7 @@ const Tooltip = ({
   isTooltipActive = true
 }) => {
   const [open, setOpen] = React.useState(isOpen ?? false);
+  const isTooltipSimplified = !title && !closeButton && !(buttonOneText || buttonTwoText) && !customContent;
   const handleClose = () => {
     if (isOpen) return;else {
       setOpen(false);
@@ -9031,11 +9033,12 @@ const Tooltip = ({
     componentsProps: {
       tooltip: {
         sx: {
-          bgcolor: 'white',
+          //If is TooltipSimplified, then the tooltip will have a different background color
+          bgcolor: isTooltipSimplified ? '#4B4E52' : '#fff',
           padding: 0,
           boxShadow: '0px 4px 12px 6px rgba(0, 0, 0, 0.08), 0px 4px 4px 0px rgba(0, 0, 0, 0.15)',
           '& .MuiTooltip-arrow': {
-            color: 'white'
+            color: isTooltipSimplified ? '#4B4E52' : '#fff'
           }
         }
       }
@@ -9057,7 +9060,8 @@ const Tooltip = ({
       buttonOneIconRight: buttonOneIconRight,
       buttonTwoIconRight: buttonTwoIconRight,
       buttonOneOnClick: buttonOneOnClick,
-      buttonTwoOnClick: buttonTwoOnClick
+      buttonTwoOnClick: buttonTwoOnClick,
+      isTooltipSimplified: isTooltipSimplified
     }),
     arrow: arrow,
     followCursor: followCursor
@@ -10132,7 +10136,6 @@ const MultiSelect = ({
       value: 0,
       year: 100
     }],
-    placeholder: label,
     multiple: true,
     autoComplete: options.length > 10,
     size: "small",
@@ -11462,7 +11465,6 @@ const SingleSelect = ({
       onChange(e);
     },
     options: options,
-    placeholder: label,
     multiple: false,
     autoComplete: options.length > 10,
     size: "small",