@gluhar/theme 2.0.2 → 3.0.0

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

@@ -1,23 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace label {
-        let _class_1: string;
-        export { _class_1 as class };
-    }
-    namespace icon {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    namespace image {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace removeIcon {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-}
-export default _default;

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

@@ -1,45 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Flexbox
-            'inline-flex items-center',
-
-            // Spacing
-            'px-3',
-
-            // Shape
-            'rounded-[1.14rem]',
-
-            // Colors
-            'text-surface-700 dark:text-white/70',
-            'bg-surface-200 dark:bg-surface-700'
-        ]
-    },
-    label: {
-        class: 'leading-6 my-1.5 mx-0'
-    },
-    icon: {
-        class: 'leading-6 mr-2'
-    },
-    image: {
-        class: ['w-9 h-9 -ml-3 mr-2', 'rounded-full']
-    },
-    removeIcon: {
-        class: [
-            // Shape
-            'rounded-md leading-6',
-
-            // Spacing
-            'ml-2',
-
-            // Size
-            'w-4 h-4',
-
-            // Transition
-            'transition duration-200 ease-in-out',
-
-            // Misc
-            'cursor-pointer'
-        ]
-    }
-};

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

@@ -1,56 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'opacity-60 select-none pointer-events-none cursor-default': any;
-        })[];
-    };
-    function container({ state, props }: {
-        state: any;
-        props: any;
-    }): {
-        class: (string | {
-            'border-surface-300 dark:border-surface-600': boolean;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
-        } | {
-            'border-red-500 dark:border-red-400': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'ring ring-primary-400/50 dark:ring-primary-300/50'?: 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;
-            'ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
-        } | {
-            'ring ring-primary-400/50 dark:ring-primary-300/50': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-        })[];
-    };
-    namespace inputtoken {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace input {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace token {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace label {
-        let _class_3: string;
-        export { _class_3 as class };
-    }
-    namespace removeTokenIcon {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-}
-export default _default;

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

@@ -1,114 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            'flex',
-            {
-                'opacity-60 select-none pointer-events-none cursor-default': props.disabled
-            }
-        ]
-    }),
-    container: ({ state, props }) => ({
-        class: [
-            // Font
-            'font-sans text-base leading-none',
-
-            // Flex
-            'flex items-center flex-wrap gap-2',
-
-            // Spacing
-            'm-0 py-1.5 px-3',
-
-            // Size
-            'w-full',
-            'min-h-[2.877rem]',
-
-            // Shape
-            'list-none',
-            'rounded-md',
-
-            // Color
-            'text-surface-700 dark:text-white/80',
-            '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-colors duration-200',
-
-            // Misc
-            'cursor-text overflow-hidden',
-            'appearance-none'
-        ]
-    }),
-
-    inputtoken: {
-        class: ['py-1.5 px-0', 'inline-flex flex-auto']
-    },
-    input: {
-        class: [
-            // Font
-            'font-sans text-base leading-[1.2]',
-
-            // Size
-            'w-full',
-
-            // Spacing
-            'p-0 m-0',
-
-            // Shape
-            'appearance-none rounded-none',
-            'border-0 outline-none',
-            'shadow-none',
-
-            // Color
-            'text-surface-700 dark:text-white/80',
-            'bg-transparent'
-        ]
-    },
-    token: {
-        class: [
-            // Flexbox
-            'inline-flex items-center',
-
-            // Spacing
-            'py-1.5 px-3',
-
-            // Shape
-            'rounded-[1.14rem]',
-
-            // Colors
-            'text-surface-700 dark:text-white/70',
-            'bg-surface-200 dark:bg-surface-700'
-        ]
-    },
-    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'
-        ]
-    }
-};

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

