@gluhar/theme 2.0.3 → 3.0.1

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

@@ -1,533 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Flex & Alignment
-            'flex items-center justify-center flex-wrap',
-
-            // Spacing
-            'px-4 py-2',
-
-            // Shape
-            'border-0',
-
-            // Color
-            'bg-surface-0 dark:bg-surface-800',
-            'text-surface-500 dark:text-white/60'
-        ]
-    },
-    firstpagebutton: ({ context }) => ({
-        class: [
-            'relative',
-
-            // Flex & Alignment
-            'inline-flex items-center justify-center',
-
-            // Shape
-            'border-0 rounded-full dark:rounded-md',
-
-            // Size
-            'min-w-[3rem] h-12 m-[0.143rem]',
-            'leading-none',
-
-            // Color
-            'text-surface-500 dark:text-white/60',
-
-            // State
-            {
-                'hover:bg-surface-50 dark:hover:bg-surface-700/70': !context.disabled,
-                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50': !context.disabled
-            },
-
-            // Transition
-            'transition duration-200',
-
-            // Misc
-            'user-none overflow-hidden',
-            { 'cursor-default pointer-events-none opacity-60': context.disabled }
-        ]
-    }),
-    previouspagebutton: ({ context }) => ({
-        class: [
-            'relative',
-
-            // Flex & Alignment
-            'inline-flex items-center justify-center',
-
-            // Shape
-            'border-0 rounded-full dark:rounded-md',
-
-            // Size
-            'min-w-[3rem] h-12 m-[0.143rem]',
-            'leading-none',
-
-            // Color
-            'text-surface-500 dark:text-white/60',
-
-            // State
-            {
-                'hover:bg-surface-50 dark:hover:bg-surface-700/70': !context.disabled,
-                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50': !context.disabled
-            },
-
-            // Transition
-            'transition duration-200',
-
-            // Misc
-            'user-none overflow-hidden',
-            { 'cursor-default pointer-events-none opacity-60': context.disabled }
-        ]
-    }),
-    nextpagebutton: ({ context }) => ({
-        class: [
-            'relative',
-
-            // Flex & Alignment
-            'inline-flex items-center justify-center',
-
-            // Shape
-            'border-0 rounded-full dark:rounded-md',
-
-            // Size
-            'min-w-[3rem] h-12 m-[0.143rem]',
-            'leading-none',
-
-            // Color
-            'text-surface-500 dark:text-white/60',
-
-            // State
-            {
-                'hover:bg-surface-50 dark:hover:bg-surface-700/70': !context.disabled,
-                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50': !context.disabled
-            },
-
-            // Transition
-            'transition duration-200',
-
-            // Misc
-            'user-none overflow-hidden',
-            { 'cursor-default pointer-events-none opacity-60': context.disabled }
-        ]
-    }),
-    lastpagebutton: ({ context }) => ({
-        class: [
-            'relative',
-
-            // Flex & Alignment
-            'inline-flex items-center justify-center',
-
-            // Shape
-            'border-0 rounded-full dark:rounded-md',
-
-            // Size
-            'min-w-[3rem] h-12 m-[0.143rem]',
-            'leading-none',
-
-            // Color
-            'text-surface-500 dark:text-white/60',
-
-            // State
-            {
-                'hover:bg-surface-50 dark:hover:bg-surface-700/70': !context.disabled,
-                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50': !context.disabled
-            },
-
-            // Transition
-            'transition duration-200',
-
-            // Misc
-            'user-none overflow-hidden',
-            { 'cursor-default pointer-events-none opacity-60': context.disabled }
-        ]
-    }),
-    pagebutton: ({ context }) => ({
-        class: [
-            'relative',
-
-            // Flex & Alignment
-            'inline-flex items-center justify-center',
-
-            // Shape
-            'border-0 rounded-full dark:rounded-md',
-
-            // Size
-            'min-w-[3rem] h-12 m-[0.143rem]',
-            'leading-none',
-
-            // Color
-            'text-surface-500 dark:text-white/80',
-            {
-                'bg-primary-50 border-primary-50 dark:border-transparent text-primary-700 dark:text-surface-0 dark:bg-primary-400/30': context.active
-            },
-
-            // State
-            {
-                'hover:bg-surface-50 dark:hover:bg-surface-700/70': !context.disabled && !context.active,
-                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50': !context.disabled
-            },
-
-            // Transition
-            'transition duration-200',
-
-            // Misc
-            'user-none overflow-hidden',
-            { 'cursor-default pointer-events-none opacity-60': context.disabled }
-        ]
-    }),
-    rowperpagedropdown: {
-        root: ({ props, state }) => ({
-            class: [
-                // Display and Position
-                'inline-flex',
-                'relative',
-
-                // Shape
-                'h-12',
-                'rounded-md',
-
-                // Spacing
-                'mx-2',
-
-                // Color and Background
-                'bg-surface-0 dark:bg-surface-900',
-                'border border-surface-300 dark:border-surface-700',
-
-                // Transitions
-                'transition-all',
-                'duration-200',
-
-                // States
-                'hover:border-primary-500 dark:hover:border-primary-300',
-                { 'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50': !state.focused },
-
-                // Misc
-                'cursor-pointer',
-                'select-none',
-                { 'opacity-60': props.disabled, 'pointer-events-none': props.disabled, 'cursor-default': props.disabled }
-            ]
-        }),
-        input: {
-            class: [
-                //Font
-                'font-sans',
-                'leading-5',
-
-                // Display
-                'block',
-                'flex-auto',
-
-                // Color and Background
-                'bg-transparent',
-                'border-0',
-                'text-surface-800 dark:text-white/80',
-
-                // Sizing and Spacing
-                'w-[1%]',
-                'p-3 pr-0',
-
-                //Shape
-                'rounded-none',
-
-                // Transitions
-                'transition',
-                'duration-200',
-
-                // States
-                'focus:outline-none focus:shadow-none',
-
-                // Misc
-                'relative',
-                'cursor-pointer',
-                'overflow-hidden overflow-ellipsis',
-                'whitespace-nowrap',
-                'appearance-none'
-            ]
-        },
-        trigger: {
-            class: [
-                // Flexbox
-                'flex items-center justify-center',
-                'shrink-0',
-
-                // Color and Background
-                'bg-transparent',
-                'text-surface-500',
-
-                // Size
-                'w-12',
-
-                // Shape
-                'rounded-tr-md',
-                'rounded-br-md'
-            ]
-        },
-        panel: {
-            class: [
-                // Position
-                'absolute top-0 left-0',
-
-                // Shape
-                'border-0 dark:border',
-                'rounded-md',
-                'shadow-md',
-
-                // Color
-                'bg-surface-0 dark:bg-surface-800',
-                'text-surface-800 dark:text-white/80',
-                'dark:border-surface-700'
-            ]
-        },
-        wrapper: {
-            class: [
-                // Sizing
-                'max-h-[200px]',
-
-                // Misc
-                'overflow-auto'
-            ]
-        },
-        list: {
-            class: 'py-3 list-none m-0'
-        },
-        item: ({ context }) => ({
-            class: [
-                // Font
-                'font-normal',
-                'leading-none',
-
-                // Position
-                'relative',
-
-                // Shape
-                'border-0',
-                'rounded-none',
-
-                // Spacing
-                'm-0',
-                'py-3 px-5',
-
-                // Color
-                { 'text-surface-700 dark:text-white/80': !context.focused && !context.selected },
-                { 'bg-surface-50 dark:bg-surface-600/60 text-surface-700 dark:text-white/80': context.focused && !context.selected },
-                { 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': context.focused && context.selected },
-                { 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': !context.focused && context.selected },
-
-                //States
-                { 'hover:bg-surface-100 dark:hover:bg-surface-600/80': !context.focused && !context.selected },
-                { 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80': context.focused && !context.selected },
-
-                // Transitions
-                'transition-shadow',
-                'duration-200',
-
-                // Misc
-                'cursor-pointer',
-                'overflow-hidden',
-                'whitespace-nowrap'
-            ]
-        })
-    },
-    jumptopageinput: {
-        root: {
-            class: 'inline-flex mx-2'
-        },
-        input: {
-            root: {
-                class: [
-                    'relative',
-
-                    //Font
-                    'font-sans',
-                    'leading-none',
-
-                    // Display
-                    'block',
-                    'flex-auto',
-
-                    // Colors
-                    'text-surface-600 dark:text-surface-200',
-                    'placeholder:text-surface-400 dark:placeholder:text-surface-500',
-                    'bg-surface-0 dark:bg-surface-900',
-                    'border border-surface-300 dark:border-surface-600',
-
-                    // Sizing and Spacing
-                    'w-[1%] max-w-[3rem]',
-                    'p-3 m-0',
-
-                    //Shape
-                    'rounded-md',
-
-                    // Transitions
-                    'transition',
-                    'duration-200',
-
-                    // States
-                    'hover:border-primary-500 dark:hover:border-primary-400',
-                    'focus:outline-none focus:shadow-none',
-                    'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50',
-
-                    // Misc
-                    'cursor-pointer',
-                    'overflow-hidden overflow-ellipsis',
-                    'whitespace-nowrap',
-                    'appearance-none'
-                ]
-            }
-        }
-    },
-    jumptopagedropdown: {
-        root: ({ props, state }) => ({
-            class: [
-                // Display and Position
-                'inline-flex',
-                'relative',
-
-                // Shape
-                'h-12',
-                'rounded-md',
-
-                // Color and Background
-                'bg-surface-0 dark:bg-surface-900',
-                'border border-surface-300 dark:border-surface-700',
-
-                // Transitions
-                'transition-all',
-                'duration-200',
-
-                // States
-                'hover:border-primary-500 dark:hover:border-primary-300',
-                { 'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50': !state.focused },
-
-                // Misc
-                'cursor-pointer',
-                'select-none',
-                { 'opacity-60': props.disabled, 'pointer-events-none': props.disabled, 'cursor-default': props.disabled }
-            ]
-        }),
-        input: {
-            class: [
-                //Font
-                'font-sans',
-                'leading-none',
-
-                // Display
-                'block',
-                'flex-auto',
-
-                // Color and Background
-                'bg-transparent',
-                'border-0',
-                'text-surface-800 dark:text-white/80',
-
-                // Sizing and Spacing
-                'w-[1%]',
-                'p-3',
-
-                //Shape
-                'rounded-none',
-
-                // Transitions
-                'transition',
-                'duration-200',
-
-                // States
-                'focus:outline-none focus:shadow-none',
-
-                // Misc
-                'relative',
-                'cursor-pointer',
-                'overflow-hidden overflow-ellipsis',
-                'whitespace-nowrap',
-                'appearance-none'
-            ]
-        },
-        trigger: {
-            class: [
-                // Flexbox
-                'flex items-center justify-center',
-                'shrink-0',
-
-                // Color and Background
-                'bg-transparent',
-                'text-surface-500',
-
-                // Size
-                'w-12',
-
-                // Shape
-                'rounded-tr-md',
-                'rounded-br-md'
-            ]
-        },
-        panel: {
-            class: [
-                // Position
-                'absolute top-0 left-0',
-
-                // Shape
-                'border-0 dark:border',
-                'rounded-md',
-                'shadow-md',
-
-                // Color
-                'bg-surface-0 dark:bg-surface-800',
-                'text-surface-800 dark:text-white/80',
-                'dark:border-surface-700'
-            ]
-        },
-        wrapper: {
-            class: [
-                // Sizing
-                'max-h-[200px]',
-
-                // Misc
-                'overflow-auto'
-            ]
-        },
-        list: {
-            class: 'py-3 list-none m-0'
-        },
-        item: ({ context }) => ({
-            class: [
-                // Font
-                'font-normal',
-                'leading-none',
-
-                // Position
-                'relative',
-
-                // Shape
-                'border-0',
-                'rounded-none',
-
-                // Spacing
-                'm-0',
-                'py-3 px-5',
-
-                // Color
-                { 'text-surface-700 dark:text-white/80': !context.focused && !context.selected },
-                { 'bg-surface-50 dark:bg-surface-600/60 text-surface-700 dark:text-white/80': context.focused && !context.selected },
-                { 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': context.focused && context.selected },
-                { 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': !context.focused && context.selected },
-
-                //States
-                { 'hover:bg-surface-100 dark:hover:bg-surface-600/80': !context.focused && !context.selected },
-                { 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80': context.focused && !context.selected },
-
-                // Transitions
-                'transition-shadow',
-                'duration-200',
-
-                // Misc
-                'cursor-pointer',
-                'overflow-hidden',
-                'whitespace-nowrap'
-            ]
-        })
-    },
-    start: {
-        class: 'mr-auto'
-    },
-    end: {
-        class: 'ml-auto'
-    }
-};

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

@@ -1,39 +0,0 @@
-declare namespace _default {
-    function header({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'p-5': boolean;
-            'py-3 px-5': any;
-        })[];
-    };
-    namespace title {
-        let _class: string;
-        export { _class as class };
-    }
-    namespace toggler {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace togglerIcon {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    namespace content {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace footer {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let enterToClass: string;
-        let leaveFromClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;

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

@@ -1,91 +0,0 @@
-export default {
-    header: ({ props }) => ({
-        class: [
-            // Flex
-            'flex items-center justify-between',
-
-            // Colors
-            'text-surface-700 dark:text-surface-0/80',
-            'bg-surface-50 dark:bg-surface-900',
-            'border border-surface-200 dark:border-surface-700',
-
-            //Shape
-            'rounded-tl-lg rounded-tr-lg',
-
-            // Conditional Spacing
-            { 'p-5': !props.toggleable, 'py-3 px-5': props.toggleable }
-        ]
-    }),
-    title: {
-        class: 'leading-none font-bold'
-    },
-    toggler: {
-        class: [
-            // Alignments
-            'inline-flex items-center justify-center',
-            'relative',
-
-            // Sized
-            'w-8 h-8',
-            'm-0 p-0',
-
-            //Shape
-            'border-0 rounded-full',
-
-            //Color
-            'bg-transparent',
-            'text-surface-600 dark:text-surface-0/80',
-
-            // States
-            'hover:text-surface-800 dark:hover:text-surface-0/80',
-            'hover:bg-surface-100 dark:hover:bg-surface-800/80',
-            'focus:outline-none focus:outline-offset-0 focus-visible:ring focus-visible:ring-primary-400/50 focus-visible:ring-inset dark:focus-visible:ring-primary-300/50',
-
-            // Transitions
-            'transition-all duration-200 ease-in-out',
-
-            // Misc
-            'overflow-hidden no-underline',
-            'cursor-pointer'
-        ]
-    },
-    togglerIcon: {
-        class: 'inline-block'
-    },
-    content: {
-        class: [
-            // Spacing
-            'p-5',
-
-            // Shape
-            'border border-t-0 last:rounded-br-lg last:rounded-bl-lg',
-
-            //Color
-            'border-surface-200 dark:border-surface-700',
-            'bg-surface-0 dark:bg-surface-900',
-            'text-surface-700 dark:text-surface-0/80'
-        ]
-    },
-    footer: {
-        class: [
-            // Spacing
-            'py-3 p-5',
-
-            // Shape
-            'border border-t-0 rounded-br-lg rounded-bl-lg',
-
-            //Color
-            'border-surface-200 dark:border-surface-700',
-            'bg-surface-0 dark:bg-surface-900',
-            'text-surface-700 dark:text-surface-0/80'
-        ]
-    },
-    transition: {
-        enterFromClass: 'max-h-0',
-        enterActiveClass: 'overflow-hidden transition-[max-height] duration-1000 ease-[cubic-bezier(0.42,0,0.58,1)]',
-        enterToClass: 'max-h-[1000px]',
-        leaveFromClass: 'max-h-[1000px]',
-        leaveActiveClass: 'overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]',
-        leaveToClass: 'max-h-0'
-    }
-};