@interstice/button - npm Package Compare versions

Comparing version 0.0.14 to 0.0.15

dist-node/index.js

@@ -24,3 +24,6 @@ 'use strict';
  * @cssprop --button-size
+ * @cssprop --button-gap
  * @cssprop --button-color
+ * @cssprop --button-display
+ * @cssprop --button-align-items
  * @cssprop --border-color
@@ -114,2 +117,4 @@ * @cssprop --border-size
         -moz-appearance: none;
+        display: var(--button-display, inline-flex);
+        align-items: var(--button-align-items, center);
         font-family: var(--button-font-family);
@@ -130,2 +135,5 @@ font-size: var(--button-font-size);
       }
+      button * + * {
+        margin-left: var(--button-gap, var(--gap));
+      }
     `;
@@ -132,0 +140,0 @@ }

dist-node/index.min.js

@@ -62,2 +62,4 @@ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var litElement=require("lit-element");class Button extends litElement.LitElement{static get properties(){return{type:{type:String},color:{type:String,reflect:!0},size:{type:String,reflect:!0},inverted:{type:Boolean,reflect:!0}}}static get styles(){return litElement.css`
         -moz-appearance: none;
+        display: var(--button-display, inline-flex);
+        align-items: var(--button-align-items, center);
         font-family: var(--button-font-family);
@@ -78,2 +80,5 @@ font-size: var(--button-font-size);
       }
+      button * + * {
+        margin-left: var(--button-gap, var(--gap));
+      }
     `}constructor(){super(),this.type="button",this.color="default"}render(){return litElement.html`
@@ -80,0 +85,0 @@ <button .type=${this.type}>

dist-src/button.js

@@ -19,3 +19,6 @@ import { html, css, LitElement } from 'lit-element';
  * @cssprop --button-size
+ * @cssprop --button-gap
  * @cssprop --button-color
+ * @cssprop --button-display
+ * @cssprop --button-align-items
  * @cssprop --border-color
@@ -109,2 +112,4 @@ * @cssprop --border-size
         -moz-appearance: none;
+        display: var(--button-display, inline-flex);
+        align-items: var(--button-align-items, center);
         font-family: var(--button-font-family);
@@ -125,2 +130,5 @@ font-size: var(--button-font-size);
       }
+      button * + * {
+        margin-left: var(--button-gap, var(--gap));
+      }
     `;
@@ -127,0 +135,0 @@ }

dist-web/index.js

@@ -20,3 +20,6 @@ import { LitElement, css, html } from 'lit-element';
  * @cssprop --button-size
+ * @cssprop --button-gap
  * @cssprop --button-color
+ * @cssprop --button-display
+ * @cssprop --button-align-items
  * @cssprop --border-color
@@ -110,2 +113,4 @@ * @cssprop --border-size
         -moz-appearance: none;
+        display: var(--button-display, inline-flex);
+        align-items: var(--button-align-items, center);
         font-family: var(--button-font-family);
@@ -126,2 +131,5 @@ font-size: var(--button-font-size);
       }
+      button * + * {
+        margin-left: var(--button-gap, var(--gap));
+      }
     `;
@@ -128,0 +136,0 @@ }

dist-web/index.min.js

@@ -62,2 +62,4 @@ import{LitElement,css,html}from"lit-element";class Button extends LitElement{static get properties(){return{type:{type:String},color:{type:String,reflect:!0},size:{type:String,reflect:!0},inverted:{type:Boolean,reflect:!0}}}static get styles(){return css`
         -moz-appearance: none;
+        display: var(--button-display, inline-flex);
+        align-items: var(--button-align-items, center);
         font-family: var(--button-font-family);
@@ -78,2 +80,5 @@ font-size: var(--button-font-size);
       }
+      button * + * {
+        margin-left: var(--button-gap, var(--gap));
+      }
     `}constructor(){super(),this.type="button",this.color="default"}render(){return html`
@@ -80,0 +85,0 @@ <button .type=${this.type}>

package.json

 {
   "name": "@interstice/button",
   "description": "A button element using tailwindcss css variables",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "license": "MIT",
@@ -6,0 +6,0 @@ "files": [

No alert changes

Improved metrics

Total package byte prevSize

34957

5.55%

Lines of code

611

5.89%

No dependency changes