quintessential-ui - npm Package Compare versions

Comparing version 0.0.27 to 0.0.28

dist/cjs/quint-button.cjs.entry.js

@@ -24,5 +24,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 button{background:transparent;border:none;cursor:pointer;outline:none;padding:.5rem 1rem;font-style:normal;font-weight:600;font-size:16px;line-height:20px;font-family:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;letter-spacing:.03em}:host .regular,:host .rounded{border-width:0;border-style:solid}:host .rounded{border-radius:8px}:host .pill{border-width:0;border-style:solid;border-radius:1rem/50%}:host .border{border-width:1px}:host .icon-left{margin-right:1rem}:host .icon-left,:host .icon-right{-o-object-fit:contain;object-fit:contain}:host .icon-right{margin-left:1rem}:host ::slotted(*){line-height:-1}"; }
+    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 button{background:transparent;border:none;cursor:pointer;outline:none;padding:.5rem 1rem;font-style:normal;font-weight:600;font-size:16px;line-height:20px;font-family:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;letter-spacing:.03em}:host .regular,:host .rounded{border-width:0;border-style:solid}:host .rounded{border-radius:8px}:host .pill{padding:1rem!important;border-radius:1.5rem/50%}:host .pill,:host .pill-small{border-width:0;border-style:solid}:host .pill-small{border-radius:1rem/50%}:host .border{border-width:1px}:host .icon-left{margin-right:1rem}:host .icon-left,:host .icon-right{-o-object-fit:contain;object-fit:contain}:host .icon-right{margin-left:1rem}:host ::slotted(*){line-height:-1}"; }
 };
 
 exports.quint_button = Button;

dist/collection/collection-manifest.json

 {
   "entries": [
+    "components/button/button.js",
+    "components/icon-button/icon-button.js",
     "components/nav-header/nav-header.js",
-    "components/icon-button/icon-button.js",
-    "components/button/button.js",
     "components/footer/footer.js",
     "components/carousel/carousel.js",
+    "components/product-card/product-card.js",
     "components/product-card-grid/product-card-grid.js",
-    "components/testimonial/testimonial.js",
     "components/product-service/product-service.js",
-    "components/product-card/product-card.js"
+    "components/testimonial/testimonial.js"
   ],
@@ -13,0 +13,0 @@ "compiler": {

dist/collection/components/button/button.js

@@ -139,4 +139,4 @@ import { h, Host } from "@stencil/core";
             "complexType": {
-                "original": "'pill' | 'rounded' | 'regular'",
-                "resolved": "\"pill\" | \"regular\" | \"rounded\"",
+                "original": "'pill' | 'pill-small' | 'rounded' | 'regular'",
+                "resolved": "\"pill\" | \"pill-small\" | \"regular\" | \"rounded\"",
                 "references": {}
@@ -143,0 +143,0 @@ },

dist/collection/components/button/button.stories.js

@@ -36,2 +36,7 @@ import {storiesOf} from '@storybook/html';
   })
