quintessential-ui
Advanced tools
Comparing version 0.0.14 to 0.0.15
@@ -26,3 +26,7 @@ 'use strict'; | ||
let transparentBackgroundColor = this.backgroundColor + '56'; | ||
return (core.h(core.Host, { style: { backgroundColor: this.backgroundColor, color: this.textColor } }, core.h("div", { class: 'div-main', style: { boxShadow: `0 0 20px ${transparentBackgroundColor}` }, onClick: () => this.itemClicked() }, this.icon ? core.h("img", { class: "icon", src: this.icon, alt: '' }) : '', core.h("div", { class: 'div-bottom' }, core.h("hr", { style: { color: transparentTextColor } }), core.h("span", null, this.text), core.h("svg", { class: 'icon-bottom', width: "36", height: "9", viewBox: "0 0 36 9" }, core.h("path", { d: "M32.2555 0.540138L35.8352 3.99695C36.0549 4.20908 36.0549 4.55301 35.8352 4.76513L32.2555 8.22195C32.0359 8.43407 31.6797 8.43407 31.46 8.22195C31.2404 8.00982 31.2404 7.66589 31.46 7.45377L34.0795 4.92423H0V3.83786H34.0795L31.46 1.30832C31.2404 1.09619 31.2404 0.752265 31.46 0.540138C31.6797 0.328011 32.0359 0.328011 32.2555 0.540138Z", fill: this.textColor })))), core.h("slot", null))); | ||
return (core.h(core.Host, null, core.h("div", { class: 'div-main', style: { | ||
backgroundColor: this.backgroundColor, | ||
color: this.textColor, | ||
boxShadow: `0 0 20px ${transparentBackgroundColor}` | ||
}, onClick: () => this.itemClicked() }, this.icon ? core.h("img", { class: "icon", src: this.icon, alt: '' }) : '', core.h("div", { class: 'div-bottom' }, core.h("hr", { style: { color: transparentTextColor } }), core.h("span", null, this.text), core.h("svg", { class: 'icon-bottom', width: "36", height: "9", viewBox: "0 0 36 9" }, core.h("path", { d: "M32.2555 0.540138L35.8352 3.99695C36.0549 4.20908 36.0549 4.55301 35.8352 4.76513L32.2555 8.22195C32.0359 8.43407 31.6797 8.43407 31.46 8.22195C31.2404 8.00982 31.2404 7.66589 31.46 7.45377L34.0795 4.92423H0V3.83786H34.0795L31.46 1.30832C31.2404 1.09619 31.2404 0.752265 31.46 0.540138C31.6797 0.328011 32.0359 0.328011 32.2555 0.540138Z", fill: this.textColor })))), core.h("slot", null))); | ||
} | ||
@@ -29,0 +33,0 @@ get el() { return core.getElement(this); } |
{ | ||
"entries": [ | ||
"components/product-card/product-card.js", | ||
"components/icon-button/icon-button.js", | ||
"components/button/button.js", | ||
"components/icon-button/icon-button.js", | ||
"components/carousel/carousel.js", | ||
"components/footer/footer.js", | ||
"components/nav-header/nav-header.js", | ||
"components/product-card/product-card.js", | ||
"components/testimonial/testimonial.js" | ||
@@ -10,0 +10,0 @@ ], |
@@ -20,4 +20,8 @@ import { h, Host } from "@stencil/core"; | ||
let transparentBackgroundColor = this.backgroundColor + '56'; | ||
return (h(Host, { style: { backgroundColor: this.backgroundColor, color: this.textColor } }, | ||
h("div", { class: 'div-main', style: { boxShadow: `0 0 20px ${transparentBackgroundColor}` }, onClick: () => this.itemClicked() }, | ||
return (h(Host, null, | ||
h("div", { class: 'div-main', style: { | ||
backgroundColor: this.backgroundColor, | ||
color: this.textColor, | ||
boxShadow: `0 0 20px ${transparentBackgroundColor}` | ||
}, onClick: () => this.itemClicked() }, | ||
this.icon ? h("img", { class: "icon", src: this.icon, alt: '' }) : '', | ||
@@ -24,0 +28,0 @@ h("div", { class: 'div-bottom' }, |
@@ -22,3 +22,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-07b155ad.js'; | ||
var transparentBackgroundColor = this.backgroundColor + '56'; | ||
return (h(Host, { style: { backgroundColor: this.backgroundColor, color: this.textColor } }, h("div", { class: 'div-main', style: { boxShadow: "0 0 20px " + transparentBackgroundColor }, onClick: function () { return _this.itemClicked(); } }, this.icon ? h("img", { class: "icon", src: this.icon, alt: '' }) : '', h("div", { class: 'div-bottom' }, h("hr", { style: { color: transparentTextColor } }), h("span", null, this.text), h("svg", { class: 'icon-bottom', width: "36", height: "9", viewBox: "0 0 36 9" }, h("path", { d: "M32.2555 0.540138L35.8352 3.99695C36.0549 4.20908 36.0549 4.55301 35.8352 4.76513L32.2555 8.22195C32.0359 8.43407 31.6797 8.43407 31.46 8.22195C31.2404 8.00982 31.2404 7.66589 31.46 7.45377L34.0795 4.92423H0V3.83786H34.0795L31.46 1.30832C31.2404 1.09619 31.2404 0.752265 31.46 0.540138C31.6797 0.328011 32.0359 0.328011 32.2555 0.540138Z", fill: this.textColor })))), h("slot", null))); | ||
return (h(Host, null, h("div", { class: 'div-main', style: { | ||
backgroundColor: this.backgroundColor, | ||
color: this.textColor, | ||
boxShadow: "0 0 20px " + transparentBackgroundColor | ||
}, onClick: function () { return _this.itemClicked(); } }, this.icon ? h("img", { class: "icon", src: this.icon, alt: '' }) : '', h("div", { class: 'div-bottom' }, h("hr", { style: { color: transparentTextColor } }), h("span", null, this.text), h("svg", { class: 'icon-bottom', width: "36", height: "9", viewBox: "0 0 36 9" }, h("path", { d: "M32.2555 0.540138L35.8352 3.99695C36.0549 4.20908 36.0549 4.55301 35.8352 4.76513L32.2555 8.22195C32.0359 8.43407 31.6797 8.43407 31.46 8.22195C31.2404 8.00982 31.2404 7.66589 31.46 7.45377L34.0795 4.92423H0V3.83786H34.0795L31.46 1.30832C31.2404 1.09619 31.2404 0.752265 31.46 0.540138C31.6797 0.328011 32.0359 0.328011 32.2555 0.540138Z", fill: this.textColor })))), h("slot", null))); | ||
}; | ||
@@ -25,0 +29,0 @@ Object.defineProperty(ProductCard.prototype, "el", { |
@@ -22,3 +22,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-07b155ad.js'; | ||
let transparentBackgroundColor = this.backgroundColor + '56'; | ||
return (h(Host, { style: { backgroundColor: this.backgroundColor, color: this.textColor } }, h("div", { class: 'div-main', style: { boxShadow: `0 0 20px ${transparentBackgroundColor}` }, onClick: () => this.itemClicked() }, this.icon ? h("img", { class: "icon", src: this.icon, alt: '' }) : '', h("div", { class: 'div-bottom' }, h("hr", { style: { color: transparentTextColor } }), h("span", null, this.text), h("svg", { class: 'icon-bottom', width: "36", height: "9", viewBox: "0 0 36 9" }, h("path", { d: "M32.2555 0.540138L35.8352 3.99695C36.0549 4.20908 36.0549 4.55301 35.8352 4.76513L32.2555 8.22195C32.0359 8.43407 31.6797 8.43407 31.46 8.22195C31.2404 8.00982 31.2404 7.66589 31.46 7.45377L34.0795 4.92423H0V3.83786H34.0795L31.46 1.30832C31.2404 1.09619 31.2404 0.752265 31.46 0.540138C31.6797 0.328011 32.0359 0.328011 32.2555 0.540138Z", fill: this.textColor })))), h("slot", null))); | ||
return (h(Host, null, h("div", { class: 'div-main', style: { | ||
backgroundColor: this.backgroundColor, | ||
color: this.textColor, | ||
boxShadow: `0 0 20px ${transparentBackgroundColor}` | ||
}, onClick: () => this.itemClicked() }, this.icon ? h("img", { class: "icon", src: this.icon, alt: '' }) : '', h("div", { class: 'div-bottom' }, h("hr", { style: { color: transparentTextColor } }), h("span", null, this.text), h("svg", { class: 'icon-bottom', width: "36", height: "9", viewBox: "0 0 36 9" }, h("path", { d: "M32.2555 0.540138L35.8352 3.99695C36.0549 4.20908 36.0549 4.55301 35.8352 4.76513L32.2555 8.22195C32.0359 8.43407 31.6797 8.43407 31.46 8.22195C31.2404 8.00982 31.2404 7.66589 31.46 7.45377L34.0795 4.92423H0V3.83786H34.0795L31.46 1.30832C31.2404 1.09619 31.2404 0.752265 31.46 0.540138C31.6797 0.328011 32.0359 0.328011 32.2555 0.540138Z", fill: this.textColor })))), h("slot", null))); | ||
} | ||
@@ -25,0 +29,0 @@ get el() { return getElement(this); } |
@@ -1,1 +0,1 @@ | ||
System.register(["./p-8f65068f.system.js"],(function(){"use strict";var o,t;return{setters:[function(r){o=r.p;t=r.b}],execute:function(){o().then((function(o){return t([["p-cohmbmb9.system",[[1,"quint-button",{iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],border:[4],rounded:[1]}]]],["p-b4qretox.system",[[1,"quint-carousel",{timeInterval:[2,"time-interval"],active:[32]}]]],["p-cwck4ltn.system",[[1,"quint-footer",{icon:[1],iconText:[1,"icon-text"],title:[1],background:[1],textColor:[1,"text-color"]}]]],["p-jnp2t7ga.system",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],border:[4],rounded:[1],size:[2]}]]],["p-51uiv8og.system",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"]},[[9,"scroll","handleScroll"]]]]],["p-czzxw4rv.system",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-39b1xngu.system",[[1,"quint-testimonial",{icon:[1]}]]]],o)}))}}})); | ||
System.register(["./p-8f65068f.system.js"],(function(){"use strict";var o,t;return{setters:[function(e){o=e.p;t=e.b}],execute:function(){o().then((function(o){return t([["p-cohmbmb9.system",[[1,"quint-button",{iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],border:[4],rounded:[1]}]]],["p-b4qretox.system",[[1,"quint-carousel",{timeInterval:[2,"time-interval"],active:[32]}]]],["p-cwck4ltn.system",[[1,"quint-footer",{icon:[1],iconText:[1,"icon-text"],title:[1],background:[1],textColor:[1,"text-color"]}]]],["p-jnp2t7ga.system",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],border:[4],rounded:[1],size:[2]}]]],["p-51uiv8og.system",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"]},[[9,"scroll","handleScroll"]]]]],["p-1b7hu8dt.system",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-39b1xngu.system",[[1,"quint-testimonial",{icon:[1]}]]]],o)}))}}})); |
@@ -1,1 +0,1 @@ | ||
import{p as o,b as r}from"./p-f3404ae9.js";o().then(o=>r([["p-mixzsgdu",[[1,"quint-button",{iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],border:[4],rounded:[1]}]]],["p-mnco924u",[[1,"quint-carousel",{timeInterval:[2,"time-interval"],active:[32]}]]],["p-se4nbcww",[[1,"quint-footer",{icon:[1],iconText:[1,"icon-text"],title:[1],background:[1],textColor:[1,"text-color"]}]]],["p-soyq2fil",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],border:[4],rounded:[1],size:[2]}]]],["p-i8ci2u8m",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"]},[[9,"scroll","handleScroll"]]]]],["p-81wfysun",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-9d46qrti",[[1,"quint-testimonial",{icon:[1]}]]]],o)); | ||
import{p as o,b as r}from"./p-f3404ae9.js";o().then(o=>r([["p-mixzsgdu",[[1,"quint-button",{iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],border:[4],rounded:[1]}]]],["p-mnco924u",[[1,"quint-carousel",{timeInterval:[2,"time-interval"],active:[32]}]]],["p-se4nbcww",[[1,"quint-footer",{icon:[1],iconText:[1,"icon-text"],title:[1],background:[1],textColor:[1,"text-color"]}]]],["p-soyq2fil",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],border:[4],rounded:[1],size:[2]}]]],["p-i8ci2u8m",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"]},[[9,"scroll","handleScroll"]]]]],["p-2zziapuu",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-9d46qrti",[[1,"quint-testimonial",{icon:[1]}]]]],o)); |
{ | ||
"name": "quintessential-ui", | ||
"version": "0.0.14", | ||
"version": "0.0.15", | ||
"description": "Quintessential's UI library", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
1260209
18863