Skip to content

Commit

Permalink
simplify
Browse files Browse the repository at this point in the history
  • Loading branch information
@oliviertassinari
oliviertassinari committed Nov 13, 2023
1 parent d09691f commit 835e162
Show file tree
Hide file tree
Showing 35 changed files with 54 additions and 826 deletions.
2 changes: 1 addition & 1 deletion docs/data/base/components/button/UnstyledButtonCustom.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ const CustomButtonRoot = styled(ButtonRoot)(
outline-offset: 2px;
}
&:active {
&.${buttonClasses.active} {
& .bg {
fill: var(--active-color);
transition: fill 150ms ease-out;
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/button/UnstyledButtonCustom.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ const CustomButtonRoot = styled(ButtonRoot)(
outline-offset: 2px;
}
&:active {
&.${buttonClasses.active} {
& .bg {
fill: var(--active-color);
transition: fill 150ms ease-out;
Expand Down
8 changes: 4 additions & 4 deletions docs/data/base/components/button/UnstyledButtonIntroduction/css/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,19 +66,19 @@ function Styles() {
transition: all 150ms ease;
cursor: pointer;
border: 1px solid ${cyan[500]};
box-shadow: 0 2px 4px ${
isDarkMode ? 'rgba(0, 0, 0, 0.5)' : 'rgba(13, 84, 99, 0.5)'
box-shadow: 0 2px 1px ${
isDarkMode ? 'rgba(0, 0, 0, 0.5)' : 'rgba(45, 45, 60, 0.2)'
}, inset 0 1.5px 1px ${cyan[400]}, inset 0 -2px 1px ${cyan[600]};
}
.IntroductionButton:hover {
background-color: ${cyan[600]};
}
.IntroductionButton:active {
.IntroductionButton.Mui-active {
background-color: ${cyan[700]};
box-shadow: none;
transform: scale(0.99);
}
.IntroductionButton:focus-visible {
.IntroductionButton.Mui-focusVisible {
box-shadow: 0 0 0 4px ${isDarkMode ? cyan[300] : cyan[200]};
outline: none;
}
Expand Down
8 changes: 4 additions & 4 deletions docs/data/base/components/button/UnstyledButtonIntroduction/css/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,19 +66,19 @@ function Styles() {
transition: all 150ms ease;
cursor: pointer;
border: 1px solid ${cyan[500]};
box-shadow: 0 2px 4px ${
isDarkMode ? 'rgba(0, 0, 0, 0.5)' : 'rgba(13, 84, 99, 0.5)'
box-shadow: 0 2px 1px ${
isDarkMode ? 'rgba(0, 0, 0, 0.5)' : 'rgba(45, 45, 60, 0.2)'
}, inset 0 1.5px 1px ${cyan[400]}, inset 0 -2px 1px ${cyan[600]};
}
.IntroductionButton:hover {
background-color: ${cyan[600]};
}
.IntroductionButton:active {
.IntroductionButton.Mui-active {
background-color: ${cyan[700]};
box-shadow: none;
transform: scale(0.99);
}
.IntroductionButton:focus-visible {
.IntroductionButton.Mui-focusVisible {
box-shadow: 0 0 0 4px ${isDarkMode ? cyan[300] : cyan[200]};
outline: none;
}
Expand Down
8 changes: 4 additions & 4 deletions docs/data/base/components/button/UnstyledButtonIntroduction/system/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,21 +47,21 @@ const Button = styled(BaseButton)(
transition: all 150ms ease;
cursor: pointer;
border: 1px solid ${blue[500]};
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0, 0, 0, 0.5)' : 'rgba(0, 127, 255, 0.5)'
box-shadow: 0 2px 1px ${
theme.palette.mode === 'dark' ? 'rgba(0, 0, 0, 0.5)' : 'rgba(45, 45, 60, 0.2)'
}, inset 0 1.5px 1px ${blue[400]}, inset 0 -2px 1px ${blue[600]};
&:hover {
background-color: ${blue[600]};
}
&:active {
&.Mui-active {
background-color: ${blue[700]};
box-shadow: none;
transform: scale(0.99);
}
&:focus-visible {
&.Mui-focusVisible {
box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[300] : blue[200]};
outline: none;
}
Expand Down
8 changes: 4 additions & 4 deletions docs/data/base/components/button/UnstyledButtonIntroduction/system/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,21 +47,21 @@ const Button = styled(BaseButton)(
transition: all 150ms ease;
cursor: pointer;
border: 1px solid ${blue[500]};
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0, 0, 0, 0.5)' : 'rgba(0, 127, 255, 0.5)'
box-shadow: 0 2px 1px ${
theme.palette.mode === 'dark' ? 'rgba(0, 0, 0, 0.5)' : 'rgba(45, 45, 60, 0.2)'
}, inset 0 1.5px 1px ${blue[400]}, inset 0 -2px 1px ${blue[600]};
&:hover {
background-color: ${blue[600]};
}
&:active {
&.Mui-active {
background-color: ${blue[700]};
box-shadow: none;
transform: scale(0.99);
}
&:focus-visible {
&.Mui-focusVisible {
box-shadow: 0 0 0 4px ${theme.palette.mode === 'dark' ? blue[300] : blue[200]};
outline: none;
}
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/button/UnstyledButtonsDisabledFocus.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ const Button = styled(BaseButton)(
background-color: ${blue[600]};
}
&:active {
&.${buttonClasses.active} {
background-color: ${blue[700]};
box-shadow: none;
transform: scale(0.99);
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ const Button = styled(BaseButton)(
background-color: ${blue[600]};
}
&:active {
&.${buttonClasses.active} {
background-color: ${blue[700]};
box-shadow: none;
transform: scale(0.99);
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ const Button = styled(BaseButton)(
background-color: ${blue[600]};
}
&:active {
&.${buttonClasses.active} {
background-color: ${blue[700]};
box-shadow: none;
transform: scale(0.99);
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const Button = styled(BaseButton)(
background-color: ${blue[600]};
}
&:active {
&.${buttonClasses.active} {
background-color: ${blue[700]};
box-shadow: none;
transform: scale(0.99);
Expand Down
0 ...ton/UnstyledButtonsSimple/system/index.js → ...omponents/button/UnstyledButtonsSimple.js
View file
File renamed without changes.
0 ...on/UnstyledButtonsSimple/system/index.tsx → ...mponents/button/UnstyledButtonsSimple.tsx
View file
File renamed without changes.
0 ...ledButtonsSimple/system/index.tsx.preview → .../button/UnstyledButtonsSimple.tsx.preview
View file
File renamed without changes.
97 changes: 0 additions & 97 deletions docs/data/base/components/button/UnstyledButtonsSimple/css/index.js
View file

This file was deleted.

97 changes: 0 additions & 97 deletions docs/data/base/components/button/UnstyledButtonsSimple/css/index.tsx
View file

This file was deleted.

9 changes: 0 additions & 9 deletions docs/data/base/components/button/UnstyledButtonsSimple/css/index.tsx.preview
View file

This file was deleted.

Loading

0 comments on commit 835e162

Please sign in to comment.