nexaas-ui-components 1.0.97 → 1.0.99

package/dist/index.cjs

@@ -832,8 +832,16 @@ var DatePickerInput = React6.forwardRef(
     ];
     const hasError = fieldValidationMessages.some((item) => item !== void 0);
     const styles = {
-      input: `text-p-md text-paragraph bg-surface shadow-input border-[0.5px] rounded block pb-[10px] h-[46px] w-full disabled:bg-light-gray-100 disabled:shadow-none input-focus-ring ${hasError ? "border-dangerous-500 text-dangerous-500" : "border-stroke"}`,
-      icon: `absolute bg-light-gray-100 h-[44px] w-[38px] top-[1px] left-[1px] rounded-l-lg rounded-r-none  ${hasError ? "text-dangerous-700" : "text-label"}`,
+      // Borda e sombra iguais as do Input: `rounded-lg` (era `rounded`, 4px contra os 8px do
+      // Input) e o mesmo bloco de disabled, com os tokens `--input-bg-disabled` /
+      // `--input-border-disabled` em vez de `bg-light-gray-100` — os tokens trocam de valor no
+      // tema escuro, a cor fixa nao.
+      // `border-solid` e obrigatorio aqui (o Input nao precisa): o Blueprint declara
+      // `.bp6-input { border: none }`, que vence o `border-style: solid` do preflight do
+      // Tailwind (seletor `*`). Sem ele a borda tem largura e cor certas mas nao aparece.
+      input: `text-p-md text-paragraph bg-surface shadow-input border-solid border-[0.5px] rounded-lg block pb-[10px] h-[46px] w-full disabled:bg-[var(--input-bg-disabled)] disabled:border-[var(--input-border-disabled)] disabled:text-disabled disabled:cursor-not-allowed disabled:shadow-none input-focus-ring ${hasError ? "border-dangerous-500 text-dangerous-500" : "border-stroke"}`,
+      // left-[1.5px] como no Input: cobre a borda de 0.5px sem deixar fiapo aparecendo.
+      icon: `absolute bg-neutral-100 h-[42px] w-[38px] top-[2px] left-[1.5px] rounded-l-lg rounded-r-none  ${hasError ? "text-dangerous-700" : "text-label"}`,
       label: "absolute text-label text-sm",
       clear: "absolute top-[8px] right-[8px] cursor-pointer text-label text-[22px]"
     };
@@ -877,7 +885,7 @@ var DatePickerInput = React6.forwardRef(
                       id: "icon",
                       className: clsx9__default.default(
                         styles.icon,
-                        "flex justify-center items-center text-[20px] bg-light-gray-100"
+                        "flex justify-center items-center text-[20px]"
                       ),
                       children: icon
                     }
@@ -890,7 +898,12 @@ var DatePickerInput = React6.forwardRef(
                       onError: () => setInvalidDate(true),
                       defaultValue: normalizedValue,
                       inputProps: {
-                        className: styles.input,
+                        // `inputClassName`, nao `className`: o DateInput3 repassa `inputProps` para o
+                        // InputGroup, e la o `className` vai no wrapper `.bp6-input-group` — o <input>
+                        // sai so com `bp6-input` e todas as classes daqui viravam letra morta (sem
+                        // `shadow-input`, sem `input-focus-ring`, sem os estados de disabled). O
+                        // InputGroup aplica `inputClassName` no proprio <input>.
+                        inputClassName: styles.input,
                         style: { height: "46px" }
                       },
                       popoverProps: {