@tmlmobilidade/ui 20250209.1133.43 → 20250209.1144.56
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/cjs/index.js +10 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +10 -9
- package/dist/esm/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -815,10 +815,11 @@ const themeData = core.createTheme({
|
|
|
815
815
|
PasswordInput: core.PasswordInput.extend({
|
|
816
816
|
classNames: () => {
|
|
817
817
|
const defaultClasses = {
|
|
818
|
-
// PasswordInput is very similar to TextInput.
|
|
819
|
-
//
|
|
820
|
-
//
|
|
821
|
-
//
|
|
818
|
+
// PasswordInput is very similar to TextInput. The only difference is that
|
|
819
|
+
// the 'input' field is wrapped by an outer div, with the class '.input'.
|
|
820
|
+
// The actual 'input' field is named '.innerInput'. It is necessary to
|
|
821
|
+
// map the 'input' field styles to the '.innerInput' class and apply reset styles
|
|
822
|
+
// to the '.input' class, otherwise the input will appear to be rendered twice.
|
|
822
823
|
innerInput: TextInputOverride.input,
|
|
823
824
|
input: PasswordInputOverride.input,
|
|
824
825
|
root: TextInputOverride.root,
|
|
@@ -844,11 +845,11 @@ const themeData = core.createTheme({
|
|
|
844
845
|
classNames: (_, props) => {
|
|
845
846
|
const defaultClasses = {
|
|
846
847
|
...TextInputOverride,
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
848
|
+
...(props.size === 'sm' && TextInputOverrideSm),
|
|
849
|
+
...(props.variant === 'white' && {
|
|
850
|
+
input: TextInputOverrideSm.variantWhite,
|
|
851
|
+
section: TextInputOverrideSm.variantWhite,
|
|
852
|
+
}),
|
|
852
853
|
};
|
|
853
854
|
return defaultClasses;
|
|
854
855
|
},
|