@ctlyst.id/internal-ui 5.5.1 → 5.5.3

package/dist/index.js

@@ -2409,11 +2409,9 @@ id.localize.month = buildLocalizeFn2({
 });
 
 // src/components/datepicker/components/styles.tsx
-var import_system6 = require("@chakra-ui/system");
 var import_react34 = require("@emotion/react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var Styles = ({ showHeader }) => {
-  const { colorMode } = (0, import_system6.useColorMode)();
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_react34.Global,
     {
@@ -2422,7 +2420,7 @@ var Styles = ({ showHeader }) => {
       .react-datepicker__year-read-view--down-arrow,
       .react-datepicker__month-read-view--down-arrow,
       .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
-        border-color: ${colorMode === "light" ? "#6E6B7B" : "#d0d1d2"};
+        border-color: #6E6B7B;
         border-style: solid;
         border-width: 1px 1px 0 0;
         content: "";
@@ -2493,8 +2491,8 @@ var Styles = ({ showHeader }) => {
 
       .react-datepicker {
         font-family: Poppins;
-        background-color: ${colorMode === "light" ? "#ffffff" : "#283046"};
-        color: ${colorMode === "light" ? "#000" : "#d0d1d2"};
+        background-color: #ffffff;
+        color: #000;
         filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.08));
         border-radius: 0.3rem;
         display: inline-block;
@@ -2583,7 +2581,7 @@ var Styles = ({ showHeader }) => {
       .react-datepicker-year-header {
         display:${showHeader ? "block" : "none"};
         margin-top: 0;
-        color: ${colorMode === "light" ? "#111111" : "#d0d1d2"};
+        color: #111111;
         font-size:14px;
         font-weight:600;
       }
@@ -2766,18 +2764,18 @@ var Styles = ({ showHeader }) => {
       }
       .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
         cursor: pointer;
-        background-color: ${colorMode === "light" ? "#f0f0f0" : "#131620"};
+        background-color: #f0f0f0;
       }
       .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
-        background-color: ${colorMode === "light" ? "#12784A" : "#131620"};
+        background-color: #12784A;
         color: white;
         font-weight: bold;
       }
       .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
-        background-color: ${colorMode === "light" ? "#12784A" : "#131620"};
+        background-color: #12784A;
       }
       .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
-        color: ${colorMode === "light" ? "#ccc" : "#d0d1d2"};
+        color: #ccc;
       }
       .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
         cursor: default;
@@ -2785,7 +2783,7 @@ var Styles = ({ showHeader }) => {
       }
 
       .react-datepicker__week-number {
-        color: ${colorMode === "light" ? "#ccc" : "#d0d1d2"};
+        color: #ccc;
         display: inline-block;
         width: 1.7rem;
         line-height: 1.7rem;
@@ -2797,7 +2795,7 @@ var Styles = ({ showHeader }) => {
       }
       .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
         border-radius: 0.3rem;
-        background-color: ${colorMode === "light" ? "#f0f0f0" : "#131620"};
+        background-color: #f0f0f0;
       }
 
       .react-datepicker__day-names,
