From 1b5eeb0bbc2f1d65bd68c8a8e42a72d9882782c3 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 7 Nov 2024 09:50:39 +0000 Subject: [PATCH] Update API doc --- doc/common/presetdoc/index.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/doc/common/presetdoc/index.json b/doc/common/presetdoc/index.json index 79e4c45e..7fa8c02f 100644 --- a/doc/common/presetdoc/index.json +++ b/doc/common/presetdoc/index.json @@ -46,9 +46,9 @@ "metergroup": ".p-metergroup {\n @apply flex gap-4\n}\n\n.p-metergroup-meters {\n @apply flex bg-surface-200 dark:bg-surface-700 rounded-md\n}\n\n.p-metergroup-label-list {\n @apply flex flex-wrap m-0 p-0 list-none\n}\n\n.p-metergroup-label {\n @apply inline-flex items-center gap-2\n}\n\n.p-metergroup-label-marker {\n @apply inline-flex w-2 h-2 rounded-full\n}\n\n.p-metergroup-label-icon {\n @apply text-base w-4 h-4\n}\n\n.p-metergroup-horizontal {\n @apply flex-col\n}\n\n.p-metergroup-label-list-horizontal {\n @apply gap-4\n}\n\n.p-metergroup-horizontal .p-metergroup-meters {\n @apply h-2\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n @apply rounded-l-md\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n @apply rounded-r-md\n}\n\n.p-metergroup-vertical {\n @apply flex-row\n}\n\n.p-metergroup-label-list-vertical {\n @apply flex-col gap-2\n}\n\n.p-metergroup-vertical .p-metergroup-meters {\n @apply flex-col w-2 h-full\n}\n\n.p-metergroup-vertical .p-metergroup-label-list {\n @apply items-start\n}\n\n.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n @apply rounded-t-md\n}\n\n.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n @apply rounded-b-md\n}", "multiselect": "@import './checkbox';\n@import './chip';\n@import './inputtext';\n@import './iconfield';\n\n.p-multiselect {\n @apply inline-flex cursor-pointer relative select-none rounded-md\n bg-surface-0 dark:bg-surface-950\n border border-surface-300 dark:border-surface-700\n shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]\n transition-colors duration-200\n}\n\n.p-multiselect:not(.p-disabled):hover {\n @apply border-surface-400 dark:border-surface-600\n}\n\n.p-multiselect:not(.p-disabled).p-focus {\n @apply border-primary\n}\n\n.p-multiselect.p-variant-filled {\n @apply bg-surface-50 dark:bg-surface-800\n}\n\n.p-multiselect.p-invalid {\n @apply border-red-400 dark:border-red-300\n}\n\n.p-multiselect.p-disabled {\n @apply bg-surface-200 text-surface-500 dark:bg-surface-700 dark:text-surface-400 opacity-100 cursor-default\n}\n\n.p-multiselect-dropdown {\n @apply flex items-center justify-center shrink-0 bg-transparent\n text-surface-500 dark:text-surface-400 w-10 rounded-e-md\n}\n\n.p-multiselect-label-container {\n @apply overflow-hidden flex-auto\n}\n\n.p-multiselect-label {\n @apply flex items-center gap-1 whitespace-nowrap overflow-hidden text-ellipsis px-3 py-2 text-surface-700 dark:text-surface-0\n}\n\n.p-multiselect-label.p-placeholder {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-multiselect.p-disabled .p-multiselect-label {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-multiselect-label-empty {\n @apply overflow-hidden opacity-0\n}\n\n.p-multiselect .p-multiselect-overlay {\n @apply min-w-full\n}\n\n.p-multiselect-overlay {\n @apply absolute top-0 left-0 rounded-md\n bg-surface-0 dark:bg-surface-900\n border border-surface-200 dark:border-surface-700\n text-surface-700 dark:text-surface-0\n shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-2px_rgba(0,0,0,0.1)]\n}\n\n.p-multiselect-header {\n @apply flex items-center pt-2 pb-1 px-4\n}\n\n.p-multiselect-header .p-checkbox {\n @apply me-2\n}\n\n.p-multiselect-filter-container {\n @apply flex-auto\n}\n\n.p-multiselect-filter {\n @apply w-full\n}\n\n.p-multiselect-list-container {\n @apply overflow-auto\n}\n\n.p-multiselect-list {\n @apply m-0 p-1 list-none gap-[2px] flex flex-col\n}\n\n.p-multiselect-option {\n @apply cursor-pointer font-normal whitespace-nowrap relative overflow-hidden flex items-center gap-2 px-3 py-2\n rounded-sm text-surface-700 dark:text-surface-0 bg-transparent border-none\n transition-colors duration-200\n}\n\n.p-multiselect-option:not(.p-disabled).p-focus {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-600 dark:text-surface-0\n}\n\n.p-multiselect-option-group {\n @apply m-0 px-3 py-2 bg-transparent text-surface-500 dark:text-surface-400 font-semibold\n}\n\n.p-multiselect-empty-message {\n @apply px-3 py-2\n}\n\n.p-multiselect-label .p-chip {\n @apply py-1 rounded-sm\n}\n\n.p-multiselect-label:has(.p-chip) {\n @apply py-1 px-[0.375rem]\n}\n\n.p-multiselect-fluid {\n @apply flex\n}\n", "orderlist": "@import './button';\n@import './listbox';\n\n.p-orderlist {\n @apply flex gap-[1.125rem]\n}\n\n.p-orderlist-controls {\n @apply flex flex-col justify-center gap-2\n}", - "organizationchart": ".p-organizationchart-table {\n @apply border-spacing-0 border-separate my-0 mx-auto\n}\n\n.p-organizationchart-table > tbody > tr > td {\n @apply text-center align-top py-0 px-3\n}\n\n.p-organizationchart-node {\n @apply inline-block relative py-3 px-4 rounded-md\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 transition-colors duration-200\n}\n\n.p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {\n @apply pt-3 px-4 pb-5\n}\n\n.p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {\n @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0\n}\n\n.p-organizationchart-node-selected {\n @apply bg-highlight\n}\n\n.p-organizationchart-node-toggle-button {\n @apply absolute -bottom-3 -ml-3 z-20 left-1/2 select-none cursor-pointer w-6 h-6 no-underline rounded-full\n inline-flex items-center justify-center transition-colors duration-200 \n border border-surface-200 dark:border-surface-700\n bg-surface-0 text-surface-500 hover:bg-surface-100 hover:text-surface-700 \n dark:bg-surface-900 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.p-organizationchart-node-toggle-button-icon {\n @apply relative top-px\n}\n\n.p-organizationchart-connector-down {\n @apply my-0 mx-auto h-6 w-px bg-surface-200 dark:bg-surface-700\n}\n\n.p-organizationchart-connector-right {\n @apply rounded-none\n}\n\n.p-organizationchart-connector-left {\n @apply rounded-none border-r border-surface-200 dark:border-surface-700\n}\n\n.p-organizationchart-connector-top {\n @apply border-t border-surface-200 dark:border-surface-700\n}\n\n.p-organizationchart-node-selectable {\n @apply cursor-pointer\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {\n @apply border-r-0\n}\n\n.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {\n @apply rounded-tr-md\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {\n @apply border-l border-surface-200 dark:border-surface-700 rounded-tl-md\n}", + "organizationchart": ".p-organizationchart-table {\n @apply border-spacing-0 border-separate my-0 mx-auto\n}\n\n.p-organizationchart-table > tbody > tr > td {\n @apply text-center align-top py-0 px-3\n}\n\n.p-organizationchart-node {\n @apply inline-block relative py-3 px-4 rounded-md\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 transition-colors duration-200\n}\n\n.p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {\n @apply pt-3 px-4 pb-5\n}\n\n.p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {\n @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0\n}\n\n.p-organizationchart-node-selected {\n @apply bg-highlight\n}\n\n.p-organizationchart-node-toggle-button {\n @apply absolute -bottom-3 -ms-3 z-20 start-1/2 select-none cursor-pointer w-6 h-6 no-underline rounded-full\n inline-flex items-center justify-center transition-colors duration-200\n border border-surface-200 dark:border-surface-700\n bg-surface-0 text-surface-500 hover:bg-surface-100 hover:text-surface-700\n dark:bg-surface-900 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.p-organizationchart-node-toggle-button-icon {\n @apply relative top-px\n}\n\n.p-organizationchart-connector-down {\n @apply my-0 mx-auto h-6 w-px bg-surface-200 dark:bg-surface-700\n}\n\n.p-organizationchart-connector-right {\n @apply rounded-none\n}\n\n.p-organizationchart-connector-left {\n @apply rounded-none border-e border-surface-200 dark:border-surface-700\n}\n\n.p-organizationchart-connector-top {\n @apply border-t border-surface-200 dark:border-surface-700\n}\n\n.p-organizationchart-node-selectable {\n @apply cursor-pointer\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {\n @apply border-e-0\n}\n\n.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {\n @apply rounded-se-md\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {\n @apply border-s border-surface-200 dark:border-surface-700 rounded-ss-md\n}\n", "overlaybadge": "@import './badge';\n\n.p-overlaybadge {\n @apply relative\n}\n\n.p-overlaybadge .p-badge {\n @apply absolute top-0 right-0 translate-x-[50%] translate-y-[-50%] origin-[100%_0] m-0 outline outline-2 outline-surface-0 dark:outline-surface-900\n}", - "paginator": ".p-paginator {\n @apply flex items-center justify-center flex-wrap py-2 px-4 rounded-md gap-1\n bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n}\n\n.p-paginator-content {\n @apply flex items-center justify-center flex-wrap gap-1\n}\n\n.p-paginator-content-start {\n @apply ms-auto\n}\n\n.p-paginator-content-end {\n @apply me-auto\n}\n\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev {\n @apply cursor-pointer inline-flex items-center justify-center leading-none overflow-hidden relative \n bg-transparent border-none min-w-10 h-10 transition-colors duration-200 rounded-full p-0 m-0\n text-surface-500 dark:text-surface-400\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-paginator-page:not(.p-disabled):not(.p-paginator-page-selected):hover,\n.p-paginator-first:not(.p-disabled):hover,\n.p-paginator-prev:not(.p-disabled):hover,\n.p-paginator-next:not(.p-disabled):hover,\n.p-paginator-last:not(.p-disabled):hover {\n @apply bg-surface-100 text-surface-600 dark:bg-surface-800 dark:text-surface-300\n}\n\n.p-paginator-page.p-paginator-page-selected {\n @apply bg-highlight\n}\n\n.p-paginator-current {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-paginator-pages {\n @apply flex items-center gap-1\n}\n\n.p-paginator-jtp-input .p-inputtext {\n @apply max-w-10\n}", + "paginator": ".p-paginator {\n @apply flex items-center justify-center flex-wrap py-2 px-4 rounded-md gap-1\n bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n}\n\n.p-paginator-content {\n @apply flex items-center justify-center flex-wrap gap-1\n}\n\n.p-paginator-content-start {\n @apply ms-auto\n}\n\n.p-paginator-content-end {\n @apply me-auto\n}\n\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev {\n @apply cursor-pointer inline-flex items-center justify-center leading-none overflow-hidden relative\n bg-transparent border-none min-w-10 h-10 transition-colors duration-200 rounded-full p-0 m-0\n text-surface-500 dark:text-surface-400\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-paginator-page:not(.p-disabled):not(.p-paginator-page-selected):hover,\n.p-paginator-first:not(.p-disabled):hover,\n.p-paginator-prev:not(.p-disabled):hover,\n.p-paginator-next:not(.p-disabled):hover,\n.p-paginator-last:not(.p-disabled):hover {\n @apply bg-surface-100 text-surface-600 dark:bg-surface-800 dark:text-surface-300\n}\n\n.p-paginator-page.p-paginator-page-selected {\n @apply bg-highlight\n}\n\n.p-paginator-current {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-paginator-pages {\n @apply flex items-center gap-1\n}\n\n.p-paginator-jtp-input .p-inputtext {\n @apply max-w-10\n}\n\n.p-paginator-first:dir(rtl) {\n @apply order-2\n}\n.p-paginator-prev:dir(rtl) {\n @apply order-1\n}\n.p-paginator-next:dir(rtl) {\n @apply order-[-1]\n}\n.p-paginator-last:dir(rtl) {\n @apply order-[-2]\n}\n", "panel": "@import './button';\n\n.p-panel {\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-panel-header {\n @apply flex justify-between items-center p-[1.125rem]\n}\n\n.p-panel-toggleable .p-panel-header {\n @apply py-[0.375rem] px-[1.125rem]\n}\n\n.p-panel-title {\n @apply leading-none font-semibold\n}\n\n.p-panel-content {\n @apply pt-0 pb-[1.125rem] px-[1.125rem] \n}\n\n.p-panel-footer {\n @apply pt-0 pb-[1.125rem] px-[1.125rem] \n}", "panelmenu": ".p-panelmenu {\n @apply flex flex-col gap-2\n}\n\n.p-panelmenu-panel {\n @apply bg-surface-0 dark:bg-surface-900 rounded-md p-1\n border border-surface-200 dark:border-surface-700\n text-surface-700 dark:text-surface-0\n}\n\n.p-panelmenu-header {\n @apply outline-none\n}\n\n.p-panelmenu-header-content {\n @apply rounded-md transition-colors duration-200 text-surface-700 dark:text-surface-0\n}\n\n.p-panelmenu-header-link {\n @apply flex items-center gap-2 px-3 py-2 select-none cursor-pointer relative no-underline text-inherit\n}\n\n.p-panelmenu-header-icon,\n.p-panelmenu-item-icon {\n @apply text-surface-400 dark:text-surface-500\n}\n\n.p-panelmenu-submenu-icon {\n @apply text-surface-400 dark:text-surface-500\n}\n\n.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-header-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-submenu {\n @apply m-0 py-0 ps-4 outline-none list-none\n}\n\n.p-panelmenu-item-link {\n @apply flex items-center gap-2 px-3 py-2 select-none cursor-pointer no-underline text-inherit relative overflow-hidden\n}\n\n.p-panelmenu-item-content {\n @apply rounded-md transition-colors duration-200 text-surface-700 dark:text-surface-0\n}\n\n.p-panelmenu-item.p-focus > .p-panelmenu-item-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-panelmenu-item.p-focus > .p-panelmenu-item-content .p-panelmenu-item-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-item.p-focus > .p-panelmenu-item-content .p-panelmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover .p-panelmenu-item-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover .p-panelmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}", "password": "@import './inputtext';\n\n.p-password {\n @apply inline-flex relative\n}\n\n.p-password .p-password-overlay {\n @apply min-w-full\n}\n\n.p-password-meter {\n @apply h-3 bg-surface-200 dark:bg-surface-700 rounded-md\n}\n\n.p-password-meter-label {\n @apply h-full w-0 transition-[width] duration-1000 ease-in-out rounded-md\n}\n\n.p-password-meter-weak {\n @apply bg-red-500 dark:bg-red-400\n}\n\n.p-password-meter-medium {\n @apply bg-amber-500 dark:bg-amber-400\n}\n\n.p-password-meter-strong {\n @apply bg-green-500 dark:bg-green-400\n}\n\n.p-password-fluid {\n @apply flex\n}\n\n.p-password-fluid .p-password-input {\n @apply w-full\n}\n\n.p-password-input::-ms-reveal,\n.p-password-input::-ms-clear {\n @apply hidden\n}\n\n.p-password-overlay {\n @apply p-3 rounded-md bg-surface-0 dark:bg-surface-900\n border border-surface-200 dark:border-surface-700\n text-surface-700 dark:text-surface-0\n shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-2px_rgba(0,0,0,0.1)]\n}\n\n.p-password-content {\n @apply flex flex-col gap-2\n}\n\n.p-password-toggle-mask-icon {\n @apply end-3 text-surface-500 dark:text-surface-400 absolute top-1/2 -mt-2 w-4 h-4\n}\n\n.p-password:has(.p-password-toggle-mask-icon) .p-password-input {\n @apply pe-10\n}\n",