nexaas-ui-components 1.0.98 → 1.0.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +12 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +12 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -836,9 +836,12 @@ var DatePickerInput = React6.forwardRef(
|
|
|
836
836
|
// Input) e o mesmo bloco de disabled, com os tokens `--input-bg-disabled` /
|
|
837
837
|
// `--input-border-disabled` em vez de `bg-light-gray-100` — os tokens trocam de valor no
|
|
838
838
|
// tema escuro, a cor fixa nao.
|
|
839
|
-
|
|
839
|
+
// `border-solid` e obrigatorio aqui (o Input nao precisa): o Blueprint declara
|
|
840
|
+
// `.bp6-input { border: none }`, que vence o `border-style: solid` do preflight do
|
|
841
|
+
// Tailwind (seletor `*`). Sem ele a borda tem largura e cor certas mas nao aparece.
|
|
842
|
+
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"}`,
|
|
840
843
|
// left-[1.5px] como no Input: cobre a borda de 0.5px sem deixar fiapo aparecendo.
|
|
841
|
-
icon: `absolute bg-neutral-100 h-[
|
|
844
|
+
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"}`,
|
|
842
845
|
label: "absolute text-label text-sm",
|
|
843
846
|
clear: "absolute top-[8px] right-[8px] cursor-pointer text-label text-[22px]"
|
|
844
847
|
};
|
|
@@ -882,7 +885,7 @@ var DatePickerInput = React6.forwardRef(
|
|
|
882
885
|
id: "icon",
|
|
883
886
|
className: clsx9__default.default(
|
|
884
887
|
styles.icon,
|
|
885
|
-
"flex justify-center items-center text-[20px]
|
|
888
|
+
"flex justify-center items-center text-[20px]"
|
|
886
889
|
),
|
|
887
890
|
children: icon
|
|
888
891
|
}
|
|
@@ -895,7 +898,12 @@ var DatePickerInput = React6.forwardRef(
|
|
|
895
898
|
onError: () => setInvalidDate(true),
|
|
896
899
|
defaultValue: normalizedValue,
|
|
897
900
|
inputProps: {
|
|
898
|
-
className
|
|
901
|
+
// `inputClassName`, nao `className`: o DateInput3 repassa `inputProps` para o
|
|
902
|
+
// InputGroup, e la o `className` vai no wrapper `.bp6-input-group` — o <input>
|
|
903
|
+
// sai so com `bp6-input` e todas as classes daqui viravam letra morta (sem
|
|
904
|
+
// `shadow-input`, sem `input-focus-ring`, sem os estados de disabled). O
|
|
905
|
+
// InputGroup aplica `inputClassName` no proprio <input>.
|
|
906
|
+
inputClassName: styles.input,
|
|
899
907
|
style: { height: "46px" }
|
|
900
908
|
},
|
|
901
909
|
popoverProps: {
|