@gluhar/theme 2.0.2 → 3.0.0

package/dist/runtime/presets/lara/megamenu/index.js

@@ -1,199 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            'relative',
-
-            // Flexbox
-            'flex',
-
-            // Shape & Size
-            'rounded-md',
-
-            // Color
-            'bg-surface-50 dark:bg-surface-700',
-            'border border-surface-200 dark:border-surface-700',
-            { 'p-2 items-center': props.orientation == 'horizontal', 'flex-col sm:w-48 p-0 py-1': props.orientation !== 'horizontal' }
-        ]
-    }),
-    menu: ({ props }) => ({
-        class: [
-            // Flexbox
-            'sm:flex',
-            'items-center',
-            'flex-wrap',
-            'flex-col sm:flex-row',
-            { hidden: !props?.mobileActive, flex: props?.mobileActive },
-
-            // Position
-            'absolute sm:relative',
-            'top-full left-0',
-            'sm:top-auto sm:left-auto',
-
-            // Size
-            'w-full sm:w-auto',
-
-            // Spacing
-            'm-0',
-            'py-1 sm:py-0 sm:p-0',
-            'list-none',
-
-            // Shape
-            'shadow-md sm:shadow-none',
-            'border-0',
-
-            // Color
-            'bg-surface-0 dark:bg-surface-700 sm:bg-transparent dark:sm:bg-transparent',
-
-            // Misc
-            'outline-none'
-        ]
-    }),
-    menuitem: ({ props }) => ({
-        class: [
-            'sm:relative static',
-            {
-                'sm:w-auto w-full': props.horizontal,
-                'w-full': !props.horizontal
-            }
-        ]
-    }),
-    content: ({ props, context }) => ({
-        class: [
-            // Shape
-            { 'rounded-md': props.level < 1 && props.horizontal },
-
-            //  Colors
-            {
-                'text-surface-500 dark:text-white/70': !context.focused && !context.active,
-                'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90': context.focused && !context.active,
-                'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30': context.focused && context.active,
-                'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30': !context.focused && context.active
-            },
-
-            // Hover States
-            {
-                'hover:bg-surface-100 dark:hover:bg-surface-600/80': !context.active,
-                'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80': context.active
-            },
-
-            // Transitions
-            'transition-all',
-            'duration-200'
-        ]
-    }),
-    action: {
-        class: [
-            'relative',
-
-            // Flexbox
-            'flex',
-            'items-center',
-
-            // Spacing
-            'py-3',
-            'px-5',
-
-            // Size
-            'py-3 pr-5 pl-9 sm:pl-5',
-            'leading-none',
-
-            // Misc
-            'select-none',
-            'cursor-pointer',
-            'no-underline ',
-            'overflow-hidden'
-        ]
-    },
-    icon: {
-        class: 'mr-2'
-    },
-    submenuicon: ({ props }) => ({
-        class: [
-            {
-                'ml-auto sm:ml-2': props.horizontal,
-                'ml-auto': !props.horizontal
-            }
-        ]
-    }),
-    panel: ({ props }) => ({
-        class: [
-            // Size
-            'w-auto',
-
-            // Spacing
-            'py-1',
-            'm-0',
-
-            // Shape
-            'shadow-none sm:shadow-md',
-            'border-0',
-
-            // Color
-            'bg-surface-0 dark:bg-surface-700',
-
-            // Position
-            'static sm:absolute',
-            'z-10',
-            {
-                'sm:left-full top-0': !props.horizontal
-            }
-        ]
-    }),
-    grid: {
-        class: 'flex flex-wrap sm:flex-nowrap'
-    },
-    column: {
-        class: 'w-full sm:w-1/2'
-    },
-    submenu: {
-        class: ['m-0 list-none', 'py-1 px-2 w-full sm:min-w-[14rem]']
-    },
-    submenuheader: {
-        class: [
-            'font-semibold',
-
-            // Spacing
-            'py-3 px-5',
-            'm-0',
-
-            // Color
-            'text-surface-700 dark:text-white/80',
-            'bg-surface-0 dark:bg-surface-700'
-        ]
-    },
-    separator: {
-        class: 'border-t border-surface-200 dark:border-surface-600 my-1'
-    },
-    menubutton: {
-        class: [
-            // Flexbox
-            'flex sm:hidden',
-            'items-center justify-center',
-
-            // Size
-            'w-8',
-            'h-8',
-
-            // Shape
-            'rounded-full',
-            // Color
-            'text-surface-500 dark:text-white/80',
-
-            // States
-            'hover:text-surface-600 dark:hover:text-white/60',
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80',
-            'focus:outline-none focus:outline-offset-0',
-            'focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Transitions
-            'transition duration-200 ease-in-out',
-
-            // Misc
-            'cursor-pointer',
-            'no-underline'
-        ]
-    },
-    end: {
-        class: 'ml-auto self-center'
-    }
-};

