diff --git a/src/components/ColorGrid/ColorGrid.js b/src/components/ColorGrid/ColorGrid.js index 0a412befdee..4ffd236b36c 100644 --- a/src/components/ColorGrid/ColorGrid.js +++ b/src/components/ColorGrid/ColorGrid.js @@ -2,7 +2,7 @@ import React from 'react'; import { colors, black100, - green60, + green50, orange40, red60, white0, @@ -34,7 +34,7 @@ export default function ColorGrid({ colorFamily, ...rest }) { - + ); } diff --git a/src/data/guidelines/color-tokens.js b/src/data/guidelines/color-tokens.js index 1cbe524593f..39a3756af65 100644 --- a/src/data/guidelines/color-tokens.js +++ b/src/data/guidelines/color-tokens.js @@ -1922,12 +1922,12 @@ const colorTokens = { role: ['Success', 'On'], value: { white: { - name: 'Green 60', - hex: '#198038', + name: 'Green 50', + hex: '#24a148', }, g10: { - name: 'Green 60', - hex: '#198038', + name: 'Green 50', + hex: '#24a148', }, g90: { name: 'Green 40', diff --git a/src/data/status-indicators/palettes.js b/src/data/status-indicators/palettes.js index 04863beb4da..2a0a8b48892 100644 --- a/src/data/status-indicators/palettes.js +++ b/src/data/status-indicators/palettes.js @@ -5,21 +5,32 @@ export const statusLight = [ light: true, }, { - name: 'Green 60', - hex: '198038', + name: 'Green 50', + hex: '24A148', light: true, }, { - name: 'Orange 50', - hex: 'eb6200', + name: 'Orange 40', + hex: 'ff832b', light: false, }, - { name: 'Blue 60', hex: '0f62fe', light: true }, + { + name: 'Orange 60 (outline)', + hex: 'ba4e00', + light: true, + }, + { name: 'Yellow 30', hex: 'f1c21b', light: false, }, + { + name: 'Yellow 60 (outline)', + hex: '8e6a00', + light: true, + }, + { name: 'Blue 70', hex: '0043ce', light: true }, { name: 'Purple 60', hex: '8a3ffc', light: true }, { name: 'Gray 60', @@ -35,8 +46,8 @@ export const statusDark = [ light: false, }, { - name: 'Green 50', - hex: '24a148', + name: 'Green 40', + hex: '42be65', light: false, }, { diff --git a/src/data/status-indicators/status-indicators.yaml b/src/data/status-indicators/status-indicators.yaml index aa7a3927a31..75a9de8a27f 100644 --- a/src/data/status-indicators/status-indicators.yaml +++ b/src/data/status-indicators/status-indicators.yaml @@ -1,6 +1,6 @@ high: - name: Failure - token: $support-01 + token: $support-error description: Indicates a process failure that needs immediate attention usage: failed processes, emergencies, urgent alerts fileNames: @@ -10,7 +10,7 @@ high: fileNames: - warning-filled - warning-outline - token: $support-01 + token: $support-error description: Indicates an error (often inline) that needs immediate attention usage: warnings, errors, alerts, failure @@ -18,13 +18,13 @@ high: fileNames: - warning-hex-filled - warning-hex-outline - token: $support-01 + token: $support-error description: Carries the same meaning as ‘Warning’ - name: Misuse fileNames: - misuse-filled - misuse-outline - token: $support-01 + token: $support-error description: Indicates unavailability, an incorrect use case (especially in usage guidance), or a run that has been cancelled @@ -42,7 +42,7 @@ high: fileNames: - caution-filled - caution-outline - token: $support-03/Yellow 60 outline, $support-03 + token: $support-warning/Yellow 60 outline, $support-warning description: Indicates the existence of a non-service affecting fault condition requiring corrective action to prevent a more serious fault @@ -61,7 +61,7 @@ medium: fileNames: - checkmark-circle-green-filled - checkmark-circle-green-outline - token: $support-02 + token: $support-success description: Indicates stability or the clearing of one or more reported alarms; implies no issues are present @@ -69,7 +69,7 @@ medium: - name: Normal alt fileNames: - checkmark - token: $support-02 + token: $support-success description: Carries the same meaning as ‘Normal’ but is more often used in data tables and confined spaces @@ -77,7 +77,7 @@ medium: fileNames: - checkmark-circle-blue-filled - checkmark-circle-blue-outline - token: $support-04 + token: $support-info description: Indicates success at the end of a process (usually used as an interactive state within Carbon components, hence the color change) @@ -85,7 +85,7 @@ medium: - name: In progress fileNames: - inprogress - token: $support-04 + token: $support-info description: Indicates a process has started but has not finished running (icon will be replaced by ‘checkmark’ or ‘warning’ icon when the status of the job @@ -94,7 +94,7 @@ medium: - name: Incomplete fileNames: - incomplete - token: $support-04 + token: $support-info description: Indicates a stepped process has begun but is not yet finished (icon appears in Carbon’s Progress Indicator component) @@ -102,7 +102,7 @@ medium: - name: Not started fileNames: - circle-dash - token: $support-04 + token: $support-info description: Indicates that a job or step (in Carbon’s Progress Indicator) has not yet been started @@ -132,21 +132,21 @@ low: - help-filled - help-outline - name: Information - token: $support-04 + token: $support-info description: Indicates additional (non-essential) information is available usage: additional information, exceptions fileNames: - information-circle-filled - information-circle-outline - name: Information alt - token: $support-04 + token: $support-info description: Carries the same meaning as ‘Information’ fileNames: - information-square-filled - information-square-outline glyph: - name: Failure - token: $support-01 + token: $support-error description: Indicates a severe process failure or error that needs immediate attention usage: @@ -154,7 +154,7 @@ glyph: fileNames: - failure - name: Critical severity - token: $support-01 + token: $support-error description: Indicates critical severity threat, critical severity object (like an IP), or critical 
risk of a data breach; based on a 1–10 scale @@ -162,7 +162,7 @@ glyph: fileNames: - critical-severity - name: High severity - token: $support-01 + token: $support-error description: Indicates high severity threat, high severity object (like an IP), or high risk of a data breach; based on a 1–10 scale @@ -178,7 +178,7 @@ glyph: fileNames: - medium-severity - name: Low severity - token: $support-03/Yellow 60 stroke, $support-03 + token: $support-warning/Yellow 60 stroke, $support-warning description: Indicates low severity threat, low severity object (like an IP), or low risk of a data breach; based on a 1–10 scale @@ -186,7 +186,7 @@ glyph: fileNames: - low-severity - name: Caution - token: $support-03/Yellow 60 stroke, $support-03 + token: $support-warning/Yellow 60 stroke, $support-warning description: When not using the Security risk/severity scale, this can be used to indicate 
the existence of a non-service affecting fault condition @@ -202,7 +202,7 @@ glyph: fileNames: - undefined - name: Stable - token: $support-02 + token: $support-success description: Indicates stability or the clearing of one or more reported alarms; implies no issues are present @@ -210,13 +210,13 @@ glyph: fileNames: - circle-fill - name: New - token: $support-04 + token: $support-info description: Indicates a new components, features or pieces of content usage: new items, additional information fileNames: - new - name: Information - token: $support-04 + token: $support-info description: Indicates additional information is available (can be used adaptively for statuses not taken into account by this table) @@ -224,7 +224,7 @@ glyph: fileNames: - square-fill - name: Incomplete - token: $support-04 + token: $support-info description: Indicates a process has started but not finished running or a user task is unfinished diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_13.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_13.png index 2dffb32fc1d..15e639b4c12 100644 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_13.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_13.png differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_14.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_14.png index b7e20c0b6e6..42467f65e58 100644 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_14.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_14.png differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.png index 1f4f7839054..9c2dbb9ad4d 100644 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.png differ diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.png index 74ef574e94d..5ca55f99672 100644 Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.png differ diff --git a/static/status-icons/glyph/dark/circle-fill.svg b/static/status-icons/glyph/dark/circle-fill.svg index 85cfe07116e..6d442fb5d3e 100644 --- a/static/status-icons/glyph/dark/circle-fill.svg +++ b/static/status-icons/glyph/dark/circle-fill.svg @@ -1,10 +1,10 @@ - - - glyph--circle-fill - - - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/glyph/light/circle-fill.svg b/static/status-icons/glyph/light/circle-fill.svg index 604633198f8..533d8937beb 100644 --- a/static/status-icons/glyph/light/circle-fill.svg +++ b/static/status-icons/glyph/light/circle-fill.svg @@ -1,11 +1,10 @@ - - - glyph--circle-fill - - - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/glyph/light/incomplete.svg b/static/status-icons/glyph/light/incomplete.svg index a45221c620e..40d22bd33e5 100644 --- a/static/status-icons/glyph/light/incomplete.svg +++ b/static/status-icons/glyph/light/incomplete.svg @@ -1,10 +1,10 @@ - - - glyph--incomplete - - - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/glyph/light/new.svg b/static/status-icons/glyph/light/new.svg index bf470076d1c..ab3c41c1c27 100644 --- a/static/status-icons/glyph/light/new.svg +++ b/static/status-icons/glyph/light/new.svg @@ -1,11 +1,10 @@ - - - glyph--circle-fill - - - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/glyph/light/square-fill.svg b/static/status-icons/glyph/light/square-fill.svg index d393b0a0561..3417279de2c 100644 --- a/static/status-icons/glyph/light/square-fill.svg +++ b/static/status-icons/glyph/light/square-fill.svg @@ -1,10 +1,10 @@ - - - glyph--square-fill - - - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/low/light/information-circle-filled.svg b/static/status-icons/low/light/information-circle-filled.svg index 6aaec0438ca..64c7096a62f 100644 --- a/static/status-icons/low/light/information-circle-filled.svg +++ b/static/status-icons/low/light/information-circle-filled.svg @@ -1,16 +1,10 @@ - - - information--filled - - - - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/low/light/information-circle-outline.svg b/static/status-icons/low/light/information-circle-outline.svg index 273f63685d4..25c638db9a0 100644 --- a/static/status-icons/low/light/information-circle-outline.svg +++ b/static/status-icons/low/light/information-circle-outline.svg @@ -1,19 +1,12 @@ - - - status_indicator_1 copy 58 - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + diff --git a/static/status-icons/low/light/information-square-filled.svg b/static/status-icons/low/light/information-square-filled.svg index 2403c37cd1b..f400eee43f2 100644 --- a/static/status-icons/low/light/information-square-filled.svg +++ b/static/status-icons/low/light/information-square-filled.svg @@ -1,16 +1,10 @@ - - - information--square--filled - - - - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/low/light/information-square-outline.svg b/static/status-icons/low/light/information-square-outline.svg index 11852337487..004bcf387c4 100644 --- a/static/status-icons/low/light/information-square-outline.svg +++ b/static/status-icons/low/light/information-square-outline.svg @@ -1,19 +1,12 @@ - - - information--square - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + diff --git a/static/status-icons/medium/dark/checkmark-circle-green-filled.svg b/static/status-icons/medium/dark/checkmark-circle-green-filled.svg index d1df47c9e51..08eed9cfd6f 100644 --- a/static/status-icons/medium/dark/checkmark-circle-green-filled.svg +++ b/static/status-icons/medium/dark/checkmark-circle-green-filled.svg @@ -1,6 +1,4 @@ - - - - - + + + diff --git a/static/status-icons/medium/dark/checkmark-circle-green-outline.svg b/static/status-icons/medium/dark/checkmark-circle-green-outline.svg index 5d933298149..06bb237ab5d 100644 --- a/static/status-icons/medium/dark/checkmark-circle-green-outline.svg +++ b/static/status-icons/medium/dark/checkmark-circle-green-outline.svg @@ -1,18 +1,11 @@ - - - checkmark--outline - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + diff --git a/static/status-icons/medium/dark/checkmark.svg b/static/status-icons/medium/dark/checkmark.svg index 9dc175082ec..ee39ec69c0a 100644 --- a/static/status-icons/medium/dark/checkmark.svg +++ b/static/status-icons/medium/dark/checkmark.svg @@ -1,10 +1,10 @@ - - - checkmark - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/medium/light/checkmark-circle-blue-filled.svg b/static/status-icons/medium/light/checkmark-circle-blue-filled.svg index b93a546174f..8af42c104c3 100644 --- a/static/status-icons/medium/light/checkmark-circle-blue-filled.svg +++ b/static/status-icons/medium/light/checkmark-circle-blue-filled.svg @@ -1,16 +1,10 @@ - - - status_indicator_1 copy 35 - - - - - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/medium/light/checkmark-circle-blue-outline.svg b/static/status-icons/medium/light/checkmark-circle-blue-outline.svg index e2f8ec17aa2..e0022381c54 100644 --- a/static/status-icons/medium/light/checkmark-circle-blue-outline.svg +++ b/static/status-icons/medium/light/checkmark-circle-blue-outline.svg @@ -1,16 +1,11 @@ - - - status_indicator_1 copy 49 - - - - - - - - - \ No newline at end of file + + + + + + + + + + + diff --git a/static/status-icons/medium/light/checkmark-circle-green-filled.svg b/static/status-icons/medium/light/checkmark-circle-green-filled.svg index 4c4eca20d83..66c13715a0b 100644 --- a/static/status-icons/medium/light/checkmark-circle-green-filled.svg +++ b/static/status-icons/medium/light/checkmark-circle-green-filled.svg @@ -1,15 +1,10 @@ - - - status_indicator_1 copy 33 - - - - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/medium/light/checkmark-circle-green-outline.svg b/static/status-icons/medium/light/checkmark-circle-green-outline.svg index a9b2346a0cc..4fe93e3f4ee 100644 --- a/static/status-icons/medium/light/checkmark-circle-green-outline.svg +++ b/static/status-icons/medium/light/checkmark-circle-green-outline.svg @@ -1,16 +1,11 @@ - - - status_indicator_1 copy 47 - - - - - - - - - \ No newline at end of file + + + + + + + + + + + diff --git a/static/status-icons/medium/light/checkmark.svg b/static/status-icons/medium/light/checkmark.svg index 3d5a9842102..35034a0eee1 100644 --- a/static/status-icons/medium/light/checkmark.svg +++ b/static/status-icons/medium/light/checkmark.svg @@ -1,10 +1,10 @@ - - - checkmark - - - - - \ No newline at end of file + + + + + + + + + + diff --git a/static/status-icons/medium/light/circle-dash.svg b/static/status-icons/medium/light/circle-dash.svg index 0d6ac2ccd9f..8c26cccac24 100644 --- a/static/status-icons/medium/light/circle-dash.svg +++ b/static/status-icons/medium/light/circle-dash.svg @@ -1,40 +1,19 @@ - - - circle-dash - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + + + diff --git a/static/status-icons/medium/light/incomplete.svg b/static/status-icons/medium/light/incomplete.svg index cbc051f6fd7..bcdffc57c1f 100644 --- a/static/status-icons/medium/light/incomplete.svg +++ b/static/status-icons/medium/light/incomplete.svg @@ -1,23 +1,14 @@ - - - incomplete - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + diff --git a/static/status-icons/medium/light/inprogress.svg b/static/status-icons/medium/light/inprogress.svg index f966b42639e..a9e778b4615 100644 --- a/static/status-icons/medium/light/inprogress.svg +++ b/static/status-icons/medium/light/inprogress.svg @@ -1,11 +1,10 @@ - - - in-progress - - - - - \ No newline at end of file + + + + + + + + + +