daisyui 5.0.0-alpha.13 → 5.0.0-alpha.14
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.
- package/base/properties/index.js +4 -1
- package/base/properties/object.js +1 -0
- package/base/properties.css +1 -1
- package/base/rootcolor/index.js +4 -0
- package/base/rootcolor.css +1 -0
- package/base/scrollbar/index.js +4 -1
- package/base/scrollbar/object.js +1 -0
- package/base/scrollbar.css +1 -1
- package/chunks.css +2 -2
- package/colors/properties.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert/index.js +4 -1
- package/components/alert/object.js +1 -0
- package/components/alert.css +1 -1
- package/components/avatar/index.js +4 -1
- package/components/avatar/object.js +1 -0
- package/components/avatar.css +1 -1
- package/components/badge/index.js +4 -1
- package/components/badge/object.js +1 -0
- package/components/badge.css +1 -1
- package/components/button/index.js +4 -1
- package/components/button/object.js +1 -0
- package/components/button.css +1 -1
- package/components/card/index.js +4 -1
- package/components/card/object.js +1 -0
- package/components/card.css +1 -1
- package/components/chat/index.js +4 -1
- package/components/chat/object.js +1 -0
- package/components/chat.css +1 -1
- package/components/checkbox/index.js +4 -1
- package/components/checkbox/object.js +1 -0
- package/components/checkbox.css +1 -1
- package/components/collapse/index.js +4 -1
- package/components/collapse/object.js +1 -0
- package/components/collapse.css +1 -1
- package/components/countdown/index.js +4 -1
- package/components/countdown/object.js +1 -0
- package/components/countdown.css +1 -1
- package/components/divider/index.js +4 -1
- package/components/divider/object.js +1 -0
- package/components/divider.css +1 -1
- package/components/dropdown/index.js +4 -1
- package/components/dropdown/object.js +1 -0
- package/components/dropdown.css +1 -1
- package/components/footer/index.js +4 -1
- package/components/footer/object.js +1 -0
- package/components/footer.css +1 -1
- package/components/hero/index.js +4 -1
- package/components/hero/object.js +1 -0
- package/components/hero.css +1 -1
- package/components/input/index.js +4 -1
- package/components/input/object.js +1 -0
- package/components/input.css +1 -1
- package/components/kbd/index.js +4 -1
- package/components/kbd/object.js +1 -0
- package/components/kbd.css +1 -1
- package/components/link/index.js +4 -1
- package/components/link/object.js +1 -0
- package/components/link.css +1 -1
- package/components/loading/index.js +4 -1
- package/components/loading/object.js +1 -0
- package/components/loading.css +1 -1
- package/components/mask/index.js +4 -1
- package/components/mask/object.js +1 -0
- package/components/mask.css +1 -1
- package/components/menu/index.js +4 -1
- package/components/menu/object.js +1 -0
- package/components/menu.css +1 -1
- package/components/navbar/index.js +4 -1
- package/components/navbar/object.js +1 -0
- package/components/navbar.css +1 -1
- package/components/progress/index.js +4 -1
- package/components/progress/object.js +1 -0
- package/components/progress.css +1 -1
- package/components/radialprogress/index.js +4 -0
- package/components/{radial-progress.css → radialprogress.css} +1 -1
- package/components/radio/index.js +4 -1
- package/components/radio/object.js +1 -0
- package/components/radio.css +1 -1
- package/components/range/index.js +4 -1
- package/components/range/object.js +1 -0
- package/components/range.css +1 -1
- package/components/rating/index.js +4 -1
- package/components/rating/object.js +1 -0
- package/components/rating.css +1 -1
- package/components/select/index.js +4 -1
- package/components/select/object.js +1 -0
- package/components/select.css +1 -1
- package/components/skeleton/index.js +4 -1
- package/components/skeleton/object.js +1 -0
- package/components/skeleton.css +1 -1
- package/components/stack/index.js +4 -1
- package/components/stack/object.js +1 -0
- package/components/stack.css +1 -1
- package/components/status/index.js +4 -1
- package/components/status/object.js +1 -0
- package/components/status.css +1 -1
- package/components/steps/index.js +4 -1
- package/components/steps/object.js +1 -0
- package/components/steps.css +1 -1
- package/components/swap/index.js +4 -1
- package/components/swap/object.js +1 -0
- package/components/swap.css +1 -1
- package/components/tab/index.js +4 -1
- package/components/tab/object.js +1 -0
- package/components/tab.css +1 -1
- package/components/table/index.js +4 -1
- package/components/table/object.js +1 -0
- package/components/table.css +1 -1
- package/components/timeline/index.js +4 -1
- package/components/timeline/object.js +1 -0
- package/components/timeline.css +1 -1
- package/components/toggle/index.js +4 -1
- package/components/toggle/object.js +1 -0
- package/components/toggle.css +1 -1
- package/components/tooltip/index.js +4 -1
- package/components/tooltip/object.js +1 -0
- package/components/tooltip.css +1 -1
- package/full.css +1 -1
- package/index.js +104 -50
- package/package.json +1 -2
- package/utilities/join/index.js +4 -1
- package/utilities/join/object.js +1 -0
- package/utilities/join.css +1 -1
- package/base/properties/config.js +0 -4
- package/base/properties/index.css +0 -1
- package/base/root-color/config.js +0 -4
- package/base/root-color/index.css +0 -1
- package/base/root-color.css +0 -1
- package/base/scrollbar/config.js +0 -4
- package/base/scrollbar/index.css +0 -1
- package/components/alert/config.js +0 -4
- package/components/alert/index.css +0 -1
- package/components/avatar/config.js +0 -4
- package/components/avatar/index.css +0 -1
- package/components/badge/config.js +0 -4
- package/components/badge/index.css +0 -1
- package/components/button/config.js +0 -4
- package/components/button/index.css +0 -1
- package/components/card/config.js +0 -4
- package/components/card/index.css +0 -1
- package/components/chat/config.js +0 -4
- package/components/chat/index.css +0 -1
- package/components/checkbox/config.js +0 -4
- package/components/checkbox/index.css +0 -1
- package/components/collapse/config.js +0 -4
- package/components/collapse/index.css +0 -1
- package/components/countdown/config.js +0 -4
- package/components/countdown/index.css +0 -1
- package/components/divider/config.js +0 -4
- package/components/divider/index.css +0 -1
- package/components/dropdown/config.js +0 -4
- package/components/dropdown/index.css +0 -1
- package/components/footer/config.js +0 -4
- package/components/footer/index.css +0 -1
- package/components/hero/config.js +0 -4
- package/components/hero/index.css +0 -1
- package/components/input/config.js +0 -4
- package/components/input/index.css +0 -1
- package/components/kbd/config.js +0 -4
- package/components/kbd/index.css +0 -1
- package/components/link/config.js +0 -4
- package/components/link/index.css +0 -1
- package/components/loading/config.js +0 -4
- package/components/loading/index.css +0 -1
- package/components/mask/config.js +0 -4
- package/components/mask/index.css +0 -1
- package/components/menu/config.js +0 -4
- package/components/menu/index.css +0 -1
- package/components/navbar/config.js +0 -4
- package/components/navbar/index.css +0 -1
- package/components/progress/config.js +0 -4
- package/components/progress/index.css +0 -1
- package/components/radial-progress/config.js +0 -4
- package/components/radial-progress/index.css +0 -1
- package/components/radio/config.js +0 -4
- package/components/radio/index.css +0 -1
- package/components/range/config.js +0 -4
- package/components/range/index.css +0 -1
- package/components/rating/config.js +0 -4
- package/components/rating/index.css +0 -1
- package/components/select/config.js +0 -4
- package/components/select/index.css +0 -1
- package/components/skeleton/config.js +0 -4
- package/components/skeleton/index.css +0 -1
- package/components/stack/config.js +0 -4
- package/components/stack/index.css +0 -1
- package/components/status/config.js +0 -4
- package/components/status/index.css +0 -1
- package/components/steps/config.js +0 -4
- package/components/steps/index.css +0 -1
- package/components/swap/config.js +0 -4
- package/components/swap/index.css +0 -1
- package/components/tab/config.js +0 -4
- package/components/tab/index.css +0 -1
- package/components/table/config.js +0 -4
- package/components/table/index.css +0 -1
- package/components/timeline/config.js +0 -4
- package/components/timeline/index.css +0 -1
- package/components/toggle/config.js +0 -4
- package/components/toggle/index.css +0 -1
- package/components/tooltip/config.js +0 -4
- package/components/tooltip/index.css +0 -1
- package/index.css +0 -43
- package/utilities/join/config.js +0 -4
- package/utilities/join/index.css +0 -1
- /package/base/{root-color/index.js → rootcolor/object.js} +0 -0
- /package/components/{radial-progress → radialprogress}/class.json +0 -0
- /package/components/{radial-progress/index.js → radialprogress/object.js} +0 -0
|
@@ -1 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import timeline from './object.js';
|
|
2
|
+
export default ({ addComponents }) => {
|
|
3
|
+
addComponents({...timeline})
|
|
4
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {".timeline":{"@apply relative flex":{},">li":{"@apply relative grid shrink-0 items-center":{},"gridTemplateRows":"var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end,\n minmax(0, 1fr))","gridTemplateColumns":"var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end,\n minmax(0, 1fr))",">hr":{"@apply w-full border-0":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},":where(hr)":{"@apply h-1 bg-base-300":{}},"&:has(.timeline-middle hr)":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},"&:not(:has(.timeline-middle))":{":first-child hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}},":last-child hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}},".timeline-box":{"@apply rounded-box bg-base-100 border-base-300 border px-4 py-2 shadow-sm":{}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 m-1 self-end justify-self-center":{}},".timeline-middle":{"@apply col-start-2 row-start-2":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},".timeline-compact":{"--timeline-row-start":"0",".timeline-start":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-[none] row-start-auto":{}}},"&.timeline-vertical":{">li":{"--timeline-col-start":"0"},".timeline-start":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-auto row-start-[none]":{}}}}},".timeline-snap-icon":{">li":{"--timeline-col-start":"0.5rem","--timeline-row-start":"minmax(0, 1fr)"}},".timeline-vertical":{"@apply flex-col":{},">li":{"@apply justify-items-center":{},"--timeline-row-start":"minmax(0, 1fr)","--timeline-row-end":"minmax(0, 1fr)",">hr":{"@apply w-1 h-full":{},"&:first-child":{"@apply col-start-2 row-start-1":{}},"&:last-child":{"@apply col-start-2 col-end-auto row-start-3 row-end-[none]":{}}}},".timeline-start":{"@apply col-start-1 col-end-2 row-start-1 row-end-4 self-center justify-self-end":{}},".timeline-end":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-b-badge rounded-t-none":{}},"&:last-child":{"@apply rounded-t-badge rounded-b-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-t-badge rounded-b-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-b-badge rounded-t-none":{}}}},"&.timeline-snap-icon":{">li":{"--timeline-col-start":"minmax(0, 1fr)","--timeline-row-start":"0.5rem"}}},".timeline-horizontal":{"@apply flex-row":{},">li":{"@apply items-center":{},">hr":{"@apply w-full h-1":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 self-end justify-self-center":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 self-start justify-self-center":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}}}};
|
package/components/timeline.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.14 – MIT License */ .timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border-style:var(--tw-border-style);border-width:0;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}&:not(:has(.timeline-middle)){& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}}}.timeline-box{border-radius:var(--radius-box,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300,oklch(92.4169% .00108 197.138));background-color:var(--color-base-100,oklch(100% 0 0));padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.timeline-middle{grid-row-start:2;grid-column-start:2}.timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,1.9rem);border-bottom-left-radius:var(--radius-badge,1.9rem)}&:last-child{border-top-left-radius:var(--radius-badge,1.9rem);border-top-right-radius:var(--radius-badge,1.9rem);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge,1.9rem);border-top-right-radius:var(--radius-badge,1.9rem);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,1.9rem);border-bottom-left-radius:var(--radius-badge,1.9rem)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}}}}
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import toggle from './object.js';
|
|
2
|
+
export default ({ addComponents }) => {
|
|
3
|
+
addComponents({...toggle})
|
|
4
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {".toggle":{"@apply rounded-badge text-base-content/50 inline-flex h-6 w-12 shrink-0 cursor-pointer appearance-none rounded-[var(--radius-badge)] border border-current p-[.1875rem] align-middle":{},"boxShadow":"0 1px color-mix(in oklab, currentColor, transparent 90%) inset","transition":"color .3s","&:before":{"@apply block h-full grow-0":{},"content":"\"\"","transition":"flex-grow 0.2s"},"&:after":{"@apply relative start-0 block aspect-square h-full translate-x-0 [border-radius:calc(var(--radius-badge)-3px)] bg-current":{},"content":"\"\"","transition":"background-color 0.1s,\n translate 0.2s,\n inset-inline-start 0.2s","boxShadow":"0 -1px oklch(0% 0 0 / 0.1) inset,\n 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n 0 1px color-mix(in oklab, currentColor, transparent 90%)"},"&:focus-visible":{"@apply outline outline-2 outline-offset-2 outline-current":{}},"&:checked,\n &[aria-checked=\"true\"]":{"@apply bg-base-100 text-base-content":{},"&:before":{"@apply grow":{}},"&:after":{"@apply bg-current":{},"@starting-style":{"opacity":0}}},"&:indeterminate":{"&:before":{"@apply grow-0":{}},"&:after":{"@apply start-1/2 -translate-x-1/2":{}}},"&:disabled":{"@apply cursor-not-allowed opacity-30":{},"&:after":{"@apply border border-current bg-transparent":{}}}},".toggle-primary":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-primary":{}}},".toggle-secondary":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-secondary":{}}},".toggle-accent":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-accent":{}}},".toggle-success":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-success":{}}},".toggle-warning":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-warning":{}}},".toggle-info":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-info":{}}},".toggle-error":{"&:checked,\n &[aria-checked=\"true\"]":{"@apply text-error":{}}},".toggle-xs":{"&:is([type=\"checkbox\"])":{"@apply p-[.0625rem] h-4 w-6":{}}},".toggle-sm":{"&:is([type=\"checkbox\"])":{"@apply p-[.125rem] h-5 w-8":{}}},".toggle-md":{"&:is([type=\"checkbox\"])":{"@apply p-[.1875rem] h-6 w-12":{}}},".toggle-lg":{"&:is([type=\"checkbox\"])":{"@apply p-[.25rem] h-8 w-16":{}}}};
|
package/components/toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.14 – MIT License */ .toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge);border-radius:var(--radius-badge,1.9rem);border-style:var(--tw-border-style);vertical-align:middle;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border-width:1px;border-color:currentColor;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px)}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{background-color:var(--color-base-100,oklch(100% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848));&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);inset-inline-start:50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{border-style:var(--tw-border-style);background-color:#0000;border-width:1px;border-color:currentColor}}}.toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary,oklch(49.12% .3096 275.75))}}.toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary,oklch(69.71% .329 342.55))}}.toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent,oklch(76.76% .184 183.61))}}.toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success,oklch(64.8% .15 160))}}.toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning,oklch(84.71% .199 83.87))}}.toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info,oklch(72.06% .191 231.6))}}.toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error,oklch(71.76% .221 22.18))}}.toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import tooltip from './object.js';
|
|
2
|
+
export default ({ addComponents }) => {
|
|
3
|
+
addComponents({...tooltip})
|
|
4
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {".tooltip":{"@apply relative inline-block":{},"--tooltip-color":"var(--color-neutral)","--tooltip-tail":"0.1875rem","--tooltip-text-color":"var(--color-neutral-content)","--tooltip-offset":"calc(100% + 1px + var(--tooltip-tail, 0px))","--tooltip-tail-offset":"calc(100% + 0.0625rem - var(--tooltip-tail))","&:before":{"@apply absolute max-w-xs rounded px-2 py-1 text-sm whitespace-normal opacity-0 text-center":{},"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","backgroundColor":"var(--tooltip-color)","color":"var(--tooltip-text-color)","width":"max-content","pointerEvents":"none","zIndex":1,"content":"var(--tw-content)","--tw-content":"attr(data-tip)"},"&:after":{"@apply absolute opacity-0":{},"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","content":"\"\"","borderStyle":"solid","borderWidth":"var(--tooltip-tail, 0)","width":"0","height":"0","display":"block","position":"absolute"},"&.tooltip-open,\n &:hover,\n &:has(:focus-visible)":{"&:before,\n &:after":{"@apply opacity-100":{},"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s"}}},".tooltip,\n.tooltip-top":{"&:before":{"transform":"translateX(-50%)","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-offset)"},"&:after":{"transform":"translateX(-50%)","borderColor":"var(--tooltip-color) transparent transparent transparent","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-tail-offset)"}},".tooltip-bottom":{"&:before":{"transform":"translateX(-50%)","top":"var(--tooltip-offset)","left":"50%","right":"auto","bottom":"auto"},"&:after":{"transform":"translateX(-50%)","borderColor":"transparent transparent var(--tooltip-color) transparent","top":"var(--tooltip-tail-offset)","left":"50%","right":"auto","bottom":"auto"}},".tooltip-left":{"&:before":{"transform":"translateY(-50%)","top":"50%","left":"auto","right":"var(--tooltip-offset)","bottom":"auto"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent transparent transparent var(--tooltip-color)","top":"50%","left":"auto","right":"calc(var(--tooltip-tail-offset) + 0.0625rem)","bottom":"auto"}},".tooltip-right":{"&:before":{"transform":"translateY(-50%)","top":"50%","left":"var(--tooltip-offset)","right":"auto","bottom":"auto"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent var(--tooltip-color) transparent transparent","top":"50%","left":"calc(var(--tooltip-tail-offset) + 0.0625rem)","right":"auto","bottom":"auto"}},".tooltip:not([data-tip]):hover:before,\n.tooltip:not([data-tip]):hover:after":{"visibility":"hidden","opacity":0},".tooltip-primary":{"--tooltip-color":"var(--color-primary)","--tooltip-text-color":"var(--color-primary-content)"},".tooltip-secondary":{"--tooltip-color":"var(--color-secondary)","--tooltip-text-color":"var(--color-secondary-content)"},".tooltip-accent":{"--tooltip-color":"var(--color-accent)","--tooltip-text-color":"var(--color-accent-content)"},".tooltip-info":{"--tooltip-color":"var(--color-info)","--tooltip-text-color":"var(--color-info-content)"},".tooltip-success":{"--tooltip-color":"var(--color-success)","--tooltip-text-color":"var(--color-success-content)"},".tooltip-warning":{"--tooltip-color":"var(--color-warning)","--tooltip-text-color":"var(--color-warning-content)"},".tooltip-error":{"--tooltip-color":"var(--color-error)","--tooltip-text-color":"var(--color-error-content)"}};
|
package/components/tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.14 – MIT License */ .tooltip{--tooltip-color:var(--color-neutral);--tooltip-tail:.1875rem;--tooltip-text-color:var(--color-neutral-content);--tooltip-offset:calc(100% + 1px + var(--tooltip-tail,0px));--tooltip-tail-offset:calc(100% + .0625rem - var(--tooltip-tail));display:inline-block;position:relative;&:before{max-width:var(--width-xs,20rem);white-space:normal;border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);text-align:center;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));opacity:0;background-color:var(--tooltip-color);color:var(--tooltip-text-color);pointer-events:none;z-index:1;content:var(--tw-content);--tw-content:attr(data-tip);width:max-content;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute}&:after{opacity:0;content:"";border-style:solid;border-width:var(--tooltip-tail,0);width:0;height:0;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute}}.tooltip,.tooltip-top{&:before{top:auto;left:50%;right:auto;bottom:var(--tooltip-offset);transform:translate(-50%)}}.tooltip-bottom{&:before{top:var(--tooltip-offset);bottom:auto;left:50%;right:auto;transform:translate(-50%)}}.tooltip-left{&:before{top:50%;left:auto;right:var(--tooltip-offset);bottom:auto;transform:translateY(-50%)}}.tooltip-right{&:before{top:50%;left:var(--tooltip-offset);bottom:auto;right:auto;transform:translateY(-50%)}}.tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}}}.tooltip:not([data-tip]):hover:before,.tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.tooltip,.tooltip-top{&:after{border-color:var(--tooltip-color)transparent transparent transparent;top:auto;left:50%;right:auto;bottom:var(--tooltip-tail-offset);transform:translate(-50%)}}.tooltip-bottom{&:after{border-color:transparent transparent var(--tooltip-color)transparent;top:var(--tooltip-tail-offset);bottom:auto;left:50%;right:auto;transform:translate(-50%)}}.tooltip-left{&:after{border-color:transparent transparent transparent var(--tooltip-color);top:50%;left:auto;right:calc(var(--tooltip-tail-offset) + .0625rem);bottom:auto;transform:translateY(-50%)}}.tooltip-right{&:after{border-color:transparent var(--tooltip-color)transparent transparent;top:50%;left:calc(var(--tooltip-tail-offset) + .0625rem);bottom:auto;right:auto;transform:translateY(-50%)}}.tooltip-primary{--tooltip-color:var(--color-primary);--tooltip-text-color:var(--color-primary-content)}.tooltip-secondary{--tooltip-color:var(--color-secondary);--tooltip-text-color:var(--color-secondary-content)}.tooltip-accent{--tooltip-color:var(--color-accent);--tooltip-text-color:var(--color-accent-content)}.tooltip-info{--tooltip-color:var(--color-info);--tooltip-text-color:var(--color-info-content)}.tooltip-success{--tooltip-color:var(--color-success);--tooltip-text-color:var(--color-success-content)}.tooltip-warning{--tooltip-color:var(--color-warning);--tooltip-text-color:var(--color-warning-content)}.tooltip-error{--tooltip-color:var(--color-error);--tooltip-text-color:var(--color-error-content)}
|