@gluhar/theme 2.0.2 → 3.0.0

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

@@ -1,206 +0,0 @@
-export default {
-    root: {
-        class: 'relative inline-block'
-    },
-    button: {
-        class: [
-            // Flexbox & Alignment
-            'flex items-center justify-center',
-
-            // Positioning
-            'absolute',
-
-            // Shape
-            'inset-0 opacity-0 transition-opacity duration-300',
-
-            // Color
-            'bg-transparent text-surface-100',
-
-            // States
-            'hover:opacity-100 hover:cursor-pointer hover:bg-black/50 hover:bg-opacity-50'
-        ]
-    },
-    mask: {
-        class: [
-            // Flexbox & Alignment
-            'flex items-center justify-center',
-
-            // Positioning
-            'fixed top-0 left-0',
-
-            // Sizing
-            'w-full h-full',
-
-            // Color
-            'bg-black/90'
-        ]
-    },
-    toolbar: {
-        class: [
-            // Flexbox
-            'flex',
-
-            // Positioning
-            'absolute top-0 right-0',
-
-            // Spacing
-            'p-4'
-        ]
-    },
-    rotaterightbutton: {
-        class: [
-            'z-20',
-
-            // Flexbox & Alignment
-            'flex justify-center items-center',
-
-            // Size
-            'w-12 h-12',
-
-            // Spacing
-            'mr-2',
-
-            // Shape
-            'rounded-full',
-
-            // Color
-            'text-white bg-transparent',
-
-            // States
-            'hover:text-white hover:bg-surface-0/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Transition
-            'transition duration-200 ease-in-out'
-        ]
-    },
-    rotaterighticon: {
-        class: 'w-6 h-6'
-    },
-    rotateleftbutton: {
-        class: [
-            'z-20',
-
-            // Flexbox & Alignment
-            'flex justify-center items-center',
-
-            // Size
-            'w-12 h-12',
-
-            // Spacing
-            'mr-2',
-
-            // Shape
-            'rounded-full',
-
-            // Color
-            'text-white bg-transparent',
-
-            // States
-            'hover:text-white hover:bg-surface-0/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Transition
-            'transition duration-200 ease-in-out'
-        ]
-    },
-    rotatelefticon: {
-        class: 'w-6 h-6'
-    },
-    zoomoutbutton: {
-        class: [
-            'z-20',
-
-            // Flexbox & Alignment
-            'flex justify-center items-center',
-
-            // Size
-            'w-12 h-12',
-
-            // Spacing
-            'mr-2',
-
-            // Shape
-            'rounded-full',
-
-            // Color
-            'text-white bg-transparent',
-
-            // States
-            'hover:text-white hover:bg-surface-0/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Transition
-            'transition duration-200 ease-in-out'
-        ]
-    },
-    zoomouticon: {
-        class: 'w-6 h-6'
-    },
-    zoominbutton: {
-        class: [
-            'z-20',
-
-            // Flexbox & Alignment
-            'flex justify-center items-center',
-
-            // Size
-            'w-12 h-12',
-
-            // Spacing
-            'mr-2',
-
-            // Shape
-            'rounded-full',
-
-            // Color
-            'text-white bg-transparent',
-
-            // States
-            'hover:text-white hover:bg-surface-0/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Transition
-            'transition duration-200 ease-in-out'
-        ]
-    },
-    zoominicon: {
-        class: 'w-6 h-6'
-    },
-    closebutton: {
-        class: [
-            'z-20',
-
-            // Flexbox & Alignment
-            'flex justify-center items-center',
-
-            // Size
-            'w-12 h-12',
-
-            // Spacing
-            'mr-2',
-
-            // Shape
-            'rounded-full',
-
-            // Color
-            'text-white bg-transparent',
-
-            // States
-            'hover:text-white hover:bg-surface-0/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Transition
-            'transition duration-200 ease-in-out'
-        ]
-    },
-    closeicon: {
-        class: 'w-6 h-6'
-    },
-    transition: {
-        enterFromClass: 'opacity-0 scale-75',
-        enterActiveClass: 'transition-all duration-150 ease-in-out',
-        leaveActiveClass: 'transition-all duration-150 ease-in',
-        leaveToClass: 'opacity-0 scale-75'
-    }
-};

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

