@everymatrix/general-input 1.49.2 → 1.50.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/cjs/checkbox-group-input_10.cjs.entry.js +19 -12
- package/dist/cjs/toggle-checkbox-input.cjs.entry.js +1 -1
- package/dist/collection/components/checkbox-group-input/checkbox-group-input.css +8 -8
- package/dist/collection/components/checkbox-input/checkbox-input.css +7 -7
- package/dist/collection/components/date-input/date-input.css +12 -12
- package/dist/collection/components/email-input/email-input.css +13 -13
- package/dist/collection/components/number-input/number-input.css +11 -11
- package/dist/collection/components/password-input/password-input.css +25 -25
- package/dist/collection/components/radio-input/radio-input.css +4 -4
- package/dist/collection/components/select-input/select-input.css +16 -16
- package/dist/collection/components/select-input/select-input.js +9 -2
- package/dist/collection/components/tel-input/tel-input.css +19 -19
- package/dist/collection/components/text-input/text-input.css +14 -14
- package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.css +7 -7
- package/dist/esm/checkbox-group-input_10.entry.js +19 -12
- package/dist/esm/toggle-checkbox-input.entry.js +1 -1
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/general-input/{p-f5ae5ebf.entry.js → p-be9966ea.entry.js} +1 -1
- package/dist/general-input/{p-77266677.entry.js → p-f0ec256d.entry.js} +4 -4
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/select-input/select-input.d.ts +1 -0
- package/package.json +1 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.dev.d.ts +0 -2
|
@@ -14333,7 +14333,7 @@ class CheckboxGroup extends FieldMixin(FocusMixin(DisabledMixin(ElementMixin(The
|
|
|
14333
14333
|
|
|
14334
14334
|
defineCustomElement(CheckboxGroup);
|
|
14335
14335
|
|
|
14336
|
-
const checkboxGroupInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin-checkbox-group{margin-top:5px;margin-left:40px}.checkboxgroup{font-family:\"Roboto\";font-style:normal;font-size:15px}.checkboxgroup__wrapper{position:relative}.checkboxgroup__wrapper--flex{display:flex;gap:5px;align-content:flex-start}.checkboxgroup__wrapper--relative{position:relative;display:inline}.checkboxgroup__input{vertical-align:baseline}.checkboxgroup__input[indeterminate]::part(checkbox)::after,.checkboxgroup__input[indeterminate]::part(checkbox),.checkboxgroup__input[checked]::part(checkbox){background-color:var(--
|
|
14336
|
+
const checkboxGroupInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin-checkbox-group{margin-top:5px;margin-left:40px}.checkboxgroup{font-family:\"Roboto\";font-style:normal;font-size:15px}.checkboxgroup__wrapper{position:relative}.checkboxgroup__wrapper--flex{display:flex;gap:5px;align-content:flex-start}.checkboxgroup__wrapper--relative{position:relative;display:inline}.checkboxgroup__input{vertical-align:baseline}.checkboxgroup__input[indeterminate]::part(checkbox)::after,.checkboxgroup__input[indeterminate]::part(checkbox),.checkboxgroup__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkboxgroup__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;padding-left:10px;vertical-align:baseline}.checkboxgroup__label-text{font-size:16px}.checkboxgroup__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkboxgroup__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.checkboxgroup__tooltip-icon{width:16px;height:auto}.checkboxgroup__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkboxgroup__tooltip.visible{opacity:1}.checkbox__input[indeterminate]::part(checkbox),.checkbox__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}";
|
|
14337
14337
|
const CheckboxGroupInputStyle0 = checkboxGroupInputCss;
|
|
14338
14338
|
|
|
14339
14339
|
const CheckboxGroupInput = class {
|
|
@@ -14451,7 +14451,7 @@ const CheckboxGroupInput = class {
|
|
|
14451
14451
|
};
|
|
14452
14452
|
CheckboxGroupInput.style = CheckboxGroupInputStyle0;
|
|
14453
14453
|
|
|
14454
|
-
const checkboxInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.checkbox{font-family:\"Roboto\";font-style:normal}.checkbox__wrapper{display:flex;gap:10px;position:relative;align-items:baseline}.checkbox__wrapper--relative{position:relative}.checkbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--
|
|
14454
|
+
const checkboxInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.checkbox{font-family:\"Roboto\";font-style:normal}.checkbox__wrapper{display:flex;gap:10px;position:relative;align-items:baseline}.checkbox__wrapper--relative{position:relative}.checkbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.checkbox__label-text{font-size:16px}.checkbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.checkbox__tooltip-icon{width:16px;height:auto}.checkbox__tooltip{position:absolute;top:0;right:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkbox__tooltip.visible{opacity:1}";
|
|
14455
14455
|
const CheckboxInputStyle0 = checkboxInputCss;
|
|
14456
14456
|
|
|
14457
14457
|
const CheckboxInput = class {
|
|
@@ -30503,7 +30503,7 @@ function isBefore(dirtyDate, dirtyDateToCompare) {
|
|
|
30503
30503
|
return date.getTime() < dateToCompare.getTime();
|
|
30504
30504
|
}
|
|
30505
30505
|
|
|
30506
|
-
const dateInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{font-family:\"Roboto\";font-style:normal}.date__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.date__wrapper--autofilled{pointer-events:none}.date__wrapper--autofilled .date__label{color:var(--
|
|
30506
|
+
const dateInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{font-family:\"Roboto\";font-style:normal}.date__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.date__wrapper--autofilled{pointer-events:none}.date__wrapper--autofilled .date__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__wrapper--autofilled .date__input::part(input-field){color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__label--required::after{content:\"*\";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.date__input{border:none;width:inherit;position:relative}.date__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.date__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.date__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:0;height:44px}.date__input>input{padding:5px 15px}.date__input::part(toggle-button){position:relative;right:10px}.date__error-message{position:absolute;top:calc(100% + 5px);left:0;color:rgba(204, 0, 0, 0.7019607843)}.date__tooltip-icon{position:absolute;right:0;bottom:10px}.date__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.date__tooltip.visible{opacity:1}";
|
|
30507
30507
|
const DateInputStyle0 = dateInputCss;
|
|
30508
30508
|
|
|
30509
30509
|
const DateInput = class {
|
|
@@ -30655,7 +30655,7 @@ const DateInput = class {
|
|
|
30655
30655
|
};
|
|
30656
30656
|
DateInput.style = DateInputStyle0;
|
|
30657
30657
|
|
|
30658
|
-
const emailInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email{font-family:\"Roboto\";font-style:normal}.email__wrapper{position:relative;width:100%}.email__wrapper--autofilled{pointer-events:none}.email__wrapper--autofilled .email__label{color:var(--
|
|
30658
|
+
const emailInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email{font-family:\"Roboto\";font-style:normal}.email__wrapper{position:relative;width:100%}.email__wrapper--autofilled{pointer-events:none}.email__wrapper--autofilled .email__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.email__wrapper--autofilled .email__input{color:var(--emw--color-black, #000000)}.email__wrapper--flex{display:flex;gap:5px}.email__wrapper--relative{position:relative}.email__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.email__label--required::after{content:\"*\";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.email__input{font-family:inherit;border-radius:4px;width:100%;height:40px;border:2px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;font-size:16px;font-weight:300;line-height:1.5;padding:10px}.email__input:focus{outline-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.email__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.email__input::placeholder{color:var(--emw--color-gray-150, #828282)}.email__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.email__tooltip-icon{width:16px;height:auto}.email__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.email__tooltip.visible{opacity:1}";
|
|
30659
30659
|
const EmailInputStyle0 = emailInputCss;
|
|
30660
30660
|
|
|
30661
30661
|
const EmailInput = class {
|
|
@@ -30801,7 +30801,7 @@ const EmailInput = class {
|
|
|
30801
30801
|
};
|
|
30802
30802
|
EmailInput.style = EmailInputStyle0;
|
|
30803
30803
|
|
|
30804
|
-
const numberInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:\"Roboto\";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--
|
|
30804
|
+
const numberInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:\"Roboto\";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__wrapper--autofilled .number__input{color:var(--emw--color-black, #000000)}.number__wrapper--flex{display:flex;gap:5px}.number__wrapper--relative{position:relative}.number__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__label--required::after{content:\"*\";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.number__input{font-family:inherit;border-radius:5px;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;position:relative;-moz-appearance:textfield;}.number__input:focus{outline-color:#3E3E3E}.number__input::-webkit-outer-spin-button,.number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__input::placeholder{color:#979797}.number__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__tooltip-icon{width:16px;height:auto}.number__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.number__tooltip.visible{opacity:1}";
|
|
30805
30805
|
const NumberInputStyle0 = numberInputCss;
|
|
30806
30806
|
|
|
30807
30807
|
const NumberInput = class {
|
|
@@ -32591,7 +32591,7 @@ class PasswordField extends TextField {
|
|
|
32591
32591
|
|
|
32592
32592
|
defineCustomElement(PasswordField);
|
|
32593
32593
|
|
|
32594
|
-
const passwordInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.password{font-family:\"Roboto\";font-style:normal}.password__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.password__wrapper--autofilled{pointer-events:none}.password__wrapper--autofilled .password__label{color:var(--
|
|
32594
|
+
const passwordInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.password{font-family:\"Roboto\";font-style:normal}.password__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.password__wrapper--autofilled{pointer-events:none}.password__wrapper--autofilled .password__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.password__wrapper--autofilled .password__input::part(input-field){color:var(--emw--color-black, #000000)}.password__wrapper--flex{display:flex;gap:5px}.password__wrapper--relative{position:relative}.password__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.password__label--required::after{content:\"*\";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.password__input{width:inherit;border:none}.password__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.password__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.password__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);background-color:var(--emw--color-white, #FFFFFF);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;position:relative;margin-bottom:unset;height:44px;padding:0;width:100%}.password__input::part(reveal-button){position:relative;right:10px}.password__input::part(reveal-button)::before{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.password__input>input{padding:5px 15px}.password__input>input:placeholder-shown{color:var(--emw--color-gray-150, #828282)}.password__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.password__complexity{position:relative;padding:10px;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-top:20px;font-weight:300;background:var(--emw--color-white, #FFFFFF);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:150px;border:1px solid #B0B0B0;}.password__complexity meter{border-color:transparent;}.password__complexity meter[value=\"1\"]::-moz-meter-bar{background-color:var(--emw--color-valid, #48952a)}.password__complexity meter[value=\"1\"]::-webkit-meter-optimum-value{background-color:var(--emw--color-valid, #48952a)}.password__complexity meter:not([value=\"1\"])::-moz-meter-bar{background-color:var(--emw--color-error, #FD2839)}.password__complexity meter:not([value=\"1\"])::-webkit-meter-optimum-value{background-color:var(--emw--color-error, #FD2839)}.password__complexity--strength{display:flex;justify-content:space-evenly;align-items:center}.password__complexity--strength meter::-moz-meter-bar{background:#B0B0B0}.password__complexity--hidden{display:none}.password__complexity--text-bold{font-weight:500}.password__complexity--checkbox{margin-right:5px}.password__complexity:after{content:\"\";position:absolute;width:25px;height:25px;border-top:1px solid var(--emw--color-gray-150, #828282);border-right:0 solid var(--emw--color-gray-150, #828282);border-left:1px solid var(--emw--color-gray-150, #828282);border-bottom:0 solid var(--emw--color-gray-150, #828282);bottom:92%;left:50%;margin-left:-25px;transform:rotate(45deg);margin-top:-25px;background-color:var(--emw--color-white, #FFFFFF)}.password__tooltip-icon{width:16px;height:auto}.password__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-150, #828282);color:#2B2D3F;padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.password__tooltip.visible{opacity:1}";
|
|
32595
32595
|
const PasswordInputStyle0 = passwordInputCss;
|
|
32596
32596
|
|
|
32597
32597
|
const PasswordInput = class {
|
|
@@ -32827,7 +32827,7 @@ const PasswordInput = class {
|
|
|
32827
32827
|
};
|
|
32828
32828
|
PasswordInput.style = PasswordInputStyle0;
|
|
32829
32829
|
|
|
32830
|
-
const radioInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--
|
|
32830
|
+
const radioInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.radio__tooltip.visible{opacity:1}";
|
|
32831
32831
|
const RadioInputStyle0 = radioInputCss;
|
|
32832
32832
|
|
|
32833
32833
|
const RadioInput = class {
|
|
@@ -37737,7 +37737,7 @@ class ComboBox extends ComboBoxDataProviderMixin(
|
|
|
37737
37737
|
|
|
37738
37738
|
defineCustomElement(ComboBox);
|
|
37739
37739
|
|
|
37740
|
-
const selectInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%}vaadin-combo-box>input{background-color:var(--
|
|
37740
|
+
const selectInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%}vaadin-combo-box>input{background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-weight:300;font-size:16px;-webkit-font-smoothing:initial;}.select{font-family:\"Roboto\";font-style:normal}.select__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.select__wrapper--autofilled{pointer-events:none}.select__wrapper--autofilled .select__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__wrapper--autofilled .select__input::part(input-field){color:var(--emw--color-black, #000000)}.select__wrapper--flex{display:flex;gap:5px}.select__wrapper--relative{position:relative}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__label--required::after{content:\"*\";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.select__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:var(--emw--color-black, #000000)}.select__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:0;height:44px}.select__input::part(toggle-button){position:relative;right:10px}.select__input>input{padding:5px 15px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__tooltip-icon{width:16px;height:auto}.select__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.select__tooltip.visible{opacity:1}";
|
|
37741
37741
|
const SelectInputStyle0 = selectInputCss;
|
|
37742
37742
|
|
|
37743
37743
|
const SelectInput = class {
|
|
@@ -37761,6 +37761,13 @@ const SelectInput = class {
|
|
|
37761
37761
|
this.errorMessage = this.setErrorMessage();
|
|
37762
37762
|
this.emitValueHandler(true);
|
|
37763
37763
|
};
|
|
37764
|
+
this.handleBlur = (event) => {
|
|
37765
|
+
this.value = event.target.value;
|
|
37766
|
+
this.touched = true;
|
|
37767
|
+
this.isValid = this.setValidity();
|
|
37768
|
+
this.errorMessage = this.setErrorMessage();
|
|
37769
|
+
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
37770
|
+
};
|
|
37764
37771
|
this.setClientStyling = () => {
|
|
37765
37772
|
let sheet = document.createElement('style');
|
|
37766
37773
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -37874,8 +37881,8 @@ const SelectInput = class {
|
|
|
37874
37881
|
if (this.touched) {
|
|
37875
37882
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
37876
37883
|
}
|
|
37877
|
-
return index.h("div", { key: '
|
|
37878
|
-
index.h("img", { key: '
|
|
37884
|
+
return index.h("div", { key: '3d298b9709617233adacd88b8acb7d6298d35627', class: `select__wrapper ${this.autofilled ? 'select__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '9ba53148a200b925da11ad0dea5589e9634ffb03', class: 'select__wrapper--flex' }, index.h("label", { key: 'eb2fa2233926ada4da750e47304325d0d7ea3985', class: 'select__label', htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? '*' : ''}`), index.h("div", { key: '3cbe968f9a7c612d0b8d0517621a933cccd1bd58', class: 'select__wrapper--relative' }, this.tooltip &&
|
|
37885
|
+
index.h("img", { key: '9fa9be645ed72897a95705b0e17b3aee855eb6d4', class: 'select__tooltip-icon', src: tooltipIcon.tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-combo-box", { key: 'f596a5fa5b480791080dfa63359ed30eeabfaa02', name: this.name, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", readOnly: this.autofilled, required: this.validation.mandatory, value: this.defaultValue, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleChange, onBlur: this.handleBlur }), index.h("small", { key: 'a9c652406489ba1d23497c55aa14e7b67fa701bd', class: 'select__error-message' }, this.errorMessage));
|
|
37879
37886
|
}
|
|
37880
37887
|
get element() { return index.getElement(this); }
|
|
37881
37888
|
static get watchers() { return {
|
|
@@ -37885,7 +37892,7 @@ const SelectInput = class {
|
|
|
37885
37892
|
};
|
|
37886
37893
|
SelectInput.style = SelectInputStyle0;
|
|
37887
37894
|
|
|
37888
|
-
const telInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:\"Roboto\";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--
|
|
37895
|
+
const telInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:\"Roboto\";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.tel__wrapper--flex--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:\"*\";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.tel__prefix::part(toggle-button){color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emw--registration-typography, var(--emw--color-black, #000000));background-color:var(--emw--color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emw--color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.tel__tooltip.visible{opacity:1}";
|
|
37889
37896
|
const TelInputStyle0 = telInputCss;
|
|
37890
37897
|
|
|
37891
37898
|
const TelInput = class {
|
|
@@ -38055,7 +38062,7 @@ const TelInput = class {
|
|
|
38055
38062
|
};
|
|
38056
38063
|
TelInput.style = TelInputStyle0;
|
|
38057
38064
|
|
|
38058
|
-
const textInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:\"Roboto\";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--
|
|
38065
|
+
const textInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:\"Roboto\";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__wrapper--autofilled .text__input::part(input-field){color:var(--emw--color-black, #000000)}.text__wrapper--flex{display:flex;gap:5px}.text__wrapper--relative{position:relative}.text__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__label--required::after{content:\"*\";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.text__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.text__input:focus{border:1px solid var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__input::placeholder{color:var(--emw--color-gray-150, #828282)}.text__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__tooltip-icon{width:16px;height:auto}.text__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.text__tooltip.visible{opacity:1}";
|
|
38059
38066
|
const TextInputStyle0 = textInputCss;
|
|
38060
38067
|
|
|
38061
38068
|
const TextInput = class {
|
|
@@ -6,7 +6,7 @@ const index = require('./index-d9883885.js');
|
|
|
6
6
|
const locale_utils = require('./locale.utils-345d0792.js');
|
|
7
7
|
const tooltipIcon = require('./tooltipIcon-7e9ee226.js');
|
|
8
8
|
|
|
9
|
-
const toggleCheckboxInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:\"Roboto\";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--
|
|
9
|
+
const toggleCheckboxInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:\"Roboto\";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}";
|
|
10
10
|
const ToggleCheckboxInputStyle0 = toggleCheckboxInputCss;
|
|
11
11
|
|
|
12
12
|
const ToggleCheckboxInput = class {
|
|
@@ -32,14 +32,14 @@ vaadin-checkbox-group {
|
|
|
32
32
|
vertical-align: baseline;
|
|
33
33
|
}
|
|
34
34
|
.checkboxgroup__input[indeterminate]::part(checkbox)::after, .checkboxgroup__input[indeterminate]::part(checkbox), .checkboxgroup__input[checked]::part(checkbox) {
|
|
35
|
-
background-color: var(--
|
|
35
|
+
background-color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
36
36
|
}
|
|
37
37
|
.checkboxgroup__label {
|
|
38
38
|
font-style: inherit;
|
|
39
39
|
font-family: inherit;
|
|
40
40
|
font-weight: 400;
|
|
41
41
|
font-size: 16px;
|
|
42
|
-
color: var(--
|
|
42
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
43
43
|
line-height: 1.5;
|
|
44
44
|
padding-left: 10px;
|
|
45
45
|
vertical-align: baseline;
|
|
@@ -48,13 +48,13 @@ vaadin-checkbox-group {
|
|
|
48
48
|
font-size: 16px;
|
|
49
49
|
}
|
|
50
50
|
.checkboxgroup__label a {
|
|
51
|
-
color: var(--
|
|
51
|
+
color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
52
52
|
}
|
|
53
53
|
.checkboxgroup__error-message {
|
|
54
54
|
position: absolute;
|
|
55
55
|
top: calc(100% + 5px);
|
|
56
56
|
left: 0;
|
|
57
|
-
color: var(--
|
|
57
|
+
color: var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
58
58
|
}
|
|
59
59
|
.checkboxgroup__tooltip-icon {
|
|
60
60
|
width: 16px;
|
|
@@ -64,9 +64,9 @@ vaadin-checkbox-group {
|
|
|
64
64
|
position: absolute;
|
|
65
65
|
top: 0;
|
|
66
66
|
right: 0;
|
|
67
|
-
background-color: var(--
|
|
68
|
-
border: 1px solid var(--
|
|
69
|
-
color: var(--
|
|
67
|
+
background-color: var(--emw--color-white, #FFFFFF);
|
|
68
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
69
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
70
70
|
padding: 10px;
|
|
71
71
|
border-radius: 5px;
|
|
72
72
|
opacity: 0;
|
|
@@ -78,5 +78,5 @@ vaadin-checkbox-group {
|
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.checkbox__input[indeterminate]::part(checkbox), .checkbox__input[checked]::part(checkbox) {
|
|
81
|
-
background-color: var(--
|
|
81
|
+
background-color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
82
82
|
}
|
|
@@ -22,14 +22,14 @@
|
|
|
22
22
|
.checkbox__input {
|
|
23
23
|
transform: scale(1.307, 1.307);
|
|
24
24
|
margin-left: 2px;
|
|
25
|
-
accent-color: var(--
|
|
25
|
+
accent-color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
26
26
|
}
|
|
27
27
|
.checkbox__label {
|
|
28
28
|
font-style: inherit;
|
|
29
29
|
font-family: inherit;
|
|
30
30
|
font-weight: 400;
|
|
31
31
|
font-size: 16px;
|
|
32
|
-
color: var(--
|
|
32
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
33
33
|
line-height: 1.5;
|
|
34
34
|
cursor: pointer;
|
|
35
35
|
padding: 0;
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
font-size: 16px;
|
|
39
39
|
}
|
|
40
40
|
.checkbox__label a {
|
|
41
|
-
color: var(--
|
|
41
|
+
color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
42
42
|
}
|
|
43
43
|
.checkbox__error-message {
|
|
44
44
|
position: absolute;
|
|
45
45
|
top: calc(100% + 5px);
|
|
46
46
|
left: 0;
|
|
47
|
-
color: var(--
|
|
47
|
+
color: var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
48
48
|
}
|
|
49
49
|
.checkbox__tooltip-icon {
|
|
50
50
|
width: 16px;
|
|
@@ -54,9 +54,9 @@
|
|
|
54
54
|
position: absolute;
|
|
55
55
|
top: 0;
|
|
56
56
|
right: 20px;
|
|
57
|
-
background-color: var(--
|
|
58
|
-
border: 1px solid var(--
|
|
59
|
-
color: var(--
|
|
57
|
+
background-color: var(--emw--color-white, #FFFFFF);
|
|
58
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
59
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
60
60
|
padding: 10px;
|
|
61
61
|
border-radius: 5px;
|
|
62
62
|
opacity: 0;
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
pointer-events: none;
|
|
23
23
|
}
|
|
24
24
|
.date__wrapper--autofilled .date__label {
|
|
25
|
-
color: var(--
|
|
25
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
26
26
|
}
|
|
27
27
|
.date__wrapper--autofilled .date__input::part(input-field) {
|
|
28
|
-
color: var(--
|
|
28
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
29
29
|
}
|
|
30
30
|
.date__label {
|
|
31
31
|
font-family: inherit;
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
font-weight: 500;
|
|
34
34
|
font-size: 16px;
|
|
35
35
|
line-height: 20px;
|
|
36
|
-
color: var(--
|
|
36
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
37
37
|
}
|
|
38
38
|
.date__label--required::after {
|
|
39
39
|
content: "*";
|
|
40
40
|
font-family: inherit;
|
|
41
|
-
color: var(--
|
|
41
|
+
color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
42
42
|
margin-left: 2px;
|
|
43
43
|
}
|
|
44
44
|
.date__input {
|
|
@@ -47,16 +47,16 @@
|
|
|
47
47
|
position: relative;
|
|
48
48
|
}
|
|
49
49
|
.date__input[focused]::part(input-field) {
|
|
50
|
-
border-color: var(--
|
|
50
|
+
border-color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
51
51
|
}
|
|
52
52
|
.date__input[invalid]::part(input-field) {
|
|
53
|
-
border: 1px solid var(--
|
|
53
|
+
border: 1px solid var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
54
54
|
}
|
|
55
55
|
.date__input::part(input-field) {
|
|
56
56
|
border-radius: 4px;
|
|
57
|
-
background-color: var(--
|
|
58
|
-
border: 1px solid var(--
|
|
59
|
-
color: var(--
|
|
57
|
+
background-color: var(--emw--color-white, #FFFFFF);
|
|
58
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
59
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
60
60
|
font-family: inherit;
|
|
61
61
|
font-style: normal;
|
|
62
62
|
font-size: 16px;
|
|
@@ -87,9 +87,9 @@
|
|
|
87
87
|
position: absolute;
|
|
88
88
|
bottom: 35px;
|
|
89
89
|
right: 10px;
|
|
90
|
-
background-color: var(--
|
|
91
|
-
border: 1px solid var(--
|
|
92
|
-
color: var(--
|
|
90
|
+
background-color: var(--emw--color-white, #FFFFFF);
|
|
91
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
92
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
93
93
|
padding: 10px;
|
|
94
94
|
border-radius: 5px;
|
|
95
95
|
opacity: 0;
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
pointer-events: none;
|
|
19
19
|
}
|
|
20
20
|
.email__wrapper--autofilled .email__label {
|
|
21
|
-
color: var(--
|
|
21
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
22
22
|
}
|
|
23
23
|
.email__wrapper--autofilled .email__input {
|
|
24
|
-
color: var(--
|
|
24
|
+
color: var(--emw--color-black, #000000);
|
|
25
25
|
}
|
|
26
26
|
.email__wrapper--flex {
|
|
27
27
|
display: flex;
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
font-weight: 500;
|
|
37
37
|
font-size: 16px;
|
|
38
38
|
line-height: 20px;
|
|
39
|
-
color: var(--
|
|
39
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
40
40
|
}
|
|
41
41
|
.email__label--required::after {
|
|
42
42
|
content: "*";
|
|
43
43
|
font-family: inherit;
|
|
44
|
-
color: var(--
|
|
44
|
+
color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
45
45
|
margin-left: 2px;
|
|
46
46
|
}
|
|
47
47
|
.email__input {
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
border-radius: 4px;
|
|
50
50
|
width: 100%;
|
|
51
51
|
height: 40px;
|
|
52
|
-
border: 2px solid var(--
|
|
53
|
-
color: var(--
|
|
52
|
+
border: 2px solid var(--emw--color-gray-100, #E6E6E6);
|
|
53
|
+
color: var(--emw--color-black, #000000);
|
|
54
54
|
border-radius: 5px;
|
|
55
55
|
box-sizing: border-box;
|
|
56
56
|
font-size: 16px;
|
|
@@ -59,19 +59,19 @@
|
|
|
59
59
|
padding: 10px;
|
|
60
60
|
}
|
|
61
61
|
.email__input:focus {
|
|
62
|
-
outline-color: var(--
|
|
62
|
+
outline-color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
63
63
|
}
|
|
64
64
|
.email__input--invalid {
|
|
65
|
-
border: 1px solid var(--
|
|
65
|
+
border: 1px solid var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
66
66
|
}
|
|
67
67
|
.email__input::placeholder {
|
|
68
|
-
color: var(--
|
|
68
|
+
color: var(--emw--color-gray-150, #828282);
|
|
69
69
|
}
|
|
70
70
|
.email__error-message {
|
|
71
71
|
position: absolute;
|
|
72
72
|
top: calc(100% + 5px);
|
|
73
73
|
left: 0;
|
|
74
|
-
color: var(--
|
|
74
|
+
color: var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
75
75
|
}
|
|
76
76
|
.email__tooltip-icon {
|
|
77
77
|
width: 16px;
|
|
@@ -81,9 +81,9 @@
|
|
|
81
81
|
position: absolute;
|
|
82
82
|
top: 0;
|
|
83
83
|
left: 20px;
|
|
84
|
-
background-color: var(--
|
|
85
|
-
border: 1px solid var(--
|
|
86
|
-
color: var(--
|
|
84
|
+
background-color: var(--emw--color-white, #FFFFFF);
|
|
85
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
86
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
87
87
|
padding: 10px;
|
|
88
88
|
border-radius: 5px;
|
|
89
89
|
opacity: 0;
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
pointer-events: none;
|
|
19
19
|
}
|
|
20
20
|
.number__wrapper--autofilled .number__label {
|
|
21
|
-
color: var(--
|
|
21
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
22
22
|
}
|
|
23
23
|
.number__wrapper--autofilled .number__input {
|
|
24
|
-
color: var(--
|
|
24
|
+
color: var(--emw--color-black, #000000);
|
|
25
25
|
}
|
|
26
26
|
.number__wrapper--flex {
|
|
27
27
|
display: flex;
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
font-weight: 500;
|
|
37
37
|
font-size: 16px;
|
|
38
38
|
line-height: 20px;
|
|
39
|
-
color: var(--
|
|
39
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
40
40
|
}
|
|
41
41
|
.number__label--required::after {
|
|
42
42
|
content: "*";
|
|
43
43
|
font-family: inherit;
|
|
44
|
-
color: var(--
|
|
44
|
+
color: var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));
|
|
45
45
|
margin-left: 2px;
|
|
46
46
|
}
|
|
47
47
|
.number__input {
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
border-radius: 5px;
|
|
50
50
|
width: 100%;
|
|
51
51
|
height: 44px;
|
|
52
|
-
border: 1px solid var(--
|
|
53
|
-
color: var(--
|
|
52
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
53
|
+
color: var(--emw--color-black, #000000);
|
|
54
54
|
border-radius: 5px;
|
|
55
55
|
box-sizing: border-box;
|
|
56
56
|
padding: 5px 15px;
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
margin: 0;
|
|
70
70
|
}
|
|
71
71
|
.number__input--invalid {
|
|
72
|
-
border: 1px solid var(--
|
|
72
|
+
border: 1px solid var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
73
73
|
}
|
|
74
74
|
.number__input::placeholder {
|
|
75
75
|
color: #979797;
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
position: absolute;
|
|
79
79
|
top: calc(100% + 5px);
|
|
80
80
|
left: 0;
|
|
81
|
-
color: var(--
|
|
81
|
+
color: var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
82
82
|
}
|
|
83
83
|
.number__tooltip-icon {
|
|
84
84
|
width: 16px;
|
|
@@ -88,9 +88,9 @@
|
|
|
88
88
|
position: absolute;
|
|
89
89
|
top: 0;
|
|
90
90
|
left: 20px;
|
|
91
|
-
background-color: var(--
|
|
92
|
-
border: 1px solid var(--
|
|
93
|
-
color: var(--
|
|
91
|
+
background-color: var(--emw--color-white, #FFFFFF);
|
|
92
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
93
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
94
94
|
padding: 10px;
|
|
95
95
|
border-radius: 5px;
|
|
96
96
|
opacity: 0;
|