@@ -1,51 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'opacity-60 select-none pointer-events-none cursor-default': any;
-        })[];
-    };
-    namespace input {
-        let _class: string[];
-        export { _class as class };
-    }
-    function panel({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'relative h-[166px] w-[193px]': any;
-            'absolute h-[166px] w-[193px]': boolean;
-        })[];
-    };
-    namespace selector {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace color {
-        let _class_2: string[];
-        export { _class_2 as class };
-        export let style: string;
-    }
-    namespace colorhandle {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace hue {
-        let _class_4: string[];
-        export { _class_4 as class };
-        let style_1: string;
-        export { style_1 as style };
-    }
-    namespace huehandle {
-        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/colorpicker/index.js

@@ -1,123 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            // Display
-            'inline-block',
-
-            // Misc
-            { 'opacity-60 select-none pointer-events-none cursor-default': props.disabled }
-        ]
-    }),
-    input: {
-        class: [
-            // Font
-            'font-sans text-base ',
-
-            // Spacing
-            'm-0',
-            'p-3',
-
-            // Size & Shape
-            'rounded-lg w-8 h-8',
-
-            // Colors
-            'bg-surface-0 dark:bg-surface-900',
-            'border border-surface-300 dark:border-surface-700',
-
-            // States
-            'hover:border-primary-500 dark:hover:border-primary-400',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Transition
-            'transition-colors duration-200',
-
-            // Misc
-            'cursor-pointer'
-        ]
-    },
-    panel: ({ props }) => ({
-        class: [
-            // Position & Size
-            {
-                'relative h-[166px] w-[193px]': props.inline,
-                'absolute h-[166px] w-[193px]': !props.inline
-            },
-
-            // Shape
-            'shadow-md border',
-
-            // Colors
-            'bg-surface-800 border-surface-900 dark:border-surface-600'
-        ]
-    }),
-    selector: {
-        class: [
-            // Position
-            'absolute top-[8px] left-[8px]',
-
-            // Size
-            'h-[150px] w-[150px]'
-        ]
-    },
-    color: {
-        class: [
-            // Size
-            'h-[150px] w-[150px]'
-        ],
-        style: 'background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%), linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%)'
-    },
-    colorhandle: {
-        class: [
-            'absolute',
-
-            // Shape
-            'rounded-full border border-solid',
-
-            // Size
-            'h-[10px] w-[10px]',
-
-            // Spacing
-            '-ml-[5px] -mt-[5px]',
-
-            // Colors
-            'border-white',
-
-            // Misc
-            'cursor-pointer opacity-85'
-        ]
-    },
-    hue: {
-        class: [
-            // Position
-            'absolute top-[8px] left-[167px]',
-
-            // Size
-            'h-[150px] w-[17px]',
-
-            // Opacity
-            'opacity-85'
-        ],
-        style: 'background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)'
-    },
-    huehandle: {
-        class: [
-            // Position
-            'absolute left-0 -ml-[2px] -mt-[5px]',
-
-            // Size
-            'h-[10px] w-[21px]',
-
-            // Shape
-            'border-solid border-2',
-
-            // Misc
-            'cursor-pointer opacity-85'
-        ]
-    },
-    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/confirmpopup/index.d.ts

@@ -1,39 +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 icon {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    namespace footer {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace rejectbutton {
-        export namespace root_1 {
-            let _class_4: string[];
-            export { _class_4 as class };
-        }
-        export { root_1 as root };
-    }
-    namespace acceptbutton {
-        export namespace root_2 {
-            let _class_5: string[];
-            export { _class_5 as class };
-        }
-        export { root_2 as root };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;

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

@@ -1,106 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Shape
-            'rounded-lg',
-            'shadow-lg',
-            'border-0',
-
-            // Positioning
-            'z-40 transform origin-center',
-            'mt-3 absolute left-0 top-0',
-
-            // Color
-            'dark:border',
-            'dark:border-surface-700',
-            'bg-surface-0 dark:bg-surface-800',
-            'text-surface-700 dark:text-surface-0/80',
-
-            // Before: Arrow
-            'before:absolute before:w-0 before:-top-3 before:h-0 before:border-transparent before:border-solid before:ml-6 before:border-x-[0.75rem] before:border-b-[0.75rem] before:border-t-0 before:border-b-surface-0 dark:before:border-b-surface-800'
-        ]
-    },
-    content: {
-        class: 'p-5 items-center flex'
-    },
-    icon: {
-        class: 'text-2xl mr-4'
-    },
-    footer: {
-        class: [
-            // Flexbox and Alignment
-            'flex items-center justify-end',
-            'shrink-0',
-            'text-right',
-            'gap-2',
-
-            // Spacing
-            'px-6',
-            'pb-6',
-
-            // Shape
-            'border-t-0',
-            'rounded-b-lg',
-
-            // Colors
-            'bg-surface-0 dark:bg-surface-800',
-            'text-surface-700 dark:text-surface-0/80'
-        ]
-    },
-    rejectbutton: {
-        root: {
-            class: [
-                'relative',
-
-                // Alignments
-                'items-center inline-flex text-center align-bottom justify-center',
-
-                // Sizes & Spacing
-                'px-4 py-3 leading-none',
-
-                // Shape
-                'rounded-md',
-
-                // Color
-                'text-primary-500 dark:text-primary-400',
-
-                // States
-                'hover:bg-primary-300/20',
-                'focus:outline-none focus:outline-offset-0 focus:ring',
-                'focus:ring-primary-400/50 dark:focus:ring-primary-300/50'
-            ]
-        }
-    },
-    acceptbutton: {
-        root: {
-            class: [
-                'relative',
-
-                // Alignments
-                'items-center inline-flex text-center align-bottom justify-center',
-
-                // Sizes & Spacing
-                'px-4 py-3 leading-none',
-
-                // 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',
-
-                // States
-                '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'
-            ]
-        }
-    },
-    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/contextmenu/index.d.ts

@@ -1,72 +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 menuitem {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    function content({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            '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;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-400/30 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80'?: undefined;
-            'opacity-60 pointer-events-none cursor-default'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
-            'hover:bg-primary-400/30 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80': 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;
-            'opacity-60 pointer-events-none cursor-default'?: undefined;
-        } | {
-            'opacity-60 pointer-events-none cursor-default': 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-400/30 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80'?: undefined;
-        })[];
-    };
-    namespace action {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace icon {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace label {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    function submenu({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'sm:absolute sm:left-full sm:top-0': boolean;
-        })[];
-    };
-    namespace submenuicon {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-    namespace separator {
-        let _class_7: string;
-        export { _class_7 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-    }
-}
-export default _default;