@gluhar/theme 2.0.2 → 3.0.0

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

@@ -1,259 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            'relative',
-
-            // Flex
-            'inline-flex',
-
-            // Size
-            { 'w-full': props.multiple },
-
-            // Color
-            'text-surface-900 dark:text-surface-0',
-
-            //States
-            {
-                'opacity-60 select-none pointer-events-none cursor-default': props.disabled
-            }
-        ]
-    }),
-    container: ({ props, state }) => ({
-        class: [
-            // Font
-            'font-sans text-base leading-none',
-
-            // Flex
-            'flex items-center flex-wrap',
-            'gap-2',
-
-            // Spacing
-            'm-0 list-none',
-            'px-3 py-1.5',
-
-            // Size
-            'w-full',
-            'min-h-[2.877rem]',
-
-            // Shape
-            'appearance-none rounded-md',
-
-            // Color
-            'text-surface-700 dark:text-white/80',
-            'placeholder:text-surface-400 dark:placeholder:text-surface-500',
-            'bg-surface-0 dark:bg-surface-900',
-            'border',
-            { 'border-surface-300 dark:border-surface-600': !props.invalid },
-
-            // Invalid State
-            { 'border-red-500 dark:border-red-400': props.invalid },
-
-            // States
-            { 'hover:border-primary-500 dark:hover:border-primary-400': !props.invalid },
-            'focus:outline-none focus:outline-offset-0',
-            { 'ring ring-primary-400/50 dark:ring-primary-300/50': state.focused },
-            { 'ring ring-primary-400/50 dark:ring-primary-300/50': state.hovered },
-            // Transition
-            'transition duration-200 ease-in-out',
-
-            // Misc
-            'cursor-text overflow-hidden'
-        ]
-    }),
-    inputtoken: {
-        class: ['py-1.5 px-0', 'inline-flex flex-auto']
-    },
-    input: ({ props }) => ({
-        class: [
-            // Font
-            'font-sans text-base leading-none',
-
-            // Shape
-            'appearance-none rounded-md',
-            { 'rounded-tr-none rounded-br-none': props.dropdown },
-            { 'outline-none shadow-none rounded-none': props.multiple },
-
-            // Size
-            { 'w-full': props.multiple },
-
-            // Spacing
-            'm-0',
-            { 'p-3': !props.multiple, 'p-0': props.multiple },
-
-            // Colors
-            'text-surface-700 dark:text-white/80',
-            'border',
-            {
-                'bg-surface-0 dark:bg-surface-900': !props.multiple,
-                ' border-surface-300 dark:border-surface-700': !props.multiple && !props.invalid,
-                'border-0 bg-transparent': props.multiple
-            },
-
-            // Invalid State
-            { 'border-red-500 dark:border-red-400': props.invalid },
-
-            // States
-            { 'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50': !props.multiple },
-
-            // Transition
-            'transition-colors duration-200'
-        ]
-    }),
-    token: {
-        class: [
-            // Flex
-            'inline-flex items-center',
-
-            // Spacings
-            'py-1.5 px-3',
-
-            // Shape
-            'rounded-[1.14rem]',
-
-            // Colors
-            'bg-surface-200 dark:bg-surface-700',
-            'text-surface-700 dark:text-white/70',
-
-            // Misc
-            'cursor-default'
-        ]
-    },
-    label: {
-        class: 'leading-5'
-    },
-    removeTokenIcon: {
-        class: [
-            // Shape
-            'rounded-md leading-6',
-
-            // Spacing
-            'ml-2',
-
-            // Size
-            'w-4 h-4',
-
-            // Transition
-            'transition duration-200 ease-in-out',
-
-            // Misc
-            'cursor-pointer'
-        ]
-    },
-    dropdownbutton: {
-        root: {
-            class: [
-                'relative',
-
-                // Alignments
-                'items-center inline-flex text-center align-bottom',
-
-                // Shape
-                'rounded-r-md',
-
-                // Size
-                'px-4 py-3 leading-none',
-
-                // Colors
-                'text-white dark:text-surface-900',
-                'bg-primary-500 dark:bg-primary-400',
-                'border border-primary-500 dark:border-primary-400',
-
-                // States
-                'focus:outline-none focus:outline-offset-0 focus:ring',
-                'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300',
-                'focus:ring-primary-400/50 dark:focus:ring-primary-300/50'
-            ]
-        }
-    },
-    loadingicon: {
-        class: ['text-surface-500 dark:text-surface-0/70', 'absolute top-[50%] right-[0.5rem] -mt-2 animate-spin']
-    },
-    panel: {
-        class: [
-            // Colors
-            'bg-surface-0 dark:bg-surface-800',
-            'text-surface-700 dark:text-white/80',
-
-            // Shape
-            'border-0',
-            'rounded-md',
-            'shadow-md',
-
-            // Size
-            'max-h-[200px] overflow-auto'
-        ]
-    },
-    list: {
-        class: 'py-3 px-0 list-none m-0'
-    },
-    item: ({ context }) => ({
-        class: [
-            'relative',
-
-            // Font
-            'font-normal text-base leading-none',
-
-            // Spacing
-            'm-0 px-5 py-3',
-
-            // Shape
-            'border-0 rounded-none',
-
-            // Colors
-            {
-                'text-surface-700 dark:text-white/80': !context.focused && !context.selected,
-                'bg-surface-200 dark:bg-surface-600/60': context.focused && !context.selected,
-                'text-surface-700 dark:text-white/80': context.focused && !context.selected,
-
-                'text-primary-700 dark:text-white/80': context.focused && context.selected,
-                'bg-primary-100 dark:bg-primary-400': context.focused && context.selected,
-                'text-primary-700 dark:text-white/80': !context.focused && context.selected,
-                'bg-primary-50 dark:bg-primary-300': !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 },
-
-            // Transition
-            'transition-shadow duration-200',
-
-            // Misc
-            'cursor-pointer overflow-hidden whitespace-nowrap'
-        ]
-    }),
-    itemgroup: {
-        class: [
-            'font-bold',
-
-            // Spacing
-            'm-0 p-3',
-
-            // Colors
-            'bg-surface-0 dark:bg-surface-700',
-            'text-surface-800 dark:text-white/80',
-
-            // Misc
-            'cursor-auto'
-        ]
-    },
-    emptymessage: {
-        class: [
-            // Font
-            'leading-none',
-
-            // Spacing
-            'py-3 px-5',
-
-            // Color
-            'text-surface-800 dark:text-white/80',
-            'bg-transparent'
-        ]
-    },
-    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/avatar/index.d.ts

