@shuriken-ui/tailwind 0.0.4 → 0.0.5

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.d.ts

@@ -1,5 +1,5 @@
+import { P as PluginOption } from './options-cff79ff9.js';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
-import { P as PluginOption } from './components-cff79ff9.js';
 import * as _tailwindcss_typography from '@tailwindcss/typography';
 import { Config } from 'tailwindcss';
 
@@ -10,6 +10,9 @@ declare const _default: {
         content: never[];
         plugins: (typeof _tailwindcss_typography | {
             handler: () => void;
+        } | {
+            handler: tailwindcss_types_config.PluginCreator;
+            config?: Partial<Config> | undefined;
         } | {
             (options: PluginOption): {
                 handler: tailwindcss_types_config.PluginCreator;
@@ -205,18 +208,9 @@ declare const _default: {
                             'margin-left': string;
                         };
                     };
-                    'nui-placeload': {
-                        '0%': {
-                            'background-position': string;
-                        };
-                        '100%': {
-                            'background-position': string;
-                        };
-                    };
                 };
                 animation: {
                     'nui-indeterminate': string;
-                    'nui-placeload': string;
                 };
             };
         };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
+import { P as PluginOption } from './options-cff79ff9.js';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
-import { P as PluginOption } from './components-cff79ff9.js';
 import * as _tailwindcss_typography from '@tailwindcss/typography';
 import { Config } from 'tailwindcss';
 
@@ -10,6 +10,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
         content: never[];
         plugins: (typeof _tailwindcss_typography | {
             handler: () => void;
+        } | {
+            handler: tailwindcss_types_config.PluginCreator;
+            config?: Partial<Config> | undefined;
         } | {
             (options: PluginOption): {
                 handler: tailwindcss_types_config.PluginCreator;
@@ -205,18 +208,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
                             'margin-left': string;
                         };
                     };
-                    'nui-placeload': {
-                        '0%': {
-                            'background-position': string;
-                        };
-                        '100%': {
-                            'background-position': string;
-                        };
-                    };
                 };
                 animation: {
                     'nui-indeterminate': string;
-                    'nui-placeload': string;
                 };
             };
         };
@@ -227,6 +221,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
         content: never[];
         plugins: (typeof _tailwindcss_typography | {
             handler: () => void;
+        } | {
+            handler: tailwindcss_types_config.PluginCreator;
+            config?: Partial<Config> | undefined;
         } | {
             (options: PluginOption): {
                 handler: tailwindcss_types_config.PluginCreator;
@@ -422,18 +419,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
                             'margin-left': string;
                         };
                     };
-                    'nui-placeload': {
-                        '0%': {
-                            'background-position': string;
-                        };
-                        '100%': {
-                            'background-position': string;
-                        };
-                    };
                 };
                 animation: {
                     'nui-indeterminate': string;
-                    'nui-placeload': string;
                 };
             };
         };
@@ -442,6 +430,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
         content: never[];
         plugins: (typeof _tailwindcss_typography | {
             handler: () => void;
+        } | {
+            handler: tailwindcss_types_config.PluginCreator;
+            config?: Partial<Config> | undefined;
         } | {
             (options: PluginOption): {
                 handler: tailwindcss_types_config.PluginCreator;
@@ -637,18 +628,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
                             'margin-left': string;
                         };
                     };
-                    'nui-placeload': {
-                        '0%': {
-                            'background-position': string;
-                        };
-                        '100%': {
-                            'background-position': string;
-                        };
-                    };
                 };
                 animation: {
                     'nui-indeterminate': string;
-                    'nui-placeload': string;
                 };
             };
         };