@gluhar/theme 2.0.0-dev.0

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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,11 @@
+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

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

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

@@ -0,0 +1,23 @@
+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;

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

@@ -0,0 +1,64 @@
+export default {
+    root: {
+        class: [
+            // Shape
+            'rounded-md',
+
+            // Spacing
+            'p-4',
+
+            // Color
+            'bg-surface-0 dark:bg-surface-700',
+            'border border-surface-200 dark:border-surface-700',
+
+            // Misc
+            'overflow-x-auto'
+        ]
+    },
+    menu: {
+        class: [
+            // Flex & Alignment
+            'flex items-center flex-nowrap',
+
+            // Spacing
+            'm-0 p-0 list-none leading-none'
+        ]
+    },
+    action: {
+        class: [
+            // Flex & Alignment
+            'flex items-center',
+
+            // Shape
+            'rounded-md',
+
+            // Color
+            'text-surface-600 dark:text-white/70',
+
+            // States
+            'focus-visible:outline-none focus-visible:outline-offset-0',
+            'focus-visible:ring focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50',
+
+            // Transitions
+            'transition-shadow duration-200',
+
+            // Misc
+            'text-decoration-none'
+        ]
+    },
+    icon: {
+        class: 'text-surface-600 dark:text-white/70'
+    },
+    separator: {
+        class: [
+            // Flex & Alignment
+            'flex items-center',
+
+            // Spacing
+            ' mx-2',
+
+            // Color
+            'text-surface-600 dark:text-white/70'
+        ]
+    }
+};