@@ -1,83 +0,0 @@
-declare namespace _default {
-    function root({ props, parent }: {
-        props: any;
-        parent: any;
-    }): {
-        class: (string | {
-            'text-xl': boolean;
-            'text-2xl': boolean;
-            'h-8 w-8'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            '-ml-4'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-2'?: undefined;
-            'border-white dark:border-surface-800'?: undefined;
-        } | {
-            'h-8 w-8': boolean;
-            'w-12 h-12': boolean;
-            'w-16 h-16': boolean;
-            'text-xl'?: undefined;
-            'text-2xl'?: undefined;
-            '-ml-4'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-2'?: undefined;
-            'border-white dark:border-surface-800'?: undefined;
-        } | {
-            '-ml-4': boolean;
-            'text-xl'?: undefined;
-            'text-2xl'?: undefined;
-            'h-8 w-8'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-2'?: undefined;
-            'border-white dark:border-surface-800'?: undefined;
-        } | {
-            'rounded-lg': boolean;
-            'rounded-full': boolean;
-            'text-xl'?: undefined;
-            'text-2xl'?: undefined;
-            'h-8 w-8'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            '-ml-4'?: undefined;
-            'border-2'?: undefined;
-            'border-white dark:border-surface-800'?: undefined;
-        } | {
-            'border-2': boolean;
-            'text-xl'?: undefined;
-            'text-2xl'?: undefined;
-            'h-8 w-8'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            '-ml-4'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-white dark:border-surface-800'?: undefined;
-        } | {
-            'border-white dark:border-surface-800': boolean;
-            'text-xl'?: undefined;
-            'text-2xl'?: undefined;
-            'h-8 w-8'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            '-ml-4'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-2'?: undefined;
-        })[];
-    };
-    function image({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'rounded-lg': boolean;
-            'rounded-full': boolean;
-        })[];
-    };
-}
-export default _default;

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

