odaptos_design_system 2.0.270 → 2.0.272

package/dist/Atoms/Checkbox/Checkbox.d.ts

@@ -11,6 +11,8 @@ interface CheckboxProps {
     className?: string;
     color?: string;
     name?: string;
+    stopPropagation?: boolean;
+    preventDefault?: boolean;
 }
-export declare const Checkbox: ({ id, label, leftLabel, onBlur, checked, disabled, onChange, required, className, color, name, }: CheckboxProps) => React.JSX.Element;
+export declare const Checkbox: ({ id, label, leftLabel, onBlur, checked, disabled, onChange, required, className, color, name, stopPropagation, preventDefault, }: CheckboxProps) => React.JSX.Element;
 export {};

package/dist/Atoms/TimeInterval/TimeInterval.d.ts

@@ -3,7 +3,7 @@ export interface TimeIntervalProps {
     id?: string;
     startTime: number;
     endTime?: number;
-    onClick: (nb: number) => void;
+    onClick?: (nb: number) => void;
     className?: string;
 }
 export declare const TimeInterval: ({ id, startTime, endTime, onClick, className, }: TimeIntervalProps) => React.JSX.Element | null;

package/dist/odaptos_design_system.cjs.development.js

@@ -18464,14 +18464,22 @@ const Checkbox = ({
   required,
   className,
   color,
-  name
+  name,
+  stopPropagation = false,
+  preventDefault = false
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: `${styles$b.checkboxContainer} ${disabled ? styles$b.disabled : ''} ${className}`,
     style: {
       cursor: disabled ? 'not-allowed' : 'pointer'
     },
-    onClick: () => {
+    onClick: e => {
+      if (stopPropagation) {
+        e.stopPropagation();
+      }
+      if (preventDefault) {
+        e.preventDefault();
+      }
       if (!disabled) {
         const newValue = !checked;
         onChange({
@@ -19111,8 +19119,8 @@ const Tag = ({
   })));
 };
 
-var css_248z$k = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}";
-var styles$k = {"time_interval":"TimeInterval-module_time_interval__i-Sxi"};
+var css_248z$k = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}.TimeInterval-module_time_interval_no_click__DFsn-{align-items:center;display:flex}";
+var styles$k = {"time_interval":"TimeInterval-module_time_interval__i-Sxi","time_interval_no_click":"TimeInterval-module_time_interval_no_click__DFsn-"};
 styleInject(css_248z$k);
 
 const TimeInterval = ({
@@ -19141,15 +19149,15 @@ const TimeInterval = ({
   }
   return /*#__PURE__*/React__default.createElement("div", {
     id: id,
-    className: `${styles$k.time_interval} ${className}`,
-    onClick: () => onClick(startTime)
+    className: `${onClick ? styles$k.time_interval : styles$k.time_interval_no_click} ${className}`,
+    onClick: () => onClick && onClick(startTime)
   }, /*#__PURE__*/React__default.createElement(Text, {
     className: styles$k.times_text,
     size: "sm",
     weight: "semi-bold",
-    color: colors.blue_500,
+    color: onClick ? colors.blue_500 : colors.black,
     text: displayFormattedTime,
-    textDecoration: "underline"
+    textDecoration: onClick ? 'underline' : undefined
   }));
 };