@@ -1,187 +0,0 @@
-declare namespace _default {
-    export { global };
-    export namespace directives {
-        export { badgedirective as badge };
-        export { ripple };
-        export { tooltip };
-    }
-    export { autocomplete };
-    export { dropdown };
-    export { inputnumber };
-    export { inputtext };
-    export { calendar };
-    export { checkbox };
-    export { radiobutton };
-    export { inputswitch };
-    export { selectbutton };
-    export { slider };
-    export { chips };
-    export { rating };
-    export { multiselect };
-    export { togglebutton };
-    export { cascadeselect };
-    export { listbox };
-    export { colorpicker };
-    export { inputgroup };
-    export { inputgroupaddon };
-    export { inputmask };
-    export { knob };
-    export { treeselect };
-    export { tristatecheckbox };
-    export { textarea };
-    export { password };
-    export { iconfield };
-    export { floatlabel };
-    export { inputotp };
-    export { button };
-    export { splitbutton };
-    export { speeddial };
-    export { paginator };
-    export { datatable };
-    export { tree };
-    export { dataview };
-    export { dataviewlayoutoptions };
-    export { organizationchart };
-    export { orderlist };
-    export { picklist };
-    export { treetable };
-    export { timeline };
-    export { accordion };
-    export { panel };
-    export { fieldset };
-    export { card };
-    export { tabview };
-    export { divider };
-    export { toolbar };
-    export { scrollpanel };
-    export { splitter };
-    export { splitterpanel };
-    export { stepper };
-    export { deferred };
-    export { fileupload };
-    export { contextmenu };
-    export { menu };
-    export { menubar };
-    export { steps };
-    export { tieredmenu };
-    export { breadcrumb };
-    export { panelmenu };
-    export { megamenu };
-    export { dock };
-    export { tabmenu };
-    export { dialog };
-    export { overlaypanel };
-    export { sidebar };
-    export { confirmpopup };
-    export { message };
-    export { inlinemessage };
-    export { toast };
-    export { carousel };
-    export { galleria };
-    export { image };
-    export { badge };
-    export { avatar };
-    export { avatargroup };
-    export { tag };
-    export { chip };
-    export { progressbar };
-    export { skeleton };
-    export { scrolltop };
-    export { terminal };
-    export { blockui };
-    export { metergroup };
-    export { inplace };
-    export { progressspinner };
-}
-export default _default;
-import global from './global.js';
-import badgedirective from './badgedirective.js';
-import ripple from './ripple.js';
-import tooltip from './tooltip.js';
-import autocomplete from './autocomplete.js';
-import dropdown from './dropdown.js';
-import inputnumber from './inputnumber.js';
-import inputtext from './inputtext.js';
-import calendar from './calendar.js';
-import checkbox from './checkbox.js';
-import radiobutton from './radiobutton.js';
-import inputswitch from './inputswitch.js';
-import selectbutton from './selectbutton.js';
-import slider from './slider.js';
-import chips from './chips.js';
-import rating from './rating.js';
-import multiselect from './multiselect.js';
-import togglebutton from './togglebutton.js';
-import cascadeselect from './cascadeselect.js';
-import listbox from './listbox.js';
-import colorpicker from './colorpicker.js';
-import inputgroup from './inputgroup.js';
-import inputgroupaddon from './inputgroupaddon.js';
-import inputmask from './inputmask.js';
-import knob from './knob.js';
-import treeselect from './treeselect.js';
-import tristatecheckbox from './tristatecheckbox.js';
-import textarea from './textarea.js';
-import password from './password.js';
-import iconfield from './iconfield.js';
-import floatlabel from './floatlabel.js';
-import inputotp from './inputotp.js';
-import button from './button.js';
-import splitbutton from './splitbutton.js';
-import speeddial from './speeddial.js';
-import paginator from './paginator.js';
-import datatable from './datatable.js';
-import tree from './tree.js';
-import dataview from './dataview.js';
-import dataviewlayoutoptions from './dataviewlayoutoptions.js';
-import organizationchart from './organizationchart.js';
-import orderlist from './orderlist.js';
-import picklist from './picklist.js';
-import treetable from './treetable.js';
-import timeline from './timeline.js';
-import accordion from './accordion.js';
-import panel from './panel.js';
-import fieldset from './fieldset.js';
-import card from './card.js';
-import tabview from './tabview.js';
-import divider from './divider.js';
-import toolbar from './toolbar.js';
-import scrollpanel from './scrollpanel.js';
-import splitter from './splitter.js';
-import splitterpanel from './splitterpanel.js';
-import stepper from './stepper.js';
-import deferred from './deferred.js';
-import fileupload from './fileupload.js';
-import contextmenu from './contextmenu.js';
-import menu from './menu.js';
-import menubar from './menubar.js';
-import steps from './steps.js';
-import tieredmenu from './tieredmenu.js';
-import breadcrumb from './breadcrumb.js';
-import panelmenu from './panelmenu.js';
-import megamenu from './megamenu.js';
-import dock from './dock.js';
-import tabmenu from './tabmenu.js';
-import dialog from './dialog.js';
-import overlaypanel from './overlaypanel.js';
-import sidebar from './sidebar.js';
-import confirmpopup from './confirmpopup.js';
-import message from './message.js';
-import inlinemessage from './inlinemessage.js';
-import toast from './toast.js';
-import carousel from './carousel.js';
-import galleria from './galleria.js';
-import image from './image.js';
-import badge from './badge.js';
-import avatar from './avatar.js';
-import avatargroup from './avatargroup.js';
-import tag from './tag.js';
-import chip from './chip.js';
-import progressbar from './progressbar.js';
-import skeleton from './skeleton.js';
-import scrolltop from './scrolltop.js';
-import terminal from './terminal.js';
-import blockui from './blockui.js';
-import metergroup from './metergroup.js';
-import inplace from './inplace.js';
-import progressspinner from './progressspinner.js';

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

