|
314 | 314 | "overlay": { |
315 | 315 | "default": { |
316 | 316 | "value": "hsla(210, 8%, 15%, .9)", |
317 | | - "description": "(grey800: #24272A) text.default should be used for all general text used on background.default or background.alternative that takes main priority in the information hierarchy.", |
| 317 | + "description": "(grey800: #24272A 90% opacity) overlay.default should be used for all general overlay backgrounds", |
318 | 318 | "type": "color" |
319 | 319 | }, |
320 | 320 | "inverse": { |
321 | 321 | "value": "hsla(0, 0%, 99%, 1)", |
322 | | - "description": "(white010: #FCFCFC) primary.inverse should be used only as the foreground element on top of primary.default and primary.alternative. It is intended to be the most contrasting color to primary.default. It should meet all AA and AAA accessibility standards such as the text or icon of a primary button.", |
| 322 | + "description": "(white010: #FCFCFC) overlay.inverse should be used only as the foreground element on top of overlay.default used for text or icons", |
323 | 323 | "type": "color" |
324 | 324 | } |
325 | 325 | }, |
|
400 | 400 | }, |
401 | 401 | "disabled": { |
402 | 402 | "value": "hsla(46, 100%, 62%, .5)", |
403 | | - "description": "(yellow500: #FFD33D 50% opacity) error.disabled should be used for all disabled critical action components such as buttons", |
| 403 | + "description": "(yellow500: #FFD33D 50% opacity) warning.disabled should be used for all disabled component colors such as buttons", |
404 | 404 | "type": "color" |
405 | 405 | } |
406 | 406 | }, |
|
506 | 506 | "overlay": { |
507 | 507 | "default": { |
508 | 508 | "value": "hsla(210, 8%, 15%, .9)", |
509 | | - "description": "(grey800: #24272A) text.default should be used for all general text used on background.default or background.alternative that takes main priority in the information hierarchy.", |
| 509 | + "description": "(grey800: #24272A 90% opacity) overlay.default should be used for all general overlay backgrounds", |
510 | 510 | "type": "color" |
511 | 511 | }, |
512 | 512 | "inverse": { |
513 | 513 | "value": "hsla(0, 0%, 99%, 1)", |
514 | | - "description": "(white010: #FCFCFC) primary.inverse should be used only as the foreground element on top of primary.default and primary.alternative. It is intended to be the most contrasting color to primary.default. It should meet all AA and AAA accessibility standards such as the text or icon of a primary button.", |
| 514 | + "description": "(white010: #FCFCFC) overlay.inverse should be used only as the foreground element on top of overlay.default used for text or icons", |
515 | 515 | "type": "color" |
516 | 516 | } |
517 | 517 | }, |
|
592 | 592 | }, |
593 | 593 | "disabled": { |
594 | 594 | "value": "hsla(46, 100%, 62%, .5)", |
595 | | - "description": "(yellow500: #FFD33D 50% opacity) error.disabled should be used for all disabled critical action components such as buttons", |
| 595 | + "description": "(yellow500: #FFD33D 50% opacity) warning.disabled should be used for all disabled component colors such as buttons", |
596 | 596 | "type": "color" |
597 | 597 | } |
598 | 598 | }, |
|
646 | 646 | }, |
647 | 647 | "disabled": { |
648 | 648 | "value": "hsla(205, 97%, 43%, .5)", |
649 | | - "description": "(blue500: #037DD6 50% opacity) primary.disabled should be used for all disabled primary action components such as buttons or links.", |
| 649 | + "description": "(blue500: #037DD6 50% opacity) info.disabled should be used for all disabled info action components such as buttons or links.", |
650 | 650 | "type": "color" |
651 | 651 | } |
652 | 652 | } |
|
0 commit comments