odaptos_design_system 2.0.42 → 2.0.44

package/dist/Atoms/Buttons/MksiteButton.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from 'react';
 export interface MksiteButtonProps extends HTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'tertiary';
     iconLeft?: JSX.Element;
     iconRight?: JSX.Element;
     disabled?: boolean;

package/dist/Molecules/Interviews/Scenario.d.ts

@@ -8,6 +8,5 @@ export interface ScenarioProps extends HTMLAttributes<HTMLDivElement> {
     url: string;
     className?: string;
     disabled?: boolean;
-    isInterviewer?: boolean;
 }
-export declare const Scenario: ({ title, scenarioName, description, buttonText, buttonIcon, url, className, disabled, isInterviewer, ...props }: ScenarioProps) => React.JSX.Element;
+export declare const Scenario: ({ title, scenarioName, description, buttonText, buttonIcon, url, className, disabled, ...props }: ScenarioProps) => React.JSX.Element;

package/dist/Molecules/PricingCard/PricingCard.d.ts

@@ -23,6 +23,7 @@ interface PricingCardProps {
     tier: 1 | 2 | 3 | 4;
     yourPlanText?: string;
     language?: 'en' | 'fr' | 'es';
+    className?: string;
 }
-export declare const PricingCard: ({ cardInfo: { title, description, monthlyPrice, yearlyPrice, featuredSectionTitle, featuredSectionTitleTooltip, }, cmsContent, isYearlyOrMonthly, interviewsNumber, featuresList, isDark, isHighlighted, highlightMessage, onClick, tier, yourPlanText, language, }: PricingCardProps) => React.JSX.Element;
+export declare const PricingCard: ({ cardInfo: { title, description, monthlyPrice, yearlyPrice, featuredSectionTitle, featuredSectionTitleTooltip, }, cmsContent, isYearlyOrMonthly, interviewsNumber, featuresList, isDark, isHighlighted, highlightMessage, onClick, tier, yourPlanText, language, className, }: PricingCardProps) => React.JSX.Element;
 export {};

package/dist/odaptos_design_system.cjs.development.js

@@ -263,8 +263,8 @@ const Button = ({
   }), iconRight && iconRight);
 };
 
-var css_248z$5 = ".MksiteButton-modules_button__wminL{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;height:3.125rem;justify-content:center}.MksiteButton-modules_button_primary__jVpdT{background:var(--Color-Neutral-Dark-Shades-950,#26292e);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.3125rem;padding:var(--space-spacing-none,0) var(--scale-s-20,1.25rem)}.MksiteButton-modules_button_primary__jVpdT:active,.MksiteButton-modules_button_primary__jVpdT:disabled,.MksiteButton-modules_button_primary__jVpdT:hover{background:var(--Color-Neutral-Dark-Shades-950,#26292e);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e)}.MksiteButton-modules_button_primary__jVpdT:disabled{cursor:not-allowed!important;opacity:.5}.MksiteButton-modules_button_primary__jVpdT p{color:#fff!important}.MksiteButton-modules_button_primary__jVpdT svg{stroke:#fff!important;fill:#fff!important}.MksiteButton-modules_button_secondary__JnAKk{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a);border-radius:.3125rem;padding:var(--space-spacing-none,0) var(--scale-s-20,1.25rem) var(--space-spacing-none,0) .9375rem}.MksiteButton-modules_button_secondary__JnAKk:active,.MksiteButton-modules_button_secondary__JnAKk:disabled,.MksiteButton-modules_button_secondary__JnAKk:hover{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.MksiteButton-modules_button_secondary__JnAKk:disabled{cursor:not-allowed!important;opacity:.5}.MksiteButton-modules_button_secondary__JnAKk:disabled p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_secondary__JnAKk:disabled svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_secondary__JnAKk p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_secondary__JnAKk svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}";
-var styles$5 = {"button":"MksiteButton-modules_button__wminL","button_primary":"MksiteButton-modules_button_primary__jVpdT","button_secondary":"MksiteButton-modules_button_secondary__JnAKk"};
+var css_248z$5 = ".MksiteButton-modules_button__wminL{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;height:3.125rem;justify-content:center}.MksiteButton-modules_button_primary__jVpdT{background:var(--Color-Neutral-Dark-Shades-950,#26292e);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.3125rem;padding:var(--space-spacing-none,0) var(--scale-s-20,1.25rem)}.MksiteButton-modules_button_primary__jVpdT:active,.MksiteButton-modules_button_primary__jVpdT:disabled,.MksiteButton-modules_button_primary__jVpdT:hover{background:var(--Color-Neutral-Dark-Shades-950,#26292e);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e)}.MksiteButton-modules_button_primary__jVpdT:disabled{cursor:not-allowed!important;opacity:.5}.MksiteButton-modules_button_primary__jVpdT p{color:#fff!important}.MksiteButton-modules_button_primary__jVpdT svg{stroke:#fff!important;fill:#fff!important}.MksiteButton-modules_button_secondary__JnAKk{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a);border-radius:.3125rem;padding:var(--space-spacing-none,0) var(--scale-s-20,1.25rem) var(--space-spacing-none,0) .9375rem}.MksiteButton-modules_button_secondary__JnAKk:active,.MksiteButton-modules_button_secondary__JnAKk:disabled,.MksiteButton-modules_button_secondary__JnAKk:hover{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.MksiteButton-modules_button_secondary__JnAKk:disabled{cursor:not-allowed!important;opacity:.5}.MksiteButton-modules_button_secondary__JnAKk:disabled p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_secondary__JnAKk:disabled svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_secondary__JnAKk p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_secondary__JnAKk svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_tertiary__NZL-E{background:transparent;border:1px solid transparent;border-radius:.3125rem;padding:var(--space-spacing-none,0) var(--scale-s-20,1.25rem) var(--space-spacing-none,0) .9375rem}.MksiteButton-modules_button_tertiary__NZL-E:active,.MksiteButton-modules_button_tertiary__NZL-E:hover{background:transparent;border:1px solid transparent}.MksiteButton-modules_button_tertiary__NZL-E:disabled{background:transparent;border:1px solid transparent;cursor:not-allowed!important;opacity:.5}.MksiteButton-modules_button_tertiary__NZL-E:disabled p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_tertiary__NZL-E:disabled svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_tertiary__NZL-E p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_tertiary__NZL-E svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}";
+var styles$5 = {"button":"MksiteButton-modules_button__wminL","button_primary":"MksiteButton-modules_button_primary__jVpdT","button_secondary":"MksiteButton-modules_button_secondary__JnAKk","button_tertiary":"MksiteButton-modules_button_tertiary__NZL-E"};
 styleInject(css_248z$5);
 
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
@@ -278,7 +278,7 @@ const MksiteButton = ({
   ...props
 }) => {
   const getStylesByVariant = () => {
-    if (variant === 'primary') return styles$5.button_primary;else if (variant === 'secondary') return styles$5.button_secondary;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 return styles$5.button_primary;
   };
   return /*#__PURE__*/React__default.createElement("button", Object.assign({
     className: `${styles$5.button} ${getStylesByVariant()} ${className ?? ''}`,
@@ -11744,8 +11744,7 @@ const Chat = ({
           buttonText: scenario.url ? startInterviewBtnTitle : undefined,
           buttonIcon: scenario.url ? startInterviewIcon : undefined,
           url: scenario.url ?? '',
-          disabled: disabledScenario,
-          isInterviewer: isInterviewer
+          disabled: disabledScenario
         });
       }
       if (task.type === 'scenario' && isInterviewNonModerated) {
@@ -12375,12 +12374,11 @@ const Scenario = ({
   url,
   className,
   disabled,
-  isInterviewer,
   ...props
 }) => {
   return /*#__PURE__*/React__default.createElement("div", Object.assign({
     className: styles$p.start_interview_container
-  }, props), isInterviewer && /*#__PURE__*/React__default.createElement(Text, {
+  }, props), /*#__PURE__*/React__default.createElement(Text, {
     text: title,
     size: "xs"
   }), scenarioName && /*#__PURE__*/React__default.createElement(Text, {
@@ -14178,7 +14176,8 @@ const PricingCard = ({
   onClick,
   tier = 1,
   yourPlanText,
-  language
+  language,
+  className
 }) => {
   //Map the tier to the button text and variant
   const buttonVariant = {
@@ -14200,7 +14199,7 @@ const PricingCard = ({
     4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: styles$C.pricingCard + (isHighlighted ? ` ${styles$C.highlighted}` : '') + (isDark ? ` ${styles$C.dark}` : '')
+    className: styles$C.pricingCard + (isHighlighted ? ` ${styles$C.highlighted}` : '') + (isDark ? ` ${styles$C.dark}` : '') + (className ? ` ${className}` : '')
   }, isHighlighted && highlightMessage && /*#__PURE__*/React__default.createElement("div", {
     className: styles$C.highlightMessage
   }, /*#__PURE__*/React__default.createElement("svg", {