arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-28 10:50:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
playground/app/components/FormElementsExample.vue
View File

@@ -95,11 +95,11 @@ function onSubmit(event: FormSubmitEvent<Schema>) {
</UFormField>
<div class="flex gap-2">
<UButton color="gray" type="submit">
<UButton color="neutral" type="submit">
Submit
</UButton>
<UButton color="gray" variant="outline" @click="form?.clear()">
<UButton color="neutral" variant="outline" @click="form?.clear()">
Clear
</UButton>
</div>

2
playground/app/components/FormNestedExample.vue
View File

@@ -57,7 +57,7 @@ function onError(event: any) {
</UForm>
<div>
<UButton color="gray" type="submit">
<UButton color="neutral" type="submit">
Submit
</UButton>
</div>

6
playground/app/components/FormNestedListExample.vue
View File

@@ -68,16 +68,16 @@ function onError(event: any) {
</UForm>
<div class="flex gap-2">
<UButton color="gray" variant="subtle" size="sm" @click="addItem()">
<UButton color="neutral" variant="subtle" size="sm" @click="addItem()">
Add Item
</UButton>
<UButton color="gray" variant="ghost" size="sm" @click="removeItem()">
<UButton color="neutral" variant="ghost" size="sm" @click="removeItem()">
Remove Item
</UButton>
</div>
<div>
<UButton color="gray" type="submit">
<UButton color="neutral" type="submit">
Submit
</UButton>
</div>

2
playground/app/components/ModalExample.vue
View File

@@ -9,7 +9,7 @@ defineProps<{
<template>
<UModal :title="`This modal was opened programmatically ${count} times`">
<template #footer>
<UButton color="gray" label="Close" @click="modal.close()" />
<UButton color="neutral" label="Close" @click="modal.close()" />
</template>
</UModal>
</template>

4
playground/app/components/Placeholder.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="relative overflow-hidden rounded border border-dashed border-gray-400 dark:border-gray-500 opacity-75 px-4 flex items-center justify-center">
<svg class="absolute inset-0 h-full w-full stroke-gray-900/10 dark:stroke-white/10" fill="none">
<div class="relative overflow-hidden rounded border border-dashed border-[--ui-border-accented] opacity-75 px-4 flex items-center justify-center">
<svg class="absolute inset-0 h-full w-full stroke-[--ui-border-inverted]/10" fill="none">
<defs>
<pattern
id="pattern-5c1e4f0e-62d5-498b-8ff0-cf77bb448c8e"

2
playground/app/components/SlideoverExample.vue
View File

@@ -13,7 +13,7 @@ defineProps<{
</template>
<template #footer>
<UButton color="gray" label="Close" @click="slideover.close()" />
<UButton color="neutral" label="Close" @click="slideover.close()" />
</template>
</USlideover>
</template>