@gluhar/theme 2.0.3 → 3.0.0

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

@@ -1,220 +0,0 @@
-export default {
-    root: ({ props, context, parent }) => ({
-        class: [
-            'relative',
-
-            // Alignments
-            'items-center inline-flex text-center align-bottom justify-center',
-
-            // Sizes & Spacing
-            'leading-[normal]',
-            {
-                'px-4 py-3': props.size === null,
-                'text-sm py-2 px-3': props.size === 'small',
-                'text-xl py-3 px-4': props.size === 'large'
-            },
-            {
-                'w-12 p-0 py-3': props.label == null && props.icon !== null
-            },
-
-            // Shapes
-            { 'shadow-lg': props.raised },
-            { 'rounded-md': !props.rounded, 'rounded-full': props.rounded },
-            { 'rounded-none first:rounded-l-md last:rounded-r-md': parent.instance.$name == 'InputGroup' },
-
-            // Link Button
-            { 'text-primary-600 bg-transparent border-transparent': props.link },
-
-            // Plain Button
-            { 'text-white bg-gray-500 border border-gray-500': props.plain && !props.outlined && !props.text },
-            // Plain Text Button
-            { 'text-surface-500': props.plain && props.text },
-            // Plain Outlined Button
-            { 'text-surface-500 border border-gray-500': props.plain && props.outlined },
-
-            // Text Button
-            { 'bg-transparent border-transparent': props.text && !props.plain },
-
-            // Outlined Button
-            { 'bg-transparent border': props.outlined && !props.plain },
-
-            // --- Severity Buttons ---
-
-            // Primary Button
-            {
-                'text-white dark:text-surface-900': !props.link && props.severity === null && !props.text && !props.outlined && !props.plain,
-                'bg-primary-500 dark:bg-primary-400': !props.link && props.severity === null && !props.text && !props.outlined && !props.plain,
-                'border border-primary-500 dark:border-primary-400': !props.link && props.severity === null && !props.text && !props.outlined && !props.plain
-            },
-            // Primary Text Button
-            { 'text-primary-500 dark:text-primary-400': props.text && props.severity === null && !props.plain },
-            // Primary Outlined Button
-            { 'text-primary-500 border border-primary-500 hover:bg-primary-300/20': props.outlined && props.severity === null && !props.plain },
-
-            // Secondary Button
-            {
-                'text-white dark:text-surface-900': props.severity === 'secondary' && !props.text && !props.outlined && !props.plain,
-                'bg-surface-500 dark:bg-surface-400': props.severity === 'secondary' && !props.text && !props.outlined && !props.plain,
-                'border border-surface-500 dark:border-surface-400': props.severity === 'secondary' && !props.text && !props.outlined && !props.plain
-            },
-            // Secondary Text Button
-            { 'text-surface-500 dark:text-surface-300': props.text && props.severity === 'secondary' && !props.plain },
-            // Secondary Outlined Button
-            { 'text-surface-500 dark:text-surface-300 border border-surface-500 hover:bg-surface-300/20': props.outlined && props.severity === 'secondary' && !props.plain },
-
-            // Success Button
-            {
-                'text-white dark:text-green-900': props.severity === 'success' && !props.text && !props.outlined && !props.plain,
-                'bg-green-500 dark:bg-green-400': props.severity === 'success' && !props.text && !props.outlined && !props.plain,
-                'border border-green-500 dark:border-green-400': props.severity === 'success' && !props.text && !props.outlined && !props.plain
-            },
-            // Success Text Button
-            { 'text-green-500 dark:text-green-400': props.text && props.severity === 'success' && !props.plain },
-            // Success Outlined Button
-            { 'text-green-500 border border-green-500 hover:bg-green-300/20': props.outlined && props.severity === 'success' && !props.plain },
-
-            // Info Button
-            {
-                'text-white dark:text-surface-900': props.severity === 'info' && !props.text && !props.outlined && !props.plain,
-                'bg-blue-500 dark:bg-blue-400': props.severity === 'info' && !props.text && !props.outlined && !props.plain,
-                'border border-blue-500 dark:border-blue-400': props.severity === 'info' && !props.text && !props.outlined && !props.plain
-            },
-            // Info Text Button
-            { 'text-blue-500 dark:text-blue-400': props.text && props.severity === 'info' && !props.plain },
-            // Info Outlined Button
-            { 'text-blue-500 border border-blue-500 hover:bg-blue-300/20 ': props.outlined && props.severity === 'info' && !props.plain },
-
-            // Warning Button
-            {
-                'text-white dark:text-surface-900': props.severity === 'warning' && !props.text && !props.outlined && !props.plain,
-                'bg-orange-500 dark:bg-orange-400': props.severity === 'warning' && !props.text && !props.outlined && !props.plain,
-                'border border-orange-500 dark:border-orange-400': props.severity === 'warning' && !props.text && !props.outlined && !props.plain
-            },
-            // Warning Text Button
-            { 'text-orange-500 dark:text-orange-400': props.text && props.severity === 'warning' && !props.plain },
-            // Warning Outlined Button
-            { 'text-orange-500 border border-orange-500 hover:bg-orange-300/20': props.outlined && props.severity === 'warning' && !props.plain },
-
-            // Help Button
-            {
-                'text-white dark:text-surface-900': props.severity === 'help' && !props.text && !props.outlined && !props.plain,
-                'bg-purple-500 dark:bg-purple-400': props.severity === 'help' && !props.text && !props.outlined && !props.plain,
-                'border border-purple-500 dark:border-purple-400': props.severity === 'help' && !props.text && !props.outlined && !props.plain
-            },
-            // Help Text Button
-            { 'text-purple-500 dark:text-purple-400': props.text && props.severity === 'help' && !props.plain },
-            // Help Outlined Button
-            { 'text-purple-500 border border-purple-500 hover:bg-purple-300/20': props.outlined && props.severity === 'help' && !props.plain },
-
-            // Danger Button
-            {
-                'text-white dark:text-surface-900': props.severity === 'danger' && !props.text && !props.outlined && !props.plain,
-                'bg-red-500 dark:bg-red-400': props.severity === 'danger' && !props.text && !props.outlined && !props.plain,
-                'border border-red-500 dark:border-red-400': props.severity === 'danger' && !props.text && !props.outlined && !props.plain
-            },
-            // Danger Text Button
-            { 'text-red-500 dark:text-red-400': props.text && props.severity === 'danger' && !props.plain },
-            // Danger Outlined Button
-            { 'text-red-500 border border-red-500 hover:bg-red-300/20': props.outlined && props.severity === 'danger' && !props.plain },
-
-            // --- Severity Button States ---
-            'focus:outline-none focus:outline-offset-0 focus:ring',
-
-            // Link
-            { 'focus:ring-primary-400/50 dark:focus:ring-primary-300/50': props.link },
-
-            // Plain
-            { 'hover:bg-gray-600 hover:border-gray-600': props.plain && !props.outlined && !props.text },
-            // Text & Outlined Button
-            { 'hover:bg-surface-300/20': props.plain && (props.text || props.outlined) },
-
-            // Primary
-            { 'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300': !props.link && props.severity === null && !props.text && !props.outlined && !props.plain },
-            { 'focus:ring-primary-400/50 dark:focus:ring-primary-300/50': props.severity === null },
-            // Text & Outlined Button
-            { 'hover:bg-primary-300/20': (props.text || props.outlined) && props.severity === null && !props.plain },
-
-            // Secondary
-            { 'hover:bg-surface-600 dark:hover:bg-surface-300 hover:border-surface-600 dark:hover:border-surface-300': props.severity === 'secondary' && !props.text && !props.outlined && !props.plain },
-            { 'focus:ring-surface-400/50 dark:focus:ring-surface-300/50': props.severity === 'secondary' },
-            // Text & Outlined Button
-            { 'hover:bg-surface-300/20': (props.text || props.outlined) && props.severity === 'secondary' && !props.plain },
-
-            // Success
-            { 'hover:bg-green-600 dark:hover:bg-green-300 hover:border-green-600 dark:hover:border-green-300': props.severity === 'success' && !props.text && !props.outlined && !props.plain },
-            { 'focus:ring-green-400/50 dark:focus:ring-green-300/50': props.severity === 'success' },
-            // Text & Outlined Button
-            { 'hover:bg-green-300/20': (props.text || props.outlined) && props.severity === 'success' && !props.plain },
-
-            // Info
-            { 'hover:bg-blue-600 dark:hover:bg-blue-300 hover:border-blue-600 dark:hover:border-blue-300': props.severity === 'info' && !props.text && !props.outlined && !props.plain },
-            { 'focus:ring-blue-400/50 dark:focus:ring-blue-300/50': props.severity === 'info' },
-            // Text & Outlined Button
-            { 'hover:bg-blue-300/20': (props.text || props.outlined) && props.severity === 'info' && !props.plain },
-
-            // Warning
-            { 'hover:bg-orange-600 dark:hover:bg-orange-300 hover:border-orange-600 dark:hover:border-orange-300': props.severity === 'warning' && !props.text && !props.outlined && !props.plain },
-            { 'focus:ring-orange-400/50 dark:focus:ring-orange-300/50': props.severity === 'warning' },
-            // Text & Outlined Button
-            { 'hover:bg-orange-300/20': (props.text || props.outlined) && props.severity === 'warning' && !props.plain },
-
-            // Help
-            { 'hover:bg-purple-600 dark:hover:bg-purple-300 hover:border-purple-600 dark:hover:border-purple-300': props.severity === 'help' && !props.text && !props.outlined && !props.plain },
-            { 'focus:ring-purple-400/50 dark:focus:ring-purple-300/50': props.severity === 'help' },
-            // Text & Outlined Button
-            { 'hover:bg-purple-300/20': (props.text || props.outlined) && props.severity === 'help' && !props.plain },
-
-            // Danger
-            { 'hover:bg-red-600 dark:hover:bg-red-300 hover:border-red-600 dark:hover:border-red-300': props.severity === 'danger' && !props.text && !props.outlined && !props.plain },
-            { 'focus:ring-red-400/50 dark:focus:ring-red-300/50': props.severity === 'danger' },
-            // Text & Outlined Button
-            { 'hover:bg-red-300/20': (props.text || props.outlined) && props.severity === 'danger' && !props.plain },
-
-            // Disabled
-            { 'opacity-60 pointer-events-none cursor-default': context.disabled },
-
-            // Transitions
-            'transition duration-200 ease-in-out',
-
-            // Misc
-            'cursor-pointer overflow-hidden select-none'
-        ]
-    }),
-    label: ({ props }) => ({
-        class: [
-            'duration-200',
-            'font-bold',
-            {
-                'hover:underline': props.link
-            },
-            { 'flex-1': props.label !== null, 'invisible w-0': props.label == null }
-        ]
-    }),
-    icon: ({ props }) => ({
-        class: [
-            'mx-0',
-            {
-                'mr-2': props.iconPos == 'left' && props.label != null,
-                'ml-2 order-1': props.iconPos == 'right' && props.label != null,
-                'mb-2': props.iconPos == 'top' && props.label != null,
-                'mt-2': props.iconPos == 'bottom' && props.label != null
-            }
-        ]
-    }),
-    loadingicon: ({ props }) => ({
-        class: [
-            'h-4 w-4',
-            'mx-0',
-            {
-                'mr-2': props.iconPos == 'left' && props.label != null,
-                'ml-2 order-1': props.iconPos == 'right' && props.label != null,
-                'mb-2': props.iconPos == 'top' && props.label != null,
-                'mt-2': props.iconPos == 'bottom' && props.label != null
-            },
-            'animate-spin'
-        ]
-    }),
-    badge: ({ props }) => ({
-        class: [{ 'ml-2 w-4 h-4 leading-none flex items-center justify-center': props.badge }]
-    })
-};

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

