@invisionag/injixo-tokens - npm Package Compare versions

Comparing version 1.2.8 to 2.0.1

injixo/injixo.cjs.js

@@ -69,6 +69,2 @@ // @flow
     jade500: '#13747b',
-    sky50: '#d3e4f3',
-    sky200: '#62a5e0',
-    sky300: '#337cca',
-    sky500: '#1863af',
     forest50: '#deebdb',
@@ -156,7 +152,15 @@ forest200: '#78b971',
     /**
-     * default primary button color, primary interaction color, link color, radio & checkbox button hover
+     * light shaded assistant color for primary-100, e.g. the selected dates in the date picker
      */
+    primary30: '#cce6ff',
+    /**
+     * medium shaded assistant color for primary-100, e.g. hovering color for selected dates in the date picker
+     */
+    primary60: '#70b6fb',
+    /**
+     * primary color for the interactive item, e.g. background color for a primary button, text color of a link, live indicator in Adherence
+     */
     primary100: '#006ad4',
     /**
-     * default hover color for interaction components, when active radio & checkbox button hover
+     * darker shaded assistant color for primary-100, e.g. hovering color for the primary button
      */
@@ -184,6 +188,2 @@ primary200: '#0051a2',
     warning100: '#da9a07',
-    /**
-     * warning button border, warning hover color, warning text color
-     */
-    warning200: '#bc8506',
 };
@@ -190,0 +190,0 @@ const elevation = {

injixo/injixo.d.ts

@@ -67,6 +67,2 @@ export declare const asset: {
     readonly jade500: "#13747b";
-    readonly sky50: "#d3e4f3";
-    readonly sky200: "#62a5e0";
-    readonly sky300: "#337cca";
-    readonly sky500: "#1863af";
     readonly forest50: "#deebdb";
@@ -154,7 +150,15 @@ readonly forest200: "#78b971";
     /**
-     * default primary button color, primary interaction color, link color, radio & checkbox button hover
+     * light shaded assistant color for primary-100, e.g. the selected dates in the date picker
      */
+    readonly primary30: "#cce6ff";
+    /**
+     * medium shaded assistant color for primary-100, e.g. hovering color for selected dates in the date picker
+     */
+    readonly primary60: "#70b6fb";
+    /**
+     * primary color for the interactive item, e.g. background color for a primary button, text color of a link, live indicator in Adherence
+     */
     readonly primary100: "#006ad4";
     /**
-     * default hover color for interaction components, when active radio & checkbox button hover
+     * darker shaded assistant color for primary-100, e.g. hovering color for the primary button
      */
@@ -182,6 +186,2 @@ readonly primary200: "#0051a2";
     readonly warning100: "#da9a07";
-    /**
-     * warning button border, warning hover color, warning text color
-     */
-    readonly warning200: "#bc8506";
 };
@@ -188,0 +188,0 @@ export declare const elevation: {

injixo/injixo.esm.js

@@ -63,6 +63,2 @@ const asset = {
     jade500: '#13747b',
-    sky50: '#d3e4f3',
-    sky200: '#62a5e0',
-    sky300: '#337cca',
-    sky500: '#1863af',
     forest50: '#deebdb',
@@ -150,7 +146,15 @@ forest200: '#78b971',
     /**
-     * default primary button color, primary interaction color, link color, radio & checkbox button hover
+     * light shaded assistant color for primary-100, e.g. the selected dates in the date picker
      */
+    primary30: '#cce6ff',
+    /**
+     * medium shaded assistant color for primary-100, e.g. hovering color for selected dates in the date picker
+     */
+    primary60: '#70b6fb',
+    /**
+     * primary color for the interactive item, e.g. background color for a primary button, text color of a link, live indicator in Adherence
+     */
     primary100: '#006ad4',
     /**
-     * default hover color for interaction components, when active radio & checkbox button hover
+     * darker shaded assistant color for primary-100, e.g. hovering color for the primary button
      */
@@ -178,6 +182,2 @@ primary200: '#0051a2',
     warning100: '#da9a07',
-    /**
-     * warning button border, warning hover color, warning text color
-     */
-    warning200: '#bc8506',
 };
@@ -184,0 +184,0 @@ const elevation = {

package.json

 {
   "name": "@invisionag/injixo-tokens",
-  "version": "1.2.8",
+  "version": "2.0.1",
   "description": "injixo Design Tokens",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Worsened metrics

Total package byte prevSize

181605

decreased by-1.28%

Lines of code

5133

decreased by-2.41%

No dependency changes