@sk-web-gui/theme - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/cjs/colors.js

@@ -9,47 +9,59 @@ "use strict";
   background: {
-    one: '#F4F4F4',
-    two: '#F4F4F4',
-    three: '#D9E6EF'
+    one: "#F4F4F4",
+    two: "#F4F4F4",
+    three: "#D9E6EF"
   },
   svartvik: {
-    '50': '#D4D8DB',
-    '100': '#C8CFD2',
-    '200': '#B2BBBF',
-    '300': '#9CA7AD',
-    '400': '#86939A',
-    '500': '#707F87',
-    '600': '#576268',
-    '700': '#3D454A',
-    '800': '#24282B',
-    '900': '#0A0C0C'
+    "50": "#D4D8DB",
+    "100": "#C8CFD2",
+    "200": "#B2BBBF",
+    "300": "#9CA7AD",
+    "400": "#86939A",
+    "500": "#707F87",
+    "600": "#576268",
+    "700": "#3D454A",
+    "800": "#24282B",
+    "900": "#0A0C0C"
   },
   gray: {
-    DEFAULT: '#4b4b4b',
-    dark: '#4b4b4b',
-    light: '#F4F4F4',
-    active: '#F4F4F4'
+    DEFAULT: "#4b4b4b",
+    dark: "#4b4b4b",
+    light: "#F4F4F4",
+    active: "#F4F4F4"
   },
   vattjom: {
-    DEFAULT: '#005595',
-    dark: '#005595',
-    light: '#DAEFF1',
-    active: '#2B76B0'
+    DEFAULT: "#005595",
+    dark: "#005595",
+    light: "#DAEFF1",
+    active: "#2B76B0"
   },
   gronsta: {
-    DEFAULT: '#00733B',
-    dark: '#00733B',
-    light: '#E0F6DE',
-    active: '#00994e'
+    DEFAULT: "#00733B",
+    dark: "#00733B",
+    light: "#E0F6DE",
+    active: "#00994e"
   },
   bjornstigen: {
-    DEFAULT: '#5B1F78',
-    dark: '#5B1F78',
-    light: '#D7DBF2',
-    active: '#D7DBF2'
+    DEFAULT: "#5B1F78",
+    dark: "#5B1F78",
+    light: "#D7DBF2",
+    active: "#D7DBF2"
   },
   juniskar: {
-    DEFAULT: '#A90074',
-    dark: '#A90074',
-    light: '#FEDFE2',
-    active: '#FEDFE2'
+    DEFAULT: "#A90074",
+    dark: "#A90074",
+    light: "#FEDFE2",
+    active: "#FEDFE2"
+  },
+  warning: {
+    DEFAULT: "#E8B34D",
+    dark: "#E8B34D",
+    light: "#E8B34D",
+    active: "#E8B34D"
+  },
+  error: {
+    DEFAULT: "#B00000",
+    dark: "#B00000",
+    light: "#B00000",
+    active: "#B00000"
   }
@@ -56,0 +68,0 @@ };

dist/cjs/create-theme-vars/calc.js

@@ -0,0 +0,0 @@ "use strict";

dist/cjs/create-theme-vars/create-theme-vars.js

@@ -0,0 +0,0 @@ "use strict";

dist/cjs/create-theme-vars/to-css-var.js

@@ -0,0 +0,0 @@ "use strict";

dist/cjs/default-theme.js

@@ -14,12 +14,16 @@ "use strict";
     bg: {
-      base: '#ffffff',
+      base: "#ffffff",
       fill: _colors.colors.background.one
     },
     text: {
-      foreground: '#000000',
-      muted: '#E4E4E5'
+      foreground: "#000000",
+      muted: "#E4E4E5"
     },
     primary: _colors.colors.vattjom,
     secondary: _colors.colors.gronsta,
-    neutral: _colors.colors.svartvik
+    neutral: _colors.colors.svartvik,
+    success: _colors.colors.gronsta,
+    info: _colors.colors.vattjom,
+    warning: _colors.colors.warning,
+    error: _colors.colors.error
   }
