@lax-wp/editor 0.0.9 → 0.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lax-wp/editor",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "A modern, feature-rich editor built with React and TipTap",
   "keywords": [
     "editor",
@@ -19,18 +19,18 @@
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
+  "style": "./dist/lax-wp-editor.css",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
       "require": "./dist/index.umd.js"
     },
-    "./tailwind": "./tailwind.preset.js",
+    "./styles": "./dist/lax-wp-editor.css",
     "./dist/*": "./dist/*"
   },
   "files": [
     "dist",
-    "tailwind.preset.js",
     "README.md"
   ],
   "scripts": {

package/tailwind.preset.js

@@ -1,258 +0,0 @@
-/** 
- * Tailwind CSS Preset for @lax-wp/editor
- * 
- * Consumers should extend this preset in their tailwind.config.js
- * to ensure all editor component styles work correctly.
- */
-
-module.exports = {
-  darkMode: "class",
-  theme: {
-    extend: {
-      colors: {
-        white: "#fff",
-        error: "#FDA29B",
-        secondary: "#FEFEFF",
-        "dark-blue": "#00203C",
-
-        primary: {
-          50: "#E6F1FC",
-          100: "#C6E1F9",
-          200: "#8AC0F2",
-          300: "#54A4EC",
-          400: "#3392E9",
-          500: "#0077E3",
-          600: "#016DCF",
-          700: "#0054A1",
-          800: "#00417D",
-          900: "#00325F",
-          950: "#001c35",
-          975: "#00111f",
-        },
-        black: {
-          50: "#f0f0f0",
-          100: "#d9d9d9",
-          200: "#bfbfbf",
-          300: "#8c8c8c",
-          400: "#595959",
-          500: "#454545",
-          600: "#262626",
-          700: "#1f1f1f",
-          800: "#141414",
-          900: "#000000",
-          950: "#0a0a0a",
-          975: "#050505",
-        },
-        blue: {
-          50: "#E6F1FC",
-          100: "#C6E1F9",
-          200: "#8AC0F2",
-          300: "#54A4EC",
-          400: "#3392E9",
-          500: "#0077E3",
-          600: "#016DCF",
-          700: "#0054A1",
-          800: "#00417D",
-          900: "#00325F",
-          950: "#002547",
-          975: "#001529",
-        },
-        success: {
-          50: "#ECFDF3",
-          100: "#D1FADF",
-          200: "#A6F4C5",
-          300: "#6CE9A6",
-          400: "#32D583",
-          500: "#12B76A",
-          600: "#039855",
-          700: "#027A48",
-          800: "#05603A",
-          900: "#054F31",
-          950: "#033625",
-          975: "#022419",
-        },
-        neutral: {
-          50: "#F9FAFB",
-          100: "#F2F4F7",
-          200: "#EAECF0",
-          300: "#D0D5DD",
-          400: "#98A2B3",
-          500: "#667085",
-          600: "#475467",
-          700: "#344054",
-          800: "#1D2939",
-          900: "#101828",
-          950: "#0c1219",
-          975: "#080a0f",
-        },
-        error: {
-          50: "#FEF3F2",
-          100: "#FEE4E2",
-          200: "#FECDCA",
-          300: "#FDA29B",
-          400: "#F97066",
-          500: "#F04438",
-          600: "#D92D20",
-          700: "#B42318",
-          800: "#912018",
-          900: "#7A271A",
-          950: "#3d1008",
-          975: "#2a0b05",
-        },
-        warning: {
-          50: "#FFFAEB",
-          100: "#FEF0C7",
-          200: "#FEDF89",
-          300: "#FEC84B",
-          400: "#FDB022",
-          500: "#F79009",
-          600: "#DC6803",
-          700: "#B54708",
-          800: "#93370D",
-          900: "#7A2E0E",
-          950: "#662505",
-          975: "#451803",
-        },
-        teal: {
-          50: "#ebf5f5",
-          100: "#c2e0df",
-          200: "#a4d1d0",
-          300: "#7abcba",
-          400: "#61afad",
-          500: "#399b98",
-          600: "#348d8a",
-          700: "#286e6c",
-          800: "#1f5554",
-          900: "#184140",
-          950: "#133534",
-          975: "#0c2222",
-        },
-        green: {
-          50: "#f2f7f2",
-          100: "#d5e5d5",
-          200: "#c1d9c1",
-          300: "#a5c7a5",
-          400: "#94bd93",
-          500: "#79ac78",
-          600: "#6e9d6d",
-          700: "#567a55",
-          800: "#435f42",
-          900: "#334832",
-          950: "#001e00",
-          975: "#182818",
-        },
-        yellow: {
-          50: "#fffaed",
-          100: "#fff0c7",
-          200: "#ffe8ac",
-          300: "#ffde86",
-          400: "#ffd76f",
-          500: "#ffcd4b",
-          600: "#e8bb44",
-          700: "#b59235",
-          800: "#8c7129",
-          900: "#6b5620",
-          950: "#524314",
-          975: "#382e0e",
-        },
-        orange: {
-          50: "#fef4e8",
-          100: "#fddeb7",
-          200: "#fcce94",
-          300: "#fbb764",
-          400: "#faa945",
-          500: "#f99417",
-          600: "#e38715",
-          700: "#b16910",
-          800: "#89510d",
-          900: "#693e0a",
-          950: "#4d2d07",
-          975: "#331e05",
-        },
-        peach: {
-          50: "#fceef3",
-          100: "#f5cad9",
-          200: "#f0b0c6",
-          300: "#ea8cad",
-          400: "#e5759d",
-          500: "#df5384",
-          600: "#cb4c78",
-          700: "#9e3b5e",
-          800: "#7b2e49",
-          900: "#5e2337",
-          950: "#451a2b",
-          975: "#2e111d",
-        },
-        red: {
-          50: "#fceaeb",
-          100: "#f6bec0",
-          200: "#f29ea2",
-          300: "#ec7278",
-          400: "#e9575d",
-          500: "#e32d35",
-          600: "#cf2930",
-          700: "#a12026",
-          800: "#7d191d",
-          900: "#5f1316",
-          950: "#470c0f",
-          975: "#2f080a",
-        },
-        purple: {
-          50: "#f5e7ff",
-          100: "#dfb4ff",
-          200: "#d090ff",
-          300: "#bb5dff",
-          400: "#ad3dff",
-          500: "#990dff",
-          600: "#8b0ce8",
-          700: "#6d09b5",
-          800: "#54078c",
-          900: "#40056b",
-          950: "#300450",
-          975: "#200336",
-        },
-        navy: {
-          50: "#eaebf6",
-          100: "#bebfe2",
-          200: "#9ea1d3",
-          300: "#7276bf",
-          400: "#575bb3",
-          500: "#2d32a0",
-          600: "#292e92",
-          700: "#202472",
-          800: "#191c58",
-          900: "#131543",
-          950: "#0d0e2f",
-          975: "#090a20",
-        },
-        grey: {
-          50: "#f2f2f2",
-          100: "#d5d5d5",
-          200: "#c1c1c1",
-          300: "#a5a5a5",
-          400: "#939393",
-          500: "#787878",
-          600: "#6d6d6d",
-          700: "#555555",
-          800: "#424242",
-          900: "#323232",
-          950: "#252525",
-          975: "#191919",
-        },
-      },
-      cursor: {
-        comment: 'url("/src/assets/icons/comment-cursor.svg"), auto',
-      },
-      keyframes: {
-        shimmer: {
-          '0%': { backgroundPosition: '200% 0' },
-          '100%': { backgroundPosition: '-200% 0' },
-        },
-      },
-      animation: {
-        shimmer: 'shimmer 1.5s ease-in-out infinite',
-      },
-    },
-  },
-};
-