refactor(module)!: implement design system with CSS variables (#2298)

This commit is contained in:
Benjamin Canac
2024-10-07 14:48:02 +02:00
committed by GitHub
parent 3cf5535b2f
commit 9368c6a639
279 changed files with 6533 additions and 6994 deletions

View File

@@ -91,10 +91,10 @@ props:
slots:
default: |
<UButton icon="i-heroicons-bars-3" color="gray" variant="outline" />
<UButton icon="i-heroicons-bars-3" color="neutral" variant="outline" />
---
:u-button{icon="i-heroicons-bars-3" color="gray" variant="outline"}
:u-button{icon="i-heroicons-bars-3" color="neutral" variant="outline"}
::
::note
@@ -143,10 +143,10 @@ props:
slots:
default: |
<UButton label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline" />
<UButton label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline" />
---
:u-button{label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline"}
:u-button{label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline"}
::
### Arrow
@@ -175,10 +175,10 @@ props:
slots:
default: |
<UButton label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline" />
<UButton label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline" />
---
:u-button{label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline"}
:u-button{label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline"}
::
### Size
@@ -209,13 +209,13 @@ props:
slots:
default: |
<UButton size="xl" label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline" />
<UButton size="xl" label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline" />
---
:u-button{size="xl" label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline"}
:u-button{size="xl" label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline"}
::
::caution
::warning
The `size` prop will not be proxied to the Button, you need to set it yourself.
::
@@ -248,10 +248,10 @@ props:
slots:
default: |
<UButton label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline" />
<UButton label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline" />
---
:u-button{label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline"}
:u-button{label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline"}
::
## Examples