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

Comparing version 0.2.25 to 0.2.26

dist/cjs/component/Table.js

@@ -10,3 +10,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteral(['\n      <style>\n        @import url(\'https://fonts.googleapis.com/css?family=Heebo\');\n\n.emd-table {\n  border: 1px solid #C3C8D2;\n  border-collapse: collapse;\n  border-radius: 2px;\n  color: #424B54;\n  font-family: \'Heebo\', sans-serif;\n  width: 100%;\n}\n\n.emd-table__header_hidden {\n  display: none;\n}\n\n.emd-table__title {\n  background: #FAFAFC;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  padding: 24px;\n  white-space: nowrap;\n}\n\n.emd-table__row {\n  background: #ffffff;\n}\n\n.emd-table_row_success {\n  border-left: 2px #31cd65;\n}\n\n.emd-table_clickablerows .emd-table__row {\n  cursor: pointer;\n}\n\n.emd-table_clickablerows .emd-table__row:hover {\n  background: #f6fbf4;\n}\n\n.emd-table_clickablerows .emd-table__row:nth-child(2n):hover {\n  background: #f6fbf4;\n}\n\n.emd-table__title + .emd-table__title {\n  border-left: none;\n}\n\n.emd-table__cell {\n  border-top: solid 1px #C3C8D2;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 400;\n  padding: 24px;\n}\n\n.emd-table__cell + .emd-table__cell {\n  border-left: none;\n}\n\n.emd-table__header_hidden + .emd-table__body .emd-table__row:nth-child(1) .emd-table__cell {\n  border-top: solid 1px #ddd;\n}\n\n.emd-table__currency {\n  white-space: nowrap;\n}\n\n.emd-table__symbol {\n  color: #96A0AF;\n  font-size: 12px;\n  padding: 8px;\n  text-align: left;\n}\n\n.emd-table__content {}\n\n.emd-table__content_secondary {\n  color: #96A0AF;\n  display: block;\n  font-size: 12px;\n  text-align: left;\n  white-space: nowrap;\n}\n\n:host {\n  display: block;\n}\n\n      </style>\n      <table class$="emd-table', '">\n        <colgroup>\n          ', '\n        </colgroup>\n        <thead class$="emd-table__header', '">\n          <tr>\n            ', '\n          </tr>\n        </thead>\n        <tbody class="emd-table__body">\n          ', '\n        </tbody>\n      </table>\n    '], ['\n      <style>\n        @import url(\'https://fonts.googleapis.com/css?family=Heebo\');\n\n.emd-table {\n  border: 1px solid #C3C8D2;\n  border-collapse: collapse;\n  border-radius: 2px;\n  color: #424B54;\n  font-family: \'Heebo\', sans-serif;\n  width: 100%;\n}\n\n.emd-table__header_hidden {\n  display: none;\n}\n\n.emd-table__title {\n  background: #FAFAFC;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  padding: 24px;\n  white-space: nowrap;\n}\n\n.emd-table__row {\n  background: #ffffff;\n}\n\n.emd-table_row_success {\n  border-left: 2px #31cd65;\n}\n\n.emd-table_clickablerows .emd-table__row {\n  cursor: pointer;\n}\n\n.emd-table_clickablerows .emd-table__row:hover {\n  background: #f6fbf4;\n}\n\n.emd-table_clickablerows .emd-table__row:nth-child(2n):hover {\n  background: #f6fbf4;\n}\n\n.emd-table__title + .emd-table__title {\n  border-left: none;\n}\n\n.emd-table__cell {\n  border-top: solid 1px #C3C8D2;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 400;\n  padding: 24px;\n}\n\n.emd-table__cell + .emd-table__cell {\n  border-left: none;\n}\n\n.emd-table__header_hidden + .emd-table__body .emd-table__row:nth-child(1) .emd-table__cell {\n  border-top: solid 1px #ddd;\n}\n\n.emd-table__currency {\n  white-space: nowrap;\n}\n\n.emd-table__symbol {\n  color: #96A0AF;\n  font-size: 12px;\n  padding: 8px;\n  text-align: left;\n}\n\n.emd-table__content {}\n\n.emd-table__content_secondary {\n  color: #96A0AF;\n  display: block;\n  font-size: 12px;\n  text-align: left;\n  white-space: nowrap;\n}\n\n:host {\n  display: block;\n}\n\n      </style>\n      <table class$="emd-table', '">\n        <colgroup>\n          ', '\n        </colgroup>\n        <thead class$="emd-table__header', '">\n          <tr>\n            ', '\n          </tr>\n        </thead>\n        <tbody class="emd-table__body">\n          ', '\n        </tbody>\n      </table>\n    ']),
+var _templateObject = _taggedTemplateLiteral(['\n      <style>\n        @import url(\'https://fonts.googleapis.com/css?family=Heebo:400,500\');\n\n.emd-table {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  border: 1px solid #C3C8D2;\n  border-collapse: collapse;\n  border-radius: 2px;\n  color: #424B54;\n  font-family: \'Heebo\', sans-serif;\n  font-size: 12px;\n  line-height: 18px;\n  width: 100%;\n}\n\n.emd-table__header_hidden {\n  display: none;\n}\n\n.emd-table__title {\n  background: #FAFAFC;\n  padding: 16px;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  white-space: nowrap;\n}\n\n.emd-table__row {\n  background: #ffffff;\n}\n\n.emd-table_row_success {\n  border-left: 2px #31cd65;\n}\n\n.emd-table_clickablerows .emd-table__row {\n  cursor: pointer;\n}\n\n.emd-table_clickablerows .emd-table__row:hover {\n  background: #f6fbf4;\n}\n\n.emd-table_clickablerows .emd-table__row:nth-child(2n):hover {\n  background: #f6fbf4;\n}\n\n.emd-table__title + .emd-table__title {\n  border-left: none;\n}\n\n.emd-table__cell {\n  padding: 16px;\n  height: 32px;\n  border-top: solid 1px #C3C8D2;\n  font-weight: 400;\n}\n\n.emd-table__cell + .emd-table__cell {\n  border-left: none;\n}\n\n.emd-table__header_hidden + .emd-table__body .emd-table__row:nth-child(1) .emd-table__cell {\n  border-top: solid 1px #C3C8D2;\n}\n\n.emd-table__currency {\n  white-space: nowrap;\n}\n\n.emd-table__symbol {\n  padding-right: 8px;\n  color: #96A0AF;\n  font-size: 10px;\n  line-height: 12px;\n  text-align: left;\n}\n\n.emd-table__content_secondary {\n  color: #96A0AF;\n  display: block;\n  font-size: 10px;\n  line-height: 12px;\n  text-align: left;\n  white-space: nowrap;\n}\n\n:host {\n  display: block;\n}\n\n      </style>\n      <table class$="emd-table', '">\n        <colgroup>\n          ', '\n        </colgroup>\n        <thead class$="emd-table__header', '">\n          <tr>\n            ', '\n          </tr>\n        </thead>\n        <tbody class="emd-table__body">\n          ', '\n        </tbody>\n      </table>\n    '], ['\n      <style>\n        @import url(\'https://fonts.googleapis.com/css?family=Heebo:400,500\');\n\n.emd-table {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  border: 1px solid #C3C8D2;\n  border-collapse: collapse;\n  border-radius: 2px;\n  color: #424B54;\n  font-family: \'Heebo\', sans-serif;\n  font-size: 12px;\n  line-height: 18px;\n  width: 100%;\n}\n\n.emd-table__header_hidden {\n  display: none;\n}\n\n.emd-table__title {\n  background: #FAFAFC;\n  padding: 16px;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  white-space: nowrap;\n}\n\n.emd-table__row {\n  background: #ffffff;\n}\n\n.emd-table_row_success {\n  border-left: 2px #31cd65;\n}\n\n.emd-table_clickablerows .emd-table__row {\n  cursor: pointer;\n}\n\n.emd-table_clickablerows .emd-table__row:hover {\n  background: #f6fbf4;\n}\n\n.emd-table_clickablerows .emd-table__row:nth-child(2n):hover {\n  background: #f6fbf4;\n}\n\n.emd-table__title + .emd-table__title {\n  border-left: none;\n}\n\n.emd-table__cell {\n  padding: 16px;\n  height: 32px;\n  border-top: solid 1px #C3C8D2;\n  font-weight: 400;\n}\n\n.emd-table__cell + .emd-table__cell {\n  border-left: none;\n}\n\n.emd-table__header_hidden + .emd-table__body .emd-table__row:nth-child(1) .emd-table__cell {\n  border-top: solid 1px #C3C8D2;\n}\n\n.emd-table__currency {\n  white-space: nowrap;\n}\n\n.emd-table__symbol {\n  padding-right: 8px;\n  color: #96A0AF;\n  font-size: 10px;\n  line-height: 12px;\n  text-align: left;\n}\n\n.emd-table__content_secondary {\n  color: #96A0AF;\n  display: block;\n  font-size: 10px;\n  line-height: 12px;\n  text-align: left;\n  white-space: nowrap;\n}\n\n:host {\n  display: block;\n}\n\n      </style>\n      <table class$="emd-table', '">\n        <colgroup>\n          ', '\n        </colgroup>\n        <thead class$="emd-table__header', '">\n          <tr>\n            ', '\n          </tr>\n        </thead>\n        <tbody class="emd-table__body">\n          ', '\n        </tbody>\n      </table>\n    ']),
     _templateObject2 = _taggedTemplateLiteral(['\n            <col style$="width: ', ';"></col>\n          '], ['\n            <col style$="width: ', ';"></col>\n          ']),
