Socket
Socket
Sign inDemoInstall

homebirdscomponents

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

homebirdscomponents - npm Package Compare versions

Comparing version 0.0.2 to 0.0.4

dist/cjs/index-5b633607.js

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 {

'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);
});

@@ -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 @@ };

@@ -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 @@ }; }

@@ -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') {

@@ -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 {

@@ -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);
});

@@ -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 @@ };

@@ -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));
{
"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",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc