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

feat(Timeline): add reverse prop (#4316)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
J-Michalek
2025-06-12 17:06:51 +02:00
committed by GitHub
parent 9bcf1ad92f
commit 5170cfd7eb
7 changed files with 383 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/theme/timeline.ts
View File

@@ -29,12 +29,11 @@ export default (options: Required<ModuleOptions>) => ({
color: {
...Object.fromEntries((options.theme.colors || []).map((color: string) => [color, {
indicator: `group-data-[state=completed]:bg-${color} group-data-[state=active]:bg-${color}`,
separator: `group-data-[state=completed]:bg-${color}`
indicator: `group-data-[state=completed]:bg-${color} group-data-[state=active]:bg-${color}`
}])),
neutral: {
indicator: 'group-data-[state=completed]:bg-inverted group-data-[state=active]:bg-inverted',
separator: 'group-data-[state=completed]:bg-inverted'
indicator: 'group-data-[state=completed]:bg-inverted group-data-[state=active]:bg-inverted'
}
},
@@ -48,10 +47,38 @@ export default (options: Required<ModuleOptions>) => ({
'xl': '',
'2xl': '',
'3xl': ''
},
reverse: {
true: ''
}
},
compoundVariants: [{
compoundVariants: [...(options.theme.colors || []).map((color: string) => ({
color,
reverse: false,
class: {
separator: `group-data-[state=completed]:bg-${color}`
}
})), ...(options.theme.colors || []).map((color: string) => ({
color,
reverse: true,
class: {
separator: `group-data-[state=active]:bg-${color} group-data-[state=completed]:bg-${color}`
}
})), {
color: 'neutral',
reverse: false,
class: {
separator: 'group-data-[state=completed]:bg-inverted'
}
}, {
color: 'neutral',
reverse: true,
class: {
separator: 'group-data-[state=active]:bg-inverted group-data-[state=completed]:bg-inverted'
}
}, {
orientation: 'horizontal',
size: '3xs',
class: {