@toeverything/theme - npm Package Compare versions

Comparing version 0.7.24 to 0.7.25

./src/index.ts

@@ -219,7 +219,7 @@ import { grabbingCursor,grabCursor } from "./cursors";
   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)',
+  noteShadowBox: '0px 2px 12px 0px rgba(66, 65, 73, 0.20), 0px 0px 4px 0px rgba(66, 65, 73, 0.20)',
+  noteShadowSticker: '0px 24px 26px -10px rgba(66, 65, 73, 0.07), 0px 26px 18px -20px rgba(66, 65, 73, 0.22)',
+  noteShadowPaper: '0px 3px 6px 12px rgba(66, 65, 73, 0.16), 0px 0px 0px 10px #FFF',
+  noteShadowFloat: '0px 12px 60px 0px rgba(66, 65, 73, 0.16), 0px 0px 0px 2px rgba(0, 0, 0, 0.06)',
+  noteShadowFilm: '10px 10px 0px 6px #000, 0px 0px 0px 6px #000',
   buttonGrayColor: 'rgba(245, 245, 245, 1)',
@@ -336,7 +336,7 @@ cardBackgroundBlue: 'linear-gradient(180deg, #F0F3FD 0%, #FCFCFD 100%)',
   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)',
+  noteShadowBox: '0px 2px 12px 0px rgba(0, 0, 0, 0.26), 0px 0px 4px 0px rgba(0, 0, 0, 0.44)',
+  noteShadowSticker: '0px 24px 26px -10px rgba(0, 0, 0, 0.11), 0px 26px 18px -20px rgba(0, 0, 0, 0.32)',
+  noteShadowPaper: '0px 3px 6px 12px rgba(0, 0, 0, 0.22), 0px 0px 0px 10px rgba(255, 255, 255, 0.20)',
+  noteShadowFloat: '0px 12px 70px 0px rgba(0, 0, 0, 0.20), 0px 0px 0px 2px rgba(0, 0, 0, 0.10)',
+  noteShadowFilm: '10px 10px 0px 6px #B2B2B2, 0px 0px 0px 6px #B2B2B2',
 
@@ -343,0 +343,0 @@ buttonGrayColor: 'rgba(85, 85, 85, 1)',

dist/index.d.ts

@@ -170,5 +170,5 @@ export declare const camelToKebab: (s: string) => string;
     largeButtonEffect: string;
+    noteShadowBox: string;
     noteShadowSticker: string;
     noteShadowPaper: string;
-    noteShadowBox: string;
     noteShadowFloat: string;
@@ -349,5 +349,5 @@ noteShadowFilm: string;
     largeButtonEffect: string;
+    noteShadowBox: string;
     noteShadowSticker: string;
     noteShadowPaper: string;
-    noteShadowBox: string;
     noteShadowFloat: string;
@@ -354,0 +354,0 @@ noteShadowFilm: string;

dist/index.js

@@ -1,6 +0,6 @@
-function b(r) {
+function p(r) {
   const a = r.replace(/\n/g, "").replace(/[\s]{2,}/g, " ");
   return `data:image/svg+xml,${encodeURIComponent(a)}`;
 }
-const l = b(`
+const l = p(`
   <svg
@@ -24,3 +24,3 @@ width="24"
   </svg>
-`), x = b(`
+`), x = p(`
   <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'", p = {
+`), 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, "-"), 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'", t = {
   // font
@@ -123,3 +123,3 @@ fontFamily: `'Inter', 'Source Sans 3', Poppins, ${e}`,
 }, C = {
-  ...p,
+  ...t,
   themeMode: "light",
@@ -209,7 +209,7 @@ brandColor: "#1E96EB",
   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)",
+  noteShadowBox: "0px 2px 12px 0px rgba(66, 65, 73, 0.20), 0px 0px 4px 0px rgba(66, 65, 73, 0.20)",
+  noteShadowSticker: "0px 24px 26px -10px rgba(66, 65, 73, 0.07), 0px 26px 18px -20px rgba(66, 65, 73, 0.22)",
+  noteShadowPaper: "0px 3px 6px 12px rgba(66, 65, 73, 0.16), 0px 0px 0px 10px #FFF",
+  noteShadowFloat: "0px 12px 60px 0px rgba(66, 65, 73, 0.16), 0px 0px 0px 2px rgba(0, 0, 0, 0.06)",
+  noteShadowFilm: "10px 10px 0px 6px #000, 0px 0px 0px 6px #000",
   buttonGrayColor: "rgba(245, 245, 245, 1)",
@@ -229,3 +229,3 @@ cardBackgroundBlue: "linear-gradient(180deg, #F0F3FD 0%, #FCFCFD 100%)",
 }, n = {
-  ...p,
+  ...t,
   themeMode: "dark",
@@ -315,7 +315,7 @@ brandColor: "#1E96EB",
   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)",
+  noteShadowBox: "0px 2px 12px 0px rgba(0, 0, 0, 0.26), 0px 0px 4px 0px rgba(0, 0, 0, 0.44)",
+  noteShadowSticker: "0px 24px 26px -10px rgba(0, 0, 0, 0.11), 0px 26px 18px -20px rgba(0, 0, 0, 0.32)",
+  noteShadowPaper: "0px 3px 6px 12px rgba(0, 0, 0, 0.22), 0px 0px 0px 10px rgba(255, 255, 255, 0.20)",
+  noteShadowFloat: "0px 12px 70px 0px rgba(0, 0, 0, 0.20), 0px 0px 0px 2px rgba(0, 0, 0, 0.10)",
+  noteShadowFilm: "10px 10px 0px 6px #B2B2B2, 0px 0px 0px 6px #B2B2B2",
   buttonGrayColor: "rgba(85, 85, 85, 1)",
@@ -335,11 +335,11 @@ cardBackgroundBlue: "linear-gradient(180deg, #14171F 0%, #202020 100%)",
 }, i = Object.entries(C).reduce(
-  (r, [a, o]) => (r[`--affine-${t(a)}`] = o, r),
+  (r, [a, o]) => (r[`--affine-${b(a)}`] = o, r),
   {}
 ), d = Object.entries(n).reduce(
-  (r, [a, o]) => (r[`--affine-${t(a)}`] = o, r),
+  (r, [a, o]) => (r[`--affine-${b(a)}`] = o, r),
   {}
 );
 export {
-  p as baseTheme,
-  t as camelToKebab,
+  t as baseTheme,
+  b as camelToKebab,
   d as darkCssVariables,
@@ -346,0 +346,0 @@ n as darkTheme,

package.json

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

180850

increased by0.11%

No dependency changes