Skip to content

Commit

Permalink
Merge pull request #1817 from adevinta/1816-components-slider---inter…
Browse files Browse the repository at this point in the history
…activity-styles-update

style(slider): upd interactivity styles
  • Loading branch information
soykje authored Jan 19, 2024
2 parents 6d28123 + 902d32e commit e405f01
Showing 1 changed file with 13 additions and 11 deletions.
24 changes: 13 additions & 11 deletions packages/components/slider/src/SliderThumb.styles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,24 +3,26 @@ import { cva, type VariantProps } from 'class-variance-authority'
export const thumbVariants = cva(
[
'block h-sz-24 w-sz-24 rounded-full cursor-pointer',
'hover:ring-4 u-shadow-border-transition',
'outline-none',
'focus-visible:u-ring',
'data-[interaction=pointerdown]:focus-visible:!ring-0',
'spark-disabled:hover:ring-0 spark-disabled:cursor-not-allowed',
'spark-disabled:hover:ring-0 spark-disabled:hover:after:w-none spark-disabled:hover:after:h-none spark-disabled:cursor-not-allowed',
'after:absolute after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2 after:z-hide',
'after:w-none after:h-none after:rounded-full after:border-solid after:border-sm after:transition-all duration-300',
'hover:after:w-sz-32 hover:after:h-sz-32',
],
{
variants: {
intent: {
main: ['bg-main hover:ring-main-container'],
support: ['bg-support hover:ring-support-container'],
accent: ['bg-accent hover:ring-accent-container'],
basic: ['bg-basic hover:ring-basic-container'],
info: ['bg-info hover:ring-info-container'],
neutral: ['bg-neutral hover:ring-neutral-container'],
success: ['bg-success hover:ring-success-container'],
alert: ['bg-alert hover:ring-alert-container'],
error: ['bg-error hover:ring-error-container'],
main: ['bg-main', 'after:bg-main-container after:border-main'],
support: ['bg-support', 'after:bg-support-container after:border-support'],
accent: ['bg-accent', 'after:bg-accent-container after:border-accent'],
basic: ['bg-basic', 'after:bg-basic-container after:border-basic'],
info: ['bg-info', 'after:bg-info-container after:border-info'],
neutral: ['bg-neutral', 'after:bg-neutral-container after:border-neutral'],
success: ['bg-success', 'after:bg-success-container after:border-success'],
alert: ['bg-alert', 'after:bg-alert-container after:border-alert'],
error: ['bg-error', 'after:bg-error-container after:border-error'],
},
},
defaultVariants: {
Expand Down

0 comments on commit e405f01

Please sign in to comment.