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

feat(Checkbox/Progress/RadioGroup/Slider/Switch): add black color

Browse Source
This commit is contained in:
Benjamin Canac
2024-05-16 13:10:49 +02:00
parent 633a39452a
commit 08c91fe8f1
16 changed files with 203 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/theme/slider.ts
View File

@@ -6,10 +6,16 @@ export default (config: { colors: string[] }) => ({
thumb: 'rounded-full bg-white dark:bg-gray-900 ring-2 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2'
},
variants: {
color: Object.fromEntries(config.colors.map((color: string) => [color, {
range: `bg-${color}-500 dark:bg-${color}-400`,
thumb: `ring-${color}-500 dark:ring-${color}-400 focus-visible:outline-${color}-500/50 dark:focus-visible:outline-${color}-400/50`
}])),
color: {
...Object.fromEntries(config.colors.map((color: string) => [color, {
range: `bg-${color}-500 dark:bg-${color}-400`,
thumb: `ring-${color}-500 dark:ring-${color}-400 focus-visible:outline-${color}-500/50 dark:focus-visible:outline-${color}-400/50`
}])),
black: {
range: 'bg-gray-900 dark:bg-white',
thumb: 'ring-gray-900 dark:ring-white focus-visible:outline-gray-900/50 dark:focus-visible:outline-white/50'
}
},
size: {
xs: {
thumb: 'size-3'