@@ -1,207 +0,0 @@
-import accordion from './accordion/index.js';
-import autocomplete from './autocomplete/index.js';
-import avatar from './avatar/index.js';
-import avatargroup from './avatargroup/index.js';
-import badge from './badge/index.js';
-import badgedirective from './badgedirective/index.js';
-import blockui from './blockui/index.js';
-import breadcrumb from './breadcrumb/index.js';
-import button from './button/index.js';
-import calendar from './calendar/index.js';
-import card from './card/index.js';
-import carousel from './carousel/index.js';
-import cascadeselect from './cascadeselect/index.js';
-import checkbox from './checkbox/index.js';
-import chip from './chip/index.js';
-import chips from './chips/index.js';
-import colorpicker from './colorpicker/index.js';
-import confirmpopup from './confirmpopup/index.js';
-import contextmenu from './contextmenu/index.js';
-import datatable from './datatable/index.js';
-import dataview from './dataview/index.js';
-import dataviewlayoutoptions from './dataviewlayoutoptions/index.js';
-import deferred from './deferred/index.js';
-import dialog from './dialog/index.js';
-import divider from './divider/index.js';
-import dock from './dock/index.js';
-import dropdown from './dropdown/index.js';
-import fieldset from './fieldset/index.js';
-import fileupload from './fileupload/index.js';
-import floatlabel from './floatlabel/index.js';
-import galleria from './galleria/index.js';
-import global from './global.js';
-import iconfield from './iconfield/index.js';
-import image from './image/index.js';
-import inlinemessage from './inlinemessage/index.js';
-import inplace from './inplace/index.js';
-import inputgroup from './inputgroup/index.js';
-import inputgroupaddon from './inputgroupaddon/index.js';
-import inputmask from './inputmask/index.js';
-import inputnumber from './inputnumber/index.js';
-import inputotp from './inputotp/index.js';
-import inputswitch from './inputswitch/index.js';
-import inputtext from './inputtext/index.js';
-import knob from './knob/index.js';
-import listbox from './listbox/index.js';
-import megamenu from './megamenu/index.js';
-import menu from './menu/index.js';
-import menubar from './menubar/index.js';
-import message from './message/index.js';
-import metergroup from './metergroup/index.js';
-import multiselect from './multiselect/index.js';
-import orderlist from './orderlist/index.js';
-import organizationchart from './organizationchart/index.js';
-import overlaypanel from './overlaypanel/index.js';
-import paginator from './paginator/index.js';
-import panel from './panel/index.js';
-import panelmenu from './panelmenu/index.js';
-import password from './password/index.js';
-import picklist from './picklist/index.js';
-import progressbar from './progressbar/index.js';
-import progressspinner from './progressspinner/index.js';
-import radiobutton from './radiobutton/index.js';
-import rating from './rating/index.js';
-import ripple from './ripple/index.js';
-import scrollpanel from './scrollpanel/index.js';
-import scrolltop from './scrolltop/index.js';
-import selectbutton from './selectbutton/index.js';
-import sidebar from './sidebar/index.js';
-import skeleton from './skeleton/index.js';
-import slider from './slider/index.js';
-import speeddial from './speeddial/index.js';
-import splitbutton from './splitbutton/index.js';
-import splitter from './splitter/index.js';
-import splitterpanel from './splitterpanel/index.js';
-import stepper from './stepper/index.js';
-import steps from './steps/index.js';
-import tabmenu from './tabmenu/index.js';
-import tabview from './tabview/index.js';
-import tag from './tag/index.js';
-import terminal from './terminal/index.js';
-import textarea from './textarea/index.js';
-import tieredmenu from './tieredmenu/index.js';
-import timeline from './timeline/index.js';
-import toast from './toast/index.js';
-import togglebutton from './togglebutton/index.js';
-import toolbar from './toolbar/index.js';
-import tooltip from './tooltip/index.js';
-import tree from './tree/index.js';
-import treeselect from './treeselect/index.js';
-import treetable from './treetable/index.js';
-import tristatecheckbox from './tristatecheckbox/index.js';
-
-export default {
-    global,
-    directives: {
-        badge: badgedirective,
-        ripple,
-        tooltip
-    },
-
-    //forms
-    autocomplete,
-    dropdown,
-    inputnumber,
-    inputtext,
-    calendar,
-    checkbox,
-    radiobutton,
-    inputswitch,
-    selectbutton,
-    slider,
-    chips,
-    rating,
-    multiselect,
-    togglebutton,
-    cascadeselect,
-    listbox,
-    colorpicker,
-    inputgroup,
-    inputgroupaddon,
-    inputmask,
-    knob,
-    treeselect,
-    tristatecheckbox,
-    textarea,
-    password,
-    iconfield,
-    floatlabel,
-    inputotp,
-
-    //buttons
-    button,
-    splitbutton,
-    speeddial,
-
-    //data
-    paginator,
-    datatable,
-    tree,
-    dataview,
-    dataviewlayoutoptions,
-    organizationchart,
-    orderlist,
-    picklist,
-    treetable,
-    timeline,
-
-    //panels
-    accordion,
-    panel,
-    fieldset,
-    card,
-    tabview,
-    divider,
-    toolbar,
-    scrollpanel,
-    splitter,
-    splitterpanel,
-    stepper,
-    deferred,
-
-    //file
-    fileupload,
-
-    //menu
-    contextmenu,
-    menu,
-    menubar,
-    steps,
-    tieredmenu,
-    breadcrumb,
-    panelmenu,
-    megamenu,
-    dock,
-    tabmenu,
-
-    //overlays
-    dialog,
-    overlaypanel,
-    sidebar,
-    confirmpopup,
-
-    //messages
-    message,
-    inlinemessage,
-    toast,
-
-    //media
-    carousel,
-    galleria,
-    image,
-
-    //misc
-    badge,
-    avatar,
-    avatargroup,
-    tag,
-    chip,
-    progressbar,
-    skeleton,
-    scrolltop,
-    terminal,
-    blockui,
-    metergroup,
-    inplace,
-    progressspinner
-};

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

