45 lines
906 B
JavaScript
45 lines
906 B
JavaScript
|
export default {
|
||
|
|
root: ({ props }) => ({
|
||
|
|
class: [
|
||
|
|
// Misc
|
||
|
|
{ 'opacity-60 select-none pointer-events-none cursor-default': props.disabled }
|
||
|
|
]
|
||
|
|
}),
|
||
|
|
range: {
|
||
|
|
class: [
|
||
|
|
// Stroke
|
||
|
|
'stroke-current',
|
||
|
|
|
||
|
|
// Color
|
||
|
|
'stroke-surface-200 dark:stroke-surface-700',
|
||
|
|
|
||
|
|
// Fill
|
||
|
|
'fill-none',
|
||
|
|
|
||
|
|
// Transition
|
||
|
|
'transition duration-100 ease-in'
|
||
|
|
]
|
||
|
|
},
|
||
|
|
value: {
|
||
|
|
class: [
|
||
|
|
// Animation
|
||
|
|
'animate-dash-frame',
|
||
|
|
|
||
|
|
// Color
|
||
|
|
'stroke-primary-500 dark:stroke-primary-400',
|
||
|
|
|
||
|
|
// Fill
|
||
|
|
'fill-none'
|
||
|
|
]
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
class: [
|
||
|
|
// Text Style
|
||
|
|
'text-center text-xl',
|
||
|
|
|
||
|
|
// Color
|
||
|
|
'fill-surface-600 dark:fill-surface-200'
|
||
|
|
]
|
||
|
|
}
|
||
|
|
};
|