From e8a596abdca646aa3064ef6e2323920a03605d76 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 15 Oct 2024 08:32:24 +0000 Subject: [PATCH] Update API doc --- doc/common/presetdoc/index.json | 1 + 1 file changed, 1 insertion(+) diff --git a/doc/common/presetdoc/index.json b/doc/common/presetdoc/index.json index 682c1bcd..dd6f4f27 100644 --- a/doc/common/presetdoc/index.json +++ b/doc/common/presetdoc/index.json @@ -21,6 +21,7 @@ "dock": ".p-dock {\n @apply absolute z-10 flex justify-center items-center pointer-events-none\n}\n\n.p-dock-list-container {\n @apply flex pointer-events-auto bg-white/10 border border-white/10 p-2 rounded-xl\n}\n\n.p-dock-list {\n @apply m-0 p-0 list-none flex items-center justify-center outline-none\n}\n\n.p-dock-item {\n @apply transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] will-change-transform p-2 rounded-md\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-dock-item-link {\n @apply flex flex-col items-center justify-center relative cursor-default w-12 h-12\n}\n\n.p-dock-top {\n @apply left-0 top-0 w-full\n}\n\n.p-dock-top .p-dock-item {\n @apply origin-[center_top]\n}\n\n.p-dock-bottom {\n @apply left-0 bottom-0 w-full\n}\n\n.p-dock-bottom .p-dock-item {\n @apply origin-[center_bottom]\n}\n\n.p-dock-right {\n @apply right-0 top-0 h-full\n}\n\n.p-dock-right .p-dock-item {\n @apply origin-[center_right]\n}\n\n.p-dock-right .p-dock-list {\n @apply flex-col\n}\n\n.p-dock-left {\n @apply left-0 top-0 h-full\n}\n\n.p-dock-left .p-dock-item {\n @apply origin-[center_left]\n}\n\n.p-dock-left .p-dock-list {\n @apply flex-col\n}\n\n.p-dock-mobile.p-dock-top .p-dock-list-container,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container {\n @apply overflow-x-auto w-full\n}\n\n.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {\n @apply mt-0 mx-auto\n}\n\n.p-dock-mobile.p-dock-left .p-dock-list-container,\n.p-dock-mobile.p-dock-right .p-dock-list-container {\n @apply overflow-y-auto h-full\n}\n\n.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {\n @apply mt-auto mx-0\n}\n\n.p-dock-mobile .p-dock-list .p-dock-item {\n @apply transform-none m-0\n}", "drawer": ".p-drawer {\n @apply flex flex-col pointer-events-auto relative transition-transform duration-300\n border border-surface-200 dark:border-surface-700 \n bg-surface-0 dark:bg-surface-900 \n text-surface-700 dark:text-surface-0\n shadow-[0_20px_25px_-5px_rgba(0,0,0,0.1),0_8px_10px_-6px_rgba(0,0,0,0.1)]\n}\n\n.p-drawer {\n transform: translate3d(0px, 0px, 0px);\n}\n\n.p-drawer-content {\n @apply overflow-y-auto flex-grow pt-0 pb-5 px-5\n}\n\n.p-drawer-header {\n @apply flex items-center justify-between flex-shrink-0 p-5\n}\n\n.p-drawer-footer {\n @apply px-5\n}\n\n.p-drawer-title {\n @apply font-semibold text-2xl \n}\n\n.p-drawer-full .p-drawer {\n @apply transition-none transform-none w-screen h-screen max-h-full top-0 left-0\n}\n\n.p-drawer-left .p-drawer-enter-from,\n.p-drawer-left .p-drawer-leave-to {\n @apply -translate-x-full\n}\n\n.p-drawer-right .p-drawer-enter-from,\n.p-drawer-right .p-drawer-leave-to {\n @apply translate-x-full\n}\n\n.p-drawer-top .p-drawer-enter-from,\n.p-drawer-top .p-drawer-leave-to {\n @apply -translate-y-full\n}\n\n.p-drawer-bottom .p-drawer-enter-from,\n.p-drawer-bottom .p-drawer-leave-to {\n @apply translate-y-full\n}\n\n.p-drawer-full .p-drawer-enter-from,\n.p-drawer-full .p-drawer-leave-to {\n @apply opacity-0\n}\n\n.p-drawer-full .p-drawer-enter-active,\n.p-drawer-full .p-drawer-leave-active {\n @apply transition-opacity animate-duration-400 ease-[cubic-bezier(0.25,0.8,0.25,1)]\n}\n\n.p-drawer-left .p-drawer {\n @apply w-80 h-full border-r\n}\n\n.p-drawer-right .p-drawer {\n @apply w-80 h-full border-l\n}\n\n.p-drawer-top .p-drawer {\n @apply h-40 w-full border-b\n}\n\n.p-drawer-bottom .p-drawer {\n @apply h-40 w-full border-t\n}\n\n.p-drawer-left .p-drawer-content,\n.p-drawer-right .p-drawer-content,\n.p-drawer-top .p-drawer-content,\n.p-drawer-bottom .p-drawer-content {\n @apply w-full h-full\n}\n\n.p-drawer-open {\n @apply flex\n}", "fieldset": ".p-fieldset {\n @apply border border-surface-200 dark:border-surface-700 rounded-md\n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n px-[1.125rem] pt-0 pb-[1.125rem]\n}\n\n.p-fieldset-legend {\n @apply border border-transparent rounded-md px-3 py-2\n transition-colors duration-200\n}\n\n.p-fieldset-toggleable > .p-fieldset-legend {\n @apply p-0\n}\n\n.p-fieldset-toggle-button {\n @apply select-none overflow-hidden relative\n flex items-center justify-center gap-2\n px-3 py-2\n border-none rounded-md\n bg-surface-0 dark:bg-surface-900\n hover:bg-surface-100 dark:hover:bg-surface-800\n text-surface-700 dark:text-surface-0\n hover:text-surface-800 dark:hover:text-surface-0\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n transition-colors duration-200\n}\n\n.p-fieldset-legend-label {\n @apply font-semibold;\n}\n\n.p-fieldset-toggle-icon {\n @apply text-surface-500 dark:text-surface-400\n transition-colors duration-200\n}\n\n.p-fieldset-toggle-button:hover .p-fieldset-toggle-icon {\n @apply text-surface-600 dark:text-surface-300\n}\n\n.p-fieldset .p-fieldset-content {\n @apply p-0\n}", + "fileupload": ".p-fileupload input[type=\"file\"] {\n @apply hidden\n}\n\n.p-fileupload-advanced {\n @apply border border-surface-200 dark:border-surface-700 rounded-md \n bg-surface-0 dark:bg-surface-900 \n text-surface-700 dark:text-surface-0\n}\n\n.p-fileupload-header {\n @apply flex items-center p-[1.125rem] gap-2 text-surface-700 dark:text-surface-0\n}\n\n.p-fileupload-content {\n @apply border border-transparent relative transition-colors duration-200 pt-0 px-[1.125rem] pb-[1.125rem]\n}\n\n.p-fileupload-content .p-progressbar {\n @apply w-full absolute top-0 left-0 h-1\n}\n\n.p-fileupload-file-list {\n @apply flex flex-col gap-2 mt-[1.125rem]\n}\n\n.p-fileupload-file {\n @apply flex flex-wrap items-center p-4 border-b border-surface-200 dark:border-surface-700 gap-2 last:border-b-0\n}\n\n.p-fileupload-file-info {\n @apply flex flex-col gap-2\n}\n\n.p-fileupload-file-thumbnail {\n @apply flex-shrink-0\n}\n\n.p-fileupload-file-actions {\n @apply ml-auto\n}\n\n.p-fileupload-highlight {\n @apply border border-dashed border-primary\n}\n\n.p-fileupload-advanced .p-message {\n @apply mt-0\n}\n\n.p-fileupload-basic {\n @apply flex flex-wrap items-center justify-center gap-2\n}", "floatlabel": ".p-floatlabel {\n @apply block relative\n}\n\n.p-floatlabel label {\n @apply absolute pointer-events-none top-1/2 -translate-y-1/2 transition-all duration-200 ease-out leading-none font-medium\n left-3 text-surface-500 dark:text-surface-400\n}\n\n.p-floatlabel:has(.p-textarea) label {\n @apply top-2 translate-y-0\n}\n\n.p-floatlabel:has(.p-inputicon:first-child) label {\n @apply left-10\n}\n\n.p-floatlabel:has(.p-invalid) label {\n @apply text-red-400 dark:text-red-300\n}\n\n.p-floatlabel:has(input:focus) label,\n.p-floatlabel:has(input.p-filled) label,\n.p-floatlabel:has(input:-webkit-autofill) label,\n.p-floatlabel:has(textarea:focus) label,\n.p-floatlabel:has(textarea.p-filled) label,\n.p-floatlabel:has(.p-inputwrapper-focus) label,\n.p-floatlabel:has(.p-inputwrapper-filled) label {\n @apply -top-5 translate-y-0 text-xs font-normal\n}\n\n.p-floatlabel:has(input.p-filled) label,\n.p-floatlabel:has(textarea.p-filled) label,\n.p-floatlabel:has(.p-inputwrapper-filled) label {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-floatlabel:has(input:focus) label,\n.p-floatlabel:has(input:-webkit-autofill) label,\n.p-floatlabel:has(textarea:focus) label ,\n.p-floatlabel:has(.p-inputwrapper-focus) label {\n @apply text-primary\n}\n\n.p-floatlabel-in .p-inputtext,\n.p-floatlabel-in .p-textarea,\n.p-floatlabel-in .p-select-label,\n.p-floatlabel-in .p-multiselect-label,\n.p-floatlabel-in .p-autocomplete-input-multiple,\n.p-floatlabel-in .p-cascadeselect-label,\n.p-floatlabel-in .p-treeselect-label {\n @apply pt-6 pb-2\n}\n\n.p-floatlabel-in:has(input:focus) label,\n.p-floatlabel-in:has(input.p-filled) label,\n.p-floatlabel-in:has(input:-webkit-autofill) label,\n.p-floatlabel-in:has(textarea:focus) label,\n.p-floatlabel-in:has(textarea.p-filled) label,\n.p-floatlabel-in:has(.p-inputwrapper-focus) label,\n.p-floatlabel-in:has(.p-inputwrapper-filled) label {\n @apply top-2\n}\n\n.p-floatlabel-on:has(input:focus) label,\n.p-floatlabel-on:has(input.p-filled) label,\n.p-floatlabel-on:has(input:-webkit-autofill) label,\n.p-floatlabel-on:has(textarea:focus) label,\n.p-floatlabel-on:has(textarea.p-filled) label,\n.p-floatlabel-on:has(.p-inputwrapper-focus) label,\n.p-floatlabel-on:has(.p-inputwrapper-filled) label {\n @apply top-0 -translate-y-1/2 rounded-sm bg-surface-0 dark:bg-surface-950 py-0 px-[0.125rem]\n}", "galleria": ".p-galleria {\n @apply overflow-hidden border border-surface-200 dark:border-surface-700 rounded-md\n}\n\n.p-galleria-content {\n @apply flex flex-col\n}\n\n.p-galleria-items-container {\n @apply flex flex-col relative\n}\n\n.p-galleria-items {\n @apply relative flex h-full\n}\n\n.p-galleria-nav-button {\n @apply absolute top-1/2 inline-flex justify-center items-center overflow-hidden select-none border-none cursor-pointer\n w-12 h-12 transition-colors duration-200 p-0 -mt-12 mx-2 mb-0 rounded-full\n bg-white/10 text-surface-100 enabled:hover:bg-white/20 enabled:hover:text-surface-0 \n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-galleria-next-icon,\n.p-galleria-prev-icon {\n @apply text-2xl w-6 h-6\n}\n\n.p-galleria-prev-button {\n @apply left-0\n}\n\n.p-galleria-next-button {\n @apply right-0\n}\n\n.p-galleria-item {\n @apply flex justify-center items-center h-full w-full\n}\n\n.p-galleria-hover-navigators .p-galleria-nav-button {\n @apply pointer-events-none opacity-0 transition-opacity duration-200 ease-in-out\n}\n\n.p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button {\n @apply pointer-events-auto opacity-100\n}\n\n.p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button.p-disabled {\n @apply pointer-events-none\n}\n\n.p-galleria-caption {\n @apply absolute bottom-0 left-0 w-full bg-black/5 text-surface-100 p-4\n}\n\n.p-galleria-thumbnails {\n @apply flex flex-col overflow-auto flex-shrink-0\n}\n\n.p-galleria-thumbnail-nav-button {\n @apply self-center flex-grow-0 flex-shrink-0 basis-auto justify-center items-center overflow-hidden relative\n my-0 mx-2 p-0 border-none select-none cursor-pointer w-8 h-8 rounded-md transition-colors duration-200 bg-transparent \n text-surface-600 hover:bg-surface-100 hover:text-surface-700\n dark:text-surface-400 dark:hover:bg-surface-800 dark:hover:text-surface-0\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-galleria-thumbnail-nav-button .p-galleria-thumbnail-next-icon,\n.p-galleria-thumbnail-nav-button .p-galleria-thumbnail-prev-icon {\n @apply text-base w-4 h-4\n}\n\n.p-galleria-thumbnails-content {\n @apply flex flex-row bg-surface-0 dark:bg-surface-900 py-4 px-1\n}\n\n.p-galleria-thumbnails-viewport {\n @apply overflow-hidden w-full\n}\n\n.p-galleria-thumbnail-items {\n @apply flex\n}\n\n.p-galleria-thumbnail-item {\n @apply overflow-auto flex items-center justify-center cursor-pointer opacity-50\n}\n\n.p-galleria-thumbnail {\n @apply outline-transparent transition-opacity duration-300 hover:opacity-100\n}\n\n.p-galleria-thumbnail-item-current {\n @apply opacity-100\n}\n\n.p-galleria-thumbnails-left .p-galleria-content,\n.p-galleria-thumbnails-right .p-galleria-content {\n @apply flex-row\n}\n\n.p-galleria-thumbnails-left .p-galleria-items-container,\n.p-galleria-thumbnails-right .p-galleria-items-container {\n @apply flex-row\n}\n\n.p-galleria-thumbnails-left .p-galleria-items-container,\n.p-galleria-thumbnails-top .p-galleria-items-container {\n @apply order-2\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnails,\n.p-galleria-thumbnails-top .p-galleria-thumbnails {\n @apply order-1\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnails-content,\n.p-galleria-thumbnails-right .p-galleria-thumbnails-content {\n @apply flex-col flex-grow\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n @apply flex-col h-full\n}\n\n.p-galleria-indicator-list {\n @apply flex items-center justify-center p-4 gap-2 m-0 list-none\n}\n\n.p-galleria-indicator-button {\n @apply inline-flex items-center w-4 h-4 rounded-full m-0 p-0 border-none select-none cursor-pointer transition-colors duration-200\n bg-surface-200 hover:bg-surface-300 dark:bg-surface-700 dark:hover:bg-surface-600\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-galleria-indicator-active .p-galleria-indicator-button {\n @apply bg-primary\n}\n\n.p-galleria-indicators-left .p-galleria-items-container,\n.p-galleria-indicators-right .p-galleria-items-container {\n @apply flex-row items-center\n}\n\n.p-galleria-indicators-left .p-galleria-items,\n.p-galleria-indicators-top .p-galleria-items {\n @apply order-2\n}\n\n.p-galleria-indicators-left .p-galleria-indicator-list,\n.p-galleria-indicators-top .p-galleria-indicator-list {\n @apply order-1\n}\n\n.p-galleria-indicators-left .p-galleria-indicator-list,\n.p-galleria-indicators-right .p-galleria-indicator-list {\n @apply flex-col\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-list {\n @apply absolute flex z-10 bg-black/50\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button {\n @apply bg-white/40 hover:bg-white/60\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-active .p-galleria-indicator-button {\n @apply bg-white/90\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-top .p-galleria-indicator-list {\n @apply top-0 left-0 w-full items-start\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-right .p-galleria-indicator-list {\n @apply right-0 top-0 h-full items-end\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-bottom .p-galleria-indicator-list {\n @apply bottom-0 left-0 w-full items-end\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-left .p-galleria-indicator-list {\n @apply left-0 top-0 h-full items-start\n}\n\n.p-galleria-mask {\n @apply fixed top-0 left-0 w-full h-full flex items-center justify-center\n}\n\n.p-galleria-close-button {\n @apply absolute top-0 right-0 flex items-center justify-center overflow-hidden m-2 rounded-full \n transition-colors duration-200 select-none cursor-pointer w-12 h-12 p-0 border-none\n bg-white/10 text-surface-50 hover:bg-white/20 hover:text-surface-0 \n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary \n}\n\n.p-galleria-close-icon {\n @apply text-2xl w-6 h-6\n}\n\n.p-galleria-mask .p-galleria-nav-button {\n @apply fixed top-1/2\n}\n\n.p-galleria-enter-active {\n @apply transition-all duration-150 ease-[cubic-bezier(0,0,0.2,1)]\n}\n\n.p-galleria-leave-active {\n @apply transition-all duration-150 ease-[cubic-bezier(0.4,0,0.2,1)]\n}\n\n.p-galleria-enter-from,\n.p-galleria-leave-to {\n @apply opacity-0 scale-75\n}\n\n.p-galleria-enter-active .p-galleria-nav-button {\n @apply opacity-0\n}\n\n.p-items-hidden .p-galleria-thumbnail-item {\n @apply invisible\n}\n\n.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n @apply visible\n}", "global": ".p-disabled,\n.p-component:disabled {\n @apply opacity-60\n}\n\n.p-overlay-mask {\n @apply bg-black/50 text-surface-200 transition-colors duration-150\n fixed top-0 left-0 w-full h-full\n}\n\n.p-overlay-mask-enter {\n animation: p-overlay-mask-enter-animation 150ms forwards;\n}\n\n.p-overlay-mask-leave {\n animation: p-overlay-mask-leave-animation 150ms forwards;\n}\n\n@keyframes p-overlay-mask-enter-animation {\n from {\n background: transparent;\n }\n to {\n background: rgba(0,0,0,0.5);\n }\n}\n\n@keyframes p-overlay-mask-leave-animation {\n from {\n background: rgba(0,0,0,0.5);\n }\n to {\n background: transparent;\n }\n}",