@@ -1,43 +0,0 @@
-export default {
-    root: ({ props, parent }) => ({
-        class: [
-            // Font
-            {
-                'text-xl': props.size == 'large',
-                'text-2xl': props.size == 'xlarge'
-            },
-
-            // Alignments
-            'inline-flex items-center justify-center',
-            'relative',
-
-            // Sizes
-            {
-                'h-8 w-8': props.size == null || props.size == 'normal',
-                'w-12 h-12': props.size == 'large',
-                'w-16 h-16': props.size == 'xlarge'
-            },
-            { '-ml-4': parent.instance.$style?.name == 'avatargroup' },
-
-            // Shapes
-            {
-                'rounded-lg': props.shape == 'square',
-                'rounded-full': props.shape == 'circle'
-            },
-            { 'border-2': parent.instance.$style?.name == 'avatargroup' },
-
-            // Colors
-            'bg-surface-300 dark:bg-surface-700',
-            { 'border-white dark:border-surface-800': parent.instance.$style?.name == 'avatargroup' }
-        ]
-    }),
-    image: ({ props }) => ({
-        class: [
-            'h-full w-full',
-            {
-                'rounded-lg': props.shape == 'square',
-                'rounded-full': props.shape == 'circle'
-            }
-        ]
-    })
-};

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

@@ -1,7 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string;
-        export { _class as class };
-    }
-}
-export default _default;

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

@@ -1,5 +0,0 @@
-export default {
-    root: {
-        class: 'flex items-center'
-    }
-};

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

