@toeverything/theme - npm Package Compare versions

Comparing version 0.7.21 to 0.7.23

./src/index.ts

@@ -76,2 +76,3 @@ import { grabbingCursor,grabCursor } from "./cursors";
   paletteLineBlue: 'rgb(79, 144, 255)',
+  paletteLineTeal: 'rgb(122, 226, 213)',
   paletteLineGreen: 'rgb(124, 194, 112)',
@@ -98,2 +99,3 @@ paletteLineWhite: 'rgb(255, 255, 255)',
   multiPlayersGreen: 'rgba(27, 196, 125, 1)',
+  paletteShapeTeal: 'rgb(184, 242, 231)',
   multiPlayersBlue: 'rgba(24, 160, 251, 1)',
@@ -157,3 +159,3 @@ multiPlayersBrown: 'rgba(154, 101, 51, 1)',
   backgroundModalColor: 'rgba(0, 0, 0, 0.75)',
-  textPrimaryColor: 'rgb(66, 65, 73)',
+  textPrimaryColor: 'rgb(18, 18, 18)',
   textSecondaryColor: 'rgb(142, 141, 145)',
@@ -201,2 +203,3 @@ textDisableColor: 'rgb(169, 169, 173)',
   tagPink: 'rgba(251, 231, 255, 1)',
+  tagMagenta: 'rgba(249, 232, 255, 1)',
   tooltip: 'rgba(0, 0, 0, 1)',
@@ -220,2 +223,7 @@ menuShadow:
   largeButtonEffect: '0px 12px 21px 4px rgba(30, 150, 235, 0.15)',
+  noteShadowSticker: '0px 24px 26px rgba(66, 65, 73. 0.1), 0px 26px 18px rgba(66, 65, 73, 0.2)',
+  noteShadowPaper: '0px 3px 6px rgba(66, 65, 73, 0.2), 0px 0px 0px rgba(255, 255, 255, 1)',
+  noteShadowBox: '0px 2px 12px rgba(66, 65, 73, 0.2), 0px 0px 4px rgba(66, 65, 73, 0.2)',
+  noteShadowFloat: '0px 12px 60px rgba(66, 65, 73, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.1)',
+  noteShadowFilm: '10px 10px 0px rgba(0, 0, 0, 1), 0px 0px 0px rgba(0, 0, 0, 1)',
   buttonGrayColor: 'rgba(245, 245, 245, 1)',
@@ -226,10 +234,18 @@ cardBackgroundBlue: 'linear-gradient(180deg, #F0F3FD 0%, #FCFCFD 100%)',
   windowsCloseButton: '#C42B1C',
-  textHighlightPink: 'rgba(255, 206, 206, 1)',
-  textHighlightOrange: 'rgba(255, 203, 166, 1)',
-  textHighlightYellow: 'rgba(255, 245, 171, 1)',
-  textHighlightGreen: 'rgba(197, 251, 224, 1)',
-  textHighlightTeal: 'rgba(198, 241, 243, 1)',
-  textHighlightBlue: 'rgba(195, 219, 255, 1)',
-  textHighlightPurple: 'rgba(227, 222, 255, 1)',
-  textHighlightGrey: 'rgba(236, 241, 251, 1)',
+  textHighlightRed: 'rgba(198, 34, 34, 1)',
+  textHighlightOrange: 'rgba(211, 79, 11, 1)',
+  textHighlightYellow: 'rgba(182, 124, 4, 1)',
+  textHighlightGreen: 'rgba(20, 147, 67, 1)',
+  textHighlightTeal: 'rgba(7, 130, 160, 1)',
+  textHighlightBlue: 'rgba(33, 89, 211, 1)',
+  textHighlightPurple: 'rgba(132, 46, 211, 1)',
+  textHighlightGrey: 'rgba(68, 77, 89, 1)',
+  textHighlightBackgroundRed: 'rgba(254, 213, 213, 1)',
+  textHighlightBackgroundOrange: 'rgba(254, 223, 187, 1)',
+  textHighlightBackgroundYellow: 'rgba(254, 243, 161, 1)',
+  textHighlightBackgroundGreen: 'rgba(225, 250, 177, 1)',
+  textHighlightBackgroundTeal: 'rgba(173, 248, 233, 1)',
+  textHighlightBackgroundBlue: 'rgba(204, 226, 254, 1)',
+  textHighlightBackgroundPurple: 'rgba(237, 221, 255, 1)',
+  textHighlightBackgroundGrey: 'rgba(234, 236, 239, 1)',
 };
@@ -310,2 +326,3 @@
   tagPink: 'rgba(155, 106, 106, 1)',
+  tagMagenta: 'rgba(105, 47, 111, 1)',
   tagYellow: 'rgba(150, 132, 49, 1)',
@@ -333,2 +350,7 @@ tagOrange: 'rgba(185, 129, 46, 1)',
   largeButtonEffect: '0px 12px 20px 4px rgba(28, 158, 228, 0.18)',
+  noteShadowSticker: '0px 24px 26px rgba(0, 0, 0, 0.1), 0px 26px 18px rgba(0, 0, 0, 0.3)',
+  noteShadowPaper: '0px 3px 6px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(255, 255, 255, 0.2)',
+  noteShadowBox: '0px 2px 12px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.4)',
+  noteShadowFloat: '0px 12px 70px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.1)',
+  noteShadowFilm: '10px 10px 0px rgba(178, 178, 178, 1), 0px 0px 0px rgba(178, 178, 178, 1)',
 
@@ -340,10 +362,18 @@ buttonGrayColor: 'rgba(85, 85, 85, 1)',
   windowsCloseButton: '#C42B1C',
-  textHighlightPink: 'rgba(127, 93, 93, 1)',
-  textHighlightOrange: 'rgba(127, 102, 84, 1)',
-  textHighlightYellow: 'rgba(137, 133, 90, 1)',
-  textHighlightGreen: 'rgba(90, 127, 109, 1)',
-  textHighlightTeal: 'rgba(76, 125, 127, 1)',
-  textHighlightBlue: 'rgba(72, 95, 127, 1)',
-  textHighlightPurple: 'rgba(97, 90, 127, 1)',
-  textHighlightGrey: 'rgba(111, 112, 117, 1)',
+  textHighlightRed: 'rgba(249, 141, 141, 1)',
+  textHighlightOrange: 'rgba(252, 168, 99, 1)',
+  textHighlightYellow: 'rgba(251, 214, 68, 1)',
+  textHighlightGreen: 'rgba(110, 229, 153, 1)',
+  textHighlightTeal: 'rgba(87, 221, 204, 1)',
+  textHighlightBlue: 'rgba(128, 183, 251, 1)',
+  textHighlightPurple: 'rgba(205, 157, 253, 1)',
+  textHighlightGrey: 'rgba(176, 181, 191, 1)',
+  textHighlightBackgroundRed: 'rgba(108, 39, 39, 1)',
+  textHighlightBackgroundOrange: 'rgba(112, 58, 21, 1)',
+  textHighlightBackgroundYellow: 'rgba(106, 84, 15, 1)',
+  textHighlightBackgroundGreen: 'rgba(26, 91, 50, 1)',
+  textHighlightBackgroundTeal: 'rgba(14, 85, 97, 1)',
+  textHighlightBackgroundBlue: 'rgba(56, 75, 122, 1)',
+  textHighlightBackgroundPurple: 'rgba(80, 46, 111, 1)',
+  textHighlightBackgroundGrey: 'rgba(64, 67, 74, 1)',
 } satisfies Omit<AffineTheme, 'editorMode'>;
@@ -350,0 +380,0 @@

dist/index.d.ts

@@ -43,2 +43,3 @@ export declare const camelToKebab: (s: string) => string;
     paletteLineBlue: string;
+    paletteLineTeal: string;
     paletteLineGreen: string;
@@ -65,2 +66,3 @@ paletteLineWhite: string;
     multiPlayersGreen: string;
+    paletteShapeTeal: string;
     multiPlayersBlue: string;
@@ -156,2 +158,3 @@ multiPlayersBrown: string;
     tagPink: string;
+    tagMagenta: string;
     tooltip: string;
@@ -170,2 +173,7 @@ menuShadow: string;
     largeButtonEffect: string;
+    noteShadowSticker: string;
+    noteShadowPaper: string;
+    noteShadowBox: string;
+    noteShadowFloat: string;
+    noteShadowFilm: string;
     buttonGrayColor: string;
@@ -176,3 +184,3 @@ cardBackgroundBlue: string;
     windowsCloseButton: string;
-    textHighlightPink: string;
+    textHighlightRed: string;
     textHighlightOrange: string;
@@ -185,2 +193,10 @@ textHighlightYellow: string;
     textHighlightGrey: string;
+    textHighlightBackgroundRed: string;
+    textHighlightBackgroundOrange: string;
+    textHighlightBackgroundYellow: string;
+    textHighlightBackgroundGreen: string;
+    textHighlightBackgroundTeal: string;
+    textHighlightBackgroundBlue: string;
+    textHighlightBackgroundPurple: string;
+    textHighlightBackgroundGrey: string;
     fontFamily: string;
@@ -219,2 +235,3 @@ fontSerifFamily: string;
     paletteLineBlue: string;
+    paletteLineTeal: string;
     paletteLineGreen: string;
@@ -241,2 +258,3 @@ paletteLineWhite: string;
     multiPlayersGreen: string;
+    paletteShapeTeal: string;
     multiPlayersBlue: string;
@@ -329,2 +347,3 @@ multiPlayersBrown: string;
     tagPink: string;
+    tagMagenta: string;
     tagYellow: string;
@@ -346,2 +365,7 @@ tagOrange: string;
     largeButtonEffect: string;
+    noteShadowSticker: string;
+    noteShadowPaper: string;
+    noteShadowBox: string;
+    noteShadowFloat: string;
+    noteShadowFilm: string;
     buttonGrayColor: string;
@@ -352,3 +376,3 @@ cardBackgroundBlue: string;
     windowsCloseButton: string;
-    textHighlightPink: string;
+    textHighlightRed: string;
     textHighlightOrange: string;
@@ -361,2 +385,10 @@ textHighlightYellow: string;
     textHighlightGrey: string;
+    textHighlightBackgroundRed: string;
+    textHighlightBackgroundOrange: string;
+    textHighlightBackgroundYellow: string;
+    textHighlightBackgroundGreen: string;
+    textHighlightBackgroundTeal: string;
+    textHighlightBackgroundBlue: string;
+    textHighlightBackgroundPurple: string;
+    textHighlightBackgroundGrey: string;
     fontFamily: string;
@@ -395,2 +427,3 @@ fontSerifFamily: string;
     paletteLineBlue: string;
+    paletteLineTeal: string;
     paletteLineGreen: string;
@@ -417,2 +450,3 @@ paletteLineWhite: string;
     multiPlayersGreen: string;
+    paletteShapeTeal: string;
     multiPlayersBlue: string;
@@ -419,0 +453,0 @@ multiPlayersBrown: string;

dist/index.js

@@ -1,6 +0,6 @@
-function b(r) {
+function t(r) {
   const a = r.replace(/\n/g, "").replace(/[\s]{2,}/g, " ");
   return `data:image/svg+xml,${encodeURIComponent(a)}`;
 }
-const p = b(`
+const p = t(`
   <svg
@@ -24,3 +24,3 @@ width="24"
   </svg>
-`), C = b(`
+`), x = t(`
   <svg
@@ -44,3 +44,3 @@ width="24"
   </svg>
-`), t = (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, "-"), g = (r, a) => `url(${r}), ${a.join(", ")}`, e = "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'", l = {
+`), b = (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(", ")}`, e = "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'", l = {
   // font
@@ -80,2 +80,3 @@ fontFamily: `'Inter', 'Source Sans 3', Poppins, ${e}`,
   paletteLineBlue: "rgb(79, 144, 255)",
+  paletteLineTeal: "rgb(122, 226, 213)",
   paletteLineGreen: "rgb(124, 194, 112)",
@@ -102,2 +103,3 @@ paletteLineWhite: "rgb(255, 255, 255)",
   multiPlayersGreen: "rgba(27, 196, 125, 1)",
+  paletteShapeTeal: "rgb(184, 242, 231)",
   multiPlayersBlue: "rgba(24, 160, 251, 1)",
@@ -120,4 +122,4 @@ multiPlayersBrown: "rgba(154, 101, 51, 1)",
   // cursors
-  grabbingCursor: g(p, ["grabbing"]),
-  grabCursor: g(C, ["grab"])
+  grabbingCursor: o(p, ["grabbing"]),
+  grabCursor: o(x, ["grab"])
 }, n = {
@@ -152,3 +154,3 @@ ...l,
   backgroundModalColor: "rgba(0, 0, 0, 0.75)",
-  textPrimaryColor: "rgb(66, 65, 73)",
+  textPrimaryColor: "rgb(18, 18, 18)",
   textSecondaryColor: "rgb(142, 141, 145)",
@@ -196,2 +198,3 @@ textDisableColor: "rgb(169, 169, 173)",
   tagPink: "rgba(251, 231, 255, 1)",
+  tagMagenta: "rgba(249, 232, 255, 1)",
   tooltip: "rgba(0, 0, 0, 1)",
@@ -210,2 +213,7 @@ menuShadow: "0px 0px 12px rgba(66, 65, 73, 0.14), inset 0px 0px 0px 0.5px rgba(227, 227, 228, 1)",
   largeButtonEffect: "0px 12px 21px 4px rgba(30, 150, 235, 0.15)",
+  noteShadowSticker: "0px 24px 26px rgba(66, 65, 73. 0.1), 0px 26px 18px rgba(66, 65, 73, 0.2)",
+  noteShadowPaper: "0px 3px 6px rgba(66, 65, 73, 0.2), 0px 0px 0px rgba(255, 255, 255, 1)",
+  noteShadowBox: "0px 2px 12px rgba(66, 65, 73, 0.2), 0px 0px 4px rgba(66, 65, 73, 0.2)",
+  noteShadowFloat: "0px 12px 60px rgba(66, 65, 73, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.1)",
+  noteShadowFilm: "10px 10px 0px rgba(0, 0, 0, 1), 0px 0px 0px rgba(0, 0, 0, 1)",
   buttonGrayColor: "rgba(245, 245, 245, 1)",
@@ -216,10 +224,18 @@ cardBackgroundBlue: "linear-gradient(180deg, #F0F3FD 0%, #FCFCFD 100%)",
   windowsCloseButton: "#C42B1C",
-  textHighlightPink: "rgba(255, 206, 206, 1)",
-  textHighlightOrange: "rgba(255, 203, 166, 1)",
-  textHighlightYellow: "rgba(255, 245, 171, 1)",
-  textHighlightGreen: "rgba(197, 251, 224, 1)",
-  textHighlightTeal: "rgba(198, 241, 243, 1)",
-  textHighlightBlue: "rgba(195, 219, 255, 1)",
-  textHighlightPurple: "rgba(227, 222, 255, 1)",
-  textHighlightGrey: "rgba(236, 241, 251, 1)"
+  textHighlightRed: "rgba(198, 34, 34, 1)",
+  textHighlightOrange: "rgba(211, 79, 11, 1)",
+  textHighlightYellow: "rgba(182, 124, 4, 1)",
+  textHighlightGreen: "rgba(20, 147, 67, 1)",
+  textHighlightTeal: "rgba(7, 130, 160, 1)",
+  textHighlightBlue: "rgba(33, 89, 211, 1)",
+  textHighlightPurple: "rgba(132, 46, 211, 1)",
+  textHighlightGrey: "rgba(68, 77, 89, 1)",
+  textHighlightBackgroundRed: "rgba(254, 213, 213, 1)",
+  textHighlightBackgroundOrange: "rgba(254, 223, 187, 1)",
+  textHighlightBackgroundYellow: "rgba(254, 243, 161, 1)",
+  textHighlightBackgroundGreen: "rgba(225, 250, 177, 1)",
+  textHighlightBackgroundTeal: "rgba(173, 248, 233, 1)",
+  textHighlightBackgroundBlue: "rgba(204, 226, 254, 1)",
+  textHighlightBackgroundPurple: "rgba(237, 221, 255, 1)",
+  textHighlightBackgroundGrey: "rgba(234, 236, 239, 1)"
 }, i = {
@@ -294,2 +310,3 @@ ...l,
   tagPink: "rgba(155, 106, 106, 1)",
+  tagMagenta: "rgba(105, 47, 111, 1)",
   tagYellow: "rgba(150, 132, 49, 1)",
@@ -311,2 +328,7 @@ tagOrange: "rgba(185, 129, 46, 1)",
   largeButtonEffect: "0px 12px 20px 4px rgba(28, 158, 228, 0.18)",
+  noteShadowSticker: "0px 24px 26px rgba(0, 0, 0, 0.1), 0px 26px 18px rgba(0, 0, 0, 0.3)",
+  noteShadowPaper: "0px 3px 6px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(255, 255, 255, 0.2)",
+  noteShadowBox: "0px 2px 12px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.4)",
+  noteShadowFloat: "0px 12px 70px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.1)",
+  noteShadowFilm: "10px 10px 0px rgba(178, 178, 178, 1), 0px 0px 0px rgba(178, 178, 178, 1)",
   buttonGrayColor: "rgba(85, 85, 85, 1)",
@@ -317,15 +339,23 @@ cardBackgroundBlue: "linear-gradient(180deg, #14171F 0%, #202020 100%)",
   windowsCloseButton: "#C42B1C",
-  textHighlightPink: "rgba(127, 93, 93, 1)",
-  textHighlightOrange: "rgba(127, 102, 84, 1)",
-  textHighlightYellow: "rgba(137, 133, 90, 1)",
-  textHighlightGreen: "rgba(90, 127, 109, 1)",
-  textHighlightTeal: "rgba(76, 125, 127, 1)",
-  textHighlightBlue: "rgba(72, 95, 127, 1)",
-  textHighlightPurple: "rgba(97, 90, 127, 1)",
-  textHighlightGrey: "rgba(111, 112, 117, 1)"
-}, x = Object.entries(n).reduce(
-  (r, [a, o]) => (r[`--affine-${t(a)}`] = o, r),
+  textHighlightRed: "rgba(249, 141, 141, 1)",
+  textHighlightOrange: "rgba(252, 168, 99, 1)",
+  textHighlightYellow: "rgba(251, 214, 68, 1)",
+  textHighlightGreen: "rgba(110, 229, 153, 1)",
+  textHighlightTeal: "rgba(87, 221, 204, 1)",
+  textHighlightBlue: "rgba(128, 183, 251, 1)",
+  textHighlightPurple: "rgba(205, 157, 253, 1)",
+  textHighlightGrey: "rgba(176, 181, 191, 1)",
+  textHighlightBackgroundRed: "rgba(108, 39, 39, 1)",
+  textHighlightBackgroundOrange: "rgba(112, 58, 21, 1)",
+  textHighlightBackgroundYellow: "rgba(106, 84, 15, 1)",
+  textHighlightBackgroundGreen: "rgba(26, 91, 50, 1)",
+  textHighlightBackgroundTeal: "rgba(14, 85, 97, 1)",
+  textHighlightBackgroundBlue: "rgba(56, 75, 122, 1)",
+  textHighlightBackgroundPurple: "rgba(80, 46, 111, 1)",
+  textHighlightBackgroundGrey: "rgba(64, 67, 74, 1)"
+}, C = Object.entries(n).reduce(
+  (r, [a, g]) => (r[`--affine-${b(a)}`] = g, r),
   {}
 ), d = Object.entries(i).reduce(
-  (r, [a, o]) => (r[`--affine-${t(a)}`] = o, r),
+  (r, [a, g]) => (r[`--affine-${b(a)}`] = g, r),
   {}
@@ -335,8 +365,8 @@ );
   l as baseTheme,
-  t as camelToKebab,
+  b as camelToKebab,
   d as darkCssVariables,
   i as darkTheme,
-  x as lightCssVariables,
+  C as lightCssVariables,
   n as lightTheme
 };
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@toeverything/theme",
-  "version": "0.7.21",
+  "version": "0.7.23",
   "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

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

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

187266

increased by8.11%

Number of low license alerts

2

decreased by-50%

Lines of code

1464

increased by8.04%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes