@sanity/demo - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1-beta.1

dist/tailwind.js

@@ -1,3 +0,3 @@
-import { black, white, hues } from '@sanity/color';
-import { space, radius, fontFamily, screen } from '@sanity/demo';
+import { gray, black, white, hues } from '@sanity/color';
+import { radius, fontFamily, screen, space } from '@sanity/demo';
 function _buildTailwindColorTints(tints) {
@@ -13,17 +13,6 @@ return Object.fromEntries(Object.entries(tints).map(_ref => {
   extend: {
-    spacing: {
-      1: "".concat(space[1], "px"),
-      2: "".concat(space[2], "px"),
-      3: "".concat(space[3], "px"),
-      4: "".concat(space[4], "px"),
-      5: "".concat(space[5], "px"),
-      6: "".concat(space[6], "px"),
-      7: "".concat(space[7], "px"),
-      8: "".concat(space[8], "px"),
-      9: "".concat(space[9], "px")
-    },
     typography: {
       DEFAULT: {
         css: {
-          "--tw-prose-body": black.hex,
+          "--tw-prose-body": gray[700].hex,
           "--tw-prose-headings": black.hex,
@@ -40,7 +29,7 @@ "--tw-prose-lead": black.hex,
           "--tw-prose-code": black.hex,
-          "--tw-prose-pre-code": white.hex,
-          "--tw-prose-pre-bg": black.hex,
-          "--tw-prose-th-borders": black.hex,
-          "--tw-prose-td-borders": black.hex,
-          "--tw-prose-invert-body": white.hex,
+          "--tw-prose-pre-code": gray[700].hex,
+          "--tw-prose-pre-bg": gray[50].hex,
+          "--tw-prose-th-borders": gray[200].hex,
+          "--tw-prose-td-borders": gray[200].hex,
+          "--tw-prose-invert-body": gray[200].hex,
           "--tw-prose-invert-headings": white.hex,
@@ -57,6 +46,6 @@ "--tw-prose-invert-lead": white.hex,
           "--tw-prose-invert-code": white.hex,
-          "--tw-prose-invert-pre-code": black.hex,
-          "--tw-prose-invert-pre-bg": white.hex,
-          "--tw-prose-invert-th-borders": white.hex,
-          "--tw-prose-invert-td-borders": white.hex,
+          "--tw-prose-invert-pre-code": gray[300].hex,
+          "--tw-prose-invert-pre-bg": gray[950].hex,
+          "--tw-prose-invert-th-borders": gray[900].hex,
+          "--tw-prose-invert-td-borders": gray[900].hex,
           blockquote: {
@@ -135,2 +124,13 @@ fontWeight: "inherit",
     "2xl": "".concat(screen[4], "px")
+  },
+  spacing: {
+    1: "".concat(space[1], "px"),
+    2: "".concat(space[2], "px"),
+    3: "".concat(space[3], "px"),
+    4: "".concat(space[4], "px"),
+    5: "".concat(space[5], "px"),
+    6: "".concat(space[6], "px"),
+    7: "".concat(space[7], "px"),
+    8: "".concat(space[8], "px"),
+    9: "".concat(space[9], "px")
   }
@@ -137,0 +137,0 @@ };

package.json

 {
   "type": "module",
   "name": "@sanity/demo",
-  "version": "1.0.0",
+  "version": "1.0.1-beta.1",
   "description": "Design tokens for implementing demos and templates at Sanity.io.",
@@ -33,3 +33,3 @@ "files": [
   "scripts": {
-    "build": "rimraf dist && pkg build --strict",
+    "build": "rimraf dist && pkg build --strict && pkg --strict",
     "dev": "pnpm build && pnpm --filter *-docs dev",
@@ -64,15 +64,15 @@ "format": "prettier --write --cache --ignore-unknown .",
   "devDependencies": {
-    "@commitlint/cli": "^17.2.0",
-    "@commitlint/config-conventional": "^17.2.0",
-    "@sanity/color": "2.1.16",
-    "@sanity/pkg-utils": "^1.18.0",
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
+    "@sanity/color": "3.0.0-beta.2",
+    "@sanity/pkg-utils": "^1.19.0",
     "@sanity/semantic-release-preset": "^2.0.2",
     "@types/node": "^18.11.9",
     "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.8",
-    "@typescript-eslint/eslint-plugin": "^5.42.1",
-    "@typescript-eslint/parser": "^5.42.1",
+    "@types/react-dom": "^18.0.9",
+    "@typescript-eslint/eslint-plugin": "^5.44.0",
+    "@typescript-eslint/parser": "^5.44.0",
     "commitizen": "^4.2.5",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.27.0",
+    "eslint": "^8.28.0",
     "eslint-config-prettier": "^8.5.0",
@@ -82,13 +82,13 @@ "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.2",
-    "lint-staged": "^13.0.3",
-    "postcss": "^8.4.18",
-    "prettier": "^2.7.1",
-    "prettier-plugin-tailwindcss": "^0.1.13",
+    "lint-staged": "^13.0.4",
+    "postcss": "^8.4.19",
+    "prettier": "^2.8.0",
+    "prettier-plugin-tailwindcss": "^0.2.0",
     "rimraf": "^3.0.2",
     "semantic-release": "^19.0.5",
-    "tailwindcss": "^3.2.2",
-    "typescript": "^4.8.4"
+    "tailwindcss": "^3.2.4",
+    "typescript": "^4.9.3"
   },
@@ -95,0 +95,0 @@ "peerDependencies": {

src/tailwind/theme.ts

@@ -1,2 +0,2 @@
-import {ColorTints, black, hues, white} from '@sanity/color'
+import {ColorTints, black, hues, white, gray} from '@sanity/color'
 import {fontFamily, radius, screen, space} from '@sanity/demo'
@@ -20,17 +20,6 @@ import {ThemeConfig} from 'tailwindcss/types/config'
   extend: {
-    spacing: {
-      1: `${space[1]}px`,
-      2: `${space[2]}px`,
-      3: `${space[3]}px`,
-      4: `${space[4]}px`,
-      5: `${space[5]}px`,
-      6: `${space[6]}px`,
-      7: `${space[7]}px`,
-      8: `${space[8]}px`,
-      9: `${space[9]}px`,
-    },
     typography: {
       DEFAULT: {
         css: {
-          '--tw-prose-body': black.hex,
+          '--tw-prose-body': gray[700].hex,
           '--tw-prose-headings': black.hex,
@@ -47,7 +36,8 @@ '--tw-prose-lead': black.hex,
           '--tw-prose-code': black.hex,
-          '--tw-prose-pre-code': white.hex,
-          '--tw-prose-pre-bg': black.hex,
-          '--tw-prose-th-borders': black.hex,
-          '--tw-prose-td-borders': black.hex,
-          '--tw-prose-invert-body': white.hex,
+          '--tw-prose-pre-code': gray[700].hex,
+          '--tw-prose-pre-bg': gray[50].hex,
+          '--tw-prose-th-borders': gray[200].hex,
+          '--tw-prose-td-borders': gray[200].hex,
+
+          '--tw-prose-invert-body': gray[200].hex,
           '--tw-prose-invert-headings': white.hex,
@@ -64,6 +54,6 @@ '--tw-prose-invert-lead': white.hex,
           '--tw-prose-invert-code': white.hex,
-          '--tw-prose-invert-pre-code': black.hex,
-          '--tw-prose-invert-pre-bg': white.hex,
-          '--tw-prose-invert-th-borders': white.hex,
-          '--tw-prose-invert-td-borders': white.hex,
+          '--tw-prose-invert-pre-code': gray[300].hex,
+          '--tw-prose-invert-pre-bg': gray[950].hex,
+          '--tw-prose-invert-th-borders': gray[900].hex,
+          '--tw-prose-invert-td-borders': gray[900].hex,
 
@@ -145,2 +135,13 @@ blockquote: {
   },
+  spacing: {
+    1: `${space[1]}px`,
+    2: `${space[2]}px`,
+    3: `${space[3]}px`,
+    4: `${space[4]}px`,
+    5: `${space[5]}px`,
+    6: `${space[6]}px`,
+    7: `${space[7]}px`,
+    8: `${space[8]}px`,
+    9: `${space[9]}px`,
+  },
 }

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

41352

increased by1.08%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes