Skip to content

Commit

Permalink
chore: update Melt UI (#360)
Browse files Browse the repository at this point in the history
  • Loading branch information
huntabyte authored Mar 1, 2024
1 parent 597541e commit 26f326d
Show file tree
Hide file tree
Showing 4 changed files with 22 additions and 23 deletions.
5 changes: 5 additions & 0 deletions .changeset/proud-queens-joke.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"bits-ui": patch
---

Update Melt UI to [0.74.4](https://github.com/melt-ui/melt-ui/releases/tag/v0.74.4)
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -96,7 +96,7 @@
"type": "module",
"dependencies": {
"@internationalized/date": "^3.5.1",
"@melt-ui/svelte": "0.74.2",
"@melt-ui/svelte": "0.74.4",
"nanoid": "^5.0.5"
},
"peerDependencies": {
Expand Down
14 changes: 7 additions & 7 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

24 changes: 9 additions & 15 deletions src/components/demos/radio-group-demo.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -3,34 +3,28 @@
</script>

<RadioGroup.Root class="flex flex-col gap-4 text-sm font-medium">
<div
class="group flex cursor-pointer select-none items-center gap-3 text-foreground transition-all"
>
<div class="group flex select-none items-center text-foreground transition-all">
<RadioGroup.Item
id="amazing"
value="amazing"
class="size-5 shrink-0 rounded-full border border-border-input bg-background transition-all duration-100 ease-in-out hover:border-dark-40 data-[state=checked]:border-6 data-[state=checked]:border-foreground"
class="size-5 shrink-0 cursor-default rounded-full border border-border-input bg-background transition-all duration-100 ease-in-out hover:border-dark-40 data-[state=checked]:border-6 data-[state=checked]:border-foreground"
/>
<Label.Root for="amazing">Amazing</Label.Root>
<Label.Root for="amazing" class="pl-3">Amazing</Label.Root>
</div>
<div
class="group flex cursor-pointer select-none items-center gap-3 text-foreground transition-all"
>
<div class="group flex select-none items-center text-foreground transition-all">
<RadioGroup.Item
id="average"
value="average"
class="size-5 shrink-0 rounded-full border border-border-input bg-background transition-all duration-100 ease-in-out hover:border-dark-40 data-[state=checked]:border-6 data-[state=checked]:border-foreground"
class="size-5 shrink-0 cursor-default rounded-full border border-border-input bg-background transition-all duration-100 ease-in-out hover:border-dark-40 data-[state=checked]:border-6 data-[state=checked]:border-foreground"
/>
<Label.Root for="average">Average</Label.Root>
<Label.Root for="average" class="pl-3">Average</Label.Root>
</div>
<div
class="group flex cursor-pointer select-none items-center gap-3 text-foreground transition-all"
>
<div class="group flex select-none items-center text-foreground transition-all">
<RadioGroup.Item
id="terrible"
value="terrible"
class="size-5 shrink-0 rounded-full border border-border-input bg-background transition-all duration-100 ease-in-out hover:border-dark-40 data-[state=checked]:border-6 data-[state=checked]:border-foreground"
class="size-5 shrink-0 cursor-default rounded-full border border-border-input bg-background transition-all duration-100 ease-in-out hover:border-dark-40 data-[state=checked]:border-6 data-[state=checked]:border-foreground"
/>
<Label.Root for="terrible">Terrible</Label.Root>
<Label.Root for="terrible" class="pl-3">Terrible</Label.Root>
</div>
</RadioGroup.Root>

0 comments on commit 26f326d

Please sign in to comment.