@vector-business-services/cristal-ds-web 0.17.0 → 0.18.0
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 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +35 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +9 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.js +10 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -136,6 +136,8 @@ var AutoComplete = react.forwardRef(function AutoComplete2({
|
|
|
136
136
|
label,
|
|
137
137
|
hint,
|
|
138
138
|
error,
|
|
139
|
+
dropdown = false,
|
|
140
|
+
dropdownAriaLabel = "Mostrar op\xE7\xF5es",
|
|
139
141
|
inputId,
|
|
140
142
|
required,
|
|
141
143
|
disabled,
|
|
@@ -150,6 +152,7 @@ var AutoComplete = react.forwardRef(function AutoComplete2({
|
|
|
150
152
|
const classes = [
|
|
151
153
|
"cr-field",
|
|
152
154
|
"cr-autocomplete",
|
|
155
|
+
dropdown && "cr-autocomplete--dropdown",
|
|
153
156
|
`cr-field--${variant}`,
|
|
154
157
|
`cr-field--${size}`,
|
|
155
158
|
error && "cr-field--error",
|
|
@@ -170,6 +173,9 @@ var AutoComplete = react.forwardRef(function AutoComplete2({
|
|
|
170
173
|
required,
|
|
171
174
|
disabled,
|
|
172
175
|
scrollHeight: "185px",
|
|
176
|
+
dropdown,
|
|
177
|
+
dropdownAriaLabel,
|
|
178
|
+
dropdownIcon: /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretDown, { className: "cr-autocomplete__dropdown-icon", "aria-hidden": "true" }),
|
|
173
179
|
pt: {
|
|
174
180
|
root: { className: "cr-autocomplete__root" },
|
|
175
181
|
input: {
|
|
@@ -179,6 +185,9 @@ var AutoComplete = react.forwardRef(function AutoComplete2({
|
|
|
179
185
|
"aria-invalid": error ? true : void 0
|
|
180
186
|
}
|
|
181
187
|
},
|
|
188
|
+
// A seta: o botão de dropdown do Prime, por cima do fim do <input> (que segue sendo a caixa,
|
|
189
|
+
// para a lista continuar alinhada ao campo).
|
|
190
|
+
dropdownButton: { root: { className: "cr-autocomplete__dropdown" } },
|
|
182
191
|
// O Prime mostra um spinner próprio enquanto busca; o Figma não define esse estado.
|
|
183
192
|
loadingIcon: { className: "cr-autocomplete__loader" },
|
|
184
193
|
panel: { className: "cr-lista cr-autocomplete__panel" },
|