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 @@
-
-
\ 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 @@
-
-
\ 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 @@
-
-
\ 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 @@
-
-
\ 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 @@
-
-
\ 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 @@
-
-
\ 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 @@
-
-
\ 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 @@
-
-
\ 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 @@
-
-
\ 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 @@
-