@everymatrix/general-input 1.22.9 → 1.23.1

package/dist/collection/components/text-input/text-input.css

@@ -18,10 +18,10 @@
   pointer-events: none;
 }
 .text__wrapper--autofilled .text__label {
-  color: #979797;
+  color: var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));
 }
 .text__wrapper--autofilled .text__input::part(input-field) {
-  color: #979797;
+  color: var(--emfe-w-color-black, #000000);
 }
 .text__wrapper--flex {
   display: flex;
@@ -36,42 +36,41 @@
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
-  color: #2A3841;
+  color: var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));
 }
 .text__label--required::after {
   content: "*";
   font-family: inherit;
-  color: #2A3841;
+  color: var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));
   margin-left: 2px;
 }
 .text__input {
-  border-radius: 4px;
-  background-color: transparent;
   font-family: inherit;
-  font-style: normal;
-  font-weight: 300;
+  border-radius: 5px;
+  width: 100%;
+  height: 44px;
+  border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
+  color: var(--emfe-w-color-black, #000000);
+  border-radius: 5px;
+  box-sizing: border-box;
+  padding: 5px 15px;
   font-size: 16px;
-  line-height: 19px;
-  color: #2A2E3F;
-  padding: 10px 20px;
-  width: inherit;
-  position: relative;
-  border: 2px solid #DEE1EE;
+  line-height: 18px;
 }
 .text__input:focus {
-  outline-color: #3E3E3E;
+  outline-color: var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));
 }
 .text__input--invalid {
-  border: 2px solid #cc0000b3;
+  border: 1px solid var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
 }
 .text__input::placeholder {
-  color: #979797;
+  color: var(--emfe-w-color-gray-150, #828282);
 }
 .text__error-message {
   position: absolute;
   top: calc(100% + 5px);
   left: 0;
-  color: #cc0000b3;
+  color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
 }
 .text__tooltip-icon {
   width: 16px;
@@ -81,9 +80,9 @@
   position: absolute;
   top: 0;
   left: 20px;
-  background-color: #FFFFFF;
-  border: 1px solid #B0B0B0;
-  color: #2B2D3F;
+  background-color: var(--emfe-w-color-white, #FFFFFF);
+  border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
+  color: var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));
   padding: 10px;
   border-radius: 5px;
   opacity: 0;

package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.css

@@ -32,7 +32,7 @@
   font-family: inherit;
   font-weight: 400;
   font-size: 16px;
-  color: #2B2D3F;
+  color: var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));
   line-height: 14px;
 }
 .togglecheckbox__label-text {
@@ -42,7 +42,7 @@
   position: absolute;
   top: calc(100% + 5px);
   left: 0;
-  color: #cc0000b3;
+  color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
 }
 .togglecheckbox__tooltip-icon {
   width: 16px;
@@ -52,9 +52,9 @@
   position: absolute;
   top: 0;
   right: 0;
-  background-color: #FFFFFF;
-  border: 1px solid #B0B0B0;
-  color: #2B2D3F;
+  background-color: var(--emfe-w-color-white, #FFFFFF);
+  border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
+  color: var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));
   padding: 10px;
   border-radius: 5px;
   opacity: 0;

package/dist/components/active-mixin.js

@@ -1,4 +1,4 @@
-import { m as microTask, a as DisabledMixin, K as KeyboardMixin } from './field-mixin.js';
+import { n as microTask, a as DisabledMixin, K as KeyboardMixin } from './field-mixin.js';
 
 /**
 @license
@@ -77,7 +77,7 @@ function PASSIVE_TOUCH(eventName) {
 }
 
 // Check for touch-only devices
-const IS_TOUCH_ONLY = navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/u);
+const IS_TOUCH_ONLY = navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/);
 
 // Defined at https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#enabling-and-disabling-form-controls:-the-disabled-attribute
 /** @type {!Object<boolean>} */
@@ -406,9 +406,9 @@ function _add(node, evType, handler) {
  */
 function register(recog) {
   recognizers.push(recog);
-  recog.emits.forEach((emit) => {
-    gestures[emit] = recog;
-  });
+  for (let i = 0; i < recog.emits.length; i++) {
+    gestures[recog.emits[i]] = recog;
+  }
 }
 
 /**
@@ -870,7 +870,7 @@ function trackForward(info, e, preventer) {
 
 /**
  * @license
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */