Skip to content
This repository has been archived by the owner on Nov 26, 2024. It is now read-only.

Commit

Permalink
Updating descriptions and deprecated tags (#235)
Browse files Browse the repository at this point in the history
  • Loading branch information
@georgewrmarshall
georgewrmarshall authored Sep 7, 2022
1 parent fa8a5a6 commit 50bc166
Show file tree
Hide file tree
Showing 2 changed files with 54 additions and 54 deletions.
72 changes: 36 additions & 36 deletions src/figma/tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -744,12 +744,12 @@
},
"default-hover": {
"value": "#FAFBFC",
"description": "(grey030: #FAFBFC) For interactive elements that need a hover state that use background/default as their background color.",
"description": "(grey030: #FAFBFC) (grey030: #FAFBFC) For component hover states that use background/default",
"type": "color"
},
"default-pressed": {
"value": "#FAFBFC",
"description": "(grey030: #FAFBFC) For interactive elements that need a pressed state that use background/default as their background color.",
"description": "(grey030: #FAFBFC) For component pressed states that use background/default",
"type": "color"
},
"alternative": {
Expand All @@ -759,12 +759,12 @@
},
"alternative-hover": {
"value": "#D6D9DC",
"description": "(grey100: #D6D9DC) For interactive elements that need a hover state that use background/alternative as their background color.",
"description": "(grey100: #D6D9DC) For component hover states that use background/alternative",
"type": "color"
},
"alternative-pressed": {
"value": "#D6D9DC",
"description": "(grey100: #D6D9DC) For interactive elements that need a hover state that use background/alternative as their background color.",
"description": "(grey100: #D6D9DC) For component pressed states that use background/alternative",
"type": "color"
}
},
Expand Down Expand Up @@ -827,7 +827,7 @@
},
"inverse": {
"value": "#FCFCFC",
"description": "(white010: #FCFCFC) [Deprecated] overlay.inverse should be used only as the foreground element on top of overlay.default used for text or icons",
"description": "(white010: #FCFCFC) [DEPRECATED] overlay.inverse should be used only as the foreground element on top of overlay.default used for text or icons",
"type": "color"
}
},
Expand All @@ -854,34 +854,34 @@
},
"disabled": {
"value": "#037DD680",
"description": "(blue500: #037DD6 50% opacity) [Deprecated] primary.disabled should be used for all disabled primary action components such as buttons or links",
"description": "(blue500: #037DD6 50% opacity) [DEPRECATED] primary.disabled should be used for all disabled primary action components such as buttons or links",
"type": "color"
}
},
"secondary": {
"default": {
"value": "#F66A0A",
"description": "(orange500: #F66A0A) [Deprecated] secondary.default should be used for any secondary actions. It should not be used for any negative connotations such as warnings or errors as it is quite closely tied to the MetaMask Fox",
"description": "(orange500: #F66A0A) [DEPRECATED] secondary.default should be used for any secondary actions. It should not be used for any negative connotations such as warnings or errors as it is quite closely tied to the MetaMask Fox",
"type": "color"
},
"alternative": {
"value": "#C65507",
"description": "(orange600: #C65507) [Deprecated] secondary.alternative should be used as an alternative to secondary.default for things such as hover states",
"description": "(orange600: #C65507) [DEPRECATED] secondary.alternative should be used as an alternative to secondary.default for things such as hover states",
"type": "color"
},
"muted": {
"value": "#F66A0A19",
"description": "(orange500: #F66A0A 10% opacity) [Deprecated] secondary.muted is a very low contrasting secondary variant for things such as alert backgrounds. secondary.muted and secondary.inverse should not be used together in a foreground and background combination",
"description": "(orange500: #F66A0A 10% opacity) [DEPRECATED] secondary.muted is a very low contrasting secondary variant for things such as alert backgrounds. secondary.muted and secondary.inverse should not be used together in a foreground and background combination",
"type": "color"
},
"inverse": {
"value": "#FCFCFC",
"description": "(white010: #FCFCFC) [Deprecated] secondary.inverse should be used only as the foreground element on top of secondary.default and secondary.alternative. It is intended to be the most contrasting color to secondary.default. It should meet all AA and AAA accessibility standards such as the text or icon of a secondary button",
"description": "(white010: #FCFCFC) [DEPRECATED] secondary.inverse should be used only as the foreground element on top of secondary.default and secondary.alternative. It is intended to be the most contrasting color to secondary.default. It should meet all AA and AAA accessibility standards such as the text or icon of a secondary button",
"type": "color"
},
"disabled": {
"value": "#F66A0A80",
"description": "(orange500: #F66A0A 50% opacity) [Deprecated] secondary.disabled should be used for all disabled secondary action components",
"description": "(orange500: #F66A0A 50% opacity) [DEPRECATED] secondary.disabled should be used for all disabled secondary action components",
"type": "color"
}
},
Expand All @@ -908,7 +908,7 @@
},
"disabled": {
"value": "#D73A4980",
"description": "(red500: #D73A49 50% opacity) [Deprecated] error.disabled should be used for all disabled critical action components such as buttons",
"description": "(red500: #D73A49 50% opacity) [DEPRECATED] error.disabled should be used for all disabled critical action components such as buttons",
"type": "color"
}
},
Expand All @@ -920,7 +920,7 @@
},
"alternative": {
"value": "#FFC70A",
"description": "(yellow600: #FFC70A) [Deprecated] warning.alternative should be used as an alternative to warning.default for things such as hover states",
"description": "(yellow600: #FFC70A) [DEPRECATED] warning.alternative should be used as an alternative to warning.default for things such as hover states",
"type": "color"
},
"muted": {
Expand All @@ -935,7 +935,7 @@
},
"disabled": {
"value": "#FFD33D80",
"description": "(yellow500: #FFD33D 50% opacity) [Deprecated] warning.disabled should be used for all disabled component colors such as buttons",
"description": "(yellow500: #FFD33D 50% opacity) [DEPRECATED] warning.disabled should be used for all disabled component colors such as buttons",
"type": "color"
}
},
Expand All @@ -947,7 +947,7 @@
},
"alternative": {
"value": "#1E7E34",
"description": "(green600: #1E7E34) [Deprecated] (green600: #1E7E34) success.alternative should be used as an alternative to success.default for things such as hover states",
"description": "(green600: #1E7E34) [DEPRECATED] (green600: #1E7E34) success.alternative should be used as an alternative to success.default for things such as hover states",
"type": "color"
},
"muted": {
Expand All @@ -962,7 +962,7 @@
},
"disabled": {
"value": "#28A74580",
"description": "(green500: #28A745 50% opacity) [Deprecated] success.disabled should be used for all disabled success component colors such as buttons",
"description": "(green500: #28A745 50% opacity) [DEPRECATED] success.disabled should be used for all disabled success component colors such as buttons",
"type": "color"
}
},
Expand All @@ -974,7 +974,7 @@
},
"alternative": {
"value": "#0260A4",
"description": "(blue600: #0260A4) [Deprecated] info.alternative should be used as an alternative to info.default for things such as hover states",
"description": "(blue600: #0260A4) [DEPRECATED] info.alternative should be used as an alternative to info.default for things such as hover states",
"type": "color"
},
"muted": {
Expand All @@ -989,7 +989,7 @@
},
"disabled": {
"value": "#037DD680",
"description": "(blue500: #037DD6 50% opacity) [Deprecated] primary.disabled should be used for all disabled primary action components such as buttons or links",
"description": "(blue500: #037DD6 50% opacity) [DEPRECATED] primary.disabled should be used for all disabled primary action components such as buttons or links",
"type": "color"
}
},
Expand Down Expand Up @@ -1117,12 +1117,12 @@
},
"default-hover": {
"value": "#3B4046",
"description": "(grey700: #3B4046) For interactive elements that need a hover state that use background/default as their background color.",
"description": "(grey700: #3B4046) For component hover states that use background/default",
"type": "color"
},
"default-pressed": {
"value": "#3B4046",
"description": "(grey700: #3B4046) For interactive elements that need a pressed state that use background/default as their background color.",
"description": "(grey700: #3B4046) For component pressed states that use background/default",
"type": "color"
},
"alternative": {
Expand All @@ -1132,12 +1132,12 @@
},
"alternative-hover": {
"value": "#2E3339",
"description": "(grey750: #2E3339) For interactive elements that need a hover state that use background/alternative as their background color.",
"description": "(grey750: #2E3339) For component hover states that use background/alternative",
"type": "color"
},
"alternative-pressed": {
"value": "#2E3339",
"description": "(grey750: #2E3339) For interactive elements that need a hover state that use background/alternative as their background color.",
"description": "(grey750: #2E3339) For component pressed states that use background/alternative",
"type": "color"
}
},
Expand Down Expand Up @@ -1200,7 +1200,7 @@
},
"inverse": {
"value": "#FCFCFC",
"description": "(white010: #FCFCFC) [Deprecated] overlay.inverse should be used only as the foreground element on top of overlay.default used for text or icons",
"description": "(white010: #FCFCFC) [DEPRECATED] overlay.inverse should be used only as the foreground element on top of overlay.default used for text or icons",
"type": "color"
}
},
Expand All @@ -1227,34 +1227,34 @@
},
"disabled": {
"value": "#1098FC80",
"description": "(blue400: #1098FC) [Deprecated] primary.disabled should be used for all disabled primary action components such as buttons or links",
"description": "(blue400: #1098FC) [DEPRECATED] primary.disabled should be used for all disabled primary action components such as buttons or links",
"type": "color"
}
},
"secondary": {
"default": {
"value": "#F8883B",
"description": "(orange400: #F8883B) [Deprecated] secondary.default should be used for any secondary actions. It should not be used for any negative connotations such as warnings or errors as it is quite closely tied to the MetaMask Fox",
"description": "(orange400: #F8883B) [DEPRECATED] secondary.default should be used for any secondary actions. It should not be used for any negative connotations such as warnings or errors as it is quite closely tied to the MetaMask Fox",
"type": "color"
},
"alternative": {
"value": "#FAA66C",
"description": "(orange300: #FAA66C) [Deprecated] secondary.alternative should be used as an alternative to secondary.default for things such as hover states",
"description": "(orange300: #FAA66C) [DEPRECATED] secondary.alternative should be used as an alternative to secondary.default for things such as hover states",
"type": "color"
},
"muted": {
"value": "#F8883B26",
"description": "(orange400: #F8883B 15% opacity) [Deprecated] secondary.muted is a very low contrasting secondary variant for things such as alert backgrounds. secondary.muted and secondary.inverse should not be used together in a foreground and background combination",
"description": "(orange400: #F8883B 15% opacity) [DEPRECATED] secondary.muted is a very low contrasting secondary variant for things such as alert backgrounds. secondary.muted and secondary.inverse should not be used together in a foreground and background combination",
"type": "color"
},
"inverse": {
"value": "#FCFCFC",
"description": "(white010: #FCFCFC) [Deprecated] secondary.inverse should be used only as the foreground element on top of secondary.default and secondary.alternative. It is intended to be the most contrasting color to secondary.default. It should meet all AA and AAA accessibility standards such as the text or icon of a secondary button",
"description": "(white010: #FCFCFC) [DEPRECATED] secondary.inverse should be used only as the foreground element on top of secondary.default and secondary.alternative. It is intended to be the most contrasting color to secondary.default. It should meet all AA and AAA accessibility standards such as the text or icon of a secondary button",
"type": "color"
},
"disabled": {
"value": "#F8883B80",
"description": "(orange400: #F8883B 50% opacity) [Deprecated] secondary.disabled should be used for all disabled secondary action components",
"description": "(orange400: #F8883B 50% opacity) [DEPRECATED] secondary.disabled should be used for all disabled secondary action components",
"type": "color"
}
},
Expand All @@ -1281,7 +1281,7 @@
},
"disabled": {
"value": "#D73A4980",
"description": "(red500: #D73A49 50% opacity) [Deprecated] error.disabled should be used for all disabled critical action components such as buttons",
"description": "(red500: #D73A49 50% opacity) [DEPRECATED] error.disabled should be used for all disabled critical action components such as buttons",
"type": "color"
}
},
Expand All @@ -1293,7 +1293,7 @@
},
"alternative": {
"value": "#FFDF70",
"description": "(yellow400: #FFDF70) [Deprecated] warning.alternative should be used as an alternative to warning.default for things such as hover states",
"description": "(yellow400: #FFDF70) [DEPRECATED] warning.alternative should be used as an alternative to warning.default for things such as hover states",
"type": "color"
},
"muted": {
Expand All @@ -1308,7 +1308,7 @@
},
"disabled": {
"value": "#FFD33D80",
"description": "(yellow500: #FFD33D 50% opacity) [Deprecated] warning.disabled should be used for all disabled component colors such as buttons",
"description": "(yellow500: #FFD33D 50% opacity) [DEPRECATED] warning.disabled should be used for all disabled component colors such as buttons",
"type": "color"
}
},
Expand All @@ -1320,7 +1320,7 @@
},
"alternative": {
"value": "#5DD879",
"description": "(green400: #5DD879) [Deprecated] success.alternative should be used as an alternative to success.default for things such as hover states",
"description": "(green400: #5DD879) [DEPRECATED] success.alternative should be used as an alternative to success.default for things such as hover states",
"type": "color"
},
"muted": {
Expand All @@ -1335,7 +1335,7 @@
},
"disabled": {
"value": "#28A74580",
"description": "(green500: #28A745 50% opacity) [Deprecated] success.disabled should be used for all disabled success component colors such as buttons",
"description": "(green500: #28A745 50% opacity) [DEPRECATED] success.disabled should be used for all disabled success component colors such as buttons",
"type": "color"
}
},
Expand All @@ -1347,7 +1347,7 @@
},
"alternative": {
"value": "#43AEFC",
"description": "(blue300: #43AEFC) [Deprecated] info.alternative should be used as an alternative to info.default for things such as hover states",
"description": "(blue300: #43AEFC) [DEPRECATED] info.alternative should be used as an alternative to info.default for things such as hover states",
"type": "color"
},
"muted": {
Expand All @@ -1362,7 +1362,7 @@
},
"disabled": {
"value": "#037DD680",
"description": "(blue500: #037DD6 50% opacity) [Deprecated] info.disabled should be used for all disabled info action components such as buttons or links",
"description": "(blue500: #037DD6 50% opacity) [DEPRECATED] info.disabled should be used for all disabled info action components such as buttons or links",
"type": "color"
}
},
Expand Down
Loading

0 comments on commit 50bc166

Please sign in to comment.