@fremtind/jkl-core - npm Package Compare versions

Comparing version 13.2.1 to 13.3.0

build/cjs/tokens.js

@@ -26,2 +26,151 @@ "use strict";
   color: {
+    brand: {
+      snohvit: "#F9F9F9",
+      varde: "#E0DBD4",
+      granitt: "#1B1917",
+      hvit: "#FFFFFF",
+      svart: "#000000",
+      skifer: "#313030",
+      fjellgra: "#444141",
+      stein: "#636060",
+      svaberg: "#C8C5C3",
+      dis: "#ECE9E5",
+      sand: "#F4F2EF"
+    },
+    functional: {
+      info: "#D3D3F6",
+      infoDark: "#A9A9CA",
+      success: "#ACD3B5",
+      successDark: "#94B79B",
+      warning: "#EFDD9E",
+      warningDark: "#DECC8D",
+      error: "#F6B3B3",
+      errorDark: "#DE9E9E"
+    },
+    background: {
+      page: {
+        light: "#F4F2EF",
+        dark: "#1B1917"
+      },
+      pageVariant: {
+        light: "#F9F9F9",
+        dark: "#1B1917"
+      },
+      container: {
+        light: "#F9F9F9",
+        dark: "#313030"
+      },
+      containerLow: {
+        light: "#ECE9E5",
+        dark: "#000000"
+      },
+      containerHigh: {
+        light: "#FFFFFF",
+        dark: "#313030"
+      },
+      input: {
+        base: {
+          light: "transparent",
+          dark: "transparent"
+        },
+        focus: {
+          light: "#FFFFFF",
+          dark: "#313030"
+        }
+      },
+      action: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      interactive: {
+        light: "transparent",
+        dark: "transparent"
+      },
+      interactiveHover: {
+        light: "#ECE9E5",
+        dark: "#636060"
+      },
+      interactiveSelected: {
+        light: "#E0DBD4",
+        dark: "#444141"
+      },
+      alert: {
+        neutral: {
+          light: "#E0DBD4",
+          dark: "#E0DBD4"
+        },
+        info: {
+          light: "#D3D3F6",
+          dark: "#A9A9CA"
+        },
+        success: {
+          light: "#ACD3B5",
+          dark: "#94B79B"
+        },
+        warning: {
+          light: "#EFDD9E",
+          dark: "#DECC8D"
+        },
+        error: {
+          light: "#F6B3B3",
+          dark: "#DE9E9E"
+        }
+      }
+    },
+    text: {
+      default: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      subdued: {
+        light: "#636060",
+        dark: "#C8C5C3"
+      },
+      inverted: {
+        light: "#F9F9F9",
+        dark: "#1B1917"
+      },
+      onAction: {
+        light: "#F9F9F9",
+        dark: "#1B1917"
+      },
+      interactive: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      interactiveHover: {
+        light: "#636060",
+        dark: "#C8C5C3"
+      },
+      onAlert: {
+        light: "#1B1917",
+        dark: "#1B1917"
+      }
+    },
+    border: {
+      action: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      input: {
+        light: "#636060",
+        dark: "#C8C5C3"
+      },
+      inputFocus: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      separator: {
+        light: "#C8C5C3",
+        dark: "#636060"
+      },
+      separatorStrong: {
+        light: "#636060",
+        dark: "#C8C5C3"
+      },
+      separatorHover: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      }
+    },
     svart: "#000",
@@ -28,0 +177,0 @@ granitt: "#1b1917",

