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

doc/common/presetdoc/index.json

@@ -69,7 +69,7 @@
   "splitbutton": "@import './button';\n@import './tieredmenu';\n\n.p-splitbutton {\n    @apply inline-flex relative rounded-md\n}\n\n.p-splitbutton-button {\n    @apply rounded-e-none border-r-0 enabled:hover:border-r-0 enabled:active:border-r-0 focus-visible:z-10\n}\n\n.p-splitbutton-dropdown {\n    @apply rounded-s-none focus-visible:z-10\n}\n\n.p-splitbutton .p-menu {\n    @apply min-w-full\n}\n\n.p-splitbutton-fluid {\n    @apply w-full\n}\n\n.p-splitbutton-rounded .p-splitbutton-dropdown {\n    @apply rounded-e-[2rem]\n}\n\n.p-splitbutton-rounded .p-splitbutton-button {\n    @apply rounded-s-[2rem]\n}\n\n.p-splitbutton-raised {\n    @apply shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),0_2px_2px_0_rgba(0,0,0,0.14),0_1px_5px_0_rgba(0,0,0,0.12)]\n}\n",
   "splitter": ".p-splitter {\n    @apply flex flex-wrap\n        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-splitter-vertical {\n    @apply flex-col\n}\n\n.p-splitter-gutter {\n    @apply flex-grow-0 flex-shrink-0 flex items-center justify-center z-10 bg-surface-200 dark:bg-surface-700\n}\n\n.p-splitter-gutter-handle {\n    @apply rounded-md bg-transparent \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-splitter-horizontal.p-splitter-resizing {\n    @apply cursor-col-resize select-none\n}\n\n.p-splitter-vertical.p-splitter-resizing {\n    @apply cursor-row-resize select-none\n}\n\n.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n    @apply h-[24px] w-full\n}\n\n.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n    @apply w-[24px] h-full\n}\n\n.p-splitter-horizontal > .p-splitter-gutter {\n    @apply cursor-col-resize\n}\n\n.p-splitter-vertical > .p-splitter-gutter {\n    @apply cursor-row-resize\n}\n\n.p-splitterpanel {\n    @apply flex-grow overflow-hidden\n}\n\n.p-splitterpanel-nested {\n    @apply flex\n}\n\n.p-splitterpanel .p-splitter {\n    @apply flex-grow border-none\n}",
   "stepper": ".p-steplist {\n    @apply relative flex justify-between items-center m-0 p-0 list-none overflow-x-auto\n}\n\n.p-step {\n    @apply relative flex flex-auto items-center gap-4 p-2 last-of-type:flex-initial\n}\n\n.p-step-header {\n    @apply border-none inline-flex items-center no-underline cursor-pointer\n        transition-colors duration-200 rounded-md bg-transparent p-0 gap-2\n        focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-step.p-disabled .p-step-header {\n    @apply cursor-default\n}\n\n\n.p-stepper.p-stepper-readonly .p-step {\n    @apply cursor-auto\n}\n\n.p-step-title {\n    @apply block whitespace-nowrap overflow-hidden text-ellipsis max-w-full\n        text-surface-500 dark:text-surface-400 font-medium transition-colors duration-200\n}\n\n.p-step-number {\n    @apply flex items-center justify-center text-surface-500 dark:text-surface-400\n        bg-surface-0 dark:bg-surface-900 border-2 border-surface-200 dark:border-surface-700\n        min-w-8 h-8 leading-8 text-lg font-medium rounded-full z-10 relative\n        after:absolute after:w-full after:h-full after:rounded-full after:shadow-[0px_0.5px_0px_0px_rgba(0,0,0,0.06),0px_1px_1px_0px_rgba(0,0,0,0.12)]\n}\n\n.p-step-active .p-step-header {\n    @apply cursor-default\n}\n\n.p-step-active .p-step-number {\n    @apply bg-surface-0 dark:bg-surface-900 text-primary border-surface-200 dark:border-surface-700\n}\n\n.p-step-active .p-step-title {\n    @apply text-primary\n}\n\n.p-step:not(.p-disabled):focus-visible {\n    @apply outline outline-1 outline-offset-2 outline-primary\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n    @apply bg-primary\n}\n\n.p-stepper-separator {\n    @apply flex-1 bg-surface-200 dark:bg-surface-700 w-full h-[2px] transition-colors duration-200\n}\n\n.p-steppanels {\n    @apply pt-[0.875rem] pb-[1.125rem] px-2\n}\n\n.p-steppanel {\n    @apply bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n}\n\n.p-stepper:has(.p-stepitem) {\n    @apply flex flex-col\n}\n\n.p-stepitem {\n    @apply flex flex-col flex-initial\n}\n\n.p-stepitem.p-stepitem-active {\n    @apply flex-auto\n}\n\n.p-stepitem .p-step {\n    @apply flex-initial\n}\n\n.p-stepitem .p-steppanel-content {\n    @apply w-full ps-4\n}\n\n.p-stepitem .p-steppanel {\n    @apply flex flex-auto\n}\n\n.p-stepitem .p-stepper-separator {\n    @apply flex-grow-0 flex-shrink-0 basis-auto w-[2px] h-auto ms-[1.625rem] relative start-[-2.5px]\n}\n\n.p-stepitem:has(~ .p-stepitem-active) .p-stepper-separator {\n    @apply bg-primary\n}\n\n.p-stepitem:last-of-type .p-steppanel {\n    @apply ps-8\n}\n",
-  "tabs": ".p-tabs {\n    @apply flex flex-col\n}\n\n.p-tablist {\n    @apply flex relative\n}\n\n.p-tabs-scrollable > .p-tablist {\n    @apply overflow-hidden\n}\n\n.p-tablist-viewport {\n    @apply overflow-x-auto overflow-y-hidden overscroll-y-contain overscroll-x-auto\n}\n\n.p-tablist-viewport::-webkit-scrollbar {\n    @apply hidden\n}\n\n.p-tablist-tab-list {\n    @apply relative flex bg-surface-0 dark:bg-surface-900 border-b border-surface-200 dark:border-surface-700\n}\n\n.p-tablist-content {\n    @apply flex-grow\n}\n\n.p-tablist-nav-button {\n    @apply absolute flex-shrink-0 top-0 z-20 h-full flex items-center justify-center cursor-pointer\n        bg-surface-0 dark:bg-surface-900 text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-0 w-10\n        shadow-[0px_0px_10px_50px_rgba(255,255,255,0.6)] dark:shadow-[0px_0px_10px_50px] dark:shadow-surface-900/50\n        focus-visible:z-10 focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-[-1px] focus-visible:outline-primary\n        transition-colors duration-200\n}\n\n.p-tablist-prev-button {\n    @apply start-0\n}\n\n.p-tablist-next-button {\n    @apply end-0\n}\n\n.p-tablist-prev-button:dir(rtl),\n.p-tablist-next-button:dir(rtl) {\n    @apply rotate-180\n}\n\n.p-tab {\n    @apply flex-shrink-0 cursor-pointer select-none relative whitespace-nowrap py-4 px-[1.125rem]\n        border-b border-surface-200 dark:border-surface-700 font-semibold\n        text-surface-500 dark:text-surface-400\n        transition-colors duration-200 -mb-px\n}\n\n.p-tab.p-disabled {\n    @apply cursor-default\n}\n\n.p-tab:not(.p-disabled):focus-visible {\n    @apply z-10 outline outline-1 outline-offset-[-1px] outline-primary\n}\n\n.p-tab:not(.p-tab-active):not(.p-disabled):hover {\n    @apply text-surface-700 dark:text-surface-0\n}\n\n.p-tab-active {\n    @apply border-primary text-primary\n}\n\n.p-tabpanels {\n    @apply bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n        pt-[0.875rem] pb-[1.125rem] px-[1.125rem] outline-none\n}\n\n.p-tablist-active-bar {\n    @apply z-10 block absolute -bottom-px h-px bg-primary transition-[left] duration-200 ease-[cubic-bezier(0.35,0,0.25,1)]\n}\n\n.p-tablist-viewport {\n    @apply [scrollbar-behavior:smooth] [scrollbar-width:none]\n}\n",
+  "tabs": ".p-tabs {\n    @apply flex flex-col\n}\n\n.p-tablist {\n    @apply flex relative\n}\n\n.p-tabs-scrollable > .p-tablist {\n    @apply overflow-hidden\n}\n\n.p-tablist-viewport {\n    @apply overflow-x-auto overflow-y-hidden overscroll-y-contain overscroll-x-auto\n}\n\n.p-tablist-viewport::-webkit-scrollbar {\n    @apply hidden\n}\n\n.p-tablist-tab-list {\n    @apply relative flex bg-surface-0 dark:bg-surface-900 border-b border-surface-200 dark:border-surface-700\n}\n\n.p-tablist-content {\n    @apply flex-grow\n}\n\n.p-tablist-nav-button {\n    @apply !absolute flex-shrink-0 top-0 z-20 h-full flex items-center justify-center cursor-pointer\n        bg-surface-0 dark:bg-surface-900 text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-0 w-10\n        shadow-[0px_0px_10px_50px_rgba(255,255,255,0.6)] dark:shadow-[0px_0px_10px_50px] dark:shadow-surface-900/50\n        focus-visible:z-10 focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-[-1px] focus-visible:outline-primary\n        transition-colors duration-200\n}\n\n.p-tablist-prev-button {\n    @apply start-0\n}\n\n.p-tablist-next-button {\n    @apply end-0\n}\n\n.p-tablist-prev-button:dir(rtl),\n.p-tablist-next-button:dir(rtl) {\n    @apply rotate-180\n}\n\n.p-tab {\n    @apply flex-shrink-0 cursor-pointer select-none relative whitespace-nowrap py-4 px-[1.125rem]\n        border-b border-surface-200 dark:border-surface-700 font-semibold\n        text-surface-500 dark:text-surface-400\n        transition-colors duration-200 -mb-px\n}\n\n.p-tab.p-disabled {\n    @apply cursor-default\n}\n\n.p-tab:not(.p-disabled):focus-visible {\n    @apply z-10 outline outline-1 outline-offset-[-1px] outline-primary\n}\n\n.p-tab:not(.p-tab-active):not(.p-disabled):hover {\n    @apply text-surface-700 dark:text-surface-0\n}\n\n.p-tab-active {\n    @apply border-primary text-primary\n}\n\n.p-tabpanels {\n    @apply bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n        pt-[0.875rem] pb-[1.125rem] px-[1.125rem] outline-none\n}\n\n.p-tablist-active-bar {\n    @apply z-10 block absolute -bottom-px h-px bg-primary transition-[left] duration-200 ease-[cubic-bezier(0.35,0,0.25,1)]\n}\n\n.p-tablist-viewport {\n    @apply [scrollbar-behavior:smooth] [scrollbar-width:none]\n}\n",
   "tag": ".p-tag {\n    @apply inline-flex items-center justify-center\n        bg-primary-100 dark:bg-primary-500/15\n        text-primary-700 dark:text-primary-300\n        text-sm font-bold py-1 px-2 rounded-md gap-1\n}\n\n.p-tag-icon {\n    @apply text-xs w-3 h-3\n}\n\n.p-tag-rounded {\n    @apply rounded-2xl\n}\n\n.p-tag-success {\n    @apply bg-green-100 dark:bg-green-500/15 text-green-700 dark:text-green-300\n}\n\n.p-tag-info {\n    @apply bg-sky-100 dark:bg-sky-500/15 text-sky-700 dark:text-sky-300\n}\n\n.p-tag-warn {\n    @apply bg-orange-100 dark:bg-orange-500/15 text-orange-700 dark:text-orange-300\n}\n\n.p-tag-danger {\n    @apply bg-red-100 dark:bg-red-500/15 text-red-700 dark:text-red-300\n}\n\n.p-tag-secondary {\n    @apply bg-surface-100 dark:bg-surface-800 text-surface-600 dark:text-surface-300\n}\n\n.p-tag-contrast {\n    @apply bg-surface-950 dark:bg-surface-0 text-surface-0 dark:text-surface-950\n}",
   "tailwind": "@import './common';\n\n/* Form */\n@import './autocomplete';\n@import './cascadeselect';\n@import './checkbox';\n@import './colorpicker';\n@import './datepicker';\n@import './iconfield';\n@import './iftalabel';\n@import './inputgroup';\n@import './inputnumber';\n@import './inputotp';\n@import './inputtext';\n@import './floatlabel';\n@import './knob';\n@import './listbox';\n@import './multiselect';\n@import './password';\n@import './radiobutton';\n@import './rating';\n@import './select';\n@import './selectbutton';\n@import './slider';\n@import './textarea';\n@import './togglebutton';\n@import './toggleswitch';\n@import './treeselect';\n\n/* Button */\n@import './button';\n@import './buttongroup';\n@import './speeddial';\n@import './splitbutton';\n\n/* Data */\n@import './datatable';\n@import './dataview';\n@import './paginator';\n@import './picklist';\n@import './orderlist';\n@import './organizationchart';\n@import './timeline';\n@import './tree';\n@import './treetable';\n\n/* Overlay */\n@import './confirmdialog';\n@import './confirmpopup';\n@import './dialog';\n@import './drawer';\n@import './popover';\n@import './tooltip';\n\n/* Menu */\n@import './breadcrumb';\n@import './contextmenu';\n@import './dock';\n@import './menu';\n@import './menubar';\n@import './megamenu';\n@import './panelmenu';\n@import './tieredmenu';\n\n/* Panel */\n@import './accordion';\n@import './card';\n@import './divider';\n@import './fieldset';\n@import './panel';\n@import './scrollpanel';\n@import './splitter';\n@import './stepper';\n@import './tabs';\n@import './toolbar';\n\n/* File */\n@import './fileupload';\n\n/* Message */\n@import './message';\n@import './toast';\n\n/* Media */\n@import './carousel';\n@import './galleria';\n@import './image';\n@import './imagecompare';\n\n/* Misc */\n@import './avatar';\n@import './badge';\n@import './blockui';\n@import './chip';\n@import './inplace';\n@import './metergroup';\n@import './overlaybadge';\n@import './progressbar';\n@import './progressspinner';\n@import './ripple';\n@import './scrolltop';\n@import './skeleton';\n@import './tag';\n@import './terminal';\n",
   "terminal": ".p-terminal {\n    @apply h-72 overflow-auto px-3 py-2 rounded-md\n        border border-surface-300 dark:border-surface-700\n        bg-surface-0 dark:bg-surface-950\n        text-surface-700 dark:text-surface-0\n}\n\n.p-terminal-prompt {\n    @apply flex items-center\n}\n\n.p-terminal-prompt-value {\n    @apply flex-auto border-none bg-transparent text-inherit p-0 outline-none text-base\n}\n\n.p-terminal-prompt-label {\n    @apply me-1\n}\n\n.p-terminal-input::-ms-clear {\n    @apply hidden\n}\n",