@shuriken-ui/tailwind 2.0.0-next.9 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +45 -7
 - package/dist/config.cjs +4 -2
 - package/dist/config.mjs +4 -2
 - package/dist/index.cjs +4 -2
 - package/dist/index.d.cts +5 -3
 - package/dist/index.d.mts +5 -3
 - package/dist/index.d.ts +5 -3
 - package/dist/index.mjs +4 -2
 - package/dist/plugins/index.cjs +17051 -0
 - package/dist/plugins/index.d.cts +303 -0
 - package/dist/plugins/index.d.mts +303 -0
 - package/dist/plugins/index.d.ts +303 -0
 - package/dist/plugins/index.mjs +16986 -0
 - package/dist/preset.cjs +20 -17722
 - package/dist/preset.d.cts +1 -2
 - package/dist/preset.d.mts +1 -2
 - package/dist/preset.d.ts +1 -2
 - package/dist/preset.mjs +20 -17719
 - package/dist/shared/tailwind.60db5be7.d.cts +38711 -0
 - package/dist/shared/tailwind.60db5be7.d.mts +38711 -0
 - package/dist/shared/tailwind.60db5be7.d.ts +38711 -0
 - package/dist/themes.cjs +119 -0
 - package/dist/themes.d.cts +187 -0
 - package/dist/themes.d.mts +187 -0
 - package/dist/themes.d.ts +187 -0
 - package/dist/themes.mjs +113 -0
 - package/package.json +39 -29
 - package/dist/shared/tailwind.d65f80d7.d.cts +0 -8394
 - package/dist/shared/tailwind.d65f80d7.d.mts +0 -8394
 - package/dist/shared/tailwind.d65f80d7.d.ts +0 -8394
 
    
        package/dist/themes.mjs
    ADDED
    
    | 
         @@ -0,0 +1,113 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            import colors from 'tailwindcss/colors';
         
     | 
| 
      
 2 
     | 
    
         
            +
            import { fontFamily } from 'tailwindcss/defaultTheme';
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            const defaultTheme = {
         
     | 
| 
      
 5 
     | 
    
         
            +
              fontFamily: {
         
     | 
| 
      
 6 
     | 
    
         
            +
                sans: fontFamily.sans,
         
     | 
| 
      
 7 
     | 
    
         
            +
                heading: fontFamily.sans,
         
     | 
| 
      
 8 
     | 
    
         
            +
                alt: fontFamily.sans,
         
     | 
| 
      
 9 
     | 
    
         
            +
                mono: fontFamily.mono
         
     | 
| 
      
 10 
     | 
    
         
            +
              },
         
     | 
| 
      
 11 
     | 
    
         
            +
              extend: {
         
     | 
| 
      
 12 
     | 
    
         
            +
                colors: {
         
     | 
| 
      
 13 
     | 
    
         
            +
                  primary: colors.violet,
         
     | 
| 
      
 14 
     | 
    
         
            +
                  "primary-invert": colors.white,
         
     | 
| 
      
 15 
     | 
    
         
            +
                  muted: colors.slate,
         
     | 
| 
      
 16 
     | 
    
         
            +
                  info: colors.sky,
         
     | 
| 
      
 17 
     | 
    
         
            +
                  success: colors.teal,
         
     | 
| 
      
 18 
     | 
    
         
            +
                  warning: colors.amber,
         
     | 
| 
      
 19 
     | 
    
         
            +
                  danger: colors.rose
         
     | 
| 
      
 20 
     | 
    
         
            +
                },
         
     | 
| 
      
 21 
     | 
    
         
            +
                screens: {
         
     | 
| 
      
 22 
     | 
    
         
            +
                  xs: { max: "639px" },
         
     | 
| 
      
 23 
     | 
    
         
            +
                  lg: "1025px",
         
     | 
| 
      
 24 
     | 
    
         
            +
                  ptablet: {
         
     | 
| 
      
 25 
     | 
    
         
            +
                    raw: "(min-width: 768px) and (max-width: 1024px) and (orientation: portrait)"
         
     | 
| 
      
 26 
     | 
    
         
            +
                  },
         
     | 
| 
      
 27 
     | 
    
         
            +
                  ltablet: {
         
     | 
| 
      
 28 
     | 
    
         
            +
                    raw: "(min-width: 768px) and (max-width: 1024px) and (orientation: landscape)"
         
     | 
| 
      
 29 
     | 
    
         
            +
                  }
         
     | 
| 
      
 30 
     | 
    
         
            +
                },
         
     | 
| 
      
 31 
     | 
    
         
            +
                typography: ({ theme }) => ({
         
     | 
| 
      
 32 
     | 
    
         
            +
                  primary: {
         
     | 
| 
      
 33 
     | 
    
         
            +
                    css: {
         
     | 
| 
      
 34 
     | 
    
         
            +
                      "--tw-prose-links": theme("colors.primary.600"),
         
     | 
| 
      
 35 
     | 
    
         
            +
                      "--tw-prose-quote-borders": theme("colors.primary.600"),
         
     | 
| 
      
 36 
     | 
    
         
            +
                      "--tw-prose-invert-links": theme("colors.primary.500"),
         
     | 
| 
      
 37 
     | 
    
         
            +
                      "--tw-prose-invert-quote-borders": theme("colors.primary.500")
         
     | 
| 
      
 38 
     | 
    
         
            +
                    }
         
     | 
| 
      
 39 
     | 
    
         
            +
                  },
         
     | 
| 
      
 40 
     | 
    
         
            +
                  muted: {
         
     | 
| 
      
 41 
     | 
    
         
            +
                    css: {
         
     | 
| 
      
 42 
     | 
    
         
            +
                      "--tw-prose-body": theme("colors.muted.700"),
         
     | 
| 
      
 43 
     | 
    
         
            +
                      "--tw-prose-headings": theme("colors.muted.800"),
         
     | 
| 
      
 44 
     | 
    
         
            +
                      "--tw-prose-lead": theme("colors.muted.600"),
         
     | 
| 
      
 45 
     | 
    
         
            +
                      "--tw-prose-bold": theme("colors.muted.800"),
         
     | 
| 
      
 46 
     | 
    
         
            +
                      "--tw-prose-counters": theme("colors.muted.500"),
         
     | 
| 
      
 47 
     | 
    
         
            +
                      "--tw-prose-bullets": theme("colors.muted.300"),
         
     | 
| 
      
 48 
     | 
    
         
            +
                      "--tw-prose-hr": theme("colors.muted.200"),
         
     | 
| 
      
 49 
     | 
    
         
            +
                      "--tw-prose-quotes": theme("colors.muted.500"),
         
     | 
| 
      
 50 
     | 
    
         
            +
                      "--tw-prose-captions": theme("colors.muted.500"),
         
     | 
| 
      
 51 
     | 
    
         
            +
                      "--tw-prose-code": theme("colors.muted.800"),
         
     | 
| 
      
 52 
     | 
    
         
            +
                      "--tw-prose-pre-code": theme("colors.muted.800"),
         
     | 
| 
      
 53 
     | 
    
         
            +
                      "--tw-prose-pre-bg": theme("colors.muted.100"),
         
     | 
| 
      
 54 
     | 
    
         
            +
                      "--tw-prose-th-borders": theme("colors.muted.300"),
         
     | 
| 
      
 55 
     | 
    
         
            +
                      "--tw-prose-td-borders": theme("colors.muted.200"),
         
     | 
| 
      
 56 
     | 
    
         
            +
                      "--tw-prose-invert-body": theme("colors.muted.400"),
         
     | 
| 
      
 57 
     | 
    
         
            +
                      "--tw-prose-invert-headings": theme("colors.muted.100"),
         
     | 
| 
      
 58 
     | 
    
         
            +
                      "--tw-prose-invert-lead": theme("colors.muted.300"),
         
     | 
| 
      
 59 
     | 
    
         
            +
                      "--tw-prose-invert-bold": theme("colors.muted.300"),
         
     | 
| 
      
 60 
     | 
    
         
            +
                      "--tw-prose-invert-counters": theme("colors.muted.400"),
         
     | 
| 
      
 61 
     | 
    
         
            +
                      "--tw-prose-invert-bullets": theme("colors.muted.400"),
         
     | 
| 
      
 62 
     | 
    
         
            +
                      "--tw-prose-invert-hr": theme("colors.muted.800"),
         
     | 
| 
      
 63 
     | 
    
         
            +
                      "--tw-prose-invert-quotes": theme("colors.muted.200"),
         
     | 
| 
      
 64 
     | 
    
         
            +
                      "--tw-prose-invert-captions": theme("colors.muted.400"),
         
     | 
| 
      
 65 
     | 
    
         
            +
                      "--tw-prose-invert-code": theme("colors.muted.200"),
         
     | 
| 
      
 66 
     | 
    
         
            +
                      "--tw-prose-invert-pre-code": theme("colors.muted.200"),
         
     | 
| 
      
 67 
     | 
    
         
            +
                      "--tw-prose-invert-pre-bg": theme("colors.muted.800"),
         
     | 
| 
      
 68 
     | 
    
         
            +
                      "--tw-prose-invert-th-borders": theme("colors.muted.600"),
         
     | 
| 
      
 69 
     | 
    
         
            +
                      "--tw-prose-invert-td-borders": theme("colors.muted.700")
         
     | 
| 
      
 70 
     | 
    
         
            +
                    }
         
     | 
| 
      
 71 
     | 
    
         
            +
                  },
         
     | 
| 
      
 72 
     | 
    
         
            +
                  css: {
         
     | 
| 
      
 73 
     | 
    
         
            +
                    h1: {
         
     | 
| 
      
 74 
     | 
    
         
            +
                      fontWeight: 700
         
     | 
| 
      
 75 
     | 
    
         
            +
                    },
         
     | 
| 
      
 76 
     | 
    
         
            +
                    h2: {
         
     | 
| 
      
 77 
     | 
    
         
            +
                      fontWeight: 700
         
     | 
| 
      
 78 
     | 
    
         
            +
                    },
         
     | 
| 
      
 79 
     | 
    
         
            +
                    h3: {
         
     | 
| 
      
 80 
     | 
    
         
            +
                      fontWeight: 500
         
     | 
| 
      
 81 
     | 
    
         
            +
                    },
         
     | 
| 
      
 82 
     | 
    
         
            +
                    h4: {
         
     | 
| 
      
 83 
     | 
    
         
            +
                      fontWeight: 500
         
     | 
| 
      
 84 
     | 
    
         
            +
                    },
         
     | 
| 
      
 85 
     | 
    
         
            +
                    li: {
         
     | 
| 
      
 86 
     | 
    
         
            +
                      fontSize: "1.15rem",
         
     | 
| 
      
 87 
     | 
    
         
            +
                      padding: "0.35rem 0"
         
     | 
| 
      
 88 
     | 
    
         
            +
                    },
         
     | 
| 
      
 89 
     | 
    
         
            +
                    em: {
         
     | 
| 
      
 90 
     | 
    
         
            +
                      fontSize: "1.1rem",
         
     | 
| 
      
 91 
     | 
    
         
            +
                      lineHeight: 1
         
     | 
| 
      
 92 
     | 
    
         
            +
                    },
         
     | 
| 
      
 93 
     | 
    
         
            +
                    blockquote: {
         
     | 
| 
      
 94 
     | 
    
         
            +
                      fontSize: "1.1rem",
         
     | 
| 
      
 95 
     | 
    
         
            +
                      lineHeight: 1.4,
         
     | 
| 
      
 96 
     | 
    
         
            +
                      fontWeight: 500,
         
     | 
| 
      
 97 
     | 
    
         
            +
                      padding: "1.75rem"
         
     | 
| 
      
 98 
     | 
    
         
            +
                    },
         
     | 
| 
      
 99 
     | 
    
         
            +
                    pre: {
         
     | 
| 
      
 100 
     | 
    
         
            +
                      fontFamily: theme("fontFamily.mono")
         
     | 
| 
      
 101 
     | 
    
         
            +
                    },
         
     | 
| 
      
 102 
     | 
    
         
            +
                    code: {
         
     | 
| 
      
 103 
     | 
    
         
            +
                      fontFamily: theme("fontFamily.mono"),
         
     | 
| 
      
 104 
     | 
    
         
            +
                      padding: "0.35rem",
         
     | 
| 
      
 105 
     | 
    
         
            +
                      fontWeight: 600,
         
     | 
| 
      
 106 
     | 
    
         
            +
                      fontSize: "0.95rem !important"
         
     | 
| 
      
 107 
     | 
    
         
            +
                    }
         
     | 
| 
      
 108 
     | 
    
         
            +
                  }
         
     | 
| 
      
 109 
     | 
    
         
            +
                })
         
     | 
| 
      
 110 
     | 
    
         
            +
              }
         
     | 
| 
      
 111 
     | 
    
         
            +
            };
         
     | 
