@aurolabs/auro-background - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+# [1.2.0](https://github.com/AlaskaAirlines/aurolabs-background/compare/v1.1.0...v1.2.0) (2021-06-04)
+
+
+### Features
+
+* try with unique scope ([f1985ac](https://github.com/AlaskaAirlines/aurolabs-background/commit/f1985ac78578a1e4afb61507d8643e1b9179baea))
+
 # [1.1.0](https://github.com/AlaskaAirlines/aurolabs-background/compare/v1.0.3...v1.1.0) (2021-06-04)
@@ -4,0 +11,0 @@

dist/auro-background__bundled.js

@@ -172,21 +172,2 @@ /**
  */
-const B=new WeakMap,W=(J=t=>e=>{const s=B.get(e);if(void 0===t&&e instanceof v){if(void 0!==s||!B.has(e)){const t=e.committer.name;e.committer.element.removeAttribute(t)}}else t!==s&&e.setValue(t);B.set(e,t)},(...e)=>{const s=J(...e);return t.set(s,!0),s});var J,D=q`*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}:focus-visible{outline:0}:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.testClass{display:inline-block;padding:1rem;padding:var(--auro-text-body-size-default);border:1px solid #df0b37;border:1px solid var(--auro-color-border-error-on-light);color:#df0b37;color:var(--auro-color-border-error-on-light)}:focus-visible{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}:host(.focus-visible) .testClass{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}`,G=q`:host([fixed]) .testClass{padding:16px}`;class K extends F{constructor(){super(),this.background="transparent",this.minHeight="100%"}static get properties(){return{background:{type:String},backgroundSm:{type:String},backgroundMd:{type:String},backgroundLg:{type:String},minHeight:{type:String},minHeightSm:{type:String},minHeightMd:{type:String},minHeightLg:{type:String}}}static get styles(){return[D,G]}render(){const t=Math.round(1e5*Math.random());return H`
-
-    <style>
-    .bg__${t} {
-      width: auto;
-      min-height: ${this.minHeight};
-      background: ${this.background};
-    }
-
-      ${W(this.backgroundSm?`@media (min-width: 660px) {.bg-sm {background: ${this.backgroundSm};}}`:"")}
-      ${W(this.backgroundMd?`@media (min-width: 1024px) {.bg-md {background: ${this.backgroundMd};}}`:"")}
-      ${W(this.backgroundLg?`@media (min-width: 1232px) {.bg-lg {background: ${this.backgroundLg};}}`:"")}
-      ${W(this.minHeightSm?`@media (min-width: 660px) {.bg-sm {min-height: ${this.minHeightSm};}}`:"")}
-      ${W(this.minHeightMd?`@media (min-width: 1024px) {.bg-md {min-height: ${this.minHeightMd};}}`:"")}
-      ${W(this.minHeightLg?`@media (min-width: 1232px) {.bg-lg {min-height: ${this.minHeightLg};}}`:"")}
-    </style>
-    <div class="bg__${t} bg-sm bg-md bg-lg">
-      <slot></slot>
-    </div>
-    `}}customElements.get("auro-background")||customElements.define("auro-background",K);
+const B=new WeakMap,W=(J=t=>e=>{const s=B.get(e);if(void 0===t&&e instanceof v){if(void 0!==s||!B.has(e)){const t=e.committer.name;e.committer.element.removeAttribute(t)}}else t!==s&&e.setValue(t);B.set(e,t)},(...e)=>{const s=J(...e);return t.set(s,!0),s});var J,D=q`*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}:focus-visible{outline:0}:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.testClass{display:inline-block;padding:1rem;padding:var(--auro-text-body-size-default);border:1px solid #df0b37;border:1px solid var(--auro-color-border-error-on-light);color:#df0b37;color:var(--auro-color-border-error-on-light)}:focus-visible{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}:host(.focus-visible) .testClass{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}`,G=q`:host([fixed]) .testClass{padding:16px}`;class K extends F{constructor(){super(),this.background="transparent",this.minHeight="100%"}static get properties(){return{background:{type:String},backgroundSm:{type:String},backgroundMd:{type:String},backgroundLg:{type:String},minHeight:{type:String},minHeightSm:{type:String},minHeightMd:{type:String},minHeightLg:{type:String}}}static get styles(){return[D,G]}render(){const t=Math.round(1e5*Math.random());return H`<style scope="${t}">.bg{width:auto;min-height:${this.minHeight};background:${this.background}}${W(this.backgroundSm?`@media (min-width: 660px) {.bg-sm {background: ${this.backgroundSm};}}`:"")}${W(this.backgroundMd?`@media (min-width: 1024px) {.bg-md {background: ${this.backgroundMd};}}`:"")}${W(this.backgroundLg?`@media (min-width: 1232px) {.bg-lg {background: ${this.backgroundLg};}}`:"")}${W(this.minHeightSm?`@media (min-width: 660px) {.bg-sm {min-height: ${this.minHeightSm};}}`:"")}${W(this.minHeightMd?`@media (min-width: 1024px) {.bg-md {min-height: ${this.minHeightMd};}}`:"")}${W(this.minHeightLg?`@media (min-width: 1232px) {.bg-lg {min-height: ${this.minHeightLg};}}`:"")}</style><div class="bg bg-sm bg-md bg-lg"><slot></slot></div>`}}customElements.get("auro-background")||customElements.define("auro-background",K);

dist/auro-background.js

@@ -71,4 +71,4 @@ /* eslint-disable no-magic-numbers */
 
-    <style>
-    .bg__${id} {
+    <style scope="${id}">
+    .bg {
       width: auto;
@@ -86,3 +86,3 @@ min-height: ${this.minHeight};
     </style>
-    <div class="bg__${id} bg-sm bg-md bg-lg">
+    <div class="bg bg-sm bg-md bg-lg">
       <slot></slot>
@@ -89,0 +89,0 @@ </div>

package.json

@@ -11,3 +11,3 @@ {
   "name": "@aurolabs/auro-background",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "auro-background HTML custom element",
@@ -14,0 +14,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

322769

increased by0.05%

Worsened metrics

Lines of code

1379

decreased by-1.01%

No dependency changes