@spectrum-web-components/banner - npm Package Compare versions

Comparing version 0.6.7-lit-next.42 to 0.6.7

custom-elements.json

@@ -108,3 +108,3 @@ {
           "name": "styles",
-          "default": "css`\n:host{display:inline-block;border-radius:var(--spectrum-banner-border-radius,var(--spectrum-global-dimension-static-size-100));padding:var(--spectrum-banner-padding-y,var(--spectrum-global-dimension-static-size-50)) var(--spectrum-banner-padding-x,var(--spectrum-global-dimension-static-size-100));font-size:var(--spectrum-banner-text-size,var(--spectrum-global-dimension-font-size-75));line-height:var(--spectrum-banner-text-line-height,var(--spectrum-alias-heading-text-line-height))}#header{font-weight:700}:host([dir=ltr][corner]){right:-10px}:host([dir=rtl][corner]){left:-10px}:host([corner]){position:absolute;top:-10px}:host{color:var(--spectrum-banner-text-color,var(--spectrum-global-color-static-white))}:host([type=info]){background-color:var(--spectrum-banner-info-background-color,var(--spectrum-semantic-informative-color-default))}:host([type=warning]){background-color:var(--spectrum-banner-warning-background-color,var(--spectrum-semantic-notice-color-default))}:host([type=error]){background-color:var(--spectrum-banner-error-background-color,var(--spectrum-semantic-negative-color-default))}\n`"
+          "default": "css`\n:host{border-radius:var(\n--spectrum-banner-border-radius,var(--spectrum-global-dimension-static-size-100)\n);display:inline-block;font-size:var(\n--spectrum-banner-text-size,var(--spectrum-global-dimension-font-size-75)\n);line-height:var(\n--spectrum-banner-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);padding:var(\n--spectrum-banner-padding-y,var(--spectrum-global-dimension-static-size-50)\n) var(\n--spectrum-banner-padding-x,var(--spectrum-global-dimension-static-size-100)\n)}#header{font-weight:700}:host([dir=ltr][corner]){right:-10px}:host([dir=rtl][corner]){left:-10px}:host([corner]){position:absolute;top:-10px}:host{color:var(\n--spectrum-banner-text-color,var(--spectrum-global-color-static-white)\n)}:host([type=info]){background-color:var(\n--spectrum-banner-info-background-color,var(--spectrum-semantic-informative-color-default)\n)}:host([type=warning]){background-color:var(\n--spectrum-banner-warning-background-color,var(--spectrum-semantic-notice-color-default)\n)}:host([type=error]){background-color:var(\n--spectrum-banner-error-background-color,var(--spectrum-semantic-negative-color-default)\n)}\n`"
         }
@@ -145,3 +145,3 @@ ],
           "name": "styles",
-          "default": "css`\n:host{display:inline-block;border-radius:var(--spectrum-banner-border-radius,var(--spectrum-global-dimension-static-size-100));padding:var(--spectrum-banner-padding-y,var(--spectrum-global-dimension-static-size-50)) var(--spectrum-banner-padding-x,var(--spectrum-global-dimension-static-size-100));font-size:var(--spectrum-banner-text-size,var(--spectrum-global-dimension-font-size-75));line-height:var(--spectrum-banner-text-line-height,var(--spectrum-alias-heading-text-line-height))}#header{font-weight:700}:host([dir=ltr][corner]){right:-10px}:host([dir=rtl][corner]){left:-10px}:host([corner]){position:absolute;top:-10px}:host{color:var(--spectrum-banner-text-color,var(--spectrum-global-color-static-white))}:host([type=info]){background-color:var(--spectrum-banner-info-background-color,var(--spectrum-semantic-informative-color-default))}:host([type=warning]){background-color:var(--spectrum-banner-warning-background-color,var(--spectrum-semantic-notice-color-default))}:host([type=error]){background-color:var(--spectrum-banner-error-background-color,var(--spectrum-semantic-negative-color-default))}\n`"
+          "default": "css`\n:host{border-radius:var(\n--spectrum-banner-border-radius,var(--spectrum-global-dimension-static-size-100)\n);display:inline-block;font-size:var(\n--spectrum-banner-text-size,var(--spectrum-global-dimension-font-size-75)\n);line-height:var(\n--spectrum-banner-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);padding:var(\n--spectrum-banner-padding-y,var(--spectrum-global-dimension-static-size-50)\n) var(\n--spectrum-banner-padding-x,var(--spectrum-global-dimension-static-size-100)\n)}#header{font-weight:700}:host([dir=ltr][corner]){right:-10px}:host([dir=rtl][corner]){left:-10px}:host([corner]){position:absolute;top:-10px}:host{color:var(\n--spectrum-banner-text-color,var(--spectrum-global-color-static-white)\n)}:host([type=info]){background-color:var(\n--spectrum-banner-info-background-color,var(--spectrum-semantic-informative-color-default)\n)}:host([type=warning]){background-color:var(\n--spectrum-banner-warning-background-color,var(--spectrum-semantic-notice-color-default)\n)}:host([type=error]){background-color:var(\n--spectrum-banner-error-background-color,var(--spectrum-semantic-negative-color-default)\n)}\n`"
         }
