arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-21 15:31:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(deps): update tailwindcss to v4.0.0-alpha.33 (v3) (#2493)

Browse Source 
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
renovate[bot]
2024-11-12 13:56:31 +01:00
committed by GitHub
parent fc9711223b
commit fa5a3752c9
42 changed files with 979 additions and 811 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/theme/card.ts
View File

@@ -1,6 +1,6 @@
export default {
slots: {
root: 'bg-[var(--ui-bg)] ring ring-[var(--ui-border)] divide-y divide-[var(--ui-border)] rounded-[calc(var(--ui-radius)*2)] shadow',
root: 'bg-[var(--ui-bg)] ring ring-[var(--ui-border)] divide-y divide-[var(--ui-border)] rounded-[calc(var(--ui-radius)*2)] shadow-sm',
header: 'p-4 sm:px-6',
body: 'p-4 sm:p-6',
footer: 'p-4 sm:px-6'

2
src/theme/container.ts
View File

@@ -1,3 +1,3 @@
export default {
base: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8'
base: 'max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8'
}

14
src/theme/input.ts
View File

@@ -16,7 +16,7 @@ export default (options: Required<ModuleOptions>) => ({
...buttonGroupVariantWithRoot,
size: {
xs: {
base: 'px-2 py-1 text-xs gap-1',
base: 'px-2 py-1 text-xs',
leading: 'ps-2',
trailing: 'pe-2',
leadingIcon: 'size-4',
@@ -24,7 +24,7 @@ export default (options: Required<ModuleOptions>) => ({
trailingIcon: 'size-4'
},
sm: {
base: 'px-2.5 py-1.5 text-xs gap-1.5',
base: 'px-2.5 py-1.5 text-xs',
leading: 'ps-2.5',
trailing: 'pe-2.5',
leadingIcon: 'size-4',
@@ -32,7 +32,7 @@ export default (options: Required<ModuleOptions>) => ({
trailingIcon: 'size-4'
},
md: {
base: 'px-2.5 py-1.5 text-sm gap-1.5',
base: 'px-2.5 py-1.5 text-sm',
leading: 'ps-2.5',
trailing: 'pe-2.5',
leadingIcon: 'size-5',
@@ -40,7 +40,7 @@ export default (options: Required<ModuleOptions>) => ({
trailingIcon: 'size-5'
},
lg: {
base: 'px-3 py-2 text-sm gap-2',
base: 'px-3 py-2 text-sm',
leading: 'ps-3',
trailing: 'pe-3',
leadingIcon: 'size-5',
@@ -48,7 +48,7 @@ export default (options: Required<ModuleOptions>) => ({
trailingIcon: 'size-5'
},
xl: {
base: 'px-3 py-2 text-base gap-2',
base: 'px-3 py-2 text-base',
leading: 'ps-3',
trailing: 'pe-3',
leadingIcon: 'size-6',
@@ -60,8 +60,8 @@ export default (options: Required<ModuleOptions>) => ({
outline: 'text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]',
soft: 'text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50',
subtle: 'text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]',
ghost: 'text-[var(--ui-text-highlighted)] hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent',
none: 'text-[var(--ui-text-highlighted)]'
ghost: 'text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent',
none: 'text-[var(--ui-text-highlighted)] bg-transparent'
},
color: {
...Object.fromEntries((options.theme.colors || []).map((color: string) => [color, ''])),

2
src/theme/navigation-menu.ts
View File

@@ -10,7 +10,7 @@ export default (options: Required<ModuleOptions>) => ({
linkLeadingAvatar: 'shrink-0',
linkLeadingAvatarSize: '2xs',
linkTrailing: 'ms-auto inline-flex',
linkTrailingBadge: 'shrink-0 rounded',
linkTrailingBadge: 'shrink-0 rounded-[calc(var(--ui-radius)]',
linkTrailingBadgeSize: 'sm',
linkTrailingIcon: 'size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200',
linkLabel: 'truncate',

2
src/theme/tabs.ts
View File

@@ -21,7 +21,7 @@ export default (options: Required<ModuleOptions>) => ({
pill: {
list: 'bg-[var(--ui-bg-elevated)] rounded-[calc(var(--ui-radius)*2)]',
trigger: 'flex-1 w-full',
indicator: 'rounded-[calc(var(--ui-radius)*1.5)] shadow-sm'
indicator: 'rounded-[calc(var(--ui-radius)*1.5)] shadow-xs'
},
link: {
list: 'border-[var(--ui-border)]',

2
src/theme/tooltip.ts
View File

@@ -1,6 +1,6 @@
export default {
slots: {
content: 'flex items-center gap-1 bg-[var(--ui-bg)] text-[var(--ui-text-highlighted)] shadow rounded-[var(--ui-radius)] ring ring-[var(--ui-border)] h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]',
content: 'flex items-center gap-1 bg-[var(--ui-bg)] text-[var(--ui-text-highlighted)] shadow-sm rounded-[var(--ui-radius)] ring ring-[var(--ui-border)] h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]',
arrow: 'fill-[var(--ui-border)]',
text: 'truncate',
kbds: `hidden lg:inline-flex items-center shrink-0 gap-0.5 before:content-['·'] before:me-0.5`,