m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 11:22:43 +02:00
Code

Removing all unused versions of PRIMARY and SECONDARY colors in codebase (#14121)

Browse Source 
Co-authored-by: David Walsh <davidwalsh83@gmail.com>
This commit is contained in:
George Marshall 2022-03-23 11:54:01 -07:00 committed by GitHub
parent 1edc475d3e
commit 548a7e21e4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 8 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/components/app/ledger-instruction-field/ledger-instruction-field.js
View File

@ -35,7 +35,11 @@ import {
import { getLedgerTransportType } from '../../../ducks/metamask/metamask';
import { attemptLedgerTransportCreation } from '../../../store/actions';
const renderInstructionStep = (text, show = true, color = COLORS.PRIMARY3) => {
const renderInstructionStep = (
text,
show = true,
color = COLORS.PRIMARY_DEFAULT,
) => {
return (
show && (
<Typography
@ -198,7 +202,7 @@ export default function LedgerInstructionField({ showDataInstruction }) {
usingWebHID &&
webHidConnectedStatus ===
WEBHID_CONNECTED_STATUSES.NOT_CONNECTED,
COLORS.SECONDARY1,
COLORS.SECONDARY_DEFAULT,
)}
</div>
</Dialog>

2
ui/components/app/metamask-template-renderer/metamask-template-renderer.stories.js
View File

@ -13,7 +13,7 @@ const SECTIONS = {
props: {
margin: 4,
padding: 8,
borderColor: COLORS.PRIMARY1,
borderColor: COLORS.PRIMARY_DEFAULT,
borderWidth: 2,
},
children: [

12
ui/components/ui/box/README.mdx
View File

@ -91,15 +91,3 @@ import Box from '../ui/box';
<Typography color={COLORS.TEXT_DEFAULT}>COLORS.BORDER_DEFAULT</Typography>
</Box>;
```
## Deprecated Colors
List of deprecated background and border color props that are not theme compatible and should not be used.
```js
/** !!! DEPRECATED DO NOT USE!!! */
PRIMARY1: 'primary-1',
PRIMARY3: 'primary-3',
SECONDARY1: 'secondary-1',
SECONDARY3: 'secondary-3',
```

2
ui/components/ui/color-indicator/color-indicator.stories.js
View File

@ -25,7 +25,7 @@ export default {
type: 'select',
},
options: COLORS,
defaultValue: COLORS.PRIMARY1,
defaultValue: COLORS.PRIMARY_DEFAULT,
},
borderColor: {
control: {

12
ui/components/ui/typography/README.mdx
View File

@ -108,18 +108,6 @@ import { COLORS} from '../../../helpers/constants/design-system';
</Typography>
```
## Deprecated Colors
List of deprecated color props that are not theme compatible and should not be used.
```js
/** !!! DEPRECATED DO NOT USE!!! */
PRIMARY1: 'primary-1',
PRIMARY3: 'primary-3',
SECONDARY1: 'secondary-1',
SECONDARY3: 'secondary-3',
```
### Font Weight
Use the `fontWeight` prop and the `FONT_WEIGHT` object from `./ui/helpers/constants/design-system.js` to change the font weight of the Typography component. There are 2 font weights:

7
ui/components/ui/typography/typography.js
View File

@ -29,13 +29,6 @@ export const ValidColors = [
COLORS.WARNING_INVERSE,
COLORS.INFO_DEFAULT,
COLORS.INFO_INVERSE,
/**
* COLORS BELOW HAVE BEEN DEPRECATED
*/
COLORS.PRIMARY1,
COLORS.PRIMARY3,
COLORS.SECONDARY1,
COLORS.SECONDARY3,
];
export const ValidTags = [

7
ui/helpers/constants/design-system.js
View File

@ -53,13 +53,6 @@ export const COLORS = {
GOERLI: 'goerli',
TRANSPARENT: 'transparent',
LOCALHOST: 'localhost',
/**
* !!! DEPRECATED DO NOT USE!!!
*/
PRIMARY1: 'primary-1',
PRIMARY3: 'primary-3',
SECONDARY1: 'secondary-1',
SECONDARY3: 'secondary-3',
};
export const TYPOGRAPHY = {