@@ -13,0 +13,0 @@ _templateObject3 = _taggedTemplateLiteral(['\n              <th\n                class="emd-table__title"\n                style$="text-align: ', ';">\n                ', '\n              </th>\n            '], ['\n              <th\n                class="emd-table__title"\n                style$="text-align: ', ';">\n                ', '\n              </th>\n            ']),

dist/es/component/Table.js

@@ -136,5 +136,8 @@ import { html, SlingElement, repeat } from 'sling-web-framework/dist/es';
       <style>
-        @import url('https://fonts.googleapis.com/css?family=Heebo');
+        @import url('https://fonts.googleapis.com/css?family=Heebo:400,500');
 
 .emd-table {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
   border: 1px solid #C3C8D2;
@@ -145,2 +148,4 @@ border-collapse: collapse;
   font-family: 'Heebo', sans-serif;
+  font-size: 12px;
+  line-height: 18px;
   width: 100%;
@@ -155,6 +160,5 @@ }
   background: #FAFAFC;
-  font-size: 16px;
+  padding: 16px;
   font-weight: 500;
-  line-height: 24px;
-  padding: 24px;
+  letter-spacing: 0.025em;
   white-space: nowrap;
@@ -188,7 +192,6 @@ }
 .emd-table__cell {
+  padding: 16px;
+  height: 32px;
   border-top: solid 1px #C3C8D2;
-  font-size: 16px;
-  line-height: 24px;
   font-weight: 400;
-  padding: 24px;
 }
