|
828 | 828 | "type": "color" |
829 | 829 | }, |
830 | 830 | "default-hover": { |
831 | | - "value": "#FAFAFA", |
832 | | - "type": "color", |
833 | | - "description": "(#FAFAFA) For component hover states that use background/default" |
| 831 | + "value": "#FAFBFC", |
| 832 | + "description": "(grey030: #FAFBFC) (grey030: #FAFBFC) For component hover states that use background/default", |
| 833 | + "type": "color" |
834 | 834 | }, |
835 | 835 | "default-pressed": { |
836 | | - "value": "#EBEBEB", |
837 | | - "type": "color", |
838 | | - "description": "(#EBEBEB) For component pressed states that use background/default" |
| 836 | + "value": "#FAFBFC", |
| 837 | + "description": "(grey030: #FAFBFC) For component pressed states that use background/default", |
| 838 | + "type": "color" |
839 | 839 | }, |
840 | 840 | "alternative": { |
841 | 841 | "value": "#F2F4F6", |
842 | 842 | "description": "(grey040: #F2F4F6) For a subtle contrast option for neutral backgrounds. (Example: backdrop, header background)", |
843 | 843 | "type": "color" |
844 | 844 | }, |
845 | 845 | "alternative-hover": { |
846 | | - "value": "#EDEFF1", |
847 | | - "type": "color", |
848 | | - "description": "(#EDEFF1) For component hover states that use background/alternative" |
| 846 | + "value": "#D6D9DC", |
| 847 | + "description": "(grey100: #D6D9DC) For component hover states that use background/alternative", |
| 848 | + "type": "color" |
849 | 849 | }, |
850 | 850 | "alternative-pressed": { |
851 | | - "value": "#DFE0E2", |
852 | | - "type": "color", |
853 | | - "description": "(#DFE0E2) For component pressed states that use background/alternative" |
854 | | - }, |
855 | | - "hover": { |
856 | | - "value": "rgba(0,0,0,0.04)", |
857 | | - "type": "color", |
858 | | - "description": "For hover state of components with no background color." |
859 | | - }, |
860 | | - "pressed": { |
861 | | - "value": "rgba(0,0,0,0.08)", |
862 | | - "type": "color", |
863 | | - "description": "For pressed state of components with no background color." |
| 851 | + "value": "#D6D9DC", |
| 852 | + "description": "(grey100: #D6D9DC) For component pressed states that use background/alternative", |
| 853 | + "type": "color" |
864 | 854 | } |
865 | 855 | }, |
866 | 856 | "text": { |
|
1223 | 1213 | "type": "color" |
1224 | 1214 | }, |
1225 | 1215 | "default-hover": { |
1226 | | - "value": "#3B4046", |
1227 | | - "description": "(grey700: #3B4046) For component hover states that use background/default", |
1228 | | - "type": "color" |
| 1216 | + "value": "#282B2E", |
| 1217 | + "type": "color", |
| 1218 | + "description": "(#282B2E) For component hover states that use background/default" |
1229 | 1219 | }, |
1230 | 1220 | "default-pressed": { |
1231 | | - "value": "#3B4046", |
1232 | | - "description": "(grey700: #3B4046) For component pressed states that use background/default", |
1233 | | - "type": "color" |
| 1221 | + "value": "#36383B", |
| 1222 | + "type": "color", |
| 1223 | + "description": "(#36383B) For component pressed states that use background/default" |
1234 | 1224 | }, |
1235 | 1225 | "alternative": { |
1236 | 1226 | "value": "#141618", |
1237 | 1227 | "description": "(grey900: #141618) For a subtle contrast option for neutral backgrounds. (Example: backdrop, header background)", |
1238 | 1228 | "type": "color" |
1239 | 1229 | }, |
1240 | 1230 | "alternative-hover": { |
1241 | | - "value": "#2E3339", |
1242 | | - "description": "(grey750: #2E3339) For component hover states that use background/alternative", |
1243 | | - "type": "color" |
| 1231 | + "value": "#191B1D", |
| 1232 | + "type": "color", |
| 1233 | + "description": "(#191B1D) For component hover states that use background/alternative" |
1244 | 1234 | }, |
1245 | 1235 | "alternative-pressed": { |
1246 | | - "value": "#2E3339", |
1247 | | - "description": "(grey750: #2E3339) For component pressed states that use background/alternative", |
1248 | | - "type": "color" |
| 1236 | + "value": "#27292A", |
| 1237 | + "type": "color", |
| 1238 | + "description": "(#27292A) For component pressed states that use background/alternative" |
| 1239 | + }, |
| 1240 | + "hover": { |
| 1241 | + "value": "#FFFFFF05", |
| 1242 | + "type": "color", |
| 1243 | + "description": "For component hover states with no background color" |
| 1244 | + }, |
| 1245 | + "pressed": { |
| 1246 | + "value": "#FFFFFF14", |
| 1247 | + "type": "color", |
| 1248 | + "description": "For component pressed states with no background color" |
1249 | 1249 | } |
1250 | 1250 | }, |
1251 | 1251 | "text": { |
|
0 commit comments