@toeverything/theme - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

./src/index.ts

@@ -205,2 +205,4 @@ import { grabbingCursor, grabCursor } from './cursors';
   tooltip: 'rgba(0, 0, 0, 1)',
+
+  buttonShadow: '0px 0px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)',
   menuShadow:
@@ -358,2 +360,3 @@ '0px 0px 12px rgba(66, 65, 73, 0.14), inset 0px 0px 0px 0.5px rgba(227, 227, 228, 1)',
 
+  buttonShadow: '0px 0px 1px 0px rgba(0, 0, 0, 0.20), 0px 1px 5px 0px rgba(0, 0, 0, 0.20)',
   menuShadow:
@@ -360,0 +363,0 @@ '0px 0px 16px rgba(0, 0, 0, 0.32), 0px 0px 0px 0.5px #2E2E2E inset',

dist/index.d.ts

@@ -158,2 +158,3 @@ export declare const camelToKebab: (s: string) => string;
     tooltip: string;
+    buttonShadow: string;
     menuShadow: string;
@@ -361,2 +362,3 @@ toolbarShadow: string;
     tooltip: string;
+    buttonShadow: string;
     menuShadow: string;
@@ -363,0 +365,0 @@ toolbarShadow: string;

dist/index.js

@@ -43,3 +43,3 @@ function t(r) {
   </svg>
-`), C = (r) => typeof r != "string" ? "" : r.replace(/-/g, "_").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g, "$1-$2").toLowerCase().replace(/(\D+)(\d+)$/g, "$1-$2").replace(/\s|_/g, "-"), o = (r, a) => `url(${r}), ${a.join(", ")}`, b = (r) => `--affine-${C(r)}`, d = (r) => Object.entries(r), e = "apple-system, BlinkMacSystemFont, 'Helvetica Neue', Tahoma, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji','Segoe UI Symbol', 'Noto Color Emoji'", p = {
+`), C = (r) => typeof r != "string" ? "" : r.replace(/-/g, "_").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g, "$1-$2").toLowerCase().replace(/(\D+)(\d+)$/g, "$1-$2").replace(/\s|_/g, "-"), o = (r, a) => `url(${r}), ${a.join(", ")}`, p = (r) => `--affine-${C(r)}`, d = (r) => Object.entries(r), e = "apple-system, BlinkMacSystemFont, 'Helvetica Neue', Tahoma, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji','Segoe UI Symbol', 'Noto Color Emoji'", b = {
   // font
@@ -122,3 +122,3 @@ fontFamily: `'Inter', 'Source Sans 3', Poppins, ${e}`,
 }, h = {
-  ...p,
+  ...b,
   themeMode: "light",
@@ -196,2 +196,3 @@ brandColor: "#1E96EB",
   tooltip: "rgba(0, 0, 0, 1)",
+  buttonShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)",
   menuShadow: "0px 0px 12px rgba(66, 65, 73, 0.14), inset 0px 0px 0px 0.5px rgba(227, 227, 228, 1)",
@@ -255,3 +256,3 @@ toolbarShadow: "0px 6px 16px #00000024",
 }, u = {
-  ...p,
+  ...b,
   themeMode: "dark",
@@ -329,2 +330,3 @@ brandColor: "#1E96EB",
   tooltip: "rgba(234, 234, 234, 1)",
+  buttonShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.20), 0px 1px 5px 0px rgba(0, 0, 0, 0.20)",
   menuShadow: "0px 0px 16px rgba(0, 0, 0, 0.32), 0px 0px 0px 0.5px #2E2E2E inset",
@@ -387,8 +389,8 @@ toolbarShadow: "0px 6px 18px #00000052",
   noteBackgroundWhite: "rgba(0, 0, 0, 1)"
