Include lost css
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
This commit is contained in:
1741
dist/sigpro-ui.css
vendored
1741
dist/sigpro-ui.css
vendored
File diff suppressed because it is too large
Load Diff
6
dist/sigpro-ui.esm.js
vendored
6
dist/sigpro-ui.esm.js
vendored
@@ -473,19 +473,19 @@ var Menu = (p) => {
|
||||
}, getBy(item)));
|
||||
return h("ul", { class: cls("menu", p.class) }, each(() => val(items) || [], render));
|
||||
};
|
||||
var Modal = (p) => {
|
||||
var Modal = (p, c) => {
|
||||
let dialogRef = null;
|
||||
watch(() => {
|
||||
const isOpen = val(p.open);
|
||||
if (!dialogRef)
|
||||
return;
|
||||
isOpen ? dialogRef.showModal() : dialogRef.hide();
|
||||
isOpen ? dialogRef.showModal() : dialogRef.close();
|
||||
});
|
||||
const close = () => isFunc(p.open) && p.open(false);
|
||||
return h("dialog", { ...p, ref: (el) => dialogRef = el, class: cls("modal", p.class), onclose: close, oncancel: close }, [
|
||||
h("div", { class: "modal-box" }, [
|
||||
p.title && h("h3", { class: "text-lg font-bold" }, p.title),
|
||||
p.children,
|
||||
c,
|
||||
h("div", { class: "modal-action" }, [
|
||||
p.actions || Button({ class: "btn", onclick: close }, "Cerrar")
|
||||
])
|
||||
|
||||
2
dist/sigpro-ui.esm.min.js
vendored
2
dist/sigpro-ui.esm.min.js
vendored
File diff suppressed because one or more lines are too long
6
dist/sigpro-ui.js
vendored
6
dist/sigpro-ui.js
vendored
@@ -1007,18 +1007,18 @@ var spui = (() => {
|
||||
each(() => val(items) || [], render2)
|
||||
);
|
||||
};
|
||||
var Modal = (p) => {
|
||||
var Modal = (p, c) => {
|
||||
let dialogRef = null;
|
||||
watch(() => {
|
||||
const isOpen = val(p.open);
|
||||
if (!dialogRef) return;
|
||||
isOpen ? dialogRef.showModal() : dialogRef.hide();
|
||||
isOpen ? dialogRef.showModal() : dialogRef.close();
|
||||
});
|
||||
const close = () => isFunc(p.open) && p.open(false);
|
||||
return h("dialog", { ...p, ref: (el) => dialogRef = el, class: cls("modal", p.class), onclose: close, oncancel: close }, [
|
||||
h("div", { class: "modal-box" }, [
|
||||
p.title && h("h3", { class: "text-lg font-bold" }, p.title),
|
||||
p.children,
|
||||
c,
|
||||
h("div", { class: "modal-action" }, [
|
||||
p.actions || Button({ class: "btn", onclick: close }, "Cerrar")
|
||||
])
|
||||
|
||||
2
dist/sigpro-ui.min.css
vendored
2
dist/sigpro-ui.min.css
vendored
File diff suppressed because one or more lines are too long
4
dist/sigpro-ui.min.js
vendored
4
dist/sigpro-ui.min.js
vendored
File diff suppressed because one or more lines are too long
2
docs/sigpro-ui.min.css
vendored
2
docs/sigpro-ui.min.css
vendored
File diff suppressed because one or more lines are too long
4
docs/sigpro-ui.min.js
vendored
4
docs/sigpro-ui.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -94,127 +94,6 @@
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
|
||||
/* SOLO PARA LA DEMO */
|
||||
/* Forzar DaisyUI .progress sobre Docsify */
|
||||
/* progress.progress {
|
||||
appearance: auto !important;
|
||||
-webkit-appearance: auto !important;
|
||||
-moz-appearance: auto !important;
|
||||
} */
|
||||
.markdown-section progress.progress {
|
||||
all: revert-layer;
|
||||
}
|
||||
|
||||
/* join join-vertical lg:join-horizontal divider divider-horizontal validator validator-hint glass */
|
||||
|
||||
/* Icons */
|
||||
/* .icon-[lucide--calendar] .icon-[lucide--chevrons-left] .icon-[lucide--chevron-left] .icon-[lucide--chevron-right] .icon-[lucide--chevrons-right] .icon-[lucide--info] .icon-[lucide--check-circle] .icon-[lucide--alert-triangle] .icon-[lucide--alert-circle] .icon-[lucide--heart] */
|
||||
/* .icon-[lucide--upload], .icon-[lucide--x], .icon-[lucide--text], .icon-[lucide--lock], .icon-[lucide--calendar], .icon-[lucide--hash], .icon-[lucide--mail], .icon-[lucide--search], .icon-[lucide--phone], .icon-[lucide--link], .icon-[lucide--eye-off], .icon-[lucide--eye] */
|
||||
|
||||
/* Accordion */
|
||||
/* .input, .input-bordered, .input-ghost, .input-primary, .input-secondary, .input-accent, .input-info, .input-success, .input-warning, .input-error, .input-xs, .input-sm, .input-md, .input-lg, .floating-label, */
|
||||
|
||||
/* Alert */
|
||||
/* .alert, .alert-info, .alert-success, .alert-warning, .alert-error, .alert-soft, .alert-outline, .alert-dash, */
|
||||
|
||||
/* Avatar */
|
||||
/* .avatar .avatar-group .avatar-online .avatar-offline .avatar-placeholder */
|
||||
|
||||
/* Breadcrumbs */
|
||||
/* .breadcrumbs */
|
||||
|
||||
/* Autocomplete */
|
||||
/* .menu, .menu-dropdown, .menu-dropdown-show, */
|
||||
|
||||
/* Badge */
|
||||
/* .badge, .badge-primary, .badge-secondary, .badge-accent, .badge-info, .badge-success, .badge-warning, .badge-error, .badge-outline, .badge-soft, .badge-dash, .badge-xs, .badge-sm, .badge-md, .badge-lg, */
|
||||
|
||||
/* Button */
|
||||
/* .btn, .btn-primary, .btn-secondary, .btn-accent, .btn-ghost, .btn-info, .btn-success, .btn-warning, .btn-error, .btn-neutral, .btn-xs, .btn-sm, .btn-md, .btn-lg, .btn-xl, .btn-outline, .btn-soft, .btn-dash, .btn-link, .btn-circle, .btn-square, .btn-wide, .btn-block, .btn-active, .btn-disabled, */
|
||||
|
||||
/* Checkbox & Toggle */
|
||||
/* .checkbox, .checkbox-primary, .checkbox-secondary, .checkbox-accent, .checkbox-info, .checkbox-success, .checkbox-warning, .checkbox-error, .checkbox-xs, .checkbox-sm, .checkbox-md, .checkbox-lg, .toggle, .toggle-primary, .toggle-secondary, .toggle-accent, .toggle-xs, .toggle-sm, .toggle-md, .toggle-lg, */
|
||||
|
||||
/* Chat */
|
||||
/* .chat .chat-end .chat-start .chat.image .chat-header .chat-footer . chat-bubble */
|
||||
|
||||
/* Colorpicker */
|
||||
|
||||
/* Drawer */
|
||||
/* .drawer, .drawer-end .drawer-toggle, .drawer-content, .drawer-side, .drawer-overlay, */
|
||||
|
||||
/* Dropdown */
|
||||
/* .dropdown, .dropdown-content, .dropdown-end, .dropdown-top, .dropdown-bottom , .dropdown-left, .dropdown-right*/
|
||||
|
||||
/* Fab */
|
||||
/* .fab, */
|
||||
|
||||
/* Fieldset */
|
||||
/* .fieldset, .fieldset-legend, */
|
||||
|
||||
/* Indicator */
|
||||
/* .indicator, .indicator-item, */
|
||||
|
||||
/* Input */
|
||||
/* .input, .input-bordered, .input-ghost, .input-primary, .input-secondary, .input-accent, .input-info, .input-success, .input-warning, .input-error, .input-xs, .input-sm, .input-md, .input-lg, .floating-label, */
|
||||
|
||||
/* Kbd */
|
||||
/* .kbd .kbd-xs .kbd-sm .kbd-md .kbd-lg .kbd-xl */
|
||||
|
||||
/* List */
|
||||
/* .list, .list-row, .list-bullet, .list-image, .list-none, */
|
||||
|
||||
/* Mask */
|
||||
/* .mask, .mask-star, .mask-star-2, .mask-heart, .mask-circle, */
|
||||
|
||||
/* Menu */
|
||||
/* .menu, .menu-dropdown, .menu-dropdown-show, */
|
||||
|
||||
/* Modal */
|
||||
/* .modal, .modal-box, .modal-action, .modal-backdrop, .modal-open, .modal-middle, .modal-top, .modal-bottom, */
|
||||
|
||||
/* Navbar */
|
||||
/* .navbar, .navbar-start, .navbar-center, .navbar-end, */
|
||||
|
||||
/* Progress */
|
||||
/* .progress .progress-neutral .progress-primary .progress-secondary .progress-accent .progress-info .progress-success .progress-warning .progress-error */
|
||||
|
||||
/* Radial */
|
||||
/* .radial-progress */
|
||||
|
||||
/* Radio */
|
||||
/* .radio, .radio-primary, .radio-secondary, .radio-accent, .radio-info, .radio-success, .radio-warning, .radio-error, .radio-xs, .radio-sm, .radio-md, .radio-lg, */
|
||||
|
||||
/* Range */
|
||||
/* .range, .range-primary, .range-secondary, .range-accent, .range-info, .range-success, .range-warning, .range-error, .range-xs, .range-sm, .range-md, .range-lg, */
|
||||
|
||||
/* Rating */
|
||||
/* .rating, .rating-half, .rating-hidden, */
|
||||
|
||||
/* Select */
|
||||
/* .select, .select-bordered, .select-primary, .select-secondary, .select-accent, .select-info, .select-success, .select-warning, .select-error, .select-xs, .select-sm, .select-md, .select-lg, */
|
||||
|
||||
/* Stack */
|
||||
/* .stack, .stack-top, .stack-bottom, .stack-start, .stack-end, */
|
||||
|
||||
/* Stat */
|
||||
/* .stat, .stat-figure, .stat-title, .stat-value, .stat-desc, */
|
||||
|
||||
/* Swap */
|
||||
/* .swap, .swap-on, .swap-off, .swap-active, .swap-rotate, .swap-flip, .swap-indeterminate, */
|
||||
|
||||
/* Table */
|
||||
/* .table, .table-zebra, .table-pin-rows, .table-pin-cols, .table-xs, .table-sm, .table-md, .table-lg, */
|
||||
|
||||
/* Tabs */
|
||||
/* .tabs, .tabs-box, .tabs-lift, .tabs-border, .tab, .tab-content, */
|
||||
|
||||
/* Timeline */
|
||||
/* .timeline, .timeline-vertical, .timeline-horizontal, .timeline-compact, .timeline-start, .timeline-middle, .timeline-end, .timeline-box, */
|
||||
|
||||
/* Toast */
|
||||
/* .icon-[lucide--x], */
|
||||
|
||||
/* Tooltip */
|
||||
/* .tooltip, .tooltip-top, .tooltip-bottom, .tooltip-left, .tooltip-right, .tooltip-primary, .tooltip-secondary, .tooltip-accent, .tooltip-info, .tooltip-success, .tooltip-warning, .tooltip-error, .tooltip-open, */
|
||||
|
||||
146
src/tailwind-classes.js
Normal file
146
src/tailwind-classes.js
Normal file
@@ -0,0 +1,146 @@
|
||||
// src/tailwind-classes.js
|
||||
// Este archivo fuerza a Tailwind v4 a incluir todas las clases necesarias
|
||||
|
||||
// Layout / Join / Divider
|
||||
const layout = [
|
||||
'join', 'join-vertical', 'lg:join-horizontal',
|
||||
'divider', 'divider-horizontal',
|
||||
'validator', 'validator-hint',
|
||||
'glass'
|
||||
]
|
||||
|
||||
// Iconos Lucide
|
||||
const icons = [
|
||||
'icon-[lucide--calendar]', 'icon-[lucide--chevrons-left]',
|
||||
'icon-[lucide--chevron-left]', 'icon-[lucide--chevron-right]',
|
||||
'icon-[lucide--chevrons-right]', 'icon-[lucide--info]',
|
||||
'icon-[lucide--check-circle]', 'icon-[lucide--alert-triangle]',
|
||||
'icon-[lucide--alert-circle]', 'icon-[lucide--heart]',
|
||||
'icon-[lucide--upload]', 'icon-[lucide--x]', 'icon-[lucide--text]',
|
||||
'icon-[lucide--lock]', 'icon-[lucide--hash]', 'icon-[lucide--mail]',
|
||||
'icon-[lucide--search]', 'icon-[lucide--phone]', 'icon-[lucide--link]',
|
||||
'icon-[lucide--eye-off]', 'icon-[lucide--eye]'
|
||||
]
|
||||
|
||||
// Inputs
|
||||
const inputs = [
|
||||
'input', 'input-bordered', 'input-ghost',
|
||||
'input-primary', 'input-secondary', 'input-accent',
|
||||
'input-info', 'input-success', 'input-warning', 'input-error',
|
||||
'input-xs', 'input-sm', 'input-md', 'input-lg',
|
||||
'floating-label'
|
||||
]
|
||||
|
||||
// Alertas
|
||||
const alerts = [
|
||||
'alert', 'alert-info', 'alert-success', 'alert-warning', 'alert-error',
|
||||
'alert-soft', 'alert-outline', 'alert-dash'
|
||||
]
|
||||
|
||||
// Avatar
|
||||
const avatars = [
|
||||
'avatar', 'avatar-group', 'avatar-online', 'avatar-offline', 'avatar-placeholder'
|
||||
]
|
||||
|
||||
// Badges
|
||||
const badges = [
|
||||
'badge', 'badge-primary', 'badge-secondary', 'badge-accent',
|
||||
'badge-info', 'badge-success', 'badge-warning', 'badge-error',
|
||||
'badge-outline', 'badge-soft', 'badge-dash',
|
||||
'badge-xs', 'badge-sm', 'badge-md', 'badge-lg'
|
||||
]
|
||||
|
||||
// Botones
|
||||
const buttons = [
|
||||
'btn', 'btn-primary', 'btn-secondary', 'btn-accent',
|
||||
'btn-ghost', 'btn-info', 'btn-success', 'btn-warning',
|
||||
'btn-error', 'btn-neutral',
|
||||
'btn-xs', 'btn-sm', 'btn-md', 'btn-lg', 'btn-xl',
|
||||
'btn-outline', 'btn-soft', 'btn-dash', 'btn-link',
|
||||
'btn-circle', 'btn-square', 'btn-wide', 'btn-block',
|
||||
'btn-active', 'btn-disabled'
|
||||
]
|
||||
|
||||
// Checkbox
|
||||
const checkboxes = [
|
||||
'checkbox', 'checkbox-primary', 'checkbox-secondary', 'checkbox-accent',
|
||||
'checkbox-info', 'checkbox-success', 'checkbox-warning', 'checkbox-error',
|
||||
'checkbox-xs', 'checkbox-sm', 'checkbox-md', 'checkbox-lg'
|
||||
]
|
||||
|
||||
// Toggle
|
||||
const toggles = [
|
||||
'toggle', 'toggle-primary', 'toggle-secondary', 'toggle-accent',
|
||||
'toggle-xs', 'toggle-sm', 'toggle-md', 'toggle-lg'
|
||||
]
|
||||
|
||||
// Chat
|
||||
const chats = [
|
||||
'chat', 'chat-end', 'chat-start', 'chat-image',
|
||||
'chat-header', 'chat-footer', 'chat-bubble'
|
||||
]
|
||||
|
||||
// Drawer
|
||||
const drawers = [
|
||||
'drawer', 'drawer-end', 'drawer-toggle', 'drawer-content',
|
||||
'drawer-side', 'drawer-overlay'
|
||||
]
|
||||
|
||||
// Dropdown
|
||||
const dropdowns = [
|
||||
'dropdown', 'dropdown-content', 'dropdown-end',
|
||||
'dropdown-top', 'dropdown-bottom', 'dropdown-left', 'dropdown-right'
|
||||
]
|
||||
|
||||
// Otros componentes
|
||||
const misc = [
|
||||
'breadcrumbs', 'fab', 'fieldset', 'fieldset-legend',
|
||||
'indicator', 'indicator-item', 'menu', 'menu-dropdown', 'menu-dropdown-show',
|
||||
'kbd', 'kbd-xs', 'kbd-sm', 'kbd-md', 'kbd-lg', 'kbd-xl',
|
||||
'list', 'list-row', 'list-bullet', 'list-image', 'list-none',
|
||||
'mask', 'mask-star', 'mask-star-2', 'mask-heart', 'mask-circle',
|
||||
'modal', 'modal-box', 'modal-action', 'modal-backdrop',
|
||||
'modal-open', 'modal-middle', 'modal-top', 'modal-bottom',
|
||||
'navbar', 'navbar-start', 'navbar-center', 'navbar-end',
|
||||
'progress', 'progress-neutral', 'progress-primary', 'progress-secondary',
|
||||
'progress-accent', 'progress-info', 'progress-success',
|
||||
'progress-warning', 'progress-error', 'radial-progress',
|
||||
'radio', 'radio-primary', 'radio-secondary', 'radio-accent',
|
||||
'radio-info', 'radio-success', 'radio-warning', 'radio-error',
|
||||
'radio-xs', 'radio-sm', 'radio-md', 'radio-lg',
|
||||
'range', 'range-primary', 'range-secondary', 'range-accent',
|
||||
'range-info', 'range-success', 'range-warning', 'range-error',
|
||||
'range-xs', 'range-sm', 'range-md', 'range-lg',
|
||||
'rating', 'rating-half', 'rating-hidden',
|
||||
'select', 'select-bordered', 'select-primary', 'select-secondary',
|
||||
'select-accent', 'select-info', 'select-success',
|
||||
'select-warning', 'select-error',
|
||||
'select-xs', 'select-sm', 'select-md', 'select-lg',
|
||||
'stack', 'stack-top', 'stack-bottom', 'stack-start', 'stack-end',
|
||||
'stat', 'stat-figure', 'stat-title', 'stat-value', 'stat-desc',
|
||||
'swap', 'swap-on', 'swap-off', 'swap-active',
|
||||
'swap-rotate', 'swap-flip', 'swap-indeterminate',
|
||||
'table', 'table-zebra', 'table-pin-rows', 'table-pin-cols',
|
||||
'table-xs', 'table-sm', 'table-md', 'table-lg',
|
||||
'tabs', 'tabs-box', 'tabs-lift', 'tabs-border', 'tab', 'tab-content',
|
||||
'timeline', 'timeline-vertical', 'timeline-horizontal',
|
||||
'timeline-compact', 'timeline-start', 'timeline-middle',
|
||||
'timeline-end', 'timeline-box',
|
||||
'tooltip', 'tooltip-top', 'tooltip-bottom', 'tooltip-left', 'tooltip-right',
|
||||
'tooltip-primary', 'tooltip-secondary', 'tooltip-accent',
|
||||
'tooltip-info', 'tooltip-success', 'tooltip-warning', 'tooltip-error',
|
||||
'tooltip-open'
|
||||
]
|
||||
|
||||
// Unir todas las clases
|
||||
const allClasses = [
|
||||
...layout, ...icons, ...inputs, ...alerts, ...avatars,
|
||||
...badges, ...buttons, ...checkboxes, ...toggles, ...chats,
|
||||
...drawers, ...dropdowns, ...misc
|
||||
]
|
||||
|
||||
// Exportar para que Tailwind las detecte
|
||||
export const tailwindClasses = allClasses.join(' ')
|
||||
|
||||
// También como array para posible uso en JS
|
||||
export default allClasses
|
||||
Reference in New Issue
Block a user