From a99a43de04956cd026aaa626a55bbbb8435ab420 Mon Sep 17 00:00:00 2001 From: zanivan Date: Thu, 19 Oct 2023 16:44:29 -0300 Subject: [PATCH] Run yarn docs:typescript:formatted --- docs/data/base/components/slider/DiscreteSlider.js | 2 +- docs/data/base/components/slider/DiscreteSliderMarks.js | 2 +- docs/data/base/components/slider/DiscreteSliderValues.js | 2 +- docs/data/base/components/slider/LabeledValuesSlider.js | 2 +- docs/data/base/components/slider/RangeSlider.js | 2 +- docs/data/base/components/slider/UnstyledSlider.js | 7 ++----- .../components/slider/UnstyledSliderBasic/system/index.js | 2 +- .../slider/UnstyledSliderIntroduction/css/index.js | 4 ++-- .../slider/UnstyledSliderIntroduction/system/index.js | 2 +- .../slider/UnstyledSliderIntroduction/tailwind/index.js | 2 +- docs/data/base/components/slider/VerticalSlider.js | 2 +- 11 files changed, 13 insertions(+), 16 deletions(-) diff --git a/docs/data/base/components/slider/DiscreteSlider.js b/docs/data/base/components/slider/DiscreteSlider.js index 90d4e75bc226b5..d3530f0da46287 100644 --- a/docs/data/base/components/slider/DiscreteSlider.js +++ b/docs/data/base/components/slider/DiscreteSlider.js @@ -119,7 +119,7 @@ const Slider = styled(BaseSlider)( } &.${sliderClasses.active} { - box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[700] : blue[200]}; + box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[600] : blue[300]}; outline: none; } } diff --git a/docs/data/base/components/slider/DiscreteSliderMarks.js b/docs/data/base/components/slider/DiscreteSliderMarks.js index 5b74da3128f358..7e856a68483d58 100644 --- a/docs/data/base/components/slider/DiscreteSliderMarks.js +++ b/docs/data/base/components/slider/DiscreteSliderMarks.js @@ -123,7 +123,7 @@ const Slider = styled(BaseSlider)( } &.${sliderClasses.active} { - box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[700] : blue[200]}; + box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[600] : blue[300]}; outline: none; } } diff --git a/docs/data/base/components/slider/DiscreteSliderValues.js b/docs/data/base/components/slider/DiscreteSliderValues.js index 685785b77cb781..23770a27786fca 100644 --- a/docs/data/base/components/slider/DiscreteSliderValues.js +++ b/docs/data/base/components/slider/DiscreteSliderValues.js @@ -125,7 +125,7 @@ const Slider = styled(BaseSlider)( } &.${sliderClasses.active} { - box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[700] : blue[200]}; + box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[600] : blue[300]}; outline: none; } } diff --git a/docs/data/base/components/slider/LabeledValuesSlider.js b/docs/data/base/components/slider/LabeledValuesSlider.js index 96730677941994..f066a679af2f51 100644 --- a/docs/data/base/components/slider/LabeledValuesSlider.js +++ b/docs/data/base/components/slider/LabeledValuesSlider.js @@ -129,7 +129,7 @@ const Slider = styled(BaseSlider)( text-align: center; } &.${sliderClasses.active} { - box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[700] : blue[200]}; + box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[600] : blue[300]}; outline: none; } } diff --git a/docs/data/base/components/slider/RangeSlider.js b/docs/data/base/components/slider/RangeSlider.js index 63301c40470c2d..e70c782aac1d59 100644 --- a/docs/data/base/components/slider/RangeSlider.js +++ b/docs/data/base/components/slider/RangeSlider.js @@ -121,7 +121,7 @@ const Slider = styled(BaseSlider)( } &.${sliderClasses.active} { - box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[700] : blue[200]}; + box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[600] : blue[300]}; outline: none; } } diff --git a/docs/data/base/components/slider/UnstyledSlider.js b/docs/data/base/components/slider/UnstyledSlider.js index 0064dbcf3e4752..e13b7419ae9132 100644 --- a/docs/data/base/components/slider/UnstyledSlider.js +++ b/docs/data/base/components/slider/UnstyledSlider.js @@ -1,5 +1,5 @@ import * as React from 'react'; -import { styled, alpha, Box } from '@mui/system'; +import { styled, Box } from '@mui/system'; import { Slider as BaseSlider, sliderClasses } from '@mui/base/Slider'; export default function UnstyledSlider() { @@ -94,10 +94,7 @@ const Slider = styled(BaseSlider)( } &.${sliderClasses.active} { - box-shadow: 0 0 0 0.25rem ${alpha( - theme.palette.mode === 'light' ? blue[200] : blue[300], - 0.3, - )}; + box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[600] : blue[300]}; } } `, diff --git a/docs/data/base/components/slider/UnstyledSliderBasic/system/index.js b/docs/data/base/components/slider/UnstyledSliderBasic/system/index.js index aa844cee5a9e2f..b7bed900ed44c6 100644 --- a/docs/data/base/components/slider/UnstyledSliderBasic/system/index.js +++ b/docs/data/base/components/slider/UnstyledSliderBasic/system/index.js @@ -97,7 +97,7 @@ const Slider = styled(BaseSlider)( } &.${sliderClasses.active} { - box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[700] : blue[200]}; + box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[600] : blue[300]}; outline: none; } } diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.js b/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.js index 9e632a1610025a..0bc9bad1fb1099 100644 --- a/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.js +++ b/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.js @@ -121,7 +121,7 @@ function Styles() { } .CustomSlider-thumb:hover { - box-shadow: 0 0 0 0.25rem ${alpha(isDarkMode ? cyan[300] : cyan[200], 0.3)}; + box-shadow: 0 0 0 0.25rem ${alpha(isDarkMode ? cyan[300] : cyan[200], 0.5)}; } .CustomSlider-thumb:focus-visible { @@ -130,7 +130,7 @@ function Styles() { } .CustomSlider-thumb.${sliderClasses.active} { - box-shadow: 0 0 0 4px ${isDarkMode ? cyan[700] : cyan[200]}; + box-shadow: 0 0 0 4px ${isDarkMode ? cyan[600] : cyan[300]}; } `} ); diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.js b/docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.js index 06ac1dbe902bca..0c8d20708fed9d 100644 --- a/docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.js +++ b/docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.js @@ -97,7 +97,7 @@ const Slider = styled(BaseSlider)( } &.${sliderClasses.active} { - box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[700] : blue[200]}; + box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[600] : blue[300]}; outline: none; } } diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.js b/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.js index 74a355eff241db..02b578ac24ae34 100644 --- a/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.js +++ b/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.js @@ -84,7 +84,7 @@ const Slider = React.forwardRef((props, ref) => { className: clsx( `absolute w-4 h-4 -ml-1.5 -mt-1.5 box-border rounded-full outline-0 border-[3px] border-solid border-current bg-white hover:shadow-outline-purple ${ focused || active - ? 'shadow-[0_0_0_4px_#ddd6fe] dark:shadow-[0_0_0_4px_#a78bfa] outline-none' + ? 'shadow-[0_0_0_4px_#e9d5ff] dark:shadow-[0_0_0_4px_#7e22ce] active:shadow-[0_0_0_4px_#d8b4fe] dark:active:shadow-[0_0_0_4px_#9333ea] outline-none' : '' }`, resolvedSlotProps?.className, diff --git a/docs/data/base/components/slider/VerticalSlider.js b/docs/data/base/components/slider/VerticalSlider.js index 6ea2b64407666c..1a30357e5ec5fe 100644 --- a/docs/data/base/components/slider/VerticalSlider.js +++ b/docs/data/base/components/slider/VerticalSlider.js @@ -81,7 +81,7 @@ const Slider = styled(BaseSlider)( } &.${sliderClasses.active} { - box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[700] : blue[200]}; + box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[600] : blue[300]}; outline: none; } }