homebirdscomponents - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/homebirdscomponents/p-4502b531.entry.js

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

		@@ -7,3 +7,3 @@ 'use strict';

		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}}";
		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;display:flex;align-items:center;justify-content:center}@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/custom-elements/index.js

		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');*{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}}";
		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;display:flex;align-items:center;justify-content:center}@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}}";

		@@ -6,0 +6,0 @@ const TextInputOne = class extends HTMLElement {

dist/esm/ba-text-input-one.entry.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');*{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}}";
		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;display:flex;align-items:center;justify-content:center}@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/homebirdscomponents/homebirdscomponents.esm.js

		@@ -1,1 +0,1 @@
		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-1dbfc107",[[1,"ba-text-input-one",{type:[513],placeholder:[513],value:[1537]}]]]],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-4502b531",[[1,"ba-text-input-one",{type:[513],placeholder:[513],value:[1537]}]]]],e));

package.json

		{
		"name": "homebirdscomponents",
		"version": "0.0.6",
		"version": "0.0.7",
		"description": "Stencil Component Starter",
		@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

dist/homebirdscomponents/p-1dbfc107.entry.js

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

Sorry, the diff of this file is not supported yet

homebirdscomponents - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics