@ikatec/nebula-react 1.0.11 → 1.0.13

package/dist/index.js

@@ -179,7 +179,7 @@ var buttonVariantsConfig = classVarianceAuthority.cva(
     items-center
     justify-center
     whitespace-nowrap
-    rounded-full
+    rounded-button
     font-semibold
     ring-offset-background
     transition-colors
@@ -1065,6 +1065,7 @@ var input_select_default = messages2;
 // src/i18n/messages/en/input-phone.ts
 var messages3 = {
   countries: {
+    empty: "Select",
     AF: "Afghanistan",
     AX: "\xC5land Islands",
     AL: "Albania",
@@ -1344,6 +1345,7 @@ var input_select_default2 = messages5;
 // src/i18n/messages/es/input-phone.ts
 var messages6 = {
   countries: {
+    empty: "Seleccionar",
     AF: "Afganist\xE1n",
     AX: "Islas \xC5land",
     AL: "Albania",
@@ -1623,6 +1625,7 @@ var input_select_default3 = messages8;
 // src/i18n/messages/pt-br/input-phone.ts
 var messages9 = {
   countries: {
+    empty: "Selecione",
     AF: "Afeganist\xE3o",
     AX: "Ilhas \xC5land",
     AL: "Alb\xE2nia",
@@ -2266,7 +2269,7 @@ var Option = (props) => {
 };
 var controlStyles = ({ isDisabled, isFocused }, isError) => {
   return cn(
-    "flex w-full items-center border bg-inputSelect-default-background rounded-[20px] px-4 min-h-10 transition",
+    "flex w-full items-center border bg-inputSelect-default-background rounded-input px-4 min-h-10 transition",
     {
       "ring-[3px] border-inputSelect-focus-border text-inputSelect-focus-text ring-inputSelect-focus-border": isFocused,
       "border-inputSelect-danger-border text-inputSelect-danger-icon": isError,
@@ -2382,7 +2385,7 @@ var InputText = React8__namespace.forwardRef(
         {
           ref,
           className: cn(
-            "w-full h-10 outline-none rounded-[20px] text-sm leading-none font-medium",
+            "w-full h-10 outline-none rounded-input text-sm leading-none font-medium",
             "bg-inputText-background-default disabled:bg-inputText-background-disabled",
             "border border-inputText-border-default focus:ring-[3px] focus:ring-inputText-border-focus focus:border-inputText-border-focus",
             "text-inputText-text-filled focus:text-inputText-text-focus placeholder:text-inputText-text-default disabled:text-inputText-text-disabled",
@@ -3529,19 +3532,22 @@ var CountrySelect = ({
       /* @__PURE__ */ jsxRuntime.jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { size: 16, "aria-hidden": "true" }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(
       "select",
       {
         disabled,
-        value,
+        value: value ?? "empty",
         onChange: handleSelect,
         className: "nebula-ds absolute bg-inputText-background-default inset-0 text-sm opacity-0 text-inputText-text-filled focus:text-inputText-text-focus",
         "aria-label": "Select country",
-        children: options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: option.value, children: [
-          option.value && countries[option.value],
-          " ",
-          option.value && `+${RPNInput__namespace.getCountryCallingCode(option.value)}`
-        ] }, option.value ?? `empty-${i}`))
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "empty", children: countries.empty }),
+          options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: option.value, children: [
+            option.value && countries[option.value],
+            " ",
+            option.value && `+${RPNInput__namespace.getCountryCallingCode(option.value)}`
+          ] }, option.value ?? `empty-${i}`))
+        ]
       }
     )
   ] });
@@ -3620,7 +3626,7 @@ function InputPhone({
     RPNInput__namespace.default,
     {
       className: cn(
-        "flex w-full h-10 bg-inputText-background-default rounded-[20px] border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
+        "flex w-full h-10 bg-inputText-background-default rounded-input border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
         { "bg-inputText-background-disabled": disabled },
         {
           "text-inputText-icon-danger border-inputText-border-danger focus-within:border-inputText-border-danger focus-within:ring-button-danger-border-focus": isError
@@ -3632,7 +3638,6 @@ function InputPhone({
       inputComponent: PhoneInput,
       disabled,
       international: true,
-      limitMaxLength: true,
       defaultCountry: isFirstRender && (!value || value === "") ? defaultCountry : valueState ? defaultCountry : void 0,
       countryCallingCodeEditable: true,
       ...props,

package/dist/index.mjs

@@ -139,7 +139,7 @@ var buttonVariantsConfig = cva(
     items-center
     justify-center
     whitespace-nowrap
-    rounded-full
+    rounded-button
     font-semibold
     ring-offset-background
     transition-colors
@@ -1025,6 +1025,7 @@ var input_select_default = messages2;
 // src/i18n/messages/en/input-phone.ts
 var messages3 = {
   countries: {
+    empty: "Select",
     AF: "Afghanistan",
     AX: "\xC5land Islands",
     AL: "Albania",
@@ -1304,6 +1305,7 @@ var input_select_default2 = messages5;
 // src/i18n/messages/es/input-phone.ts
 var messages6 = {
   countries: {
+    empty: "Seleccionar",
     AF: "Afganist\xE1n",
     AX: "Islas \xC5land",
     AL: "Albania",
@@ -1583,6 +1585,7 @@ var input_select_default3 = messages8;
 // src/i18n/messages/pt-br/input-phone.ts
 var messages9 = {
   countries: {
+    empty: "Selecione",
     AF: "Afeganist\xE3o",
     AX: "Ilhas \xC5land",
     AL: "Alb\xE2nia",
@@ -2226,7 +2229,7 @@ var Option = (props) => {
 };
 var controlStyles = ({ isDisabled, isFocused }, isError) => {
   return cn(
-    "flex w-full items-center border bg-inputSelect-default-background rounded-[20px] px-4 min-h-10 transition",
+    "flex w-full items-center border bg-inputSelect-default-background rounded-input px-4 min-h-10 transition",
     {
       "ring-[3px] border-inputSelect-focus-border text-inputSelect-focus-text ring-inputSelect-focus-border": isFocused,
       "border-inputSelect-danger-border text-inputSelect-danger-icon": isError,
@@ -2342,7 +2345,7 @@ var InputText = React8.forwardRef(
         {
           ref,
           className: cn(
-            "w-full h-10 outline-none rounded-[20px] text-sm leading-none font-medium",
+            "w-full h-10 outline-none rounded-input text-sm leading-none font-medium",
             "bg-inputText-background-default disabled:bg-inputText-background-disabled",
             "border border-inputText-border-default focus:ring-[3px] focus:ring-inputText-border-focus focus:border-inputText-border-focus",
             "text-inputText-text-filled focus:text-inputText-text-focus placeholder:text-inputText-text-default disabled:text-inputText-text-disabled",
@@ -3489,19 +3492,22 @@ var CountrySelect = ({
       /* @__PURE__ */ jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
       /* @__PURE__ */ jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsx(ChevronDown, { size: 16, "aria-hidden": "true" }) })
     ] }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       "select",
       {
         disabled,
-        value,
+        value: value ?? "empty",
         onChange: handleSelect,
         className: "nebula-ds absolute bg-inputText-background-default inset-0 text-sm opacity-0 text-inputText-text-filled focus:text-inputText-text-focus",
         "aria-label": "Select country",
-        children: options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxs("option", { value: option.value, children: [
-          option.value && countries[option.value],
-          " ",
-          option.value && `+${RPNInput.getCountryCallingCode(option.value)}`
-        ] }, option.value ?? `empty-${i}`))
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "empty", children: countries.empty }),
+          options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxs("option", { value: option.value, children: [
+            option.value && countries[option.value],
+            " ",
+            option.value && `+${RPNInput.getCountryCallingCode(option.value)}`
+          ] }, option.value ?? `empty-${i}`))
+        ]
       }
     )
   ] });
@@ -3580,7 +3586,7 @@ function InputPhone({
     RPNInput.default,
     {
       className: cn(
-        "flex w-full h-10 bg-inputText-background-default rounded-[20px] border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
+        "flex w-full h-10 bg-inputText-background-default rounded-input border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
         { "bg-inputText-background-disabled": disabled },
         {
           "text-inputText-icon-danger border-inputText-border-danger focus-within:border-inputText-border-danger focus-within:ring-button-danger-border-focus": isError
@@ -3592,7 +3598,6 @@ function InputPhone({
       inputComponent: PhoneInput,
       disabled,
       international: true,
-      limitMaxLength: true,
       defaultCountry: isFirstRender && (!value || value === "") ? defaultCountry : valueState ? defaultCountry : void 0,
       countryCallingCodeEditable: true,
       ...props,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "React components",
   "publishConfig": {
     "access": "public"