refactor: unraid-ui-web-migration (#1106)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced enhanced stepper components for smoother multi-step
interactions.
- Added new loading indicators and improved the loading experience with
customizable variants.
  
- **UI Improvements**
- Refreshed the global color palette and updated styling across buttons,
badges, and loading indicators for a more modern, consistent experience.
- Improved the organization and readability of templates and styles
across various components.

- **Code & Dependency Updates**
- Updated key dependencies and revised the theme and configuration
settings to improve performance and maintainability.
- Introduced new environment variables for better configuration
management.

- **Legacy Cleanup**
- Removed deprecated components and streamlined registrations to
simplify the codebase without affecting end-user functionality.
- Eliminated unused utility functions and legacy code to enhance overall
code quality.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: mdatelle <mike@datelle.net>
Co-authored-by: Eli Bosley <ekbosley@gmail.com>
This commit is contained in:
Michael Datelle
2025-02-12 18:00:06 -05:00
committed by GitHub
parent f76c0f05fb
commit 741e8532ab
159 changed files with 2044 additions and 3864 deletions
-12
View File
@@ -1,12 +0,0 @@
import type { XCircleIcon } from '@heroicons/vue/24/solid';
import type { Component } from 'vue';
export type UiBadgePropsColor = 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange' | 'black' | 'white' | 'transparent' | 'current' | 'custom';
export interface UiBadgeProps {
color?: UiBadgePropsColor;
icon?: typeof XCircleIcon | Component;
iconRight?: typeof XCircleIcon | Component;
iconStyles?: string;
size?: '12px' | '14px' | '16px' | '18px' | '20px' | '24px';
}
-19
View File
@@ -1,19 +0,0 @@
export type ButtonStyle = 'black' | 'fill' | 'gray' | 'outline' | 'outline-black' | 'outline-white' | 'underline' | 'underline-hover-red' | 'white' | 'none';
export interface ButtonProps {
btnStyle?: ButtonStyle;
btnType?: 'button' | 'submit' | 'reset';
class?: string | string[] | Record<string, boolean> | undefined;
click?: () => void;
disabled?: boolean;
download?: boolean;
external?: boolean;
href?: string;
icon?: Component;
iconRight?: Component;
iconRightHoverDisplay?: boolean;
// iconRightHoverAnimate?: boolean;
noPadding?: boolean;
size?: '12px' | '14px' | '16px' | '18px' | '20px' | '24px';
text?: string;
title?: string;
}