Merge branch 'main' of https://github.com/primefaces/primevue-tailwind

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}"
 }