@majoo-ui/react 1.55.34 → 1.55.36

package/index.umd.js

@@ -1334,7 +1334,7 @@
       bgDark: '#FFFFFF'
     }
   });
-  var colors$4 = core.foundations.colors;
+  var colors$5 = core.foundations.colors;
 
   const normalize = {
     '*,::before,::after': {
@@ -2907,7 +2907,7 @@
        */
       color: {
         success: {
-          color: '$hlSuccess'
+          color: '$primary500'
         },
         info: {
           color: '$hlNews'
@@ -2919,7 +2919,10 @@
           color: '$hlFailed'
         },
         pending: {
-          color: '$orange500'
+          color: '$hlPending'
+        },
+        primary: {
+          color: '$textPrimary'
         }
       }
     },
@@ -3256,7 +3259,7 @@
         columnNumber: 17
       }
     }, /*#__PURE__*/React__namespace.createElement(icons.CloseOutline, {
-      color: colors$4.iconSecondary,
+      color: colors$5.iconSecondary,
       size: "16px",
       __self: undefined,
       __source: {
@@ -3489,12 +3492,12 @@
     disableGlobalStyle: PropTypes__default["default"].bool
   };
 
-  const _excluded$x = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
+  const _excluded$x = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock", "icon"];
   var _jsxFileName$Y = "/Users/apple/Documents/project/majoo/majoo-ui/packages/react/src/components/banner/Banner.js";
   const Context$2 = /*#__PURE__*/React__namespace.createContext();
   const StyledBanner = styled(Flex$1, {
     maxWidth: '100%',
-    padding: '$spacing-03',
+    padding: '$spacing-03 $spacing-05',
     textAlign: 'left',
     borderRadius: 8,
     pointer: 'default',
@@ -3509,12 +3512,12 @@
       },
       variant: {
         info: {
-          backgroundColor: '$blue100',
+          backgroundColor: '$bgNew',
           border: '1px solid $hlNews'
         },
         warning: {
           backgroundColor: '$bgProcess',
-          border: '1px solid $hlProcess'
+          border: '1px solid $hlPending'
         },
         success: {
           backgroundColor: '$bgSuccess',
@@ -3526,7 +3529,7 @@
         },
         pending: {
           backgroundColor: '$bgProcess',
-          border: '1px solid $orange500'
+          border: '1px solid $hlPending'
         }
       },
       hasAction: {
@@ -3614,29 +3617,45 @@
     children: PropTypes__default["default"].string
   };
   const BannerLink = ({
+    css,
     link,
     children,
     variant
-  }) => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$Y,
-      lineNumber: 130,
-      columnNumber: 3
-    }
-  }, value => /*#__PURE__*/React__namespace.createElement(Link, {
-    href: link,
-    color: variant ? variant : value.variant,
-    css: {
-      marginInlineEnd: 12
-    },
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$Y,
-      lineNumber: 132,
-      columnNumber: 7
+  }) => {
+    console.log(variant);
+    function generateVariant(params) {
+      switch (params) {
+        case 'warning':
+          return 'primary';
+        case 'pending':
+          return 'primary';
+        case 'failed':
+          return 'failed';
+        default:
+          return 'success';
+      }
     }
-  }, children));
+    return /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 146,
+        columnNumber: 5
+      }
+    }, value => /*#__PURE__*/React__namespace.createElement(Link, {
+      css: Object.assign({
+        marginInlineEnd: '$spacing-04'
+      }, css),
+      href: link,
+      color: variant ? generateVariant(variant) : generateVariant(value.variant),
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 148,
+        columnNumber: 9
+      }
+    }, children));
+  };
   BannerLink.propTypes = {
     /**
      The purpose of a clickable link, presented in url
@@ -3658,7 +3677,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 159,
+      lineNumber: 180,
       columnNumber: 3
     }
   }, value => /*#__PURE__*/React__namespace.createElement(CloseButton$1, {
@@ -3670,38 +3689,57 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 161,
+      lineNumber: 182,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__namespace.createElement(icons.CloseOutline, {
-    color: colors$4.iconSecondary,
+    color: colors$5.iconSecondary,
     size: "16px",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 168,
+      lineNumber: 189,
       columnNumber: 9
     }
   })));
   const SingleTagBanner = props => {
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+    var _props$icon;
+    return /*#__PURE__*/React__namespace.createElement(Flex$1, {
+      gap: 2,
+      direction: "column",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 176,
+        lineNumber: 197,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__namespace.createElement(Flex$1, {
-      gap: 3,
-      direction: "column",
-      align: "end",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 177,
+        lineNumber: 198,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__namespace.createElement(Flex$1, {
+      gap: 3,
+      direction: "row",
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 199,
+        columnNumber: 9
+      }
+    }, (props === null || props === void 0 ? void 0 : props.icon) && /*#__PURE__*/React__namespace.createElement(Flex$1, {
+      css: {
+        marginTop: '-2px'
+      },
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 200,
+        columnNumber: 27
+      }
+    }, props === null || props === void 0 ? void 0 : (_props$icon = props.icon) === null || _props$icon === void 0 ? void 0 : _props$icon.call(props)), /*#__PURE__*/React__namespace.createElement(Flex$1, {
       gap: 2,
       direction: "column",
       css: {
@@ -3711,33 +3749,24 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 178,
-        columnNumber: 9
+        lineNumber: 201,
+        columnNumber: 11
       }
     }, props.title && /*#__PURE__*/React__namespace.createElement(BannerTitle, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 186,
-        columnNumber: 27
+        lineNumber: 209,
+        columnNumber: 29
       }
     }, props.title), props.description && /*#__PURE__*/React__namespace.createElement(BannerDescription, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 187,
-        columnNumber: 33
-      }
-    }, props.description)), props.link && /*#__PURE__*/React__namespace.createElement(BannerLink, {
-      link: props.link,
-      variant: props.variant,
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName$Y,
-        lineNumber: 190,
-        columnNumber: 11
+        lineNumber: 210,
+        columnNumber: 35
       }
-    }, props.linkText)), /*#__PURE__*/React__namespace.createElement(CloseButton$1, {
+    }, props.description))), /*#__PURE__*/React__namespace.createElement(CloseButton$1, {
       onClick: e => {
         e.preventDefault();
         e.stopPropagation();
@@ -3747,19 +3776,32 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 195,
-        columnNumber: 7
+        lineNumber: 213,
+        columnNumber: 9
       }
     }, /*#__PURE__*/React__namespace.createElement(icons.CloseOutline, {
-      color: colors$4.iconSecondary,
+      color: colors$5.iconSecondary,
       size: "16px",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 203,
+        lineNumber: 221,
+        columnNumber: 11
+      }
+    }))), props.link && /*#__PURE__*/React__namespace.createElement(BannerLink, {
+      css: {
+        alignSelf: 'end',
+        marginInlineEnd: 'unset'
+      },
+      link: props.link,
+      variant: props.variant,
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 225,
         columnNumber: 9
       }
-    })));
+    }, props.linkText));
   };
   const Banner = _ref => {
     let {
@@ -3771,7 +3813,8 @@
         onClick,
         onRemove,
         children,
-        bannerBlock
+        bannerBlock,
+        icon
       } = _ref,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
     return /*#__PURE__*/React__namespace.createElement(StyledBanner, _extends({
@@ -3783,7 +3826,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 211,
+        lineNumber: 247,
         columnNumber: 5
       }
     }), children ? /*#__PURE__*/React__namespace.createElement(Flex$1, {
@@ -3800,7 +3843,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 213,
+        lineNumber: 249,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__namespace.createElement(Context$2.Provider, {
@@ -3811,13 +3854,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 220,
+        lineNumber: 256,
         columnNumber: 11
       }
     }, children)) : /*#__PURE__*/React__namespace.createElement(SingleTagBanner, {
       title: title,
       description: description,
       variant: variant,
+      icon: icon,
       link: link,
       linkText: linkText,
       onClick: onClick,
@@ -3825,7 +3869,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 223,
+        lineNumber: 259,
         columnNumber: 9
       }
     }));