+  .add('Pill small', () => '<quint-button icon-right="menu-icon.svg" rounded="pill-small">Menu</quint-button>', {
+    notes: {
+      markdown: readme
+    }
+  })
   .add('Pill no border', () => '<quint-button rounded="pill" border=false text-color="#ffffff" background="linear-gradient(90deg, #16289C 0%, rgba(50, 73, 219, 0.97) 100%)">what does this mean?</quint-button>', {
@@ -38,0 +43,0 @@ notes: {

dist/esm-es5/quint-button.entry.js

@@ -25,3 +25,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-07b155ad.js';
     Object.defineProperty(Button, "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 button{background:transparent;border:none;cursor:pointer;outline:none;padding:.5rem 1rem;font-style:normal;font-weight:600;font-size:16px;line-height:20px;font-family:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;letter-spacing:.03em}:host .regular,:host .rounded{border-width:0;border-style:solid}:host .rounded{border-radius:8px}:host .pill{border-width:0;border-style:solid;border-radius:1rem/50%}:host .border{border-width:1px}:host .icon-left{margin-right:1rem}:host .icon-left,:host .icon-right{-o-object-fit:contain;object-fit:contain}:host .icon-right{margin-left:1rem}:host ::slotted(*){line-height:-1}"; },
+        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 button{background:transparent;border:none;cursor:pointer;outline:none;padding:.5rem 1rem;font-style:normal;font-weight:600;font-size:16px;line-height:20px;font-family:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;letter-spacing:.03em}:host .regular,:host .rounded{border-width:0;border-style:solid}:host .rounded{border-radius:8px}:host .pill{padding:1rem!important;border-radius:1.5rem/50%}:host .pill,:host .pill-small{border-width:0;border-style:solid}:host .pill-small{border-radius:1rem/50%}:host .border{border-width:1px}:host .icon-left{margin-right:1rem}:host .icon-left,:host .icon-right{-o-object-fit:contain;object-fit:contain}:host .icon-right{margin-left:1rem}:host ::slotted(*){line-height:-1}"; },
         enumerable: true,
@@ -28,0 +28,0 @@ configurable: true

dist/esm/quint-button.entry.js

@@ -20,5 +20,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 button{background:transparent;border:none;cursor:pointer;outline:none;padding:.5rem 1rem;font-style:normal;font-weight:600;font-size:16px;line-height:20px;font-family:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;letter-spacing:.03em}:host .regular,:host .rounded{border-width:0;border-style:solid}:host .rounded{border-radius:8px}:host .pill{border-width:0;border-style:solid;border-radius:1rem/50%}:host .border{border-width:1px}:host .icon-left{margin-right:1rem}:host .icon-left,:host .icon-right{-o-object-fit:contain;object-fit:contain}:host .icon-right{margin-left:1rem}:host ::slotted(*){line-height:-1}"; }
+    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 button{background:transparent;border:none;cursor:pointer;outline:none;padding:.5rem 1rem;font-style:normal;font-weight:600;font-size:16px;line-height:20px;font-family:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;letter-spacing:.03em}:host .regular,:host .rounded{border-width:0;border-style:solid}:host .rounded{border-radius:8px}:host .pill{padding:1rem!important;border-radius:1.5rem/50%}:host .pill,:host .pill-small{border-width:0;border-style:solid}:host .pill-small{border-radius:1rem/50%}:host .border{border-width:1px}:host .icon-left{margin-right:1rem}:host .icon-left,:host .icon-right{-o-object-fit:contain;object-fit:contain}:host .icon-right{margin-left:1rem}:host ::slotted(*){line-height:-1}"; }
 };
 
 export { Button as quint_button };

dist/quintessential-ui/p-b8bd30b7.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-8f65068f.system.js"],(function(){"use strict";var t,o;return{setters:[function(e){t=e.p;o=e.b}],execute:function(){t().then((function(t){return o([["p-u3ylrkto.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-0wcoy92e.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-kcctakcr.system",[[1,"quint-product-service",{productService:[1,"product-service"],productServiceText:[1,"product-service-text"],productServiceTextWidth:[32]}]]],["p-39b1xngu.system",[[1,"quint-testimonial",{icon:[1]}]]]],t)}))}}}));
+System.register(["./p-8f65068f.system.js"],(function(){"use strict";var t,o;return{setters:[function(e){t=e.p;o=e.b}],execute:function(){t().then((function(t){return o([["p-5jgheovx.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-0wcoy92e.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-kcctakcr.system",[[1,"quint-product-service",{productService:[1,"product-service"],productServiceText:[1,"product-service-text"],productServiceTextWidth:[32]}]]],["p-39b1xngu.system",[[1,"quint-testimonial",{icon:[1]}]]]],t)}))}}}));

dist/quintessential-ui/quintessential-ui.esm.js

@@ -1,1 +0,1 @@
-import{p as o,b as r}from"./p-f3404ae9.js";o().then(o=>r([["p-rvfxnf1w",[[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-7frrmz6d",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-xnc3btex",[[1,"quint-product-card-grid"]]],["p-gwksyzy2",[[1,"quint-product-service",{productService:[1,"product-service"],productServiceText:[1,"product-service-text"],productServiceTextWidth:[32]}]]],["p-9d46qrti",[[1,"quint-testimonial",{icon:[1]}]]]],o));
+import{p as o,b as r}from"./p-f3404ae9.js";o().then(o=>r([["p-mtjheubn",[[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-7frrmz6d",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"]}]]],["p-xnc3btex",[[1,"quint-product-card-grid"]]],["p-gwksyzy2",[[1,"quint-product-service",{productService:[1,"product-service"],productServiceText:[1,"product-service-text"],productServiceTextWidth:[32]}]]],["p-9d46qrti",[[1,"quint-testimonial",{icon:[1]}]]]],o));

dist/types/components.d.ts

@@ -18,3 +18,3 @@ /* tslint:disable */
     'iconRight': string;
-    'rounded': 'pill' | 'rounded' | 'regular';
+    'rounded': 'pill' | 'pill-small' | 'rounded' | 'regular';
     'textColor': string;
@@ -139,3 +139,3 @@ }
     'iconRight'?: string;
-    'rounded'?: 'pill' | 'rounded' | 'regular';
+    'rounded'?: 'pill' | 'pill-small' | 'rounded' | 'regular';
     'textColor'?: string;
@@ -142,0 +142,0 @@ }

dist/types/components/button/button.d.ts

@@ -8,5 +8,5 @@ export declare class Button {
     border: boolean;
-    rounded: 'pill' | 'rounded' | 'regular';
+    rounded: 'pill' | 'pill-small' | 'rounded' | 'regular';
     el: HTMLElement;
     render(): any;
 }

package.json

 {
   "name": "quintessential-ui",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "description": "Quintessential's UI library",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

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

Improved metrics

Total package byte prevSize

1323770

increased by0.06%

Lines of code

19622

increased by0.07%

Worsened metrics

Number of low supply chain risk alerts

30

increased by15.38%

No dependency changes