@shuriken-ui/tailwind 0.0.3 → 0.0.5

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Css Ninja
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -50,4 +50,58 @@ export default {
   presets: [shurikenUIPreset],
   // your config
 } satisfies Config
+```
+
+## Customization
+
+Shuriken UI is fully customizable. You can override components by using the `theme` option.
+
+```ts
+export default withShurikenUI({
+  theme: {
+    extend: {
+      shurikenUi: {
+        dropdownDivider: {
+          space: '2',
+          border: 'muted-200', // you can use arbitrary value like '[#fff]'
+          borderDark: 'muted-600',
+        },
+        focus: {
+          offset: '2',
+          width: '1',
+          style: 'dashed',
+          color: 'muted-300',
+          colorDark: 'muted-600',
+        },
+        label: {
+          font: 'alt',
+          text: 'muted-400',
+          textDark: 'muted-400/80',
+        },
+        mark: {
+          bg: 'primary-100',
+          bgDark: 'primary-800',
+          text: 'primary-800',
+          textDark: 'primary-200',
+        },
+        slimscroll: {
+          width: '[6px]',
+          bg: 'black/5',
+          bgDark: 'white/5',
+          bgHover: 'black/20',
+          bgHoverDark: 'white/20',
+        },
+        tooltip: {
+          font: 'sans',
+          bg: '[#1e293b]',
+          bgDark: '[#ec4899]',
+          text: '[#fff]',
+          textDark: '[#fff]',
+          minWidth: '3rem',
+          maxWidth: '21rem',
+        },
+      },
+    },
+  },
+})
 ```

package/dist/config.cjs

@@ -1,10 +1,12 @@
 'use strict';
 
 const preset = require('./preset.cjs');
+require('tailwindcss/defaultTheme');
 require('tailwindcss/colors');
 require('@tailwindcss/typography');
 require('@tailwindcss/aspect-ratio');
 require('tailwindcss/plugin');
+require('defu');
 
 const config = {
   content: [],

package/dist/config.d.ts

@@ -1,3 +1,4 @@
+import { P as PluginOption } from './options-cff79ff9.js';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
 import * as _tailwindcss_typography from '@tailwindcss/typography';
 import { Config } from 'tailwindcss';
@@ -10,7 +11,10 @@ declare const _default: {
         plugins: (typeof _tailwindcss_typography | {
             handler: () => void;
         } | {
-            (options: unknown): {
+            handler: tailwindcss_types_config.PluginCreator;
+            config?: Partial<Config> | undefined;
+        } | {
+            (options: PluginOption): {
                 handler: tailwindcss_types_config.PluginCreator;
                 config?: Partial<Config> | undefined;
             };
@@ -196,7 +200,7 @@ declare const _default: {
                     };
                 };
                 keyframes: {
-                    indeterminate: {
+                    'nui-indeterminate': {
                         '0%': {
                             'margin-left': string;
                         };
@@ -204,18 +208,9 @@ declare const _default: {
                             'margin-left': string;
                         };
                     };
-                    placeload: {
-                        '0%': {
-                            'background-position': string;
-                        };
-                        '100%': {
-                            'background-position': string;
-                        };
-                    };
                 };
                 animation: {
-                    indeterminate: string;
-                    placeload: string;
+                    'nui-indeterminate': string;
                 };
             };
         };

package/dist/config.mjs

@@ -1,8 +1,10 @@
 import shurikenUIPreset from './preset.mjs';
+import 'tailwindcss/defaultTheme';
 import 'tailwindcss/colors';
 import '@tailwindcss/typography';
 import '@tailwindcss/aspect-ratio';
 import 'tailwindcss/plugin';
+import 'defu';
 
 const config = {
   content: [],

package/dist/index.cjs

@@ -3,6 +3,7 @@
 const defu = require('defu');
 const config = require('./config.cjs');
 require('./preset.cjs');
+require('tailwindcss/defaultTheme');
 require('tailwindcss/colors');
 require('@tailwindcss/typography');
 require('@tailwindcss/aspect-ratio');

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { P as PluginOption } from './options-cff79ff9.js';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
 import * as _tailwindcss_typography from '@tailwindcss/typography';
 import { Config } from 'tailwindcss';
@@ -10,7 +11,10 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
         plugins: (typeof _tailwindcss_typography | {
             handler: () => void;
         } | {
-            (options: unknown): {
+            handler: tailwindcss_types_config.PluginCreator;
+            config?: Partial<Config> | undefined;
+        } | {
+            (options: PluginOption): {
                 handler: tailwindcss_types_config.PluginCreator;
                 config?: Partial<Config> | undefined;
             };
@@ -196,7 +200,7 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
                     };
                 };
                 keyframes: {
-                    indeterminate: {
+                    'nui-indeterminate': {
                         '0%': {
                             'margin-left': string;
                         };
@@ -204,18 +208,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
                             'margin-left': string;
                         };
                     };
-                    placeload: {
-                        '0%': {
-                            'background-position': string;
-                        };
-                        '100%': {
-                            'background-position': string;
-                        };
-                    };
                 };
                 animation: {
-                    indeterminate: string;
-                    placeload: string;
+                    'nui-indeterminate': string;
                 };
             };
         };
@@ -227,7 +222,10 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
         plugins: (typeof _tailwindcss_typography | {
             handler: () => void;
         } | {
-            (options: unknown): {
+            handler: tailwindcss_types_config.PluginCreator;
+            config?: Partial<Config> | undefined;
+        } | {
+            (options: PluginOption): {
                 handler: tailwindcss_types_config.PluginCreator;
                 config?: Partial<Config> | undefined;
             };
@@ -413,7 +411,7 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
                     };
                 };
                 keyframes: {
-                    indeterminate: {
+                    'nui-indeterminate': {
                         '0%': {
                             'margin-left': string;
                         };
@@ -421,18 +419,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
                             'margin-left': string;
                         };
                     };
-                    placeload: {
-                        '0%': {
-                            'background-position': string;
-                        };
-                        '100%': {
-                            'background-position': string;
-                        };
-                    };
                 };
                 animation: {
-                    indeterminate: string;
-                    placeload: string;
+                    'nui-indeterminate': string;
                 };
             };
         };
@@ -442,7 +431,10 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
         plugins: (typeof _tailwindcss_typography | {
             handler: () => void;
         } | {
-            (options: unknown): {
+            handler: tailwindcss_types_config.PluginCreator;
+            config?: Partial<Config> | undefined;
+        } | {
+            (options: PluginOption): {
                 handler: tailwindcss_types_config.PluginCreator;
                 config?: Partial<Config> | undefined;
             };
@@ -628,7 +620,7 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
                     };
                 };
                 keyframes: {
-                    indeterminate: {
+                    'nui-indeterminate': {
                         '0%': {
                             'margin-left': string;
                         };
@@ -636,18 +628,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
                             'margin-left': string;
                         };
                     };
-                    placeload: {
-                        '0%': {
-                            'background-position': string;
-                        };
-                        '100%': {
-                            'background-position': string;
-                        };
-                    };
                 };
                 animation: {
-                    indeterminate: string;
-                    placeload: string;
+                    'nui-indeterminate': string;
                 };
             };
         };

package/dist/index.mjs

@@ -1,6 +1,7 @@
 import { defu } from 'defu';
 import config from './config.mjs';
 import './preset.mjs';
+import 'tailwindcss/defaultTheme';
 import 'tailwindcss/colors';
 import '@tailwindcss/typography';
 import '@tailwindcss/aspect-ratio';

package/dist/options-cff79ff9.d.ts

@@ -0,0 +1,5 @@
+interface PluginOption {
+    prefix?: string;
+}
+
+export { PluginOption as P };