Skip to content

Commit

Permalink
feat(input): input password (#UIM-716) (#821)
Browse files Browse the repository at this point in the history 
* feat(input): input password (#UIM-716)

* added styles and logic for toggle

* chore: try do validation

* added logic for password hint

* added validation onBlur

* fixed error after return focus and retype

* added some tests

* added docs

* added tokens and changed theme in docs to legacy-2017

* updated api

* added hotKey and size tokens

* fixed hint padding

* changed text for length password-hint

* fixed lint error

* added fixes after review

* fixed linter error

* approved new api

* fixed tests

* return default theme in docs to pt-2022

* uncomment dev examples
  • Loading branch information
@lskramarov
lskramarov authored Mar 22, 2022
1 parent e9d67af commit 694fb6f
Show file tree
Hide file tree
Showing 54 changed files with 1,598 additions and 82 deletions.
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
"@angular/core": "^13.1.0",
"@angular/forms": "^13.1.0",
"@angular/platform-browser": "^13.1.0",
"@ptsecurity/mosaic-icons": "6.1.1",
"@ptsecurity/mosaic-icons": "6.2.0",
"core-js": "^3.6.5",
"rxjs": "^6.6.7",
"tslib": "^2.3.1",
Expand Down
19 changes: 19 additions & 0 deletions packages/docs/src/styles/default-theme/_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ $light-color-scheme-warning-default: #a26e0c;
$light-color-scheme-foreground-text: #19252f;
$light-color-scheme-foreground-text-less-contrast: #6d7a86;
$light-color-scheme-foreground-text-disabled: #8c99a5;
$light-color-scheme-foreground-text-error: #db3c55;
$light-color-scheme-foreground-text-success: #016b37;
$light-color-scheme-foreground-divider: #d7dee4;
$light-color-scheme-foreground-border: #bdc7d1;
$light-color-scheme-foreground-icon: #8c99a5;
Expand All @@ -32,6 +34,8 @@ $dark-color-scheme-warning-default: #7e5406;
$dark-color-scheme-foreground-text: #f2f5f9;
$dark-color-scheme-foreground-text-less-contrast: #8c99a5;
$dark-color-scheme-foreground-text-disabled: #6d7a86;
$dark-color-scheme-foreground-text-error: #ea5868;
$dark-color-scheme-foreground-text-success: #319d5c;
$dark-color-scheme-foreground-divider: #333f4a;
$dark-color-scheme-foreground-border: #515e69;
$dark-color-scheme-foreground-icon: #8c99a5;
Expand Down Expand Up @@ -532,6 +536,21 @@ $form-field-size-button-width: 32px;
$form-field-font-default: body;
$form-field-hint-size-margin-top: 4px;
$form-field-hint-font-default: caption;
$form-field-password-hint-light-color-scheme-text-color: #19252f;
$form-field-password-hint-light-color-scheme-icon-color: #19252f;
$form-field-password-hint-light-color-scheme-states-invalid-icon-color: #db3c55;
$form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
$form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
$form-field-password-hint-light-color-scheme-states-valid-icon-color: #016b37;
$form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-icon-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ea5868;
$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
$form-field-password-hint-dark-color-scheme-states-valid-icon-color: #319d5c;
$form-field-password-hint-size-margin-top: 8px;
$form-field-password-hint-size-icon-margin: 4px;
$form-field-password-hint-font-default: caption;
$forms-light-color-scheme-label: #6d7a86;
$forms-light-color-scheme-legend: #19252f;
$forms-dark-color-scheme-label: #8c99a5;
Expand Down
2 changes: 2 additions & 0 deletions packages/docs/src/styles/default-theme/css-tokens.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,6 +76,8 @@
--mc-form-field-size-border-radius: 3px;
--mc-form-field-size-button-width: 32px;
--mc-form-field-hint-size-margin-top: 4px;
--mc-form-field-password-hint-size-margin-top: 8px;
--mc-form-field-password-hint-size-icon-margin: 4px;
--mc-forms-size-horizontal-row-margin-bottom: 20px;
--mc-forms-size-horizontal-label-padding-top: 6px;
--mc-forms-size-horizontal-label-padding-bottom: 0;
Expand Down
19 changes: 19 additions & 0 deletions packages/docs/src/styles/default-theme/tokens.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,8 @@ export const LightColorSchemeWarningPalette = {"40":{"value":"#fff4dd","filePath
export const LightColorSchemeForegroundText = "#19252f";
export const LightColorSchemeForegroundTextLessContrast = "#6d7a86";
export const LightColorSchemeForegroundTextDisabled = "#8c99a5";
export const LightColorSchemeForegroundTextError = "#db3c55";
export const LightColorSchemeForegroundTextSuccess = "#016b37";
export const LightColorSchemeForegroundDivider = "#d7dee4";
export const LightColorSchemeForegroundBorder = "#bdc7d1";
export const LightColorSchemeForegroundIcon = "#8c99a5";
Expand Down Expand Up @@ -45,6 +47,8 @@ export const DarkColorSchemeWarningPalette = {"40":{"value":"#fff4dd","filePath"
export const DarkColorSchemeForegroundText = "#f2f5f9";
export const DarkColorSchemeForegroundTextLessContrast = "#8c99a5";
export const DarkColorSchemeForegroundTextDisabled = "#6d7a86";
export const DarkColorSchemeForegroundTextError = "#ea5868";
export const DarkColorSchemeForegroundTextSuccess = "#319d5c";
export const DarkColorSchemeForegroundDivider = "#333f4a";
export const DarkColorSchemeForegroundBorder = "#515e69";
export const DarkColorSchemeForegroundIcon = "#8c99a5";
Expand Down Expand Up @@ -654,6 +658,21 @@ export const FormFieldSizeButtonWidth = "32px";
export const FormFieldFontDefault = "body";
export const FormFieldHintSizeMarginTop = "4px";
export const FormFieldHintFontDefault = "caption";
export const FormFieldPasswordHintLightColorSchemeTextColor = "#19252f";
export const FormFieldPasswordHintLightColorSchemeIconColor = "#19252f";
export const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#db3c55";
export const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#19252f";
export const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#016b37";
export const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#016b37";
export const FormFieldPasswordHintDarkColorSchemeTextColor = "#f2f5f9";
export const FormFieldPasswordHintDarkColorSchemeIconColor = "#f2f5f9";
export const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#ea5868";
export const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#f2f5f9";
export const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#319d5c";
export const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#319d5c";
export const FormFieldPasswordHintSizeMarginTop = "8px";
export const FormFieldPasswordHintSizeIconMargin = "4px";
export const FormFieldPasswordHintFontDefault = "caption";
export const FormsLightColorSchemeLabel = "#6d7a86";
export const FormsLightColorSchemeLegend = "#19252f";
export const FormsDarkColorSchemeLabel = "#8c99a5";
Expand Down
19 changes: 19 additions & 0 deletions packages/docs/src/styles/green-theme/_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ $light-color-scheme-warning-default: #a26e0c;
$light-color-scheme-foreground-text: #19252f;
$light-color-scheme-foreground-text-less-contrast: #6d7a86;
$light-color-scheme-foreground-text-disabled: #8c99a5;
$light-color-scheme-foreground-text-error: #db3c55;
$light-color-scheme-foreground-text-success: #016b37;
$light-color-scheme-foreground-divider: #d7dee4;
$light-color-scheme-foreground-border: #bdc7d1;
$light-color-scheme-foreground-icon: #8c99a5;
Expand All @@ -32,6 +34,8 @@ $dark-color-scheme-warning-default: #7e5406;
$dark-color-scheme-foreground-text: #f2f5f9;
$dark-color-scheme-foreground-text-less-contrast: #8c99a5;
$dark-color-scheme-foreground-text-disabled: #6d7a86;
$dark-color-scheme-foreground-text-error: #ea5868;
$dark-color-scheme-foreground-text-success: #319d5c;
$dark-color-scheme-foreground-divider: #333f4a;
$dark-color-scheme-foreground-border: #515e69;
$dark-color-scheme-foreground-icon: #8c99a5;
Expand Down Expand Up @@ -532,6 +536,21 @@ $form-field-size-button-width: 32px;
$form-field-font-default: body;
$form-field-hint-size-margin-top: 4px;
$form-field-hint-font-default: caption;
$form-field-password-hint-light-color-scheme-text-color: #19252f;
$form-field-password-hint-light-color-scheme-icon-color: #19252f;
$form-field-password-hint-light-color-scheme-states-invalid-icon-color: #db3c55;
$form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
$form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
$form-field-password-hint-light-color-scheme-states-valid-icon-color: #016b37;
$form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-icon-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ea5868;
$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
$form-field-password-hint-dark-color-scheme-states-valid-icon-color: #319d5c;
$form-field-password-hint-size-margin-top: 8px;
$form-field-password-hint-size-icon-margin: 4px;
$form-field-password-hint-font-default: caption;
$forms-light-color-scheme-label: #6d7a86;
$forms-light-color-scheme-legend: #19252f;
$forms-dark-color-scheme-label: #8c99a5;
Expand Down
2 changes: 2 additions & 0 deletions packages/docs/src/styles/green-theme/css-tokens.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,6 +76,8 @@
--mc-form-field-size-border-radius: 3px;
--mc-form-field-size-button-width: 32px;
--mc-form-field-hint-size-margin-top: 4px;
--mc-form-field-password-hint-size-margin-top: 8px;
--mc-form-field-password-hint-size-icon-margin: 4px;
--mc-forms-size-horizontal-row-margin-bottom: 20px;
--mc-forms-size-horizontal-label-padding-top: 6px;
--mc-forms-size-horizontal-label-padding-bottom: 0;
Expand Down
19 changes: 19 additions & 0 deletions packages/docs/src/styles/green-theme/tokens.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,8 @@ export const LightColorSchemeWarningPalette = {"40":{"value":"#fff4dd","filePath
export const LightColorSchemeForegroundText = "#19252f";
export const LightColorSchemeForegroundTextLessContrast = "#6d7a86";
export const LightColorSchemeForegroundTextDisabled = "#8c99a5";
export const LightColorSchemeForegroundTextError = "#db3c55";
export const LightColorSchemeForegroundTextSuccess = "#016b37";
export const LightColorSchemeForegroundDivider = "#d7dee4";
export const LightColorSchemeForegroundBorder = "#bdc7d1";
export const LightColorSchemeForegroundIcon = "#8c99a5";
Expand Down Expand Up @@ -45,6 +47,8 @@ export const DarkColorSchemeWarningPalette = {"40":{"value":"#fff4dd","filePath"
export const DarkColorSchemeForegroundText = "#f2f5f9";
export const DarkColorSchemeForegroundTextLessContrast = "#8c99a5";
export const DarkColorSchemeForegroundTextDisabled = "#6d7a86";
export const DarkColorSchemeForegroundTextError = "#ea5868";
export const DarkColorSchemeForegroundTextSuccess = "#319d5c";
export const DarkColorSchemeForegroundDivider = "#333f4a";
export const DarkColorSchemeForegroundBorder = "#515e69";
export const DarkColorSchemeForegroundIcon = "#8c99a5";
Expand Down Expand Up @@ -654,6 +658,21 @@ export const FormFieldSizeButtonWidth = "32px";
export const FormFieldFontDefault = "body";
export const FormFieldHintSizeMarginTop = "4px";
export const FormFieldHintFontDefault = "caption";
export const FormFieldPasswordHintLightColorSchemeTextColor = "#19252f";
export const FormFieldPasswordHintLightColorSchemeIconColor = "#19252f";
export const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#db3c55";
export const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#19252f";
export const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#016b37";
export const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#016b37";
export const FormFieldPasswordHintDarkColorSchemeTextColor = "#f2f5f9";
export const FormFieldPasswordHintDarkColorSchemeIconColor = "#f2f5f9";
export const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#ea5868";
export const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#f2f5f9";
export const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#319d5c";
export const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#319d5c";
export const FormFieldPasswordHintSizeMarginTop = "8px";
export const FormFieldPasswordHintSizeIconMargin = "4px";
export const FormFieldPasswordHintFontDefault = "caption";
export const FormsLightColorSchemeLabel = "#6d7a86";
export const FormsLightColorSchemeLegend = "#19252f";
export const FormsDarkColorSchemeLabel = "#8c99a5";
Expand Down
19 changes: 19 additions & 0 deletions packages/docs/src/styles/red-theme/_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ $light-color-scheme-warning-default: #a26e0c;
$light-color-scheme-foreground-text: #19252f;
$light-color-scheme-foreground-text-less-contrast: #6d7a86;
$light-color-scheme-foreground-text-disabled: #8c99a5;
$light-color-scheme-foreground-text-error: #db3c55;
$light-color-scheme-foreground-text-success: #016b37;
$light-color-scheme-foreground-divider: #d7dee4;
$light-color-scheme-foreground-border: #bdc7d1;
$light-color-scheme-foreground-icon: #8c99a5;
Expand All @@ -32,6 +34,8 @@ $dark-color-scheme-warning-default: #7e5406;
$dark-color-scheme-foreground-text: #f2f5f9;
$dark-color-scheme-foreground-text-less-contrast: #8c99a5;
$dark-color-scheme-foreground-text-disabled: #6d7a86;
$dark-color-scheme-foreground-text-error: #ea5868;
$dark-color-scheme-foreground-text-success: #319d5c;
$dark-color-scheme-foreground-divider: #333f4a;
$dark-color-scheme-foreground-border: #515e69;
$dark-color-scheme-foreground-icon: #8c99a5;
Expand Down Expand Up @@ -532,6 +536,21 @@ $form-field-size-button-width: 32px;
$form-field-font-default: body;
$form-field-hint-size-margin-top: 4px;
$form-field-hint-font-default: caption;
$form-field-password-hint-light-color-scheme-text-color: #19252f;
$form-field-password-hint-light-color-scheme-icon-color: #19252f;
$form-field-password-hint-light-color-scheme-states-invalid-icon-color: #db3c55;
$form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
$form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
$form-field-password-hint-light-color-scheme-states-valid-icon-color: #016b37;
$form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-icon-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ea5868;
$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
$form-field-password-hint-dark-color-scheme-states-valid-icon-color: #319d5c;
$form-field-password-hint-size-margin-top: 8px;
$form-field-password-hint-size-icon-margin: 4px;
$form-field-password-hint-font-default: caption;
$forms-light-color-scheme-label: #6d7a86;
$forms-light-color-scheme-legend: #19252f;
$forms-dark-color-scheme-label: #8c99a5;
Expand Down
2 changes: 2 additions & 0 deletions packages/docs/src/styles/red-theme/css-tokens.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,6 +76,8 @@
--mc-form-field-size-border-radius: 3px;
--mc-form-field-size-button-width: 32px;
--mc-form-field-hint-size-margin-top: 4px;
--mc-form-field-password-hint-size-margin-top: 8px;
--mc-form-field-password-hint-size-icon-margin: 4px;
--mc-forms-size-horizontal-row-margin-bottom: 20px;
--mc-forms-size-horizontal-label-padding-top: 6px;
--mc-forms-size-horizontal-label-padding-bottom: 0;
Expand Down
19 changes: 19 additions & 0 deletions packages/docs/src/styles/red-theme/tokens.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,8 @@ export const LightColorSchemeWarningPalette = {"40":{"value":"#fff4dd","filePath
export const LightColorSchemeForegroundText = "#19252f";
export const LightColorSchemeForegroundTextLessContrast = "#6d7a86";
export const LightColorSchemeForegroundTextDisabled = "#8c99a5";
export const LightColorSchemeForegroundTextError = "#db3c55";
export const LightColorSchemeForegroundTextSuccess = "#016b37";
export const LightColorSchemeForegroundDivider = "#d7dee4";
export const LightColorSchemeForegroundBorder = "#bdc7d1";
export const LightColorSchemeForegroundIcon = "#8c99a5";
Expand Down Expand Up @@ -45,6 +47,8 @@ export const DarkColorSchemeWarningPalette = {"40":{"value":"#fff4dd","filePath"
export const DarkColorSchemeForegroundText = "#f2f5f9";
export const DarkColorSchemeForegroundTextLessContrast = "#8c99a5";
export const DarkColorSchemeForegroundTextDisabled = "#6d7a86";
export const DarkColorSchemeForegroundTextError = "#ea5868";
export const DarkColorSchemeForegroundTextSuccess = "#319d5c";
export const DarkColorSchemeForegroundDivider = "#333f4a";
export const DarkColorSchemeForegroundBorder = "#515e69";
export const DarkColorSchemeForegroundIcon = "#8c99a5";
Expand Down Expand Up @@ -654,6 +658,21 @@ export const FormFieldSizeButtonWidth = "32px";
export const FormFieldFontDefault = "body";
export const FormFieldHintSizeMarginTop = "4px";
export const FormFieldHintFontDefault = "caption";
export const FormFieldPasswordHintLightColorSchemeTextColor = "#19252f";
export const FormFieldPasswordHintLightColorSchemeIconColor = "#19252f";
export const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#db3c55";
export const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#19252f";
export const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#016b37";
export const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#016b37";
export const FormFieldPasswordHintDarkColorSchemeTextColor = "#f2f5f9";
export const FormFieldPasswordHintDarkColorSchemeIconColor = "#f2f5f9";
export const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#ea5868";
export const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#f2f5f9";
export const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#319d5c";
export const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#319d5c";
export const FormFieldPasswordHintSizeMarginTop = "8px";
export const FormFieldPasswordHintSizeIconMargin = "4px";
export const FormFieldPasswordHintFontDefault = "caption";
export const FormsLightColorSchemeLabel = "#6d7a86";
export const FormsLightColorSchemeLegend = "#19252f";
export const FormsDarkColorSchemeLabel = "#8c99a5";
Expand Down
19 changes: 19 additions & 0 deletions packages/docs/src/styles/yellow-theme/_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ $light-color-scheme-warning-default: #a26e0c;
$light-color-scheme-foreground-text: #19252f;
$light-color-scheme-foreground-text-less-contrast: #6d7a86;
$light-color-scheme-foreground-text-disabled: #8c99a5;
$light-color-scheme-foreground-text-error: #db3c55;
$light-color-scheme-foreground-text-success: #016b37;
$light-color-scheme-foreground-divider: #d7dee4;
$light-color-scheme-foreground-border: #bdc7d1;
$light-color-scheme-foreground-icon: #8c99a5;
Expand All @@ -32,6 +34,8 @@ $dark-color-scheme-warning-default: #7e5406;
$dark-color-scheme-foreground-text: #f2f5f9;
$dark-color-scheme-foreground-text-less-contrast: #8c99a5;
$dark-color-scheme-foreground-text-disabled: #6d7a86;
$dark-color-scheme-foreground-text-error: #ea5868;
$dark-color-scheme-foreground-text-success: #319d5c;
$dark-color-scheme-foreground-divider: #333f4a;
$dark-color-scheme-foreground-border: #515e69;
$dark-color-scheme-foreground-icon: #8c99a5;
Expand Down Expand Up @@ -532,6 +536,21 @@ $form-field-size-button-width: 32px;
$form-field-font-default: body;
$form-field-hint-size-margin-top: 4px;
$form-field-hint-font-default: caption;
$form-field-password-hint-light-color-scheme-text-color: #19252f;
$form-field-password-hint-light-color-scheme-icon-color: #19252f;
$form-field-password-hint-light-color-scheme-states-invalid-icon-color: #db3c55;
$form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
$form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
$form-field-password-hint-light-color-scheme-states-valid-icon-color: #016b37;
$form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-icon-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ea5868;
$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
$form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
$form-field-password-hint-dark-color-scheme-states-valid-icon-color: #319d5c;
$form-field-password-hint-size-margin-top: 8px;
$form-field-password-hint-size-icon-margin: 4px;
$form-field-password-hint-font-default: caption;
$forms-light-color-scheme-label: #6d7a86;
$forms-light-color-scheme-legend: #19252f;
$forms-dark-color-scheme-label: #8c99a5;
Expand Down
2 changes: 2 additions & 0 deletions packages/docs/src/styles/yellow-theme/css-tokens.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,6 +76,8 @@
--mc-form-field-size-border-radius: 3px;
--mc-form-field-size-button-width: 32px;
--mc-form-field-hint-size-margin-top: 4px;
--mc-form-field-password-hint-size-margin-top: 8px;
--mc-form-field-password-hint-size-icon-margin: 4px;
--mc-forms-size-horizontal-row-margin-bottom: 20px;
--mc-forms-size-horizontal-label-padding-top: 6px;
--mc-forms-size-horizontal-label-padding-bottom: 0;
Expand Down
Loading

0 comments on commit 694fb6f

Please sign in to comment.