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

doc/common/presetdoc/index.json

@@ -1,6 +1,7 @@
 {
-  "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}",
+  "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-10 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        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}",
   "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}"
+  "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}",
+  "scrollpanel": ".p-scrollpanel-content-container {\n    @apply overflow-auto w-full h-full relative z-10 float-left\n}\n\n.p-scrollpanel-content {\n    @apply relative overflow-auto \n        h-[calc(100%+18px)] w-[calc(100%+18px)]\n        pt-0 pl-0 pr-[18px] pb-[18px]\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n    @apply hidden\n}\n\n.p-scrollpanel-bar {\n    @apply relative rounded-sm z-20 cursor-pointer opacity-0 \n        bg-surface-100 dark:bg-surface-800\n        transition-opacity duration-200 border-none\n        focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-scrollpanel-bar-y {\n    @apply w-[9px] top-0\n}\n\n.p-scrollpanel-bar-x {\n    @apply h-[9px] bottom-0\n}\n\n.p-scrollpanel-hidden {\n    @apply invisible\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n    @apply opacity-100\n}\n\n.p-scrollpanel-grabbed {\n    @apply select-none\n}"
 }