@@ -3854,6 +3898,10 @@
      Text of button link to be displayed
     */
     linkText: PropTypes__default["default"].string,
+    /**
+    Icon of banner to be displayed
+    */
+    icon: PropTypes__default["default"].func,
     /**
      Clickable event handler
     */
@@ -7756,7 +7804,7 @@
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
       size: 16,
-      color: colors$4.iconSecondary,
+      color: colors$5.iconSecondary,
       style: {
         verticalAlign: 'middle'
       },
@@ -8289,6 +8337,9 @@
 
   const _excluded$e = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue"];
   var _jsxFileName$z = "/Users/apple/Documents/project/majoo/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
+  const {
+    colors: colors$4
+  } = core.foundations;
   const InputSearchbox = _ref => {
     var _props$value;
     let {
@@ -8328,7 +8379,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 38,
+        lineNumber: 40,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
@@ -8336,14 +8387,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$z,
-          lineNumber: 39,
+          lineNumber: 41,
           columnNumber: 35
         }
       }),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 39,
+        lineNumber: 41,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(InputText, _extends({
@@ -8358,30 +8409,31 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 40,
+        lineNumber: 42,
         columnNumber: 7
       }
     })), /*#__PURE__*/React__default["default"].createElement(InputRightElement, {
       children: (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > 0 ? /*#__PURE__*/React__default["default"].createElement(SvgCloseFilled, {
+        color: colors$4.iconSecondary,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$z,
-          lineNumber: 51,
+          lineNumber: 53,
           columnNumber: 44
         }
       }) : /*#__PURE__*/React__default["default"].createElement("div", {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$z,
-          lineNumber: 51,
-          columnNumber: 62
+          lineNumber: 53,
+          columnNumber: 91
         }
       }),
       onClick: handleClearButtonClick,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 50,
+        lineNumber: 52,
         columnNumber: 7
       }
     }));
@@ -9268,7 +9320,7 @@
             readOnly: readOnly
           }, {
             children: jsxRuntime.jsx(icons.CaretDownOutline, {
-              color: readOnly ? colors$4.gray300 : iconColor
+              color: readOnly ? colors$5.gray300 : iconColor
             }, void 0)
           }), void 0);
         };
@@ -9480,7 +9532,7 @@
                           }, {
                             children: jsxRuntime.jsx(icons.CircleInfoOutline, {
                               size: "16px",
-                              color: colors$4.iconDisable,
+                              color: colors$5.iconDisable,
                               style: {
                                 verticalAlign: 'text-bottom'
                               }
@@ -10415,7 +10467,7 @@
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconCaretDown, {
-      color: disabled || readOnly ? colors$4.iconDisable : colors$4.iconPrimary,
+      color: disabled || readOnly ? colors$5.iconDisable : colors$5.iconPrimary,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
@@ -10514,7 +10566,7 @@
         columnNumber: 19
       }
     }, showAllTags ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUpOutline, {
-      color: colors$4.iconSecondary,
+      color: colors$5.iconSecondary,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
@@ -10522,7 +10574,7 @@
         columnNumber: 23
       }
     }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
-      color: colors$4.iconSecondary,
+      color: colors$5.iconSecondary,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
@@ -10624,7 +10676,7 @@
         columnNumber: 21
       }
     }, item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
-      color: colors$4.iconDisable,
+      color: colors$5.iconDisable,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
@@ -10632,7 +10684,7 @@
         columnNumber: 25
       }
     }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
-      color: colors$4.iconGreen,
+      color: colors$5.iconGreen,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
@@ -10695,7 +10747,7 @@
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CircleInfoOutline, {
       size: "16px",
-      color: colors$4.iconDisable,
+      color: colors$5.iconDisable,
       style: {
         verticalAlign: 'text-bottom'
       },
@@ -11025,7 +11077,7 @@
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CirclePlusOutline, {
-      color: colors$4.iconGreen,
+      color: colors$5.iconGreen,
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
@@ -11307,7 +11359,7 @@
         }, {
           children: jsxRuntime.jsx(icons.SortingOutline, {
             size: 16,
-            color: colors$4.iconSecondary
+            color: colors$5.iconSecondary
           }, void 0)
         }), void 0)]
       }), void 0), isLoading && jsxRuntime.jsx(Flex$1, __assign({
@@ -11817,7 +11869,7 @@
       }, {
         children: jsxRuntime.jsx(icons.MinusOutline, {
           size: 24,
-          color: disabled || disabledDecrement ? colors$4.iconDisable : colors$4.primary500
+          color: disabled || disabledDecrement ? colors$5.iconDisable : colors$5.primary500
         }, void 0)
       }), void 0), jsxRuntime.jsx(Input$4, {
         ref: ref,
@@ -11840,7 +11892,7 @@
       }, {
         children: jsxRuntime.jsx(icons.PlusOutline, {
           size: 24,
-          color: disabled || disabledIncrement ? colors$4.iconDisable : colors$4.primary500
+          color: disabled || disabledIncrement ? colors$5.iconDisable : colors$5.primary500
         }, void 0)
       }), void 0)]
     }), void 0);
