sling-web-component-input - npm Package Compare versions

Comparing version 1.8.0 to 1.11.0

package.json

 {
   "name": "sling-web-component-input",
-  "version": "1.8.0",
+  "version": "1.11.0",
   "description": "Sling Input",
@@ -11,5 +11,5 @@ "module": "src/index.js",
     "imask": "^4.0.0",
-    "sling-framework": "^1.8.0",
-    "sling-helpers": "^1.8.0"
+    "sling-framework": "^1.11.0",
+    "sling-helpers": "^1.11.0"
   }
 }

README.md

@@ -6,3 +6,3 @@ # sling-web-component-input
 ```
-npm instal sling-web-component-input 
+npm install sling-web-component-input 
 ```  
@@ -9,0 +9,0 @@

src/component/Input.js

@@ -136,3 +136,3 @@ import { SlingElement, html } from 'sling-framework';
             dispatch(appended, dynamicMasked) {
-              if (appended.length < 15) {
+              if ((dynamicMasked.value + appended).length < 15) {
                 return dynamicMasked.compiledMasks[0];
@@ -143,3 +143,3 @@ }
           });
-          this.maxlength = 15;
+          this.maxlength = 16;
           break;
@@ -170,109 +170,3 @@ }
     <style>
-      .emd-input {
-  border: 1px solid #C3C8D2;
-  box-sizing: border-box;
-  border-radius: 2px;
-  color: #96A0AF;
-  font-family: 'Heebo', sans-serif;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 18px;
-  letter-spacing: 0;
-  padding: 16px;
-  width: 100%;
-}
-
-.emd-input:hover {
-  border: 1px solid #96A0AF;
-  color: #96A0AF;
-}
-
-.emd-input:disabled {
-  background: #FAFAFC;
-  border: 1px solid #EBEBF0;
-  color: #C3C8D2;
-}
-
-.emd-input:focus {
-  border: 1px solid #95C93D;
-  color: #2D3844;
-  outline: none;
-}
-
-.emd-input__label {
-  display: block;
-  font-family: 'Heebo', sans-serif;
-  font-size: 11px;
-  font-weight: 500;
-  letter-spacing: 0.4px;
-  line-height: 16px;
-}
-
-.emd-input__tips {
-  color: #96A0AF;
-  font-family: 'Heebo', sans-serif;
-  font-size: 11px;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 13px;
-}
-
-:host {
-  display: block;
-}
-
-:host([validationstatus="success"]) .emd-input {
-  border: 1px solid #2ECC71;
-}
-
-:host([validationstatus="success"]) .emd-input__tips {
-  color: #2ECC71;
-}
-
-:host([validationstatus="warning"]) .emd-input {
-  border: 1px solid #F9BF09;
-}
-
-:host([validationstatus="warning"]) .emd-input__tips {
-  color: #F9BF09;
-}
-
-:host([validationstatus="error"]) .emd-input {
-  border: 1px solid #E74C3C;
-}
-
-:host([validationstatus="error"]) .emd-input__tips {
- color: #E74C3C;
-}
-
-/* for compatibility */
-
-sling-input {
-  display: block;
-}
-
-sling-input[validationstatus="success"] .emd-input {
-  border: 1px solid #2ECC71;
-}
-
-sling-input[validationstatus="success"] .emd-input__tips {
-  color: #2ECC71;
-}
-
-sling-input[validationstatus="warning"] .emd-input {
-  border: 1px solid #F9BF09;
-}
-
-sling-input[validationstatus="warning"] .emd-input__tips {
-  color: #F9BF09;
-}
-
-sling-input[validationstatus="error"] .emd-input {
-  border: 1px solid #E74C3C;
-}
-
-sling-input[validationstatus="error"] .emd-input__tips {
- color: #E74C3C;
-}
-
+      @import url('sling-web-component-input/src/index.css');
     </style>
@@ -279,0 +173,0 @@

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

15795

decreased by-98.01%

Number of package files

10

decreased by-50%

Lines of code

306

decreased by-98.48%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updatedsling-framework@^1.11.0

• Updatedsling-helpers@^1.11.0