studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛(react) change most tertiary buttons to tertiary-text

Browse Source 
Since the addition of tertiary-text variant, the original tertiary
variant has seen its background color changing from transparent to
greyscale-100, the change has impacted lots of components making
them look odd. So that's why I updated most of old tertiary to
tertiary-text.

Fixes #223
This commit is contained in:
Nathan Vasse
2024-01-08 11:36:43 +01:00
committed by NathanVss
parent 1787df0853
commit 5c5964cf9d
8 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/react/src/components/Forms/DatePicker/Calendar.tsx
View File

@@ -222,7 +222,7 @@ const CalendarAux = forwardRef(
<div className="c__calendar__wrapper__header">
<div className="c__calendar__wrapper__header__actions">
<Button
color="tertiary"
color="tertiary-text"
size="small"
icon={<span className="material-icons">navigate_before</span>}
{...{
@@ -236,7 +236,7 @@ const CalendarAux = forwardRef(
/>
<Button
className="c__calendar__wrapper__header__actions__dropdown"
color="tertiary"
color="tertiary-text"
size="small"
iconPosition="right"
icon={<span className="material-icons">arrow_drop_down</span>}
@@ -247,7 +247,7 @@ const CalendarAux = forwardRef(
)}
</Button>
<Button
color="tertiary"
color="tertiary-text"
size="small"
icon={<span className="material-icons">navigate_next</span>}
{...{
@@ -262,7 +262,7 @@ const CalendarAux = forwardRef(
</div>
<div className="c__calendar__wrapper__header__actions">
<Button
color="tertiary"
color="tertiary-text"
size="small"
icon={<span className="material-icons">navigate_before</span>}
onClick={() => state.focusPreviousSection(true)}
@@ -277,7 +277,7 @@ const CalendarAux = forwardRef(
/>
<Button
className="c__calendar__wrapper__header__actions__dropdown"
color="tertiary"
color="tertiary-text"
size="small"
iconPosition="right"
icon={<span className="material-icons">arrow_drop_down</span>}
@@ -288,7 +288,7 @@ const CalendarAux = forwardRef(
)}
</Button>
<Button
color="tertiary"
color="tertiary-text"
size="small"
icon={<span className="material-icons">navigate_next</span>}
onClick={() => state.focusNextSection(true)}