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

Comparing version 0.2.32 to 0.2.34

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: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: rgba(0, 0, 0, 0.02);\n  padding: 16px;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  white-space: nowrap;\n}\n\n.emd-table__row {\n  background: transparent;\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__value_negative {\n  color: #E2001E;\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.bullet__status {\n  position: relative;\n  padding-left: 10px;\n}\n\n.bullet__status:before {\n  content: \'\u2022\';\n  position: absolute;\n  font-size: 1.6em;\n  left: -6px;\n}\n\n.bullet__status_1 {\n  color: var(--calendar-status-1-color, #F9BF09);\n}\n\n.bullet__status_2 {\n  color: var(--calendar-status-2-color, #B9C3CC);\n}\n\n.bullet__status_3 {\n  color: var(--calendar-status-3-color, #C7352E);\n}\n\n.bullet__status_4 {\n  color: var(--calendar-status-4-color, #31CD65);\n}\n\n.bullet__status_secondary {\n  padding-left: 10px;\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: rgba(0, 0, 0, 0.02);\n  padding: 16px;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  white-space: nowrap;\n}\n\n.emd-table__row {\n  background: transparent;\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__value_negative {\n  color: #E2001E;\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.bullet__status {\n  position: relative;\n  padding-left: 10px;\n}\n\n.bullet__status:before {\n  content: \'\u2022\';\n  position: absolute;\n  font-size: 1.6em;\n  left: -6px;\n}\n\n.bullet__status_1 {\n  color: var(--calendar-status-1-color, #F9BF09);\n}\n\n.bullet__status_2 {\n  color: var(--calendar-status-2-color, #B9C3CC);\n}\n\n.bullet__status_3 {\n  color: var(--calendar-status-3-color, #C7352E);\n}\n\n.bullet__status_4 {\n  color: var(--calendar-status-4-color, #31CD65);\n}\n\n.bullet__status_secondary {\n  padding-left: 10px;\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  background: var(--emd-table-background-color, transparent);\n}\n\n.emd-table__header_hidden {\n  display: none;\n}\n\n.emd-table__title {\n  background: rgba(0, 0, 0, 0.02);\n  padding: 16px;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  white-space: nowrap;\n}\n\n.emd-table__row {\n  background: transparent;\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__value_negative {\n  color: #E2001E;\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.bullet__status {\n  position: relative;\n  padding-left: 10px;\n}\n\n.bullet__status:before {\n  content: \'\u2022\';\n  position: absolute;\n  font-size: 1.6em;\n  left: -6px;\n}\n\n.bullet__status_1 {\n  color: var(--calendar-status-1-color, #F9BF09);\n}\n\n.bullet__status_2 {\n  color: var(--calendar-status-2-color, #B9C3CC);\n}\n\n.bullet__status_3 {\n  color: var(--calendar-status-3-color, #C7352E);\n}\n\n.bullet__status_4 {\n  color: var(--calendar-status-4-color, #31CD65);\n}\n\n.bullet__status_secondary {\n  padding-left: 10px;\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  background: var(--emd-table-background-color, transparent);\n}\n\n.emd-table__header_hidden {\n  display: none;\n}\n\n.emd-table__title {\n  background: rgba(0, 0, 0, 0.02);\n  padding: 16px;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  white-space: nowrap;\n}\n\n.emd-table__row {\n  background: transparent;\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__value_negative {\n  color: #E2001E;\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.bullet__status {\n  position: relative;\n  padding-left: 10px;\n}\n\n.bullet__status:before {\n  content: \'\u2022\';\n  position: absolute;\n  font-size: 1.6em;\n  left: -6px;\n}\n\n.bullet__status_1 {\n  color: var(--calendar-status-1-color, #F9BF09);\n}\n\n.bullet__status_2 {\n  color: var(--calendar-status-2-color, #B9C3CC);\n}\n\n.bullet__status_3 {\n  color: var(--calendar-status-3-color, #C7352E);\n}\n\n.bullet__status_4 {\n  color: var(--calendar-status-4-color, #31CD65);\n}\n\n.bullet__status_secondary {\n  padding-left: 10px;\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

@@ -147,2 +147,3 @@ import { html, SlingElement, repeat } from 'sling-web-framework/dist/es';
   width: 100%;
+  background: var(--emd-table-background-color, transparent);
 }
@@ -149,0 +150,0 @@

package.json

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

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

26886

increased by0.7%

Lines of code

459

increased by0.22%

Dependency changes

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

• Updatedsling-web-framework@^0.2.34

• Updatedsling-web-helpers@^0.2.34