@uswitch/trustyle.money-theme - npm Package Compare versions

Comparing version 0.2.2 to 0.2.3

package.json

 {
   "name": "@uswitch/trustyle.money-theme",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "license": "MIT",
@@ -10,3 +10,3 @@ "main": "index.js",
   "scripts": {},
-  "gitHead": "c5ff5e4d4f0cb6280fb34c45eab1bd2c7e4cfa31"
+  "gitHead": "e0b8d39de51ffbd16f68d1c3600be241e1d0833e"
 }

theme.json

@@ -22,3 +22,3 @@ {
   "lineHeights": {
-    "base": "1.4",
+    "base": "1.5",
     "heading": "1.2"
@@ -35,3 +35,4 @@ },
     "xl": 24,
-    "xxl": 32
+    "xxl": 30,
+    "xxxl": 36
   },
@@ -47,9 +48,10 @@
     "base": 16,
-    "xxs": 8,
-    "xs": 12,
+    "xxs": 4,
+    "xs": 8,
     "sm": 16,
     "md": 24,
-    "lg": 36,
-    "xl": 56,
-    "xxl": 64
+    "lg": 32,
+    "xl": 48,
+    "xxl": 64,
+    "xxxl": 96
   },
@@ -107,36 +109,27 @@
   "colors": {
-    "cranberry": "#DB4D75",
-    "cranberry--light": "#FD5081",
-    "cranberry--dark": "#A00938",
-
-    "cannon-pink": "#924A8B",
-    "cannon-pink--light": "#B95CB0",
-    "cannon-pink--dark": "#4B255E",
-
+    "sunshine": "#FEC340",
+    "burnt": "#FAA73F",
     "jaffa": "#F4793B",
+    "fuschia": "#DB4D75",
+    "berry": "#A64470",
+    "plum": "#924A8B",
 
-    "light-1": "#ffffff",
-    "light-2": "#ECECEE",
-    "light-3": "#DFDFE1",
-
-    "primary": "#d64226",
-    "secondary": "#1c1f4e",
-    "heading": "#2f353a",
-    "link": "#008fe9",
-    "link-2": "#002396",
-    "brand": "#1c1f4e",
-    "accent-1": "#00aa4e",
-    "accent-2": "#6abd45",
-    "accent-3": "#00b9d9",
-    "text": "#000000",
-    "dark-1": "#000000",
-    "dark-2": "#3d3d3d",
-    "hero": "#99e2ff",
-
+    "grey-0": "#FFFFFF",
     "grey-05": "#F7F7F7",
+    "grey-10": "#F2F2F3",
     "grey-20": "#DFDFE1",
     "grey-30": "#C2C4C8",
+    "grey-40": "#ADAFB3",
+    "grey-50": "#A0A2A6",
     "grey-60": "#6F7175",
+    "grey-70": "#393B3F",
     "grey-80": "#24262A",
+    "grey-90": "#111317",
+    "grey-100": "#000000",
 
+    "primary": "#FEC340",
+    "primary--dark": "#F8B31B",
+    "secondary": "#924A8B",
+    "secondary--dark": "#7A3E74",
+
     "experimental-text": "#29335C"
@@ -213,3 +206,3 @@ },
     "caret": {
-      "color": "cannon-pink"
+      "color": "plum"
     },
@@ -219,3 +212,3 @@
       "caret": {
-        "color": "cranberry"
+        "color": "fuschia"
       }
@@ -233,3 +226,3 @@ }
       "borderStyle": "solid",
-      "borderColor": "dark-2",
+      "borderColor": "grey-70",
       "borderWidth": "1px",
@@ -256,3 +249,3 @@ "mb": "sm",
       "width": ["auto", "grid.md.5", "grid.lg.5"],
-      "backgroundColor": "light-1",
+      "backgroundColor": "grey-0",
       "p": ["sm", "sm", "lg"],
