diff --git a/src-docs/src/views/icon/icon_example.js b/src-docs/src/views/icon/icon_example.js index 01d56a91c..50db29dec 100644 --- a/src-docs/src/views/icon/icon_example.js +++ b/src-docs/src/views/icon/icon_example.js @@ -38,6 +38,8 @@ import Ml from './ml'; import Logos from './logos'; +import Workspace from './workspace'; + import IconSizes from './icon_sizes'; import IconColors from './icon_colors'; @@ -115,6 +117,15 @@ export const IconExample = { ), demo: , }, + { + title: 'Workspaces', + text: ( +

+ Workspace logos are usually displayed at 16x16 or above. +

+ ), + demo: , + }, { title: 'Apps', text: ( diff --git a/src-docs/src/views/icon/workspace.js b/src-docs/src/views/icon/workspace.js new file mode 100644 index 000000000..8a2953100 --- /dev/null +++ b/src-docs/src/views/icon/workspace.js @@ -0,0 +1,61 @@ +/* + * SPDX-License-Identifier: Apache-2.0 + * + * The OpenSearch Contributors require contributions made to + * this file be licensed under the Apache-2.0 license or a + * compatible open source license. + * + * Modifications Copyright OpenSearch Contributors. See + * GitHub history for details. + */ + +import React from 'react'; + +import { + OuiFlexGrid, + OuiFlexItem, + OuiIcon, + OuiPanel, + OuiCodeBlock, + OuiCopy, + OuiSpacer, +} from '../../../../src/components'; + +const iconTypes = [ + 'wsAnalytics', + 'wsEssentials', + 'wsObservability', + 'wsSearch', + 'wsSecurityAnalytics', + 'wsSelector', +]; + +export default () => ( + <> + + {''} + + + + {iconTypes.map((iconType) => ( + + + {(copy) => ( + +  {' '} + {iconType} + + )} + + + ))} + + +); diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap index 4d0f007aa..fc5940ed0 100644 --- a/src/components/icon/__snapshots__/icon.test.tsx.snap +++ b/src/components/icon/__snapshots__/icon.test.tsx.snap @@ -10358,6 +10358,109 @@ exports[`OuiIcon props type wrench is rendered 1`] = ` `; +exports[`OuiIcon props type wsAnalytics is rendered 1`] = ` + +`; + +exports[`OuiIcon props type wsEssentials is rendered 1`] = ` + +`; + +exports[`OuiIcon props type wsObservability is rendered 1`] = ` + +`; + +exports[`OuiIcon props type wsSearch is rendered 1`] = ` + +`; + +exports[`OuiIcon props type wsSecurityAnalytics is rendered 1`] = ` + +`; + +exports[`OuiIcon props type wsSelector is rendered 1`] = ` + +`; + exports[`OuiIcon render different types of icons renders custom components 1`] = `