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/radio/object.js CHANGED
@@ -1 +1 @@
1
- export default {".radio":{"position":"relative","width":"1.5rem","height":"1.5rem","flex-shrink":0,"cursor":"pointer","appearance":"none","border-radius":"calc(infinity * 1px)","padding":"0.25rem","vertical-align":"middle","color":"var(--color-base-content)","border":"1px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","box-shadow":"0 1px oklch(0% 0 0 / 0.1) inset","&:before":{"display":"block","width":"100%","height":"100%","border-radius":"calc(infinity * 1px)","content":"\"\""},"&:focus-visible":{"outline":"2px solid currentColor"},"&:checked, &[aria-checked=\"true\"]":{"animation":"radiomark var(--animation-input, 0.2s) ease-out","border-color":"currentColor","background-color":"var(--color-base-100)","&:before":{"background-color":"currentColor","box-shadow":"0 -1px oklch(0% 0 0 / 0.1) inset, 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset, 0 1px oklch(0% 0 0 / 0.1)"}}},".radio-primary":{"border-color":"currentColor","color":"var(--color-primary)"},".radio-secondary":{"border-color":"currentColor","color":"var(--color-secondary)"},".radio-accent":{"border-color":"currentColor","color":"var(--color-accent)"},".radio-success":{"border-color":"currentColor","color":"var(--color-success)"},".radio-warning":{"border-color":"currentColor","color":"var(--color-warning)"},".radio-info":{"border-color":"currentColor","color":"var(--color-info)"},".radio-error":{"border-color":"currentColor","color":"var(--color-error)"},".radio:disabled":{"cursor":"not-allowed","opacity":"20%"},".radio-xs":{"&:is([type=\"radio\"])":{"width":"1rem","height":"1rem"}},".radio-sm":{"&:is([type=\"radio\"])":{"width":"1.25rem","height":"1.25rem"}},".radio-md":{"&:is([type=\"radio\"])":{"width":"1.5rem","height":"1.5rem"}},".radio-lg":{"&:is([type=\"radio\"])":{"width":"2rem","height":"2rem"}},"@keyframes radiomark":{"0%":{"padding":"5px"},"50%":{"padding":"3px"}}};
1
+ export default {".radio":{"position":"relative","flex-shrink":0,"cursor":"pointer","appearance":"none","border-radius":"calc(infinity * 1px)","padding":"calc(0.25rem * 1)","vertical-align":"middle","color":"var(--color-base-content)","border":"1px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","box-shadow":"0 1px oklch(0% 0 0 / 0.1) inset","--spacing-selector-size":"0.25rem","--selector-size":"calc(var(--spacing-selector-size) * 6)","width":"var(--selector-size)","height":"var(--selector-size)","&:before":{"display":"block","width":"100%","height":"100%","border-radius":"calc(infinity * 1px)","content":"\"\""},"&:focus-visible":{"outline":"2px solid currentColor"},"&:checked, &[aria-checked=\"true\"]":{"animation":"radiomark var(--animation-input, 0.2s) ease-out","border-color":"currentColor","background-color":"var(--color-base-100)","&:before":{"background-color":"currentColor","box-shadow":"0 -1px oklch(0% 0 0 / 0.1) inset, 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset, 0 1px oklch(0% 0 0 / 0.1)"}}},".radio-primary":{"border-color":"currentColor","color":"var(--color-primary)"},".radio-secondary":{"border-color":"currentColor","color":"var(--color-secondary)"},".radio-accent":{"border-color":"currentColor","color":"var(--color-accent)"},".radio-success":{"border-color":"currentColor","color":"var(--color-success)"},".radio-warning":{"border-color":"currentColor","color":"var(--color-warning)"},".radio-info":{"border-color":"currentColor","color":"var(--color-info)"},".radio-error":{"border-color":"currentColor","color":"var(--color-error)"},".radio:disabled":{"cursor":"not-allowed","opacity":"20%"},".radio-xs":{"padding":"0.125rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 4)"}},".radio-sm":{"padding":"0.1875rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 5)"}},".radio-md":{"padding":"0.25rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 6)"}},".radio-lg":{"padding":"0.3125rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 7)"}},".radio-xl":{"padding":"0.375rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 8)"}},"@keyframes radiomark":{"0%":{"padding":"5px"},"50%":{"padding":"3px"}}};
package/components/radio.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-radius:3.40282e38px;flex-shrink:0;width:1.5rem;height:1.5rem;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.radio-primary{color:var(--color-primary);border-color:currentColor}.radio-secondary{color:var(--color-secondary);border-color:currentColor}.radio-accent{color:var(--color-accent);border-color:currentColor}.radio-success{color:var(--color-success);border-color:currentColor}.radio-warning{color:var(--color-warning);border-color:currentColor}.radio-info{color:var(--color-info);border-color:currentColor}.radio-error{color:var(--color-error);border-color:currentColor}.radio:disabled{cursor:not-allowed;opacity:.2}.radio-xs{&[type=radio]{width:1rem;height:1rem}}.radio-sm{&[type=radio]{width:1.25rem;height:1.25rem}}.radio-md{&[type=radio]{width:1.5rem;height:1.5rem}}.radio-lg{&[type=radio]{width:2rem;height:2rem}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}@media (width>=640px){.sm\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-radius:3.40282e38px;flex-shrink:0;width:1.5rem;height:1.5rem;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.sm\:radio-primary{color:var(--color-primary);border-color:currentColor}.sm\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.sm\:radio-accent{color:var(--color-accent);border-color:currentColor}.sm\:radio-success{color:var(--color-success);border-color:currentColor}.sm\:radio-warning{color:var(--color-warning);border-color:currentColor}.sm\:radio-info{color:var(--color-info);border-color:currentColor}.sm\:radio-error{color:var(--color-error);border-color:currentColor}.sm\:radio:disabled{cursor:not-allowed;opacity:.2}.sm\:radio-xs{&[type=radio]{width:1rem;height:1rem}}.sm\:radio-sm{&[type=radio]{width:1.25rem;height:1.25rem}}.sm\:radio-md{&[type=radio]{width:1.5rem;height:1.5rem}}.sm\:radio-lg{&[type=radio]{width:2rem;height:2rem}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=768px){.md\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-radius:3.40282e38px;flex-shrink:0;width:1.5rem;height:1.5rem;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.md\:radio-primary{color:var(--color-primary);border-color:currentColor}.md\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.md\:radio-accent{color:var(--color-accent);border-color:currentColor}.md\:radio-success{color:var(--color-success);border-color:currentColor}.md\:radio-warning{color:var(--color-warning);border-color:currentColor}.md\:radio-info{color:var(--color-info);border-color:currentColor}.md\:radio-error{color:var(--color-error);border-color:currentColor}.md\:radio:disabled{cursor:not-allowed;opacity:.2}.md\:radio-xs{&[type=radio]{width:1rem;height:1rem}}.md\:radio-sm{&[type=radio]{width:1.25rem;height:1.25rem}}.md\:radio-md{&[type=radio]{width:1.5rem;height:1.5rem}}.md\:radio-lg{&[type=radio]{width:2rem;height:2rem}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1024px){.lg\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-radius:3.40282e38px;flex-shrink:0;width:1.5rem;height:1.5rem;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.lg\:radio-primary{color:var(--color-primary);border-color:currentColor}.lg\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.lg\:radio-accent{color:var(--color-accent);border-color:currentColor}.lg\:radio-success{color:var(--color-success);border-color:currentColor}.lg\:radio-warning{color:var(--color-warning);border-color:currentColor}.lg\:radio-info{color:var(--color-info);border-color:currentColor}.lg\:radio-error{color:var(--color-error);border-color:currentColor}.lg\:radio:disabled{cursor:not-allowed;opacity:.2}.lg\:radio-xs{&[type=radio]{width:1rem;height:1rem}}.lg\:radio-sm{&[type=radio]{width:1.25rem;height:1.25rem}}.lg\:radio-md{&[type=radio]{width:1.5rem;height:1.5rem}}.lg\:radio-lg{&[type=radio]{width:2rem;height:2rem}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1280px){.xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-radius:3.40282e38px;flex-shrink:0;width:1.5rem;height:1.5rem;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.xl\:radio-success{color:var(--color-success);border-color:currentColor}.xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.xl\:radio-info{color:var(--color-info);border-color:currentColor}.xl\:radio-error{color:var(--color-error);border-color:currentColor}.xl\:radio:disabled{cursor:not-allowed;opacity:.2}.xl\:radio-xs{&[type=radio]{width:1rem;height:1rem}}.xl\:radio-sm{&[type=radio]{width:1.25rem;height:1.25rem}}.xl\:radio-md{&[type=radio]{width:1.5rem;height:1.5rem}}.xl\:radio-lg{&[type=radio]{width:2rem;height:2rem}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1536px){.\32 xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-radius:3.40282e38px;flex-shrink:0;width:1.5rem;height:1.5rem;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.\32 xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.\32 xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.\32 xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.\32 xl\:radio-success{color:var(--color-success);border-color:currentColor}.\32 xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.\32 xl\:radio-info{color:var(--color-info);border-color:currentColor}.\32 xl\:radio-error{color:var(--color-error);border-color:currentColor}.\32 xl\:radio:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:radio-xs{&[type=radio]{width:1rem;height:1rem}}.\32 xl\:radio-sm{&[type=radio]{width:1.25rem;height:1.25rem}}.\32 xl\:radio-md{&[type=radio]{width:1.5rem;height:1.5rem}}.\32 xl\:radio-lg{&[type=radio]{width:2rem;height:2rem}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.radio-primary{color:var(--color-primary);border-color:currentColor}.radio-secondary{color:var(--color-secondary);border-color:currentColor}.radio-accent{color:var(--color-accent);border-color:currentColor}.radio-success{color:var(--color-success);border-color:currentColor}.radio-warning{color:var(--color-warning);border-color:currentColor}.radio-info{color:var(--color-info);border-color:currentColor}.radio-error{color:var(--color-error);border-color:currentColor}.radio:disabled{cursor:not-allowed;opacity:.2}.radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}@media (width>=640px){.sm\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.sm\:radio-primary{color:var(--color-primary);border-color:currentColor}.sm\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.sm\:radio-accent{color:var(--color-accent);border-color:currentColor}.sm\:radio-success{color:var(--color-success);border-color:currentColor}.sm\:radio-warning{color:var(--color-warning);border-color:currentColor}.sm\:radio-info{color:var(--color-info);border-color:currentColor}.sm\:radio-error{color:var(--color-error);border-color:currentColor}.sm\:radio:disabled{cursor:not-allowed;opacity:.2}.sm\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.sm\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.sm\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.sm\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.sm\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=768px){.md\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.md\:radio-primary{color:var(--color-primary);border-color:currentColor}.md\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.md\:radio-accent{color:var(--color-accent);border-color:currentColor}.md\:radio-success{color:var(--color-success);border-color:currentColor}.md\:radio-warning{color:var(--color-warning);border-color:currentColor}.md\:radio-info{color:var(--color-info);border-color:currentColor}.md\:radio-error{color:var(--color-error);border-color:currentColor}.md\:radio:disabled{cursor:not-allowed;opacity:.2}.md\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.md\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.md\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.md\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.md\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1024px){.lg\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.lg\:radio-primary{color:var(--color-primary);border-color:currentColor}.lg\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.lg\:radio-accent{color:var(--color-accent);border-color:currentColor}.lg\:radio-success{color:var(--color-success);border-color:currentColor}.lg\:radio-warning{color:var(--color-warning);border-color:currentColor}.lg\:radio-info{color:var(--color-info);border-color:currentColor}.lg\:radio-error{color:var(--color-error);border-color:currentColor}.lg\:radio:disabled{cursor:not-allowed;opacity:.2}.lg\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.lg\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.lg\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.lg\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.lg\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1280px){.xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.xl\:radio-success{color:var(--color-success);border-color:currentColor}.xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.xl\:radio-info{color:var(--color-info);border-color:currentColor}.xl\:radio-error{color:var(--color-error);border-color:currentColor}.xl\:radio:disabled{cursor:not-allowed;opacity:.2}.xl\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.xl\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.xl\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.xl\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.xl\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1536px){.\32 xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.\32 xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.\32 xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.\32 xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.\32 xl\:radio-success{color:var(--color-success);border-color:currentColor}.\32 xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.\32 xl\:radio-info{color:var(--color-info);border-color:currentColor}.\32 xl\:radio-error{color:var(--color-error);border-color:currentColor}.\32 xl\:radio:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.\32 xl\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.\32 xl\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.\32 xl\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.\32 xl\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}
package/components/range/object.js CHANGED
@@ -1 +1 @@
1
- export default {".range":{"appearance":"none","webkit-appearance":"none","--range-shdw":"currentColor","height":"1.5rem","width":"100%","max-width":"20rem","cursor":"pointer","overflow":"hidden","border-radius":"var(--radius-box)","background-color":"transparent","vertical-align":"middle","border":"none","&:focus":{"outline":"none"},"&:focus-visible":{"--focus-shadow":"0 0 0 6px var(--color-base-100) inset, 0 0 0 2rem var(--range-shdw) inset"},"&::-webkit-slider-runnable-track":{"height":"0.5rem","width":"100%","border-radius":"var(--radius-box)","background-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)"},"&::-webkit-slider-thumb":{"position":"relative","height":"1.5rem","width":"1.5rem","border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","border":"none","appearance":"none","webkit-appearance":"none","top":"50%","color":"var(--range-shdw)","transform":"translateY(-50%)","--filler-offset":"0.6rem","--track-shdw":"calc(-100rem - var(--filler-offset)) 0 0 100rem","box-shadow":"0 0 0 3px var(--range-shdw) inset, var(--focus-shadow, 0 0), var(--track-shdw)"},"[dir=rtl] &::-webkit-slider-thumb":{"--track-shdw":"calc(100rem * 1 + var(--filler-offset)) 0 0 100rem"},"&::-moz-range-track":{"height":"0.5rem","width":"100%","border-radius":"var(--radius-box)","background-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)"},"&::-moz-range-thumb":{"position":"relative","height":"1.5rem","width":"1.5rem","border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","border":"none","top":"50%","color":"var(--range-shdw)","--filler-offset":"0.5rem","box-shadow":"0 0 0 3px var(--range-shdw) inset, var(--focus-shadow, 0 0), calc(-100rem - var(--filler-offset)) 0 0 100rem"}},".range-primary":{"color":"var(--color-primary)"},".range-secondary":{"color":"var(--color-secondary)"},".range-accent":{"color":"var(--color-accent)"},".range-success":{"color":"var(--color-success)"},".range-warning":{"color":"var(--color-warning)"},".range-info":{"color":"var(--color-info)"},".range-error":{"color":"var(--color-error)"},".range-xs":{"height":"1rem","&::-webkit-slider-runnable-track":{"height":"0.25rem"},"&::-webkit-slider-thumb":{"width":"1rem","height":"1rem","--filler-offset":"0.4rem"},"&::-moz-range-track":{"height":"0.25rem"},"&::-moz-range-thumb":{"width":"1rem","height":"1rem","--filler-offset":"0.4rem"}},".range-sm":{"height":"1.25rem","&::-webkit-slider-runnable-track":{"height":"0.25rem"},"&::-webkit-slider-thumb":{"width":"1.25rem","height":"1.25rem","--filler-offset":"0.5rem"},"&::-moz-range-track":{"height":"0.25rem"},"&::-moz-range-thumb":{"width":"1.25rem","height":"1.25rem","--filler-offset":"0.5rem"}},".range-md":{"height":"1.5rem","&::-webkit-slider-runnable-track":{"height":"0.5rem"},"&::-webkit-slider-thumb":{"width":"1.5rem","height":"1.5rem","--filler-offset":"0.6rem"},"&::-moz-range-track":{"height":"0.5rem"},"&::-moz-range-thumb":{"width":"1.5rem","height":"1.5rem","--filler-offset":"0.6rem"}},".range-lg":{"height":"2rem","&::-webkit-slider-runnable-track":{"height":"1rem"},"&::-webkit-slider-thumb":{"width":"2rem","height":"2rem","--filler-offset":"1rem"},"&::-moz-range-track":{"height":"1rem"},"&::-moz-range-thumb":{"width":"2rem","height":"2rem","--filler-offset":"1rem"}}};
1
+ export default {".range":{"appearance":"none","webkit-appearance":"none","--range-shdw":"currentColor","width":"100%","max-width":"calc(0.25rem * 80)","cursor":"pointer","overflow":"hidden","border-radius":"var(--radius-box)","background-color":"transparent","vertical-align":"middle","border":"none","--spacing-selector-size":"0.25rem","--selector-size":"calc(var(--spacing-selector-size) * 6)","height":"var(--selector-size)","&:focus":{"outline":"none"},"&:focus-visible":{"--focus-shadow":"0 0 0 6px var(--color-base-100) inset, 0 0 0 2rem var(--range-shdw) inset"},"&::-webkit-slider-runnable-track":{"width":"100%","border-radius":"var(--radius-box)","background-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","height":"calc(var(--selector-size) * 0.5)"},"&::-webkit-slider-thumb":{"position":"relative","border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","height":"var(--selector-size)","width":"var(--selector-size)","border":"none","appearance":"none","webkit-appearance":"none","top":"50%","color":"var(--range-shdw)","transform":"translateY(-50%)","--filler-offset":"0.6rem","--track-shdw":"calc(-100rem - var(--filler-offset)) 0 0 100rem","box-shadow":"0 0 0 3px var(--range-shdw) inset, var(--focus-shadow, 0 0), var(--track-shdw)"},"[dir=\"rtl\"] &::-webkit-slider-thumb":{"--track-shdw":"calc(100rem * 1 + var(--filler-offset)) 0 0 100rem"},"&::-moz-range-track":{"width":"100%","border-radius":"var(--radius-box)","background-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","height":"calc(var(--selector-size) * 0.5)"},"&::-moz-range-thumb":{"position":"relative","border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","height":"var(--selector-size)","width":"var(--selector-size)","border":"none","top":"50%","color":"var(--range-shdw)","--filler-offset":"0.5rem","box-shadow":"0 0 0 3px var(--range-shdw) inset, var(--focus-shadow, 0 0), calc(-100rem - var(--filler-offset)) 0 0 100rem"}},".range-primary":{"color":"var(--color-primary)"},".range-secondary":{"color":"var(--color-secondary)"},".range-accent":{"color":"var(--color-accent)"},".range-success":{"color":"var(--color-success)"},".range-warning":{"color":"var(--color-warning)"},".range-info":{"color":"var(--color-info)"},".range-error":{"color":"var(--color-error)"},".range-xs":{"--selector-size":"calc(var(--spacing-selector-size) * 4)","&::-webkit-slider-thumb":{"--filler-offset":"0.4rem"},"&::-moz-range-thumb":{"--filler-offset":"0.4rem"}},".range-sm":{"--selector-size":"calc(var(--spacing-selector-size) * 5)","&::-webkit-slider-thumb":{"--filler-offset":"0.5rem"},"&::-moz-range-thumb":{"--filler-offset":"0.5rem"}},".range-md":{"--selector-size":"calc(var(--spacing-selector-size) * 6)","&::-webkit-slider-thumb":{"--filler-offset":"0.6rem"},"&::-moz-range-thumb":{"--filler-offset":"0.6rem"}},".range-lg":{"--selector-size":"calc(var(--spacing-selector-size) * 7)","&::-webkit-slider-thumb":{"--filler-offset":"1rem"},"&::-moz-range-thumb":{"--filler-offset":"1rem"}},".range-xl":{"--selector-size":"calc(var(--spacing-selector-size) * 8)","&::-webkit-slider-thumb":{"--filler-offset":"1rem"},"&::-moz-range-thumb":{"--filler-offset":"1rem"}}};
package/components/range.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;background-color:#0000;border:none;width:100%;max-width:20rem;height:1.5rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;width:1.5rem;height:1.5rem;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;width:1.5rem;height:1.5rem;position:relative;top:50%}}.range-primary{color:var(--color-primary)}.range-secondary{color:var(--color-secondary)}.range-accent{color:var(--color-accent)}.range-success{color:var(--color-success)}.range-warning{color:var(--color-warning)}.range-info{color:var(--color-info)}.range-error{color:var(--color-error)}.range-xs{height:1rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.4rem;width:1rem;height:1rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.4rem;width:1rem;height:1rem}}.range-sm{height:1.25rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}}.range-md{height:1.5rem;&::-webkit-slider-runnable-track{height:.5rem}&::-webkit-slider-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}&::-moz-range-track{height:.5rem}&::-moz-range-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}}.range-lg{height:2rem;&::-webkit-slider-runnable-track{height:1rem}&::-webkit-slider-thumb{--filler-offset:1rem;width:2rem;height:2rem}&::-moz-range-track{height:1rem}&::-moz-range-thumb{--filler-offset:1rem;width:2rem;height:2rem}}@media (width>=640px){.sm\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;background-color:#0000;border:none;width:100%;max-width:20rem;height:1.5rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;width:1.5rem;height:1.5rem;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;width:1.5rem;height:1.5rem;position:relative;top:50%}}.sm\:range-primary{color:var(--color-primary)}.sm\:range-secondary{color:var(--color-secondary)}.sm\:range-accent{color:var(--color-accent)}.sm\:range-success{color:var(--color-success)}.sm\:range-warning{color:var(--color-warning)}.sm\:range-info{color:var(--color-info)}.sm\:range-error{color:var(--color-error)}.sm\:range-xs{height:1rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.4rem;width:1rem;height:1rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.4rem;width:1rem;height:1rem}}.sm\:range-sm{height:1.25rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}}.sm\:range-md{height:1.5rem;&::-webkit-slider-runnable-track{height:.5rem}&::-webkit-slider-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}&::-moz-range-track{height:.5rem}&::-moz-range-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}}.sm\:range-lg{height:2rem;&::-webkit-slider-runnable-track{height:1rem}&::-webkit-slider-thumb{--filler-offset:1rem;width:2rem;height:2rem}&::-moz-range-track{height:1rem}&::-moz-range-thumb{--filler-offset:1rem;width:2rem;height:2rem}}}@media (width>=768px){.md\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;background-color:#0000;border:none;width:100%;max-width:20rem;height:1.5rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;width:1.5rem;height:1.5rem;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;width:1.5rem;height:1.5rem;position:relative;top:50%}}.md\:range-primary{color:var(--color-primary)}.md\:range-secondary{color:var(--color-secondary)}.md\:range-accent{color:var(--color-accent)}.md\:range-success{color:var(--color-success)}.md\:range-warning{color:var(--color-warning)}.md\:range-info{color:var(--color-info)}.md\:range-error{color:var(--color-error)}.md\:range-xs{height:1rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.4rem;width:1rem;height:1rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.4rem;width:1rem;height:1rem}}.md\:range-sm{height:1.25rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}}.md\:range-md{height:1.5rem;&::-webkit-slider-runnable-track{height:.5rem}&::-webkit-slider-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}&::-moz-range-track{height:.5rem}&::-moz-range-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}}.md\:range-lg{height:2rem;&::-webkit-slider-runnable-track{height:1rem}&::-webkit-slider-thumb{--filler-offset:1rem;width:2rem;height:2rem}&::-moz-range-track{height:1rem}&::-moz-range-thumb{--filler-offset:1rem;width:2rem;height:2rem}}}@media (width>=1024px){.lg\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;background-color:#0000;border:none;width:100%;max-width:20rem;height:1.5rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;width:1.5rem;height:1.5rem;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;width:1.5rem;height:1.5rem;position:relative;top:50%}}.lg\:range-primary{color:var(--color-primary)}.lg\:range-secondary{color:var(--color-secondary)}.lg\:range-accent{color:var(--color-accent)}.lg\:range-success{color:var(--color-success)}.lg\:range-warning{color:var(--color-warning)}.lg\:range-info{color:var(--color-info)}.lg\:range-error{color:var(--color-error)}.lg\:range-xs{height:1rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.4rem;width:1rem;height:1rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.4rem;width:1rem;height:1rem}}.lg\:range-sm{height:1.25rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}}.lg\:range-md{height:1.5rem;&::-webkit-slider-runnable-track{height:.5rem}&::-webkit-slider-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}&::-moz-range-track{height:.5rem}&::-moz-range-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}}.lg\:range-lg{height:2rem;&::-webkit-slider-runnable-track{height:1rem}&::-webkit-slider-thumb{--filler-offset:1rem;width:2rem;height:2rem}&::-moz-range-track{height:1rem}&::-moz-range-thumb{--filler-offset:1rem;width:2rem;height:2rem}}}@media (width>=1280px){.xl\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;background-color:#0000;border:none;width:100%;max-width:20rem;height:1.5rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;width:1.5rem;height:1.5rem;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;width:1.5rem;height:1.5rem;position:relative;top:50%}}.xl\:range-primary{color:var(--color-primary)}.xl\:range-secondary{color:var(--color-secondary)}.xl\:range-accent{color:var(--color-accent)}.xl\:range-success{color:var(--color-success)}.xl\:range-warning{color:var(--color-warning)}.xl\:range-info{color:var(--color-info)}.xl\:range-error{color:var(--color-error)}.xl\:range-xs{height:1rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.4rem;width:1rem;height:1rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.4rem;width:1rem;height:1rem}}.xl\:range-sm{height:1.25rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}}.xl\:range-md{height:1.5rem;&::-webkit-slider-runnable-track{height:.5rem}&::-webkit-slider-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}&::-moz-range-track{height:.5rem}&::-moz-range-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}}.xl\:range-lg{height:2rem;&::-webkit-slider-runnable-track{height:1rem}&::-webkit-slider-thumb{--filler-offset:1rem;width:2rem;height:2rem}&::-moz-range-track{height:1rem}&::-moz-range-thumb{--filler-offset:1rem;width:2rem;height:2rem}}}@media (width>=1536px){.\32 xl\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;background-color:#0000;border:none;width:100%;max-width:20rem;height:1.5rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;width:1.5rem;height:1.5rem;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);width:100%;height:.5rem}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;width:1.5rem;height:1.5rem;position:relative;top:50%}}.\32 xl\:range-primary{color:var(--color-primary)}.\32 xl\:range-secondary{color:var(--color-secondary)}.\32 xl\:range-accent{color:var(--color-accent)}.\32 xl\:range-success{color:var(--color-success)}.\32 xl\:range-warning{color:var(--color-warning)}.\32 xl\:range-info{color:var(--color-info)}.\32 xl\:range-error{color:var(--color-error)}.\32 xl\:range-xs{height:1rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.4rem;width:1rem;height:1rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.4rem;width:1rem;height:1rem}}.\32 xl\:range-sm{height:1.25rem;&::-webkit-slider-runnable-track{height:.25rem}&::-webkit-slider-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}&::-moz-range-track{height:.25rem}&::-moz-range-thumb{--filler-offset:.5rem;width:1.25rem;height:1.25rem}}.\32 xl\:range-md{height:1.5rem;&::-webkit-slider-runnable-track{height:.5rem}&::-webkit-slider-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}&::-moz-range-track{height:.5rem}&::-moz-range-thumb{--filler-offset:.6rem;width:1.5rem;height:1.5rem}}.\32 xl\:range-lg{height:2rem;&::-webkit-slider-runnable-track{height:1rem}&::-webkit-slider-thumb{--filler-offset:1rem;width:2rem;height:2rem}&::-moz-range-track{height:1rem}&::-moz-range-thumb{--filler-offset:1rem;width:2rem;height:2rem}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);background-color:#0000;border:none;width:100%;max-width:20rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.range-primary{color:var(--color-primary)}.range-secondary{color:var(--color-secondary)}.range-accent{color:var(--color-accent)}.range-success{color:var(--color-success)}.range-warning{color:var(--color-warning)}.range-info{color:var(--color-info)}.range-error{color:var(--color-error)}.range-xs{--selector-size:calc(var(--spacing-selector-size)*4);&::-webkit-slider-thumb{--filler-offset:.4rem}&::-moz-range-thumb{--filler-offset:.4rem}}.range-sm{--selector-size:calc(var(--spacing-selector-size)*5);&::-webkit-slider-thumb{--filler-offset:.5rem}&::-moz-range-thumb{--filler-offset:.5rem}}.range-md{--selector-size:calc(var(--spacing-selector-size)*6);&::-webkit-slider-thumb{--filler-offset:.6rem}&::-moz-range-thumb{--filler-offset:.6rem}}.range-lg{--selector-size:calc(var(--spacing-selector-size)*7);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}.range-xl{--selector-size:calc(var(--spacing-selector-size)*8);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}@media (width>=640px){.sm\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);background-color:#0000;border:none;width:100%;max-width:20rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.sm\:range-primary{color:var(--color-primary)}.sm\:range-secondary{color:var(--color-secondary)}.sm\:range-accent{color:var(--color-accent)}.sm\:range-success{color:var(--color-success)}.sm\:range-warning{color:var(--color-warning)}.sm\:range-info{color:var(--color-info)}.sm\:range-error{color:var(--color-error)}.sm\:range-xs{--selector-size:calc(var(--spacing-selector-size)*4);&::-webkit-slider-thumb{--filler-offset:.4rem}&::-moz-range-thumb{--filler-offset:.4rem}}.sm\:range-sm{--selector-size:calc(var(--spacing-selector-size)*5);&::-webkit-slider-thumb{--filler-offset:.5rem}&::-moz-range-thumb{--filler-offset:.5rem}}.sm\:range-md{--selector-size:calc(var(--spacing-selector-size)*6);&::-webkit-slider-thumb{--filler-offset:.6rem}&::-moz-range-thumb{--filler-offset:.6rem}}.sm\:range-lg{--selector-size:calc(var(--spacing-selector-size)*7);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}.sm\:range-xl{--selector-size:calc(var(--spacing-selector-size)*8);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}}@media (width>=768px){.md\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);background-color:#0000;border:none;width:100%;max-width:20rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.md\:range-primary{color:var(--color-primary)}.md\:range-secondary{color:var(--color-secondary)}.md\:range-accent{color:var(--color-accent)}.md\:range-success{color:var(--color-success)}.md\:range-warning{color:var(--color-warning)}.md\:range-info{color:var(--color-info)}.md\:range-error{color:var(--color-error)}.md\:range-xs{--selector-size:calc(var(--spacing-selector-size)*4);&::-webkit-slider-thumb{--filler-offset:.4rem}&::-moz-range-thumb{--filler-offset:.4rem}}.md\:range-sm{--selector-size:calc(var(--spacing-selector-size)*5);&::-webkit-slider-thumb{--filler-offset:.5rem}&::-moz-range-thumb{--filler-offset:.5rem}}.md\:range-md{--selector-size:calc(var(--spacing-selector-size)*6);&::-webkit-slider-thumb{--filler-offset:.6rem}&::-moz-range-thumb{--filler-offset:.6rem}}.md\:range-lg{--selector-size:calc(var(--spacing-selector-size)*7);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}.md\:range-xl{--selector-size:calc(var(--spacing-selector-size)*8);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}}@media (width>=1024px){.lg\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);background-color:#0000;border:none;width:100%;max-width:20rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.lg\:range-primary{color:var(--color-primary)}.lg\:range-secondary{color:var(--color-secondary)}.lg\:range-accent{color:var(--color-accent)}.lg\:range-success{color:var(--color-success)}.lg\:range-warning{color:var(--color-warning)}.lg\:range-info{color:var(--color-info)}.lg\:range-error{color:var(--color-error)}.lg\:range-xs{--selector-size:calc(var(--spacing-selector-size)*4);&::-webkit-slider-thumb{--filler-offset:.4rem}&::-moz-range-thumb{--filler-offset:.4rem}}.lg\:range-sm{--selector-size:calc(var(--spacing-selector-size)*5);&::-webkit-slider-thumb{--filler-offset:.5rem}&::-moz-range-thumb{--filler-offset:.5rem}}.lg\:range-md{--selector-size:calc(var(--spacing-selector-size)*6);&::-webkit-slider-thumb{--filler-offset:.6rem}&::-moz-range-thumb{--filler-offset:.6rem}}.lg\:range-lg{--selector-size:calc(var(--spacing-selector-size)*7);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}.lg\:range-xl{--selector-size:calc(var(--spacing-selector-size)*8);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}}@media (width>=1280px){.xl\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);background-color:#0000;border:none;width:100%;max-width:20rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.xl\:range-primary{color:var(--color-primary)}.xl\:range-secondary{color:var(--color-secondary)}.xl\:range-accent{color:var(--color-accent)}.xl\:range-success{color:var(--color-success)}.xl\:range-warning{color:var(--color-warning)}.xl\:range-info{color:var(--color-info)}.xl\:range-error{color:var(--color-error)}.xl\:range-xs{--selector-size:calc(var(--spacing-selector-size)*4);&::-webkit-slider-thumb{--filler-offset:.4rem}&::-moz-range-thumb{--filler-offset:.4rem}}.xl\:range-sm{--selector-size:calc(var(--spacing-selector-size)*5);&::-webkit-slider-thumb{--filler-offset:.5rem}&::-moz-range-thumb{--filler-offset:.5rem}}.xl\:range-md{--selector-size:calc(var(--spacing-selector-size)*6);&::-webkit-slider-thumb{--filler-offset:.6rem}&::-moz-range-thumb{--filler-offset:.6rem}}.xl\:range-lg{--selector-size:calc(var(--spacing-selector-size)*7);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}.xl\:range-xl{--selector-size:calc(var(--spacing-selector-size)*8);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}}@media (width>=1536px){.\32 xl\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;cursor:pointer;border-radius:var(--radius-box);vertical-align:middle;--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);background-color:#0000;border:none;width:100%;max-width:20rem;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-webkit-slider-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);height:calc(var(--selector-size)*.5);width:100%}&::-moz-range-thumb{border-radius:var(--radius-box);background-color:var(--color-base-100);height:var(--selector-size);width:var(--selector-size);color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.\32 xl\:range-primary{color:var(--color-primary)}.\32 xl\:range-secondary{color:var(--color-secondary)}.\32 xl\:range-accent{color:var(--color-accent)}.\32 xl\:range-success{color:var(--color-success)}.\32 xl\:range-warning{color:var(--color-warning)}.\32 xl\:range-info{color:var(--color-info)}.\32 xl\:range-error{color:var(--color-error)}.\32 xl\:range-xs{--selector-size:calc(var(--spacing-selector-size)*4);&::-webkit-slider-thumb{--filler-offset:.4rem}&::-moz-range-thumb{--filler-offset:.4rem}}.\32 xl\:range-sm{--selector-size:calc(var(--spacing-selector-size)*5);&::-webkit-slider-thumb{--filler-offset:.5rem}&::-moz-range-thumb{--filler-offset:.5rem}}.\32 xl\:range-md{--selector-size:calc(var(--spacing-selector-size)*6);&::-webkit-slider-thumb{--filler-offset:.6rem}&::-moz-range-thumb{--filler-offset:.6rem}}.\32 xl\:range-lg{--selector-size:calc(var(--spacing-selector-size)*7);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}.\32 xl\:range-xl{--selector-size:calc(var(--spacing-selector-size)*8);&::-webkit-slider-thumb{--filler-offset:1rem}&::-moz-range-thumb{--filler-offset:1rem}}}
package/components/rating/object.js CHANGED
@@ -1 +1 @@
1
- export default {".rating":{"position":"relative","display":"inline-flex","vertical-align":"middle","& input":{"border":"none","appearance":"none","webkit-appearance":"none"},":where(input)":{"animation":"rating-pop var(--animation-input, 0.25s) ease-out","height":"1.5rem","width":"1.5rem","cursor":"pointer","border-radius":"0","background-color":"var(--color-base-content)","opacity":"100%"},"& .rating-hidden":{"width":"0.5rem","background-color":"transparent"},"input[type=\"radio\"]:checked":{"background-image":"none"},"input":{"&:checked, &[aria-checked=\"true\"]":{"&~input":{"opacity":"20%"}},"&:focus-visible":{"transition":"translate .3s cubic-bezier(0, 0, 0.2, 1)","translate":"0 -0.125em"}},"& input:active:focus":{"animation":"none","translate":"0 -0.125em"},"&:is(.rating-xs)":{"input":{"width":"0.75rem","height":"0.75rem"}},"&:is(.rating-sm)":{"input":{"width":"1rem","height":"1rem"}},"&:is(.rating-md)":{"input":{"width":"1.5rem","height":"1.5rem"}},"&:is(.rating-lg)":{"input":{"width":"2.5rem","height":"2.5rem"}}},".rating-half":{":where(input:not(.rating-hidden))":{"width":"0.75rem"},"&.rating-xs input:not(.rating-hidden)":{"width":"0.375rem"},"&.rating-sm input:not(.rating-hidden)":{"width":"0.5rem"},"&.rating-md input:not(.rating-hidden)":{"width":"0.75rem"},"&.rating-lg input:not(.rating-hidden)":{"width":"1.25rem"}},"@keyframes rating-pop":{"0%":{"translate":"0 -0.125em"},"40%":{"translate":"0 -0.125em"},"100%":{"translate":"0 0"}}};
1
+ export default {".rating":{"position":"relative","display":"inline-flex","vertical-align":"middle","& input":{"border":"none","appearance":"none","webkit-appearance":"none"},":where(input)":{"animation":"rating-pop var(--animation-input, 0.25s) ease-out","height":"calc(0.25rem * 6)","width":"calc(0.25rem * 6)","cursor":"pointer","border-radius":"0","background-color":"var(--color-base-content)","opacity":"100%"},"& .rating-hidden":{"width":"calc(0.25rem * 2)","background-color":"transparent"},"input[type=\"radio\"]:checked":{"background-image":"none"},"input":{"&:checked, &[aria-checked=\"true\"]":{"& ~ input":{"opacity":"20%"}},"&:focus-visible":{"transition":"translate 0.3s cubic-bezier(0, 0, 0.2, 1)","translate":"0 -0.125em"}},"& input:active:focus":{"animation":"none","translate":"0 -0.125em"},"&:is(.rating-xs)":{"input":{"width":"calc(0.25rem * 4)","height":"calc(0.25rem * 4)"}},"&:is(.rating-sm)":{"input":{"width":"calc(0.25rem * 5)","height":"calc(0.25rem * 5)"}},"&:is(.rating-md)":{"input":{"width":"calc(0.25rem * 6)","height":"calc(0.25rem * 6)"}},"&:is(.rating-lg)":{"input":{"width":"calc(0.25rem * 7)","height":"calc(0.25rem * 7)"}},"&:is(.rating-xl)":{"input":{"width":"calc(0.25rem * 8)","height":"calc(0.25rem * 8)"}}},".rating-half":{":where(input:not(.rating-hidden))":{"width":"calc(0.25rem * 3)"},"&.rating-xs input:not(.rating-hidden)":{"width":"calc(0.25rem * 2)"},"&.rating-sm input:not(.rating-hidden)":{"width":"calc(0.25rem * 2.5)"},"&.rating-md input:not(.rating-hidden)":{"width":"calc(0.25rem * 3)"},"&.rating-lg input:not(.rating-hidden)":{"width":".875rem"},"&.rating-xl input:not(.rating-hidden)":{"width":"calc(0.25rem * 4)"}},"@keyframes rating-pop":{"0%, 40%":{"translate":"0 -0.125em"},"100%":{"translate":"0 0"}}};
package/components/rating.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:.75rem;height:.75rem}}&.rating-sm{& input{width:1rem;height:1rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:2.5rem;height:2.5rem}}}.rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.rating-half{&.rating-xs input:not(.rating-hidden){width:.375rem}&.rating-sm input:not(.rating-hidden){width:.5rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:1.25rem}}@keyframes rating-pop{0%{translate:0 -.125em}40%{translate:0 -.125em}to{translate:0}}@media (width>=640px){.sm\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:.75rem;height:.75rem}}&.rating-sm{& input{width:1rem;height:1rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:2.5rem;height:2.5rem}}}.sm\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.sm\:rating-half{&.rating-xs input:not(.rating-hidden){width:.375rem}&.rating-sm input:not(.rating-hidden){width:.5rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:1.25rem}}@keyframes rating-pop{0%{translate:0 -.125em}40%{translate:0 -.125em}to{translate:0}}}@media (width>=768px){.md\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:.75rem;height:.75rem}}&.rating-sm{& input{width:1rem;height:1rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:2.5rem;height:2.5rem}}}.md\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.md\:rating-half{&.rating-xs input:not(.rating-hidden){width:.375rem}&.rating-sm input:not(.rating-hidden){width:.5rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:1.25rem}}@keyframes rating-pop{0%{translate:0 -.125em}40%{translate:0 -.125em}to{translate:0}}}@media (width>=1024px){.lg\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:.75rem;height:.75rem}}&.rating-sm{& input{width:1rem;height:1rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:2.5rem;height:2.5rem}}}.lg\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.lg\:rating-half{&.rating-xs input:not(.rating-hidden){width:.375rem}&.rating-sm input:not(.rating-hidden){width:.5rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:1.25rem}}@keyframes rating-pop{0%{translate:0 -.125em}40%{translate:0 -.125em}to{translate:0}}}@media (width>=1280px){.xl\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:.75rem;height:.75rem}}&.rating-sm{& input{width:1rem;height:1rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:2.5rem;height:2.5rem}}}.xl\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.xl\:rating-half{&.rating-xs input:not(.rating-hidden){width:.375rem}&.rating-sm input:not(.rating-hidden){width:.5rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:1.25rem}}@keyframes rating-pop{0%{translate:0 -.125em}40%{translate:0 -.125em}to{translate:0}}}@media (width>=1536px){.\32 xl\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:.75rem;height:.75rem}}&.rating-sm{& input{width:1rem;height:1rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:2.5rem;height:2.5rem}}}.\32 xl\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.\32 xl\:rating-half{&.rating-xs input:not(.rating-hidden){width:.375rem}&.rating-sm input:not(.rating-hidden){width:.5rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:1.25rem}}@keyframes rating-pop{0%{translate:0 -.125em}40%{translate:0 -.125em}to{translate:0}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:1rem;height:1rem}}&.rating-sm{& input{width:1.25rem;height:1.25rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:1.75rem;height:1.75rem}}&.rating-xl{& input{width:2rem;height:2rem}}}.rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.rating-half{&.rating-xs input:not(.rating-hidden){width:.5rem}&.rating-sm input:not(.rating-hidden){width:.625rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:.875rem}&.rating-xl input:not(.rating-hidden){width:1rem}}@keyframes rating-pop{0%,40%{translate:0 -.125em}to{translate:0}}@media (width>=640px){.sm\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:1rem;height:1rem}}&.rating-sm{& input{width:1.25rem;height:1.25rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:1.75rem;height:1.75rem}}&.rating-xl{& input{width:2rem;height:2rem}}}.sm\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.sm\:rating-half{&.rating-xs input:not(.rating-hidden){width:.5rem}&.rating-sm input:not(.rating-hidden){width:.625rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:.875rem}&.rating-xl input:not(.rating-hidden){width:1rem}}@keyframes rating-pop{0%,40%{translate:0 -.125em}to{translate:0}}}@media (width>=768px){.md\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:1rem;height:1rem}}&.rating-sm{& input{width:1.25rem;height:1.25rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:1.75rem;height:1.75rem}}&.rating-xl{& input{width:2rem;height:2rem}}}.md\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.md\:rating-half{&.rating-xs input:not(.rating-hidden){width:.5rem}&.rating-sm input:not(.rating-hidden){width:.625rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:.875rem}&.rating-xl input:not(.rating-hidden){width:1rem}}@keyframes rating-pop{0%,40%{translate:0 -.125em}to{translate:0}}}@media (width>=1024px){.lg\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:1rem;height:1rem}}&.rating-sm{& input{width:1.25rem;height:1.25rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:1.75rem;height:1.75rem}}&.rating-xl{& input{width:2rem;height:2rem}}}.lg\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.lg\:rating-half{&.rating-xs input:not(.rating-hidden){width:.5rem}&.rating-sm input:not(.rating-hidden){width:.625rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:.875rem}&.rating-xl input:not(.rating-hidden){width:1rem}}@keyframes rating-pop{0%,40%{translate:0 -.125em}to{translate:0}}}@media (width>=1280px){.xl\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:1rem;height:1rem}}&.rating-sm{& input{width:1.25rem;height:1.25rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:1.75rem;height:1.75rem}}&.rating-xl{& input{width:2rem;height:2rem}}}.xl\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.xl\:rating-half{&.rating-xs input:not(.rating-hidden){width:.5rem}&.rating-sm input:not(.rating-hidden){width:.625rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:.875rem}&.rating-xl input:not(.rating-hidden){width:1rem}}@keyframes rating-pop{0%,40%{translate:0 -.125em}to{translate:0}}}@media (width>=1536px){.\32 xl\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;cursor:pointer;background-color:var(--color-base-content);opacity:1;border-radius:0;width:1.5rem;height:1.5rem}& .rating-hidden{background-color:#0000;width:.5rem}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition:translate .3s cubic-bezier(0,0,.2,1);translate:0 -.125em}}& input:active:focus{animation:none;translate:0 -.125em}&.rating-xs{& input{width:1rem;height:1rem}}&.rating-sm{& input{width:1.25rem;height:1.25rem}}&.rating-md{& input{width:1.5rem;height:1.5rem}}&.rating-lg{& input{width:1.75rem;height:1.75rem}}&.rating-xl{& input{width:2rem;height:2rem}}}.\32 xl\:rating-half{& :where(input:not(.rating-hidden)){width:.75rem}}.\32 xl\:rating-half{&.rating-xs input:not(.rating-hidden){width:.5rem}&.rating-sm input:not(.rating-hidden){width:.625rem}&.rating-md input:not(.rating-hidden){width:.75rem}&.rating-lg input:not(.rating-hidden){width:.875rem}&.rating-xl input:not(.rating-hidden){width:1rem}}@keyframes rating-pop{0%,40%{translate:0 -.125em}to{translate:0}}}
package/components/select/object.js CHANGED
@@ -1 +1 @@
1
- export default {".select":{"border":"1px solid","position":"relative","height":"2.5rem","width":"100%","max-width":"20rem","flex-shrink":1,"appearance":"none","border-color":"transparent","background-color":"var(--color-base-100)","padding-left":"1rem","padding-right":"1rem","vertical-align":"middle","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--radius-join-start-start, var(--radius-btn))","border-start-end-radius":"var(--radius-join-start-end, var(--radius-btn))","border-end-start-radius":"var(--radius-join-end-start, var(--radius-btn))","border-end-end-radius":"var(--radius-join-end-end, var(--radius-btn))","background-image":"linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%)","background-position":"calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%)","background-size":"4px 4px, 4px 4px","background-repeat":"no-repeat","padding-inline-end":"1.7rem","text-overflow":"ellipsis","white-space":"nowrap","select":{"width":"100%","background-color":"transparent","border-style":"none","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus, &:focus-within":{"border-color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)","outline-color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)","outline":"2px solid","outline-offset":"2px"},"&:has(> select[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)"}},"&:has(> select[disabled])>select[disabled]":{"cursor":"not-allowed"},"&.select-border":{"border-color":"color-mix(in oklch, var(--color-base-content) 20%, 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)"}},"&.select-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"}},"&.select-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)"}},"&.select-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)"}},"&.select-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)"}},"&.select-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)"}},"&.select-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)"}},"&.select-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)"}},"&.select-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)"}},"&.select-xs":{"height":"1.5rem","padding-left":"0.5rem","padding-right":"0.5rem","font-size":"0.75rem","line-height":1.625},"&.select-sm":{"height":"2rem","padding-left":"0.75rem","padding-right":"0.75rem","font-size":"0.875rem","line-height":2},"&.select-md":{"height":"2.5rem","padding-left":"1rem","padding-right":"1rem","font-size":"0.875rem","line-height":2},"&.select-lg":{"height":"3.5rem","padding-left":"1.5rem","padding-right":"1.5rem","font-size":"1.125rem","line-height":2}}};
1
+ export default {".select":{"border":"var(--spacing-button-border) solid transparent","position":"relative","display":"inline-flex","width":"100%","max-width":"calc(0.25rem * 80)","flex-shrink":1,"appearance":"none","gap":"calc(0.25rem * 1.5)","background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 4)","vertical-align":"middle","height":"var(--field-size)","padding-inline-start":"0.75rem","padding-inline-end":["0.75rem","1.7rem"],"font-size":"0.875rem","border-start-start-radius":"var(--radius-join-ss, var(--radius-field))","border-start-end-radius":"var(--radius-join-se, var(--radius-field))","border-end-start-radius":"var(--radius-join-es, var(--radius-field))","border-end-end-radius":"var(--radius-join-ee, var(--radius-field))","background-image":"linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%)","background-position":"calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%)","background-size":"4px 4px, 4px 4px","background-repeat":"no-repeat","text-overflow":"ellipsis","box-shadow":"0 1px color-mix(in oklab, var(--input-color) 10%, transparent) inset, 0 -1px oklch(100% 0 0 / 0.1) inset","border-color":"var(--input-color)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)","--spacing-field-size":"0.25rem","--field-size":"calc(var(--spacing-field-size) * 9)","select":{"width":"100%","appearance":"none","background-color":"transparent","border-style":"none","&:focus, &:focus-within":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus, &:focus-within":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) 10%, transparent)","outline":"2px solid var(--input-color)","outline-offset":"2px"},"&:has(> select[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)"}},"&:has(> select[disabled]) > select[disabled]":{"cursor":"not-allowed"}},".select-border":{"border-color":"color-mix(in oklch, var(--color-base-content) 20%, 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)"}},".select-ghost":{"background-color":"transparent","transition":"background-color 0.2s","box-shadow":"none","border-color":"transparent","&:focus, &:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"transparent","box-shadow":"none"}},".select-neutral":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}},".select-primary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}},".select-secondary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}},".select-accent":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}},".select-info":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}},".select-success":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}},".select-warning":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}},".select-error":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}},".select-xs":{"--field-size":"calc(var(--spacing-field-size) * 6)","font-size":"0.6875rem"},".select-sm":{"--field-size":"calc(var(--spacing-field-size) * 8)","font-size":"0.75rem"},".select-md":{"--field-size":"calc(var(--spacing-field-size) * 10)","font-size":"0.875rem"},".select-lg":{"--field-size":"calc(var(--spacing-field-size) * 12)","font-size":"1.125rem"},".select-xl":{"--field-size":"calc(var(--spacing-field-size) * 14)","font-size":"1.375rem"}};
package/components/select.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;padding-left:1rem;padding-right:1rem;text-overflow:ellipsis;white-space:nowrap;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1.7rem;font-size:.875rem;line-height:2;position:relative;& select{background-color:#0000;border-style:none;width:100%;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}&.select-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}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1.625}&.select-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:2}&.select-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:2}&.select-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem;line-height:2}}@media (width>=640px){.sm\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;padding-left:1rem;padding-right:1rem;text-overflow:ellipsis;white-space:nowrap;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1.7rem;font-size:.875rem;line-height:2;position:relative;& select{background-color:#0000;border-style:none;width:100%;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}&.select-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}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1.625}&.select-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:2}&.select-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:2}&.select-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem;line-height:2}}}@media (width>=768px){.md\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;padding-left:1rem;padding-right:1rem;text-overflow:ellipsis;white-space:nowrap;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1.7rem;font-size:.875rem;line-height:2;position:relative;& select{background-color:#0000;border-style:none;width:100%;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}&.select-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}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1.625}&.select-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:2}&.select-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:2}&.select-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem;line-height:2}}}@media (width>=1024px){.lg\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;padding-left:1rem;padding-right:1rem;text-overflow:ellipsis;white-space:nowrap;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1.7rem;font-size:.875rem;line-height:2;position:relative;& select{background-color:#0000;border-style:none;width:100%;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}&.select-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}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1.625}&.select-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:2}&.select-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:2}&.select-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem;line-height:2}}}@media (width>=1280px){.xl\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;padding-left:1rem;padding-right:1rem;text-overflow:ellipsis;white-space:nowrap;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1.7rem;font-size:.875rem;line-height:2;position:relative;& select{background-color:#0000;border-style:none;width:100%;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}&.select-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}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1.625}&.select-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:2}&.select-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:2}&.select-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem;line-height:2}}}@media (width>=1536px){.\32 xl\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;padding-left:1rem;padding-right:1rem;text-overflow:ellipsis;white-space:nowrap;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1.7rem;font-size:.875rem;line-height:2;position:relative;& select{background-color:#0000;border-style:none;width:100%;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-color:color-mix(in oklch,var(--color-base-content)20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}&.select-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}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-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)}}&.select-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1.625}&.select-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:2}&.select-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:2}&.select-lg{height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem;line-height:2}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .select{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;gap:.375rem;width:100%;max-width:20rem;padding-inline:.75rem 1.7rem;font-size:.875rem;display:inline-flex;position:relative;& select{appearance:none;background-color:#0000;border-style:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}.select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.select-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.select-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.select-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.select-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.select-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}@media (width>=640px){.sm\:select{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;gap:.375rem;width:100%;max-width:20rem;padding-inline:.75rem 1.7rem;font-size:.875rem;display:inline-flex;position:relative;& select{appearance:none;background-color:#0000;border-style:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.sm\:select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}.sm\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.sm\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:select-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.sm\:select-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.sm\:select-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.sm\:select-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.sm\:select-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}}@media (width>=768px){.md\:select{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;gap:.375rem;width:100%;max-width:20rem;padding-inline:.75rem 1.7rem;font-size:.875rem;display:inline-flex;position:relative;& select{appearance:none;background-color:#0000;border-style:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.md\:select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}.md\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.md\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:select-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.md\:select-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.md\:select-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.md\:select-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.md\:select-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}}@media (width>=1024px){.lg\:select{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;gap:.375rem;width:100%;max-width:20rem;padding-inline:.75rem 1.7rem;font-size:.875rem;display:inline-flex;position:relative;& select{appearance:none;background-color:#0000;border-style:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.lg\:select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}.lg\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.lg\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:select-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.lg\:select-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.lg\:select-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.lg\:select-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.lg\:select-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}}@media (width>=1280px){.xl\:select{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;gap:.375rem;width:100%;max-width:20rem;padding-inline:.75rem 1.7rem;font-size:.875rem;display:inline-flex;position:relative;& select{appearance:none;background-color:#0000;border-style:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.xl\:select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}.xl\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.xl\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:select-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.xl\:select-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.xl\:select-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.xl\:select-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.xl\:select-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}}@media (width>=1536px){.\32 xl\:select{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;gap:.375rem;width:100%;max-width:20rem;padding-inline:.75rem 1.7rem;font-size:.875rem;display:inline-flex;position:relative;& select{appearance:none;background-color:#0000;border-style:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[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)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.\32 xl\:select-border{border-color:color-mix(in oklch,var(--color-base-content)20%,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)}}.\32 xl\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.\32 xl\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:select-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.\32 xl\:select-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.\32 xl\:select-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.\32 xl\:select-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.\32 xl\:select-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}}
package/components/skeleton/object.js CHANGED
@@ -1 +1 @@
1
- export default {".skeleton":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-300)","@media (prefers-reduced-motion: reduce)":{"transition-duration":"15s"},"will-change":"background-position","animation":"skeleton 1.8s ease-in-out infinite","background-image":"linear-gradient(105deg, transparent 0% 40%, var(--color-base-100) 50%, transparent 60% 100%)","background-size":"200% auto","background-repeat":"no-repeat","background-position-x":"-50%"},"@keyframes skeleton":{"from":{"background-position":"150%"},"to":{"background-position":"-50%"}}};
1
+ export default {".skeleton":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-300)","@media (prefers-reduced-motion: reduce)":{"transition-duration":"15s"},"will-change":"background-position","animation":"skeleton 1.8s ease-in-out infinite","background-image":"linear-gradient( 105deg, transparent 0% 40%, var(--color-base-100) 50%, transparent 60% 100% )","background-size":"200% auto","background-repeat":"no-repeat","background-position-x":"-50%"},"@keyframes skeleton":{"from":{"background-position":"150%"},"to":{"background-position":"-50%"}}};
package/components/skeleton.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@media (width>=640px){.sm\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=768px){.md\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=1024px){.lg\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=1280px){.xl\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=1536px){.\32 xl\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@media (width>=640px){.sm\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=768px){.md\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=1024px){.lg\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=1280px){.xl\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=1536px){.\32 xl\:skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}
package/components/stack/object.js CHANGED
@@ -1 +1 @@
1
- export default {".stack":{"display":"inline-grid","place-items":"center","align-items":"flex-end","&>*":{"grid-column-start":"1","grid-row-start":"1","width":"100%","opacity":"60%","transform":"translateY(10%) scale(0.9)","z-index":1},"&>*:nth-child(2)":{"opacity":"80%","transform":"translateY(5%) scale(0.95)","z-index":2},"&>*:nth-child(1)":{"opacity":"100%","transform":"translateY(0) scale(1)","z-index":3}}};
1
+ export default {".stack":{"display":"inline-grid","place-items":"center","align-items":"flex-end","& > *":{"grid-column-start":"1","grid-row-start":"1","width":"100%","opacity":"60%","transform":"translateY(10%) scale(0.9)","z-index":1},"& > *:nth-child(2)":{"opacity":"80%","transform":"translateY(5%) scale(0.95)","z-index":2},"& > *:nth-child(1)":{"opacity":"100%","transform":"translateY(0) scale(1)","z-index":3}}};
package/components/stack.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}@media (width>=640px){.sm\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=768px){.md\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=1024px){.lg\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=1280px){.xl\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=1536px){.\32 xl\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}@media (width>=640px){.sm\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=768px){.md\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=1024px){.lg\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=1280px){.xl\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=1536px){.\32 xl\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}
package/components/stat/object.js CHANGED
@@ -1 +1 @@
1
- export default {".stats":{"position":"relative","display":"inline-grid","grid-auto-flow":"column","overflow-x":"auto","border-radius":"var(--radius-box)"},".stat":{"display":"inline-grid","width":"100%","column-gap":"1rem","padding-left":"1.5rem","padding-right":"1.5rem","padding-top":"1rem","padding-bottom":"1rem","grid-template-columns":"repeat(1, 1fr)","&:not(:last-child)":{"border-inline-end":"1px dashed color-mix(in oklab, currentColor 10%, transparent)","border-block-end":"none"}},".stat-figure":{"grid-column-start":"2","grid-row":"span 3 / span 3","grid-row-start":"1","place-self":"center","justify-self":"flex-end"},".stat-title":{"grid-column-start":"1","white-space":"nowrap","color":"color-mix(in oklch, var(--color-base-content) 60%, transparent)","font-size":"0.75rem"},".stat-value":{"grid-column-start":"1","white-space":"nowrap","font-size":"2rem","font-weight":800},".stat-desc":{"grid-column-start":"1","white-space":"nowrap","color":"color-mix(in oklch, var(--color-base-content) 60%, transparent)","font-size":"0.75rem"},".stat-actions":{"grid-column-start":"1","white-space":"nowrap"},".stats-horizontal":{"grid-auto-flow":"column","overflow-x":"auto",".stat:not(:last-child)":{"border-inline-end":"1px dashed color-mix(in oklab, currentColor 10%, transparent)","border-block-end":"none"}},".stats-vertical":{"grid-auto-flow":"row","overflow-y":"auto",".stat:not(:last-child)":{"border-inline-end":"none","border-block-end":"1px dashed color-mix(in oklab, currentColor 10%, transparent)"}}};
1
+ export default {".stats":{"position":"relative","display":"inline-grid","grid-auto-flow":"column","overflow-x":"auto","border-radius":"var(--radius-box)"},".stat":{"display":"inline-grid","width":"100%","column-gap":"calc(0.25rem * 4)","padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 4)","grid-template-columns":"repeat(1, 1fr)","&:not(:last-child)":{"border-inline-end":"1px dashed color-mix(in oklab, currentColor 10%, transparent)","border-block-end":"none"}},".stat-figure":{"grid-column-start":"2","grid-row":"span 3 / span 3","grid-row-start":"1","place-self":"center","justify-self":"flex-end"},".stat-title":{"grid-column-start":"1","white-space":"nowrap","color":"color-mix(in oklch, var(--color-base-content) 60%, transparent)","font-size":"0.75rem"},".stat-value":{"grid-column-start":"1","white-space":"nowrap","font-size":"2rem","font-weight":800},".stat-desc":{"grid-column-start":"1","white-space":"nowrap","color":"color-mix(in oklch, var(--color-base-content) 60%, transparent)","font-size":"0.75rem"},".stat-actions":{"grid-column-start":"1","white-space":"nowrap"},".stats-horizontal":{"grid-auto-flow":"column","overflow-x":"auto",".stat:not(:last-child)":{"border-inline-end":"1px dashed color-mix(in oklab, currentColor 10%, transparent)","border-block-end":"none"}},".stats-vertical":{"grid-auto-flow":"row","overflow-y":"auto",".stat:not(:last-child)":{"border-inline-end":"none","border-block-end":"1px dashed color-mix(in oklab, currentColor 10%, transparent)"}}};
package/components/stat.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding:1rem 1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.stat-actions{white-space:nowrap;grid-column-start:1}.stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}@media (width>=640px){.sm\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.sm\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding:1rem 1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.sm\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.sm\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.sm\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.sm\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.sm\:stat-actions{white-space:nowrap;grid-column-start:1}.sm\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.sm\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=768px){.md\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.md\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding:1rem 1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.md\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.md\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.md\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.md\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.md\:stat-actions{white-space:nowrap;grid-column-start:1}.md\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.md\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=1024px){.lg\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.lg\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding:1rem 1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.lg\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.lg\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.lg\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.lg\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.lg\:stat-actions{white-space:nowrap;grid-column-start:1}.lg\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.lg\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=1280px){.xl\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.xl\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding:1rem 1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.xl\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.xl\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.xl\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.xl\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.xl\:stat-actions{white-space:nowrap;grid-column-start:1}.xl\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.xl\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=1536px){.\32 xl\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.\32 xl\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding:1rem 1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.\32 xl\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.\32 xl\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.\32 xl\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.\32 xl\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.\32 xl\:stat-actions{white-space:nowrap;grid-column-start:1}.\32 xl\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.\32 xl\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.stat-actions{white-space:nowrap;grid-column-start:1}.stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}@media (width>=640px){.sm\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.sm\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.sm\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.sm\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.sm\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.sm\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.sm\:stat-actions{white-space:nowrap;grid-column-start:1}.sm\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.sm\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=768px){.md\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.md\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.md\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.md\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.md\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.md\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.md\:stat-actions{white-space:nowrap;grid-column-start:1}.md\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.md\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=1024px){.lg\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.lg\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.lg\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.lg\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.lg\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.lg\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.lg\:stat-actions{white-space:nowrap;grid-column-start:1}.lg\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.lg\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=1280px){.xl\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.xl\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.xl\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.xl\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.xl\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.xl\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.xl\:stat-actions{white-space:nowrap;grid-column-start:1}.xl\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.xl\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=1536px){.\32 xl\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.\32 xl\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.\32 xl\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.\32 xl\:stat-title{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.\32 xl\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.\32 xl\:stat-desc{white-space:nowrap;color:color-mix(in oklch,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.\32 xl\:stat-actions{white-space:nowrap;grid-column-start:1}.\32 xl\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:1px dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.\32 xl\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:1px dashed color-mix(in oklab,currentColor 10%,transparent)}}}
package/components/status/object.js CHANGED
@@ -1 +1 @@
1
- export default {".status":{"aspect-ratio":"1 / 1","width":"0.5rem","height":"0.5rem","border-radius":"var(--radius-badge)","background-color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)","background-position":"center","background-repeat":"no-repeat","vertical-align":"middle"},".status-primary":{"background-color":"var(--color-primary)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-primary) 100%, transparent)"},".status-secondary":{"background-color":"var(--color-secondary)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-secondary) 100%, transparent)"},".status-accent":{"background-color":"var(--color-accent)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-accent) 100%, transparent)"},".status-neutral":{"background-color":"var(--color-neutral)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-neutral) 100%, transparent)"},".status-info":{"background-color":"var(--color-info)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-info) 100%, transparent)"},".status-success":{"background-color":"var(--color-success)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-success) 100%, transparent)"},".status-warning":{"background-color":"var(--color-warning)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-warning) 100%, transparent)"},".status-error":{"background-color":"var(--color-error)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-error) 100%, transparent)"},".status-xs":{"width":"0.125rem","height":"0.125rem"},".status-sm":{"width":"0.25rem","height":"0.25rem"},".status-md":{"width":"0.5rem","height":"0.5rem"},".status-lg":{"width":"1rem","height":"1rem"}};
1
+ export default {".status":{"aspect-ratio":"1 / 1","width":"calc(0.25rem * 2)","height":"calc(0.25rem * 2)","border-radius":"var(--radius-selector)","background-color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)","background-position":"center","background-repeat":"no-repeat","vertical-align":"middle"},".status-primary":{"background-color":"var(--color-primary)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-primary) 100%, transparent)"},".status-secondary":{"background-color":"var(--color-secondary)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-secondary) 100%, transparent)"},".status-accent":{"background-color":"var(--color-accent)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-accent) 100%, transparent)"},".status-neutral":{"background-color":"var(--color-neutral)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-neutral) 100%, transparent)"},".status-info":{"background-color":"var(--color-info)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-info) 100%, transparent)"},".status-success":{"background-color":"var(--color-success)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-success) 100%, transparent)"},".status-warning":{"background-color":"var(--color-warning)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-warning) 100%, transparent)"},".status-error":{"background-color":"var(--color-error)","box-shadow":"0 2px 3px -1px color-mix(in oklab, var(--color-error) 100%, transparent)"},".status-xs":{"width":"calc(0.25rem * 0.5)","height":"calc(0.25rem * 0.5)"},".status-sm":{"width":"calc(0.25rem * 1)","height":"calc(0.25rem * 1)"},".status-md":{"width":"calc(0.25rem * 2)","height":"calc(0.25rem * 2)"},".status-lg":{"width":"calc(0.25rem * 3)","height":"calc(0.25rem * 3)"},".status-xl":{"width":"calc(0.25rem * 4)","height":"calc(0.25rem * 4)"}};
package/components/status.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .status{aspect-ratio:1;border-radius:var(--radius-badge);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.status-xs{width:.125rem;height:.125rem}.status-sm{width:.25rem;height:.25rem}.status-md{width:.5rem;height:.5rem}.status-lg{width:1rem;height:1rem}@media (width>=640px){.sm\:status{aspect-ratio:1;border-radius:var(--radius-badge);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.sm\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.sm\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.sm\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.sm\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.sm\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.sm\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.sm\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.sm\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.sm\:status-xs{width:.125rem;height:.125rem}.sm\:status-sm{width:.25rem;height:.25rem}.sm\:status-md{width:.5rem;height:.5rem}.sm\:status-lg{width:1rem;height:1rem}}@media (width>=768px){.md\:status{aspect-ratio:1;border-radius:var(--radius-badge);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.md\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.md\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.md\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.md\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.md\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.md\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.md\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.md\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.md\:status-xs{width:.125rem;height:.125rem}.md\:status-sm{width:.25rem;height:.25rem}.md\:status-md{width:.5rem;height:.5rem}.md\:status-lg{width:1rem;height:1rem}}@media (width>=1024px){.lg\:status{aspect-ratio:1;border-radius:var(--radius-badge);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.lg\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.lg\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.lg\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.lg\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.lg\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.lg\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.lg\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.lg\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.lg\:status-xs{width:.125rem;height:.125rem}.lg\:status-sm{width:.25rem;height:.25rem}.lg\:status-md{width:.5rem;height:.5rem}.lg\:status-lg{width:1rem;height:1rem}}@media (width>=1280px){.xl\:status{aspect-ratio:1;border-radius:var(--radius-badge);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.xl\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.xl\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.xl\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.xl\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.xl\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.xl\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.xl\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.xl\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.xl\:status-xs{width:.125rem;height:.125rem}.xl\:status-sm{width:.25rem;height:.25rem}.xl\:status-md{width:.5rem;height:.5rem}.xl\:status-lg{width:1rem;height:1rem}}@media (width>=1536px){.\32 xl\:status{aspect-ratio:1;border-radius:var(--radius-badge);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.\32 xl\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.\32 xl\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.\32 xl\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.\32 xl\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.\32 xl\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.\32 xl\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.\32 xl\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.\32 xl\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.\32 xl\:status-xs{width:.125rem;height:.125rem}.\32 xl\:status-sm{width:.25rem;height:.25rem}.\32 xl\:status-md{width:.5rem;height:.5rem}.\32 xl\:status-lg{width:1rem;height:1rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.status-xs{width:.125rem;height:.125rem}.status-sm{width:.25rem;height:.25rem}.status-md{width:.5rem;height:.5rem}.status-lg{width:.75rem;height:.75rem}.status-xl{width:1rem;height:1rem}@media (width>=640px){.sm\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.sm\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.sm\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.sm\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.sm\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.sm\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.sm\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.sm\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.sm\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.sm\:status-xs{width:.125rem;height:.125rem}.sm\:status-sm{width:.25rem;height:.25rem}.sm\:status-md{width:.5rem;height:.5rem}.sm\:status-lg{width:.75rem;height:.75rem}.sm\:status-xl{width:1rem;height:1rem}}@media (width>=768px){.md\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.md\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.md\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.md\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.md\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.md\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.md\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.md\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.md\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.md\:status-xs{width:.125rem;height:.125rem}.md\:status-sm{width:.25rem;height:.25rem}.md\:status-md{width:.5rem;height:.5rem}.md\:status-lg{width:.75rem;height:.75rem}.md\:status-xl{width:1rem;height:1rem}}@media (width>=1024px){.lg\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.lg\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.lg\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.lg\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.lg\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.lg\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.lg\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.lg\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.lg\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.lg\:status-xs{width:.125rem;height:.125rem}.lg\:status-sm{width:.25rem;height:.25rem}.lg\:status-md{width:.5rem;height:.5rem}.lg\:status-lg{width:.75rem;height:.75rem}.lg\:status-xl{width:1rem;height:1rem}}@media (width>=1280px){.xl\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.xl\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.xl\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.xl\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.xl\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.xl\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.xl\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.xl\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.xl\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.xl\:status-xs{width:.125rem;height:.125rem}.xl\:status-sm{width:.25rem;height:.25rem}.xl\:status-md{width:.5rem;height:.5rem}.xl\:status-lg{width:.75rem;height:.75rem}.xl\:status-xl{width:1rem;height:1rem}}@media (width>=1536px){.\32 xl\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat;width:.5rem;height:.5rem}.\32 xl\:status-primary{background-color:var(--color-primary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.\32 xl\:status-secondary{background-color:var(--color-secondary);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.\32 xl\:status-accent{background-color:var(--color-accent);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.\32 xl\:status-neutral{background-color:var(--color-neutral);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.\32 xl\:status-info{background-color:var(--color-info);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent)}.\32 xl\:status-success{background-color:var(--color-success);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.\32 xl\:status-warning{background-color:var(--color-warning);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent)}.\32 xl\:status-error{background-color:var(--color-error);box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent)}.\32 xl\:status-xs{width:.125rem;height:.125rem}.\32 xl\:status-sm{width:.25rem;height:.25rem}.\32 xl\:status-md{width:.5rem;height:.5rem}.\32 xl\:status-lg{width:.75rem;height:.75rem}.\32 xl\:status-xl{width:1rem;height:1rem}}