-}, l = (r) => d(r).reduce((a, [g, x]) => ({ ...a, [b(g)]: x }), {}), c = l(h), s = l(u);
+}, l = (r) => d(r).reduce((a, [g, x]) => ({ ...a, [p(g)]: x }), {}), c = l(h), s = l(u);
 function w(r, a) {
-  return `var(${r.startsWith("--") ? r : b(r)}${a ? `, ${a}` : ""})`;
+  return `var(${r.startsWith("--") ? r : p(r)}${a ? `, ${a}` : ""})`;
 }
 export {
-  p as baseTheme,
+  b as baseTheme,
   C as camelToKebab,
@@ -395,0 +397,0 @@ w as cssVar,

dist/v2/index.js

@@ -1,5 +0,8 @@
-function o(e) {
+function t(e) {
   return Object.keys(e);
 }
 const r = {
+  "badge/believer": "#374151",
+  "badge/free": "#29a3fa",
+  "badge/pro": "#29a3fa",
   "block/callout/background/blue": "#f0f9ff",
@@ -25,3 +28,2 @@ "block/callout/background/green": "#fbfef1",
   "button/innerBlackBorder": "#00000012",
-  "button/secondary": "#ffffff17",
   "button/badgesColor": "#ed3f3f",
@@ -34,2 +36,3 @@ "button/checkBox": "#1e96eb",
   "button/pureWhiteText": "#ffffff",
+  "button/secondary": "#ffffff",
   "button/success": "#44b931",
@@ -41,19 +44,26 @@ "button/grabber/select": "#00000038",
   "database/border": "#0000001a",
-  "database/textPrimary": "#141414",
   "database/textSecondary": "#00000085",
   "dialog/bg": "#ffffff",
   "edgeless/frame/background/black": "#cdcdcd",
-  "edgeless/frame/background/blue": "#bae4ff",
-  "edgeless/frame/background/green": "#9ce6b4",
+  "edgeless/frame/background/blue": "#e6f5ff",
+  "edgeless/frame/background/green": "#f1fdf4",
   "edgeless/frame/background/grey": "#f3f3f3",
-  "edgeless/frame/background/magenta": "#f58ec3",
-  "edgeless/frame/background/orange": "#ffc58f",
-  "edgeless/frame/background/purple": "#a693f3",
-  "edgeless/frame/background/red": "#ff9a9a",
-  "edgeless/frame/background/teal": "#b5f5ee",
+  "edgeless/frame/background/orange": "#ffebd5",
+  "edgeless/frame/background/purple": "#ede9ff",
+  "edgeless/frame/background/red": "#fce5e6",
+  "edgeless/frame/background/teal": "#e2fdf9",
   "edgeless/frame/background/white": "#ffffff",
-  "edgeless/frame/background/yellow": "#fff79b",
+  "edgeless/frame/background/yellow": "#fffbd5",
   "edgeless/frame/border/active": "#1e96eb",
   "edgeless/frame/border/default": "#0000002b",
+  "edgeless/frame/border/locked": "#00000085",
   "edgeless/frame/fontColor/font": "#000000f2",
+  "edgeless/group/background/background": "#ffffff",
+  "edgeless/group/border/active": "#1e96eb",
+  "edgeless/group/border/borderHint": "#8fd1ff",
+  "edgeless/group/border/hover": "#1e96eb",
+  "edgeless/group/fontColor/active": "#1e96eb",
+  "edgeless/group/fontColor/default": "#00000085",
+  "edgeless/group/fontColor/hover": "#1e96eb",
+  "edgeless/group/fontColor/rename": "#000000",
   "edgeless/line/black": "#000000",
@@ -70,2 +80,3 @@ "edgeless/line/blue": "#29a3fa",
   "edgeless/line/yellow": "#facc15",
+  "edgeless/mindMap/line": "#000000",
   "edgeless/note/black": "#b3b3b3",
@@ -117,3 +128,3 @@ "edgeless/note/blue": "#ceecff",
   "layer/background/modal": "#000000b2",
-  "layer/background/overlayPanel": "#f9f9f9",
+  "layer/background/overlayPanel": "#ffffff",
   "layer/background/primary": "#ffffff",
@@ -132,19 +143,20 @@ "layer/background/processing": "#eef2ff",
   "status/success": "#44b931",
-  "switch/background/background": "#f3f3f3",
-  "switch/buttonBackground/buttonBackground": "#ffffff",
-  "switch/buttonStatus/active": "#1e96eb",
-  "switch/buttonStatus/default": "#929292",
+  "switch/buttonBackground/active": "#ffffff",
+  "switch/buttonBackground/hover": "#0000000d",
   "switch/fontColor/primary": "#141414",
   "switch/fontColor/secondary": "#7a7a7a",
   "switch/fontColor/tertiary": "#929292",
-  "tab/divider/divider": "#cdcdcd",
-  "tab/fontColor/active": "#1e96eb",
-  "tab/fontColor/default": "#929292",
+  "switch/iconColor/active": "#565656",
+  "switch/iconColor/default": "#929292",
+  "switch/switchBackground/background": "#f3f3f3",
+  "tab/divider/divider": "#00000012",
+  "tab/divider/indicator": "#1e96eb",
+  "tab/fontColor/active": "#141414",
+  "tab/fontColor/default": "#7a7a7a",
   "tab/fontColor/hover": "#141414",
-  "tab/iconColor/active": "#1e96eb",
-  "tab/iconColor/default": "#b3b3b3",
-  "tab/iconColor/hover": "#7a7a7a",
-  "tab/tabBackground/active": "#ffffff",
-  "tab/tabBackground/default": "#f3f3f3",
-  "tab/tabBackground/hover": "#e6e6e6",
+  "tab/iconColor/active": "#565656",
+  "tab/iconColor/default": "#929292",
+  "tab/iconColor/hover": "#565656",
+  "tab/tabBackground/active": "#00000012",
+  "tab/tabBackground/default": "#00000008",
   "text/disable": "#7a7a7a",
@@ -159,2 +171,3 @@ "text/emphasis": "#1e96eb",
   "text/tertiary": "#929292",
+  "text/highlight/border": "#00000038",
   "text/highlight/bg/blue": "#daf0ff",
@@ -171,3 +184,3 @@ "text/highlight/bg/green": "#f0fccb",
   "text/highlight/fg/green": "#225c18",
-  "text/highlight/fg/grey": "#414141",
+  "text/highlight/fg/grey": "#7a7a7a",
   "text/highlight/fg/magenta": "#941555",
@@ -194,3 +207,6 @@ "text/highlight/fg/orange": "#db7123",
   "tooltips/secondaryBackground": "#ffffff2b"
-}, c = {
+}, d = {
+  "badge/believer": "#374151",
+  "badge/free": "#29a3fa",
+  "badge/pro": "#29a3fa",
   "block/callout/background/blue": "#002742",
@@ -223,3 +239,3 @@ "block/callout/background/green": "#192e06",
   "button/pureWhiteText": "#ffffff",
-  "button/secondary": "#00000012",
+  "button/secondary": "#000000",
   "button/success": "#44b931",
@@ -230,20 +246,27 @@ "button/grabber/select": "#ffffff",
   "button/siderbarPrimary/background": "#0000002b",
-  "database/border": "#ffffff0d",
-  "database/textPrimary": "#141414",
+  "database/border": "#ffffff21",
   "database/textSecondary": "#ffffff8f",
   "dialog/bg": "#ffffff",
   "edgeless/frame/background/black": "#cdcdcd",
-  "edgeless/frame/background/blue": "#bae4ff",
-  "edgeless/frame/background/green": "#9ce6b4",
+  "edgeless/frame/background/blue": "#e6f5ff",
+  "edgeless/frame/background/green": "#f1fdf4",
   "edgeless/frame/background/grey": "#f3f3f3",
-  "edgeless/frame/background/magenta": "#f58ec3",
-  "edgeless/frame/background/orange": "#ffc58f",
-  "edgeless/frame/background/purple": "#a693f3",
-  "edgeless/frame/background/red": "#ff9a9a",
-  "edgeless/frame/background/teal": "#b5f5ee",
+  "edgeless/frame/background/orange": "#ffebd5",
+  "edgeless/frame/background/purple": "#ede9ff",
+  "edgeless/frame/background/red": "#fce5e6",
+  "edgeless/frame/background/teal": "#e2fdf9",
   "edgeless/frame/background/white": "#ffffff",
-  "edgeless/frame/background/yellow": "#fff79b",
+  "edgeless/frame/background/yellow": "#fffbd5",
   "edgeless/frame/border/active": "#1e96eb",
-  "edgeless/frame/border/default": "#0000002b",
+  "edgeless/frame/border/default": "#ffffff2b",
+  "edgeless/frame/border/locked": "#ffffff8f",
   "edgeless/frame/fontColor/font": "#000000f2",
+  "edgeless/group/background/background": "#ffffff",
+  "edgeless/group/border/active": "#1e96eb",
+  "edgeless/group/border/borderHint": "#8fd1ff",
+  "edgeless/group/border/hover": "#1e96eb",
+  "edgeless/group/fontColor/active": "#1e96eb",
+  "edgeless/group/fontColor/default": "#ffffff8f",
+  "edgeless/group/fontColor/hover": "#1e96eb",
+  "edgeless/group/fontColor/rename": "#000000",
   "edgeless/line/black": "#000000",
@@ -260,2 +283,3 @@ "edgeless/line/blue": "#29a3fa",
   "edgeless/line/yellow": "#facc15",
+  "edgeless/mindMap/line": "#ffffff",
   "edgeless/note/black": "#252525",
@@ -321,19 +345,20 @@ "edgeless/note/blue": "#004b7b",
   "status/success": "#1d9c07",
-  "switch/background/background": "#252525",
-  "switch/buttonBackground/buttonBackground": "#414141",
-  "switch/buttonStatus/active": "#1e96eb",
-  "switch/buttonStatus/default": "#7a7a7a",
+  "switch/buttonBackground/active": "#414141",
+  "switch/buttonBackground/hover": "#ffffff0d",
   "switch/fontColor/primary": "#141414",
   "switch/fontColor/secondary": "#7a7a7a",
   "switch/fontColor/tertiary": "#929292",
-  "tab/divider/divider": "#565656",
-  "tab/fontColor/active": "#1e96eb",
+  "switch/iconColor/active": "#cdcdcd",
+  "switch/iconColor/default": "#7a7a7a",
+  "switch/switchBackground/background": "#252525",
+  "tab/divider/divider": "#ffffff21",
+  "tab/divider/indicator": "#1e96eb",
+  "tab/fontColor/active": "#141414",
   "tab/fontColor/default": "#929292",
   "tab/fontColor/hover": "#141414",
-  "tab/iconColor/active": "#1e96eb",
-  "tab/iconColor/default": "#929292",
-  "tab/iconColor/hover": "#b3b3b3",
-  "tab/tabBackground/active": "#414141",
-  "tab/tabBackground/default": "#252525",
-  "tab/tabBackground/hover": "#414141",
+  "tab/iconColor/active": "#cdcdcd",
+  "tab/iconColor/default": "#7a7a7a",
+  "tab/iconColor/hover": "#cdcdcd",
+  "tab/tabBackground/active": "#ffffff21",
+  "tab/tabBackground/default": "#ffffff0d",
   "text/disable": "#565656",
@@ -348,2 +373,3 @@ "text/emphasis": "#29a3fa",
   "text/tertiary": "#7a7a7a",
+  "text/highlight/border": "#ffffff3b",
   "text/highlight/bg/blue": "#002742",
@@ -383,20 +409,20 @@ "text/highlight/bg/green": "#192e06",
 };
-function f(e) {
+function o(e) {
   return `--affine-${e.split("/").join("-")}`;
 }
 function l(e) {
-  const a = {};
-  return o(e).forEach((t) => {
-    a[f(t)] = e[t];
-  }), a;
+  const f = {};
+  return t(e).forEach((a) => {
+    f[o(a)] = e[a];
+  }), f;
 }
-const g = l(r), d = l(c);
-function b(e, a) {
-  return `var(${f(e)}${a ? `, ${a}` : ""})`;
+const g = l(r), c = l(d);
+function b(e, f) {
+  return `var(${o(e)}${f ? `, ${f}` : ""})`;
 }
 export {
   b as cssVarV2,
-  d as darkCssVariablesV2,
+  c as darkCssVariablesV2,
   g as lightCssVariablesV2
 };
 //# sourceMappingURL=index.js.map

dist/v2/variables.d.ts

 export declare const lightThemeV2: {
+    'badge/believer': string;
+    'badge/free': string;
+    'badge/pro': string;
     'block/callout/background/blue': string;
@@ -22,3 +25,2 @@ 'block/callout/background/green': string;
     'button/innerBlackBorder': string;
-    'button/secondary': string;
     'button/badgesColor': string;
@@ -31,2 +33,3 @@ 'button/checkBox': string;
     'button/pureWhiteText': string;
+    'button/secondary': string;
     'button/success': string;
@@ -38,3 +41,2 @@ 'button/grabber/select': string;
     'database/border': string;
-    'database/textPrimary': string;
     'database/textSecondary': string;
@@ -46,3 +48,2 @@ 'dialog/bg': string;
     'edgeless/frame/background/grey': string;
-    'edgeless/frame/background/magenta': string;
     'edgeless/frame/background/orange': string;
@@ -56,3 +57,12 @@ 'edgeless/frame/background/purple': string;
     'edgeless/frame/border/default': string;
+    'edgeless/frame/border/locked': string;
     'edgeless/frame/fontColor/font': string;
+    'edgeless/group/background/background': string;
+    'edgeless/group/border/active': string;
+    'edgeless/group/border/borderHint': string;
+    'edgeless/group/border/hover': string;
+    'edgeless/group/fontColor/active': string;
+    'edgeless/group/fontColor/default': string;
+    'edgeless/group/fontColor/hover': string;
+    'edgeless/group/fontColor/rename': string;
     'edgeless/line/black': string;
@@ -69,2 +79,3 @@ 'edgeless/line/blue': string;
     'edgeless/line/yellow': string;
+    'edgeless/mindMap/line': string;
     'edgeless/note/black': string;
@@ -130,10 +141,12 @@ 'edgeless/note/blue': string;
     'status/success': string;
-    'switch/background/background': string;
-    'switch/buttonBackground/buttonBackground': string;
-    'switch/buttonStatus/active': string;
-    'switch/buttonStatus/default': string;
+    'switch/buttonBackground/active': string;
+    'switch/buttonBackground/hover': string;
     'switch/fontColor/primary': string;
     'switch/fontColor/secondary': string;
     'switch/fontColor/tertiary': string;
+    'switch/iconColor/active': string;
+    'switch/iconColor/default': string;
+    'switch/switchBackground/background': string;
     'tab/divider/divider': string;
+    'tab/divider/indicator': string;
     'tab/fontColor/active': string;
@@ -147,3 +160,2 @@ 'tab/fontColor/default': string;
     'tab/tabBackground/default': string;
-    'tab/tabBackground/hover': string;
     'text/disable': string;
@@ -158,2 +170,3 @@ 'text/emphasis': string;
     'text/tertiary': string;
+    'text/highlight/border': string;
     'text/highlight/bg/blue': string;
@@ -194,2 +207,5 @@ 'text/highlight/bg/green': string;
 export declare const darkThemeV2: {
+    'badge/believer': string;
+    'badge/free': string;
+    'badge/pro': string;
     'block/callout/background/blue': string;
@@ -229,3 +245,2 @@ 'block/callout/background/green': string;
     'database/border': string;
-    'database/textPrimary': string;
     'database/textSecondary': string;
@@ -237,3 +252,2 @@ 'dialog/bg': string;
     'edgeless/frame/background/grey': string;
-    'edgeless/frame/background/magenta': string;
     'edgeless/frame/background/orange': string;
@@ -247,3 +261,12 @@ 'edgeless/frame/background/purple': string;
     'edgeless/frame/border/default': string;
+    'edgeless/frame/border/locked': string;
     'edgeless/frame/fontColor/font': string;
+    'edgeless/group/background/background': string;
+    'edgeless/group/border/active': string;
+    'edgeless/group/border/borderHint': string;
+    'edgeless/group/border/hover': string;
+    'edgeless/group/fontColor/active': string;
+    'edgeless/group/fontColor/default': string;
+    'edgeless/group/fontColor/hover': string;
+    'edgeless/group/fontColor/rename': string;
     'edgeless/line/black': string;
@@ -260,2 +283,3 @@ 'edgeless/line/blue': string;
     'edgeless/line/yellow': string;
+    'edgeless/mindMap/line': string;
     'edgeless/note/black': string;
@@ -321,10 +345,12 @@ 'edgeless/note/blue': string;
     'status/success': string;
-    'switch/background/background': string;
-    'switch/buttonBackground/buttonBackground': string;
-    'switch/buttonStatus/active': string;
-    'switch/buttonStatus/default': string;
+    'switch/buttonBackground/active': string;
+    'switch/buttonBackground/hover': string;
     'switch/fontColor/primary': string;
     'switch/fontColor/secondary': string;
     'switch/fontColor/tertiary': string;
+    'switch/iconColor/active': string;
+    'switch/iconColor/default': string;
+    'switch/switchBackground/background': string;
     'tab/divider/divider': string;
+    'tab/divider/indicator': string;
     'tab/fontColor/active': string;
@@ -338,3 +364,2 @@ 'tab/fontColor/default': string;
     'tab/tabBackground/default': string;
-    'tab/tabBackground/hover': string;
     'text/disable': string;
@@ -349,2 +374,3 @@ 'text/emphasis': string;
     'text/tertiary': string;
+    'text/highlight/border': string;
     'text/highlight/bg/blue': string;
@@ -351,0 +377,0 @@ 'text/highlight/bg/green': string;

package.json

 {
   "name": "@toeverything/theme",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
@@ -5,0 +5,0 @@ "repository": "toeverything/design",

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

339980

increased by2.77%

Lines of code

2657

increased by2.71%

No dependency changes