@shuriken-ui/tailwind 2.0.0-next.8 → 2.0.0

package/dist/themes.mjs

@@ -0,0 +1,113 @@
+import colors from 'tailwindcss/colors';
+import { fontFamily } from 'tailwindcss/defaultTheme';
+
+const defaultTheme = {
+  fontFamily: {
+    sans: fontFamily.sans,
+    heading: fontFamily.sans,
+    alt: fontFamily.sans,
+    mono: fontFamily.mono
+  },
+  extend: {
+    colors: {
+      primary: colors.violet,
+      "primary-invert": colors.white,
+      muted: colors.slate,
+      info: colors.sky,
+      success: colors.teal,
+      warning: colors.amber,
+      danger: colors.rose
+    },
+    screens: {
+      xs: { max: "639px" },
+      lg: "1025px",
+      ptablet: {
+        raw: "(min-width: 768px) and (max-width: 1024px) and (orientation: portrait)"
+      },
+      ltablet: {
+        raw: "(min-width: 768px) and (max-width: 1024px) and (orientation: landscape)"
+      }
+    },
+    typography: ({ theme }) => ({
+      primary: {
+        css: {
+          "--tw-prose-links": theme("colors.primary.600"),
+          "--tw-prose-quote-borders": theme("colors.primary.600"),
+          "--tw-prose-invert-links": theme("colors.primary.500"),
+          "--tw-prose-invert-quote-borders": theme("colors.primary.500")
+        }
+      },
+      muted: {
+        css: {
+          "--tw-prose-body": theme("colors.muted.700"),
+          "--tw-prose-headings": theme("colors.muted.800"),
+          "--tw-prose-lead": theme("colors.muted.600"),
+          "--tw-prose-bold": theme("colors.muted.800"),
+          "--tw-prose-counters": theme("colors.muted.500"),
+          "--tw-prose-bullets": theme("colors.muted.300"),
+          "--tw-prose-hr": theme("colors.muted.200"),
+          "--tw-prose-quotes": theme("colors.muted.500"),
+          "--tw-prose-captions": theme("colors.muted.500"),
+          "--tw-prose-code": theme("colors.muted.800"),
+          "--tw-prose-pre-code": theme("colors.muted.800"),
+          "--tw-prose-pre-bg": theme("colors.muted.100"),
+          "--tw-prose-th-borders": theme("colors.muted.300"),
+          "--tw-prose-td-borders": theme("colors.muted.200"),
+          "--tw-prose-invert-body": theme("colors.muted.400"),
+          "--tw-prose-invert-headings": theme("colors.muted.100"),
+          "--tw-prose-invert-lead": theme("colors.muted.300"),
+          "--tw-prose-invert-bold": theme("colors.muted.300"),
+          "--tw-prose-invert-counters": theme("colors.muted.400"),
+          "--tw-prose-invert-bullets": theme("colors.muted.400"),
+          "--tw-prose-invert-hr": theme("colors.muted.800"),
+          "--tw-prose-invert-quotes": theme("colors.muted.200"),
+          "--tw-prose-invert-captions": theme("colors.muted.400"),
+          "--tw-prose-invert-code": theme("colors.muted.200"),
+          "--tw-prose-invert-pre-code": theme("colors.muted.200"),
+          "--tw-prose-invert-pre-bg": theme("colors.muted.800"),
+          "--tw-prose-invert-th-borders": theme("colors.muted.600"),
+          "--tw-prose-invert-td-borders": theme("colors.muted.700")
+        }
+      },
+      css: {
+        h1: {
+          fontWeight: 700
+        },
+        h2: {
+          fontWeight: 700
+        },
+        h3: {
+          fontWeight: 500
+        },
+        h4: {
+          fontWeight: 500
+        },
+        li: {
+          fontSize: "1.15rem",
+          padding: "0.35rem 0"
+        },
+        em: {
+          fontSize: "1.1rem",
+          lineHeight: 1
+        },
+        blockquote: {
+          fontSize: "1.1rem",
+          lineHeight: 1.4,
+          fontWeight: 500,
+          padding: "1.75rem"
+        },
+        pre: {
+          fontFamily: theme("fontFamily.mono")
+        },
+        code: {
+          fontFamily: theme("fontFamily.mono"),
+          padding: "0.35rem",
+          fontWeight: 600,
+          fontSize: "0.95rem !important"
+        }
+      }
+    })
+  }
+};
+
+export { defaultTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuriken-ui/tailwind",
-  "version": "2.0.0-next.8",
+  "version": "2.0.0",
   "license": "MIT",
   "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
   "repository": "shuriken-ui/tailwind",
@@ -41,6 +41,16 @@
       "types": "./dist/colors.d.ts",
       "import": "./dist/colors.mjs",
       "require": "./dist/colors.cjs"
+    },
+    "./themes": {
+      "types": "./dist/themes.d.ts",
+      "import": "./dist/themes.mjs",
+      "require": "./dist/themes.cjs"
+    },
+    "./plugins": {
+      "types": "./dist/plugins/index.d.ts",
+      "import": "./dist/plugins/index.mjs",
+      "require": "./dist/plugins/index.cjs"
     }
   },
   "files": [
@@ -67,45 +77,45 @@
   "dependencies": {
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/typography": "^0.5.10",
-    "defu": "^6.1.3",
-    "tailwindcss": "^3.3.5"
+    "defu": "^6.1.4",
+    "tailwindcss": "^3.4.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^18.4.1",
-    "@commitlint/config-conventional": "^18.4.0",
+    "@commitlint/cli": "^18.4.4",
+    "@commitlint/config-conventional": "^18.4.4",
     "@open-wc/lit-helpers": "0.6.0",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/addon-themes": "^7.5.3",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/web-components": "^7.5.3",
-    "@storybook/web-components-vite": "^7.5.3",
-    "@types/node": "18.15.11",
-    "@typescript-eslint/eslint-plugin": "^6.11.0",
-    "@vitest/coverage-v8": "^0.34.6",
-    "@vitest/ui": "^0.34.6",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/addon-themes": "^7.6.7",
+    "@storybook/blocks": "^7.6.7",
+    "@storybook/web-components": "^7.6.7",
+    "@storybook/web-components-vite": "^7.6.7",
+    "@types/node": "20.11.0",
+    "@typescript-eslint/eslint-plugin": "^6.18.1",
+    "@vitest/coverage-v8": "^1.1.3",
+    "@vitest/ui": "^1.1.3",
     "autoprefixer": "^10.4.16",
-    "chromatic": "^10.0.0",
-    "commitlint": "^18.4.1",
-    "eslint": "8.53.0",
-    "eslint-config-prettier": "9.0.0",
+    "chromatic": "^10.2.1",
+    "commitlint": "^18.4.4",
+    "eslint": "8.56.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-plugin-storybook": "^0.6.15",
-    "eslint-plugin-tailwindcss": "3.13.0",
-    "eslint-plugin-unicorn": "^49.0.0",
-    "jsdom": "^22.1.0",
-    "lint-staged": "^15.1.0",
-    "lit": "^3.1.0",
+    "eslint-plugin-tailwindcss": "3.13.1",
+    "eslint-plugin-unicorn": "^50.0.1",
+    "jsdom": "^23.2.0",
+    "lint-staged": "^15.2.0",
+    "lit": "^3.1.1",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.31",
-    "prettier": "^3.1.0",
+    "postcss": "^8.4.33",
+    "prettier": "^3.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "simple-git-hooks": "^2.9.0",
     "standard-version": "^9.5.0",
-    "storybook": "^7.5.3",
-    "typescript": "^5.2.2",
+    "storybook": "^7.6.7",
+    "typescript": "^5.3.3",
     "unbuild": "^2.0.0",
-    "vitest": "^0.34.6",
+    "vitest": "^1.1.3",
     "vitest-axe": "1.0.0-pre.2"
   },
   "simple-git-hooks": {