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

Comparing version 1.11.2 to 1.11.3

package.json

 {
   "name": "sling-web-component-message",
-  "version": "1.11.2",
+  "version": "1.11.3",
   "description": "Sling Message",
@@ -10,5 +10,5 @@ "module": "src/index.js",
   "dependencies": {
-    "sling-framework": "^1.11.2",
-    "sling-helpers": "^1.11.2"
+    "sling-framework": "^1.11.3",
+    "sling-helpers": "^1.11.3"
   }
 }

src/component/Message.js

@@ -99,3 +99,122 @@ import { html, SlingElement } from 'sling-framework';
       <style>
-        @import url('sling-web-component-message/src/index.css');
+        @import url('https://fonts.googleapis.com/css?family=Heebo');
+
+* {
+  font-family: 'Heebo', sans-serif;
+}
+
+/* DEFAULT */
+
+.emd-message {
+  border: solid 1px transparent;
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  color: #fff;
+}
+
+.emd-message_list {
+  flex-grow: 1;
+  margin: 0 0 0 10px;
+  list-style: none;
+  padding: 0;
+}
+
+.emd-message_item {
+  display: flex;
+  align-items: center;
+  font-size: .9em;
+}
+
+.emd-message .shape {
+  fill: #fff;
+}
+
+/* DEFAULT ERROR */
+
+.emd-message_aim_error {
+  background: #E74C3C;
+}
+
+/* DEFAULT SUCCESS */
+
+.emd-message_aim_success {
+  background: #2ECC71;
+}
+
+/* DEFAULT ALERT */
+
+.emd-message_aim_alert {
+  background: #FFC00E;
+}
+
+/* DEFAULT STANDBY */
+
+.emd-message_aim_standby {
+  background: #8036DC;
+}
+
+/* OUTLINE */
+
+.emd-message_layout_outline {
+  border: solid 1px #E9ECF0;
+  border-left: inherit;
+  background: #fff;
+  color: #242932;
+}
+
+/* OUTLINE ERROR */
+
+.emd-message_layout_outline.emd-message_aim_error {
+  fill: #E74C3C;
+  border-left: solid 3px #E74C3C;
+}
+
+.emd-message_layout_outline.emd-message_aim_error .shape {
+  fill: #E74C3C;
+}
+
+/* OUTLINE SUCESS */
+
+.emd-message_layout_outline.emd-message_aim_success {
+  fill: #2ECC71;
+  border-left: solid 3px #2ECC71;
+}
+
+.emd-message_layout_outline.emd-message_aim_success .shape {
+  fill: #2ECC71;
+}
+
+/* OUTLINE ALERT */
+
+.emd-message_layout_outline.emd-message_aim_alert {
+  fill: #FFC00E;
+  border-left: solid 3px #FFC00E;
+}
+
+.emd-message_layout_outline.emd-message_aim_alert .shape {
+  fill: #FFC00E;
+}
+
+/* OUTLINE STANDBY */
+
+.emd-message_layout_outline.emd-message_aim_standby {
+  fill: #8036DC;
+  border-left: solid 3px #8036DC;
+}
+
+.emd-message_layout_outline.emd-message_aim_standby .shape {
+  fill: #8036DC;
+}
+
+:host {
+  display: block;
+}
+
+/* for compatibility */
+
+sling-error {
+  display: block;
+}
+
       </style>
@@ -102,0 +221,0 @@ <div className="${className}" style="${!data.length ? 'display: none' : ''}">

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Improved metrics

Total package byte prevSize

520360

increased by0.34%

Lines of code

12623

increased by0.69%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• Updatedsling-framework@^1.11.3

• Updatedsling-helpers@^1.11.3