diff --git a/src/data/status-indicators/palettes.js b/src/data/status-indicators/palettes.js
index 5ee7bfde7ae..04863beb4da 100644
--- a/src/data/status-indicators/palettes.js
+++ b/src/data/status-indicators/palettes.js
@@ -22,7 +22,7 @@ export const statusLight = [
},
{ name: 'Purple 60', hex: '8a3ffc', light: true },
{
- name: 'Gray 30',
+ name: 'Gray 60',
hex: '6f6f6f',
light: true,
},
@@ -52,8 +52,8 @@ export const statusDark = [
},
{ name: 'Purple 50', hex: 'a56eff', light: false },
{
- name: 'Gray 70',
- hex: 'c6c6c6',
+ name: 'Gray 50',
+ hex: '8d8d8d',
light: false,
},
];
diff --git a/src/data/status-indicators/status-indicators.yaml b/src/data/status-indicators/status-indicators.yaml
index a0140b8c11d..951077eaa69 100644
--- a/src/data/status-indicators/status-indicators.yaml
+++ b/src/data/status-indicators/status-indicators.yaml
@@ -1,8 +1,8 @@
high:
- - name: Critical
+ - name: Failure
token: $support-01
- description: Indicates a severe event that needs immediate attention;
- usage: critical situations, emergencies, urgent alerts
+ description: Indicates a process failure that needs immediate attention
+ usage: failed processes, emergencies, urgent alerts
fileNames:
- critical-filled
- critical-outline
@@ -12,14 +12,14 @@ high:
- warning-outline
token: $support-01
description:
- Indicates an error (often inline) that needs immediate attention;
+ Indicates an error (often inline) that needs immediate attention
usage: warnings, errors, alerts, failure
- name: Warning alt
fileNames:
- warning-hex-filled
- warning-hex-outline
token: $support-01
- description: Carries the same meaning as 'Warning'
+ description: Carries the same meaning as ‘Warning’
- name: Misuse
fileNames:
- misuse-filled
@@ -27,25 +27,25 @@ high:
token: $support-01
description:
Indicates unavailability, an incorrect use case (especially in usage
- guidance) or a run that has been cancelled;
+ guidance), or a run that has been cancelled
usage: incorrect usage, unavailability, cancellation
- name: Caution major
fileNames:
- caution-major-filled
- caution-major-outline
- token: $support-caution-major
+ token: Orange 40/Orange 60 outline, Orange 40
description:
Indicates a threshold has been breached; alerts a user before a critical
- event is triggered (only used in conjunction with ‘Caution’);
+ event is triggered (only used in conjunction with ‘Caution’)
usage: major caution, serious situations, critical instability
- name: Caution minor
fileNames:
- caution-filled
- caution-outline
- token: $support-03, Yellow 60 (light-theme outline)
+ token: $support-03/Yellow 60 outline, $support-03
description:
Indicates the existence of a non-service affecting fault condition
- requiring corrective action to prevent a more serious fault;
+ requiring corrective action to prevent a more serious fault
usage: minor caution, prevention, instability
medium:
- name: Undefined
@@ -55,32 +55,32 @@ medium:
token: Purple 60, Purple 50
description:
Indicates a value that is outside of an acceptable range or formatted
- incorrectly;
+ incorrectly
usage: experimental work, outliers
- - name: Checkmark
+ - name: Normal
fileNames:
- checkmark-circle-green-filled
- checkmark-circle-green-outline
token: $support-02
description:
Indicates stability or the clearing of one or more reported alarms;
- implies no issues are present;
+ implies no issues are present
usage: success, completion, stability, active states
- - name: Checkmark alt
+ - name: Normal alt
fileNames:
- checkmark
token: $support-02
description:
- Carries the same meaning as 'Checkmark' but is more often used in data
+ Carries the same meaning as ‘Normal’ but is more often used in data
tables and confined spaces
- - name: Checkmark
+ - name: Success
fileNames:
- checkmark-circle-blue-filled
- checkmark-circle-blue-outline
token: $support-04
description:
Indicates success at the end of a process (usually used as an interactive
- state within Carbon components, hence the color change);
+ state within Carbon components, hence the color change)
usage: success, completion
- name: In progress
fileNames:
@@ -88,52 +88,52 @@ medium:
token: $support-04
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 is
- changed);
+ replaced by ‘checkmark’ or ‘warning’ icon when the status of the job
+ changes)
usage: unfinished, running processes
- name: Incomplete
fileNames:
- incomplete
token: $support-04
description:
- Indicates a job has started but is not yet finished (icon appears in
- Carbon’s Progress Indicator component);
+ Indicates a stepped process has begun but is not yet finished (icon appears in
+ Carbon’s Progress Indicator component)
usage: incomplete tasks
- name: Not started
fileNames:
- circle-dash
token: $support-04
description:
- Indicates that a job or step (in Carbon’s progress indicator) has not yet
- been started;
+ Indicates that a job or step (in Carbon’s Progress Indicator) has not yet
+ been started
usage: upstarted tasks or disabled processes
- name: Pending
fileNames:
- pending-filled
- pending-outline
- token: $icon-02
+ token: Gray 60, Gray 50
description:
Indicates a job has started but can not be scheduled due to insufficient
- resources;
+ resources
usage: indefinite holds
low:
- name: Unknown
- token: $icon-02
- description: Indicates that the status of an object is unknown;
+ token: Gray 60, Gray 50
+ description: Indicates that the status of an object is unknown
usage: unknown, undefined status
fileNames:
- unknown-filled
- unknown-outline
- name: Help
- token: $icon-02
- description: Indicates additional support or FAQ content is available;
+ token: Gray 60, Gray 50
+ description: Indicates additional support or FAQ content is available
usage: help, guidance, exceptions
fileNames:
- help-filled
- help-outline
- name: Information
token: $support-04
- description: Indicates additional (non-essential) information is available;
+ description: Indicates additional (non-essential) information is available
usage: additional information, exceptions
fileNames:
- information-circle-filled
@@ -145,34 +145,51 @@ low:
- information-square-filled
- information-square-outline
glyph:
- - name: Critical
+ - name: Failure
token: $support-01
- description: Indicates a severe event that needs immediate attention;
- usage: critical situations, emergencies urgent alerts
+ description: Indicates a severe process failure or error that needs immediate attention
+ usage: critical failures, emergencies urgent alerts, deprecation and cancellation
fileNames:
- - critical
- - name: Warning
+ - failure
+ - name: Critical severity
token: $support-01
- description: Indicates an error that needs immediate attention;
- usage: warnings, errors, failure, deprecation, cancellation
- fileNames:
- - warning
- - name: Caution major
- token: Orange 50, Orange 40
- description:
- Indicates a breach before a critical event is triggered (only use in
- conjunction with ‘Caution’);
- usage: major caution, serious situations, critical instability
+ description: Indicates critical severity threat, critical severity object (like an IP), or critical risk of a data breach; based on a 1–10 scale
+ usage: critical (10) threat, critical risk, critical severity warnings
fileNames:
- - caution-major
- - name: Caution minor
- token: $support-03, Yellow 60 (Light-theme stroke)
- description:
- Indicates a non-service affecting fault condition requiring corrective
- action to prevent a more serious fault;
+ - critical-severity
+ - name: High severity
+ token: $support-01
+ description: Indicates high severity threat, high severity object (like an IP), or high risk of a data breach; based on a 1–10 scale
+ usage: high threat (7–9), high risk, high severity warnings
+ fileNames:
+ - high-severity
+ - name: Medium severity
+ token: Orange 40/Orange 60 stroke, Orange 40
+ description: Indicates medium severity threat, medium severity object (like an IP), or medium risk of a data breach; based on a 1–10 scale
+ usage: medium threat (4–6), medium risk, medium severity warnings
+ fileNames:
+ - medium-severity
+ - name: Low severity
+ token: $support-03/Yellow 60 stroke, $support-03
+ description: Indicates low severity threat, low severity object (like an IP), or low risk of a data breach; based on a 1–10 scale
+ usage: low threat (0–3), low risk, low severity warnings
+ fileNames:
+ - low-severity
+ - name: Caution
+ token: $support-03/Yellow 60 stroke, $support-03
+ description:
+ When not using the Security risk/severity scale, this can be used to indicate the existence of a non-service affecting fault condition
usage: minor caution, prevention, instability
fileNames:
- caution
+ - name: Undefined
+ token: Purple 60, Purple 50
+ description:
+ Indicates a value that is outside of an acceptable range or formatted
+ incorrectly
+ usage: experimental work, outliers
+ fileNames:
+ - undefined
- name: Stable
token: $support-02
description:
@@ -181,19 +198,17 @@ glyph:
usage: success, completion, stability, active states
fileNames:
- circle-fill
- - name: Undefined
- token: $support-undefined
+ - name: New
+ token: $support-04
description:
- Indicates a value that is outside of an acceptable range or formatted
- incorrectly;
- usage: experimental work, outliers
+ Indicates a new components, features or pieces of content
+ usage: new items, additional information
fileNames:
- - undefined
+ - new
- name: Information
token: $support-04
description:
- Indicates additional information is available (can be used adaptively if a
- gap arises);
+ Indicates additional information is available (can be used adaptively for statuses not taken into account by this table)
usage: additional information, wild card
fileNames:
- square-fill
@@ -201,15 +216,15 @@ glyph:
token: $support-04
description:
Indicates a process has started but not finished running or a user task is
- unfinished;
+ unfinished
usage: unfinished, running processes
fileNames:
- incomplete
- name: Draft
- token: $icon-02
+ token: Gray 60, Gray 50
description:
Indicates that a job has not been started, draft status of a job or a
- disabled process;
+ disabled process
usage: unstarted tasks, drafts, disabled processes
fileNames:
- circle-stroke
diff --git a/src/pages/all-about-carbon/images/team/chew_jeff.png b/src/pages/all-about-carbon/images/team/chew_jeff.png
new file mode 100644
index 00000000000..d6bcc5772cc
Binary files /dev/null and b/src/pages/all-about-carbon/images/team/chew_jeff.png differ
diff --git a/src/pages/all-about-carbon/images/team/sloyer_jeff.png b/src/pages/all-about-carbon/images/team/sloyer_jeff.png
new file mode 100644
index 00000000000..d6bcc5772cc
Binary files /dev/null and b/src/pages/all-about-carbon/images/team/sloyer_jeff.png differ
diff --git a/src/pages/all-about-carbon/images/team/vorbeck_garrett.png b/src/pages/all-about-carbon/images/team/vorbeck_garrett.png
new file mode 100644
index 00000000000..d6bcc5772cc
Binary files /dev/null and b/src/pages/all-about-carbon/images/team/vorbeck_garrett.png differ
diff --git a/src/pages/all-about-carbon/partners.mdx b/src/pages/all-about-carbon/partners.mdx
index 89498d392f3..43974fc9330 100644
--- a/src/pages/all-about-carbon/partners.mdx
+++ b/src/pages/all-about-carbon/partners.mdx
@@ -133,6 +133,11 @@ increases the internal and external eminence of Carbon Design System and IBM.
![Linda Carotenuto headshot](/images/team/carotenuto_linda.png)
+
+
+
+![Jeff Chew headshot](/images/team/chew_jeff.png)
+
@@ -158,6 +163,11 @@ increases the internal and external eminence of Carbon Design System and IBM.
![Jeannie Servaas headshot](/images/team/servaas_jean.png)
+
+
+
+![Jeff Sloyer headshot](/images/team/sloyer_jeff.png)
+
@@ -173,6 +183,11 @@ increases the internal and external eminence of Carbon Design System and IBM.
![Diana Tran headshot](/images/team/tran_diana.png)
+
+
+
+![Garrett Vorbeck headshot](/images/team/vorbeck_garrett.png)
+
diff --git a/src/pages/components/modal/accessibility.mdx b/src/pages/components/modal/accessibility.mdx
index 27cea7fd135..88763cc346d 100644
--- a/src/pages/components/modal/accessibility.mdx
+++ b/src/pages/components/modal/accessibility.mdx
@@ -62,7 +62,7 @@ content to this component.
a visible element with button role that closes the dialog, such as a close
icon or cancel button.
5. Use the Alert modal dialog for special case that interrupts user’s workflow
- to communicate a brief, important message and require a user’s response,
+ to communicate a brief, important message and require a user’s response.
## Resources
diff --git a/src/pages/guidelines/themes/code.mdx b/src/pages/guidelines/themes/code.mdx
index 0f2e1343f61..3abdbbca0e7 100644
--- a/src/pages/guidelines/themes/code.mdx
+++ b/src/pages/guidelines/themes/code.mdx
@@ -60,7 +60,7 @@ You can preview all of the token values for this on the
### Sass
-If you're project is using Sass, you can include this package and the
+If your project is using Sass, you can include this package and the
corresponding default theme by writing the following in your Sass file:
```scss
diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_10.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_10.png
index c4f6c8120d3..500b04c35d7 100644
Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_10.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_10.png differ
diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_11.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_11.png
index 08225e8bbab..a47b7848bec 100644
Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_11.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_11.png differ
diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_12.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_12.png
index 53963c3964b..a545680da1f 100644
Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_12.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_12.png differ
diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg b/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg
deleted file mode 100644
index a7d2512d3ec..00000000000
Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_5.jpg and /dev/null 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
new file mode 100644
index 00000000000..b7cf8d50100
Binary files /dev/null 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.jpg b/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.jpg
deleted file mode 100644
index 80f23f277b0..00000000000
Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.jpg and /dev/null 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
new file mode 100644
index 00000000000..b21d495bb89
Binary files /dev/null and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_6.png differ
diff --git a/src/pages/patterns/status-indicator-pattern/images/status_indicator_9.png b/src/pages/patterns/status-indicator-pattern/images/status_indicator_9.png
index 0c966e4c825..1c85d5b3429 100644
Binary files a/src/pages/patterns/status-indicator-pattern/images/status_indicator_9.png and b/src/pages/patterns/status-indicator-pattern/images/status_indicator_9.png differ
diff --git a/src/pages/patterns/status-indicator-pattern/index.mdx b/src/pages/patterns/status-indicator-pattern/index.mdx
index fe8778a876c..12c79445657 100644
--- a/src/pages/patterns/status-indicator-pattern/index.mdx
+++ b/src/pages/patterns/status-indicator-pattern/index.mdx
@@ -313,12 +313,12 @@ is good practice to clarify the status intention in the text label.
-![Aligned status indicator icons.](images/status_indicator_5.jpg)
+![Aligned status indicator icons.](images/status_indicator_5.png)
-![Misaligned status indicator icons](images/status_indicator_6.jpg)
+![Misaligned status indicator icons](images/status_indicator_6.png)
@@ -377,11 +377,17 @@ visualizations, for example network diagrams.
The shapes are only the most basic geometries, derived from the larger icon
containers, so they can be easily discerned at small sizes. Shape indicators are
-not available in outline because they are so small. The only situation in which
-you would use an outline is to ensure contrast accessibility for yellows.
+not available in outline because they are so small. The only situations in which
+you would use an outline is to ensure contrast accessibility for yellows or oranges in the Carbon light themes.
The table below is a first pass at establishing a standard lexicon for symbol
-indicators within IBM product.
+indicators across IBM products.
+
+#### Same shape, different color
+
+The status shapes naturally allow more room for interpretation than the status icons. Certain shapes can take on different colors for different circumstances. However, NEVER use the same shape, in different colors, within the same experience.
+
+
diff --git a/static/status-icons/glyph/dark/circle-stroke.svg b/static/status-icons/glyph/dark/circle-stroke.svg
index a8970525299..1316b9f56a8 100644
--- a/static/status-icons/glyph/dark/circle-stroke.svg
+++ b/static/status-icons/glyph/dark/circle-stroke.svg
@@ -1,10 +1,12 @@
-
-
\ No newline at end of file
+
+
+
diff --git a/static/status-icons/glyph/dark/critical-severity.svg b/static/status-icons/glyph/dark/critical-severity.svg
new file mode 100644
index 00000000000..2b94a5fe047
--- /dev/null
+++ b/static/status-icons/glyph/dark/critical-severity.svg
@@ -0,0 +1,11 @@
+
+
+
diff --git a/static/status-icons/glyph/dark/critical.svg b/static/status-icons/glyph/dark/failure.svg
similarity index 100%
rename from static/status-icons/glyph/dark/critical.svg
rename to static/status-icons/glyph/dark/failure.svg
diff --git a/static/status-icons/glyph/dark/warning.svg b/static/status-icons/glyph/dark/high-severity.svg
similarity index 54%
rename from static/status-icons/glyph/dark/warning.svg
rename to static/status-icons/glyph/dark/high-severity.svg
index a1bff12157d..2b746fcb01a 100644
--- a/static/status-icons/glyph/dark/warning.svg
+++ b/static/status-icons/glyph/dark/high-severity.svg
@@ -1,12 +1,10 @@