nexaas-ui-components 1.0.62 → 1.0.63

package/dist/index.cjs

@@ -295,7 +295,7 @@ var variants2 = {
     text: "shadow-button text-button-label bg-gradient-to-b hover:text-white from-rose-start to-rose-end active:bg-gradient-to-b active:from-rose-800 active:to-rose-800 disabled:bg-gradient-to-b disabled:from-rose-800 disabled:to-rose-800 disabled:opacity-50 hover:from-[#FD467F] hover:to-[#DF4573]"
   },
   secondary: {
-    text: "shadow-button bg-white border-[0.5px] border-paragraph text-blue-500 hover:text-blue-600 hover:bg-[#f5f5f5] active:text-blue-600 active:bg-light-gray-100 disabled:text-dark-blue-400 disabled:bg-white disabled:border-[0.5px] disabled:border-dark-blue-400"
+    text: "shadow-button bg-white border-[0.5px] border-paragraph text-blue-500 hover:text-blue-600 hover:bg-[#f5f5f5] active:text-blue-600 active:bg-light-gray-100 disabled:text-neutral-400 disabled:bg-white disabled:border-[0.5px] disabled:border-neutral-400"
   },
   link: {
     text: "text-blue-500 hover:text-blue-600 hover:underline border-none active:text-blue-600 active:underline disabled:text-blue-500 disabled:no-underline shadow-none font-normal"
@@ -304,10 +304,10 @@ var variants2 = {
     text: "text-dangerous-500 hover:text-dangerous-600 hover:underline border-none active:text-dangerous-600 active:underline disabled:text-dangerous-500 disabled:no-underline shadow-none font-normal"
   },
   icon: {
-    text: "bg-white border-[0.5px] border-dark-blue-300 text-blue-500 hover:text-blue-600 hover:bg-[#f5f5f5] active:text-blue-600 active:bg-light-gray-100 disabled:text-dark-blue-400 disabled:border-[0.5px] disabled:border-disabled disabled:bg-white disabled:opacity-50"
+    text: "bg-white border-[0.5px] border-neutral-300 text-blue-500 hover:text-blue-600 hover:bg-[#f5f5f5] active:text-blue-600 active:bg-light-gray-100 disabled:text-neutral-400 disabled:border-[0.5px] disabled:border-disabled disabled:bg-white disabled:opacity-50"
   },
   iconSecondary: {
-    text: "border-[1px] border-none text-white active:bg-[#0A0A0A40]/20 hover:bg-[#F5F5F526]/10 hover:text-white disabled:text-dark-blue-400 disabled:border-[0.5px] disabled:border-disabled disabled:bg-white disabled:opacity-50"
+    text: "border-[1px] border-none text-white active:bg-[#0A0A0A40]/20 hover:bg-[#F5F5F526]/10 hover:text-white disabled:text-neutral-400 disabled:border-[0.5px] disabled:border-disabled disabled:bg-white disabled:opacity-50"
   },
   outline: {
     text: "shadow-button bg-white border-[0.5px] border-rose-700 text-blue-500 hover:text-blue-600 hover:bg-[#f5f5f5] active:text-blue-600 active:bg-light-gray-100 disabled:text-rose-700 disabled:bg-white disabled:border-[0.5px] disabled:border-rose-700 disabled:opacity-50"
@@ -331,7 +331,7 @@ var variants2 = {
     text: "shadow-button bg-blue-700 text-white text-bold"
   },
   filter: {
-    text: "shadow-button rounded-3xl border border-dark-blue-300 text-blue-500 hover:text-blue-600 hover:bg-light-gray-100 active:border active:border-blue-700 active:text-blue-600 active:bg-blue-100 focus:border focus:border-blue-700 focus:text-blue-500 focus:bg-blue-100"
+    text: "shadow-button rounded-3xl border border-neutral-300 text-blue-500 hover:text-blue-600 hover:bg-light-gray-100 active:border active:border-blue-700 active:text-blue-600 active:bg-blue-100 focus:border focus:border-blue-700 focus:text-blue-500 focus:bg-blue-100"
   },
   filterActive: {
     text: "shadow-button rounded-3xl border border-blue-700 text-blue-500 bg-blue-100 shadow-button hover:bg-blue-700 hover:text-white active:text-white active:bg-blue-900 active:border-blue-900 focus:text-white focus:bg-blue-900 focus:border-blue-900"
@@ -2783,7 +2783,7 @@ var customStyles = {
   control: (provided, state) => ({
     ...provided,
     cursor: "pointer",
-    border: state.selectProps.hasError ? "1px solid var(--dangerous-700)" : state.menuIsOpen ? "1px solid var(--blue-700)" : "1px solid var(--dark-blue-300)",
+    border: state.selectProps.hasError ? "1px solid var(--dangerous-700)" : state.menuIsOpen ? "1px solid var(--blue-700)" : "1px solid var(--neutral-300)",
     boxShadow: "none",
     outline: "none",
     borderRadius: "0.5rem",
@@ -2991,7 +2991,7 @@ var SelectField = ({
         const NoOptionsMessage = (props) => {
           var _a2, _b;
           if (props.selectProps.inputValue.length == 0 && debounce2 > 0 || debounce2 > 0 && props.selectProps.inputValue.length < debounce2) {
-            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 text-dark-blue-300", children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 text-neutral-300", children: [
               "Digite ",
               debounce2,
               " ou mais caracteres para pesquisar"
@@ -2999,7 +2999,7 @@ var SelectField = ({
           } else if (initialMessage && !debounce2 && isSearchable && props.selectProps.inputValue.length === 0) {
             return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 text-neutral-300", children: initialMessage });
           } else if ((props.selectProps.inputValue.length > 0 && isSearchable || !isSearchable || isSearchable && ((_a2 = props == null ? void 0 : props.options) == null ? void 0 : _a2.length) == 0) && ((_b = props == null ? void 0 : props.options) == null ? void 0 : _b.length) == 0) {
-            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 text-dark-blue-300", children: emptyMessage || "Sem opc\u0327o\u0303es disponi\u0301veis" });
+            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 text-neutral-300", children: emptyMessage || "Sem opc\u0327o\u0303es disponi\u0301veis" });
           }
         };
         const DropdownIndicatorCustom = (props) => {
@@ -3175,7 +3175,7 @@ var customStyles2 = {
   menu: (provided) => ({
     ...provided,
     marginTop: "4px",
-    border: "1px solid var(--dark-blue-300)",
+    border: "1px solid var(--neutral-300)",
     boxShadow: "none",
     borderRadius: "8px",
     background: "white",
@@ -3199,7 +3199,7 @@ var customStyles2 = {
   control: (provided, state) => ({
     ...provided,
     cursor: "pointer",
-    border: state.selectProps.hasError ? "1px solid var(--dangerous-700)" : state.menuIsOpen ? "1px solid var(--blue-700)" : "1px solid var(--dark-blue-300)",
+    border: state.selectProps.hasError ? "1px solid var(--dangerous-700)" : state.menuIsOpen ? "1px solid var(--blue-700)" : "1px solid var(--neutral-300)",
     boxShadow: "none",
     outline: "none",
     borderRadius: "0.5rem",
@@ -3207,7 +3207,7 @@ var customStyles2 = {
     height: "46px",
     backgroundColor: state.isDisabled ? "var(--light-100)" : "white",
     ":hover": {
-      border: state.selectProps.hasError ? "1px solid var(--dangerous-700)" : state.menuIsOpen ? "1px solid var(--blue-700)" : "1px solid var(--dark-blue-300)"
+      border: state.selectProps.hasError ? "1px solid var(--dangerous-700)" : state.menuIsOpen ? "1px solid var(--blue-700)" : "1px solid var(--neutral-300)"
     }
   }),
   multiValue: (provided) => ({
@@ -3222,7 +3222,7 @@ var customStyles2 = {
   }),
   multiValueRemove: (provided) => ({
     ...provided,
-    color: "var(--dark-blue-400)",
+    color: "var(--neutral-400)",
     ":hover": {
       color: "var(--dangerous-700)"
     }