@gluhar/theme 2.0.3 → 3.0.0

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

@@ -1,257 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Flexbox
-            'flex'
-        ]
-    },
-    controls: {
-        class: [
-            // Flexbox & Alignment
-            'flex flex-col justify-center gap-2',
-
-            // Spacing
-            'p-5'
-        ]
-    },
-    moveupbutton: {
-        root: ({ context }) => ({
-            class: [
-                // Flexbox & Alignment
-                'relative inline-flex items-center justify-center',
-
-                // Shape
-                'rounded-md',
-
-                // Color
-                'text-white dark:text-surface-900',
-                'bg-primary-500 dark:bg-primary-400',
-                'border border-primary-500 dark:border-primary-400',
-
-                // Spacing & Size
-                'w-12',
-                'm-0',
-                'px-0 py-3',
-
-                // Transitions
-                'transition duration-200 ease-in-out',
-
-                // State
-                'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 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',
-                { 'cursor-default pointer-events-none opacity-60': context.disabled },
-
-                // Interactivity
-                'cursor-pointer user-select-none'
-            ]
-        }),
-        label: {
-            class: [
-                // Flexbox
-                'flex-initial',
-
-                // Size
-                'w-0'
-            ]
-        }
-    },
-    movedownbutton: {
-        root: ({ context }) => ({
-            class: [
-                // Flexbox & Alignment
-                'relative inline-flex items-center justify-center',
-
-                // Shape
-                'rounded-md',
-
-                // Color
-                'text-white dark:text-surface-900',
-                'bg-primary-500 dark:bg-primary-400',
-                'border border-primary-500 dark:border-primary-400',
-
-                // Spacing & Size
-                'w-12',
-                'm-0',
-                'px-0 py-3',
-
-                // Transitions
-                'transition duration-200 ease-in-out',
-
-                // State
-                'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 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',
-                { 'cursor-default pointer-events-none opacity-60': context.disabled },
-
-                // Interactivity
-                'cursor-pointer user-select-none'
-            ]
-        }),
-        label: {
-            class: [
-                // Flexbox
-                'flex-initial',
-
-                // Size
-                'w-0'
-            ]
-        }
-    },
-    movetopbutton: {
-        root: ({ context }) => ({
-            class: [
-                // Flexbox & Alignment
-                'relative inline-flex items-center justify-center',
-
-                // Shape
-                'rounded-md',
-
-                // Color
-                'text-white dark:text-surface-900',
-                'bg-primary-500 dark:bg-primary-400',
-                'border border-primary-500 dark:border-primary-400',
-
-                // Spacing & Size
-                'w-12',
-                'm-0',
-                'px-0 py-3',
-
-                // Transitions
-                'transition duration-200 ease-in-out',
-
-                // State
-                'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 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',
-                { 'cursor-default pointer-events-none opacity-60': context.disabled },
-
-                // Interactivity
-                'cursor-pointer user-select-none'
-            ]
-        }),
-        label: {
-            class: [
-                // Flexbox
-                'flex-initial',
-
-                // Size
-                'w-0'
-            ]
-        }
-    },
-    movebottombutton: {
-        root: ({ context }) => ({
-            class: [
-                // Flexbox & Alignment
-                'relative inline-flex items-center justify-center',
-
-                // Shape
-                'rounded-md',
-
-                // Color
-                'text-white dark:text-surface-900',
-                'bg-primary-500 dark:bg-primary-400',
-                'border border-primary-500 dark:border-primary-400',
-
-                // Spacing & Size
-                'w-12',
-                'm-0',
-                'px-0 py-3',
-
-                // Transitions
-                'transition duration-200 ease-in-out',
-
-                // State
-                'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 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',
-                { 'cursor-default pointer-events-none opacity-60': context.disabled },
-
-                // Interactivity
-                'cursor-pointer user-select-none'
-            ]
-        }),
-        label: {
-            class: [
-                // Flexbox
-                'flex-initial',
-
-                // Size
-                'w-0'
-            ]
-        }
-    },
-    container: {
-        class: ['flex-auto']
-    },
-    header: {
-        class: [
-            'font-bold',
-
-            // Shape
-            'border-b-0 rounded-t-md',
-
-            // Spacing
-            'p-5',
-
-            // Color
-            'text-surface-700 dark:text-white/80',
-            'bg-surface-50 dark:bg-surface-800',
-            'border border-surface-200 dark:border-surface-700'
-        ]
-    },
-    list: {
-        class: [
-            // Spacing
-            'list-none m-0 p-0',
-
-            // Size
-            'min-h-[12rem] max-h-[24rem]',
-
-            // Shape
-            'rounded-b-md',
-
-            // Color
-            'text-surface-600 dark:text-white/80',
-            'bg-surface-0 dark:bg-surface-800',
-            'border border-surface-200 dark:border-surface-700',
-
-            // Spacing
-            'py-3 px-0',
-
-            // Focus & Outline
-            'outline-none',
-
-            // Misc
-            'overflow-auto'
-        ]
-    },
-    item: ({ context }) => ({
-        class: [
-            // Position
-            'relative',
-
-            // Spacing
-            'py-3 px-5 m-0',
-
-            // Shape
-            'border-none',
-
-            // Transition
-            'transition duration-200',
-
-            // Color
-            'text-surface-700 dark:text-white/80',
-            { 'bg-primary-500/20 dark:bg-primary-300/20': context.active && !context.focused },
-            { 'bg-primary-500/30 dark:bg-primary-400/30': context.active && context.focused },
-            { 'bg-surface-100 dark:bg-surface-700/70': !context.active && context.focused },
-
-            // State
-            'hover:bg-surface-100 dark:hover:bg-surface-700',
-
-            // Misc
-            'cursor-pointer overflow-hidden'
-        ]
-    })
-};

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