package/dist/runtime/presets/lara/menu/index.d.ts

@@ -1,40 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace menu {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    function content({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'bg-surface-200 text-surface-700 dark:bg-surface-300/10 dark:text-white': any;
-        })[];
-    };
-    namespace action {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace icon {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace label {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace submenuheader {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;

package/dist/runtime/presets/lara/menu/index.js

@@ -1,96 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Sizing and Shape
-            'min-w-[12rem]',
-            'rounded-md',
-            // Spacing
-            'py-2',
-            // Colors
-            'bg-surface-0 dark:bg-surface-700',
-            'text-surface-700 dark:text-white/80',
-            'border border-surface-200 dark:border-surface-700'
-        ]
-    },
-    menu: {
-        class: [
-            // Spacings and Shape
-            'list-none',
-            'm-0',
-            'p-0',
-            'outline-none'
-        ]
-    },
-    content: ({ context }) => ({
-        class: [
-            //Shape
-            'rounded-none',
-            // Colors
-            'text-surface-700 dark:text-white/80',
-            {
-                'bg-surface-200 text-surface-700 dark:bg-surface-300/10 dark:text-white': context.focused
-            },
-            // Transitions
-            'transition-shadow',
-            'duration-200',
-            // States
-            'hover:text-surface-700 dark:hover:text-white/80',
-            'hover:bg-surface-100 dark:bg-surface-700 dark:hover:bg-surface-400/10'
-        ]
-    }),
-    action: {
-        class: [
-            'relative',
-            // Flexbox
-
-            'flex',
-            'items-center',
-
-            // Spacing
-            'py-3',
-            'px-5',
-
-            // Color
-            'text-surface-700 dark:text-white/80',
-
-            // Misc
-            'no-underline',
-            'overflow-hidden',
-            'cursor-pointer',
-            'select-none'
-        ]
-    },
-    icon: {
-        class: [
-            // Spacing
-            'mr-2',
-
-            // Color
-            'text-surface-600 dark:text-white/70'
-        ]
-    },
-    label: {
-        class: ['leading-none']
-    },
-    submenuheader: {
-        class: [
-            // Font
-            'font-bold',
-            // Spacing
-            'm-0',
-            'py-3 px-5',
-            // Shape
-            'rounded-tl-none',
-            'rounded-tr-none',
-            // Colors
-            'bg-surface-0 dark:bg-surface-700',
-            'text-surface-700 dark:text-white'
-        ]
-    },
-    transition: {
-        enterFromClass: 'opacity-0 scale-y-[0.8]',
-        enterActiveClass: 'transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]',
-        leaveActiveClass: 'transition-opacity duration-100 ease-linear',
-        leaveToClass: 'opacity-0'
-    }
-};

package/dist/runtime/presets/lara/menubar/index.d.ts

@@ -1,85 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    function menu({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            hidden: boolean;
-            flex: any;
-        })[];
-    };
-    namespace menuitem {
-        let _class_1: string;
-        export { _class_1 as class };
-    }
-    function content({ props, context }: {
-        props: any;
-        context: any;
-    }): {
-        class: (string | {
-            'rounded-md': any;
-            'text-surface-500 dark:text-white/70'?: undefined;
-            'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90'?: undefined;
-            'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80'?: undefined;
-        } | {
-            'text-surface-500 dark:text-white/70': boolean;
-            'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90': any;
-            'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30': any;
-            'rounded-md'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
-            'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80': any;
-            'rounded-md'?: undefined;
-            'text-surface-500 dark:text-white/70'?: undefined;
-            'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90'?: undefined;
-            'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30'?: undefined;
-        })[];
-    };
-    function action({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'pl-9 sm:pl-5': boolean;
-            'pl-14 sm:pl-5': boolean;
-        })[];
-    };
-    namespace icon {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    function submenuicon({ props }: {
-        props: any;
-    }): {
-        class: {
-            'ml-auto sm:ml-2': any;
-            'ml-auto': boolean;
-        }[];
-    };
-    function submenu({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'sm:absolute sm:left-full sm:top-0': boolean;
-        })[];
-    };
-    namespace separator {
-        let _class_3: string;
-        export { _class_3 as class };
-    }
-    namespace button {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace end {
-        let _class_5: string;
-        export { _class_5 as class };
-    }
-}
-export default _default;

