odaptos_design_system 2.0.297 → 2.0.298

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -71077,7 +71077,7 @@ const SusExplanation = ({ title, description }) => {
71077
71077
 
71078
71078
  //#endregion
71079
71079
  //#region src/Molecules/Interviews/Task.modules.scss
71080
- var css_248z$32 = ".Task-modules_scenarioContainer__Sc-3y{align-items:flex-start;background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Clear-Shades-200,#e1e1e2);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.75rem;width:100%}.Task-modules_fullWidthButton__vgFPq{width:100%}.Task-modules_scenarioNumberContainer__f0dGn{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_scenarioNumberContainer__f0dGn p{text-transform:capitalize}.Task-modules_goToPageContainer__6M-mo{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;padding:.25rem .25rem .25rem .5rem}.Task-modules_goToPageContainer__6M-mo,.Task-modules_notesContainer__yBLT7{align-self:stretch;background:var(--Color-Neutral-Background,#f9fafc);border-radius:.5rem;display:flex}.Task-modules_notesContainer__yBLT7{align-items:flex-start;flex-direction:column;gap:0;padding:.5rem;transition:gap .5s cubic-bezier(.4,0,.2,1)}.Task-modules_actionBtnsContainer__HysFr{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}.Task-modules_scenarioContainerTooltip__7djqD{align-items:flex-start;background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.25rem;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;gap:.5rem;padding:1rem;width:27.75rem}.Task-modules_done_task__96o0g{align-items:stretch;background:#f7fcf7;border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:row;justify-content:center;max-width:100%;padding:0}.Task-modules_done_task__96o0g .Task-modules_header_left__dKFvw{align-items:flex-start;align-self:stretch;border:1px solid var(--Color-Extended-Green-300,#9dd6a3);border-radius:.5rem 0 0 .5rem;border-right:none;display:flex;flex-direction:column;gap:.5rem;padding:.3125rem 0 .3125rem .625rem;width:calc(100% - 2.9rem)}.Task-modules_done_task__96o0g .Task-modules_header_left__dKFvw p{max-width:97%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_done_task__96o0g .Task-modules_header_right__FDtFs{align-items:center;align-self:stretch;background:var(--Color-Extended-Green-100,#e8f5ea);border:1px solid var(--Color-Extended-Green-300,#9dd6a3);border-radius:0 .5rem .5rem 0;display:flex;gap:.5rem;justify-content:center;padding:0 .75rem}.Task-modules_done_task__96o0g .Task-modules_header_right__FDtFs svg{fill:#5cbb65;height:1rem;width:1rem}.Task-modules_not_started_task__f2C-B{align-items:stretch;background:#fff;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;max-width:100%;padding:0}.Task-modules_not_started_task__f2C-B .Task-modules_header_left__dKFvw{align-items:flex-start;align-self:stretch;border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.5rem 0 0 .5rem;border-right:none;display:flex;flex-direction:column;gap:.5rem;padding:.3125rem 0 .3125rem .625rem;width:calc(100% - 2.9rem)}.Task-modules_not_started_task__f2C-B .Task-modules_header_left__dKFvw p{max-width:97%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_not_started_task__f2C-B .Task-modules_header_right__FDtFs{align-items:center;align-self:stretch;background:#fff;border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:0 .5rem .5rem 0;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:0 .75rem}.Task-modules_not_started_task__f2C-B .Task-modules_header_right__FDtFs:hover{background:#f0f0f0}.Task-modules_not_started_task__f2C-B .Task-modules_header_right__FDtFs svg{fill:#000;height:1rem;width:1rem}.Task-modules_disabled__JLrwv{cursor:not-allowed;opacity:.5;pointer-events:none}.Task-modules_disabled__JLrwv:hover{background:#fff}.Task-modules_taskContainerDone__1iJ0D{align-items:flex-start;align-self:stretch;background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Clear-Shades-200,#e1e1e2);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-width:8rem;padding:.75rem}.Task-modules_taskContainerDone__1iJ0D .Task-modules_scenarioNumberContainer__f0dGn{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_taskContainerDone__1iJ0D .Task-modules_scenarioNumberContainer__f0dGn .Task-modules_scenarioNumberContainer_left__2ItSZ{align-items:space-between;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_taskContainerDone__1iJ0D .Task-modules_scenarioNumberContainer__f0dGn p{text-transform:capitalize}.Task-modules_notesContent__tRpJc{overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.Task-modules_notesContainerHeader__pW4uS{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.Task-modules_notesContainerHeader__pW4uS>:first-child{flex:1 1 auto;min-width:0}.Task-modules_notesContainerHeader__pW4uS .Task-modules_IconButton__FQzVF,.Task-modules_notesContainerHeader__pW4uS button{flex:0 0 auto}.Task-modules_notesContainer__yBLT7.Task-modules_open__zZ8qf{gap:.5rem}.Task-modules_notesContainer__yBLT7.Task-modules_closed__HQTfX{gap:0}.Task-modules_notesText__-WIMg{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.Task-modules_notesText__-WIMg.Task-modules_hidden__U8qgs{opacity:0;pointer-events:none;transform:translateY(-4px)}";
71080
+ var css_248z$32 = ".Task-modules_scenarioContainer__Sc-3y{align-items:flex-start;background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Clear-Shades-200,#e1e1e2);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.75rem;width:100%}.Task-modules_fullWidthButton__vgFPq{width:100%}.Task-modules_scenarioNumberContainer__f0dGn{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_scenarioNumberContainer__f0dGn p{text-transform:capitalize}.Task-modules_goToPageContainer__6M-mo{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;padding:.25rem .25rem .25rem .5rem}.Task-modules_goToPageContainer__6M-mo,.Task-modules_notesContainer__yBLT7{align-self:stretch;background:var(--Color-Neutral-Background,#f9fafc);border-radius:.5rem;display:flex}.Task-modules_notesContainer__yBLT7{align-items:flex-start;flex-direction:column;gap:0;padding:.5rem;transition:gap .5s cubic-bezier(.4,0,.2,1)}.Task-modules_actionBtnsContainer__HysFr{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}.Task-modules_scenarioContainerTooltip__7djqD{align-items:flex-start;background:var(--Color-Neutral-Basics-White,#fff);border-radius:.5rem;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;gap:.5rem;padding:1rem;width:27.75rem}.Task-modules_done_task__96o0g{align-items:stretch;background:#f7fcf7;border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:row;justify-content:center;max-width:100%;padding:0}.Task-modules_done_task__96o0g .Task-modules_header_left__dKFvw{align-items:flex-start;align-self:stretch;border:1px solid var(--Color-Extended-Green-300,#9dd6a3);border-radius:.5rem 0 0 .5rem;border-right:none;display:flex;flex-direction:column;gap:.5rem;padding:.3125rem 0 .3125rem .625rem;width:calc(100% - 2.9rem)}.Task-modules_done_task__96o0g .Task-modules_header_left__dKFvw p{max-width:97%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_done_task__96o0g .Task-modules_header_right__FDtFs{align-items:center;align-self:stretch;background:var(--Color-Extended-Green-100,#e8f5ea);border:1px solid var(--Color-Extended-Green-300,#9dd6a3);border-radius:0 .5rem .5rem 0;display:flex;gap:.5rem;justify-content:center;padding:0 .75rem}.Task-modules_done_task__96o0g .Task-modules_header_right__FDtFs svg{fill:#5cbb65;height:1rem;width:1rem}.Task-modules_not_started_task__f2C-B{align-items:stretch;background:#fff;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;max-width:100%;padding:0}.Task-modules_not_started_task__f2C-B .Task-modules_header_left__dKFvw{align-items:flex-start;align-self:stretch;border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.5rem 0 0 .5rem;border-right:none;display:flex;flex-direction:column;gap:.5rem;padding:.3125rem 0 .3125rem .625rem;width:calc(100% - 2.9rem)}.Task-modules_not_started_task__f2C-B .Task-modules_header_left__dKFvw p{max-width:97%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_not_started_task__f2C-B .Task-modules_header_right__FDtFs{align-items:center;align-self:stretch;background:#fff;border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:0 .5rem .5rem 0;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:0 .75rem}.Task-modules_not_started_task__f2C-B .Task-modules_header_right__FDtFs:hover{background:#f0f0f0}.Task-modules_not_started_task__f2C-B .Task-modules_header_right__FDtFs svg{fill:#000;height:1rem;width:1rem}.Task-modules_disabled__JLrwv{cursor:not-allowed;opacity:.5;pointer-events:none}.Task-modules_disabled__JLrwv:hover{background:#fff}.Task-modules_taskContainerDone__1iJ0D{align-items:flex-start;align-self:stretch;background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Clear-Shades-200,#e1e1e2);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-width:8rem;padding:.75rem}.Task-modules_taskContainerDone__1iJ0D .Task-modules_scenarioNumberContainer__f0dGn{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_taskContainerDone__1iJ0D .Task-modules_scenarioNumberContainer__f0dGn .Task-modules_scenarioNumberContainer_left__2ItSZ{align-items:space-between;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.Task-modules_taskContainerDone__1iJ0D .Task-modules_scenarioNumberContainer__f0dGn p{text-transform:capitalize}.Task-modules_notesContent__tRpJc{overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.Task-modules_notesContainerHeader__pW4uS{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.Task-modules_notesContainerHeader__pW4uS>:first-child{flex:1 1 auto;min-width:0}.Task-modules_notesContainerHeader__pW4uS .Task-modules_IconButton__FQzVF,.Task-modules_notesContainerHeader__pW4uS button{flex:0 0 auto}.Task-modules_notesContainer__yBLT7.Task-modules_open__zZ8qf{gap:.5rem}.Task-modules_notesContainer__yBLT7.Task-modules_closed__HQTfX{gap:0}.Task-modules_notesText__-WIMg{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.Task-modules_notesText__-WIMg.Task-modules_hidden__U8qgs{opacity:0;pointer-events:none;transform:translateY(-4px)}";
71081
71081
  var Task_modules_default = {
71082
71082
  "scenarioContainer": "Task-modules_scenarioContainer__Sc-3y",
71083
71083
  "fullWidthButton": "Task-modules_fullWidthButton__vgFPq",
@@ -71223,7 +71223,7 @@ const Task = ({ task, state, contentFunc, isInterviewer = true, isObserver = fal
71223
71223
  open,
71224
71224
  onClose: handleClose,
71225
71225
  onOpen: handleOpen,
71226
- arrow: false,
71226
+ arrow: true,
71227
71227
  placement: "left",
71228
71228
  title: /* @__PURE__ */ react.default.createElement("div", { className: Task_modules_default.scenarioContainerTooltip }, /* @__PURE__ */ react.default.createElement(TaskContent, {
71229
71229
  task,
@@ -71236,29 +71236,50 @@ const Task = ({ task, state, contentFunc, isInterviewer = true, isObserver = fal
71236
71236
  isDisabled,
71237
71237
  canSendTask: false
71238
71238
  })),
71239
- componentsProps: { tooltip: { sx: {
71240
- margin: 0,
71241
- padding: 0,
71242
- maxWidth: "none",
71243
- "& .MuiTooltip-tooltip": { maxWidth: "none" }
71244
- } } },
71245
- PopperProps: { modifiers: [{
71246
- name: "preventOverflow",
71247
- enabled: true,
71248
- options: {
71249
- altAxis: true,
71250
- tether: false,
71251
- rootBoundary: "viewport"
71239
+ componentsProps: {
71240
+ tooltip: { sx: {
71241
+ margin: 0,
71242
+ padding: 0,
71243
+ maxWidth: "none",
71244
+ backgroundColor: "#fff",
71245
+ borderRadius: 1.5,
71246
+ border: "1px solid #26292e",
71247
+ "& .MuiTooltip-tooltip": { maxWidth: "none" }
71248
+ } },
71249
+ arrow: { sx: {
71250
+ fontSize: 24,
71251
+ "&::before": {
71252
+ backgroundColor: "#fff",
71253
+ border: "1px solid #26292e",
71254
+ boxShadow: 2,
71255
+ borderRadius: 1
71256
+ }
71257
+ } }
71258
+ },
71259
+ PopperProps: { modifiers: [
71260
+ {
71261
+ name: "preventOverflow",
71262
+ enabled: true,
71263
+ options: {
71264
+ altAxis: true,
71265
+ tether: false,
71266
+ rootBoundary: "viewport"
71267
+ }
71268
+ },
71269
+ {
71270
+ name: "flip",
71271
+ enabled: true,
71272
+ options: { fallbackPlacements: [
71273
+ "right",
71274
+ "top",
71275
+ "bottom"
71276
+ ] }
71277
+ },
71278
+ {
71279
+ name: "offset",
71280
+ options: { offset: [0, 4] }
71252
71281
  }
71253
- }, {
71254
- name: "flip",
71255
- enabled: true,
71256
- options: { fallbackPlacements: [
71257
- "right",
71258
- "top",
71259
- "bottom"
71260
- ] }
71261
- }] }
71282
+ ] }
71262
71283
  }, /* @__PURE__ */ react.default.createElement("div", {
71263
71284
  className: `${Task_modules_default.not_started_task} ${isDisabled ? Task_modules_default.disabled : ""}`,
71264
71285
  "data-task-id": task._id
@@ -72799,7 +72820,10 @@ const DatePicker = ({ className, label, topLabel, topLabelWeight, topLabelSize,
72799
72820
  "& label": {
72800
72821
  color: "#26292E",
72801
72822
  fontFamily: "Open Sans !important",
72802
- fontSize: "1rem"
72823
+ fontSize: "1rem",
72824
+ transform: value ? "translate(14px, -9px) scale(0.75)" : "translate(14px, 10px) scale(1)",
72825
+ transformOrigin: "top left",
72826
+ transition: "transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms"
72803
72827
  },
72804
72828
  "& label.Mui-disabled.Mui-error": {
72805
72829
  color: "#26292E",
@@ -72813,7 +72837,9 @@ const DatePicker = ({ className, label, topLabel, topLabelWeight, topLabelSize,
72813
72837
  fontSize: "1rem",
72814
72838
  backgroundColor: "transparent",
72815
72839
  marginRight: 5,
72816
- paddingRight: 5
72840
+ paddingRight: 5,
72841
+ transform: "translate(14px, -9px) scale(0.75)",
72842
+ transformOrigin: "top left"
72817
72843
  },
72818
72844
  "& .MuiOutlinedInput-root": {
72819
72845
  fontFamily: "Open Sans",