diff --git a/doc/common/presetdoc/index.json b/doc/common/presetdoc/index.json index dd2f2568..02563775 100644 --- a/doc/common/presetdoc/index.json +++ b/doc/common/presetdoc/index.json @@ -51,7 +51,7 @@ "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}", "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 right-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 pr-10\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", "picklist": "@import './button';\n@import './listbox';\n\n.p-picklist {\n @apply flex gap-[1.125rem]\n}\n\n.p-picklist-controls {\n @apply flex flex-col justify-center gap-2\n}\n\n.p-picklist-list-container {\n @apply flex-grow flex-shrink basis-1/2\n}\n\n.p-picklist .p-listbox {\n @apply h-full\n}", "popover": ".p-popover {\n @apply mt-[10px] bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0 \n border border-surface-200 dark:border-surface-700\n rounded-md shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-2px_rgba(0,0,0,0.1)]\n before:bottom-full before:left-5 before:h-0 before:w-0 before:absolute before:pointer-events-none\n before:border-[10px] before:-ml-[10px] before:border-transparent before:border-b-surface-200 dark:before:border-b-surface-700\n after:bottom-full after:left-5 after:h-0 after:w-0 after:absolute after:pointer-events-none\n after:border-[8px] after:-ml-[8px] after:border-transparent after:border-b-surface-0 dark:after:border-b-surface-900\n}\n\n.p-popover-content {\n @apply p-3\n}\n\n.p-popover-flipped {\n @apply -mt-[10px] mb-[10px]\n}\n\n.p-popover-enter-from {\n @apply opacity-0 scale-y-75\n}\n\n.p-popover-leave-to {\n @apply opacity-0\n}\n\n.p-popover-enter-active {\n @apply [transition:transform_120ms_cubic-bezier(0,0,0.2,1),opacity_120ms_cubic-bezier(0,0,0.2,1)]\n}\n\n.p-popover-leave-active {\n @apply transition-opacity duration-100 ease-linear\n}\n\n.p-popover-flipped:after,\n.p-popover-flipped:before {\n @apply bottom-auto top-full\n}\n\n.p-popover.p-popover-flipped:after {\n @apply border-b-transparent border-t-surface-0 dark:border-t-surface-900\n}\n\n.p-popover.p-popover-flipped:before {\n @apply border-b-transparent border-t-surface-200 dark:border-t-surface-700\n}", "progressbar": ".p-progressbar {\n @apply relative overflow-hidden h-5 bg-surface-200 dark:bg-surface-700 rounded-md\n}\n\n.p-progressbar-value {\n @apply m-0 bg-primary\n}\n\n.p-progressbar-label {\n @apply text-primary-contrast text-xs font-semibold\n}\n\n.p-progressbar-determinate .p-progressbar-value {\n @apply h-full w-0 absolute flex items-center justify-center overflow-hidden transition-[width] duration-1000 ease-in-out\n}\n\n.p-progressbar-determinate .p-progressbar-label {\n @apply inline-flex\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::before {\n @apply content-[''] absolute bg-inherit top-0 left-0 bottom-0 will-change-[left,right];\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::before {\n animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::after {\n @apply content-[''] absolute bg-inherit top-0 left-0 bottom-0 will-change-[left,right];\n\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::after {\n animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n animation-delay: 1.15s;\n}\n\n@keyframes p-progressbar-indeterminate-anim {\n 0% {\n left: -35%;\n right: 100%;\n }\n 60% {\n left: 100%;\n right: -90%;\n }\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n\n@keyframes p-progressbar-indeterminate-anim-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n 60% {\n left: 107%;\n right: -8%;\n }\n 100% {\n left: 107%;\n right: -8%;\n }\n}",