@invisionag/beacon-tokens - npm Package Compare versions

Comparing version 0.0.19 to 0.0.20

injixo/injixo.cjs.js

@@ -182,11 +182,34 @@ // @flow
 const elevation = {
+    /**
+     * Sticky Navigation Bars
+     */
     shadow1: '0 1px 8px rgba(50, 72, 94, 0.16), 0 1px 4px rgba(50, 72, 94, 0.28)',
+    /**
+     * Popovers
+     */
     shadow2: '0 4px 12px rgba(50, 72, 94, 0.12), 0 2px 8px rgba(50, 72, 94, 0.32)',
+    /**
+     * Modals, Tooltips
+     */
     shadow3: '0 8px 24px rgba(50, 72, 94, 0.2), 0 4px 8px rgba(50, 72, 94, 0.36)',
+    /**
+     * Flash Messages
+     */
     shadow4: '0 12px 32px rgba(50, 72, 94, 0.16), 0 8px 12px rgba(50, 72, 94, 0.4)',
+    /**
+     * Sticky Footers, Sticky Navigation Bars
+     */
     zindex1: '100',
+    /**
+     * Popovers
+     */
     zindex2: '200',
+    /**
+     * Modals, Tooltips
+     */
     zindex3: '300',
+    /**
+     * Flash Messages
+     */
     zindex4: '400',
-    zindex5: '500',
 };
@@ -193,0 +216,0 @@ const font = {

injixo/injixo.d.ts

@@ -176,11 +176,34 @@ export declare const asset: {
 export declare const elevation: {
+    /**
+     * Sticky Navigation Bars
+     */
     readonly shadow1: "0 1px 8px rgba(50, 72, 94, 0.16), 0 1px 4px rgba(50, 72, 94, 0.28)";
+    /**
+     * Popovers
+     */
     readonly shadow2: "0 4px 12px rgba(50, 72, 94, 0.12), 0 2px 8px rgba(50, 72, 94, 0.32)";
+    /**
+     * Modals, Tooltips
+     */
     readonly shadow3: "0 8px 24px rgba(50, 72, 94, 0.2), 0 4px 8px rgba(50, 72, 94, 0.36)";
+    /**
+     * Flash Messages
+     */
     readonly shadow4: "0 12px 32px rgba(50, 72, 94, 0.16), 0 8px 12px rgba(50, 72, 94, 0.4)";
+    /**
+     * Sticky Footers, Sticky Navigation Bars
+     */
     readonly zindex1: "100";
+    /**
+     * Popovers
+     */
     readonly zindex2: "200";
+    /**
+     * Modals, Tooltips
+     */
     readonly zindex3: "300";
+    /**
+     * Flash Messages
+     */
     readonly zindex4: "400";
-    readonly zindex5: "500";
 };
@@ -187,0 +210,0 @@ export declare const font: {

injixo/injixo.esm.js

@@ -176,11 +176,34 @@ const asset = {
 const elevation = {
+    /**
+     * Sticky Navigation Bars
+     */
     shadow1: '0 1px 8px rgba(50, 72, 94, 0.16), 0 1px 4px rgba(50, 72, 94, 0.28)',
+    /**
+     * Popovers
+     */
     shadow2: '0 4px 12px rgba(50, 72, 94, 0.12), 0 2px 8px rgba(50, 72, 94, 0.32)',
+    /**
+     * Modals, Tooltips
+     */
     shadow3: '0 8px 24px rgba(50, 72, 94, 0.2), 0 4px 8px rgba(50, 72, 94, 0.36)',
+    /**
+     * Flash Messages
+     */
     shadow4: '0 12px 32px rgba(50, 72, 94, 0.16), 0 8px 12px rgba(50, 72, 94, 0.4)',
+    /**
+     * Sticky Footers, Sticky Navigation Bars
+     */
     zindex1: '100',
+    /**
+     * Popovers
+     */
     zindex2: '200',
+    /**
+     * Modals, Tooltips
+     */
     zindex3: '300',
+    /**
+     * Flash Messages
+     */
     zindex4: '400',
-    zindex5: '500',
 };
@@ -187,0 +210,0 @@ const font = {

package.json

 {
   "name": "@invisionag/beacon-tokens",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "Design System for InVision products",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

116194

increased by0.76%

Lines of code

675

increased by11.39%

No dependency changes