@@ -1,72 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'text-xs leading-[1.5rem]': boolean;
-            'text-lg leading-[2.25rem]': boolean;
-            'text-2xl leading-[3rem]': boolean;
-            'min-w-[1.5rem] h-[1.5rem]'?: undefined;
-            'min-w-[2.25rem] h-[2.25rem]'?: undefined;
-            'min-w-[3rem] h-[3rem]'?: undefined;
-            'rounded-full'?: undefined;
-            'rounded-[0.71rem]'?: undefined;
-            'bg-primary-500 dark:bg-primary-400'?: undefined;
-            'bg-surface-500 dark:bg-surface-400'?: undefined;
-            'bg-green-500 dark:bg-green-400'?: undefined;
-            'bg-blue-500 dark:bg-blue-400'?: undefined;
-            'bg-orange-500 dark:bg-orange-400'?: undefined;
-            'bg-purple-500 dark:bg-purple-400'?: undefined;
-            'bg-red-500 dark:bg-red-400'?: undefined;
-        } | {
-            'min-w-[1.5rem] h-[1.5rem]': boolean;
-            'min-w-[2.25rem] h-[2.25rem]': boolean;
-            'min-w-[3rem] h-[3rem]': boolean;
-            'text-xs leading-[1.5rem]'?: undefined;
-            'text-lg leading-[2.25rem]'?: undefined;
-            'text-2xl leading-[3rem]'?: undefined;
-            'rounded-full'?: undefined;
-            'rounded-[0.71rem]'?: undefined;
-            'bg-primary-500 dark:bg-primary-400'?: undefined;
-            'bg-surface-500 dark:bg-surface-400'?: undefined;
-            'bg-green-500 dark:bg-green-400'?: undefined;
-            'bg-blue-500 dark:bg-blue-400'?: undefined;
-            'bg-orange-500 dark:bg-orange-400'?: undefined;
-            'bg-purple-500 dark:bg-purple-400'?: undefined;
-            'bg-red-500 dark:bg-red-400'?: undefined;
-        } | {
-            'rounded-full': boolean;
-            'rounded-[0.71rem]': boolean;
-            'text-xs leading-[1.5rem]'?: undefined;
-            'text-lg leading-[2.25rem]'?: undefined;
-            'text-2xl leading-[3rem]'?: undefined;
-            'min-w-[1.5rem] h-[1.5rem]'?: undefined;
-            'min-w-[2.25rem] h-[2.25rem]'?: undefined;
-            'min-w-[3rem] h-[3rem]'?: undefined;
-            'bg-primary-500 dark:bg-primary-400'?: undefined;
-            'bg-surface-500 dark:bg-surface-400'?: undefined;
-            'bg-green-500 dark:bg-green-400'?: undefined;
-            'bg-blue-500 dark:bg-blue-400'?: undefined;
-            'bg-orange-500 dark:bg-orange-400'?: undefined;
-            'bg-purple-500 dark:bg-purple-400'?: undefined;
-            'bg-red-500 dark:bg-red-400'?: undefined;
-        } | {
-            'bg-primary-500 dark:bg-primary-400': boolean;
-            'bg-surface-500 dark:bg-surface-400': boolean;
-            'bg-green-500 dark:bg-green-400': boolean;
-            'bg-blue-500 dark:bg-blue-400': boolean;
-            'bg-orange-500 dark:bg-orange-400': boolean;
-            'bg-purple-500 dark:bg-purple-400': boolean;
-            'bg-red-500 dark:bg-red-400': boolean;
-            'text-xs leading-[1.5rem]'?: undefined;
-            'text-lg leading-[2.25rem]'?: undefined;
-            'text-2xl leading-[3rem]'?: undefined;
-            'min-w-[1.5rem] h-[1.5rem]'?: undefined;
-            'min-w-[2.25rem] h-[2.25rem]'?: undefined;
-            'min-w-[3rem] h-[3rem]'?: undefined;
-            'rounded-full'?: undefined;
-            'rounded-[0.71rem]'?: undefined;
-        })[];
-    };
-}
-export default _default;

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

@@ -1,43 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            // Font
-            'font-bold',
-
-            {
-                'text-xs leading-[1.5rem]': props.size == null,
-                'text-lg leading-[2.25rem]': props.size == 'large',
-                'text-2xl leading-[3rem]': props.size == 'xlarge'
-            },
-
-            // Alignment
-            'text-center inline-block',
-
-            // Size
-            'p-0 px-1',
-            {
-                'min-w-[1.5rem] h-[1.5rem]': props.size == null,
-                'min-w-[2.25rem] h-[2.25rem]': props.size == 'large',
-                'min-w-[3rem] h-[3rem]': props.size == 'xlarge'
-            },
-
-            // Shape
-            {
-                'rounded-full': props.value.length == 1,
-                'rounded-[0.71rem]': props.value.length !== 1
-            },
-
-            // Color
-            'text-white dark:text-surface-900',
-            {
-                'bg-primary-500 dark:bg-primary-400': props.severity == null || props.severity == 'primary',
-                'bg-surface-500 dark:bg-surface-400': props.severity == 'secondary',
-                'bg-green-500 dark:bg-green-400': props.severity == 'success',
-                'bg-blue-500 dark:bg-blue-400': props.severity == 'info',
-                'bg-orange-500 dark:bg-orange-400': props.severity == 'warning',
-                'bg-purple-500 dark:bg-purple-400': props.severity == 'help',
-                'bg-red-500 dark:bg-red-400': props.severity == 'danger'
-            }
-        ]
-    })
-};

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

@@ -1,50 +0,0 @@
-declare namespace _default {
-    function root({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'p-0': any;
-            'px-2': boolean;
-            'min-w-[0.5rem] w-2 h-2': any;
-            'min-w-[1.5rem] h-6': boolean;
-            'rounded-full'?: undefined;
-            'rounded-[10px]'?: undefined;
-            'bg-primary-500 dark:bg-primary-400'?: undefined;
-            'bg-surface-500 dark:bg-surface-400'?: undefined;
-            'bg-green-500 dark:bg-green-400'?: undefined;
-            'bg-blue-500 dark:bg-blue-400'?: undefined;
-            'bg-orange-500 dark:bg-orange-400'?: undefined;
-            'bg-purple-500 dark:bg-purple-400'?: undefined;
-            'bg-red-500 dark:bg-red-400'?: undefined;
-        } | {
-            'rounded-full': any;
-            'rounded-[10px]': boolean;
-            'p-0'?: undefined;
-            'px-2'?: undefined;
-            'min-w-[0.5rem] w-2 h-2'?: undefined;
-            'min-w-[1.5rem] h-6'?: undefined;
-            'bg-primary-500 dark:bg-primary-400'?: undefined;
-            'bg-surface-500 dark:bg-surface-400'?: undefined;
-            'bg-green-500 dark:bg-green-400'?: undefined;
-            'bg-blue-500 dark:bg-blue-400'?: undefined;
-            'bg-orange-500 dark:bg-orange-400'?: undefined;
-            'bg-purple-500 dark:bg-purple-400'?: undefined;
-            'bg-red-500 dark:bg-red-400'?: undefined;
-        } | {
-            'bg-primary-500 dark:bg-primary-400': boolean;
-            'bg-surface-500 dark:bg-surface-400': any;
-            'bg-green-500 dark:bg-green-400': any;
-            'bg-blue-500 dark:bg-blue-400': any;
-            'bg-orange-500 dark:bg-orange-400': any;
-            'bg-purple-500 dark:bg-purple-400': any;
-            'bg-red-500 dark:bg-red-400': any;
-            'p-0'?: undefined;
-            'px-2'?: undefined;
-            'min-w-[0.5rem] w-2 h-2'?: undefined;
-            'min-w-[1.5rem] h-6'?: undefined;
-            'rounded-full'?: undefined;
-            'rounded-[10px]'?: undefined;
-        })[];
-    };
-}
-export default _default;

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

@@ -1,43 +0,0 @@
-export default {
-    root: ({ context }) => ({
-        class: [
-            // Font
-            'font-bold font-sans',
-            'text-xs leading-5',
-
-            // Alignment
-            'flex items-center justify-center',
-            'text-center',
-
-            // Position
-            'absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 origin-top-right',
-
-            // Size
-            'm-0',
-            {
-                'p-0': context.nogutter || context.dot,
-                'px-2': !context.nogutter && !context.dot,
-                'min-w-[0.5rem] w-2 h-2': context.dot,
-                'min-w-[1.5rem] h-6': !context.dot
-            },
-
-            // Shape
-            {
-                'rounded-full': context.nogutter || context.dot,
-                'rounded-[10px]': !context.nogutter && !context.dot
-            },
-
-            // Color
-            'text-white dark:text-surface-900',
-            {
-                'bg-primary-500 dark:bg-primary-400': !context.info && !context.success && !context.warning && !context.danger && !context.help && !context.secondary,
-                'bg-surface-500 dark:bg-surface-400': context.secondary,
-                'bg-green-500 dark:bg-green-400': context.success,
-                'bg-blue-500 dark:bg-blue-400': context.info,
-                'bg-orange-500 dark:bg-orange-400': context.warning,
-                'bg-purple-500 dark:bg-purple-400': context.help,
-                'bg-red-500 dark:bg-red-400': context.danger
-            }
-        ]
-    })
-};

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

@@ -1,11 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string;
-        export { _class as class };
-    }
-    namespace mask {
-        let _class_1: string;
-        export { _class_1 as class };
-    }
-}
-export default _default;

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

@@ -1,8 +0,0 @@
-export default {
-    root: {
-        class: 'relative'
-    },
-    mask: {
-        class: 'bg-black/40'
-    }
-};

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

@@ -1,23 +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 };
-    }
-    namespace action {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace icon {
-        let _class_3: string;
-        export { _class_3 as class };
-    }
-    namespace separator {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-}
-export default _default;