@@ -43,3 +47,7 @@ }; // dark theme
     secondary: _colors.colors.gronsta,
-    neutral: _colors.colors.svartvik
+    neutral: _colors.colors.svartvik,
+    success: _colors.colors.gronsta,
+    info: _colors.colors.vattjom,
+    warning: _colors.colors.warning,
+    error: _colors.colors.error
   }
@@ -46,0 +54,0 @@ };

dist/esm/colors.js

@@ -5,49 +5,61 @@ // https://github.com/tailwindlabs/tailwindcss/blob/master/colors.js
   background: {
-    one: '#F4F4F4',
-    two: '#F4F4F4',
-    three: '#D9E6EF'
+    one: "#F4F4F4",
+    two: "#F4F4F4",
+    three: "#D9E6EF"
   },
   svartvik: {
-    '50': '#D4D8DB',
-    '100': '#C8CFD2',
-    '200': '#B2BBBF',
-    '300': '#9CA7AD',
-    '400': '#86939A',
-    '500': '#707F87',
-    '600': '#576268',
-    '700': '#3D454A',
-    '800': '#24282B',
-    '900': '#0A0C0C'
+    "50": "#D4D8DB",
+    "100": "#C8CFD2",
+    "200": "#B2BBBF",
+    "300": "#9CA7AD",
+    "400": "#86939A",
+    "500": "#707F87",
+    "600": "#576268",
+    "700": "#3D454A",
+    "800": "#24282B",
+    "900": "#0A0C0C"
   },
   gray: {
-    DEFAULT: '#4b4b4b',
-    dark: '#4b4b4b',
-    light: '#F4F4F4',
-    active: '#F4F4F4'
+    DEFAULT: "#4b4b4b",
+    dark: "#4b4b4b",
+    light: "#F4F4F4",
+    active: "#F4F4F4"
   },
   vattjom: {
-    DEFAULT: '#005595',
-    dark: '#005595',
-    light: '#DAEFF1',
-    active: '#2B76B0'
+    DEFAULT: "#005595",
+    dark: "#005595",
+    light: "#DAEFF1",
+    active: "#2B76B0"
   },
   gronsta: {
-    DEFAULT: '#00733B',
-    dark: '#00733B',
-    light: '#E0F6DE',
-    active: '#00994e'
+    DEFAULT: "#00733B",
+    dark: "#00733B",
+    light: "#E0F6DE",
+    active: "#00994e"
   },
   bjornstigen: {
-    DEFAULT: '#5B1F78',
-    dark: '#5B1F78',
-    light: '#D7DBF2',
-    active: '#D7DBF2'
+    DEFAULT: "#5B1F78",
+    dark: "#5B1F78",
+    light: "#D7DBF2",
+    active: "#D7DBF2"
   },
   juniskar: {
-    DEFAULT: '#A90074',
-    dark: '#A90074',
-    light: '#FEDFE2',
-    active: '#FEDFE2'
+    DEFAULT: "#A90074",
+    dark: "#A90074",
+    light: "#FEDFE2",
+    active: "#FEDFE2"
+  },
+  warning: {
+    DEFAULT: "#E8B34D",
+    dark: "#E8B34D",
+    light: "#E8B34D",
+    active: "#E8B34D"
+  },
+  error: {
+    DEFAULT: "#B00000",
+    dark: "#B00000",
+    light: "#B00000",
+    active: "#B00000"
   }
 };
 //# sourceMappingURL=colors.js.map

dist/esm/create-theme-vars/calc.js

