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

Comparing version 1.4.0 to 1.5.0

package.json

 {
   "name": "sling-web-component-select",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Sling Web Component Select",
@@ -11,5 +11,5 @@ "module": "src/index.js",
   "dependencies": {
-    "sling-framework": "^1.4.0",
-    "sling-helpers": "^1.4.0"
+    "sling-framework": "^1.5.0",
+    "sling-helpers": "^1.5.0"
   }
 }

src/component/Select.js

@@ -75,3 +75,98 @@ import { SlingElement, html } from 'sling-framework';
       <style>
-        @import url('sling-web-component-select/src/index.css');
+        .emd-select {
+  border: 1px solid #C3C8D2;
+  border-radius: 2px;
+  box-sizing: border-box;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0;
+  width: 100%;
+  height: 50px;
+  background: #fff;
+}
+
+.emd-select:focus {
+  border: 1px solid #95C93D;
+  color: #2D3844;
+  outline: none;
+}
+
+.emd-select__label {
+  display: block;
+  font-family: 'Heebo', sans-serif;
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 0.4px;
+  line-height: 16px;
+}
+
+.emd-select__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-select {
+  border: 1px solid #2ECC71;
+}
+
+:host([validationstatus="success"]) .emd-select__tips {
+  color: #2ECC71;
+}
+
+:host([validationstatus="warning"]) .emd-select {
+  border: 1px solid #F9BF09;
+}
+
+:host([validationstatus="warning"]) .emd-select__tips {
+  color: #F9BF09;
+}
+
+:host([validationstatus="error"]) .emd-select {
+  border: 1px solid #E74C3C;
+}
+
+:host([validationstatus="error"]) .emd-select__tips {
+ color: #E74C3C;
+}
+
+/* for compatibility */
+
+sling-input {
+  display: block;
+}
+
+sling-input[validationstatus="success"] .emd-select {
+  border: 1px solid #2ECC71;
+}
+
+sling-input[validationstatus="success"] .emd-select__tips {
+  color: #2ECC71;
+}
+
+sling-input[validationstatus="warning"] .emd-select {
+  border: 1px solid #F9BF09;
+}
+
+sling-input[validationstatus="warning"] .emd-select__tips {
+  color: #F9BF09;
+}
+
+sling-input[validationstatus="error"] .emd-select {
+  border: 1px solid #E74C3C;
+}
+
+sling-input[validationstatus="error"] .emd-select__tips {
+ color: #E74C3C;
+}
+
+
       </style>
@@ -78,0 +173,0 @@

No alert changes

Improved metrics

Total package byte prevSize

502850

increased by0.33%

Lines of code

12494

increased by0.6%

Dependency changes

• Updatedsling-framework@^1.5.0

• Updatedsling-helpers@^1.5.0