@@ -334,13 +327,14 @@ "borderRadius": [0, "md", "md"],
     "primary": {
-      "color": "light-1",
+      "color": "experimental-text",
       "fontSize": "md",
+      "fontWeight": "bold",
       "border": "none",
-      "backgroundColor": "cranberry",
+      "backgroundColor": "primary",
       "borderRadius": "50vh",
       "paddingX": "lg",
       ":hover:not(:disabled)": {
-        "backgroundColor": "cranberry--light"
+        "backgroundColor": "primary--dark"
       },
       ":focus": {
-        "backgroundColor": "cranberry--light"
+        "backgroundColor": "primary--dark"
       },
@@ -352,3 +346,3 @@ ":disabled": {
       ":active": {
-        "backgroundColor": "cranberry--dark"
+        "backgroundColor": "primary--dark"
       }
@@ -358,12 +352,13 @@ },
     "secondary": {
-      "color": "light-1",
+      "color": "grey-0",
       "fontSize": "md",
-      "backgroundColor": "cannon-pink",
+      "fontWeight": "bold",
+      "backgroundColor": "secondary",
       "borderRadius": "50vh",
       "paddingX": "lg",
       ":hover:not(:disabled)": {
-        "backgroundColor": "cannon-pink--light"
+        "backgroundColor": "secondary--dark"
       },
       ":focus": {
-        "backgroundColor": "cannon-pink--light"
+        "backgroundColor": "secondary--dark"
       },
@@ -375,3 +370,3 @@ ":disabled": {
       ":active": {
-        "backgroundColor": "cannon-pink--dark"
+        "backgroundColor": "secondary--dark"
       }
@@ -393,7 +388,7 @@ }
     "main": {
-      "backgroundColor": "light-2",
+      "backgroundColor": "grey-10",
       "paddingX": ["sm", "md"]
     },
     "icon": {
-      "backgroundColor": "cannon-pink"
+      "backgroundColor": "plum"
     }
@@ -405,5 +400,3 @@ },
       "textAlign": "center",
-      "borderTopWidth": 1,
-      "borderTopStyle": "solid",
-      "borderTopColor": "light-3"
+      "backgroundColor": "grey-10"
     },
@@ -417,3 +410,3 @@ "button": {
     "arrow": {
-      "color": "dark-1"
+      "color": "grey-100"
     },
@@ -424,3 +417,3 @@ "arrowDisabled": {
     "currentPage": {
-      "color": "cannon-pink",
+      "color": "plum",
       "fontSize": "sm"
@@ -439,6 +432,6 @@ },
     "heading": {
-      "color": "light-1"
+      "color": "grey-0"
     },
     "text": {
-      "color": "light-1"
+      "color": "grey-0"
     }
@@ -455,3 +448,3 @@ },
     "title": {
-      "color": "dark-1"
+      "color": "grey-100"
     }
@@ -464,32 +457,36 @@ },
       "fontFamily": "heading",
-      "fontSize": "xxl",
+      "fontSize": "xxxl",
       "lineHeight": "heading",
       "fontWeight": "base",
-      "mb": "base"
+      "marginY": "md"
     },
 
     "h2": {
-      "fontFamily": "heading",
-      "fontSize": "xl",
-      "lineHeight": "heading",
-      "fontWeight": "base",
-      "mb": "base"
+      "variant": "styles.h1",
+      "fontSize": "xxl"
     },
 
     "h3": {
-      "fontFamily": "heading",
+      "variant": "styles.h1",
+      "fontSize": "xl"
+    },
+
+    "h4": {
+      "variant": "styles.h1",
       "fontSize": "lg",
-      "lineHeight": "heading",
-      "fontWeight": "base",
-      "mb": "base"
+      "marginY": "sm"
     },
 
-    "h4": {
-      "fontFamily": "heading",
+    "h5": {
+      "variant": "styles.h1",
       "fontSize": "md",
-      "lineHeight": "heading",
-      "fontWeight": "base",
-      "mb": "base"
+      "marginY": "sm"
     },
 
+    "h6": {
+      "variant": "styles.h1",
+      "fontSize": "sm",
+      "marginY": "sm"
+    },
+
     "root": {
@@ -500,24 +497,15 @@ "fontFamily": "base",
       "lineHeight": "base",
-      "color": "text"
+      "color": "grey-100"
     },
 
-    ".medium": {
-      "fontSize": "xs"
-    },
-
-    ".small": {
-      "fontSize": "xxs"
-    },
-
     "a": {
-      "color": "jaffa",
-      "stroke": "jaffa",
+      "color": "inherit",
+      "stroke": "currentColor",
       "textDecoration": "underline",
       "transition": "opacity 0.2s ease",
-      ":hover": { "opacity": 0.8 },
-      "> *": { "transition": "opacity 0.2s ease" }
+      ":hover": { "opacity": 0.8 }
     },
 
     "blockquote": {
-      "backgroundColor": "light-2",
+      "backgroundColor": "grey-10",
       "paddingX": "md",
@@ -533,3 +521,3 @@ "paddingY": "sm",
         "borderLeft": "2px solid",
-        "borderLeftColor": "cannon-pink",
+        "borderLeftColor": "plum",
         "fontWeight": "bold",
@@ -536,0 +524,0 @@

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

21546

decreased by-1.6%

Lines of code

451

decreased by-1.96%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes