homebirdscomponents - npm Package Compare versions

Comparing version 0.0.2 to 0.0.4

dist/cjs/ba-text-input-one.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-89bfaf48.js');
+const index = require('./index-5b633607.js');
 
-const textInput1ComponentCss = "@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');*.sc-ba-text-input-one{box-sizing:border-box}#cmp.sc-ba-text-input-one{background:#eee;width:100%;border-radius:25px;padding:5px;border:1px solid transparent;display:flex;align-items:center;transition:0.3s border;margin:10px 0}#input-field-container.sc-ba-text-input-one{position:relative;flex-grow:1;height:30px}#input-field.sc-ba-text-input-one{padding:3px;font-size:18px;border:none;background:transparent;outline:none;margin-left:5px;color:#555;font-family:'Lato', sans-serif;width:100%;position:absolute;left:0;top:0}#placeholder.sc-ba-text-input-one{position:absolute;left:10px;z-index:10;top:50%;transform:translateY(-50%);font-family:'Lato', sans-serif;font-size:18px;color:#555;pointer-events:none}#input-field.sc-ba-text-input-one:not(:placeholder-shown)+#placeholder.sc-ba-text-input-one{visibility:hidden}#input-field.sc-ba-text-input-one:focus+#placeholder.sc-ba-text-input-one{animation:hideplaceholder 0.5s forwards}#input-field.sc-ba-text-input-one:not(:focus)+#placeholder.sc-ba-text-input-one{animation:fadeInPlaceholder 0.5s}#input-field.sc-ba-text-input-one:focus+#icon-area.sc-ba-text-input-one{transform:scale(2)}#cmp.sc-ba-text-input-one:focus-within{border:2px solid #4f62b8}#icon-area.sc-ba-text-input-one{height:35px;width:35px;border-radius:90%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.12);transition:0.3s transform;order:-1}@keyframes hideplaceholder{from{transform:scale(1) translateY(-50%)}to{transform:scale(1.7) translateY(-50%);opacity:0}}@keyframes fadeInPlaceholder{from{transform:scale(1.7) translateY(-50%);opacity:0}to{transform:scale(1) translateY(-50%);opacity:1}}";
+const textInput1ComponentCss = "@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');*{box-sizing:border-box}#cmp{background:#eee;width:100%;border-radius:25px;padding:5px;border:1px solid transparent;display:flex;align-items:center;transition:0.3s border;margin:10px 0}#input-field-container{position:relative;flex-grow:1;height:30px}#input-field{padding:3px;font-size:18px;border:none;background:transparent;outline:none;margin-left:5px;color:#555;font-family:'Lato', sans-serif;width:100%;position:absolute;left:0;top:0}#placeholder{position:absolute;left:10px;z-index:10;top:50%;transform:translateY(-50%);font-family:'Lato', sans-serif;font-size:18px;color:#555;pointer-events:none}#input-field:not(:placeholder-shown)+#placeholder{visibility:hidden}#input-field:focus+#placeholder{animation:hideplaceholder 0.5s forwards}#input-field:not(:focus)+#placeholder{animation:fadeInPlaceholder 0.5s}#input-field:focus+#icon-area{transform:scale(2)}#cmp:focus-within{border:2px solid #4f62b8}#icon-area{height:35px;width:35px;border-radius:90%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.12);transition:0.3s transform;order:-1}@keyframes hideplaceholder{from{transform:scale(1) translateY(-50%)}to{transform:scale(1.7) translateY(-50%);opacity:0}}@keyframes fadeInPlaceholder{from{transform:scale(1.7) translateY(-50%);opacity:0}to{transform:scale(1) translateY(-50%);opacity:1}}";
 
@@ -10,0 +10,0 @@ const TextInputOne = class {

dist/cjs/homebirdscomponents.cjs.js

 'use strict';
 
-const index = require('./index-89bfaf48.js');
+const index = require('./index-5b633607.js');
 
@@ -18,3 +18,3 @@ /*
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ba-text-input-one.cjs",[[6,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1025]}]]]], options);
+  return index.bootstrapLazy([["ba-text-input-one.cjs",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-89bfaf48.js');
+const index = require('./index-5b633607.js');
 
@@ -18,3 +18,3 @@ /*
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ba-text-input-one.cjs",[[6,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1025]}]]]], options);
+  return index.bootstrapLazy([["ba-text-input-one.cjs",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
   });
@@ -21,0 +21,0 @@ };

dist/collection/components/text-input-1/text-input-1.component.js

@@ -18,3 +18,3 @@ import { Component, h, Prop, Event } from '@stencil/core';
   static get is() { return "ba-text-input-one"; }
-  static get encapsulation() { return "scoped"; }
+  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
@@ -76,3 +76,3 @@ "$": ["./text-input-1.component.css"]
       "attribute": "value",
-      "reflect": false
+      "reflect": true
     }
@@ -79,0 +79,0 @@ }; }

dist/custom-elements/index.js

@@ -1,5 +0,5 @@
-import { createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
+import { attachShadow, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath } from '@stencil/core/internal/client';
 
-const textInput1ComponentCss = "@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');*.sc-ba-text-input-one{box-sizing:border-box}#cmp.sc-ba-text-input-one{background:#eee;width:100%;border-radius:25px;padding:5px;border:1px solid transparent;display:flex;align-items:center;transition:0.3s border;margin:10px 0}#input-field-container.sc-ba-text-input-one{position:relative;flex-grow:1;height:30px}#input-field.sc-ba-text-input-one{padding:3px;font-size:18px;border:none;background:transparent;outline:none;margin-left:5px;color:#555;font-family:'Lato', sans-serif;width:100%;position:absolute;left:0;top:0}#placeholder.sc-ba-text-input-one{position:absolute;left:10px;z-index:10;top:50%;transform:translateY(-50%);font-family:'Lato', sans-serif;font-size:18px;color:#555;pointer-events:none}#input-field.sc-ba-text-input-one:not(:placeholder-shown)+#placeholder.sc-ba-text-input-one{visibility:hidden}#input-field.sc-ba-text-input-one:focus+#placeholder.sc-ba-text-input-one{animation:hideplaceholder 0.5s forwards}#input-field.sc-ba-text-input-one:not(:focus)+#placeholder.sc-ba-text-input-one{animation:fadeInPlaceholder 0.5s}#input-field.sc-ba-text-input-one:focus+#icon-area.sc-ba-text-input-one{transform:scale(2)}#cmp.sc-ba-text-input-one:focus-within{border:2px solid #4f62b8}#icon-area.sc-ba-text-input-one{height:35px;width:35px;border-radius:90%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.12);transition:0.3s transform;order:-1}@keyframes hideplaceholder{from{transform:scale(1) translateY(-50%)}to{transform:scale(1.7) translateY(-50%);opacity:0}}@keyframes fadeInPlaceholder{from{transform:scale(1.7) translateY(-50%);opacity:0}to{transform:scale(1) translateY(-50%);opacity:1}}";
+const textInput1ComponentCss = "@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');*{box-sizing:border-box}#cmp{background:#eee;width:100%;border-radius:25px;padding:5px;border:1px solid transparent;display:flex;align-items:center;transition:0.3s border;margin:10px 0}#input-field-container{position:relative;flex-grow:1;height:30px}#input-field{padding:3px;font-size:18px;border:none;background:transparent;outline:none;margin-left:5px;color:#555;font-family:'Lato', sans-serif;width:100%;position:absolute;left:0;top:0}#placeholder{position:absolute;left:10px;z-index:10;top:50%;transform:translateY(-50%);font-family:'Lato', sans-serif;font-size:18px;color:#555;pointer-events:none}#input-field:not(:placeholder-shown)+#placeholder{visibility:hidden}#input-field:focus+#placeholder{animation:hideplaceholder 0.5s forwards}#input-field:not(:focus)+#placeholder{animation:fadeInPlaceholder 0.5s}#input-field:focus+#icon-area{transform:scale(2)}#cmp:focus-within{border:2px solid #4f62b8}#icon-area{height:35px;width:35px;border-radius:90%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.12);transition:0.3s transform;order:-1}@keyframes hideplaceholder{from{transform:scale(1) translateY(-50%)}to{transform:scale(1.7) translateY(-50%);opacity:0}}@keyframes fadeInPlaceholder{from{transform:scale(1.7) translateY(-50%);opacity:0}to{transform:scale(1) translateY(-50%);opacity:1}}";
 
@@ -10,2 +10,3 @@ const TextInputOne = class extends HTMLElement {
     this.__registerHost();
+    attachShadow(this);
     this.inputAdded = createEvent(this, "inputAdded", 7);
@@ -23,3 +24,3 @@ this.onTextInput = (e) => {
 
-const BaTextInputOne = /*@__PURE__*/proxyCustomElement(TextInputOne, [6,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1025]}]);
+const BaTextInputOne = /*@__PURE__*/proxyCustomElement(TextInputOne, [1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]);
 const defineCustomElements = (opts) => {
@@ -26,0 +27,0 @@ if (typeof customElements !== 'undefined') {

dist/esm/ba-text-input-one.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-62fbffac.js';
+import { r as registerInstance, c as createEvent, h } from './index-e865ec5e.js';
 
-const textInput1ComponentCss = "@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');*.sc-ba-text-input-one{box-sizing:border-box}#cmp.sc-ba-text-input-one{background:#eee;width:100%;border-radius:25px;padding:5px;border:1px solid transparent;display:flex;align-items:center;transition:0.3s border;margin:10px 0}#input-field-container.sc-ba-text-input-one{position:relative;flex-grow:1;height:30px}#input-field.sc-ba-text-input-one{padding:3px;font-size:18px;border:none;background:transparent;outline:none;margin-left:5px;color:#555;font-family:'Lato', sans-serif;width:100%;position:absolute;left:0;top:0}#placeholder.sc-ba-text-input-one{position:absolute;left:10px;z-index:10;top:50%;transform:translateY(-50%);font-family:'Lato', sans-serif;font-size:18px;color:#555;pointer-events:none}#input-field.sc-ba-text-input-one:not(:placeholder-shown)+#placeholder.sc-ba-text-input-one{visibility:hidden}#input-field.sc-ba-text-input-one:focus+#placeholder.sc-ba-text-input-one{animation:hideplaceholder 0.5s forwards}#input-field.sc-ba-text-input-one:not(:focus)+#placeholder.sc-ba-text-input-one{animation:fadeInPlaceholder 0.5s}#input-field.sc-ba-text-input-one:focus+#icon-area.sc-ba-text-input-one{transform:scale(2)}#cmp.sc-ba-text-input-one:focus-within{border:2px solid #4f62b8}#icon-area.sc-ba-text-input-one{height:35px;width:35px;border-radius:90%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.12);transition:0.3s transform;order:-1}@keyframes hideplaceholder{from{transform:scale(1) translateY(-50%)}to{transform:scale(1.7) translateY(-50%);opacity:0}}@keyframes fadeInPlaceholder{from{transform:scale(1.7) translateY(-50%);opacity:0}to{transform:scale(1) translateY(-50%);opacity:1}}";
+const textInput1ComponentCss = "@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');*{box-sizing:border-box}#cmp{background:#eee;width:100%;border-radius:25px;padding:5px;border:1px solid transparent;display:flex;align-items:center;transition:0.3s border;margin:10px 0}#input-field-container{position:relative;flex-grow:1;height:30px}#input-field{padding:3px;font-size:18px;border:none;background:transparent;outline:none;margin-left:5px;color:#555;font-family:'Lato', sans-serif;width:100%;position:absolute;left:0;top:0}#placeholder{position:absolute;left:10px;z-index:10;top:50%;transform:translateY(-50%);font-family:'Lato', sans-serif;font-size:18px;color:#555;pointer-events:none}#input-field:not(:placeholder-shown)+#placeholder{visibility:hidden}#input-field:focus+#placeholder{animation:hideplaceholder 0.5s forwards}#input-field:not(:focus)+#placeholder{animation:fadeInPlaceholder 0.5s}#input-field:focus+#icon-area{transform:scale(2)}#cmp:focus-within{border:2px solid #4f62b8}#icon-area{height:35px;width:35px;border-radius:90%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.12);transition:0.3s transform;order:-1}@keyframes hideplaceholder{from{transform:scale(1) translateY(-50%)}to{transform:scale(1.7) translateY(-50%);opacity:0}}@keyframes fadeInPlaceholder{from{transform:scale(1.7) translateY(-50%);opacity:0}to{transform:scale(1) translateY(-50%);opacity:1}}";
 
@@ -5,0 +5,0 @@ const TextInputOne = class {

dist/esm/homebirdscomponents.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-62fbffac.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e865ec5e.js';
 
@@ -16,3 +16,3 @@ /*
 patchBrowser().then(options => {
-  return bootstrapLazy([["ba-text-input-one",[[6,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1025]}]]]], options);
+  return bootstrapLazy([["ba-text-input-one",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
 });

dist/esm/loader.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-62fbffac.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e865ec5e.js';
 
@@ -13,3 +13,3 @@ /*
   return patchEsm().then(() => {
-  return bootstrapLazy([["ba-text-input-one",[[6,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1025]}]]]], options);
+  return bootstrapLazy([["ba-text-input-one",[[1,"ba-text-input-one",{"type":[513],"placeholder":[513],"value":[1537]}]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/homebirdscomponents/homebirdscomponents.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as p}from"./p-c221fdfd.js";(()=>{const p=import.meta.url,t={};return""!==p&&(t.resourcesUrl=new URL(".",p).href),e(t)})().then(e=>p([["p-a38f350f",[[6,"ba-text-input-one",{type:[513],placeholder:[513],value:[1025]}]]]],e));
+import{p as e,b as p}from"./p-69af7087.js";(()=>{const p=import.meta.url,t={};return""!==p&&(t.resourcesUrl=new URL(".",p).href),e(t)})().then(e=>p([["p-5fa8d52c",[[1,"ba-text-input-one",{type:[513],placeholder:[513],value:[1537]}]]]],e));

package.json

 {
   "name": "homebirdscomponents",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Stencil Component Starter",
@@ -26,3 +26,3 @@ "main": "dist/index.cjs.js",
     "@stencil/angular-output-target": "0.0.3",
-    "@stencil/core": "^2.0.0"
+    "@stencil/core": "^2.0.3"
   },
@@ -29,0 +29,0 @@ "license": "MIT",

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

Worsened metrics

Total package byte prevSize

300761

decreased by-10.41%

Lines of code

4574

decreased by-12.91%

Dependency changes

• Updated@stencil/core@^2.0.3