odaptos_design_system 1.4.159 → 1.4.161

package/dist/odaptos_design_system.cjs.development.js

@@ -8620,6 +8620,16 @@ const CssTextField = /*#__PURE__*/styles$U.styled(material.TextField)({
     }
   }
 });
+const DatePickerStyledComponent = params => /*#__PURE__*/React__default.createElement(CssTextField, Object.assign({}, params, {
+  variant: "outlined",
+  fullWidth: true,
+  label: `${params.label && params.topLabel === undefined ? params.label : ''}`,
+  placeholder: params.placeholder,
+  size: "small",
+  required: params.required,
+  error: params.error,
+  onBlur: params.onBlur
+}));
 const DatePicker = ({
   className,
   label,
@@ -8636,9 +8646,7 @@ const DatePicker = ({
   locale = 'enUS',
   maxDate,
   minDate,
-  placeholder,
   required,
-  error,
   errorText,
   helperText,
   views = ['day', 'month', 'year'],
@@ -8674,20 +8682,13 @@ const DatePicker = ({
       clearIcon: () => /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
         fill: disabled ? colors.neutral_500 : colors.black
       }),
-      textField: params => /*#__PURE__*/React__default.createElement(CssTextField, Object.assign({}, params, {
-        variant: "outlined",
-        fullWidth: true,
-        label: `${label && topLabel === undefined ? label : ''}`,
-        placeholder: placeholder,
-        size: "small",
-        required: required,
-        error: error,
-        onBlur: onBlur
-      }))
+      textField: DatePickerStyledComponent
     },
     slotProps: {
       field: {
-        clearable: true
+        clearable: true,
+        label,
+        onBlur
       }
     },
     disabled: disabled,
@@ -8909,8 +8910,8 @@ 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}";
-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"};
+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 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);
 
 const TooltipLayout = ({
@@ -8932,8 +8933,9 @@ const TooltipLayout = ({
   buttonOneOnClick,
   buttonTwoOnClick
 }) => {
+  const tooltipSimplified = !tooltipTitle && !closeButton && !(buttonOneText || buttonTwoText) && !customContent;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: styles$c.tooltip_layout
+    className: `${styles$c.tooltip_layout} ${tooltipSimplified ? 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, {