| 
      
 112 
     | 
    
         
            +
             
     | 
| 
      
 113 
     | 
    
         
            +
            export { defaultTheme };
         
     | 
    
        package/package.json
    CHANGED
    
    | 
         @@ -1,6 +1,6 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            {
         
     | 
| 
       2 
2 
     | 
    
         
             
              "name": "@shuriken-ui/tailwind",
         
     | 
| 
       3 
     | 
    
         
            -
              "version": "2.0. 
     | 
| 
      
 3 
     | 
    
         
            +
              "version": "2.0.1",
         
     | 
| 
       4 
4 
     | 
    
         
             
              "license": "MIT",
         
     | 
| 
       5 
5 
     | 
    
         
             
              "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
         
     | 
| 
       6 
6 
     | 
    
         
             
              "repository": "shuriken-ui/tailwind",
         
     | 
| 
         @@ -41,6 +41,16 @@ 
     | 
|
| 
       41 
41 
     | 
    
         
             
                  "types": "./dist/colors.d.ts",
         
     | 
| 
       42 
42 
     | 
    
         
             
                  "import": "./dist/colors.mjs",
         
     | 
| 
       43 
43 
     | 
    
         
             
                  "require": "./dist/colors.cjs"
         
     | 
| 
      
 44 
     | 
    
         
            +
                },
         
     | 
| 
      
 45 
     | 
    
         
            +
                "./themes": {
         
     | 
| 
      
 46 
     | 
    
         
            +
                  "types": "./dist/themes.d.ts",
         
     | 
| 
      
 47 
     | 
    
         
            +
                  "import": "./dist/themes.mjs",
         
     | 
| 
      
 48 
     | 
    
         
            +
                  "require": "./dist/themes.cjs"
         
     | 
| 
      
 49 
     | 
    
         
            +
                },
         
     | 
| 
      
 50 
     | 
    
         
            +
                "./plugins": {
         
     | 
| 
      
 51 
     | 
    
         
            +
                  "types": "./dist/plugins/index.d.ts",
         
     | 
| 
      
 52 
     | 
    
         
            +
                  "import": "./dist/plugins/index.mjs",
         
     | 
| 
      
 53 
     | 
    
         
            +
                  "require": "./dist/plugins/index.cjs"
         
     | 
| 
       44 
54 
     | 
    
         
             
                }
         
     | 
| 
       45 
55 
     | 
    
         
             
              },
         
     | 
| 
       46 
56 
     | 
    
         
             
              "files": [
         
     | 
| 
         @@ -67,45 +77,45 @@ 
     | 
|
| 
       67 
77 
     | 
    
         
             
              "dependencies": {
         
     | 
| 
       68 
78 
     | 
    
         
             
                "@tailwindcss/container-queries": "^0.1.1",
         
     | 
| 
       69 
79 
     | 
    
         
             
                "@tailwindcss/typography": "^0.5.10",
         
     | 
| 
       70 
     | 
    
         
            -
                "defu": "^6.1. 
     | 
| 
       71 
     | 
    
         
            -
                "tailwindcss": "^3. 
     | 
| 
      
 80 
     | 
    
         
            +
                "defu": "^6.1.4",
         
     | 
| 
      
 81 
     | 
    
         
            +
                "tailwindcss": "^3.4.1"
         
     | 
| 
       72 
82 
     | 
    
         
             
              },
         
     | 
| 
       73 
83 
     | 
    
         
             
              "devDependencies": {
         
     | 
| 
       74 
     | 
    
         
            -
                "@commitlint/cli": "^18.4. 
     | 
| 
       75 
     | 
    
         
            -
                "@commitlint/config-conventional": "^18.4. 
     | 
| 
      
 84 
     | 
    
         
            +
                "@commitlint/cli": "^18.4.4",
         
     | 
| 
      
 85 
     | 
    
         
            +
                "@commitlint/config-conventional": "^18.4.4",
         
     | 
| 
       76 
86 
     | 
    
         
             
                "@open-wc/lit-helpers": "0.6.0",
         
     | 
| 
       77 
     | 
    
         
            -
                "@storybook/addon-essentials": "^7. 
     | 
| 
       78 
     | 
    
         
            -
                "@storybook/addon-links": "^7. 
     | 
| 
       79 
     | 
    
         
            -
                "@storybook/addon-themes": "^7. 
     | 
| 
       80 
     | 
    
         
            -
                "@storybook/blocks": "^7. 
     | 
| 
       81 
     | 
    
         
            -
                "@storybook/web-components": "^7. 
     | 
| 
       82 
     | 
    
         
            -
                "@storybook/web-components-vite": "^7. 
     | 
| 
       83 
     | 
    
         
            -
                "@types/node": " 
     | 
| 
       84 
     | 
    
         
            -
                "@typescript-eslint/eslint-plugin": "^6. 
     | 
| 
       85 
     | 
    
         
            -
                "@vitest/coverage-v8": "^ 
     | 
| 
       86 
     | 
    
         
            -
                "@vitest/ui": "^ 
     | 
| 
      
 87 
     | 
    
         
            +
                "@storybook/addon-essentials": "^7.6.7",
         
     | 
| 
      
 88 
     | 
    
         
            +
                "@storybook/addon-links": "^7.6.7",
         
     | 
| 
      
 89 
     | 
    
         
            +
                "@storybook/addon-themes": "^7.6.7",
         
     | 
| 
      
 90 
     | 
    
         
            +
                "@storybook/blocks": "^7.6.7",
         
     | 
| 
      
 91 
     | 
    
         
            +
                "@storybook/web-components": "^7.6.7",
         
     | 
| 
      
 92 
     | 
    
         
            +
                "@storybook/web-components-vite": "^7.6.7",
         
     | 
| 
      
 93 
     | 
    
         
            +
                "@types/node": "20.11.0",
         
     | 
| 
      
 94 
     | 
    
         
            +
                "@typescript-eslint/eslint-plugin": "^6.18.1",
         
     | 
| 
      
 95 
     | 
    
         
            +
                "@vitest/coverage-v8": "^1.1.3",
         
     | 
| 
      
 96 
     | 
    
         
            +
                "@vitest/ui": "^1.1.3",
         
     | 
| 
       87 
97 
     | 
    
         
             
                "autoprefixer": "^10.4.16",
         
     | 
| 
       88 
     | 
    
         
            -
                "chromatic": "^10. 
     | 
| 
       89 
     | 
    
         
            -
                "commitlint": "^18.4. 
     | 
| 
       90 
     | 
    
         
            -
                "eslint": "8. 
     | 
| 
       91 
     | 
    
         
            -
                "eslint-config-prettier": "9. 
     | 
| 
      
 98 
     | 
    
         
            +
                "chromatic": "^10.2.1",
         
     | 
| 
      
 99 
     | 
    
         
            +
                "commitlint": "^18.4.4",
         
     | 
| 
      
 100 
     | 
    
         
            +
                "eslint": "8.56.0",
         
     | 
| 
      
 101 
     | 
    
         
            +
                "eslint-config-prettier": "9.1.0",
         
     | 
| 
       92 
102 
     | 
    
         
             
                "eslint-plugin-storybook": "^0.6.15",
         
     | 
| 
       93 
     | 
    
         
            -
                "eslint-plugin-tailwindcss": "3.13. 
     | 
| 
       94 
     | 
    
         
            -
                "eslint-plugin-unicorn": "^ 
     | 
| 
       95 
     | 
    
         
            -
                "jsdom": "^ 
     | 
| 
       96 
     | 
    
         
            -
                "lint-staged": "^15. 
     | 
| 
       97 
     | 
    
         
            -
                "lit": "^3.1. 
     | 
| 
      
 103 
     | 
    
         
            +
                "eslint-plugin-tailwindcss": "3.13.1",
         
     | 
| 
      
 104 
     | 
    
         
            +
                "eslint-plugin-unicorn": "^50.0.1",
         
     | 
| 
      
 105 
     | 
    
         
            +
                "jsdom": "^23.2.0",
         
     | 
| 
      
 106 
     | 
    
         
            +
                "lint-staged": "^15.2.0",
         
     | 
| 
      
 107 
     | 
    
         
            +
                "lit": "^3.1.1",
         
     | 
| 
       98 
108 
     | 
    
         
             
                "npm-run-all": "^4.1.5",
         
     | 
| 
       99 
     | 
    
         
            -
                "postcss": "^8.4. 
     | 
| 
       100 
     | 
    
         
            -
                "prettier": "^3.1. 
     | 
| 
      
 109 
     | 
    
         
            +
                "postcss": "^8.4.33",
         
     | 
| 
      
 110 
     | 
    
         
            +
                "prettier": "^3.1.1",
         
     | 
| 
       101 
111 
     | 
    
         
             
                "react": "^18.2.0",
         
     | 
| 
       102 
112 
     | 
    
         
             
                "react-dom": "^18.2.0",
         
     | 
| 
       103 
113 
     | 
    
         
             
                "simple-git-hooks": "^2.9.0",
         
     | 
| 
       104 
114 
     | 
    
         
             
                "standard-version": "^9.5.0",
         
     | 
| 
       105 
     | 
    
         
            -
                "storybook": "^7. 
     | 
| 
       106 
     | 
    
         
            -
                "typescript": "^5. 
     | 
| 
      
 115 
     | 
    
         
            +
                "storybook": "^7.6.7",
         
     | 
| 
      
 116 
     | 
    
         
            +
                "typescript": "^5.3.3",
         
     | 
| 
       107 
117 
     | 
    
         
             
                "unbuild": "^2.0.0",
         
     | 
| 
       108 
     | 
    
         
            -
                "vitest": "^ 
     | 
| 
      
 118 
     | 
    
         
            +
                "vitest": "^1.1.3",
         
     | 
| 
       109 
119 
     | 
    
         
             
                "vitest-axe": "1.0.0-pre.2"
         
     | 
| 
       110 
120 
     | 
    
         
             
              },
         
     | 
| 
       111 
121 
     | 
    
         
             
              "simple-git-hooks": {
         
     |