@@ -12578,7 +12630,7 @@
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronLgLeftOutline, {
-      color: colors$4.iconGreen,
+      color: colors$5.iconGreen,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
@@ -12607,7 +12659,7 @@
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronLgRightOutline, {
-      color: colors$4.iconGreen,
+      color: colors$5.iconGreen,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
@@ -12667,7 +12719,7 @@
         columnNumber: 9
       }
     }, icon && /*#__PURE__*/React__default["default"].cloneElement(icon, {
-      color: activeTabs === value || isIconHovered ? colors$4.iconGreen : colors$4.iconDisable
+      color: activeTabs === value || isIconHovered ? colors$5.iconGreen : colors$5.iconDisable
     }), (!icon || activeTabs === value) && children)));
   };
   const TabsContent$1 = _ref4 => {
@@ -12939,7 +12991,7 @@
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronLeftOutline, {
-        color: colors$4.iconGreen,
+        color: colors$5.iconGreen,
         __self: this,
         __source: {
           fileName: _jsxFileName$q,
@@ -12969,7 +13021,7 @@
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronRightOutline, {
-        color: colors$4.iconGreen,
+        color: colors$5.iconGreen,
         __self: this,
         __source: {
           fileName: _jsxFileName$q,
@@ -16575,6 +16627,8 @@
     defaultValue,
     value,
     disabled,
+    disabledHour,
+    disabledMinute,
     minDate,
     maxDate
   }) => {
@@ -16590,11 +16644,11 @@
     function handleUp(type) {
       if (!disabled) {
         if (type === 'hour') {
-          if (!maxDate || moment__default["default"](date).add(1, 'hours') <= moment__default["default"](maxDate)) {
+          if ((!maxDate || moment__default["default"](date).add(1, 'hours') <= moment__default["default"](maxDate)) && !disabledHour) {
             setNewDate(moment__default["default"](date).add(1, 'hours'));
           }
         } else {
-          if (!maxDate || moment__default["default"](date).add(1, 'minutes') <= moment__default["default"](maxDate)) {
+          if ((!maxDate || moment__default["default"](date).add(1, 'minutes') <= moment__default["default"](maxDate)) && !disabledMinute) {
             setNewDate(moment__default["default"](date).add(1, 'minutes'));
           }
         }
@@ -16603,11 +16657,11 @@
     function handleDown(type) {
       if (!disabled) {
         if (type === 'hour') {
-          if (!minDate || moment__default["default"](date).subtract(1, 'hours') >= moment__default["default"](minDate)) {
+          if ((!minDate || moment__default["default"](date).subtract(1, 'hours') >= moment__default["default"](minDate)) && !disabledHour) {
             setNewDate(moment__default["default"](date).subtract(1, 'hours'));
           }
         } else {
-          if (!minDate || moment__default["default"](date).subtract(1, 'minutes') >= moment__default["default"](minDate)) {
+          if ((!minDate || moment__default["default"](date).subtract(1, 'minutes') >= moment__default["default"](minDate)) && !disabledMinute) {
             setNewDate(moment__default["default"](date).subtract(1, 'minutes'));
           }
         }
@@ -16624,7 +16678,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 159,
+        lineNumber: 169,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -16633,27 +16687,27 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 165,
+        lineNumber: 175,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "up",
-      disabled: disabled,
+      disabled: disabled || disabledHour,
       onClick: () => handleUp('hour'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 166,
+        lineNumber: 176,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "up",
-      disabled: disabled,
+      disabled: disabled || disabledMinute,
       onClick: () => handleUp('minutes'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 167,
+        lineNumber: 177,
         columnNumber: 9
       }
     })), /*#__PURE__*/React__default["default"].createElement(Input$3, {
@@ -16664,7 +16718,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 169,
+        lineNumber: 179,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Time, {
@@ -16672,7 +16726,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 170,
+        lineNumber: 180,
         columnNumber: 7
       }
     }, moment__default["default"](date).format(format)), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -16681,27 +16735,27 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 171,
+        lineNumber: 181,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "down",
-      disabled: disabled,
+      disabled: disabled || disabledHour,
       onClick: () => handleDown('hour'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 172,
+        lineNumber: 182,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "down",
-      disabled: disabled,
+      disabled: disabled || disabledMinute,
       onClick: () => handleDown('minutes'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 173,
+        lineNumber: 183,
         columnNumber: 9
       }
     })));
@@ -16723,6 +16777,18 @@
      Time picker value, support moment format.
     */
     value: PropTypes__default["default"].instanceOf(Date),
+    /**
+     Disabled state.
+    */
+    disabled: PropTypes__default["default"].bool,
+    /**
+      Disabled hour state.
+     */
+    disabledHour: PropTypes__default["default"].bool,
+    /**
+      Disabled minute state.
+     */
+    disabledMinute: PropTypes__default["default"].bool,
     /**
       Specify the minimum date.
      */
@@ -16738,6 +16804,8 @@
     defaultValue,
     value,
     disabled,
+    disabledHour,
+    disabledMinute,
     css,
     minDate,
     maxDate
@@ -16752,12 +16820,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 208,
+        lineNumber: 241,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(NativeTimePicker, {
       size: size,
       disabled: disabled,
+      disabledHour: disabledHour,
+      disabledMinute: disabledMinute,
       onChange: onChange,
       defaultValue: defaultValue,
       value: value,
@@ -16766,7 +16836,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 209,
+        lineNumber: 242,
         columnNumber: 7
       }
     }));
@@ -16797,6 +16867,14 @@
      Disabled state.
     */
     disabled: PropTypes__default["default"].bool,
+    /**
+     Disabled hour state.
+    */
+    disabledHour: PropTypes__default["default"].bool,
+    /**
+     Disabled minute state.
+    */
+    disabledMinute: PropTypes__default["default"].bool,
     /**
       Specify the minimum date.
      */
@@ -16822,6 +16900,8 @@
     placement,
     css,
     disabled,
+    disabledHour,
+    disabledMinute,
     readOnly,
     minDate,
     maxDate,
@@ -16842,23 +16922,23 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 39,
+        lineNumber: 41,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
       children: /*#__PURE__*/React__default["default"].createElement(icons.TimeOutline, {
-        color: disabled ? colors$4.iconDisable : colors$4.iconPrimary,
+        color: disabled ? colors$5.iconDisable : colors$5.iconPrimary,
         __self: this,
         __source: {
           fileName: _jsxFileName$l,
-          lineNumber: 40,
+          lineNumber: 42,
           columnNumber: 35
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 40,
+        lineNumber: 42,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(InputText, {
@@ -16873,13 +16953,15 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 41,
+        lineNumber: 43,
         columnNumber: 7
       }
     }));
     const renderTimePicker = () => /*#__PURE__*/React__default["default"].createElement(TimePicker, {
       size: size,
       disabled: disabled,
+      disabledHour: disabledHour,
+      disabledMinute: disabledMinute,
       defaultValue: defaultValue,
       value: value,
       onChange: onChange,
@@ -16888,7 +16970,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 54,
+        lineNumber: 56,
         columnNumber: 5
       }
     });
@@ -16899,7 +16981,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 66,
+        lineNumber: 70,
         columnNumber: 5
       }
     }, disabled || readOnly ? /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -16907,14 +16989,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 68,
+        lineNumber: 72,
         columnNumber: 9
       }
     }, renderInputGroup()) : /*#__PURE__*/React__default["default"].createElement(PopoverTrigger, {
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 70,
+        lineNumber: 74,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -16922,14 +17004,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 71,
+        lineNumber: 75,
         columnNumber: 11
       }
     }, renderInputGroup())), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 74,
+        lineNumber: 78,
         columnNumber: 7
       }
     }, renderTimePicker()));
@@ -16947,6 +17029,14 @@
      Disabled state.
     */
     disabled: PropTypes__default["default"].bool,
+    /**
+     Disabled hour state.
+    */
+    disabledHour: PropTypes__default["default"].bool,
+    /**
+      Disabled minute state.
+     */
+    disabledMinute: PropTypes__default["default"].bool,
     /**
      ReadOnly state.
     */
@@ -18111,7 +18201,7 @@
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.ArrowLeftOutline, {
-      color: currentPage === 1 ? colors$4.iconDisable : colors$4.iconPrimary,
+      color: currentPage === 1 ? colors$5.iconDisable : colors$5.iconPrimary,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
@@ -18164,7 +18254,7 @@
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.ArrowRightOutline, {
-      color: currentPage === totalPages ? colors$4.iconDisable : colors$4.iconPrimary,
+      color: currentPage === totalPages ? colors$5.iconDisable : colors$5.iconPrimary,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
@@ -18319,7 +18409,7 @@
         columnNumber: 13
       }
     }, selectedLimit.toString()), /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
-      color: colors$4.gray400,
+      color: colors$5.gray400,
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
@@ -18557,23 +18647,23 @@
     userSelect: 'none',
     color: '$textPrimary',
     '&[data-disabled]': {
-      color: colors$4.gray400,
+      color: colors$5.gray400,
       pointerEvents: 'none'
     },
     '&:hover': {
       cursor: 'pointer',
-      backgroundColor: colors$4.gray100
+      backgroundColor: colors$5.gray100
     },
     '&:active': {
-      backgroundColor: colors$4.gray150
+      backgroundColor: colors$5.gray150
     },
     '&:focus': {
-      backgroundColor: colors$4.gray100
+      backgroundColor: colors$5.gray100
     }
   });
   var ContextMenuSeparator = styled('div', {
     height: 1,
-    backgroundColor: colors$4.gray150,
+    backgroundColor: colors$5.gray150,
     margin: 5
   });
 
@@ -18821,7 +18911,7 @@
                         justify: "between",
                         gap: 5,
                         css: {
-                          backgroundColor: colors$4.bgGray,
+                          backgroundColor: colors$5.bgGray,
                           padding: "$spacing-04 $spacing-05 ".concat('selection' in row.values ? '$spacing-04 $spacing-07' : ''),
                           borderBottom: '1pt solid $bgBorder',
                           alignItems: cell.column.accessor ? getAlign(cellAlign) : 'center'
@@ -18844,7 +18934,7 @@
                     gap: 3,
                     css: {
                       height: '40px',
-                      backgroundColor: colors$4.bgGray,
+                      backgroundColor: colors$5.bgGray,
                       paddingRight: '$spacing-04'
                     }
                   }, {
@@ -19667,7 +19757,7 @@
                       children: [leftAddOnCells.map(function (_, index) {
                         return jsxRuntime.jsx("td", {
                           style: {
-                            backgroundColor: colors$4.bgGray
+                            backgroundColor: colors$5.bgGray
                           }
                         }, index);
                       }), jsxRuntime.jsxs(React__namespace.Fragment, {
@@ -20798,7 +20888,7 @@
   });
   const StyledOverlay = styled(ADialog__namespace.Overlay, {
     zIndex: 1,
-    backgroundColor: colors$4.bgDimmer,
+    backgroundColor: colors$5.bgDimmer,
     position: 'fixed',
     inset: 0,
     '@media (prefers-reduced-motion: no-preference)': {
@@ -20831,14 +20921,14 @@
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'space-between',
-    color: colors$4.gray900,
+    color: colors$5.gray900,
     fontSize: 17,
     fontWeight: 500
   });
   const StyledDescription$1 = styled(ADialog__namespace.Description, {
     mx: 24,
     my: 20,
-    color: colors$4.gray900,
+    color: colors$5.gray900,
     fontSize: 15,
     lineHeight: 1.5
   });
@@ -21463,17 +21553,17 @@
     position: 'relative',
     userSelect: 'none',
     '&[data-disabled]': {
-      color: colors$4.gray400,
+      color: colors$5.gray400,
       pointerEvents: 'none'
     },
     '&:hover': {
       cursor: 'pointer'
     },
     '&:active': {
-      backgroundColor: colors$4.gray150
+      backgroundColor: colors$5.gray150
     },
     '&:focus': {
-      backgroundColor: colors$4.gray100
+      backgroundColor: colors$5.gray100
     }
   };
   const StyledItem = styled(DropdownMenuPrimitive__namespace.Item, Object.assign({}, itemStyles));
@@ -21490,11 +21580,11 @@
     padding: '8px 0',
     fontSize: 12,
     lineHeight: '25px',
-    color: colors$4.gray700
+    color: colors$5.gray700
   });
   const StyledSeparator = styled(DropdownMenuPrimitive__namespace.Separator, {
     height: 1,
-    backgroundColor: colors$4.gray150,
+    backgroundColor: colors$5.gray150,
     margin: 5
   });
   const StyledItemIndicator = styled(DropdownMenuPrimitive__namespace.ItemIndicator, {
@@ -21591,7 +21681,7 @@
       color: 'white'
     },
     '[data-disabled] &': {
-      color: colors$4.gray400
+      color: colors$5.gray400
     }
   });
   const StyledDropdown = styled(ButtonPrimitive, {
@@ -25375,7 +25465,7 @@
         buttonType: "secondary"
       }, {
         children: jsxRuntime.jsx(icons.ChevronLeftOutline, {
-          color: colors$4.btnPrimary
+          color: colors$5.btnPrimary
         }, void 0)
       }), void 0), jsxRuntime.jsxs(Flex$1, __assign({
         align: "center",
@@ -25435,7 +25525,7 @@
         buttonType: "secondary"
       }, {
         children: jsxRuntime.jsx(icons.ChevronRightOutline, {
-          color: colors$4.btnPrimary
+          color: colors$5.btnPrimary
         }, void 0)
       }), void 0)]
     }), void 0);
