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

chore(module): update theming

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-07 15:33:53 +01:00
parent 0d1e17ef74
commit c79e6f188d
12 changed files with 231 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/runtime/components/Button.vue
View File

@@ -2,10 +2,11 @@
import { tv, type VariantProps } from 'tailwind-variants'
// import appConfig from '#build/app.config'
import type { LinkProps } from '#ui/components/Link.vue'
import theme from '#ui/theme/button'
import theme from '#build/ui/button'
// @ts-ignore
const button = tv(theme)
// const appButton = tv({ extend: button, ...(appConfig.ui?.button || {}) })
// const button = tv({ extend: tv(theme), ...(appConfig.ui?.button || {}) })
type ButtonVariants = VariantProps<typeof button>
@@ -90,19 +91,6 @@ const trailingIconName = computed(() => {
:disabled="disabled || loading"
:class="ui.base({ class: props.class })"
v-bind="{ ...forward, ...$attrs }"
:style="color && {
'--color-current-50': `var(--color-${color}-50)`,
'--color-current-100': `var(--color-${color}-100)`,
'--color-current-200': `var(--color-${color}-200)`,
'--color-current-300': `var(--color-${color}-300)`,
'--color-current-400': `var(--color-${color}-400)`,
'--color-current-500': `var(--color-${color}-500)`,
'--color-current-600': `var(--color-${color}-600)`,
'--color-current-700': `var(--color-${color}-700)`,
'--color-current-800': `var(--color-${color}-800)`,
'--color-current-900': `var(--color-${color}-900)`,
'--color-current-950': `var(--color-${color}-950)`
}"
>
<slot name="leading" :disabled="disabled" :loading="loading" :ui="ui.icon()">
<UIcon v-if="isLeading && leadingIconName" :name="leadingIconName" :class="ui.icon()" aria-hidden="true" />

2
src/runtime/components/Container.vue
View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { tv } from 'tailwind-variants'
// import appConfig from '#build/app.config'
import theme from '#ui/theme/container'
import theme from '#build/ui/container'
const container = tv(theme)
// const appContainer = tv({ extend: container, ...(appConfig.ui?.container || {}) })

2
src/runtime/components/Tooltip.vue
View File

@@ -2,7 +2,7 @@
import { tv } from 'tailwind-variants'
import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps } from 'radix-vue'
// import appConfig from '#build/app.config'
import theme from '#ui/theme/tooltip'
import theme from '#build/ui/tooltip'
const tooltip = tv(theme)
// const appTooltip = tv({ extend: tooltip, ...(appConfig.ui?.tooltip || {}) })