kleurskema - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

esm/mod.d.ts

@@ -1,29 +0,3 @@
-export declare const darkTheme: {
-    mauve: import("culori").Oklch;
-    orange: import("culori").Oklch;
-    red: import("culori").Oklch;
-    green: import("culori").Oklch;
-    teal: import("culori").Oklch;
-    subtle: import("culori").Oklch;
-    base: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    primary: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    secondary: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    surface: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    overlay: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    base00: import("culori").Oklch;
-    base01: import("culori").Oklch;
-    base02: import("culori").Oklch;
-    base03: import("culori").Oklch;
-    base04: import("culori").Oklch;
-    base05: import("culori").Oklch;
-    base06: import("culori").Oklch;
-    base07: import("culori").Oklch;
-    base08: import("culori").Oklch;
-    base09: import("culori").Oklch;
-    base0A: import("culori").Oklch;
-    base0B: import("culori").Oklch;
-    base0C: import("culori").Oklch;
-    base0D: import("culori").Oklch;
-    base0E: import("culori").Oklch;
-    base0F: import("culori").Oklch;
-};
+import { HumanPalette } from "./palletes.js";
+export declare const darkTheme: HumanPalette;
+export * from "./exporters/mod.js";

esm/mod.js

@@ -19,1 +19,2 @@ import { dark } from "./palletes.js";
 export const darkTheme = processPalette(dark);
+export * from "./exporters/mod.js";

esm/palletes.d.ts

@@ -1,2 +0,2 @@
-import { type Oklch } from 'culori';
+import { type Oklch } from "culori";
 /**
@@ -17,2 +17,10 @@ * Loosely based of Material 3 and Catppuccin
 }
+export interface HumanColours<T> {
+    mauve: T;
+    orange: T;
+    red: T;
+    green: T;
+    teal: T;
+    subtle: T;
+}
 export interface ColourTypes<T> {
@@ -60,2 +68,3 @@ /** Base bright colour. Usually for text and icons */
 export type Palette<T = Oklch> = Record<PaletteColours, ColourTypes<T>> & Base16<T>;
+export type HumanPalette<T = Oklch> = Record<PaletteColours, ColourTypes<T>> & Base16<T> & HumanColours<T>;
 export declare const dark: {
@@ -62,0 +71,0 @@ readonly base: {

esm/palletes.js

@@ -1,2 +0,2 @@
-import { oklch } from 'culori';
+import { oklch } from "culori";
 /**
@@ -3,0 +3,0 @@ * Loosely based of Material 3 and Catppuccin

package.json

@@ -5,3 +5,3 @@ {
   "name": "kleurskema",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Dark, tonal, beautiful.",
@@ -8,0 +8,0 @@ "license": "MIT",

README.md

@@ -7,6 +7,10 @@ # Kleur
 
-Kleur is a (dark only for now) color scheme based on [Catppuccin](https://catppuccin.com) and [Rosé Pine](https://rosepinetheme.com). It's designed to be:
+Kleur is a (dark only for now) color scheme based on
+[Catppuccin](https://catppuccin.com) and [Rosé Pine](https://rosepinetheme.com).
+It's designed to be:
 
 - Minimal. Very few colours are used, and they're designed to be used tonally.
 - Beautiful. What's the use of a colourscheme if it doesn't work?
-- Easy to read. Colours are AAA WCA certified for base, surface, overlay, and text. Tonal colours are based on the base colour mixed in with the tone, so they're easy to read too.
+- Easy to read. Colours are AAA WCA certified for base, surface, overlay, and
+  text. Tonal colours are based on the base colour mixed in with the tone, so
+  they're easy to read too.

script/mod.d.ts

@@ -1,29 +0,3 @@
-export declare const darkTheme: {
-    mauve: import("culori").Oklch;
-    orange: import("culori").Oklch;
-    red: import("culori").Oklch;
-    green: import("culori").Oklch;
-    teal: import("culori").Oklch;
-    subtle: import("culori").Oklch;
-    base: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    primary: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    secondary: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    surface: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    overlay: import("./palletes.js").ColourTypes<import("culori").Oklch>;
-    base00: import("culori").Oklch;
-    base01: import("culori").Oklch;
-    base02: import("culori").Oklch;
-    base03: import("culori").Oklch;
-    base04: import("culori").Oklch;
-    base05: import("culori").Oklch;
-    base06: import("culori").Oklch;
-    base07: import("culori").Oklch;
-    base08: import("culori").Oklch;
-    base09: import("culori").Oklch;
-    base0A: import("culori").Oklch;
-    base0B: import("culori").Oklch;
-    base0C: import("culori").Oklch;
-    base0D: import("culori").Oklch;
-    base0E: import("culori").Oklch;
-    base0F: import("culori").Oklch;
-};
+import { HumanPalette } from "./palletes.js";
+export declare const darkTheme: HumanPalette;
+export * from "./exporters/mod.js";

script/mod.js

 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -22,1 +36,2 @@ exports.darkTheme = void 0;
 exports.darkTheme = processPalette(palletes_js_1.dark);
+__exportStar(require("./exporters/mod.js"), exports);

script/palletes.d.ts

@@ -1,2 +0,2 @@
-import { type Oklch } from 'culori';
+import { type Oklch } from "culori";
 /**
@@ -17,2 +17,10 @@ * Loosely based of Material 3 and Catppuccin
 }
+export interface HumanColours<T> {
+    mauve: T;
+    orange: T;
+    red: T;
+    green: T;
+    teal: T;
+    subtle: T;
+}
 export interface ColourTypes<T> {
@@ -60,2 +68,3 @@ /** Base bright colour. Usually for text and icons */
 export type Palette<T = Oklch> = Record<PaletteColours, ColourTypes<T>> & Base16<T>;
+export type HumanPalette<T = Oklch> = Record<PaletteColours, ColourTypes<T>> & Base16<T> & HumanColours<T>;
 export declare const dark: {
@@ -62,0 +71,0 @@ readonly base: {

No alert changes

Improved metrics

Total package byte prevSize

28057

increased by59.23%

Number of package files

33

increased by153.85%

Lines of code

649

increased by60.64%

Number of lines in readme file

16

increased by33.33%

No dependency changes