@@ -28514,7 +28604,7 @@
             marginRight: 9
           },
           size: "24",
-          color: colors$4.bgGreen,
+          color: colors$5.bgGreen,
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
@@ -28535,7 +28625,7 @@
             margin: '0 9px'
           },
           size: "20",
-          color: colors$4.iconSecondary,
+          color: colors$5.iconSecondary,
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
@@ -28607,7 +28697,7 @@
           }
         }, /*#__PURE__*/React__default["default"].createElement(StyledCircleInfoOutline, {
           size: "20",
-          color: colors$4.iconPrimary,
+          color: colors$5.iconPrimary,
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
@@ -29034,10 +29124,10 @@
   const DesktopContainer = styled(Flex$1, {
     display: 'none',
     '& .active-scroll-spy': {
-      borderLeft: `4px solid ${colors$4.primary500} !important`
+      borderLeft: `4px solid ${colors$5.primary500} !important`
     },
     '& .active-scroll-spy .link-title': {
-      color: `${colors$4.primary500} !important`
+      color: `${colors$5.primary500} !important`
     },
     '@md': {
       display: 'unset'
@@ -29045,7 +29135,7 @@
   });
   const MobileContainer = styled(Flex$1, {
     backgroundColor: '$white',
-    border: `1px solid ${colors$4.gray150}`,
+    border: `1px solid ${colors$5.gray150}`,
     borderRadius: 8,
     padding: '8px 8px',
     width: '100%',
@@ -29172,7 +29262,7 @@
           marginLeft: '-4px !important',
           borderLeftWidth: '4px !important',
           borderLeftStyle: 'solid !important',
-          borderLeftColor: `${(item === null || item === void 0 ? void 0 : item.id) === activeId ? colors$4.primary500 : 'transparent'} !important`,
+          borderLeftColor: `${(item === null || item === void 0 ? void 0 : item.id) === activeId ? colors$5.primary500 : 'transparent'} !important`,
           paddingLeft: '16px !important',
           minHeight: 25
         },
@@ -30511,11 +30601,11 @@
       var getColor = function getColor(state) {
         switch (state) {
           case 'error':
-            return colors$4.red400;
+            return colors$5.red400;
           case 'active':
-            return colors$4.primary500;
+            return colors$5.primary500;
           default:
-            return colors$4.gray150;
+            return colors$5.gray150;
         }
       };
       var iconProps = {
@@ -32492,7 +32582,7 @@
                         }
                       }, void 0) : jsxRuntime.jsx(icons.MinusOutline, {
                         size: 16,
-                        color: colors$4.iconDisable
+                        color: colors$5.iconDisable
                       }, void 0)
                     }, void 0)
                   }), index + indexSubRow + 'tb-cell-collapse');
@@ -32798,9 +32888,9 @@
     function getBaseColor(color) {
       switch (color) {
         case 'primary':
-          return colors$4.gray300;
+          return colors$5.gray300;
         default:
-          return colors$4.gray150;
+          return colors$5.gray150;
       }
     }
     function getSize(size) {