@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/esm/index.js
CHANGED
@@ -797,10 +797,11 @@ const themeData = createTheme({
|
|
797
797
|
PasswordInput: PasswordInput.extend({
|
798
798
|
classNames: () => {
|
799
799
|
const defaultClasses = {
|
800
|
-
// PasswordInput is very similar to TextInput.
|
801
|
-
//
|
802
|
-
//
|
803
|
-
//
|
800
|
+
// PasswordInput is very similar to TextInput. The only difference is that
|
801
|
+
// the 'input' field is wrapped by an outer div, with the class '.input'.
|
802
|
+
// The actual 'input' field is named '.innerInput'. It is necessary to
|
803
|
+
// map the 'input' field styles to the '.innerInput' class and apply reset styles
|
804
|
+
// to the '.input' class, otherwise the input will appear to be rendered twice.
|
804
805
|
innerInput: TextInputOverride.input,
|
805
806
|
input: PasswordInputOverride.input,
|
806
807
|
root: TextInputOverride.root,
|
@@ -826,11 +827,11 @@ const themeData = createTheme({
|
|
826
827
|
classNames: (_, props) => {
|
827
828
|
const defaultClasses = {
|
828
829
|
...TextInputOverride,
|
829
|
-
|
830
|
-
|
831
|
-
|
832
|
-
|
833
|
-
|
830
|
+
...(props.size === 'sm' && TextInputOverrideSm),
|
831
|
+
...(props.variant === 'white' && {
|
832
|
+
input: TextInputOverrideSm.variantWhite,
|
833
|
+
section: TextInputOverrideSm.variantWhite,
|
834
|
+
}),
|
834
835
|
};
|
835
836
|
return defaultClasses;
|
836
837
|
},
|