@@ -1,81 +0,0 @@
-declare namespace _default {
-    namespace table {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace cell {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    function node({ props, context }: {
-        props: any;
-        context: any;
-    }): {
-        class: (string | {
-            'text-surface-600 dark:text-white/80': boolean;
-            'bg-surface-0 dark:bg-surface-800': boolean;
-            'border-surface-200 dark:border-surface-700': boolean;
-            'text-primary-700 dark:text-surface-0': any;
-            'bg-primary-50 dark:bg-primary-400/30': any;
-            'border-primary-200 dark:border-primary-600': any;
-            'hover:bg-surface-100 dark:hover:bg-surface-700'?: undefined;
-            'hover:bg-primary-100 dark:hover:bg-primary-300/30'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-700': any;
-            'hover:bg-primary-100 dark:hover:bg-primary-300/30': any;
-            'text-surface-600 dark:text-white/80'?: undefined;
-            'bg-surface-0 dark:bg-surface-800'?: undefined;
-            'border-surface-200 dark:border-surface-700'?: undefined;
-            'text-primary-700 dark:text-surface-0'?: undefined;
-            'bg-primary-50 dark:bg-primary-400/30'?: undefined;
-            'border-primary-200 dark:border-primary-600'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'cursor-pointer': any;
-            'text-surface-600 dark:text-white/80'?: undefined;
-            'bg-surface-0 dark:bg-surface-800'?: undefined;
-            'border-surface-200 dark:border-surface-700'?: undefined;
-            'text-primary-700 dark:text-surface-0'?: undefined;
-            'bg-primary-50 dark:bg-primary-400/30'?: undefined;
-            'border-primary-200 dark:border-primary-600'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-700'?: undefined;
-            'hover:bg-primary-100 dark:hover:bg-primary-300/30'?: undefined;
-        })[];
-    };
-    namespace linecell {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace linedown {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    function lineleft({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'border-t': any;
-        })[];
-    };
-    function lineright({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'border-t border-surface-200 dark:border-surface-700': any;
-        })[];
-    };
-    namespace nodecell {
-        let _class_4: string;
-        export { _class_4 as class };
-    }
-    namespace nodetoggler {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace nodetogglericon {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-}
-export default _default;

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

@@ -1,138 +0,0 @@
-export default {
-    table: {
-        class: [
-            // Spacing & Position
-            'mx-auto my-0',
-
-            // Table Style
-            'border-spacing-0 border-separate'
-        ]
-    },
-    cell: {
-        class: [
-            // Alignment
-            'text-center align-top',
-
-            // Spacing
-            'py-0 px-3'
-        ]
-    },
-    node: ({ props, context }) => ({
-        class: [
-            'relative inline-block',
-
-            // Spacing
-            'p-5',
-
-            // Shape
-            'border',
-
-            // Color
-            {
-                'text-surface-600 dark:text-white/80': !context?.selected,
-                'bg-surface-0 dark:bg-surface-800': !context?.selected,
-                'border-surface-200 dark:border-surface-700': !context?.selected,
-                'text-primary-700 dark:text-surface-0': context?.selected,
-                'bg-primary-50 dark:bg-primary-400/30': context?.selected,
-                'border-primary-200 dark:border-primary-600': context?.selected
-            },
-
-            // States
-            {
-                'hover:bg-surface-100 dark:hover:bg-surface-700': context?.selectable && !context?.selected,
-                'hover:bg-primary-100 dark:hover:bg-primary-300/30': context?.selectable && context?.selected
-            },
-
-            { 'cursor-pointer': context?.selectable }
-        ]
-    }),
-    linecell: {
-        class: [
-            // Alignment
-            'text-center align-top',
-
-            // Spacing
-            'py-0 px-3'
-        ]
-    },
-    linedown: {
-        class: [
-            // Spacing
-            'mx-auto my-0',
-
-            // Size
-            'w-px h-[20px]',
-
-            // Color
-            'bg-surface-200 dark:bg-surface-700'
-        ]
-    },
-    lineleft: ({ context }) => ({
-        class: [
-            // Alignment
-            'text-center align-top',
-
-            // Spacing
-            'py-0 px-3',
-
-            // Shape
-            'rounded-none border-r',
-            { 'border-t': context.lineTop },
-
-            // Color
-            'border-surface-200 dark:border-surface-700'
-        ]
-    }),
-    lineright: ({ context }) => ({
-        class: [
-            // Alignment
-            'text-center align-top',
-
-            // Spacing
-            'py-0 px-3',
-
-            // Shape
-            'rounded-none',
-
-            // Color
-            { 'border-t border-surface-200 dark:border-surface-700': context.lineTop }
-        ]
-    }),
-    nodecell: {
-        class: 'text-center align-top py-0 px-3'
-    },
-    nodetoggler: {
-        class: [
-            // Position
-            'absolute bottom-[-0.75rem] left-2/4 -ml-3',
-            'z-20',
-
-            // Flexbox
-            'flex items-center justify-center',
-
-            // Size
-            'w-6 h-6',
-
-            // Shape
-            'rounded-full',
-
-            // Color
-            'bg-inherit text-inherit',
-
-            // Focus
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Misc
-            'cursor-pointer no-underline select-none'
-        ]
-    },
-    nodetogglericon: {
-        class: [
-            // Position
-            'relative inline-block',
-
-            // Size
-            'w-4 h-4'
-        ]
-    }
-};

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

@@ -1,17 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace content {
-        let _class_1: string;
-        export { _class_1 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;

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

@@ -1,40 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Shape
-            'rounded-md shadow-lg',
-            'border-0 dark:border',
-
-            // Position
-            'absolute left-0 top-0 mt-2',
-            'z-40 transform origin-center',
-
-            // Color
-            'bg-surface-0 dark:bg-surface-800',
-            'text-surface-700 dark:text-surface-0/80',
-            'dark:border-surface-700',
-
-            // Before: Triangle
-            'before:absolute before:-top-[9px] before:-ml-[9px] before:left-[calc(var(--overlayArrowLeft,0)+1.25rem)] z-0',
-            'before:w-0 before:h-0',
-            'before:border-transparent before:border-solid',
-            'before:border-x-[8px] before:border-[8px]',
-            'before:border-t-0 before:border-b-surface-300/10 dark:before:border-b-surface-700',
-
-            'after:absolute after:-top-2 after:-ml-[8px] after:left-[calc(var(--overlayArrowLeft,0)+1.25rem)]',
-            'after:w-0 after:h-0',
-            'after:border-transparent after:border-solid',
-            'after:border-x-[0.5rem] after:border-[0.5rem]',
-            'after:border-t-0 after:border-b-surface-0 dark:after:border-b-surface-800'
-        ]
-    },
-    content: {
-        class: 'p-5 items-center flex'
-    },
-    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'
-    }
-};