@toeverything/theme - npm Package Compare versions

Comparing version 0.7.2 to 0.7.3

dist/index.d.ts

@@ -11,2 +11,5 @@ export declare const camelToKebab: (s: string) => string;
     fontFamily: string;
+    fontSerifFamily: string;
+    fontMonoFamily: string;
+    fontSansFamily: string;
     fontNumberFamily: string;
@@ -135,2 +138,3 @@ fontCodeFamily: string;
     menuShadow: string;
+    activeShadow: string;
     shadow1: string;
@@ -146,2 +150,5 @@ shadow2: string;
     fontFamily: string;
+    fontSerifFamily: string;
+    fontMonoFamily: string;
+    fontSansFamily: string;
     fontNumberFamily: string;
@@ -270,2 +277,3 @@ fontCodeFamily: string;
     menuShadow: string;
+    activeShadow: string;
     shadow1: string;
@@ -281,2 +289,5 @@ shadow2: string;
     fontFamily: string;
+    fontSerifFamily: string;
+    fontMonoFamily: string;
+    fontSansFamily: string;
     fontNumberFamily: string;
@@ -283,0 +294,0 @@ fontCodeFamily: string;

dist/index.js

@@ -1,6 +0,9 @@
-const g = (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 = "apple-system, BlinkMacSystemFont,Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial,Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji,Segoe UI Symbol, Noto Color Emoji", b = {
+const g = (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, "-"), a = "apple-system, BlinkMacSystemFont,'Helvetica Neue', Tahoma, 'PingFang SC', 'Microsoft Yahei', Arial,'Hiragino Sans GB', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji','Segoe UI Symbol', 'Noto Color Emoji'", b = {
   // font
-  fontFamily: `Avenir Next, Poppins, ${o}`,
-  fontNumberFamily: `Roboto Mono, ${o}`,
-  fontCodeFamily: `Space Mono, Consolas, Menlo, Monaco, Courier, monospace, ${o}`,
+  fontFamily: `'Inter', 'Source Sans 3', Poppins, ${a}`,
+  fontSerifFamily: `'Source Serif 4', serif, 'Cambria', ${a}`,
+  fontMonoFamily: `'Source Code Pro', 'IBM Plex Mono', 'Roboto Mono', ${a}`,
+  fontSansFamily: `'Inter', 'Source Sans 3', Poppins, sans-serif ${a}`,
+  fontNumberFamily: `'Roboto Mono', ${a}`,
+  fontCodeFamily: `'Space Mono', Consolas, Menlo, Monaco, Courier, monospace, ${a}`,
   fontTitle: "36px",
@@ -13,3 +16,3 @@ fontH1: "28px",
   fontH6: "18px",
-  fontBase: "16px",
+  fontBase: "15px",
   fontSm: "14px",
@@ -25,26 +28,26 @@ fontXs: "12px",
   scale: "calc(1 / var(--affine-zoom))",
-  paletteLineYellow: "rgb(255, 232, 56)",
+  paletteLineYellow: "rgb(255, 211, 56)",
   paletteLineOrange: "rgb(255, 175, 56)",
-  paletteLineTangerine: "rgb(255, 99, 31)",
-  paletteLineRed: "rgb(252, 63, 85)",
-  paletteLineMagenta: "rgb(255, 56, 179)",
-  paletteLinePurple: "rgb(182, 56, 255)",
+  paletteLineTangerine: "rgb(250, 124, 69)",
+  paletteLineRed: "rgb(237, 63, 63)",
+  paletteLineMagenta: "rgb(230, 96, 164)",
+  paletteLinePurple: "rgb(110, 82, 223)",
   paletteLineNavy: "rgb(59, 37, 204)",
   paletteLineBlue: "rgb(79, 144, 255)",
-  paletteLineGreen: "rgb(16, 203, 134)",
+  paletteLineGreen: "rgb(124, 194, 112)",
   paletteLineWhite: "rgb(255, 255, 255)",
-  paletteLineBlack: "rgb(0, 0, 0)",
-  paletteLineGrey: "rgb(153, 153, 153)",
-  paletteShapeYellow: "rgb(255, 241, 136)",
-  paletteShapeOrange: "rgb(255, 207, 136)",
-  paletteShapeTangerine: "rgb(255, 161, 121)",
-  paletteShapeRed: "rgb(253, 140, 153)",
-  paletteShapeMagenta: "rgb(255, 136, 209)",
-  paletteShapePurple: "rgb(211, 136, 255)",
-  paletteShapeNavy: "rgb(137, 124, 224)",
-  paletteShapeBlue: "rgb(149, 188, 255)",
-  paletteShapeGreen: "rgb(112, 224, 182)",
+  paletteLineBlack: "rgb(35, 35, 35)",
+  paletteLineGrey: "rgb(191, 192, 191)",
+  paletteShapeYellow: "rgb(255, 223, 107)",
+  paletteShapeOrange: "rgb(255, 196, 107)",
+  paletteShapeTangerine: "rgb(251, 161, 121)",
+  paletteShapeRed: "rgb(241, 111, 111)",
+  paletteShapeMagenta: "rgb(237, 140, 189)",
+  paletteShapePurple: "rgb(147, 126, 231)",
+  paletteShapeNavy: "rgb(122, 149, 246)",
+  paletteShapeBlue: "rgb(184, 227, 255)",
+  paletteShapeGreen: "rgb(157, 209, 148)",
   paletteShapeWhite: "rgb(255, 255, 255)",
-  paletteShapeBlack: "rgb(0, 0, 0)",
-  paletteShapeGrey: "rgb(194, 194, 194)",
+  paletteShapeBlack: "rgb(35, 35, 35)",
+  paletteShapeGrey: "rgb(216, 217, 216)",
   blue: "rgba(30, 150, 235, 1)",
@@ -59,3 +62,3 @@ pureBlack10: "rgba(0, 0, 0, 0.1)",
   brandColor: "#1E96EB",
-  tertiaryColor: "rgb(243, 240, 255)",
+  tertiaryColor: "rgba(239, 250, 255, 1)",
   primaryColor: "#1E96EB",
@@ -91,3 +94,3 @@ primaryColor04: "rgba(30, 150, 235, 0.04)",
   hoverColorFilled: "rgb(245, 245, 245)",
-  linkColor: "rgba(88, 114, 251, 1)",
+  linkColor: "#1E67AF",
   quoteColor: "rgba(194, 193, 197, 1)",
@@ -101,5 +104,5 @@ listColor: "rgba(133, 131, 140, 1)",
   edgelessGridColor: "rgb(230, 230, 230)",
-  successColor: "rgb(16, 203, 134)",
-  warningColor: "rgb(255, 99, 31)",
-  errorColor: "rgb(235, 67, 53)",
+  successColor: "#10CB86",
+  warningColor: "#FF981F",
+  errorColor: "#EB4335",
   processingColor: "rgb(39, 118, 255)",
@@ -132,2 +135,3 @@ black10: "rgba(0, 0, 0, 0.1)",
   menuShadow: "0px 0px 12px rgba(66, 65, 73, 0.14), inset 0px 0px 0px 0.5px rgba(227, 227, 228, 1)",
+  activeShadow: "0px 0px 0px 2px rgba(30, 150, 235, 0.30)",
   shadow1: "0px 0px 4px 0px rgba(66, 65, 73, 0.14)",
@@ -170,7 +174,7 @@ shadow2: "0px 0px 12px 0px rgba(66, 65, 73, 0.18)",
   listColor: "rgba(156, 155, 160, 1)",
-  linkColor: "rgb(185, 191, 227)",
+  linkColor: "#78BEFF",
   edgelessGridColor: "rgb(49, 49, 49)",
-  successColor: "rgb(77, 213, 181)",
-  warningColor: "rgb(255, 123, 77)",
-  errorColor: "rgb(212, 140, 130)",
+  successColor: "#27E297",
+  warningColor: "#FEAE5F",
+  errorColor: "#F1907D",
   processingColor: "rgb(195, 215, 255)",
@@ -217,2 +221,3 @@ textEmphasisColor: "#1E96EB",
   menuShadow: "0px 0px 12px rgba(0, 0, 0, 1), inset 0px 0px 0px 0.5px rgba(46, 46, 46, 1)",
+  activeShadow: "0px 0px 0px 2px rgba(30, 150, 235, 0.30)",
   shadow1: "0px 0px 4px 2px rgba(15, 15, 15, 1)",
@@ -228,6 +233,6 @@ shadow2: "0px 0px 12px 4px rgba(15, 15, 15, 0.8)",
 }, p = Object.entries(l).reduce(
-  (r, [a, e]) => (r[`--affine-${g(a)}`] = e, r),
+  (r, [e, o]) => (r[`--affine-${g(e)}`] = o, r),
   {}
 ), n = Object.entries(t).reduce(
-  (r, [a, e]) => (r[`--affine-${g(a)}`] = e, r),
+  (r, [e, o]) => (r[`--affine-${g(e)}`] = o, r),
   {}
@@ -234,0 +239,0 @@ );

package.json

 {
   "name": "@toeverything/theme",
-  "version": "0.7.2",
+  "version": "0.7.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

89716

increased by4.18%

Lines of code

671

increased by3.55%

No dependency changes