package/dist/runtime/presets/lara/menubar/index.js

@@ -1,176 +0,0 @@
-export default {
-    root: {
-        class: [
-            'relative',
-
-            // Flexbox
-            'flex',
-            'items-center',
-
-            // Spacing
-            'p-2',
-
-            // Shape
-            'rounded-md',
-
-            // Color
-            'bg-surface-50 dark:bg-surface-700',
-            'border border-surface-200 dark:border-surface-700'
-        ]
-    },
-    menu: ({ props }) => ({
-        class: [
-            // Flexbox
-            'sm:flex',
-            'items-center',
-            'flex-wrap',
-            'flex-col sm:flex-row',
-            { hidden: !props?.mobileActive, flex: props?.mobileActive },
-
-            // Position
-            'absolute sm:relative',
-            'top-full left-0',
-            'sm:top-auto sm:left-auto',
-
-            // Size
-            'w-full sm:w-auto',
-
-            // Spacing
-            'm-0',
-            'py-1 sm:py-0 sm:p-0',
-            'list-none',
-
-            // Shape
-            'shadow-md sm:shadow-none',
-            'border-0',
-
-            // Color
-            'bg-surface-0 dark:bg-surface-700 sm:bg-transparent',
-
-            // Misc
-            'outline-none'
-        ]
-    }),
-    menuitem: {
-        class: 'sm:relative sm:w-auto w-full static'
-    },
-    content: ({ props, context }) => ({
-        class: [
-            // Shape
-            { 'rounded-md': props.root },
-
-            //  Colors
-            {
-                'text-surface-500 dark:text-white/70': !context.focused && !context.active,
-                'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90': context.focused && !context.active,
-                'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30': context.focused && context.active,
-                'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30': !context.focused && context.active
-            },
-
-            // Hover States
-            {
-                'hover:bg-surface-100 dark:hover:bg-surface-600/80': !context.active,
-                'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80': context.active
-            },
-
-            // Transitions
-            'transition-all',
-            'duration-200'
-        ]
-    }),
-    action: ({ context }) => ({
-        class: [
-            'relative',
-
-            // Flexbox
-            'flex',
-            'items-center',
-
-            // Spacing
-            'py-3',
-            'px-5',
-
-            // Size
-            {
-                'pl-9 sm:pl-5': context.level === 1,
-                'pl-14 sm:pl-5': context.level === 2
-            },
-            'leading-none',
-
-            // Misc
-            'select-none',
-            'cursor-pointer',
-            'no-underline ',
-            'overflow-hidden'
-        ]
-    }),
-    icon: {
-        class: 'mr-2'
-    },
-    submenuicon: ({ props }) => ({
-        class: [
-            {
-                'ml-auto sm:ml-2': props.root,
-                'ml-auto': !props.root
-            }
-        ]
-    }),
-    submenu: ({ props }) => ({
-        class: [
-            // Size
-            'w-full sm:w-48',
-
-            // Spacing
-            'py-1',
-            'm-0',
-            'list-none',
-
-            // Shape
-            'shadow-none sm:shadow-md',
-            'border-0',
-
-            // Position
-            'static sm:absolute',
-            'z-10',
-            { 'sm:absolute sm:left-full sm:top-0': props.level > 1 },
-
-            // Color
-            'bg-surface-0 dark:bg-surface-700'
-        ]
-    }),
-    separator: {
-        class: 'border-t border-surface-200 dark:border-surface-600 my-1'
-    },
-    button: {
-        class: [
-            // Flexbox
-            'flex sm:hidden',
-            'items-center justify-center',
-
-            // Size
-            'w-8',
-            'h-8',
-
-            // Shape
-            'rounded-full',
-            // Color
-            'text-surface-500 dark:text-white/80',
-
-            // States
-            'hover:text-surface-600 dark:hover:text-white/60',
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80',
-            'focus:outline-none focus:outline-offset-0',
-            'focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Transitions
-            'transition duration-200 ease-in-out',
-
-            // Misc
-            'cursor-pointer',
-            'no-underline'
-        ]
-    },
-    end: {
-        class: 'ml-auto self-center'
-    }
-};