@@ -1,55 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'bg-blue-100/70 dark:bg-blue-500/20': boolean;
-            'bg-green-100/70 dark:bg-green-500/20': boolean;
-            'bg-orange-100/70 dark:bg-orange-500/20': boolean;
-            'bg-red-100/70 dark:bg-red-500/20': boolean;
-            'dark:border-blue-400'?: undefined;
-            'dark:border-green-400'?: undefined;
-            'dark:border-orange-400'?: undefined;
-            'dark:border-red-400'?: undefined;
-            'text-blue-700 dark:text-blue-300'?: undefined;
-            'text-green-700 dark:text-green-300'?: undefined;
-            'text-orange-700 dark:text-orange-300'?: undefined;
-            'text-red-700 dark:text-red-300'?: undefined;
-        } | {
-            'dark:border-blue-400': boolean;
-            'dark:border-green-400': boolean;
-            'dark:border-orange-400': boolean;
-            'dark:border-red-400': boolean;
-            'bg-blue-100/70 dark:bg-blue-500/20'?: undefined;
-            'bg-green-100/70 dark:bg-green-500/20'?: undefined;
-            'bg-orange-100/70 dark:bg-orange-500/20'?: undefined;
-            'bg-red-100/70 dark:bg-red-500/20'?: undefined;
-            'text-blue-700 dark:text-blue-300'?: undefined;
-            'text-green-700 dark:text-green-300'?: undefined;
-            'text-orange-700 dark:text-orange-300'?: undefined;
-            'text-red-700 dark:text-red-300'?: undefined;
-        } | {
-            'text-blue-700 dark:text-blue-300': boolean;
-            'text-green-700 dark:text-green-300': boolean;
-            'text-orange-700 dark:text-orange-300': boolean;
-            'text-red-700 dark:text-red-300': boolean;
-            'bg-blue-100/70 dark:bg-blue-500/20'?: undefined;
-            'bg-green-100/70 dark:bg-green-500/20'?: undefined;
-            'bg-orange-100/70 dark:bg-orange-500/20'?: undefined;
-            'bg-red-100/70 dark:bg-red-500/20'?: undefined;
-            'dark:border-blue-400'?: undefined;
-            'dark:border-green-400'?: undefined;
-            'dark:border-orange-400'?: undefined;
-            'dark:border-red-400'?: undefined;
-        })[];
-    };
-    namespace icon {
-        let _class: string;
-        export { _class as class };
-    }
-    namespace text {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-}
-export default _default;

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

@@ -1,36 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            'inline-flex items-center justify-center align-top gap-2',
-            'p-3 m-0 rounded-md dark:border',
-            {
-                'bg-blue-100/70 dark:bg-blue-500/20': props.severity == 'info',
-                'bg-green-100/70 dark:bg-green-500/20': props.severity == 'success',
-                'bg-orange-100/70 dark:bg-orange-500/20': props.severity == 'warn',
-                'bg-red-100/70 dark:bg-red-500/20': props.severity == 'error'
-            },
-            {
-                'dark:border-blue-400': props.severity == 'info',
-                'dark:border-green-400': props.severity == 'success',
-                'dark:border-orange-400': props.severity == 'warn',
-                'dark:border-red-400': props.severity == 'error'
-            },
-            {
-                'text-blue-700 dark:text-blue-300': props.severity == 'info',
-                'text-green-700 dark:text-green-300': props.severity == 'success',
-                'text-orange-700 dark:text-orange-300': props.severity == 'warn',
-                'text-red-700 dark:text-red-300': props.severity == 'error'
-            }
-        ]
-    }),
-    icon: {
-        class: 'text-base'
-    },
-    text: {
-        class: [
-            // Font and Text
-            'text-base leading-none',
-            'font-medium'
-        ]
-    }
-};

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

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