diff --git a/doc/common/presetdoc/index.json b/doc/common/presetdoc/index.json index 47d72a16..5586c802 100644 --- a/doc/common/presetdoc/index.json +++ b/doc/common/presetdoc/index.json @@ -1,5 +1,6 @@ { - "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\n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n 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 transition-colors duration-200\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\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}", - "inputtext": ".p-inputtext {\n @apply text-base appearance-none rounded-md\n border border-surface-300 dark:border-surface-700 \n enabled:hover:border-surface-400 dark:enabled:hover:border-surface-600\n enabled:focus:border-primary\n bg-surface-0 dark:bg-surface-950\n disabled:bg-surface-200 disabled:text-surface-500\n dark:disabled:bg-surface-700 dark:disabled:text-surface-400\n text-surface-700 dark:text-surface-0\n placeholder:text-surface-500 dark:placeholder:text-surface-400\n px-2 py-2\n transition-colors duration-200\n shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]\n outline-none\n}\n\n.p-inputtext.p-invalid {\n @apply border-red-400 dark:border-red-300\n}\n\n.p-inputtext.p-variant-filled {\n @apply bg-surface-50 dark:bg-surface-800\n enabled:hover:bg-surface-50 dark:enabled:hover:bg-surface-800\n enabled:focus:bg-surface-50 dark:enabled:focus:bg-surface-800\n}\n\n.p-inputtext-sm {\n @apply text-sm px-[0.625rem] py-[0.375rem]\n}\n\n.p-inputtext-lg {\n @apply text-lg px-[0.875rem] py-[0.625rem]\n}\n\n.p-inputtext-fluid {\n @apply w-full\n}", + "divider": ".p-divider-horizontal {\n @apply flex w-full relative items-center my-4 mx-0 py-0 px-4\n}\n\n.p-divider-horizontal:before {\n @apply absolute block top-1/2 left-0 w-full content-[''] border-t border-surface-200 dark:border-surface-700\n}\n\n.p-divider-horizontal .p-divider-content {\n @apply py-0 px-2\n}\n\n.p-divider-vertical {\n @apply min-h-full flex relative justify-center my-0 mx-4 py-2 px-0\n}\n\n.p-divider-vertical:before {\n @apply absolute block top-0 left-1/2 h-full content-[''] border-l border-surface-200 dark:border-surface-700\n}\n\n.p-divider.p-divider-vertical .p-divider-content {\n @apply py-2 px-0\n}\n\n.p-divider-content {\n @apply z-[1] bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n}\n\n.p-divider-solid.p-divider-horizontal:before {\n @apply border-solid\n}\n\n.p-divider-solid.p-divider-vertical:before {\n @apply border-solid\n}\n\n.p-divider-dashed.p-divider-horizontal:before {\n @apply border-dashed\n}\n\n.p-divider-dashed.p-divider-vertical:before {\n @apply border-dashed\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n @apply border-dotted\n}\n\n.p-divider-dotted.p-divider-vertical:before {\n @apply border-dotted\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 transition-colors duration-200\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\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}", + "inputtext": ".p-inputtext {\n @apply appearance-none rounded-md\n border border-surface-300 dark:border-surface-700 \n enabled:hover:border-surface-400 dark:enabled:hover:border-surface-600\n enabled:focus:border-primary\n bg-surface-0 dark:bg-surface-950\n text-surface-700 dark:text-surface-0\n disabled:bg-surface-200 disabled:text-surface-500 dark:disabled:bg-surface-700 dark:disabled:text-surface-400\n placeholder:text-surface-500 dark:placeholder:text-surface-400\n px-3 py-2\n transition-colors duration-200\n shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]\n outline-none\n}\n\n.p-inputtext.p-invalid {\n @apply border-red-400 dark:border-red-300\n}\n\n.p-inputtext.p-variant-filled {\n @apply bg-surface-50 dark:bg-surface-800\n}\n\n.p-inputtext-sm {\n @apply text-sm px-[0.625rem] py-[0.375rem]\n}\n\n.p-inputtext-lg {\n @apply text-lg px-[0.875rem] py-[0.625rem]\n}\n\n.p-inputtext-fluid {\n @apply w-full\n}", "panel": ".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}" } \ No newline at end of file