daisyui 5.0.0-alpha.37 → 5.0.0-alpha.39

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 (192) hide show
  1. package/base/properties.css +1 -1
  2. package/base/reset/object.js +1 -1
  3. package/base/reset.css +1 -1
  4. package/base/rootcolor.css +1 -1
  5. package/base/rootscrollgutter/object.js +1 -1
  6. package/base/rootscrollgutter.css +1 -1
  7. package/base/rootscrolllock/object.js +1 -1
  8. package/base/rootscrolllock.css +1 -1
  9. package/base/scrollbar.css +1 -1
  10. package/base/startingstyle.css +1 -1
  11. package/chunks.css +2 -1
  12. package/colors/properties.css +1 -1
  13. package/colors/responsive.css +1 -1
  14. package/colors/states.css +1 -1
  15. package/components/alert/object.js +1 -1
  16. package/components/alert.css +1 -1
  17. package/components/avatar/object.js +1 -1
  18. package/components/avatar.css +1 -1
  19. package/components/badge/object.js +1 -1
  20. package/components/badge.css +1 -1
  21. package/components/breadcrumbs/object.js +1 -1
  22. package/components/breadcrumbs.css +1 -1
  23. package/components/button/object.js +1 -1
  24. package/components/button.css +1 -1
  25. package/components/card/object.js +1 -1
  26. package/components/card.css +1 -1
  27. package/components/carousel.css +1 -1
  28. package/components/chat/object.js +1 -1
  29. package/components/chat.css +1 -1
  30. package/components/checkbox/object.js +1 -1
  31. package/components/checkbox.css +1 -1
  32. package/components/collapse/object.js +1 -1
  33. package/components/collapse.css +1 -1
  34. package/components/countdown/object.js +1 -1
  35. package/components/countdown.css +1 -1
  36. package/components/divider/object.js +1 -1
  37. package/components/divider.css +1 -1
  38. package/components/dock/object.js +1 -1
  39. package/components/dock.css +1 -1
  40. package/components/drawer/object.js +1 -1
  41. package/components/drawer.css +1 -1
  42. package/components/dropdown/object.js +1 -1
  43. package/components/dropdown.css +1 -1
  44. package/components/fileinput/object.js +1 -1
  45. package/components/fileinput.css +1 -1
  46. package/components/footer/object.js +1 -1
  47. package/components/footer.css +1 -1
  48. package/components/formcontrol/index.js +7 -0
  49. package/components/formcontrol/object.js +1 -0
  50. package/components/formcontrol.css +1 -0
  51. package/components/hero/object.js +1 -1
  52. package/components/hero.css +1 -1
  53. package/components/indicator.css +1 -1
  54. package/components/input/object.js +1 -1
  55. package/components/input.css +1 -1
  56. package/components/kbd/object.js +1 -1
  57. package/components/kbd.css +1 -1
  58. package/components/link.css +1 -1
  59. package/components/loading/object.js +1 -1
  60. package/components/loading.css +1 -1
  61. package/components/mask/object.js +1 -1
  62. package/components/mask.css +1 -1
  63. package/components/menu/object.js +1 -1
  64. package/components/menu.css +1 -1
  65. package/components/mockup/object.js +1 -1
  66. package/components/mockup.css +1 -1
  67. package/components/modal/object.js +1 -1
  68. package/components/modal.css +1 -1
  69. package/components/navbar.css +1 -1
  70. package/components/progress/object.js +1 -1
  71. package/components/progress.css +1 -1
  72. package/components/radialprogress/object.js +1 -1
  73. package/components/radialprogress.css +1 -1
  74. package/components/radio/object.js +1 -1
  75. package/components/radio.css +1 -1
  76. package/components/range/object.js +1 -1
  77. package/components/range.css +1 -1
  78. package/components/rating/object.js +1 -1
  79. package/components/rating.css +1 -1
  80. package/components/select/object.js +1 -1
  81. package/components/select.css +1 -1
  82. package/components/skeleton/object.js +1 -1
  83. package/components/skeleton.css +1 -1
  84. package/components/stack/object.js +1 -1
  85. package/components/stack.css +1 -1
  86. package/components/stat/object.js +1 -1
  87. package/components/stat.css +1 -1
  88. package/components/status/object.js +1 -1
  89. package/components/status.css +1 -1
  90. package/components/steps/object.js +1 -1
  91. package/components/steps.css +1 -1
  92. package/components/swap/object.js +1 -1
  93. package/components/swap.css +1 -1
  94. package/components/tab/object.js +1 -1
  95. package/components/tab.css +1 -1
  96. package/components/table/object.js +1 -1
  97. package/components/table.css +1 -1
  98. package/components/textarea/object.js +1 -1
  99. package/components/textarea.css +1 -1
  100. package/components/timeline/object.js +1 -1
  101. package/components/timeline.css +1 -1
  102. package/components/toast/object.js +1 -1
  103. package/components/toast.css +1 -1
  104. package/components/toggle/object.js +1 -1
  105. package/components/toggle.css +1 -1
  106. package/components/tooltip/object.js +1 -1
  107. package/components/tooltip.css +1 -1
  108. package/daisyui.css +1 -0
  109. package/functions/addPrefix.js +58 -43
  110. package/functions/plugin.js +8 -8
  111. package/functions/pluginOptionsHandler.js +22 -22
  112. package/functions/variables.js +25 -26
  113. package/imports.js +5 -4
  114. package/index.js +30 -27
  115. package/package.json +6 -6
  116. package/theme/acid/object.js +1 -1
  117. package/theme/acid.css +3 -4
  118. package/theme/aqua/object.js +1 -1
  119. package/theme/aqua.css +2 -3
  120. package/theme/autumn/object.js +1 -1
  121. package/theme/autumn.css +2 -3
  122. package/theme/black/object.js +1 -1
  123. package/theme/black.css +2 -3
  124. package/theme/bumblebee/object.js +1 -1
  125. package/theme/bumblebee.css +3 -4
  126. package/theme/business/object.js +1 -1
  127. package/theme/business.css +2 -3
  128. package/theme/cmyk/object.js +1 -1
  129. package/theme/cmyk.css +2 -3
  130. package/theme/coffee/object.js +1 -1
  131. package/theme/coffee.css +2 -3
  132. package/theme/corporate/object.js +1 -1
  133. package/theme/corporate.css +3 -4
  134. package/theme/cupcake/object.js +1 -1
  135. package/theme/cupcake.css +2 -3
  136. package/theme/cyberpunk/object.js +1 -1
  137. package/theme/cyberpunk.css +3 -4
  138. package/theme/dark/object.js +1 -1
  139. package/theme/dark.css +2 -3
  140. package/theme/dim/object.js +1 -1
  141. package/theme/dim.css +2 -3
  142. package/theme/dracula/object.js +1 -1
  143. package/theme/dracula.css +2 -3
  144. package/theme/emerald/object.js +1 -1
  145. package/theme/emerald.css +3 -4
  146. package/theme/fantasy/object.js +1 -1
  147. package/theme/fantasy.css +3 -4
  148. package/theme/forest/object.js +1 -1
  149. package/theme/forest.css +3 -4
  150. package/theme/garden/object.js +1 -1
  151. package/theme/garden.css +3 -4
  152. package/theme/halloween/object.js +1 -1
  153. package/theme/halloween.css +2 -3
  154. package/theme/index.js +40 -42
  155. package/theme/lemonade/object.js +1 -1
  156. package/theme/lemonade.css +2 -3
  157. package/theme/light/object.js +1 -1
  158. package/theme/light.css +2 -3
  159. package/theme/lofi/object.js +1 -1
  160. package/theme/lofi.css +2 -3
  161. package/theme/luxury/object.js +1 -1
  162. package/theme/luxury.css +2 -3
  163. package/theme/night/object.js +1 -1
  164. package/theme/night.css +2 -3
  165. package/theme/nord/object.js +1 -1
  166. package/theme/nord.css +3 -4
  167. package/theme/object.js +1 -1
  168. package/theme/pastel/object.js +1 -1
  169. package/theme/pastel.css +3 -4
  170. package/theme/retro/object.js +1 -1
  171. package/theme/retro.css +3 -4
  172. package/theme/sunset/object.js +1 -1
  173. package/theme/sunset.css +3 -4
  174. package/theme/synthwave/object.js +1 -1
  175. package/theme/synthwave.css +2 -3
  176. package/theme/valentine/object.js +1 -1
  177. package/theme/valentine.css +2 -3
  178. package/theme/winter/object.js +1 -1
  179. package/theme/winter.css +2 -3
  180. package/theme/wireframe/object.js +1 -1
  181. package/theme/wireframe.css +3 -4
  182. package/themes.css +1 -1
  183. package/utilities/join/object.js +1 -1
  184. package/utilities/join.css +1 -1
  185. package/utilities/radius/object.js +1 -1
  186. package/utilities/radius.css +1 -1
  187. package/{base → utilities}/typography/index.js +2 -2
  188. package/utilities/typography/object.js +1 -0
  189. package/utilities/typography.css +1 -0
  190. package/base/typography/object.js +0 -1
  191. package/base/typography.css +0 -1
  192. package/full.css +0 -1
package/components/table.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – 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){vertical-align:middle;padding:.75rem 1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,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){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding:.25rem .5rem}}.table-sm{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.5rem .75rem}}.table-md{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.75rem 1rem}}.table-lg{& :not(thead,tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding:1rem 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){vertical-align:middle;padding:.75rem 1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,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){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding:.25rem .5rem}}.sm\:table-sm{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.5rem .75rem}}.sm\:table-md{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.75rem 1rem}}.sm\:table-lg{& :not(thead,tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding:1rem 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){vertical-align:middle;padding:.75rem 1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,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){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding:.25rem .5rem}}.md\:table-sm{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.5rem .75rem}}.md\:table-md{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.75rem 1rem}}.md\:table-lg{& :not(thead,tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding:1rem 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){vertical-align:middle;padding:.75rem 1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,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){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding:.25rem .5rem}}.lg\:table-sm{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.5rem .75rem}}.lg\:table-md{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.75rem 1rem}}.lg\:table-lg{& :not(thead,tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding:1rem 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){vertical-align:middle;padding:.75rem 1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,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){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding:.25rem .5rem}}.xl\:table-sm{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.5rem .75rem}}.xl\:table-md{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.75rem 1rem}}.xl\:table-lg{& :not(thead,tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding:1rem 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){vertical-align:middle;padding:.75rem 1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,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){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.75rem;line-height:1rem}& :where(th,td){padding:.25rem .5rem}}.\32 xl\:table-sm{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.5rem .75rem}}.\32 xl\:table-md{& :not(thead,tfoot) tr{font-size:.875rem;line-height:1.25rem}& :where(th,td){padding:.75rem 1rem}}.\32 xl\:table-lg{& :not(thead,tfoot) tr{font-size:1rem;line-height:1.5rem}& :where(th,td){padding:1rem 1.5rem}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;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){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}@media (width>=640px){.sm\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;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){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.sm\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.sm\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.sm\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.sm\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=768px){.md\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;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){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.md\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.md\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.md\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.md\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=1024px){.lg\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;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){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.lg\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.lg\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.lg\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.lg\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=1280px){.xl\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;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){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.xl\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.xl\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.xl\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.xl\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=1536px){.\32 xl\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;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){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:1px solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :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,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.\32 xl\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.\32 xl\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.\32 xl\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.\32 xl\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}
package/components/textarea/object.js CHANGED
@@ -1 +1 @@
1
- export default {".textarea":{"border":"1px solid transparent","height":"2.5rem","min-height":"5rem","width":"100%","max-width":"20rem","flex-shrink":1,"appearance":"none","border-radius":"var(--radius-btn)","background-color":"var(--color-base-100)","padding-left":"1rem","padding-right":"1rem","padding-top":"0.5rem","padding-bottom":"0.5rem","vertical-align":"middle","font-size":"0.875rem","textarea":{"background-color":"transparent","border":"none","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus, &:focus-within":{"border-color":"color-mix(in srgb, var(--color-base-content) 20%, transparent)","outline":"2px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","outline-offset":"2px"},"&:has(> textarea[disabled]), &:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","color":"color-mix(in oklch, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"},"box-shadow":"none"},"&:has(> textarea[disabled])>textarea[disabled]":{"cursor":"not-allowed"},"&.textarea-border":{"border-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","box-shadow":"0 1px oklch(0% 0 0 / 0.1) inset, 0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"box-shadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.textarea-ghost":{"background-color":"color-mix(in oklch, var(--color-base-100) 5%, transparent)","box-shadow":"none","&:focus, &:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","box-shadow":"none"}},"&.textarea-primary":{"border-color":"var(--color-primary)","background-color":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-primary)","outline-color":"var(--color-primary)"}},"&.textarea-secondary":{"border-color":"var(--color-secondary)","background-color":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-secondary)","outline-color":"var(--color-secondary)"}},"&.textarea-accent":{"border-color":"var(--color-accent)","background-color":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-accent)","outline-color":"var(--color-accent)"}},"&.textarea-info":{"border-color":"var(--color-info)","background-color":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-info)","outline-color":"var(--color-info)"}},"&.textarea-success":{"border-color":"var(--color-success)","background-color":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-success)","outline-color":"var(--color-success)"}},"&.textarea-warning":{"border-color":"var(--color-warning)","background-color":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-warning)","outline-color":"var(--color-warning)"}},"&.textarea-error":{"border-color":"var(--color-error)","background-color":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-error)","outline-color":"var(--color-error)"}},"&.textarea-xs":{"height":"1.5rem","padding-left":"0.5rem","padding-right":"0.5rem","font-size":"0.75rem"},"&.textarea-sm":{"height":"2rem","padding-left":"0.75rem","padding-right":"0.75rem","font-size":"0.875rem"},"&.textarea-md":{"height":"2.5rem","padding-left":"1rem","padding-right":"1rem","font-size":"0.875rem"},"&.textarea-lg":{"height":"3.5rem","padding-left":"1.5rem","padding-right":"1.5rem","font-size":"1.125rem"}}};
1
+ export default {".textarea":{"border":"1px solid transparent","min-height":"calc(0.25rem * 20)","width":"100%","max-width":"calc(0.25rem * 80)","flex-shrink":1,"appearance":"none","border-radius":"var(--radius-field)","background-color":"var(--color-base-100)","padding-block":"calc(0.25rem * 2)","vertical-align":"middle","padding-inline-start":"0.75rem","padding-inline-end":"0.75rem","font-size":"0.875rem","--spacing-field-size":"0.25rem","--field-size":"calc(var(--spacing-field-size) * 9)","textarea":{"background-color":"transparent","border":"none","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus, &:focus-within":{"border-color":"color-mix(in srgb, var(--color-base-content) 20%, transparent)","outline":"2px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","outline-offset":"2px"},"&:has(> textarea[disabled]), &:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","color":"color-mix(in oklch, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"},"box-shadow":"none"},"&:has(> textarea[disabled]) > textarea[disabled]":{"cursor":"not-allowed"},"&.textarea-border":{"border-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","box-shadow":"0 1px oklch(0% 0 0 / 0.1) inset, 0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"box-shadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.textarea-ghost":{"background-color":"color-mix(in oklch, var(--color-base-100) 5%, transparent)","box-shadow":"none","&:focus, &:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","box-shadow":"none"}},"&.textarea-primary":{"border-color":"var(--color-primary)","background-color":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-primary)","outline-color":"var(--color-primary)"}},"&.textarea-secondary":{"border-color":"var(--color-secondary)","background-color":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-secondary)","outline-color":"var(--color-secondary)"}},"&.textarea-accent":{"border-color":"var(--color-accent)","background-color":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-accent)","outline-color":"var(--color-accent)"}},"&.textarea-neutral":{"border-color":"var(--color-neutral)","background-color":"color-mix(in oklab, var(--color-neutral) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-neutral)","outline-color":"var(--color-neutral)"}},"&.textarea-info":{"border-color":"var(--color-info)","background-color":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-info)","outline-color":"var(--color-info)"}},"&.textarea-success":{"border-color":"var(--color-success)","background-color":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-success)","outline-color":"var(--color-success)"}},"&.textarea-warning":{"border-color":"var(--color-warning)","background-color":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-warning)","outline-color":"var(--color-warning)"}},"&.textarea-error":{"border-color":"var(--color-error)","background-color":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-error)","outline-color":"var(--color-error)"}},"&.textarea-xs":{"font-size":"0.75rem"},"&.textarea-sm":{"font-size":"0.875rem"},"&.textarea-md":{"font-size":"0.875rem"},"&.textarea-lg":{"font-size":"1.125rem"},"&.textarea-xl":{"font-size":"1.125rem"}}};
package/components/textarea.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .textarea{appearance:none;border-radius:var(--radius-btn);background-color:var(--color-base-100);vertical-align:middle;border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;min-height:5rem;padding:.5rem 1rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem}&.textarea-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem}&.textarea-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem}&.textarea-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem}}@media (width>=640px){.sm\:textarea{appearance:none;border-radius:var(--radius-btn);background-color:var(--color-base-100);vertical-align:middle;border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;min-height:5rem;padding:.5rem 1rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem}&.textarea-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem}&.textarea-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem}&.textarea-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem}}}@media (width>=768px){.md\:textarea{appearance:none;border-radius:var(--radius-btn);background-color:var(--color-base-100);vertical-align:middle;border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;min-height:5rem;padding:.5rem 1rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem}&.textarea-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem}&.textarea-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem}&.textarea-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem}}}@media (width>=1024px){.lg\:textarea{appearance:none;border-radius:var(--radius-btn);background-color:var(--color-base-100);vertical-align:middle;border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;min-height:5rem;padding:.5rem 1rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem}&.textarea-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem}&.textarea-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem}&.textarea-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem}}}@media (width>=1280px){.xl\:textarea{appearance:none;border-radius:var(--radius-btn);background-color:var(--color-base-100);vertical-align:middle;border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;min-height:5rem;padding:.5rem 1rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem}&.textarea-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem}&.textarea-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem}&.textarea-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem}}}@media (width>=1536px){.\32 xl\:textarea{appearance:none;border-radius:var(--radius-btn);background-color:var(--color-base-100);vertical-align:middle;border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;min-height:5rem;padding:.5rem 1rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem}&.textarea-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem}&.textarea-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem}&.textarea-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .textarea{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;min-height:5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-neutral{border-color:var(--color-neutral);background-color:color-mix(in oklab,var(--color-neutral)2%,transparent);&:focus,&:focus-within{border-color:var(--color-neutral);outline-color:var(--color-neutral)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{font-size:.75rem}&.textarea-sm,&.textarea-md{font-size:.875rem}&.textarea-lg,&.textarea-xl{font-size:1.125rem}}@media (width>=640px){.sm\:textarea{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;min-height:5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-neutral{border-color:var(--color-neutral);background-color:color-mix(in oklab,var(--color-neutral)2%,transparent);&:focus,&:focus-within{border-color:var(--color-neutral);outline-color:var(--color-neutral)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{font-size:.75rem}&.textarea-sm,&.textarea-md{font-size:.875rem}&.textarea-lg,&.textarea-xl{font-size:1.125rem}}}@media (width>=768px){.md\:textarea{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;min-height:5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-neutral{border-color:var(--color-neutral);background-color:color-mix(in oklab,var(--color-neutral)2%,transparent);&:focus,&:focus-within{border-color:var(--color-neutral);outline-color:var(--color-neutral)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{font-size:.75rem}&.textarea-sm,&.textarea-md{font-size:.875rem}&.textarea-lg,&.textarea-xl{font-size:1.125rem}}}@media (width>=1024px){.lg\:textarea{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;min-height:5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-neutral{border-color:var(--color-neutral);background-color:color-mix(in oklab,var(--color-neutral)2%,transparent);&:focus,&:focus-within{border-color:var(--color-neutral);outline-color:var(--color-neutral)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{font-size:.75rem}&.textarea-sm,&.textarea-md{font-size:.875rem}&.textarea-lg,&.textarea-xl{font-size:1.125rem}}}@media (width>=1280px){.xl\:textarea{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;min-height:5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-neutral{border-color:var(--color-neutral);background-color:color-mix(in oklab,var(--color-neutral)2%,transparent);&:focus,&:focus-within{border-color:var(--color-neutral);outline-color:var(--color-neutral)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{font-size:.75rem}&.textarea-sm,&.textarea-md{font-size:.875rem}&.textarea-lg,&.textarea-xl{font-size:1.125rem}}}@media (width>=1536px){.\32 xl\:textarea{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);border:1px solid #0000;flex-shrink:1;width:100%;max-width:20rem;min-height:5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;& textarea{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content)20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);outline-offset:2px}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}&.textarea-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.textarea-ghost{background-color:color-mix(in oklch,var(--color-base-100)5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none}}&.textarea-primary{border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary);outline-color:var(--color-primary)}}&.textarea-secondary{border-color:var(--color-secondary);background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary);outline-color:var(--color-secondary)}}&.textarea-accent{border-color:var(--color-accent);background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent);outline-color:var(--color-accent)}}&.textarea-neutral{border-color:var(--color-neutral);background-color:color-mix(in oklab,var(--color-neutral)2%,transparent);&:focus,&:focus-within{border-color:var(--color-neutral);outline-color:var(--color-neutral)}}&.textarea-info{border-color:var(--color-info);background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info);outline-color:var(--color-info)}}&.textarea-success{border-color:var(--color-success);background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success);outline-color:var(--color-success)}}&.textarea-warning{border-color:var(--color-warning);background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning);outline-color:var(--color-warning)}}&.textarea-error{border-color:var(--color-error);background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error);outline-color:var(--color-error)}}&.textarea-xs{font-size:.75rem}&.textarea-sm,&.textarea-md{font-size:.875rem}&.textarea-lg,&.textarea-xl{font-size:1.125rem}}}
package/components/timeline/object.js CHANGED
@@ -1 +1 @@
1
- export default {".timeline":{"position":"relative","display":"flex",">li":{"position":"relative","display":"grid","flex-shrink":0,"align-items":"center","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))",">hr":{"width":"100%","border":"none","&:first-child":{"grid-column-start":"1","grid-row-start":"2"},"&:last-child":{"grid-column-start":"3","grid-column-end":"none","grid-row-start":"2","grid-row-end":"auto"}}},":where(hr)":{"height":"0.25rem","background-color":"var(--color-base-300)"},"&:has(.timeline-middle hr)":{"&:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-badge)","border-end-end-radius":"var(--radius-badge)"},"&:last-child":{"border-start-start-radius":"var(--radius-badge)","border-end-start-radius":"var(--radius-badge)","border-start-end-radius":"0","border-end-end-radius":"0"}},"&:not(:has(.timeline-middle))":{":first-child hr:last-child":{"border-start-start-radius":"var(--radius-badge)","border-end-start-radius":"var(--radius-badge)","border-start-end-radius":"0","border-end-end-radius":"0"},":last-child hr:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-badge)","border-end-end-radius":"var(--radius-badge)"}}},".timeline-box":{"border":"1px solid","border-radius":"var(--radius-box)","border-color":"var(--color-base-300)","background-color":"var(--color-base-100)","padding-left":"1rem","padding-right":"1rem","padding-top":"0.5rem","padding-bottom":"0.5rem","box-shadow":"0 1px 2px 0 oklch(0% 0 0/.05)"},".timeline-start":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"1","grid-row-end":"2","margin":"0.25rem","align-self":"flex-end","justify-self":"center"},".timeline-middle":{"grid-column-start":"2","grid-row-start":"2"},".timeline-end":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"3","grid-row-end":"4","margin":"0.25rem","align-self":"flex-start","justify-self":"center"},".timeline-compact":{"--timeline-row-start":"0",".timeline-start":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"3","grid-row-end":"4","align-self":"flex-start","justify-self":"center"},"li:has(.timeline-start)":{".timeline-end":{"grid-column-start":"none","grid-row-start":"auto"}},"&.timeline-vertical":{">li":{"--timeline-col-start":"0"},".timeline-start":{"grid-column-start":"3","grid-column-end":"4","grid-row-start":"1","grid-row-end":"4","align-self":"center","justify-self":"flex-start"},"li:has(.timeline-start)":{".timeline-end":{"grid-column-start":"auto","grid-row-start":"none"}}}},".timeline-snap-icon":{">li":{"--timeline-col-start":"0.5rem","--timeline-row-start":"minmax(0, 1fr)"}},".timeline-vertical":{"flex-direction":"column",">li":{"justify-items":"center","--timeline-row-start":"minmax(0, 1fr)","--timeline-row-end":"minmax(0, 1fr)",">hr":{"height":"100%","width":"0.25rem","&:first-child":{"grid-column-start":"2","grid-row-start":"1"},"&:last-child":{"grid-column-start":"2","grid-column-end":"auto","grid-row-start":"3","grid-row-end":"none"}}},".timeline-start":{"grid-column-start":"1","grid-column-end":"2","grid-row-start":"1","grid-row-end":"4","align-self":"center","justify-self":"flex-end"},".timeline-end":{"grid-column-start":"3","grid-column-end":"4","grid-row-start":"1","grid-row-end":"4","align-self":"center","justify-self":"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":"0.5rem"}}},".timeline-horizontal":{"flex-direction":"row",">li":{"align-items":"center",">hr":{"height":"0.25rem","width":"100%","&:first-child":{"grid-column-start":"1","grid-row-start":"2"},"&:last-child":{"grid-column-start":"3","grid-column-end":"none","grid-row-start":"2","grid-row-end":"auto"}}},".timeline-start":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"1","grid-row-end":"2","align-self":"flex-end","justify-self":"center"},".timeline-end":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"3","grid-row-end":"4","align-self":"flex-start","justify-self":"center"},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-badge)","border-end-end-radius":"var(--radius-badge)"},"&:last-child":{"border-start-start-radius":"var(--radius-badge)","border-end-start-radius":"var(--radius-badge)","border-start-end-radius":"0","border-end-end-radius":"0"}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"border-start-start-radius":"var(--radius-badge)","border-end-start-radius":"var(--radius-badge)","border-start-end-radius":"0","border-end-end-radius":"0"}},":last-child":{">hr:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-badge)","border-end-end-radius":"var(--radius-badge)"}}}}};
1
+ export default {".timeline":{"position":"relative","display":"flex","> li":{"position":"relative","display":"grid","flex-shrink":0,"align-items":"center","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) )","> hr":{"width":"100%","border":"none","&:first-child":{"grid-column-start":"1","grid-row-start":"2"},"&:last-child":{"grid-column-start":"3","grid-column-end":"none","grid-row-start":"2","grid-row-end":"auto"}}},":where(hr)":{"height":"calc(0.25rem * 1)","background-color":"var(--color-base-300)"},"&:has(.timeline-middle hr)":{"&:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-selector)","border-end-end-radius":"var(--radius-selector)"},"&:last-child":{"border-start-start-radius":"var(--radius-selector)","border-end-start-radius":"var(--radius-selector)","border-start-end-radius":"0","border-end-end-radius":"0"}},"&:not(:has(.timeline-middle))":{":first-child hr:last-child":{"border-start-start-radius":"var(--radius-selector)","border-end-start-radius":"var(--radius-selector)","border-start-end-radius":"0","border-end-end-radius":"0"},":last-child hr:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-selector)","border-end-end-radius":"var(--radius-selector)"}}},".timeline-box":{"border":"1px solid","border-radius":"var(--radius-box)","border-color":"var(--color-base-300)","background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)","box-shadow":"0 1px 2px 0 oklch(0% 0 0/0.05)"},".timeline-start":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"1","grid-row-end":"2","margin":"calc(0.25rem * 1)","align-self":"flex-end","justify-self":"center"},".timeline-middle":{"grid-column-start":"2","grid-row-start":"2"},".timeline-end":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"3","grid-row-end":"4","margin":"calc(0.25rem * 1)","align-self":"flex-start","justify-self":"center"},".timeline-compact":{"--timeline-row-start":"0",".timeline-start":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"3","grid-row-end":"4","align-self":"flex-start","justify-self":"center"},"li:has(.timeline-start)":{".timeline-end":{"grid-column-start":"none","grid-row-start":"auto"}},"&.timeline-vertical":{"> li":{"--timeline-col-start":"0"},".timeline-start":{"grid-column-start":"3","grid-column-end":"4","grid-row-start":"1","grid-row-end":"4","align-self":"center","justify-self":"flex-start"},"li:has(.timeline-start)":{".timeline-end":{"grid-column-start":"auto","grid-row-start":"none"}}}},".timeline-snap-icon":{"> li":{"--timeline-col-start":"0.5rem","--timeline-row-start":"minmax(0, 1fr)"}},".timeline-vertical":{"flex-direction":"column","> li":{"justify-items":"center","--timeline-row-start":"minmax(0, 1fr)","--timeline-row-end":"minmax(0, 1fr)","> hr":{"height":"100%","width":"calc(0.25rem * 1)","&:first-child":{"grid-column-start":"2","grid-row-start":"1"},"&:last-child":{"grid-column-start":"2","grid-column-end":"auto","grid-row-start":"3","grid-row-end":"none"}}},".timeline-start":{"grid-column-start":"1","grid-column-end":"2","grid-row-start":"1","grid-row-end":"4","align-self":"center","justify-self":"flex-end"},".timeline-end":{"grid-column-start":"3","grid-column-end":"4","grid-row-start":"1","grid-row-end":"4","align-self":"center","justify-self":"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-selector)","border-bottom-left-radius":"var(--radius-selector)"},"&:last-child":{"border-top-left-radius":"var(--radius-selector)","border-top-right-radius":"var(--radius-selector)","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-selector)","border-top-right-radius":"var(--radius-selector)","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-selector)","border-bottom-left-radius":"var(--radius-selector)"}}},"&.timeline-snap-icon":{"> li":{"--timeline-col-start":"minmax(0, 1fr)","--timeline-row-start":"0.5rem"}}},".timeline-horizontal":{"flex-direction":"row","> li":{"align-items":"center","> hr":{"height":"calc(0.25rem * 1)","width":"100%","&:first-child":{"grid-column-start":"1","grid-row-start":"2"},"&:last-child":{"grid-column-start":"3","grid-column-end":"none","grid-row-start":"2","grid-row-end":"auto"}}},".timeline-start":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"1","grid-row-end":"2","align-self":"flex-end","justify-self":"center"},".timeline-end":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"3","grid-row-end":"4","align-self":"flex-start","justify-self":"center"},"&:has(.timeline-middle)":{"> li":{"> hr":{"&:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-selector)","border-end-end-radius":"var(--radius-selector)"},"&:last-child":{"border-start-start-radius":"var(--radius-selector)","border-end-start-radius":"var(--radius-selector)","border-start-end-radius":"0","border-end-end-radius":"0"}}}},"&:not(:has(.timeline-middle))":{":first-child":{"> hr:last-child":{"border-start-start-radius":"var(--radius-selector)","border-end-start-radius":"var(--radius-selector)","border-start-end-radius":"0","border-end-end-radius":"0"}},":last-child":{"> hr:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-selector)","border-end-end-radius":"var(--radius-selector)"}}}}};
package/components/timeline.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – 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){background-color:var(--color-base-300);height:.25rem}&: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:.5rem 1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.timeline-middle{grid-row-start:2;grid-column-start:2}.timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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{width:100%;height:.25rem;&: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){background-color:var(--color-base-300);height:.25rem}&: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:.5rem 1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.sm\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.sm\:timeline-middle{grid-row-start:2;grid-column-start:2}.sm\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.sm\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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{width:100%;height:.25rem;&: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){background-color:var(--color-base-300);height:.25rem}&: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:.5rem 1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.md\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.md\:timeline-middle{grid-row-start:2;grid-column-start:2}.md\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.md\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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{width:100%;height:.25rem;&: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){background-color:var(--color-base-300);height:.25rem}&: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:.5rem 1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.lg\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.lg\:timeline-middle{grid-row-start:2;grid-column-start:2}.lg\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.lg\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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{width:100%;height:.25rem;&: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){background-color:var(--color-base-300);height:.25rem}&: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:.5rem 1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.xl\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.xl\:timeline-middle{grid-row-start:2;grid-column-start:2}.xl\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.xl\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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{width:100%;height:.25rem;&: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){background-color:var(--color-base-300);height:.25rem}&: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:.5rem 1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.\32 xl\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.\32 xl\:timeline-middle{grid-row-start:2;grid-column-start:2}.\32 xl\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.\32 xl\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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{width:100%;height:.25rem;&: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}}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – 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){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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-block:.5rem;padding-inline:1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.timeline-middle{grid-row-start:2;grid-column-start:2}.timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);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-selector);border-top-right-radius:var(--radius-selector);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-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&: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-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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-block:.5rem;padding-inline:1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.sm\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.sm\:timeline-middle{grid-row-start:2;grid-column-start:2}.sm\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.sm\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);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-selector);border-top-right-radius:var(--radius-selector);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-selector);border-bottom-left-radius:var(--radius-selector)}}}&.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{width:100%;height:.25rem;&: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-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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-block:.5rem;padding-inline:1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.md\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.md\:timeline-middle{grid-row-start:2;grid-column-start:2}.md\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.md\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);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-selector);border-top-right-radius:var(--radius-selector);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-selector);border-bottom-left-radius:var(--radius-selector)}}}&.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{width:100%;height:.25rem;&: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-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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-block:.5rem;padding-inline:1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.lg\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.lg\:timeline-middle{grid-row-start:2;grid-column-start:2}.lg\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.lg\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);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-selector);border-top-right-radius:var(--radius-selector);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-selector);border-bottom-left-radius:var(--radius-selector)}}}&.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{width:100%;height:.25rem;&: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-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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-block:.5rem;padding-inline:1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.xl\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.xl\:timeline-middle{grid-row-start:2;grid-column-start:2}.xl\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.xl\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);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-selector);border-top-right-radius:var(--radius-selector);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-selector);border-bottom-left-radius:var(--radius-selector)}}}&.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{width:100%;height:.25rem;&: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-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);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-block:.5rem;padding-inline:1rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}.\32 xl\:timeline-start{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}.\32 xl\:timeline-middle{grid-row-start:2;grid-column-start:2}.\32 xl\:timeline-end{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}.\32 xl\:timeline-compact{--timeline-row-start:0;& .timeline-start{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:.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-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);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-selector);border-top-right-radius:var(--radius-selector);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-selector);border-bottom-left-radius:var(--radius-selector)}}}&.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{width:100%;height:.25rem;&: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-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}
package/components/toast/object.js CHANGED
@@ -1 +1 @@
1
- export default {".toast":{"position":"fixed","inset-inline-start":"auto","inset-inline-end":"0px","top":"auto","bottom":"0px","margin":"1rem","min-width":"fit-content","flex-direction":"column","gap":"0.5rem","background-color":"transparent","white-space":"nowrap","translate":"var(--toast-x, 0) var(--toast-y, 0)","&>*":{"animation":"toast-pop 0.25s ease-out"},"&:where(.toast-start)":{"inset-inline-start":"0px","inset-inline-end":"auto","--toast-x":"0"},"&:where(.toast-center)":{"inset-inline-start":"calc(1/2 * 100%)","inset-inline-end":"calc(1/2 * 100%)","--toast-x":"-50%"},"&:where(.toast-center):where(.rtl)":{"--toast-x":"50%"},"&:where(.toast-end)":{"inset-inline-start":"auto","inset-inline-end":"0px","--toast-x":"0"},"&:where(.toast-bottom)":{"top":"auto","bottom":"0px","--toast-y":"0"},"&:where(.toast-middle)":{"top":"calc(1/2 * 100%)","bottom":"auto","--toast-y":"-50%"},"&:where(.toast-top)":{"top":"0px","bottom":"auto","--toast-y":"0"}},"@keyframes toast-pop":{"0%":{"scale":"0.9","opacity":0},"100%":{"scale":"1","opacity":1}}};
1
+ export default {".toast":{"position":"fixed","inset-inline-start":"auto","inset-inline-end":"calc(0.25rem * 0)","top":"auto","bottom":"calc(0.25rem * 0)","margin":"calc(0.25rem * 4)","min-width":"fit-content","flex-direction":"column","gap":"calc(0.25rem * 2)","background-color":"transparent","white-space":"nowrap","translate":"var(--toast-x, 0) var(--toast-y, 0)","& > *":{"animation":"toast-pop 0.25s ease-out"},"&:where(.toast-start)":{"inset-inline-start":"calc(0.25rem * 0)","inset-inline-end":"auto","--toast-x":"0"},"&:where(.toast-center)":{"inset-inline-start":"calc(1/2 * 100%)","inset-inline-end":"calc(1/2 * 100%)","--toast-x":"-50%"},"&:where(.toast-center):where(.rtl)":{"--toast-x":"50%"},"&:where(.toast-end)":{"inset-inline-start":"auto","inset-inline-end":"calc(0.25rem * 0)","--toast-x":"0"},"&:where(.toast-bottom)":{"top":"auto","bottom":"calc(0.25rem * 0)","--toast-y":"0"},"&:where(.toast-middle)":{"top":"calc(1/2 * 100%)","bottom":"auto","--toast-y":"-50%"},"&:where(.toast-top)":{"top":"calc(0.25rem * 0)","bottom":"auto","--toast-y":"0"}},"@keyframes toast-pop":{"0%":{"scale":"0.9","opacity":0},"100%":{"scale":"1","opacity":1}}};
package/components/toast.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@media (width>=640px){.sm\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=768px){.md\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=1024px){.lg\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=1280px){.xl\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=1536px){.\32 xl\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@media (width>=640px){.sm\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=768px){.md\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=1024px){.lg\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=1280px){.xl\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}@media (width>=1536px){.\32 xl\:toast{inset-inline:auto 0;white-space:nowrap;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;min-width:fit-content;margin:1rem;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast-pop}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-center):where(.rtl){--toast-x:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@keyframes toast-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}
package/components/toggle/object.js CHANGED
@@ -1 +1 @@
1
- export default {".toggle":{"border":"1px solid currentColor","display":"inline-flex","height":"1.5rem","width":"3rem","flex-shrink":0,"cursor":"pointer","appearance":"none","border-radius":"var(--radius-badge)","padding":".1875rem","vertical-align":"middle","color":"color-mix(in oklch, var(--color-base-content) 50%, transparent)","box-shadow":"0 1px color-mix(in oklab, currentColor, transparent 90%) inset","transition":"color .3s","&:before":{"display":"block","height":"100%","flex-grow":0,"content":"\"\"","transition":"flex-grow 0.2s"},"&:after":{"position":"relative","inset-inline-start":"0px","display":"block","aspect-ratio":"1 / 1","height":"100%","background-color":"currentColor","translate":"0","border-radius":"calc(var(--radius-badge) - 3px)","content":"\"\"","transition":"background-color 0.1s, translate 0.2s, inset-inline-start 0.2s","box-shadow":"0 -1px oklch(0% 0 0 / 0.1) inset, 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset, 0 1px color-mix(in oklab, currentColor, transparent 90%)"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"},"&: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":"calc(1/2 * 100%)","translate":"-50% 0"}},"&:disabled":{"cursor":"not-allowed","opacity":"30%","&:after":{"background-color":"transparent","border":"1px solid currentColor"}}},".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":{"&:is([type=\"checkbox\"])":{"height":"1rem","width":"1.5rem","padding":".0625rem"}},".toggle-sm":{"&:is([type=\"checkbox\"])":{"height":"1.25rem","width":"2rem","padding":".125rem"}},".toggle-md":{"&:is([type=\"checkbox\"])":{"height":"1.5rem","width":"3rem","padding":".1875rem"}},".toggle-lg":{"&:is([type=\"checkbox\"])":{"height":"2rem","width":"4rem","padding":".25rem"}}};
1
+ export default {".toggle":{"border":"1px solid currentColor","display":"inline-flex","flex-shrink":0,"cursor":"pointer","appearance":"none","border-radius":"var(--radius-selector)","vertical-align":"middle","color":"color-mix(in oklch, var(--color-base-content) 50%, transparent)","padding":"var(--toggle-padding)","--toggle-padding":"0.1875rem","box-shadow":"0 1px color-mix(in oklab, currentColor, transparent 90%) inset","transition":"color 0.3s","--spacing-selector-size":"0.25rem","--selector-size":"calc(var(--spacing-selector-size) * 6)","width":"calc(var(--selector-size) * 1.75)","height":"var(--selector-size)","&:before":{"display":"block","height":"100%","flex-grow":0,"content":"\"\"","transition":"flex-grow 0.2s"},"&:after":{"position":"relative","inset-inline-start":"calc(0.25rem * 0)","display":"block","aspect-ratio":"1 / 1","height":"100%","background-color":"currentColor","translate":"0","border-radius":"calc(var(--radius-selector) - var(--toggle-padding))","content":"\"\"","transition":"background-color 0.1s, translate 0.2s, inset-inline-start 0.2s","box-shadow":"0 -1px oklch(0% 0 0 / 0.1) inset, 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset, 0 1px color-mix(in oklab, currentColor, transparent 90%)"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"},"&: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":"calc(1/2 * 100%)","translate":"-50% 0"}},"&:disabled":{"cursor":"not-allowed","opacity":"30%","&:after":{"background-color":"transparent","border":"1px solid currentColor"}}},".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":{"&:is([type=\"checkbox\"])":{"--toggle-padding":"0.0625rem","--selector-size":"calc(var(--spacing-selector-size) * 4)"}},".toggle-sm":{"&:is([type=\"checkbox\"])":{"--toggle-padding":"0.125rem","--selector-size":"calc(var(--spacing-selector-size) * 5)"}},".toggle-md":{"&:is([type=\"checkbox\"])":{"--toggle-padding":"0.1875rem","--selector-size":"calc(var(--spacing-selector-size) * 6)"}},".toggle-lg":{"&:is([type=\"checkbox\"])":{"--toggle-padding":"0.25rem","--selector-size":"calc(var(--spacing-selector-size) * 7)"}},".toggle-xl":{"&:is([type=\"checkbox\"])":{"--toggle-padding":"0.3125rem","--selector-size":"calc(var(--spacing-selector-size) * 8)"}}};
package/components/toggle.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .toggle{cursor:pointer;appearance:none;border-radius:var(--radius-badge);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;width:3rem;height:1.5rem;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:0;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]{width:1.5rem;height:1rem;padding:.0625rem}}.toggle-sm{&[type=checkbox]{width:2rem;height:1.25rem;padding:.125rem}}.toggle-md{&[type=checkbox]{width:3rem;height:1.5rem;padding:.1875rem}}.toggle-lg{&[type=checkbox]{width:4rem;height:2rem;padding:.25rem}}@media (width>=640px){.sm\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-badge);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;width:3rem;height:1.5rem;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:0;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]{width:1.5rem;height:1rem;padding:.0625rem}}.sm\:toggle-sm{&[type=checkbox]{width:2rem;height:1.25rem;padding:.125rem}}.sm\:toggle-md{&[type=checkbox]{width:3rem;height:1.5rem;padding:.1875rem}}.sm\:toggle-lg{&[type=checkbox]{width:4rem;height:2rem;padding:.25rem}}}@media (width>=768px){.md\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-badge);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;width:3rem;height:1.5rem;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:0;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]{width:1.5rem;height:1rem;padding:.0625rem}}.md\:toggle-sm{&[type=checkbox]{width:2rem;height:1.25rem;padding:.125rem}}.md\:toggle-md{&[type=checkbox]{width:3rem;height:1.5rem;padding:.1875rem}}.md\:toggle-lg{&[type=checkbox]{width:4rem;height:2rem;padding:.25rem}}}@media (width>=1024px){.lg\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-badge);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;width:3rem;height:1.5rem;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:0;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]{width:1.5rem;height:1rem;padding:.0625rem}}.lg\:toggle-sm{&[type=checkbox]{width:2rem;height:1.25rem;padding:.125rem}}.lg\:toggle-md{&[type=checkbox]{width:3rem;height:1.5rem;padding:.1875rem}}.lg\:toggle-lg{&[type=checkbox]{width:4rem;height:2rem;padding:.25rem}}}@media (width>=1280px){.xl\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-badge);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;width:3rem;height:1.5rem;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:0;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]{width:1.5rem;height:1rem;padding:.0625rem}}.xl\:toggle-sm{&[type=checkbox]{width:2rem;height:1.25rem;padding:.125rem}}.xl\:toggle-md{&[type=checkbox]{width:3rem;height:1.5rem;padding:.1875rem}}.xl\:toggle-lg{&[type=checkbox]{width:4rem;height:2rem;padding:.25rem}}}@media (width>=1536px){.\32 xl\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-badge);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border:1px solid;flex-shrink:0;width:3rem;height:1.5rem;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:0;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]{width:1.5rem;height:1rem;padding:.0625rem}}.\32 xl\:toggle-sm{&[type=checkbox]{width:2rem;height:1.25rem;padding:.125rem}}.\32 xl\:toggle-md{&[type=checkbox]{width:3rem;height:1.5rem;padding:.1875rem}}.\32 xl\:toggle-lg{&[type=checkbox]{width:4rem;height:2rem;padding:.25rem}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;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-selector) - var(--toggle-padding));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:0;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]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}@media (width>=640px){.sm\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;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-selector) - var(--toggle-padding));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:0;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]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.sm\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.sm\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.sm\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.sm\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=768px){.md\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;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-selector) - var(--toggle-padding));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:0;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]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.md\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.md\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.md\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.md\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=1024px){.lg\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;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-selector) - var(--toggle-padding));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:0;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]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.lg\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.lg\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.lg\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.lg\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=1280px){.xl\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;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-selector) - var(--toggle-padding));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:0;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]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.xl\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.xl\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.xl\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.xl\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}@media (width>=1536px){.\32 xl\:toggle{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:color-mix(in oklch,var(--color-base-content)50%,transparent);padding:var(--toggle-padding);--toggle-padding:.1875rem;box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:calc(var(--selector-size)*1.75);height:var(--selector-size);border:1px solid;flex-shrink:0;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-selector) - var(--toggle-padding));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:0;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]{--toggle-padding:.0625rem;--selector-size:calc(var(--spacing-selector-size)*4)}}.\32 xl\:toggle-sm{&[type=checkbox]{--toggle-padding:.125rem;--selector-size:calc(var(--spacing-selector-size)*5)}}.\32 xl\:toggle-md{&[type=checkbox]{--toggle-padding:.1875rem;--selector-size:calc(var(--spacing-selector-size)*6)}}.\32 xl\:toggle-lg{&[type=checkbox]{--toggle-padding:.25rem;--selector-size:calc(var(--spacing-selector-size)*7)}}.\32 xl\:toggle-xl{&[type=checkbox]{--toggle-padding:.3125rem;--selector-size:calc(var(--spacing-selector-size)*8)}}}
package/components/tooltip/object.js CHANGED
@@ -1 +1 @@
1
- export default {".tooltip":{"position":"relative","display":"inline-block","--tooltip-bg":"var(--color-neutral)","--tooltip-offset":"calc(100% + 1px + .1875rem)","--tooltip-tail-offset":"calc(100% + 1px - .1875rem)","&:before":{"position":"absolute","max-width":"20rem","border-radius":"var(--radius, 0.25rem)","padding-left":"0.5rem","padding-right":"0.5rem","padding-top":"0.25rem","padding-bottom":"0.25rem","text-align":"center","white-space":"normal","color":"var(--color-neutral-content)","opacity":"0%","font-size":"0.875rem","line-height":"1.25rem","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","background-color":"var(--tooltip-bg)","width":"max-content","pointer-events":"none","z-index":1,"content":"attr(data-tip)"},"&:after":{"position":["absolute","absolute"],"opacity":"0%","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","content":"\"\"","border-style":"solid","border-width":".1875rem","width":"0","height":"0","display":"block"},"&.tooltip-open, &:hover, &:has(:focus-visible)":{"&:before, &:after":{"opacity":"100%","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s"}}},".tooltip, .tooltip-top":{"&:before":{"transform":"translateX(-50%)","inset":"auto auto var(--tooltip-offset) 50%"},"&:after":{"transform":"translateX(-50%)","border-color":"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%)","border-color":"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%)","border-color":"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%)","border-color":"transparent var(--tooltip-bg) transparent transparent","inset":"50% auto auto calc(var(--tooltip-tail-offset) + 1px)"}},".tooltip:not([data-tip]):hover:before, .tooltip:not([data-tip]):hover:after":{"visibility":"hidden","opacity":0},".tooltip-primary":{"--tooltip-bg":"var(--color-primary)","&:before":{"color":"var(--color-primary-content)"}},".tooltip-secondary":{"--tooltip-bg":"var(--color-secondary)","&:before":{"color":"var(--color-secondary-content)"}},".tooltip-accent":{"--tooltip-bg":"var(--color-accent)","&:before":{"color":"var(--color-accent-content)"}},".tooltip-info":{"--tooltip-bg":"var(--color-info)","&:before":{"color":"var(--color-info-content)"}},".tooltip-success":{"--tooltip-bg":"var(--color-success)","&:before":{"color":"var(--color-success-content)"}},".tooltip-warning":{"--tooltip-bg":"var(--color-warning)","&:before":{"color":"var(--color-warning-content)"}},".tooltip-error":{"--tooltip-bg":"var(--color-error)","&:before":{"color":"var(--color-error-content)"}}};
1
+ export default {".tooltip":{"position":"relative","display":"inline-block","--tooltip-bg":"var(--color-neutral)","--tooltip-offset":"calc(100% + 1px + 0.1875rem)","--tooltip-tail-offset":"calc(100% + 1px - 0.1875rem)","&:before":{"position":"absolute","max-width":"var(--container-xs)","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)","text-align":"center","white-space":"normal","color":"var(--color-neutral-content)","opacity":"0%","font-size":"0.875rem","line-height":"1.25rem","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","background-color":"var(--tooltip-bg)","width":"max-content","pointer-events":"none","z-index":1,"--tw-content":"attr(data-tip)","content":"var(--tw-content)"},"&:after":{"position":["absolute","absolute"],"opacity":"0%","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","content":"\"\"","border-style":"solid","border-width":"0.1875rem","width":"0","height":"0","display":"block"},"&.tooltip-open, &:hover, &:has(:focus-visible)":{"&:before, &:after":{"opacity":"100%","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s"}}},".tooltip, .tooltip-top":{"&:before":{"transform":"translateX(-50%)","inset":"auto auto var(--tooltip-offset) 50%"},"&:after":{"transform":"translateX(-50%)","border-color":"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%)","border-color":"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%)","border-color":"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%)","border-color":"transparent var(--tooltip-bg) transparent transparent","inset":"50% auto auto calc(var(--tooltip-tail-offset) + 1px)"}},".tooltip:not([data-tip]):hover:before, .tooltip:not([data-tip]):hover:after":{"visibility":"hidden","opacity":0},".tooltip-primary":{"--tooltip-bg":"var(--color-primary)","&:before":{"color":"var(--color-primary-content)"}},".tooltip-secondary":{"--tooltip-bg":"var(--color-secondary)","&:before":{"color":"var(--color-secondary-content)"}},".tooltip-accent":{"--tooltip-bg":"var(--color-accent)","&:before":{"color":"var(--color-accent-content)"}},".tooltip-info":{"--tooltip-bg":"var(--color-info)","&:before":{"color":"var(--color-info-content)"}},".tooltip-success":{"--tooltip-bg":"var(--color-success)","&:before":{"color":"var(--color-success-content)"}},".tooltip-warning":{"--tooltip-bg":"var(--color-warning)","&:before":{"color":"var(--color-warning-content)"}},".tooltip-error":{"--tooltip-bg":"var(--color-error)","&:before":{"color":"var(--color-error-content)"}}};