@@ -2828,14 +2826,14 @@ var Styles = ({ showHeader }) => {
       .react-datepicker__quarter--in-selecting-range,
       .react-datepicker__quarter--in-range {
         border-radius: 0.3rem;
-        background-color: ${colorMode === "light" ? "#12784A" : "#131620"};
+        background-color: #12784A;
         color: #fff;
       }
       .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
       .react-datepicker__quarter--selected:hover,
       .react-datepicker__quarter--in-selecting-range:hover,
       .react-datepicker__quarter--in-range:hover {
-        background-color: ${colorMode === "light" ? "#075331" : "#131620"};
+        background-color: #075331;
       }
       .react-datepicker__month--disabled,
       .react-datepicker__quarter--disabled {
@@ -2918,14 +2916,14 @@ var Styles = ({ showHeader }) => {
       .react-datepicker__quarter-text--keyboard-selected,
       .react-datepicker__year-text--keyboard-selected {
         border-radius: 2rem;
-        background-color: ${colorMode === "light" ? "#075331" : "#131620"};
+        background-color: #075331;
         color: #fff;
       }
       .react-datepicker__day--keyboard-selected:hover,
       .react-datepicker__month-text--keyboard-selected:hover,
       .react-datepicker__quarter-text--keyboard-selected:hover,
       .react-datepicker__year-text--keyboard-selected:hover {
-        background-color: ${colorMode === "light" ? "#075331" : "#131620"};
+        background-color: #075331;
       }
       .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
       .react-datepicker__month-text--in-range,
@@ -2944,7 +2942,7 @@ var Styles = ({ showHeader }) => {
       .react-datepicker__quarter-text--in-range,
       .react-datepicker__year-text--in-range) {
         background-color: var(--chakra-colors-primary-50);
-        color: ${colorMode === "light" ? "#000" : "#d0d1d2"};
+        color: #000;
       }
       .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
       .react-datepicker__month-text--in-selecting-range,
@@ -2962,8 +2960,8 @@ var Styles = ({ showHeader }) => {
       .react-datepicker__month-text--in-selecting-range,
       .react-datepicker__quarter-text--in-selecting-range,
       .react-datepicker__year-text--in-selecting-range) {
-        background-color: ${colorMode === "light" ? "#f0f0f0" : "#131620"};
-        color: ${colorMode === "light" ? "#000" : "#d0d1d2"};
+        background-color: #f0f0f0;
+        color: #000;
       }
       .react-datepicker__day--disabled,
       .react-datepicker__month-text--disabled,
@@ -2984,11 +2982,11 @@ var Styles = ({ showHeader }) => {
       .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
       .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
       .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
-        background-color: ${colorMode === "light" ? "#12784A" : "#131620"};
+        background-color: #12784A;
       }
       .react-datepicker__month-text:hover,
       .react-datepicker__quarter-text:hover {
-        background-color: ${colorMode === "light" ? "#f0f0f0" : "#131620"};
+        background-color: #f0f0f0;
       }
 
       .react-datepicker__input-container {
@@ -3038,7 +3036,7 @@ var Styles = ({ showHeader }) => {
       .react-datepicker__year-dropdown,
       .react-datepicker__month-dropdown,
       .react-datepicker__month-year-dropdown {
-        background-color: ${colorMode === "light" ? "#f0f0f0" : "#131620"};
+        background-color: #f0f0f0;
         position: absolute;
         width: 50%;
         left: 25%;
@@ -3122,7 +3120,7 @@ var Styles = ({ showHeader }) => {
       }
       .react-datepicker__close-icon::after {
         cursor: pointer;
-        background-color: ${colorMode === "light" ? "#12784A" : "#131620"};
+        background-color: #12784A;
         color: #fff;
         border-radius: 50%;
         height: 16px;
@@ -3179,7 +3177,7 @@ var Styles = ({ showHeader }) => {
 
       /** injected styles **/
       .react-datepicker__day--outside-month {
-        color: ${colorMode === "light" ? "#B9B9C3" : "#4D4D4D"};
+        color: #B9B9C3;
       }
       .react-datepicker__day.react-datepicker__day--in-range {
         border-radius: 0;
@@ -4610,7 +4608,7 @@ var rating_default = Rating;
 
 // src/components/select/components/select.tsx
 var import_react79 = require("@chakra-ui/react");
-var import_system7 = require("@chakra-ui/system");
+var import_system6 = require("@chakra-ui/system");
 var Icon7 = __toESM(require("@ctlyst.id/internal-icon"));
 var import_react_select = __toESM(require("react-select"));
 
@@ -5008,7 +5006,7 @@ function Select2({
   isError = false,
   ...rest
 }) {
-  const { colorMode } = (0, import_system7.useColorMode)();
+  const { colorMode } = (0, import_system6.useColorMode)();
   const { components, value, onChange } = rest;
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     import_react_select.default,
@@ -5035,7 +5033,7 @@ function Select2({
 var select_default = Select2;
 
 // src/components/select/components/select-async.tsx
-var import_system8 = require("@chakra-ui/system");
+var import_system7 = require("@chakra-ui/system");
 var import_react_select_async_paginate = require("react-select-async-paginate");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function SelectAsync({
@@ -5043,7 +5041,7 @@ function SelectAsync({
   isError = false,
   ...rest
 }) {
-  const { colorMode } = (0, import_system8.useColorMode)();
+  const { colorMode } = (0, import_system7.useColorMode)();
   const { components } = rest;
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_react_select_async_paginate.AsyncPaginate,
@@ -5065,11 +5063,11 @@ function SelectAsync({
 var select_async_default = SelectAsync;
 
 // src/components/select/components/select-async-creatable.tsx
-var import_system9 = require("@chakra-ui/system");
+var import_system8 = require("@chakra-ui/system");
 var import_async_creatable = __toESM(require("react-select/async-creatable"));
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
-  const { colorMode } = (0, import_system9.useColorMode)();
+  const { colorMode } = (0, import_system8.useColorMode)();
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_async_creatable.default,
     {
@@ -5088,11 +5086,11 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
 }
 
 // src/components/select/components/select-creatable.tsx
-var import_system10 = require("@chakra-ui/system");
+var import_system9 = require("@chakra-ui/system");
 var import_creatable = __toESM(require("react-select/creatable"));
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function SelectCreatable({ styles, isError = false, ...rest }) {
-  const { colorMode } = (0, import_system10.useColorMode)();
+  const { colorMode } = (0, import_system9.useColorMode)();
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_creatable.default,
     {
@@ -5112,7 +5110,7 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
 
 // src/components/select/components/select-with-checkbox.tsx
 var import_react80 = require("@chakra-ui/react");
-var import_system11 = require("@chakra-ui/system");
+var import_system10 = require("@chakra-ui/system");
 var import_react_select2 = __toESM(require("react-select"));
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var CHECKBOX_STATE = {
@@ -5189,14 +5187,16 @@ var InputOption = ({
                   isIndeterminate: checkedState === CHECKBOX_STATE.INDETERMINATE,
                   isDisabled,
                   pointerEvents: "none",
-                  "data-test-id": "CT_component_select-checkbox_select-all-option"
+                  "data-test-id": "CT_component_select-checkbox_select-all-option",
+                  isInvalid: false
                 }
               ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 import_react80.Checkbox,
                 {
                   pointerEvents: "none",
                   isChecked: isSelected,
-                  "data-test-id": "CT_component_select-checkbox_option-checkbox"
+                  "data-test-id": "CT_component_select-checkbox_option-checkbox",
+                  isInvalid: false
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react80.Text, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
@@ -5217,7 +5217,7 @@ var SelectWithCheckboxBase = ({
   value,
   ...rest
 }) => {
-  const { colorMode } = (0, import_system11.useColorMode)();
+  const { colorMode } = (0, import_system10.useColorMode)();
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_react_select2.default,
     {