(OUI Docs) Badge

[KrooshalUX]

Section: Badge groups and truncation

• Fix typo "only every be a single line of text" to "only ever be a single line of text"

Section: Beta badge type

• Replace with OuiExperimentalBadge content
• Replace beaker icon tooltips from "lab" to "experimental"
• Replace "lab" with "experimental" in the line "beta badges will also line up nicely with titles"

Section - clickable beta badges:

• Replace lens icon with visVisualBuilder
• Update tooltip on lens to Visualize
• Change URL on lens icon to https://playground.opensearch.org/app/visualize#/?_g=(filters:!(),refreshInterval:(pause:!t,value:0),time:(from:now-15m,to:now))
• Remove the modal that appears when clicking lens
• Update URL on "experimental" from elastic subscriptions to "https://opensearch.org/docs/latest/"

[BSFishy]

Beta badge alignment can be modified by changing the vertical-align property here:

oui/src/components/badge/beta_badge/_beta_badge.scss

Line 17 in fa3d410

vertical-align: super; // if displayed inline with text

I've found that a value of text-bottom aligns with titles better.

---

To include a tooltip in the "lab" type (I'm assuming this is referring to the beta badge with a beaker icon), the tooltipContent attribute needs to be included, as shown here:

oui/src-docs/src/views/badge/beta_badge.js

Lines 22 to 26 in fa3d410

	<OuiBetaBadge
	label="Beta"
	color={item}
	tooltipContent="This module is not GA. Please help us by reporting any bugs."
	/>

Currently, the lab icons in the docs don't have that attribute, but it's a quick fix:

oui/src-docs/src/views/badge/beta_badge.js

Lines 39 to 41 in fa3d410

	<OuiBetaBadge label="Lab" color={item} iconType="beaker" />
	&emsp;
	<OuiBetaBadge label="Lab" size="s" color={item} iconType="beaker" />

[BSFishy]

Additionally, the clickable beta badge that says BASIC currently links to an Elastic page, that we should change.

[KrooshalUX]

@BSFishy yes, for clarity these tasks for docs are in addition to removing elastic references. The elastic reference task is tracked as a launch requirement. These are iterative, rolling changes.