@@ -1,334 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'opacity-60 select-none pointer-events-none cursor-default': any;
-        })[];
-    };
-    function input({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'border-surface-300 dark:border-surface-600': boolean;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'rounded-md'?: undefined;
-            'rounded-l-md  flex-1 pr-9'?: undefined;
-            'rounded-md flex-1 pr-9'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-        } | {
-            'border-red-500 dark:border-red-400': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'rounded-md'?: undefined;
-            'rounded-l-md  flex-1 pr-9'?: undefined;
-            'rounded-md flex-1 pr-9'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-        } | {
-            'rounded-md': boolean;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'rounded-l-md  flex-1 pr-9'?: undefined;
-            'rounded-md flex-1 pr-9'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-        } | {
-            'rounded-l-md  flex-1 pr-9': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'rounded-md'?: undefined;
-            'rounded-md flex-1 pr-9'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-        } | {
-            'rounded-md flex-1 pr-9': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'rounded-md'?: undefined;
-            'rounded-l-md  flex-1 pr-9'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-        } | {
-            'hover:border-primary-500 dark:hover:border-primary-400': boolean;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'rounded-md'?: undefined;
-            'rounded-l-md  flex-1 pr-9'?: undefined;
-            'rounded-md flex-1 pr-9'?: undefined;
-        })[];
-    };
-    namespace inputicon {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace dropdownbutton {
-        export namespace root_1 {
-            let _class_1: string[];
-            export { _class_1 as class };
-        }
-        export { root_1 as root };
-    }
-    function panel({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            absolute: boolean;
-            'inline-block': any;
-            'w-auto p-2 '?: undefined;
-            'min-w-[80vw] w-auto p-2 '?: undefined;
-            'p-2 min-w-full'?: undefined;
-            'shadow-md'?: undefined;
-            'overflow-x-auto'?: undefined;
-        } | {
-            'w-auto p-2 ': boolean;
-            absolute?: undefined;
-            'inline-block'?: undefined;
-            'min-w-[80vw] w-auto p-2 '?: undefined;
-            'p-2 min-w-full'?: undefined;
-            'shadow-md'?: undefined;
-            'overflow-x-auto'?: undefined;
-        } | {
-            'min-w-[80vw] w-auto p-2 ': any;
-            absolute?: undefined;
-            'inline-block'?: undefined;
-            'w-auto p-2 '?: undefined;
-            'p-2 min-w-full'?: undefined;
-            'shadow-md'?: undefined;
-            'overflow-x-auto'?: undefined;
-        } | {
-            'p-2 min-w-full': any;
-            absolute?: undefined;
-            'inline-block'?: undefined;
-            'w-auto p-2 '?: undefined;
-            'min-w-[80vw] w-auto p-2 '?: undefined;
-            'shadow-md'?: undefined;
-            'overflow-x-auto'?: undefined;
-        } | {
-            'shadow-md': boolean;
-            absolute?: undefined;
-            'inline-block'?: undefined;
-            'w-auto p-2 '?: undefined;
-            'min-w-[80vw] w-auto p-2 '?: undefined;
-            'p-2 min-w-full'?: undefined;
-            'overflow-x-auto'?: undefined;
-        } | {
-            'overflow-x-auto': any;
-            absolute?: undefined;
-            'inline-block'?: undefined;
-            'w-auto p-2 '?: undefined;
-            'min-w-[80vw] w-auto p-2 '?: undefined;
-            'p-2 min-w-full'?: undefined;
-            'shadow-md'?: undefined;
-        })[];
-    };
-    namespace datepickerMask {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace header {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace previousbutton {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace title {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace monthTitle {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-    namespace yearTitle {
-        let _class_7: string[];
-        export { _class_7 as class };
-    }
-    namespace nextbutton {
-        let _class_8: string[];
-        export { _class_8 as class };
-    }
-    namespace table {
-        let _class_9: string[];
-        export { _class_9 as class };
-    }
-    namespace tableheadercell {
-        let _class_10: string[];
-        export { _class_10 as class };
-    }
-    namespace weekheader {
-        let _class_11: string[];
-        export { _class_11 as class };
-    }
-    namespace weeknumber {
-        let _class_12: string[];
-        export { _class_12 as class };
-    }
-    namespace weekday {
-        let _class_13: string[];
-        export { _class_13 as class };
-    }
-    namespace day {
-        let _class_14: string[];
-        export { _class_14 as class };
-    }
-    function weeklabelcontainer({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-surface-600 dark:text-white/70 bg-transparent': boolean;
-            'text-primary-700 bg-primary-100': any;
-            'hover:bg-surface-100 dark:hover:bg-surface-800/80'?: undefined;
-            'hover:bg-primary-200'?: undefined;
-            'opacity-60 cursor-default'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-800/80': boolean;
-            'hover:bg-primary-200': any;
-            'text-surface-600 dark:text-white/70 bg-transparent'?: undefined;
-            'text-primary-700 bg-primary-100'?: undefined;
-            'opacity-60 cursor-default'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'opacity-60 cursor-default': any;
-            'cursor-pointer': boolean;
-            'text-surface-600 dark:text-white/70 bg-transparent'?: undefined;
-            'text-primary-700 bg-primary-100'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-800/80'?: undefined;
-            'hover:bg-primary-200'?: undefined;
-        })[];
-    };
-    function daylabel({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-primary-500 dark:text-primary-400': any;
-            'text-surface-600 dark:text-white/70 bg-transparent': boolean;
-            'text-primary-700 bg-primary-100 dark:text-surface-0 dark:bg-primary-300/40': any;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-200 dark:hover:bg-primary-200/40'?: undefined;
-            'opacity-60 cursor-default'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
-            'hover:bg-primary-200 dark:hover:bg-primary-200/40': any;
-            'text-primary-500 dark:text-primary-400'?: undefined;
-            'text-surface-600 dark:text-white/70 bg-transparent'?: undefined;
-            'text-primary-700 bg-primary-100 dark:text-surface-0 dark:bg-primary-300/40'?: undefined;
-            'opacity-60 cursor-default'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'opacity-60 cursor-default': any;
-            'cursor-pointer': boolean;
-            'text-primary-500 dark:text-primary-400'?: undefined;
-            'text-surface-600 dark:text-white/70 bg-transparent'?: undefined;
-            'text-primary-700 bg-primary-100 dark:text-surface-0 dark:bg-primary-300/40'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-200 dark:hover:bg-primary-200/40'?: undefined;
-        })[];
-    };
-    namespace monthpicker {
-        let _class_15: string[];
-        export { _class_15 as class };
-    }
-    function month({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-surface-600 dark:text-white/70 bg-transparent': boolean;
-            'text-primary-700 bg-primary-100 dark:text-surface-0 dark:bg-primary-300/40': any;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-200 dark:hover:bg-primary-200/40'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
-            'hover:bg-primary-200 dark:hover:bg-primary-200/40': any;
-            'text-surface-600 dark:text-white/70 bg-transparent'?: undefined;
-            'text-primary-700 bg-primary-100 dark:text-surface-0 dark:bg-primary-300/40'?: undefined;
-        })[];
-    };
-    namespace yearpicker {
-        let _class_16: string[];
-        export { _class_16 as class };
-    }
-    function year({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-surface-600 dark:text-white/70 bg-transparent': boolean;
-            'text-primary-700 bg-primary-100 dark:text-surface-0 dark:bg-primary-300/40': any;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-200 dark:hover:bg-primary-200/40'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
-            'hover:bg-primary-200 dark:hover:bg-primary-200/40': any;
-            'text-surface-600 dark:text-white/70 bg-transparent'?: undefined;
-            'text-primary-700 bg-primary-100 dark:text-surface-0 dark:bg-primary-300/40'?: undefined;
-        })[];
-    };
-    namespace timepicker {
-        let _class_17: string[];
-        export { _class_17 as class };
-    }
-    namespace separatorcontainer {
-        let _class_18: string[];
-        export { _class_18 as class };
-    }
-    namespace separator {
-        let _class_19: string[];
-        export { _class_19 as class };
-    }
-    namespace hourpicker {
-        let _class_20: string[];
-        export { _class_20 as class };
-    }
-    namespace minutepicker {
-        let _class_21: string[];
-        export { _class_21 as class };
-    }
-    namespace secondPicker {
-        let _class_22: string[];
-        export { _class_22 as class };
-    }
-    namespace ampmpicker {
-        let _class_23: string[];
-        export { _class_23 as class };
-    }
-    namespace incrementbutton {
-        let _class_24: string[];
-        export { _class_24 as class };
-    }
-    namespace decrementbutton {
-        let _class_25: string[];
-        export { _class_25 as class };
-    }
-    namespace groupcontainer {
-        let _class_26: string[];
-        export { _class_26 as class };
-    }
-    namespace group {
-        let _class_27: string[];
-        export { _class_27 as class };
-    }
-    namespace buttonbar {
-        let _class_28: string[];
-        export { _class_28 as class };
-    }
-    namespace todaybutton {
-        export namespace root_2 {
-            let _class_29: string[];
-            export { _class_29 as class };
-        }
-        export { root_2 as root };
-    }
-    namespace clearbutton {
-        export namespace root_3 {
-            let _class_30: string[];
-            export { _class_30 as class };
-        }
-        export { root_3 as root };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;