@@ -0,0 +0,0 @@ /**

dist/esm/create-theme-vars/create-theme-vars.js

@@ -0,0 +0,0 @@ import { walkObject } from "@sk-web-gui/utils";

dist/esm/create-theme-vars/to-css-var.js

@@ -0,0 +0,0 @@ import { createThemeVars } from "./create-theme-vars";

dist/esm/default-theme.js

@@ -8,12 +8,16 @@ import { colors } from "./colors";
     bg: {
-      base: '#ffffff',
+      base: "#ffffff",
       fill: colors.background.one
     },
     text: {
-      foreground: '#000000',
-      muted: '#E4E4E5'
+      foreground: "#000000",
+      muted: "#E4E4E5"
     },
     primary: colors.vattjom,
     secondary: colors.gronsta,
-    neutral: colors.svartvik
+    neutral: colors.svartvik,
+    success: colors.gronsta,
+    info: colors.vattjom,
+    warning: colors.warning,
+    error: colors.error
   }
@@ -36,3 +40,7 @@ }; // dark theme
     secondary: colors.gronsta,
-    neutral: colors.svartvik
+    neutral: colors.svartvik,
+    success: colors.gronsta,
+    info: colors.vattjom,
+    warning: colors.warning,
+    error: colors.error
   }
@@ -39,0 +47,0 @@ };

dist/types/colors.d.ts

@@ -8,12 +8,12 @@ export declare const colors: {
     svartvik: {
-        '50': string;
-        '100': string;
-        '200': string;
-        '300': string;
-        '400': string;
-        '500': string;
-        '600': string;
-        '700': string;
-        '800': string;
-        '900': string;
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
     };
@@ -50,2 +50,14 @@ gray: {
     };
+    warning: {
+        DEFAULT: string;
+        dark: string;
+        light: string;
+        active: string;
+    };
+    error: {
+        DEFAULT: string;
+        dark: string;
+        light: string;
+        active: string;
+    };
 };

dist/types/create-memo-class.d.ts

 export declare function createMemoClass(func: (props: any) => string): (args?: any) => string;

dist/types/create-theme-vars/calc.d.ts

@@ -0,0 +0,0 @@ export declare type Operand = string | number | {

dist/types/create-theme-vars/create-theme-vars.d.ts

@@ -0,0 +0,0 @@ import { Dict } from "@sk-web-gui/utils";

dist/types/create-theme-vars/css-var.d.ts

@@ -0,0 +0,0 @@ export declare function addPrefix(value: string, prefix?: string): string;

dist/types/create-theme-vars/index.d.ts

@@ -0,0 +0,0 @@ export * from "./calc";

dist/types/create-theme-vars/theme-tokens.d.ts

@@ -0,0 +0,0 @@ import { Dict } from "@sk-web-gui/utils";

dist/types/create-theme-vars/to-css-var.d.ts

 import type { WithCSSVar, Dict } from "@sk-web-gui/utils";
 export declare function toCSSVar<T extends Dict>(rawTheme: T): WithCSSVar<T>;

dist/types/default-theme.d.ts

@@ -0,0 +0,0 @@ import { GuiTheme, ColorScheme } from "./types";

dist/types/gui-provider.d.ts

@@ -0,0 +0,0 @@ import { WithCSSVar, Dict } from "@sk-web-gui/utils";

dist/types/index.d.ts

@@ -0,0 +0,0 @@ export * from "./gui-provider";

dist/types/types.d.ts

@@ -0,0 +0,0 @@ import { DeepPartial } from "@sk-web-gui/utils";

dist/types/use-safe-effect.d.ts

 import { useLayoutEffect } from "react";
 export declare const useSafeEffect: typeof useLayoutEffect;

dist/types/utils.d.ts

 export declare const isBrowser: boolean;

package.json

 {
   "name": "@sk-web-gui/theme",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "sideEffects": false,
@@ -47,3 +47,3 @@ "license": "MIT",
   },
-  "gitHead": "d4b2038c599e53f0743646038da87009df06f3b2"
+  "gitHead": "cc78666be80b991b22524f2abdaddd24bc00d418"
 }

README.md

@@ -0,0 +0,0 @@ ## Installation

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

Improved metrics

Total package byte prevSize

97370

increased by1.51%

Lines of code

1138

increased by4.79%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes