Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
tugcekucukoglu committed Nov 11, 2024
2 parents d183859 + e7078cd commit d80e8fe
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions doc/common/presetdoc/index.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
"buttongroup": ".p-buttongroup .p-button {\n @apply m-0 focus-visible:relative focus-visible:z-10\n}\n\n.p-buttongroup .p-button:not(:last-child) {\n @apply border-r-0\n}\n\n.p-buttongroup .p-button:not(:first-of-type):not(:last-of-type) {\n @apply rounded-none\n}\n\n.p-buttongroup .p-button:first-of-type:not(:only-of-type) {\n @apply rounded-e-none\n}\n\n.p-buttongroup .p-button:last-of-type:not(:only-of-type) {\n @apply rounded-s-none\n}\n",
"card": ".p-card {\n @apply flex flex-col rounded-xl\n bg-surface-0 dark:bg-surface-900 \n text-surface-700 dark:text-surface-0\n shadow-[0_1px_3px_0_rgba(0,0,0,0.1),0_1px_2px_-1px_rgba(0,0,0,0.1)]\n}\n\n.p-card-caption {\n @apply flex flex-col gap-2\n}\n\n.p-card-body {\n @apply p-5 flex flex-col gap-2\n}\n\n.p-card-title {\n @apply font-medium text-xl\n}\n\n.p-card-subtitle {\n @apply text-surface-500 dark:text-surface-400\n}",
"carousel": "@import './button';\n\n.p-carousel {\n @apply flex flex-col\n}\n\n.p-carousel-content-container {\n @apply flex flex-col overflow-auto\n}\n\n.p-carousel-content {\n @apply flex flex-row gap-1\n}\n\n.p-carousel-content:dir(rtl) {\n @apply flex-row-reverse\n}\n\n.p-carousel-viewport {\n @apply overflow-hidden w-full\n}\n\n.p-carousel-item-list {\n @apply flex flex-row\n}\n\n.p-carousel-prev-button,\n.p-carousel-next-button {\n @apply self-center flex-shrink-0\n}\n\n.p-carousel-indicator-list {\n @apply flex flex-row justify-center flex-wrap p-4 gap-2 m-0 list-none\n}\n\n.p-carousel-indicator-list:dir(rtl) {\n @apply rtl:flex-row-reverse\n}\n\n.p-carousel-indicator-button {\n @apply flex items-center justify-center w-8 h-2 border-none rounded-md p-0 m-0 select-none cursor-pointer transition-colors duration-200\n bg-surface-200 hover:bg-surface-300 dark:bg-surface-700 dark:hover:bg-surface-600\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-carousel-indicator-active .p-carousel-indicator-button {\n @apply bg-primary\n}\n\n.p-carousel-vertical .p-carousel-content {\n @apply flex-col\n}\n\n.p-carousel-vertical .p-carousel-item-list {\n @apply flex-col h-full\n}\n\n.p-items-hidden .p-carousel-item {\n @apply invisible\n}\n\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n @apply visible\n}\n",
"cascadeselect": ".p-cascadeselect {\n @apply inline-flex cursor-pointer relative select-none rounded-md\n bg-surface-0 dark:bg-surface-950\n border border-surface-300 dark:border-surface-700\n shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]\n transition-colors duration-200\n}\n\n.p-cascadeselect:not(.p-disabled):hover {\n @apply border-surface-400 dark:border-surface-600\n}\n\n.p-cascadeselect:not(.p-disabled).p-focus {\n @apply border-primary\n}\n\n.p-cascadeselect.p-variant-filled {\n @apply bg-surface-50 dark:bg-surface-800\n}\n\n.p-cascadeselect.p-invalid {\n @apply border-red-400 dark:border-red-300\n}\n\n.p-cascadeselect.p-disabled {\n @apply bg-surface-200 text-surface-500 dark:bg-surface-700 dark:text-surface-400 opacity-100 cursor-default\n}\n\n.p-cascadeselect-dropdown {\n @apply flex items-center justify-center shrink-0 bg-transparent\n text-surface-500 dark:text-surface-400 w-10 rounded-e-md\n}\n\n.p-cascadeselect-label {\n @apply block whitespace-nowrap overflow-hidden flex-auto w-[1%]\n py-2 px-3 overflow-ellipsis\n text-surface-700 dark:text-surface-0 bg-transparent border-none outline-none\n}\n\n.p-cascadeselect-label.p-placeholder {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-cascadeselect-clearable .p-cascadeselect-label {\n @apply pe-7\n}\n\n.p-cascadeselect.p-disabled .p-cascadeselect-label {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-cascadeselect-label-empty {\n @apply overflow-hidden opacity-0\n}\n\n.p-cascadeselect-fluid {\n @apply flex\n}\n\n.p-cascadeselect-fluid .p-cascadeselect-label {\n @apply w-[1%]\n}\n\n.p-cascadeselect-overlay {\n @apply absolute top-0 left-0 rounded-md\n 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-cascadeselect .p-cascadeselect-overlay {\n @apply min-w-full\n}\n\n.p-cascadeselect-option-list {\n @apply hidden min-w-full absolute z-10\n}\n\n.p-cascadeselect-list {\n @apply min-w-full m-0 list-none p-1 flex flex-col gap-[2px]\n}\n\n.p-cascadeselect-option {\n @apply cursor-pointer font-normal whitespace-nowrap\n text-surface-700 dark:text-surface-0 bg-transparent border-none\n transition-colors duration-200 rounded-sm\n}\n\n.p-cascadeselect-option-active {\n @apply overflow-visible\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus > .p-cascadeselect-option-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus .p-cascadeselect-group-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-cascadeselect-option-selected .p-cascadeselect-option-content {\n @apply bg-highlight\n}\n\n.p-cascadeselect-option-selected.p-focus {\n @apply bg-highlight-emphasis\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-list {\n @apply block start-full top-0\n}\n\n.p-cascadeselect-option-content {\n @apply flex items-center justify-between overflow-hidden relative px-3 py-2\n}\n\n.p-cascadeselect-group-icon {\n @apply text-sm w-[0.875rem] h-[0.875rem] text-surface-400 dark:text-surface-500\n}\n\n.p-cascadeselect-group-icon:dir(rtl) {\n @apply rotate-180\n}\n\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-content {\n @apply rounded-sm\n}\n\n.p-cascadeselect-mobile-active-active .p-cascadeselect-list {\n @apply flex flex-col top-full start-0 z-10\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-list > .p-cascadeselect-option > .p-cascadeselect-option-content .p-cascadeselect-group-icon {\n @apply ms-auto transition-transform duration-200\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-list .p-cascadeselect-group-icon {\n @apply transition-transform duration-200 rotate-90\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-active > .p-cascadeselect-option-content .p-cascadeselect-group-icon {\n @apply -rotate-90\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-list {\n @apply static shadow-none border-none ps-4\n}\n",
"checkbox": ".p-checkbox {\n @apply relative inline-flex select-none w-5 h-5 align-bottom\n}\n\n.p-checkbox-input {\n @apply cursor-pointer disabled:cursor-default appearance-none absolute start-0 top-0 w-full h-full m-0 p-0 opacity-0 z-10\n border border-transparent rounded-sm\n}\n\n.p-checkbox-box {\n @apply flex justify-center items-center rounded-sm w-5 h-5\n border border-surface-300 dark:border-surface-700\n bg-surface-0 dark:bg-surface-950\n transition-colors duration-200\n shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]\n}\n\n.p-checkbox-icon {\n @apply text-surface-700 dark:text-surface-0\n text-sm w-[0.875rem] h-[0.875rem]\n transition-colors duration-200\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n @apply border-surface-400 dark:border-surface-600\n}\n\n.p-checkbox-checked .p-checkbox-box {\n @apply border-primary bg-primary\n}\n\n.p-checkbox-checked .p-checkbox-icon {\n @apply text-primary-contrast\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n @apply bg-primary-emphasis border-primary-emphasis\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {\n @apply text-primary-contrast\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n @apply outline outline-1 outline-offset-2 outline-primary\n}\n\n.p-checkbox.p-invalid > .p-checkbox-box {\n @apply border-red-400 dark:border-red-300\n}\n\n.p-checkbox.p-variant-filled .p-checkbox-box {\n @apply bg-surface-50 dark:bg-surface-800\n}\n\n.p-checkbox.p-disabled {\n @apply opacity-100\n}\n\n.p-checkbox.p-disabled .p-checkbox-box {\n @apply bg-surface-200 dark:bg-surface-400 border-surface-300 dark:border-surface-700\n}\n\n.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {\n @apply text-surface-700 dark:text-surface-400\n}\n",
"cascadeselect": ".p-cascadeselect {\n @apply inline-flex cursor-pointer relative select-none rounded-md\n bg-surface-0 dark:bg-surface-950\n border border-surface-300 dark:border-surface-700\n shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]\n transition-colors duration-200\n}\n\n.p-cascadeselect:not(.p-disabled):hover {\n @apply border-surface-400 dark:border-surface-600\n}\n\n.p-cascadeselect:not(.p-disabled).p-focus {\n @apply border-primary\n}\n\n.p-cascadeselect.p-variant-filled {\n @apply bg-surface-50 dark:bg-surface-800\n}\n\n.p-cascadeselect.p-invalid {\n @apply border-red-400 dark:border-red-300\n}\n\n.p-cascadeselect.p-disabled {\n @apply bg-surface-200 text-surface-500 dark:bg-surface-700 dark:text-surface-400 opacity-100 cursor-default\n}\n\n.p-cascadeselect-dropdown {\n @apply flex items-center justify-center shrink-0 bg-transparent\n text-surface-500 dark:text-surface-400 w-10 rounded-e-md\n}\n\n.p-cascadeselect-label {\n @apply block whitespace-nowrap overflow-hidden flex-auto w-[1%]\n py-2 px-3 overflow-ellipsis\n text-surface-700 dark:text-surface-0 bg-transparent border-none outline-none\n}\n\n.p-cascadeselect-label.p-placeholder {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-cascadeselect-clearable .p-cascadeselect-label {\n @apply pe-7\n}\n\n.p-cascadeselect.p-disabled .p-cascadeselect-label {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-cascadeselect-label-empty {\n @apply overflow-hidden opacity-0\n}\n\n.p-cascadeselect-fluid {\n @apply flex\n}\n\n.p-cascadeselect-fluid .p-cascadeselect-label {\n @apply w-[1%]\n}\n\n.p-cascadeselect-overlay {\n @apply absolute top-0 left-0 rounded-md\n 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-cascadeselect .p-cascadeselect-overlay {\n @apply min-w-full\n}\n\n.p-cascadeselect-option-list {\n @apply hidden min-w-full absolute z-10\n}\n\n.p-cascadeselect-list {\n @apply min-w-full m-0 list-none p-1 flex flex-col gap-[2px]\n}\n\n.p-cascadeselect-option {\n @apply cursor-pointer font-normal whitespace-nowrap\n text-surface-700 dark:text-surface-0 bg-transparent border-none\n transition-colors duration-200 rounded-sm\n}\n\n.p-cascadeselect-option-active {\n @apply overflow-visible\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus > .p-cascadeselect-option-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus .p-cascadeselect-group-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-cascadeselect-option-selected .p-cascadeselect-option-content {\n @apply bg-highlight\n}\n\n.p-cascadeselect-option-selected.p-focus {\n @apply bg-highlight-emphasis\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-list {\n @apply block start-full top-0\n}\n\n.p-cascadeselect-option-content {\n @apply flex items-center justify-between overflow-hidden relative px-3 py-2\n}\n\n.p-cascadeselect-group-icon {\n @apply text-sm w-[0.875rem] h-[0.875rem] text-surface-400 dark:text-surface-500\n}\n\n.p-cascadeselect-group-icon:dir(rtl) {\n @apply rotate-180\n}\n\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-content {\n @apply rounded-sm\n}\n\n.p-cascadeselect-mobile-active-active .p-cascadeselect-list {\n @apply flex flex-col top-full start-0 z-10\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-list > .p-cascadeselect-option > .p-cascadeselect-option-content .p-cascadeselect-group-icon {\n @apply ms-auto transition-transform duration-200\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-list .p-cascadeselect-group-icon {\n @apply transition-transform duration-200 rotate-90\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-active > .p-cascadeselect-option-content .p-cascadeselect-group-icon {\n @apply -rotate-90\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-list {\n @apply static shadow-none border-none ps-4\n}\n\n.p-cascadeselect-sm .p-cascadeselect-label {\n @apply text-sm px-[0.625rem] py-[0.375rem]\n}\n\n.p-cascadeselect-sm .p-cascadeselect-dropdown .p-icon {\n @apply text-sm w-[0.875rem] h-[0.875rem]\n}\n\n.p-cascadeselect-lg .p-cascadeselect-label {\n @apply text-lg px-[0.875rem] py-[0.625rem]\n}\n\n.p-cascadeselect-lg .p-cascadeselect-dropdown .p-icon {\n @apply text-lg w-[1.125rem] h-[1.125rem]\n}\n",
"checkbox": ".p-checkbox {\n @apply relative inline-flex select-none w-5 h-5 align-bottom\n}\n\n.p-checkbox-input {\n @apply cursor-pointer disabled:cursor-default appearance-none absolute start-0 top-0 w-full h-full m-0 p-0 opacity-0 z-10\n border border-transparent rounded-sm\n}\n\n.p-checkbox-box {\n @apply flex justify-center items-center rounded-sm w-5 h-5\n border border-surface-300 dark:border-surface-700\n bg-surface-0 dark:bg-surface-950\n transition-colors duration-200\n shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]\n}\n\n.p-checkbox-icon {\n @apply text-surface-700 dark:text-surface-0\n text-sm w-[0.875rem] h-[0.875rem]\n transition-colors duration-200\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n @apply border-surface-400 dark:border-surface-600\n}\n\n.p-checkbox-checked .p-checkbox-box {\n @apply border-primary bg-primary\n}\n\n.p-checkbox-checked .p-checkbox-icon {\n @apply text-primary-contrast\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n @apply bg-primary-emphasis border-primary-emphasis\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {\n @apply text-primary-contrast\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n @apply outline outline-1 outline-offset-2 outline-primary\n}\n\n.p-checkbox.p-invalid > .p-checkbox-box {\n @apply border-red-400 dark:border-red-300\n}\n\n.p-checkbox.p-variant-filled .p-checkbox-box {\n @apply bg-surface-50 dark:bg-surface-800\n}\n\n.p-checkbox.p-disabled {\n @apply opacity-100\n}\n\n.p-checkbox.p-disabled .p-checkbox-box {\n @apply bg-surface-200 dark:bg-surface-400 border-surface-300 dark:border-surface-700\n}\n\n.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {\n @apply text-surface-700 dark:text-surface-400\n}\n\n.p-checkbox-sm,\n.p-checkbox-sm .p-checkbox-box {\n @apply w-4 h-4\n}\n\n.p-checkbox-sm .p-checkbox-icon {\n @apply w-3 h-3\n}\n\n.p-checkbox-lg,\n.p-checkbox-lg .p-checkbox-box {\n @apply w-6 h-6\n}\n\n.p-checkbox-lg .p-checkbox-icon {\n @apply w-4 h-4\n}\n",
"chip": ".p-chip {\n @apply inline-flex items-center rounded-2xl gap-2 px-3 py-2\n bg-surface-100 dark:bg-surface-800\n text-surface-800 dark:text-surface-0\n}\n\n.p-chip-icon {\n @apply text-surface-800 dark:bg-surface-0 text-base w-4 h-4\n}\n\n.p-chip-image {\n @apply rounded-full w-8 h-8 -ms-2\n}\n\n.p-chip:has(.p-chip-remove-icon) {\n @apply pe-2\n}\n\n.p-chip:has(.p-chip-image) {\n @apply pt-1 pb-1\n}\n\n.p-chip-remove-icon {\n @apply cursor-pointer text-base w-4 h-4 rounded-full\n text-surface-800 dark:text-surface-0\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n",
"colorpicker": ".p-colorpicker {\n @apply inline-block relative;\n}\n\n.p-colorpicker-dragging {\n @apply cursor-pointer\n}\n\n.p-colorpicker-preview {\n @apply w-6 h-6 p-0 border-none rounded-md transition-colors duration-200 cursor-pointer disabled:cursor-auto\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-colorpicker-panel {\n @apply bg-surface-800 dark:bg-surface-900\n border border-surface-900 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 w-[193px] h-[166px] absolute top-0 start-0\n}\n\n.p-colorpicker-panel-inline {\n @apply static shadow-none\n}\n\n.p-colorpicker-content {\n @apply relative;\n}\n\n.p-colorpicker-color-selector {\n @apply w-[150px] h-[150px] top-[8px] start-[8px] absolute\n}\n\n.p-colorpicker-color-background {\n @apply w-full h-full bg-[linear-gradient(to_top,#000_0%,rgba(0,0,0,0)_100%),linear-gradient(to_right,#fff_0%,rgba(255,255,255,0)_100%)];\n}\n\n.p-colorpicker-color-handle {\n @apply absolute top-0 start-[150px] rounded-full w-[10px] h-[10px] border border-surface-0 -mt-[5px] me-0 mb-0 -ms-[5px] cursor-pointer opacity-85\n}\n\n.p-colorpicker-hue {\n @apply w-[17px] h-[150px] top-[8px] start-[167px] absolute opacity-85 bg-[linear-gradient(0deg,red_0,#ff0_17%,#0f0_33%,#0ff_50%,#00f_67%,#f0f_83%,red)];\n}\n\n.p-colorpicker-hue-handle {\n @apply absolute top-[150px] start-0 w-[21px] -ms-[2px] -mt-[5px] h-[10px] border-2 opacity-85 border-surface-0 cursor-pointer\n}\n",
"common": ".p-connected-overlay-enter-from {\n @apply opacity-0 scale-y-75\n}\n\n.p-connected-overlay-leave-to {\n @apply opacity-0\n}\n\n.p-connected-overlay-enter-active {\n @apply transition-[opacity,transform] duration-150 ease-[cubic-bezier(0,0,0.2,1)]\n}\n\n.p-connected-overlay-leave-active {\n @apply transition-opacity duration-100 ease-linear\n}\n\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n @apply max-h-0\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n @apply max-h-[1000px]\n}\n\n.p-toggleable-content-leave-active {\n @apply overflow-hidden transition-[max-height] animate-duration-[450ms] ease-[cubic-bezier(0,1,0,1)];\n}\n\n.p-toggleable-content-enter-active {\n @apply overflow-hidden transition-[max-height] duration-1000 ease-in-out\n}\n\n.p-disabled,\n.p-disabled * {\n @apply cursor-default pointer-events-none select-none\n}\n\n.p-disabled,\n.p-component:disabled {\n @apply opacity-60\n}\n\n.pi {\n @apply text-base\n}\n\n.p-icon {\n @apply w-4 h-4\n}\n\n.p-overlay-mask {\n @apply bg-black/50 text-surface-200 transition-colors duration-150 fixed top-0 start-0 w-full h-full\n}\n\n.p-overlay-mask-enter {\n animation: p-overlay-mask-enter-animation 150ms forwards;\n}\n\n.p-overlay-mask-leave {\n animation: p-overlay-mask-leave-animation 150ms forwards;\n}\n\n@keyframes p-overlay-mask-enter-animation {\n from {\n background: transparent;\n }\n to {\n background: rgba(0,0,0,0.5);\n }\n}\n\n@keyframes p-overlay-mask-leave-animation {\n from {\n background: rgba(0,0,0,0.5);\n }\n to {\n background: transparent;\n }\n}\n",
Expand Down

0 comments on commit d80e8fe

Please sign in to comment.