nexaas-ui-components 1.0.84 → 1.0.85
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 +9 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +9 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -541,7 +541,9 @@ var Input = ({
|
|
|
541
541
|
const hasError = fieldValidationMessages.some((item) => item !== void 0);
|
|
542
542
|
const [showPassword, setShowPassword] = React5__default.useState(false);
|
|
543
543
|
const styles = {
|
|
544
|
-
|
|
544
|
+
// Sem `focus-visible:rounded-*`: o anel de foco tem que seguir o mesmo raio do campo
|
|
545
|
+
// (`rounded-lg`) — reduzir pra 2px no foco deixava o anel quadrado sobre um campo arredondado.
|
|
546
|
+
input: `text-p-md pl-2 peer text-paragraph bg-surface shadow-input border-[0.5px] rounded-lg outline-none 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 focus-visible:ring-[1.5px] focus-visible:ring-blue-500 focus-visible:ring-offset-[2px] ${label ? "pt-[22px]" : "pt-[10px]"}
|
|
545
547
|
${!hasError ? "border-stroke" : ""}`,
|
|
546
548
|
icon: `absolute bg-neutral-100 h-[44px] top-[1px] left-[1.5px] w-[38px] rounded-l-lg text-[20px] ${hasError ? "text-dangerous-500" : "text-label peer-focus:text-blue-500"} peer-focus:border-blue-500`,
|
|
547
549
|
rightIcon: "absolute h-[44px] top-[1px] right-[1.5px] w-[38px] text-[22px]",
|
|
@@ -3249,7 +3251,9 @@ var customStyles = {
|
|
|
3249
3251
|
border,
|
|
3250
3252
|
boxShadow: state.isDisabled ? "none" : state.isFocused ? "0 0 0 2px var(--surface), 0 0 0 3.5px var(--blue-500)" : "0px 1px 1.5px 0px rgba(56,61,77,0.12)",
|
|
3251
3253
|
outline: "none",
|
|
3252
|
-
|
|
3254
|
+
// Raio fixo: o anel de foco é desenhado por box-shadow, que segue o borderRadius do
|
|
3255
|
+
// control — trocar pra 2px no foco deixava o anel quadrado sobre um campo arredondado.
|
|
3256
|
+
borderRadius: "0.5rem",
|
|
3253
3257
|
placeholder: " ",
|
|
3254
3258
|
height: state.selectProps.smallField ? "30px" : "46px",
|
|
3255
3259
|
backgroundColor: state.isDisabled ? "var(--light-100)" : "var(--surface)",
|
|
@@ -3670,7 +3674,9 @@ var customStyles2 = {
|
|
|
3670
3674
|
border,
|
|
3671
3675
|
boxShadow: state.isDisabled ? "none" : state.isFocused ? "0 0 0 2px var(--surface), 0 0 0 3.5px var(--blue-500)" : "0px 1px 1.5px 0px rgba(56,61,77,0.12)",
|
|
3672
3676
|
outline: "none",
|
|
3673
|
-
|
|
3677
|
+
// Raio fixo: o anel de foco é desenhado por box-shadow, que segue o borderRadius do
|
|
3678
|
+
// control — trocar pra 2px no foco deixava o anel quadrado sobre um campo arredondado.
|
|
3679
|
+
borderRadius: "0.5rem",
|
|
3674
3680
|
placeholder: " ",
|
|
3675
3681
|
height: "46px",
|
|
3676
3682
|
backgroundColor: state.isDisabled ? "var(--input-bg-disabled)" : "var(--surface)",
|