Skip to content

Commit

Permalink
chore: update pagination demo hover styles (#267)
Browse files Browse the repository at this point in the history
  • Loading branch information
@huntabyte
huntabyte authored Jan 8, 2024
1 parent 263b28f commit 19eda54
Show file tree
Hide file tree
Showing 29 changed files with 5 additions and 59 deletions.
2 changes: 0 additions & 2 deletions content/components/alert-dialog.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,5 +61,3 @@ If you want to control or be aware of the `open` state of the dialog from outsid
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/aspect-ratio.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,5 +25,3 @@ description: Displays content while maintaining a specified aspect ratio, ensuri
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/avatar.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,5 +28,3 @@ description: Represents a user or entity with a recognizable image or placeholde
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/button.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,5 +25,3 @@ description: A special button component that can receive Melt UI builders for us
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/checkbox.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,5 +45,3 @@ If you want to control or be aware of the `checked` state of the checkbox from o
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/collapsible.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,5 +45,3 @@ Sometimes, you want to either control or be aware of the `open` state of the col
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/context-menu.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,5 +54,3 @@ description: Displays options or actions relevant to a specific context or selec
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/dialog.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,5 +59,3 @@ If you want to control or be aware of the `open` state of the dialog from outsid
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/dropdown-menu.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,5 +54,3 @@ description: Displays a menu of items that users can select from when triggered.
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/label.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,5 +25,3 @@ description: Identifies or describes associated UI elements.
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/link-preview.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,5 +28,3 @@ description: Displays a summarized preview of a linked content's details or info
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/menubar.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,5 +55,3 @@ description: Organizes and presents a collection of menu options or actions with
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/pin-input.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,5 +31,3 @@ description: Allows users to input a sequence of one-character alphanumeric inpu
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/popover.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,5 +51,3 @@ If you want to control or be aware of the `open` state of the popover from outsi
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/progress.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,5 +25,3 @@ description: Visualizes the progress or completion status of a task or process.
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/radio-group.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,5 +29,3 @@ description: Allows users to select a single option from a list of mutually excl
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/select.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,5 +44,3 @@ description: Enables users to choose from a list of options presented in a dropd
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/separator.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,5 +25,3 @@ description: Visually separates content or UI elements for clarity and organizat
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/slider.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,5 +29,3 @@ description: Allows users to select a value from a continuous range by sliding a
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/switch.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,5 +28,3 @@ description: A toggle control enabling users to switch between "on" and "off" st
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/tabs.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,5 +30,3 @@ description: Organizes content into distinct sections, allowing users to switch
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/toggle-group.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,5 +28,3 @@ description: A control element that switches between two states, providing a bin
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/toggle.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,5 +28,3 @@ description: Groups multiple toggle controls, allowing users to enable one or mu
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/toolbar.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,5 +31,3 @@ description: Displays frequently used actions or tools in a compact, easily acce
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/components/tooltip.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,5 +30,3 @@ description: Provides additional information or context when users hover over or
```

<APISection {schemas} />

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 0 additions & 2 deletions content/getting-started.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,5 +39,3 @@ You can then import and start using them in your app.
</Accordion.Item>
</Accordion.Root>
```

🚧 **UNDER CONSTRUCTION** 🚧
4 changes: 1 addition & 3 deletions content/introduction.md
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Introduction
description: A collection of headless components for Svelte, built with Melt UI builders.
description: The headless components for Svelte.
---

Bits UI is a collection of headless component primitives that enable you to build your own custom components. They have been thoughtfully designed to prioritize simplicity without compromising customizability.
Expand All @@ -13,5 +13,3 @@ Under the hood, most of these components are powered by [Melt UI](https://melt-u
- [Melt UI](https://melt-ui.com) - The underlying builder API that powers Bits.
- [Radix UI](https://radix-ui.com) - The incredible headless component APIs that we've taken heavy inspiration from.
- [React Spectrum](https://react-spectrum.adobe.com) - An incredible collection of headless components we've taken inspiration from.

🚧 **UNDER CONSTRUCTION** 🚧
2 changes: 1 addition & 1 deletion content/styling.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ For each component that renders an HTML element, we provide a `class` prop that

## CSS frameworks

If you're using a CSS framework like Tailwind or UnoCSS, you can simply pass the classes you need to the component, and they will be applied to the underlying HTML element it renders.
If you're using a CSS framework like TailwindCSS or UnoCSS, you can simply pass the classes you need to the component, and they will be applied to the underlying HTML element it renders.

```svelte
<script lang="ts">
Expand Down
6 changes: 3 additions & 3 deletions src/components/demos/pagination-demo.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<Pagination.Root count={100} perPage={10} let:pages let:range>
<div class="mb-[55px] flex items-center">
<Pagination.PrevButton
class="mr-[25px] inline-flex items-center justify-center rounded-[9px] bg-transparent sq-10 hover:bg-muted active:scale-98 disabled:cursor-not-allowed disabled:text-muted-foreground hover:disabled:bg-transparent"
class="mr-[25px] inline-flex items-center justify-center rounded-[9px] bg-transparent sq-10 hover:bg-dark-10 active:scale-98 disabled:cursor-not-allowed disabled:text-muted-foreground hover:disabled:bg-transparent"
>
<CaretLeft class="sq-6" />
</Pagination.PrevButton>
Expand All @@ -17,15 +17,15 @@
{:else}
<Pagination.Page
{page}
class="inline-flex items-center justify-center rounded-[9px] bg-transparent text-[15px] font-medium sq-10 hover:bg-muted active:scale-98 disabled:cursor-not-allowed disabled:opacity-50 hover:disabled:bg-transparent data-[selected]:bg-foreground data-[selected]:text-background"
class="inline-flex items-center justify-center rounded-[9px] bg-transparent text-[15px] font-medium sq-10 hover:bg-dark-10 active:scale-98 disabled:cursor-not-allowed disabled:opacity-50 hover:disabled:bg-transparent data-[selected]:bg-foreground data-[selected]:text-background"
>
{page.value}
</Pagination.Page>
{/if}
{/each}
</div>
<Pagination.NextButton
class="ml-[29px] inline-flex items-center justify-center rounded-[9px] bg-transparent sq-10 hover:bg-muted active:scale-98 disabled:cursor-not-allowed disabled:text-muted-foreground hover:disabled:bg-transparent"
class="ml-[29px] inline-flex items-center justify-center rounded-[9px] bg-transparent sq-10 hover:bg-dark-10 active:scale-98 disabled:cursor-not-allowed disabled:text-muted-foreground hover:disabled:bg-transparent"
>
<CaretRight class="sq-6" />
</Pagination.NextButton>
Expand Down

0 comments on commit 19eda54

Please sign in to comment.