New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

quintessential-ui

Package Overview
Dependencies
Maintainers
1
Versions
185
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

quintessential-ui - npm Package Compare versions

Comparing version 0.0.23 to 0.0.24

dist/quintessential-ui/p-9fzgulm1.entry.js

2

dist/cjs/quint-product-card.cjs.entry.js

@@ -33,5 +33,5 @@ 'use strict';

get el() { return core.getElement(this); }
static get style() { return "\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400&display=swap\");:host{font-family:Josefin Sans,sans-serif;cursor:pointer}:host .div-main{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;background-color:inherit;width:100%;height:100%;border-radius:26px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host .div-main:hover{-webkit-transform:scale3d(1.02,1.02,1.02);transform:scale3d(1.02,1.02,1.02)}:host .div-bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;font-family:inherit;background-color:transparent;width:100%;position:absolute;bottom:0;left:0}:host img{width:65%;max-height:calc((50% - 124px) * 2);-o-object-fit:contain;object-fit:contain}:host span{font-weight:600;font-size:22px;max-width:75%;text-align:center;height:44px;display:block;display:-webkit-box;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}:host hr{margin-top:0;margin-bottom:16px;border:none;border-top-width:1px;border-top-style:dashed;background-color:transparent;height:1px;width:75%}:host .icon-bottom{margin-top:24px;margin-bottom:24px;width:36px}:host ::slotted(*){display:none}"; }
static get style() { return "\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400&display=swap\");:host{font-family:Josefin Sans,sans-serif;cursor:pointer}:host .div-main{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;background-color:inherit;width:100%;height:100%;border-radius:26px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host .div-main:hover{-webkit-transform:scale3d(1.02,1.02,1.02);transform:scale3d(1.02,1.02,1.02)}:host .div-bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;font-family:inherit;background-color:transparent;width:100%;position:absolute;bottom:0;left:0}:host img{width:65%;max-height:calc((50% - 124px) * 2);-o-object-fit:contain;object-fit:contain}:host img,:host span{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host span{font-weight:600;font-size:22px;max-width:75%;text-align:center;height:44px;display:block;display:-webkit-box;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}:host hr{margin-top:0;margin-bottom:16px;border:none;border-top-width:1px;border-top-style:dashed;background-color:transparent;height:1px;width:75%}:host .icon-bottom,:host hr{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host .icon-bottom{margin-top:24px;margin-bottom:24px;width:36px}:host ::slotted(*){display:none}"; }
};
exports.quint_product_card = ProductCard;
{
"entries": [
"components/nav-header/nav-header.js",
"components/button/button.js",
"components/carousel/carousel.js",
"components/icon-button/icon-button.js",
"components/button/button.js",
"components/product-card/product-card.js",
"components/nav-header/nav-header.js",
"components/testimonial/testimonial.js",

@@ -9,0 +9,0 @@ "components/product-card-grid/product-card-grid.js",

@@ -25,3 +25,3 @@ import {storiesOf} from '@storybook/html';

<quint-product-card
icon="quint-logo.svg"
icon="vespr_logo.png"
text="Recruiting ecosystem"

@@ -51,52 +51,2 @@ background-color="#FFDD00"

}
).add('Grid', () => `
<div style="width: 100vw; height: 100vh; display: flex; justify-content: stretch">
<div style="width: 100%; height: 100%; display: flex; justify-content: stretch; flex-direction: column; margin-right: 16px">
<div style="width: 100%; height: 354px; margin-bottom: 16px">
<quint-product-card
icon="quint-logo.svg"
text="Recruiting ecosystem"
background-color="#0D89EE"
text-color="#FFFFFF"/>
</div>
<div style="width: 100%; height: 414px">
<quint-product-card
icon="quint-logo.svg"
text="Social Network"
background-color="#9326FF"
text-color="#FFFFFF"/>
</div>
</div>
<div style="width: 100%; height: 100%; display: flex; justify-content: stretch; flex-direction: column; margin-right: 16px">
<div style="width: 100%; height: 100%">
<quint-product-card
icon="quint-logo.svg"
text="Full Stack Analytics"
background-color="#025496"
text-color="#FFFFFF"/>
</div>
</div>
<div style="width: 100%; height: 100%; display: flex; justify-content: stretch; flex-direction: column; margin-right: 16px">
<div style="width: 100%; height: 414px; margin-bottom: 16px">
<quint-product-card
icon="quint-logo.svg"
text="Culture Measurement"
background-color="#FFDD00"
text-color="#000000"/>
</div>
<div style="width: 100%; height: 354px">
<quint-product-card
icon="quint-logo.svg"
text="Recycling loyalty system"
background-color="#188571"
text-color="#FFFFFF"/>
</div>
</div>
</div>
`,
{
notes: {
markdown: readme
}
}
);

@@ -34,3 +34,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-07b155ad.js';

Object.defineProperty(ProductCard, "style", {
get: function () { return "\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400&display=swap\");:host{font-family:Josefin Sans,sans-serif;cursor:pointer}:host .div-main{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;background-color:inherit;width:100%;height:100%;border-radius:26px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host .div-main:hover{-webkit-transform:scale3d(1.02,1.02,1.02);transform:scale3d(1.02,1.02,1.02)}:host .div-bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;font-family:inherit;background-color:transparent;width:100%;position:absolute;bottom:0;left:0}:host img{width:65%;max-height:calc((50% - 124px) * 2);-o-object-fit:contain;object-fit:contain}:host span{font-weight:600;font-size:22px;max-width:75%;text-align:center;height:44px;display:block;display:-webkit-box;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}:host hr{margin-top:0;margin-bottom:16px;border:none;border-top-width:1px;border-top-style:dashed;background-color:transparent;height:1px;width:75%}:host .icon-bottom{margin-top:24px;margin-bottom:24px;width:36px}:host ::slotted(*){display:none}"; },
get: function () { return "\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400&display=swap\");:host{font-family:Josefin Sans,sans-serif;cursor:pointer}:host .div-main{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;background-color:inherit;width:100%;height:100%;border-radius:26px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host .div-main:hover{-webkit-transform:scale3d(1.02,1.02,1.02);transform:scale3d(1.02,1.02,1.02)}:host .div-bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;font-family:inherit;background-color:transparent;width:100%;position:absolute;bottom:0;left:0}:host img{width:65%;max-height:calc((50% - 124px) * 2);-o-object-fit:contain;object-fit:contain}:host img,:host span{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host span{font-weight:600;font-size:22px;max-width:75%;text-align:center;height:44px;display:block;display:-webkit-box;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}:host hr{margin-top:0;margin-bottom:16px;border:none;border-top-width:1px;border-top-style:dashed;background-color:transparent;height:1px;width:75%}:host .icon-bottom,:host hr{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host .icon-bottom{margin-top:24px;margin-bottom:24px;width:36px}:host ::slotted(*){display:none}"; },
enumerable: true,

@@ -37,0 +37,0 @@ configurable: true

@@ -29,5 +29,5 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-07b155ad.js';

get el() { return getElement(this); }
static get style() { return "\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400&display=swap\");:host{font-family:Josefin Sans,sans-serif;cursor:pointer}:host .div-main{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;background-color:inherit;width:100%;height:100%;border-radius:26px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host .div-main:hover{-webkit-transform:scale3d(1.02,1.02,1.02);transform:scale3d(1.02,1.02,1.02)}:host .div-bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;font-family:inherit;background-color:transparent;width:100%;position:absolute;bottom:0;left:0}:host img{width:65%;max-height:calc((50% - 124px) * 2);-o-object-fit:contain;object-fit:contain}:host span{font-weight:600;font-size:22px;max-width:75%;text-align:center;height:44px;display:block;display:-webkit-box;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}:host hr{margin-top:0;margin-bottom:16px;border:none;border-top-width:1px;border-top-style:dashed;background-color:transparent;height:1px;width:75%}:host .icon-bottom{margin-top:24px;margin-bottom:24px;width:36px}:host ::slotted(*){display:none}"; }
static get style() { return "\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400&display=swap\");:host{font-family:Josefin Sans,sans-serif;cursor:pointer}:host .div-main{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;background-color:inherit;width:100%;height:100%;border-radius:26px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host .div-main:hover{-webkit-transform:scale3d(1.02,1.02,1.02);transform:scale3d(1.02,1.02,1.02)}:host .div-bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;font-family:inherit;background-color:transparent;width:100%;position:absolute;bottom:0;left:0}:host img{width:65%;max-height:calc((50% - 124px) * 2);-o-object-fit:contain;object-fit:contain}:host img,:host span{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host span{font-weight:600;font-size:22px;max-width:75%;text-align:center;height:44px;display:block;display:-webkit-box;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}:host hr{margin-top:0;margin-bottom:16px;border:none;border-top-width:1px;border-top-style:dashed;background-color:transparent;height:1px;width:75%}:host .icon-bottom,:host hr{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host .icon-bottom{margin-top:24px;margin-bottom:24px;width:36px}:host ::slotted(*){display:none}"; }
};
export { ProductCard as quint_product_card };

@@ -1,1 +0,1 @@

System.register(["./p-8f65068f.system.js"],(function(){"use strict";var t,o;return{setters:[function(r){t=r.p;o=r.b}],execute:function(){t().then((function(t){return o([["p-b2pdrhhs.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-vcnphozt.system",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],border:[4],rounded:[1],size:[2]}]]],["p-9lz8vldk.system",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"]},[[9,"scroll","handleScroll"]]]]],["p-snppcn5f.system",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-ce9cwjhj.system",[[1,"quint-product-card-grid"]]],["p-39b1xngu.system",[[1,"quint-testimonial",{icon:[1]}]]]],t)}))}}}));
System.register(["./p-8f65068f.system.js"],(function(){"use strict";var t,o;return{setters:[function(r){t=r.p;o=r.b}],execute:function(){t().then((function(t){return o([["p-b2pdrhhs.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-vcnphozt.system",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],border:[4],rounded:[1],size:[2]}]]],["p-9lz8vldk.system",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"]},[[9,"scroll","handleScroll"]]]]],["p-bygkxigw.system",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-ce9cwjhj.system",[[1,"quint-product-card-grid"]]],["p-39b1xngu.system",[[1,"quint-testimonial",{icon:[1]}]]]],t)}))}}}));

@@ -1,1 +0,1 @@

import{p as o,b as r}from"./p-f3404ae9.js";o().then(o=>r([["p-onwqfbzr",[[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-3cjz9tpd",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],border:[4],rounded:[1],size:[2]}]]],["p-1jv1wwvb",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"]},[[9,"scroll","handleScroll"]]]]],["p-h6srkjir",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-xnc3btex",[[1,"quint-product-card-grid"]]],["p-9d46qrti",[[1,"quint-testimonial",{icon:[1]}]]]],o));
import{p as o,b as r}from"./p-f3404ae9.js";o().then(o=>r([["p-onwqfbzr",[[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-3cjz9tpd",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],border:[4],rounded:[1],size:[2]}]]],["p-1jv1wwvb",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"]},[[9,"scroll","handleScroll"]]]]],["p-9fzgulm1",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-xnc3btex",[[1,"quint-product-card-grid"]]],["p-9d46qrti",[[1,"quint-testimonial",{icon:[1]}]]]],o));
{
"name": "quintessential-ui",
"version": "0.0.23",
"version": "0.0.24",
"description": "Quintessential's UI library",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

Sorry, the diff of this file is not supported yet

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