nexaas-ui-components 1.0.30 → 1.0.32

package/dist/index.cjs

@@ -99,7 +99,7 @@ var variants = {
     text: "bg-gradient-to-b from-[#FF4D8B] to-[#DA3063] text-white shadow-[0_2px_6px_0_rgba(218,48,99,0.25)] hover:from-[#ff4d84] hover:to-[#df4573] active:from-[#ae264f] active:to-[#ae264f] disabled:opacity-50 disabled:shadow-none active:shadow-none disabled:hover:from-[#FF4D8B] disabled:hover:to-[#DA3063]"
   },
   secondary: {
-    text: "shadow-button bg-surface border-[0.5px] border-neutral-400 text-neutral-500 hover:bg-neutral-100 hover:text-neutral-600 active:text-neutral-600 active:shadow-none disabled:text-neutral-400 disabled:opacity-50"
+    text: "shadow-button bg-surface border-[0.5px] border-neutral-300 text-neutral-500 hover:bg-neutral-100 hover:text-neutral-600 active:text-neutral-600 active:shadow-none disabled:text-neutral-400 disabled:opacity-50"
   },
   icon: {
     text: "shadow-button gap-1 bg-white border-[0.5px] border-neutral-300 text-neutral-500 hover:bg-[#f5f5f5] hover:text-neutral-600 active:bg-neutral-100 active:text-neutral-600 disabled:text-neutral-400 disabled:border-[0.5px] disabled:border-disabled disabled:bg-white disabled:opacity-50 active:shadow-none"
@@ -129,7 +129,7 @@ var variants = {
     text: "bg-white text-rose-500 hover:shadow-button hover:text-rose-600 active:bg-rose-500 active:text-white disabled:text-neutral-400 disabled:border-disabled disabled:bg-white disabled:opacity-50 active:shadow-none"
   },
   dangerLight: {
-    text: "active:shadow-none shadow-red-sm text-dangerous-700 font-bold bg-white border-[0.5px] border-dangerous-700 hover:bg-dangerous-100 active:bg-dangerous-700 active:text-white disabled:opacity-50 disabled:bg-white disabled:text-dangerous-700"
+    text: "active:shadow-none shadow-red-sm text-danger-500 font-bold bg-white border-[0.5px] border-danger-500 hover:bg-dangerous-100 active:bg-danger-500 active:text-white disabled:opacity-50 disabled:bg-white disabled:text-danger-500"
   }
 };
 var paddingConfig = {
@@ -198,7 +198,14 @@ var Button = ({
         "flex-row items-center": hotkeyPosition === "left" || hotkeyPosition === "right"
       }),
       children: [
-        hotkey && (hotkeyPosition === "top" || hotkeyPosition === "left") && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--label)" }, className: "text-p-sm font-normal", children: hotkeyLabel }),
+        hotkey && (hotkeyPosition === "top" || hotkeyPosition === "left") && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            style: { color: "var(--label)" },
+            className: "text-p-sm font-normal",
+            children: hotkeyLabel
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -223,6 +230,10 @@ var Button = ({
                 }
               ),
               props.children,
+              hotkey && hotkeyPosition === "inside" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: " font-normal", children: [
+                "- ",
+                hotkeyLabel
+              ] }),
               props.dropdown && /* @__PURE__ */ jsxRuntime.jsx("i", { className: "uil uil-angle-down text-[18px]" })
             ] })
           }
@@ -2824,7 +2835,7 @@ var SelectField = ({
           ] }) });
         };
         const IconOption = (props) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(Option, { ...props, children: optionStyle ? optionStyle(props == null ? void 0 : props.data) : /* @__PURE__ */ jsxRuntime.jsx(
+          return /* @__PURE__ */ jsxRuntime.jsx(Option, { ...props, children: optionStyle ? optionStyle(props == null ? void 0 : props.data, props.isSelected) : /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               style: {
@@ -2867,15 +2878,15 @@ var SelectField = ({
           }
         };
         const NoOptionsMessage = (props) => {
-          var _a2;
+          var _a2, _b;
           if (props.selectProps.inputValue.length == 0 && debounce2 > 0 || debounce2 > 0 && props.selectProps.inputValue.length < debounce2) {
-            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-dangerous-500 text-sm", children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 text-dark-blue-300", children: [
               "Digite ",
               debounce2,
               " ou mais caracteres para pesquisar"
             ] });
-          } else if (props.selectProps.inputValue.length > 0 && ((_a2 = props == null ? void 0 : props.options) == null ? void 0 : _a2.length) == 0) {
-            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-dangerous-500 text-sm", children: "Nenhum dado encontrado" });
+          } 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" });
           }
         };
         const DropdownIndicatorCustom = (props) => {