@operational/theme - npm Package Compare versions

Comparing version 0.1.0-27 to 0.1.0-28

lib/index.d.ts

 export { expandColor } from "./utils";
-export declare type ThemeColorName = "brand" | "info" | "success" | "warning" | "error" | "white" | "black" | "gray10" | "gray20" | "gray30" | "gray40" | "gray50" | "gray60" | "gray70" | "gray80" | "gray90" | "background" | "bodyText" | "emphasizedText" | "lightText" | "linkText" | "cardBackground" | "border" | "sidenavBackground" | "secondarySeparator" | "separator";
+export declare type ThemeColorName = "brand" | "info" | "success" | "warning" | "error" | "white" | "black" | "gray" | "lightGray" | "text" | "lightText" | "linkText" | "navBackground" | "background" | "lighterBackground" | "border" | "secondarySeparator" | "separator";
 export interface ThemeColors {
@@ -12,21 +12,12 @@ brand: string;
     black: string;
-    gray10: string;
-    gray20: string;
-    gray30: string;
-    gray40: string;
-    gray50: string;
-    gray60: string;
-    gray70: string;
-    gray80: string;
-    gray90: string;
+    gray: string;
+    lightGray: string;
     background: string;
-    cardHeaderBackground: string;
-    bodyText: string;
-    emphasizedText: string;
+    lighterBackground: string;
+    navBackground: string;
+    text: string;
     lightText: string;
     linkText: string;
-    cardBackground: string;
     border: string;
-    sidenavBackground: string;
-    secondarySeparator: string;
+    inputBorder: string;
     separator: string;
@@ -64,2 +55,4 @@ }
     spacing: number;
+    box: number;
+    borderRadius: number;
     baseZIndex: number;
@@ -66,0 +59,0 @@ shadows: ThemeShadows;

lib/index.js

@@ -45,22 +45,13 @@ "use strict";
     ],
-    gray10: "#F8F8F8",
-    gray20: "#e8e8e8",
-    gray30: "#D0D0D0",
-    gray40: "#C6C6C6",
-    gray50: "#BBBBBB",
-    gray60: "#999999",
-    gray70: "#808080",
-    gray80: "#747474",
-    gray90: "#444444",
+    lightGray: "#e8e8e8",
+    gray: "#999999",
     background: "#F5F6FA",
-    bodyText: "#2F3435",
-    cardBackground: "#FFFFFF",
-    cardHeaderBackground: "#F9FAFE",
-    border: "#dadada",
-    emphasizedText: "#373d3f",
+    lighterBackground: "#F9FAFE",
+    text: "#2F3435",
+    border: "#ADADAD",
+    inputBorder: "#D0D9E5",
     lightText: "#969696",
     linkText: "#1499CE",
-    sidenavBackground: "#004A75",
-    separator: "#f2f2f2",
-    secondarySeparator: "#f8f8f8"
+    navBackground: "#004A75",
+    separator: "#f2f2f2"
 };
@@ -89,3 +80,5 @@ var baseTypography = {
     colors: colors,
-    spacing: 12,
+    spacing: 16,
+    box: 56,
+    borderRadius: 4,
     fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
@@ -92,0 +85,0 @@ baseZIndex: 0

package.json

 {
   "name": "@operational/theme",
-  "version": "0.1.0-27",
+  "version": "0.1.0-28",
   "description": "Customization theme for the Operational UI packages.",
@@ -5,0 +5,0 @@ "main": "./lib/index.js",

src/index.ts

@@ -13,19 +13,11 @@ // Type definitions
   | "black"
-  | "gray10"
-  | "gray20"
-  | "gray30"
-  | "gray40"
-  | "gray50"
-  | "gray60"
-  | "gray70"
-  | "gray80"
-  | "gray90"
-  | "background"
-  | "bodyText"
-  | "emphasizedText"
+  | "gray"
+  | "lightGray"
+  | "text"
   | "lightText"
   | "linkText"
-  | "cardBackground"
+  | "navBackground"
+  | "background"
+  | "lighterBackground"
   | "border"
-  | "sidenavBackground"
   | "secondarySeparator"
@@ -43,21 +35,12 @@ | "separator"
   black: string
-  gray10: string
-  gray20: string
-  gray30: string
-  gray40: string
-  gray50: string
-  gray60: string
-  gray70: string
-  gray80: string
-  gray90: string
+  gray: string
+  lightGray: string
   background: string
-  cardHeaderBackground: string
-  bodyText: string
-  emphasizedText: string
+  lighterBackground: string
+  navBackground: string
+  text: string
   lightText: string
   linkText: string
-  cardBackground: string
   border: string
-  sidenavBackground: string
-  secondarySeparator: string
+  inputBorder: string
   separator: string
@@ -97,2 +80,4 @@ }
   spacing: number
+  box: number
+  borderRadius: number
   baseZIndex: number
@@ -134,22 +119,13 @@ shadows: ThemeShadows
   ],
-  gray10: "#F8F8F8",
-  gray20: "#e8e8e8",
-  gray30: "#D0D0D0",
-  gray40: "#C6C6C6",
-  gray50: "#BBBBBB",
-  gray60: "#999999",
-  gray70: "#808080",
-  gray80: "#747474",
-  gray90: "#444444",
+  lightGray: "#e8e8e8",
+  gray: "#999999",
   background: "#F5F6FA",
-  bodyText: "#2F3435",
-  cardBackground: "#FFFFFF",
-  cardHeaderBackground: "#F9FAFE",
-  border: "#dadada",
-  emphasizedText: "#373d3f",
+  lighterBackground: "#F9FAFE",
+  text: "#2F3435",
+  border: "#ADADAD",
+  inputBorder: "#D0D9E5",
   lightText: "#969696",
   linkText: "#1499CE",
-  sidenavBackground: "#004A75",
-  separator: "#f2f2f2",
-  secondarySeparator: "#f8f8f8"
+  navBackground: "#004A75",
+  separator: "#f2f2f2"
 }
@@ -203,3 +179,5 @@
   colors,
-  spacing: 12,
+  spacing: 16,
+  box: 56,
+  borderRadius: 4,
   fontFamily:
@@ -206,0 +184,0 @@ "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

15205

decreased by-6.68%

Lines of code

399

decreased by-8.49%

No dependency changes