@@ -201,3 +204,3 @@
 .emd-table__header_hidden + .emd-table__body .emd-table__row:nth-child(1) .emd-table__cell {
-  border-top: solid 1px #ddd;
+  border-top: solid 1px #C3C8D2;
 }
@@ -210,14 +213,14 @@
 .emd-table__symbol {
+  padding-right: 8px;
   color: #96A0AF;
-  font-size: 12px;
-  padding: 8px;
+  font-size: 10px;
+  line-height: 12px;
   text-align: left;
 }
 
-.emd-table__content {}
-
 .emd-table__content_secondary {
   color: #96A0AF;
   display: block;
-  font-size: 12px;
+  font-size: 10px;
+  line-height: 12px;
   text-align: left;
@@ -224,0 +227,0 @@ white-space: nowrap;

package.json

 {
   "name": "sling-web-component-table",
-  "version": "0.2.25",
+  "version": "0.2.26",
   "description": "Sling Table component",
@@ -28,6 +28,6 @@ "author": "Stone Pagamentos",
   "dependencies": {
-    "sling-web-component-brand-icon": "^0.2.25",
-    "sling-web-framework": "^0.2.25",
+    "sling-web-component-brand-icon": "^0.2.26",
+    "sling-web-framework": "^0.2.26",
     "sling-web-helpers": "^0.2.25"
   }
 }

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

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

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

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

Total package byte prevSize

24755

increased by1.75%

Lines of code

430

increased by1.18%

Dependency changes

• Updatedsling-web-component-brand-icon@^0.2.26

• Updatedsling-web-framework@^0.2.26