build/esm/tokens.js

 var tokens_default = {
   color: {
+    brand: {
+      snohvit: "#F9F9F9",
+      varde: "#E0DBD4",
+      granitt: "#1B1917",
+      hvit: "#FFFFFF",
+      svart: "#000000",
+      skifer: "#313030",
+      fjellgra: "#444141",
+      stein: "#636060",
+      svaberg: "#C8C5C3",
+      dis: "#ECE9E5",
+      sand: "#F4F2EF"
+    },
+    functional: {
+      info: "#D3D3F6",
+      infoDark: "#A9A9CA",
+      success: "#ACD3B5",
+      successDark: "#94B79B",
+      warning: "#EFDD9E",
+      warningDark: "#DECC8D",
+      error: "#F6B3B3",
+      errorDark: "#DE9E9E"
+    },
+    background: {
+      page: {
+        light: "#F4F2EF",
+        dark: "#1B1917"
+      },
+      pageVariant: {
+        light: "#F9F9F9",
+        dark: "#1B1917"
+      },
+      container: {
+        light: "#F9F9F9",
+        dark: "#313030"
+      },
+      containerLow: {
+        light: "#ECE9E5",
+        dark: "#000000"
+      },
+      containerHigh: {
+        light: "#FFFFFF",
+        dark: "#313030"
+      },
+      input: {
+        base: {
+          light: "transparent",
+          dark: "transparent"
+        },
+        focus: {
+          light: "#FFFFFF",
+          dark: "#313030"
+        }
+      },
+      action: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      interactive: {
+        light: "transparent",
+        dark: "transparent"
+      },
+      interactiveHover: {
+        light: "#ECE9E5",
+        dark: "#636060"
+      },
+      interactiveSelected: {
+        light: "#E0DBD4",
+        dark: "#444141"
+      },
+      alert: {
+        neutral: {
+          light: "#E0DBD4",
+          dark: "#E0DBD4"
+        },
+        info: {
+          light: "#D3D3F6",
+          dark: "#A9A9CA"
+        },
+        success: {
+          light: "#ACD3B5",
+          dark: "#94B79B"
+        },
+        warning: {
+          light: "#EFDD9E",
+          dark: "#DECC8D"
+        },
+        error: {
+          light: "#F6B3B3",
+          dark: "#DE9E9E"
+        }
+      }
+    },
+    text: {
+      default: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      subdued: {
+        light: "#636060",
+        dark: "#C8C5C3"
+      },
+      inverted: {
+        light: "#F9F9F9",
+        dark: "#1B1917"
+      },
+      onAction: {
+        light: "#F9F9F9",
+        dark: "#1B1917"
+      },
+      interactive: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      interactiveHover: {
+        light: "#636060",
+        dark: "#C8C5C3"
+      },
+      onAlert: {
+        light: "#1B1917",
+        dark: "#1B1917"
+      }
+    },
+    border: {
+      action: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      input: {
+        light: "#636060",
+        dark: "#C8C5C3"
+      },
+      inputFocus: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      },
+      separator: {
+        light: "#C8C5C3",
+        dark: "#636060"
+      },
+      separatorStrong: {
+        light: "#636060",
+        dark: "#C8C5C3"
+      },
+      separatorHover: {
+        light: "#1B1917",
+        dark: "#F9F9F9"
+      }
+    },
     svart: "#000",
@@ -4,0 +153,0 @@ granitt: "#1b1917",

build/tokens.d.ts

 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 07:25:30 GMT
+ * Generated on Wed, 18 Oct 2023 11:35:43 GMT
  */
 declare const _default: {
     color: {
+        brand: {
+            snohvit: string;
+            varde: string;
+            granitt: string;
+            hvit: string;
+            svart: string;
+            skifer: string;
+            fjellgra: string;
+            stein: string;
+            svaberg: string;
+            dis: string;
+            sand: string;
+        };
+        functional: {
+            info: string;
+            infoDark: string;
+            success: string;
+            successDark: string;
+            warning: string;
+            warningDark: string;
+            error: string;
+            errorDark: string;
+        };
+        background: {
+            page: {
+                light: string;
+                dark: string;
+            };
+            pageVariant: {
+                light: string;
+                dark: string;
+            };
+            container: {
+                light: string;
+                dark: string;
+            };
+            containerLow: {
+                light: string;
+                dark: string;
+            };
+            containerHigh: {
+                light: string;
+                dark: string;
+            };
+            input: {
+                base: {
+                    light: string;
+                    dark: string;
+                };
+                focus: {
+                    light: string;
+                    dark: string;
+                };
+            };
+            action: {
+                light: string;
+                dark: string;
+            };
+            interactive: {
+                light: string;
+                dark: string;
+            };
+            interactiveHover: {
+                light: string;
+                dark: string;
+            };
+            interactiveSelected: {
+                light: string;
+                dark: string;
+            };
+            alert: {
+                neutral: {
+                    light: string;
+                    dark: string;
+                };
+                info: {
+                    light: string;
+                    dark: string;
+                };
+                success: {
+                    light: string;
+                    dark: string;
+                };
+                warning: {
+                    light: string;
+                    dark: string;
+                };
+                error: {
+                    light: string;
+                    dark: string;
+                };
+            };
+        };
+        text: {
+            default: {
+                light: string;
+                dark: string;
+            };
+            subdued: {
+                light: string;
+                dark: string;
+            };
+            inverted: {
+                light: string;
+                dark: string;
+            };
+            onAction: {
+                light: string;
+                dark: string;
+            };
+            interactive: {
+                light: string;
+                dark: string;
+            };
+            interactiveHover: {
+                light: string;
+                dark: string;
+            };
+            onAlert: {
+                light: string;
+                dark: string;
+            };
+        };
+        border: {
+            action: {
+                light: string;
+                dark: string;
+            };
+            input: {
+                light: string;
+                dark: string;
+            };
+            inputFocus: {
+                light: string;
+                dark: string;
+            };
+            separator: {
+                light: string;
+                dark: string;
+            };
+            separatorStrong: {
+                light: string;
+                dark: string;
+            };
+            separatorHover: {
+                light: string;
+                dark: string;
+            };
+        };
         svart: string;
@@ -8,0 +157,0 @@ granitt: string;

package.json

 {
     "name": "@fremtind/jkl-core",
-    "version": "13.2.1",
+    "version": "13.3.0",
     "publishConfig": {
@@ -62,3 +62,3 @@ "access": "public"
     },
-    "gitHead": "0a6a96036b4d9ab406541c44556c80ba04de2238"
+    "gitHead": "9004f786acdafbd43866e1ffde3635f047c259c6"
 }

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

Improved metrics

Total package byte prevSize

319136

increased by17.06%

Number of package files

113

increased by2.73%

Lines of code

5245

increased by13.55%

No dependency changes