package/dist/runtime/presets/lara/message/index.d.ts

@@ -1,70 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'bg-blue-100/70 dark:bg-blue-500/20': boolean;
-            'bg-green-100/70 dark:bg-green-500/20': boolean;
-            'bg-orange-100/70 dark:bg-orange-500/20': boolean;
-            'bg-red-100/70 dark:bg-red-500/20': boolean;
-            'border-blue-500 dark:border-blue-400'?: undefined;
-            'border-green-500 dark:border-green-400'?: undefined;
-            'border-orange-500 dark:border-orange-400'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'text-blue-700 dark:text-blue-300'?: undefined;
-            'text-green-700 dark:text-green-300'?: undefined;
-            'text-orange-700 dark:text-orange-300'?: undefined;
-            'text-red-700 dark:text-red-300'?: undefined;
-        } | {
-            'border-blue-500 dark:border-blue-400': boolean;
-            'border-green-500 dark:border-green-400': boolean;
-            'border-orange-500 dark:border-orange-400': boolean;
-            'border-red-500 dark:border-red-400': boolean;
-            'bg-blue-100/70 dark:bg-blue-500/20'?: undefined;
-            'bg-green-100/70 dark:bg-green-500/20'?: undefined;
-            'bg-orange-100/70 dark:bg-orange-500/20'?: undefined;
-            'bg-red-100/70 dark:bg-red-500/20'?: undefined;
-            'text-blue-700 dark:text-blue-300'?: undefined;
-            'text-green-700 dark:text-green-300'?: undefined;
-            'text-orange-700 dark:text-orange-300'?: undefined;
-            'text-red-700 dark:text-red-300'?: undefined;
-        } | {
-            'text-blue-700 dark:text-blue-300': boolean;
-            'text-green-700 dark:text-green-300': boolean;
-            'text-orange-700 dark:text-orange-300': boolean;
-            'text-red-700 dark:text-red-300': boolean;
-            'bg-blue-100/70 dark:bg-blue-500/20'?: undefined;
-            'bg-green-100/70 dark:bg-green-500/20'?: undefined;
-            'bg-orange-100/70 dark:bg-orange-500/20'?: undefined;
-            'bg-red-100/70 dark:bg-red-500/20'?: undefined;
-            'border-blue-500 dark:border-blue-400'?: undefined;
-            'border-green-500 dark:border-green-400'?: undefined;
-            'border-orange-500 dark:border-orange-400'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-        })[];
-    };
-    namespace wrapper {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace icon {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace text {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace button {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveFromClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;