daisyui 5.0.0-alpha.21 → 5.0.0-alpha.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/base/properties.css +1 -1
  2. package/base/rootcolor.css +1 -1
  3. package/base/scrollbar.css +1 -1
  4. package/colors/properties.css +1 -1
  5. package/colors/responsive.css +1 -1
  6. package/colors/states.css +1 -1
  7. package/components/alert/object.js +1 -1
  8. package/components/alert.css +1 -1
  9. package/components/avatar/object.js +1 -1
  10. package/components/avatar.css +1 -1
  11. package/components/badge/object.js +1 -1
  12. package/components/badge.css +1 -1
  13. package/components/button/object.js +1 -1
  14. package/components/button.css +1 -1
  15. package/components/card/object.js +1 -1
  16. package/components/card.css +1 -1
  17. package/components/chat/object.js +1 -1
  18. package/components/chat.css +1 -1
  19. package/components/checkbox/object.js +1 -1
  20. package/components/checkbox.css +1 -1
  21. package/components/collapse.css +1 -1
  22. package/components/countdown.css +1 -1
  23. package/components/divider/object.js +1 -1
  24. package/components/divider.css +1 -1
  25. package/components/dropdown/object.js +1 -1
  26. package/components/dropdown.css +1 -1
  27. package/components/footer/object.js +1 -1
  28. package/components/footer.css +1 -1
  29. package/components/hero.css +1 -1
  30. package/components/input/object.js +1 -1
  31. package/components/input.css +1 -1
  32. package/components/kbd/object.js +1 -1
  33. package/components/kbd.css +1 -1
  34. package/components/link.css +1 -1
  35. package/components/loading.css +1 -1
  36. package/components/mask.css +1 -1
  37. package/components/menu/object.js +1 -1
  38. package/components/menu.css +1 -1
  39. package/components/navbar.css +1 -1
  40. package/components/progress.css +1 -1
  41. package/components/radialprogress.css +1 -1
  42. package/components/radio/object.js +1 -1
  43. package/components/radio.css +1 -1
  44. package/components/range/object.js +1 -1
  45. package/components/range.css +1 -1
  46. package/components/rating/object.js +1 -1
  47. package/components/rating.css +1 -1
  48. package/components/select/object.js +1 -1
  49. package/components/select.css +1 -1
  50. package/components/skeleton/object.js +1 -1
  51. package/components/skeleton.css +1 -1
  52. package/components/stack.css +1 -1
  53. package/components/status.css +1 -1
  54. package/components/steps/object.js +1 -1
  55. package/components/steps.css +1 -1
  56. package/components/swap/object.js +1 -1
  57. package/components/swap.css +1 -1
  58. package/components/tab/object.js +1 -1
  59. package/components/tab.css +1 -1
  60. package/components/table/object.js +1 -1
  61. package/components/table.css +1 -1
  62. package/components/timeline/object.js +1 -1
  63. package/components/timeline.css +1 -1
  64. package/components/toggle/object.js +1 -1
  65. package/components/toggle.css +1 -1
  66. package/components/tooltip/object.js +1 -1
  67. package/components/tooltip.css +1 -1
  68. package/full.css +1 -1
  69. package/functions/pluginOptionsHandler.js +2 -2
  70. package/index.js +1 -1
  71. package/package.json +79 -78
  72. package/theme/index.js +2 -2
  73. package/theme/object.js +1 -1
  74. package/themes.css +1 -1
  75. package/utilities/join.css +1 -1
  76. package/components/alert/class.json +0 -12
  77. package/components/avatar/class.json +0 -7
  78. package/components/badge/class.json +0 -19
  79. package/components/button/class.json +0 -27
  80. package/components/card/class.json +0 -13
  81. package/components/chat/class.json +0 -17
  82. package/components/checkbox/class.json +0 -17
  83. package/components/collapse/class.json +0 -10
  84. package/components/countdown/class.json +0 -3
  85. package/components/divider/class.json +0 -15
  86. package/components/dropdown/class.json +0 -15
  87. package/components/footer/class.json +0 -7
  88. package/components/hero/class.json +0 -5
  89. package/components/input/class.json +0 -16
  90. package/components/kbd/class.json +0 -7
  91. package/components/link/class.json +0 -12
  92. package/components/loading/class.json +0 -21
  93. package/components/mask/class.json +0 -24
  94. package/components/menu/class.json +0 -16
  95. package/components/navbar/class.json +0 -6
  96. package/components/progress/class.json +0 -10
  97. package/components/radialprogress/class.json +0 -3
  98. package/components/radio/class.json +0 -14
  99. package/components/range/class.json +0 -14
  100. package/components/rating/class.json +0 -6
  101. package/components/select/class.json +0 -16
  102. package/components/skeleton/class.json +0 -3
  103. package/components/stack/class.json +0 -3
  104. package/components/status/class.json +0 -15
  105. package/components/steps/class.json +0 -14
  106. package/components/swap/class.json +0 -10
  107. package/components/tab/class.json +0 -13
  108. package/components/table/class.json +0 -9
  109. package/components/timeline/class.json +0 -11
  110. package/components/toggle/class.json +0 -16
  111. package/components/tooltip/class.json +0 -17
package/components/table.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .table{border-radius:var(--radius-box,var(--radius-box));text-align:left;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));width:100%;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200,var(--color-base-200))}}}}}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle}& :where(thead,tfoot){white-space:nowrap;font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-font-weight:700;color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))60%,transparent);font-weight:700}& :where(tfoot){border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-base-200,var(--color-base-200))}& :where(.table-pin-rows thead tr){top:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100,var(--color-base-100));position:sticky}& :where(.table-pin-rows tfoot tr){bottom:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100,var(--color-base-100));position:sticky}& :where(.table-pin-cols tr th){right:var(--spacing-0,0px);left:var(--spacing-0,0px);background-color:var(--color-base-100,var(--color-base-100));position:sticky}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-bottom-color:var(--color-base-200,var(--color-base-200))}}.table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200,var(--color-base-200));& :where(.table-pin-cols tr th){background-color:var(--color-base-200,var(--color-base-200))}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300,var(--color-base-300))}}}}}}}}.table-xs{& :not(thead):not(tfoot) tr{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem))}& :where(th,td){padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.table-sm{& :not(thead):not(tfoot) tr{font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& :where(th,td){padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.table-md{& :not(thead):not(tfoot) tr{font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.table-lg{& :not(thead):not(tfoot) tr{font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& :where(th,td){padding-top:var(--spacing-4,1rem);padding-bottom:var(--spacing-4,1rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .table{border-radius:var(--radius-box, );text-align:left;width:100%;font-size:.875rem;line-height:1.25rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200, )}}}}}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in srgb,var(--color-base-content, )60%,transparent);font-size:.875rem;font-weight:700;line-height:1rem}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){top:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-rows tfoot tr){bottom:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-cols tr th){right:var(--spacing-0,0px);left:var(--spacing-0,0px);background-color:var(--color-base-100, );position:sticky}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:1px solid var(--color-base-200)}}.table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200, );& :where(.table-pin-cols tr th){background-color:var(--color-base-200, )}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300, )}}}}}}}}.table-xs{& :not(thead):not(tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.table-sm{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.table-md{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.table-lg{& :not(thead):not(tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding-top:var(--spacing-4,1rem);padding-bottom:var(--spacing-4,1rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}@media (width>=640px){.sm\:table{border-radius:var(--radius-box, );text-align:left;width:100%;font-size:.875rem;line-height:1.25rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200, )}}}}}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in srgb,var(--color-base-content, )60%,transparent);font-size:.875rem;font-weight:700;line-height:1rem}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){top:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-rows tfoot tr){bottom:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-cols tr th){right:var(--spacing-0,0px);left:var(--spacing-0,0px);background-color:var(--color-base-100, );position:sticky}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:1px solid var(--color-base-200)}}.sm\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200, );& :where(.table-pin-cols tr th){background-color:var(--color-base-200, )}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300, )}}}}}}}}.sm\:table-xs{& :not(thead):not(tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.sm\:table-sm{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.sm\:table-md{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.sm\:table-lg{& :not(thead):not(tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding-top:var(--spacing-4,1rem);padding-bottom:var(--spacing-4,1rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}}@media (width>=768px){.md\:table{border-radius:var(--radius-box, );text-align:left;width:100%;font-size:.875rem;line-height:1.25rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200, )}}}}}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in srgb,var(--color-base-content, )60%,transparent);font-size:.875rem;font-weight:700;line-height:1rem}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){top:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-rows tfoot tr){bottom:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-cols tr th){right:var(--spacing-0,0px);left:var(--spacing-0,0px);background-color:var(--color-base-100, );position:sticky}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:1px solid var(--color-base-200)}}.md\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200, );& :where(.table-pin-cols tr th){background-color:var(--color-base-200, )}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300, )}}}}}}}}.md\:table-xs{& :not(thead):not(tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.md\:table-sm{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.md\:table-md{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.md\:table-lg{& :not(thead):not(tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding-top:var(--spacing-4,1rem);padding-bottom:var(--spacing-4,1rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}}@media (width>=1024px){.lg\:table{border-radius:var(--radius-box, );text-align:left;width:100%;font-size:.875rem;line-height:1.25rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200, )}}}}}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in srgb,var(--color-base-content, )60%,transparent);font-size:.875rem;font-weight:700;line-height:1rem}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){top:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-rows tfoot tr){bottom:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-cols tr th){right:var(--spacing-0,0px);left:var(--spacing-0,0px);background-color:var(--color-base-100, );position:sticky}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:1px solid var(--color-base-200)}}.lg\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200, );& :where(.table-pin-cols tr th){background-color:var(--color-base-200, )}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300, )}}}}}}}}.lg\:table-xs{& :not(thead):not(tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.lg\:table-sm{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.lg\:table-md{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.lg\:table-lg{& :not(thead):not(tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding-top:var(--spacing-4,1rem);padding-bottom:var(--spacing-4,1rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}}@media (width>=1280px){.xl\:table{border-radius:var(--radius-box, );text-align:left;width:100%;font-size:.875rem;line-height:1.25rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200, )}}}}}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in srgb,var(--color-base-content, )60%,transparent);font-size:.875rem;font-weight:700;line-height:1rem}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){top:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-rows tfoot tr){bottom:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-cols tr th){right:var(--spacing-0,0px);left:var(--spacing-0,0px);background-color:var(--color-base-100, );position:sticky}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:1px solid var(--color-base-200)}}.xl\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200, );& :where(.table-pin-cols tr th){background-color:var(--color-base-200, )}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300, )}}}}}}}}.xl\:table-xs{& :not(thead):not(tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.xl\:table-sm{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.xl\:table-md{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.xl\:table-lg{& :not(thead):not(tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding-top:var(--spacing-4,1rem);padding-bottom:var(--spacing-4,1rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}}@media (width>=1536px){.\32 xl\:table{border-radius:var(--radius-box, );text-align:left;width:100%;font-size:.875rem;line-height:1.25rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200, )}}}}}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in srgb,var(--color-base-content, )60%,transparent);font-size:.875rem;font-weight:700;line-height:1rem}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){top:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-rows tfoot tr){bottom:var(--spacing-0,0px);z-index:1;background-color:var(--color-base-100, );position:sticky}& :where(.table-pin-cols tr th){right:var(--spacing-0,0px);left:var(--spacing-0,0px);background-color:var(--color-base-100, );position:sticky}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:1px solid var(--color-base-200)}}.\32 xl\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200, );& :where(.table-pin-cols tr th){background-color:var(--color-base-200, )}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300, )}}}}}}}}.\32 xl\:table-xs{& :not(thead):not(tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.\32 xl\:table-sm{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.\32 xl\:table-md{& :not(thead):not(tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.\32 xl\:table-lg{& :not(thead):not(tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding-top:var(--spacing-4,1rem);padding-bottom:var(--spacing-4,1rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}}
package/components/timeline/object.js CHANGED
@@ -1 +1 @@
1
- export default {".timeline":{"@apply relative flex":{},">li":{"@apply relative grid shrink-0 items-center":{},"gridTemplateRows":"var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end,\n minmax(0, 1fr))","gridTemplateColumns":"var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end,\n minmax(0, 1fr))",">hr":{"@apply w-full border-0":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},":where(hr)":{"@apply h-1 bg-base-300":{}},"&:has(.timeline-middle hr)":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},"&:not(:has(.timeline-middle))":{":first-child hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}},":last-child hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}},".timeline-box":{"@apply rounded-box bg-base-100 border-base-300 border px-4 py-2 shadow-sm":{}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 m-1 self-end justify-self-center":{}},".timeline-middle":{"@apply col-start-2 row-start-2":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},".timeline-compact":{"--timeline-row-start":"0",".timeline-start":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-[none] row-start-auto":{}}},"&.timeline-vertical":{">li":{"--timeline-col-start":"0"},".timeline-start":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-auto row-start-[none]":{}}}}},".timeline-snap-icon":{">li":{"--timeline-col-start":"0.5rem","--timeline-row-start":"minmax(0, 1fr)"}},".timeline-vertical":{"@apply flex-col":{},">li":{"@apply justify-items-center":{},"--timeline-row-start":"minmax(0, 1fr)","--timeline-row-end":"minmax(0, 1fr)",">hr":{"@apply w-1 h-full":{},"&:first-child":{"@apply col-start-2 row-start-1":{}},"&:last-child":{"@apply col-start-2 col-end-auto row-start-3 row-end-[none]":{}}}},".timeline-start":{"@apply col-start-1 col-end-2 row-start-1 row-end-4 self-center justify-self-end":{}},".timeline-end":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-b-badge rounded-t-none":{}},"&:last-child":{"@apply rounded-t-badge rounded-b-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-t-badge rounded-b-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-b-badge rounded-t-none":{}}}},"&.timeline-snap-icon":{">li":{"--timeline-col-start":"minmax(0, 1fr)","--timeline-row-start":"0.5rem"}}},".timeline-horizontal":{"@apply flex-row":{},">li":{"@apply items-center":{},">hr":{"@apply w-full h-1":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 self-end justify-self-center":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 self-start justify-self-center":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}}}};
1
+ export default {".timeline":{"@apply relative flex":{},">li":{"@apply relative grid shrink-0 items-center":{},"gridTemplateRows":"var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end,\n minmax(0, 1fr))","gridTemplateColumns":"var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end,\n minmax(0, 1fr))",">hr":{"@apply w-full":{},"border":"none","&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},":where(hr)":{"@apply h-1 bg-base-300":{}},"&:has(.timeline-middle hr)":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},"&:not(:has(.timeline-middle))":{":first-child hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}},":last-child hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}},".timeline-box":{"border":"1px solid","@apply rounded-box bg-base-100 border-base-300 px-4 py-2":{},"boxShadow":"0 1px 2px 0 oklch(0% 0 0/.05)"},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 m-1 self-end justify-self-center":{}},".timeline-middle":{"@apply col-start-2 row-start-2":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},".timeline-compact":{"--timeline-row-start":"0",".timeline-start":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-[none] row-start-auto":{}}},"&.timeline-vertical":{">li":{"--timeline-col-start":"0"},".timeline-start":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-auto row-start-[none]":{}}}}},".timeline-snap-icon":{">li":{"--timeline-col-start":"0.5rem","--timeline-row-start":"minmax(0, 1fr)"}},".timeline-vertical":{"@apply flex-col":{},">li":{"@apply justify-items-center":{},"--timeline-row-start":"minmax(0, 1fr)","--timeline-row-end":"minmax(0, 1fr)",">hr":{"@apply w-1 h-full":{},"&:first-child":{"@apply col-start-2 row-start-1":{}},"&:last-child":{"@apply col-start-2 col-end-auto row-start-3 row-end-[none]":{}}}},".timeline-start":{"@apply col-start-1 col-end-2 row-start-1 row-end-4 self-center justify-self-end":{}},".timeline-end":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-b-badge rounded-t-none":{}},"&:last-child":{"@apply rounded-t-badge rounded-b-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-t-badge rounded-b-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-b-badge rounded-t-none":{}}}},"&.timeline-snap-icon":{">li":{"--timeline-col-start":"minmax(0, 1fr)","--timeline-row-start":"0.5rem"}}},".timeline-horizontal":{"@apply flex-row":{},">li":{"@apply items-center":{},">hr":{"@apply w-full h-1":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 self-end justify-self-center":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 self-start justify-self-center":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}}}};
package/components/timeline.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border-style:var(--tw-border-style);border-width:0;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300,var(--color-base-300))}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,var(--radius-badge));border-end-end-radius:var(--radius-badge,var(--radius-badge));border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,var(--radius-badge));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,var(--radius-badge))}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge,var(--radius-badge));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,var(--radius-badge))}}&:not(:has(.timeline-middle)){& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,var(--radius-badge));border-end-end-radius:var(--radius-badge,var(--radius-badge));border-end-start-radius:0}}}.timeline-box{border-radius:var(--radius-box,var(--radius-box));border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300,var(--color-base-300));background-color:var(--color-base-100,var(--color-base-100));padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.timeline-middle{grid-row-start:2;grid-column-start:2}.timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,var(--radius-badge));border-bottom-left-radius:var(--radius-badge,var(--radius-badge))}&:last-child{border-top-left-radius:var(--radius-badge,var(--radius-badge));border-top-right-radius:var(--radius-badge,var(--radius-badge));border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge,var(--radius-badge));border-top-right-radius:var(--radius-badge,var(--radius-badge));border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,var(--radius-badge));border-bottom-left-radius:var(--radius-badge,var(--radius-badge))}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,var(--radius-badge));border-end-end-radius:var(--radius-badge,var(--radius-badge));border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,var(--radius-badge));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,var(--radius-badge))}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge,var(--radius-badge));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,var(--radius-badge))}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,var(--radius-badge));border-end-end-radius:var(--radius-badge,var(--radius-badge));border-end-start-radius:0}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300, )}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}.timeline-box{border-radius:var(--radius-box, );border:1px solid;border-color:var(--color-base-300, );background-color:var(--color-base-100, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);box-shadow:0 1px 2px oklch(0% 0 0/.05)}.timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.timeline-middle{grid-row-start:2;grid-column-start:2}.timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}&:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}}@media (width>=640px){.sm\:timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300, )}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}.sm\:timeline-box{border-radius:var(--radius-box, );border:1px solid;border-color:var(--color-base-300, );background-color:var(--color-base-100, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);box-shadow:0 1px 2px oklch(0% 0 0/.05)}.sm\:timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.sm\:timeline-middle{grid-row-start:2;grid-column-start:2}.sm\:timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.sm\:timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.sm\:timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.sm\:timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}&:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.sm\:timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}}}@media (width>=768px){.md\:timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300, )}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}.md\:timeline-box{border-radius:var(--radius-box, );border:1px solid;border-color:var(--color-base-300, );background-color:var(--color-base-100, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);box-shadow:0 1px 2px oklch(0% 0 0/.05)}.md\:timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.md\:timeline-middle{grid-row-start:2;grid-column-start:2}.md\:timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.md\:timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.md\:timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.md\:timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}&:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.md\:timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}}}@media (width>=1024px){.lg\:timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300, )}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}.lg\:timeline-box{border-radius:var(--radius-box, );border:1px solid;border-color:var(--color-base-300, );background-color:var(--color-base-100, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);box-shadow:0 1px 2px oklch(0% 0 0/.05)}.lg\:timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.lg\:timeline-middle{grid-row-start:2;grid-column-start:2}.lg\:timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.lg\:timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.lg\:timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.lg\:timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}&:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.lg\:timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}}}@media (width>=1280px){.xl\:timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300, )}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}.xl\:timeline-box{border-radius:var(--radius-box, );border:1px solid;border-color:var(--color-base-300, );background-color:var(--color-base-100, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);box-shadow:0 1px 2px oklch(0% 0 0/.05)}.xl\:timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.xl\:timeline-middle{grid-row-start:2;grid-column-start:2}.xl\:timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.xl\:timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.xl\:timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.xl\:timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}&:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.xl\:timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}}}@media (width>=1536px){.\32 xl\:timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300, )}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}.\32 xl\:timeline-box{border-radius:var(--radius-box, );border:1px solid;border-color:var(--color-base-300, );background-color:var(--color-base-100, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);box-shadow:0 1px 2px oklch(0% 0 0/.05)}.\32 xl\:timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.\32 xl\:timeline-middle{grid-row-start:2;grid-column-start:2}.\32 xl\:timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.\32 xl\:timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.\32 xl\:timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.\32 xl\:timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}&:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge, );border-top-right-radius:var(--radius-badge, );border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge, );border-bottom-left-radius:var(--radius-badge, )}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.\32 xl\:timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge, );border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge, )}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge, );border-end-end-radius:var(--radius-badge, );border-end-start-radius:0}}}}}
package/components/toggle/object.js CHANGED
@@ -1 +1 @@
1
- export default {".toggle":{"@apply rounded-badge text-base-content/50 inline-flex h-6 w-12 shrink-0 cursor-pointer appearance-none rounded-[var(--radius-badge)] border border-current p-[.1875rem] align-middle":{},"boxShadow":"0 1px color-mix(in oklab, currentColor, transparent 90%) inset","transition":"color .3s","&:before":{"@apply block h-full grow-0":{},"content":"\"\"","transition":"flex-grow 0.2s"},"&:after":{"@apply relative start-0 block aspect-square h-full translate-x-0 [border-radius:calc(var(--radius-badge)-3px)] bg-current":{},"content":"\"\"","transition":"background-color 0.1s,\n translate 0.2s,\n inset-inline-start 0.2s","boxShadow":"0 -1px oklch(0% 0 0 / 0.1) inset,\n 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n 0 1px color-mix(in oklab, currentColor, transparent 90%)"},"&:focus-visible":{"@apply outline outline-2 outline-offset-2 outline-current":{}},"&:checked,\n &[aria-checked=\"true\"]":{"@apply bg-base-100 text-base-content":{},"&:before":{"@apply grow":{}},"&:after":{"@apply bg-current":{},"@starting-style":{"opacity":0}}},"&:indeterminate":{"&:before":{"@apply grow-0":{}},"&:after":{"@apply start-1/2 -translate-x-1/2":{}}},"&:disabled":{"@apply cursor-not-allowed opacity-30":{},"&:after":{"@apply border border-current bg-transparent":{}}}},".toggle-primary":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-primary":{}}},".toggle-secondary":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-secondary":{}}},".toggle-accent":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-accent":{}}},".toggle-success":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-success":{}}},".toggle-warning":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-warning":{}}},".toggle-info":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-info":{}}},".toggle-error":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-error":{}}},".toggle-xs":{"&:is([type=\"checkbox\"])":{"@apply p-[.0625rem] h-4 w-6":{}}},".toggle-sm":{"&:is([type=\"checkbox\"])":{"@apply p-[.125rem] h-5 w-8":{}}},".toggle-md":{"&:is([type=\"checkbox\"])":{"@apply p-[.1875rem] h-6 w-12":{}}},".toggle-lg":{"&:is([type=\"checkbox\"])":{"@apply p-[.25rem] h-8 w-16":{}}}};
1
+ export default {".toggle":{"border":"1px solid currentColor","@apply rounded-badge text-base-content/50 inline-flex h-6 w-12 shrink-0 cursor-pointer appearance-none rounded-badge p-[.1875rem] align-middle":{},"boxShadow":"0 1px color-mix(in oklab, currentColor, transparent 90%) inset","transition":"color .3s","&:before":{"@apply block h-full grow-0":{},"content":"\"\"","transition":"flex-grow 0.2s"},"&:after":{"@apply relative start-0 block aspect-square h-full bg-current":{},"translate":"0","borderRadius":"calc(var(--radius-badge) - 3px)","content":"\"\"","transition":"background-color 0.1s,\n translate 0.2s,\n inset-inline-start 0.2s","boxShadow":"0 -1px oklch(0% 0 0 / 0.1) inset,\n 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n 0 1px color-mix(in oklab, currentColor, transparent 90%)"},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"2px"},"&:checked,\n &[aria-checked=\"true\"]":{"@apply bg-base-100 text-base-content":{},"&:before":{"@apply grow":{}},"&:after":{"@apply bg-current":{},"@starting-style":{"opacity":0}}},"&:indeterminate":{"&:before":{"@apply grow-0":{}},"&:after":{"@apply start-1/2":{},"translate":"-50% 0"}},"&:disabled":{"@apply cursor-not-allowed opacity-30":{},"&:after":{"@apply bg-transparent":{},"border":"1px solid currentColor"}}},".toggle-primary":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-primary":{}}},".toggle-secondary":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-secondary":{}}},".toggle-accent":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-accent":{}}},".toggle-success":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-success":{}}},".toggle-warning":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-warning":{}}},".toggle-info":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-info":{}}},".toggle-error":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-error":{}}},".toggle-xs":{"&:is([type=\"checkbox\"])":{"@apply p-[.0625rem] h-4 w-6":{}}},".toggle-sm":{"&:is([type=\"checkbox\"])":{"@apply p-[.125rem] h-5 w-8":{}}},".toggle-md":{"&:is([type=\"checkbox\"])":{"@apply p-[.1875rem] h-6 w-12":{}}},".toggle-lg":{"&:is([type=\"checkbox\"])":{"@apply p-[.25rem] h-8 w-16":{}}}};
package/components/toggle.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge);border-radius:var(--radius-badge,var(--radius-badge));border-style:var(--tw-border-style);vertical-align:middle;color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border-width:1px;border-color:currentColor;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px)}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{background-color:var(--color-base-100,var(--color-base-100));color:var(--color-base-content,var(--color-base-content));&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);inset-inline-start:50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{border-style:var(--tw-border-style);background-color:#0000;border-width:1px;border-color:currentColor}}}.toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary,var(--color-primary))}}.toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary,var(--color-secondary))}}.toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent,var(--color-accent))}}.toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success,var(--color-success))}}.toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning,var(--color-warning))}}.toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info,var(--color-info))}}.toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error,var(--color-error))}}.toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge, );vertical-align:middle;color:color-mix(in srgb,var(--color-base-content, )50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px);translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100, );color:var(--color-base-content, );&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary, )}}.toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary, )}}.toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent, )}}.toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success, )}}.toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning, )}}.toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info, )}}.toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error, )}}.toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}@media (width>=640px){.sm\:toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge, );vertical-align:middle;color:color-mix(in srgb,var(--color-base-content, )50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px);translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100, );color:var(--color-base-content, );&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.sm\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary, )}}.sm\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary, )}}.sm\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent, )}}.sm\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success, )}}.sm\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning, )}}.sm\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info, )}}.sm\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error, )}}.sm\:toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.sm\:toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.sm\:toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.sm\:toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}}@media (width>=768px){.md\:toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge, );vertical-align:middle;color:color-mix(in srgb,var(--color-base-content, )50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px);translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100, );color:var(--color-base-content, );&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.md\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary, )}}.md\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary, )}}.md\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent, )}}.md\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success, )}}.md\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning, )}}.md\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info, )}}.md\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error, )}}.md\:toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.md\:toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.md\:toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.md\:toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}}@media (width>=1024px){.lg\:toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge, );vertical-align:middle;color:color-mix(in srgb,var(--color-base-content, )50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px);translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100, );color:var(--color-base-content, );&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.lg\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary, )}}.lg\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary, )}}.lg\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent, )}}.lg\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success, )}}.lg\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning, )}}.lg\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info, )}}.lg\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error, )}}.lg\:toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.lg\:toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.lg\:toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.lg\:toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}}@media (width>=1280px){.xl\:toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge, );vertical-align:middle;color:color-mix(in srgb,var(--color-base-content, )50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px);translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100, );color:var(--color-base-content, );&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary, )}}.xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary, )}}.xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent, )}}.xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success, )}}.xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning, )}}.xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info, )}}.xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error, )}}.xl\:toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.xl\:toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.xl\:toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.xl\:toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}}@media (width>=1536px){.\32 xl\:toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge, );vertical-align:middle;color:color-mix(in srgb,var(--color-base-content, )50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px);translate:0}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100, );color:var(--color-base-content, );&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{inset-inline-start:50%;translate:-50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{background-color:#0000;border:1px solid}}}.\32 xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary, )}}.\32 xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary, )}}.\32 xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent, )}}.\32 xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success, )}}.\32 xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning, )}}.\32 xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info, )}}.\32 xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error, )}}.\32 xl\:toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.\32 xl\:toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.\32 xl\:toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.\32 xl\:toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}}
package/components/tooltip/object.js CHANGED
@@ -1 +1 @@
1
- export default {".tooltip":{"@apply relative inline-block":{},"--tooltip-color":"var(--color-neutral)","--tooltip-tail":"0.1875rem","--tooltip-text-color":"var(--color-neutral-content)","--tooltip-offset":"calc(100% + 1px + var(--tooltip-tail, 0px))","--tooltip-tail-offset":"calc(100% + 0.0625rem - var(--tooltip-tail))","&:before":{"@apply absolute max-w-xs rounded px-2 py-1 text-sm whitespace-normal opacity-0 text-center":{},"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","backgroundColor":"var(--tooltip-color)","color":"var(--tooltip-text-color)","width":"max-content","pointerEvents":"none","zIndex":1,"content":"var(--tw-content)","--tw-content":"attr(data-tip)"},"&:after":{"@apply absolute opacity-0":{},"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","content":"\"\"","borderStyle":"solid","borderWidth":"var(--tooltip-tail, 0)","width":"0","height":"0","display":"block","position":"absolute"},"&.tooltip-open,\n &:hover,\n &:has(:focus-visible)":{"&:before,\n &:after":{"@apply opacity-100":{},"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s"}}},".tooltip,\n.tooltip-top":{"&:before":{"transform":"translateX(-50%)","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-offset)"},"&:after":{"transform":"translateX(-50%)","borderColor":"var(--tooltip-color) transparent transparent transparent","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-tail-offset)"}},".tooltip-bottom":{"&:before":{"transform":"translateX(-50%)","top":"var(--tooltip-offset)","left":"50%","right":"auto","bottom":"auto"},"&:after":{"transform":"translateX(-50%)","borderColor":"transparent transparent var(--tooltip-color) transparent","top":"var(--tooltip-tail-offset)","left":"50%","right":"auto","bottom":"auto"}},".tooltip-left":{"&:before":{"transform":"translateY(-50%)","top":"50%","left":"auto","right":"var(--tooltip-offset)","bottom":"auto"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent transparent transparent var(--tooltip-color)","top":"50%","left":"auto","right":"calc(var(--tooltip-tail-offset) + 0.0625rem)","bottom":"auto"}},".tooltip-right":{"&:before":{"transform":"translateY(-50%)","top":"50%","left":"var(--tooltip-offset)","right":"auto","bottom":"auto"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent var(--tooltip-color) transparent transparent","top":"50%","left":"calc(var(--tooltip-tail-offset) + 0.0625rem)","right":"auto","bottom":"auto"}},".tooltip:not([data-tip]):hover:before,\n.tooltip:not([data-tip]):hover:after":{"visibility":"hidden","opacity":0},".tooltip-primary":{"--tooltip-color":"var(--color-primary)","--tooltip-text-color":"var(--color-primary-content)"},".tooltip-secondary":{"--tooltip-color":"var(--color-secondary)","--tooltip-text-color":"var(--color-secondary-content)"},".tooltip-accent":{"--tooltip-color":"var(--color-accent)","--tooltip-text-color":"var(--color-accent-content)"},".tooltip-info":{"--tooltip-color":"var(--color-info)","--tooltip-text-color":"var(--color-info-content)"},".tooltip-success":{"--tooltip-color":"var(--color-success)","--tooltip-text-color":"var(--color-success-content)"},".tooltip-warning":{"--tooltip-color":"var(--color-warning)","--tooltip-text-color":"var(--color-warning-content)"},".tooltip-error":{"--tooltip-color":"var(--color-error)","--tooltip-text-color":"var(--color-error-content)"}};
1
+ export default {".tooltip":{"@apply relative inline-block":{},"--tooltip-bg":"var(--color-neutral)","--tooltip-tail":"3px","--tooltip-color":"var(--color-neutral-content)","--tooltip-offset":"calc(100% + 1px + var(--tooltip-tail))","--tooltip-tail-offset":"calc(100% + 1px - var(--tooltip-tail))","&:before":{"@apply absolute max-w-xs rounded px-2 py-1 whitespace-normal opacity-0 text-center":{},"fontSize":"0.875rem","lineHeight":"1.25rem","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","backgroundColor":"var(--tooltip-bg)","color":"var(--tooltip-color)","width":"max-content","pointerEvents":"none","zIndex":1,"content":"attr(data-tip)"},"&:after":{"@apply absolute opacity-0":{},"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","content":"\"\"","borderStyle":"solid","borderWidth":"var(--tooltip-tail, 0)","width":"0","height":"0","display":"block","position":"absolute"},"&.tooltip-open,\n &:hover,\n &:has(:focus-visible)":{"&:before,\n &:after":{"@apply opacity-100":{},"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s"}}},".tooltip,\n.tooltip-top":{"&:before":{"transform":"translateX(-50%)","inset":"auto auto var(--tooltip-offset) 50%"},"&:after":{"transform":"translateX(-50%)","borderColor":"var(--tooltip-bg) transparent transparent transparent","inset":"auto auto var(--tooltip-tail-offset) 50%"}},".tooltip-bottom":{"&:before":{"transform":"translateX(-50%)","inset":"var(--tooltip-offset) auto auto 50%"},"&:after":{"transform":"translateX(-50%)","borderColor":"transparent transparent var(--tooltip-bg) transparent","inset":"var(--tooltip-tail-offset) auto auto 50%"}},".tooltip-left":{"&:before":{"transform":"translateY(-50%)","inset":"50% var(--tooltip-offset) auto auto"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent transparent transparent var(--tooltip-bg)","inset":"50% calc(var(--tooltip-tail-offset) + 1px) auto auto"}},".tooltip-right":{"&:before":{"transform":"translateY(-50%)","inset":"50% auto auto var(--tooltip-offset)"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent var(--tooltip-bg) transparent transparent","inset":"50% auto auto calc(var(--tooltip-tail-offset) + 1px)"}},".tooltip:not([data-tip]):hover:before,\n.tooltip:not([data-tip]):hover:after":{"visibility":"hidden","opacity":0},".tooltip-primary":{"--tooltip-bg":"var(--color-primary)","--tooltip-color":"var(--color-primary-content)"},".tooltip-secondary":{"--tooltip-bg":"var(--color-secondary)","--tooltip-color":"var(--color-secondary-content)"},".tooltip-accent":{"--tooltip-bg":"var(--color-accent)","--tooltip-color":"var(--color-accent-content)"},".tooltip-info":{"--tooltip-bg":"var(--color-info)","--tooltip-color":"var(--color-info-content)"},".tooltip-success":{"--tooltip-bg":"var(--color-success)","--tooltip-color":"var(--color-success-content)"},".tooltip-warning":{"--tooltip-bg":"var(--color-warning)","--tooltip-color":"var(--color-warning-content)"},".tooltip-error":{"--tooltip-bg":"var(--color-error)","--tooltip-color":"var(--color-error-content)"}};
package/components/tooltip.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .tooltip{--tooltip-color:var(--color-neutral);--tooltip-tail:.1875rem;--tooltip-text-color:var(--color-neutral-content);--tooltip-offset:calc(100% + 1px + var(--tooltip-tail,0px));--tooltip-tail-offset:calc(100% + .0625rem - var(--tooltip-tail));display:inline-block;position:relative;&:before{max-width:var(--width-xs,20rem);white-space:normal;border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);text-align:center;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));opacity:0;background-color:var(--tooltip-color);color:var(--tooltip-text-color);pointer-events:none;z-index:1;content:var(--tw-content);--tw-content:attr(data-tip);width:max-content;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:var(--tooltip-tail,0);width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.tooltip,.tooltip-top{&:before{top:auto;left:50%;right:auto;bottom:var(--tooltip-offset);transform:translate(-50%)}}.tooltip-bottom{&:before{top:var(--tooltip-offset);bottom:auto;left:50%;right:auto;transform:translate(-50%)}}.tooltip-left{&:before{top:50%;left:auto;right:var(--tooltip-offset);bottom:auto;transform:translateY(-50%)}}.tooltip-right{&:before{top:50%;left:var(--tooltip-offset);bottom:auto;right:auto;transform:translateY(-50%)}}.tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.tooltip:not([data-tip]):hover:before,.tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.tooltip,.tooltip-top{&:after{border-color:var(--tooltip-color)transparent transparent transparent;top:auto;left:50%;right:auto;bottom:var(--tooltip-tail-offset);transform:translate(-50%)}}.tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-color)transparent;top:var(--tooltip-tail-offset);bottom:auto;left:50%;right:auto;transform:translate(-50%)}}.tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-color);top:50%;left:auto;right:calc(var(--tooltip-tail-offset) + .0625rem);bottom:auto;transform:translateY(-50%)}}.tooltip-right{&:after{border-color:transparent var(--tooltip-color)transparent transparent;top:50%;left:calc(var(--tooltip-tail-offset) + .0625rem);bottom:auto;right:auto;transform:translateY(-50%)}}.tooltip-primary{--tooltip-color:var(--color-primary);--tooltip-text-color:var(--color-primary-content)}.tooltip-secondary{--tooltip-color:var(--color-secondary);--tooltip-text-color:var(--color-secondary-content)}.tooltip-accent{--tooltip-color:var(--color-accent);--tooltip-text-color:var(--color-accent-content)}.tooltip-info{--tooltip-color:var(--color-info);--tooltip-text-color:var(--color-info-content)}.tooltip-success{--tooltip-color:var(--color-success);--tooltip-text-color:var(--color-success-content)}.tooltip-warning{--tooltip-color:var(--color-warning);--tooltip-text-color:var(--color-warning-content)}.tooltip-error{--tooltip-color:var(--color-error);--tooltip-text-color:var(--color-error-content)}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .tooltip{--tooltip-bg:var(--color-neutral);--tooltip-tail:3px;--tooltip-color:var(--color-neutral-content);--tooltip-offset:calc(100% + 1px + var(--tooltip-tail));--tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));display:inline-block;position:relative;&:before{max-width:var(--width-xs,20rem);white-space:normal;border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);text-align:center;opacity:0;background-color:var(--tooltip-bg);color:var(--tooltip-color);pointer-events:none;z-index:1;content:attr(data-tip);width:max-content;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:var(--tooltip-tail,0);width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.tooltip,.tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.tooltip:not([data-tip]):hover:before,.tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.tooltip,.tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.tooltip-primary{--tooltip-bg:var(--color-primary);--tooltip-color:var(--color-primary-content)}.tooltip-secondary{--tooltip-bg:var(--color-secondary);--tooltip-color:var(--color-secondary-content)}.tooltip-accent{--tooltip-bg:var(--color-accent);--tooltip-color:var(--color-accent-content)}.tooltip-info{--tooltip-bg:var(--color-info);--tooltip-color:var(--color-info-content)}.tooltip-success{--tooltip-bg:var(--color-success);--tooltip-color:var(--color-success-content)}.tooltip-warning{--tooltip-bg:var(--color-warning);--tooltip-color:var(--color-warning-content)}.tooltip-error{--tooltip-bg:var(--color-error);--tooltip-color:var(--color-error-content)}@media (width>=640px){.sm\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-tail:3px;--tooltip-color:var(--color-neutral-content);--tooltip-offset:calc(100% + 1px + var(--tooltip-tail));--tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));display:inline-block;position:relative;&:before{max-width:var(--width-xs,20rem);white-space:normal;border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);text-align:center;opacity:0;background-color:var(--tooltip-bg);color:var(--tooltip-color);pointer-events:none;z-index:1;content:attr(data-tip);width:max-content;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:var(--tooltip-tail,0);width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.sm\:tooltip,.sm\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.sm\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.sm\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.sm\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.sm\:tooltip:not([data-tip]):hover:before,.sm\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.sm\:tooltip,.sm\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.sm\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.sm\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.sm\:tooltip-primary{--tooltip-bg:var(--color-primary);--tooltip-color:var(--color-primary-content)}.sm\:tooltip-secondary{--tooltip-bg:var(--color-secondary);--tooltip-color:var(--color-secondary-content)}.sm\:tooltip-accent{--tooltip-bg:var(--color-accent);--tooltip-color:var(--color-accent-content)}.sm\:tooltip-info{--tooltip-bg:var(--color-info);--tooltip-color:var(--color-info-content)}.sm\:tooltip-success{--tooltip-bg:var(--color-success);--tooltip-color:var(--color-success-content)}.sm\:tooltip-warning{--tooltip-bg:var(--color-warning);--tooltip-color:var(--color-warning-content)}.sm\:tooltip-error{--tooltip-bg:var(--color-error);--tooltip-color:var(--color-error-content)}}@media (width>=768px){.md\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-tail:3px;--tooltip-color:var(--color-neutral-content);--tooltip-offset:calc(100% + 1px + var(--tooltip-tail));--tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));display:inline-block;position:relative;&:before{max-width:var(--width-xs,20rem);white-space:normal;border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);text-align:center;opacity:0;background-color:var(--tooltip-bg);color:var(--tooltip-color);pointer-events:none;z-index:1;content:attr(data-tip);width:max-content;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:var(--tooltip-tail,0);width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.md\:tooltip,.md\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.md\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.md\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.md\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.md\:tooltip:not([data-tip]):hover:before,.md\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.md\:tooltip,.md\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.md\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.md\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.md\:tooltip-primary{--tooltip-bg:var(--color-primary);--tooltip-color:var(--color-primary-content)}.md\:tooltip-secondary{--tooltip-bg:var(--color-secondary);--tooltip-color:var(--color-secondary-content)}.md\:tooltip-accent{--tooltip-bg:var(--color-accent);--tooltip-color:var(--color-accent-content)}.md\:tooltip-info{--tooltip-bg:var(--color-info);--tooltip-color:var(--color-info-content)}.md\:tooltip-success{--tooltip-bg:var(--color-success);--tooltip-color:var(--color-success-content)}.md\:tooltip-warning{--tooltip-bg:var(--color-warning);--tooltip-color:var(--color-warning-content)}.md\:tooltip-error{--tooltip-bg:var(--color-error);--tooltip-color:var(--color-error-content)}}@media (width>=1024px){.lg\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-tail:3px;--tooltip-color:var(--color-neutral-content);--tooltip-offset:calc(100% + 1px + var(--tooltip-tail));--tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));display:inline-block;position:relative;&:before{max-width:var(--width-xs,20rem);white-space:normal;border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);text-align:center;opacity:0;background-color:var(--tooltip-bg);color:var(--tooltip-color);pointer-events:none;z-index:1;content:attr(data-tip);width:max-content;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:var(--tooltip-tail,0);width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.lg\:tooltip,.lg\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.lg\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.lg\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.lg\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.lg\:tooltip:not([data-tip]):hover:before,.lg\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.lg\:tooltip,.lg\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.lg\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.lg\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.lg\:tooltip-primary{--tooltip-bg:var(--color-primary);--tooltip-color:var(--color-primary-content)}.lg\:tooltip-secondary{--tooltip-bg:var(--color-secondary);--tooltip-color:var(--color-secondary-content)}.lg\:tooltip-accent{--tooltip-bg:var(--color-accent);--tooltip-color:var(--color-accent-content)}.lg\:tooltip-info{--tooltip-bg:var(--color-info);--tooltip-color:var(--color-info-content)}.lg\:tooltip-success{--tooltip-bg:var(--color-success);--tooltip-color:var(--color-success-content)}.lg\:tooltip-warning{--tooltip-bg:var(--color-warning);--tooltip-color:var(--color-warning-content)}.lg\:tooltip-error{--tooltip-bg:var(--color-error);--tooltip-color:var(--color-error-content)}}@media (width>=1280px){.xl\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-tail:3px;--tooltip-color:var(--color-neutral-content);--tooltip-offset:calc(100% + 1px + var(--tooltip-tail));--tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));display:inline-block;position:relative;&:before{max-width:var(--width-xs,20rem);white-space:normal;border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);text-align:center;opacity:0;background-color:var(--tooltip-bg);color:var(--tooltip-color);pointer-events:none;z-index:1;content:attr(data-tip);width:max-content;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:var(--tooltip-tail,0);width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.xl\:tooltip,.xl\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.xl\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.xl\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.xl\:tooltip:not([data-tip]):hover:before,.xl\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.xl\:tooltip,.xl\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.xl\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.xl\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.xl\:tooltip-primary{--tooltip-bg:var(--color-primary);--tooltip-color:var(--color-primary-content)}.xl\:tooltip-secondary{--tooltip-bg:var(--color-secondary);--tooltip-color:var(--color-secondary-content)}.xl\:tooltip-accent{--tooltip-bg:var(--color-accent);--tooltip-color:var(--color-accent-content)}.xl\:tooltip-info{--tooltip-bg:var(--color-info);--tooltip-color:var(--color-info-content)}.xl\:tooltip-success{--tooltip-bg:var(--color-success);--tooltip-color:var(--color-success-content)}.xl\:tooltip-warning{--tooltip-bg:var(--color-warning);--tooltip-color:var(--color-warning-content)}.xl\:tooltip-error{--tooltip-bg:var(--color-error);--tooltip-color:var(--color-error-content)}}@media (width>=1536px){.\32 xl\:tooltip{--tooltip-bg:var(--color-neutral);--tooltip-tail:3px;--tooltip-color:var(--color-neutral-content);--tooltip-offset:calc(100% + 1px + var(--tooltip-tail));--tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));display:inline-block;position:relative;&:before{max-width:var(--width-xs,20rem);white-space:normal;border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);text-align:center;opacity:0;background-color:var(--tooltip-bg);color:var(--tooltip-color);pointer-events:none;z-index:1;content:attr(data-tip);width:max-content;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:var(--tooltip-tail,0);width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:before{inset:auto auto var(--tooltip-offset)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:before{inset:var(--tooltip-offset)auto auto 50%;transform:translate(-50%)}}.\32 xl\:tooltip-left{&:before{inset:50% var(--tooltip-offset)auto auto;transform:translateY(-50%)}}.\32 xl\:tooltip-right{&:before{inset:50% auto auto var(--tooltip-offset);transform:translateY(-50%)}}.\32 xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.\32 xl\:tooltip:not([data-tip]):hover:before,.\32 xl\:tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:after{border-color:var(--tooltip-bg)transparent transparent transparent;inset:auto auto var(--tooltip-tail-offset)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-bg)transparent;inset:var(--tooltip-tail-offset)auto auto 50%;transform:translate(-50%)}}.\32 xl\:tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-bg);inset:50% calc(var(--tooltip-tail-offset) + 1px)auto auto;transform:translateY(-50%)}}.\32 xl\:tooltip-right{&:after{border-color:transparent var(--tooltip-bg)transparent transparent;inset:50% auto auto calc(var(--tooltip-tail-offset) + 1px);transform:translateY(-50%)}}.\32 xl\:tooltip-primary{--tooltip-bg:var(--color-primary);--tooltip-color:var(--color-primary-content)}.\32 xl\:tooltip-secondary{--tooltip-bg:var(--color-secondary);--tooltip-color:var(--color-secondary-content)}.\32 xl\:tooltip-accent{--tooltip-bg:var(--color-accent);--tooltip-color:var(--color-accent-content)}.\32 xl\:tooltip-info{--tooltip-bg:var(--color-info);--tooltip-color:var(--color-info-content)}.\32 xl\:tooltip-success{--tooltip-bg:var(--color-success);--tooltip-color:var(--color-success-content)}.\32 xl\:tooltip-warning{--tooltip-bg:var(--color-warning);--tooltip-color:var(--color-warning-content)}.\32 xl\:tooltip-error{--tooltip-bg:var(--color-error);--tooltip-color:var(--color-error-content)}}