[pattern] status indicator content fixes

[laurenmrice]

[pattern] status indicator fixes

Content issues:

The Security team pointed out that their guidance around data decorator components directly conflicts with some of what was in the shape status indicator guidance. Their shape status indicators are widely deployed in product and this discrepancy will cause confusion. Changing their shapes to conform to our guidance would also be very costly. We've decided to fold in their risk/severity scale shape indicators into our shape indicator lexicon as they are.

Security guidance links:

https://ibm.box.com/s/mb2dwp56k4rvgl50kwr9tniuqlpbpis7
https://ibm-security.carbondesignsystem.com/?path=/story/components-security-decorator--icons

To do:

• @conradennis is helping us add two shapes to the library that we're currently missing (the 'Critical' right triangle' and the 'Low severity' square with a stroke for contrast accessibility)
  feat(UI icons): new icons may and june carbon#8960

• @vpicone we also need to update the warning major and warning minor assets for accessibility

• @vpicone we need to add three status shapes into the table I will give you the svgs and the hex

• We need to update the table content in the YAML file (I have content @vpicone if you open the PR and fix the tables, @jeanservaas can update the YAML in the issue)

• @jeanservaas needs to update the attached images to reflect the real Security product UI (Including the legend image, it's an incorrect example of a legend).

Full new status shape table @cameroncalder for approval

• We also have to update the gray in the status palette

---

- Images to fix:

[mjabbink]

@vpicone This is a high-priority update to avoid mass confusion.

[mjabbink]

Table alignment and grid fixes a must.

[vpicone]

Let me know whenever the content is ready, I can update the yaml and add the images.

[mjabbink]

@vpicone The content is ready for icon update and color updates. @jeanservaas can confirm but those are Ready to Go Cotton-Eyed Joe.

Grid/Table alignments can happen next sprint I reckon.

[mjabbink]

Content is already done and provided above @vpicone

[jeanservaas]

@vpicone

Here are the new svgs, there are screen grabs of where they go in the tables above.

Status icons updates

Caution major colors

Light theme filled Caution major:

• Stroke, orange 60, Hex # BA4E00
• Fill, orange 40, Hex # FF832B
• exclamation glyph, black # 000000

Dark theme filled Caution major:

• Stroke, orange 40, Hex # FF832B
• Fill, orange 40, Hex # FF832B
• exclamation glyph, black # 000000

Caution minor colors

Light theme filled Caution minor:

• Stroke, yellow 60, Hex # 8E6A00
• Fill, yellow 30, Hex # F1C21B
• exclamation glyph, black # 000000

Dark theme filled Caution minor:

• Stroke, yellow 30, Hex # F1C21B
• Fill, yellow 30, Hex # F1C21B
• exclamation glyph, black # 000000

Status shape updates

Critical severity color

Light theme Critical severity:

• Fill, red 60, Hex # DA1E28

Dark theme Critical severity:

• Fill, red 50, Hex # FA4D56

High severity color

Light theme High severity:

• Fill, red 60, Hex # DA1E28

Dark theme High severity:

• Fill, red 50, Hex # FA4D56

Medium severity colors

Light theme High severity:

• Stroke, orange 60, # BA4E00
• Fill, orange 40, Hex # FF832B

Dark theme High severity:

• Stroke, orange 40, Hex # FF832B
• Fill, orange 40, Hex # FF832B

Low severity colors

Light theme Low severity:

• Stroke, yellow 60, # 8E6A00
• Fill, yellow 30, Hex # F1C21B

Dark theme Low severity:

• Stroke, yellow 30, Hex # F1C21B
• Fill, yellow 30, Hex # F1C21B

New_status_assets.zip

[jeanservaas]

@vpicone here are the image updates

names are the same so they should pop right in

image_updates.zip

[vpicone]

@jeanservaas need the token and usage content