@@ -148,0 +148,0 @@ ],

package.json

 {
     "name": "@spectrum-web-components/banner",
-    "version": "0.6.7-lit-next.42+f164d1376",
+    "version": "0.6.7",
     "publishConfig": {
@@ -47,3 +47,3 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.4.6-lit-next.124+f164d1376",
+        "@spectrum-web-components/base": "^0.4.5",
         "tslib": "^2.0.0"
@@ -59,3 +59,3 @@ },
     ],
-    "gitHead": "f164d13764897c13e8da5012f3659b294c240c62"
+    "gitHead": "d7f2ca747a902cf8b632cc8491fa675419297180"
 }

src/banner.css.js

@@ -14,5 +14,23 @@ /*
 const styles = css `
-:host{display:inline-block;border-radius:var(--spectrum-banner-border-radius,var(--spectrum-global-dimension-static-size-100));padding:var(--spectrum-banner-padding-y,var(--spectrum-global-dimension-static-size-50)) var(--spectrum-banner-padding-x,var(--spectrum-global-dimension-static-size-100));font-size:var(--spectrum-banner-text-size,var(--spectrum-global-dimension-font-size-75));line-height:var(--spectrum-banner-text-line-height,var(--spectrum-alias-heading-text-line-height))}#header{font-weight:700}:host([dir=ltr][corner]){right:-10px}:host([dir=rtl][corner]){left:-10px}:host([corner]){position:absolute;top:-10px}:host{color:var(--spectrum-banner-text-color,var(--spectrum-global-color-static-white))}:host([type=info]){background-color:var(--spectrum-banner-info-background-color,var(--spectrum-semantic-informative-color-default))}:host([type=warning]){background-color:var(--spectrum-banner-warning-background-color,var(--spectrum-semantic-notice-color-default))}:host([type=error]){background-color:var(--spectrum-banner-error-background-color,var(--spectrum-semantic-negative-color-default))}
+:host{border-radius:var(
+--spectrum-banner-border-radius,var(--spectrum-global-dimension-static-size-100)
+);display:inline-block;font-size:var(
+--spectrum-banner-text-size,var(--spectrum-global-dimension-font-size-75)
+);line-height:var(
+--spectrum-banner-text-line-height,var(--spectrum-alias-heading-text-line-height)
+);padding:var(
+--spectrum-banner-padding-y,var(--spectrum-global-dimension-static-size-50)
+) var(
+--spectrum-banner-padding-x,var(--spectrum-global-dimension-static-size-100)
+)}#header{font-weight:700}:host([dir=ltr][corner]){right:-10px}:host([dir=rtl][corner]){left:-10px}:host([corner]){position:absolute;top:-10px}:host{color:var(
+--spectrum-banner-text-color,var(--spectrum-global-color-static-white)
+)}:host([type=info]){background-color:var(
+--spectrum-banner-info-background-color,var(--spectrum-semantic-informative-color-default)
+)}:host([type=warning]){background-color:var(
+--spectrum-banner-warning-background-color,var(--spectrum-semantic-notice-color-default)
+)}:host([type=error]){background-color:var(
+--spectrum-banner-error-background-color,var(--spectrum-semantic-negative-color-default)
+)}
 `;
 export default styles;
 //# sourceMappingURL=banner.css.js.map

src/spectrum-banner.css.js

@@ -14,5 +14,23 @@ /*
 const styles = css `
-:host{display:inline-block;border-radius:var(--spectrum-banner-border-radius,var(--spectrum-global-dimension-static-size-100));padding:var(--spectrum-banner-padding-y,var(--spectrum-global-dimension-static-size-50)) var(--spectrum-banner-padding-x,var(--spectrum-global-dimension-static-size-100));font-size:var(--spectrum-banner-text-size,var(--spectrum-global-dimension-font-size-75));line-height:var(--spectrum-banner-text-line-height,var(--spectrum-alias-heading-text-line-height))}#header{font-weight:700}:host([dir=ltr][corner]){right:-10px}:host([dir=rtl][corner]){left:-10px}:host([corner]){position:absolute;top:-10px}:host{color:var(--spectrum-banner-text-color,var(--spectrum-global-color-static-white))}:host([type=info]){background-color:var(--spectrum-banner-info-background-color,var(--spectrum-semantic-informative-color-default))}:host([type=warning]){background-color:var(--spectrum-banner-warning-background-color,var(--spectrum-semantic-notice-color-default))}:host([type=error]){background-color:var(--spectrum-banner-error-background-color,var(--spectrum-semantic-negative-color-default))}
+:host{border-radius:var(
+--spectrum-banner-border-radius,var(--spectrum-global-dimension-static-size-100)
+);display:inline-block;font-size:var(
+--spectrum-banner-text-size,var(--spectrum-global-dimension-font-size-75)
+);line-height:var(
+--spectrum-banner-text-line-height,var(--spectrum-alias-heading-text-line-height)
+);padding:var(
+--spectrum-banner-padding-y,var(--spectrum-global-dimension-static-size-50)
+) var(
+--spectrum-banner-padding-x,var(--spectrum-global-dimension-static-size-100)
+)}#header{font-weight:700}:host([dir=ltr][corner]){right:-10px}:host([dir=rtl][corner]){left:-10px}:host([corner]){position:absolute;top:-10px}:host{color:var(
+--spectrum-banner-text-color,var(--spectrum-global-color-static-white)
+)}:host([type=info]){background-color:var(
+--spectrum-banner-info-background-color,var(--spectrum-semantic-informative-color-default)
+)}:host([type=warning]){background-color:var(
+--spectrum-banner-warning-background-color,var(--spectrum-semantic-notice-color-default)
+)}:host([type=error]){background-color:var(
+--spectrum-banner-error-background-color,var(--spectrum-semantic-negative-color-default)
+)}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-banner.css.js.map

stories/banner.stories.js

@@ -12,4 +12,4 @@ /*
 */
-import { spreadProps } from '../../../test/lit-helpers.js';
-import { html } from '@spectrum-web-components/base';
+import { html } from 'lit-html';
+import { spreadProps } from '@open-wc/lit-helpers';
 import '../sp-banner.js';
@@ -110,3 +110,3 @@ export default {
             >
-                <sp-banner ${spreadProps(args)}>
+                <sp-banner ...=${spreadProps(args)}>
                     <div slot="header">${args.header}</div>
@@ -113,0 +113,0 @@ <div slot="content">${args.content}</div>

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Number of low license alerts

5

decreased by-16.67%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

51013

decreased by-19.49%

Number of package files

22

decreased by-15.38%

Lines of code

496

decreased by-12.06%

Dependency changes

• Updated@spectrum-web-components/base@^0.4.5