Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@
- Adjust $ouiFormInputGroupLabelBackground color in dark `next` theme ([#1005](https://github.com/opensearch-project/oui/pull/1005))
- Adjust background color of OuiToolTip in `next` theme ([#1004](https://github.com/opensearch-project/oui/pull/1004))
- Add new `middle-out` order prop option to `OuiPaletteColorBlind` ([#856](https://github.com/opensearch-project/oui/pull/856))
- Add new icons for OpenSearch Dashboards v2.10.0 ([#1014](https://github.com/opensearch-project/oui/pull/1014))

### 🐛 Bug Fixes

Expand Down
11 changes: 11 additions & 0 deletions src-docs/src/views/icon/icons.js
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,10 @@ export const iconTypes = [
'bug',
'bullseye',
'calendar',
'chatLeft',
'chatRight',
'check',
'checkInCircleEmpty',
'checkInCircleFilled',
'cheer',
'clock',
Expand Down Expand Up @@ -124,6 +127,10 @@ export const iconTypes = [
'indexSettings',
'inputOutput',
'inspect',
'integrationGeneral',
'integrationObservability',
'integrationSearch',
'integrationSecurity',
'invert',
'ip',
'keyboardShortcut',
Expand Down Expand Up @@ -186,6 +193,7 @@ export const iconTypes = [
'questionInCircle',
'quote',
'radius',
'redeploy',
'refresh',
'reporter',
'returnKey',
Expand Down Expand Up @@ -226,10 +234,13 @@ export const iconTypes = [
'tag',
'tear',
'temperature',
'thumbsDown',
'thumbsUp',
'timeline',
'timeslider',
'training',
'trash',
'undeploy',
'unfold',
'unlink',
'user',
Expand Down
214 changes: 214 additions & 0 deletions src/components/icon/__snapshots__/icon.test.tsx.snap
Original file line number Diff line number Diff line change
Expand Up @@ -1053,6 +1053,40 @@ exports[`OuiIcon props type canvasApp is rendered 1`] = `
</svg>
`;

exports[`OuiIcon props type chatLeft is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.46 14.923A1 1 0 0 1 3.846 14v-1.619H3a2 2 0 0 1-2-2v-7.38a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v7.38a2 2 0 0 1-2 2H7.91L5.55 14.712a1 1 0 0 1-1.089.211zm.386-2.542a1 1 0 0 0-1-1H3a1 1 0 0 1-1-1v-7.38a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.38a1 1 0 0 1-1 1H7.91a1 1 0 0 0-.702.289L4.846 14v-1.619z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`OuiIcon props type chatRight is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M11.54 14.923a1 1 0 0 0 .614-.923v-1.619H13a2 2 0 0 0 2-2v-7.38a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v7.38a2 2 0 0 0 2 2h5.09l2.362 2.331a1 1 0 0 0 1.088.211zm-.386-2.542a1 1 0 0 1 1-1H13a1 1 0 0 0 1-1v-7.38a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v7.38a1 1 0 0 0 1 1h5.09a1 1 0 0 1 .702.289L11.154 14v-1.619z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`OuiIcon props type check is rendered 1`] = `
<svg
aria-hidden="true"
Expand All @@ -1071,6 +1105,26 @@ exports[`OuiIcon props type check is rendered 1`] = `
</svg>
`;

exports[`OuiIcon props type checkInCircleEmpty is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6.91 9.8 4.74-4.657a.5.5 0 1 1 .7.714l-5.09 5a.5.5 0 0 1-.701 0L3.649 8a.5.5 0 1 1 .701-.714L6.91 9.8z"
/>
<path
clip-rule="evenodd"
d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-1A7 7 0 1 1 8 1a7 7 0 0 1 0 14z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`OuiIcon props type checkInCircleFilled is rendered 1`] = `
<svg
aria-hidden="true"
Expand Down Expand Up @@ -3361,6 +3415,94 @@ exports[`OuiIcon props type inspect is rendered 1`] = `
</svg>
`;

exports[`OuiIcon props type integrationGeneral is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M5.095 2.903a.525.525 0 0 1 .472-.278l1.05.016a.525.525 0 0 1 .462.292l.42.844.742-.063a.525.525 0 0 1 .486.239l.53.822a.525.525 0 0 1-.015.59l-.39.546.415.548c.129.17.142.402.032.586l-.5.838a.525.525 0 0 1-.482.255l-.785-.048-.483.989a.525.525 0 0 1-.472.294H5.495a.525.525 0 0 1-.471-.294L4.57 8.15l-.84.076a.525.525 0 0 1-.493-.246l-.531-.855a.525.525 0 0 1 .03-.597l.48-.625-.386-.539a.525.525 0 0 1-.014-.59l.53-.822a.525.525 0 0 1 .485-.239l.797.068.467-.879Zm.598.474-.472.888a.525.525 0 0 1-.508.277l-.81-.069-.374.58.394.55a.525.525 0 0 1-.01.625l-.488.634.376.606.856-.078a.525.525 0 0 1 .52.292l.459.941h.8l.488-.997a.525.525 0 0 1 .503-.293l.798.048.352-.59-.424-.56a.525.525 0 0 1-.008-.622l.399-.556-.374-.58-.76.064a.525.525 0 0 1-.515-.29l-.427-.858-.775-.012Z"
fill-rule="evenodd"
/>
<path
d="M10.282 7.4a4.5 4.5 0 0 1-8.666-.376l.851-.168L.847 5.18l-.848 2.167.897-.176a5.25 5.25 0 0 0 10.125.461l-.739-.233zm.836-2.54A5.25 5.25 0 0 0 .993 4.4l.713.232a4.5 4.5 0 0 1 8.666.375l-.851.169 1.62 1.672.858-2.164-.88.177z"
/>
<path
clip-rule="evenodd"
d="M6 5.625a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75zM4.875 6a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`OuiIcon props type integrationObservability is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.282 7.4a4.5 4.5 0 0 1-8.666-.376l.851-.168L.847 5.18l-.848 2.167.897-.176a5.25 5.25 0 0 0 10.125.461l-.739-.233zm.836-2.54A5.25 5.25 0 0 0 .993 4.4l.713.232a4.5 4.5 0 0 1 8.666.375l-.851.169 1.62 1.672.858-2.164-.88.177z"
/>
<path
clip-rule="evenodd"
d="M3.42 5.93c.914-2.328 4.246-2.328 5.16 0-.914 2.328-4.246 2.328-5.16 0zm5.934-.063c-1.06-3.244-5.649-3.244-6.709 0a.202.202 0 0 0 0 .125c1.06 3.245 5.65 3.245 6.71 0a.202.202 0 0 0 0-.125z"
fill-rule="evenodd"
/>
<path
clip-rule="evenodd"
d="M6 5.55a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75zm-1.125.375a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`OuiIcon props type integrationSearch is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.282 7.4a4.5 4.5 0 0 1-8.666-.376l.851-.168L.847 5.18l-.848 2.167.897-.176a5.25 5.25 0 0 0 10.125.461l-.739-.233zm.836-2.54A5.25 5.25 0 0 0 .993 4.4l.713.232a4.5 4.5 0 0 1 8.666.375l-.851.169 1.62 1.672.858-2.164-.88.177z"
/>
<path
d="M9.042 8.132a.378.378 0 1 1-.54.53l-1.355-1.38a.378.378 0 0 1 0-.53 1.63 1.63 0 1 0-1.162.487.378.378 0 1 1 0 .757 2.385 2.385 0 1 1 1.942-.999l1.115 1.135z"
/>
</svg>
`;

exports[`OuiIcon props type integrationSecurity is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.282 7.4a4.5 4.5 0 0 1-8.666-.376l.851-.168L.847 5.18l-.848 2.167.897-.176a5.25 5.25 0 0 0 10.125.461l-.739-.233zm.836-2.54A5.25 5.25 0 0 0 .993 4.4l.713.232a4.5 4.5 0 0 1 8.666.375l-.851.169 1.62 1.672.858-2.164-.88.177z"
/>
<path
clip-rule="evenodd"
d="m9.048 3.977-.244 1.952a3.75 3.75 0 0 1-1.84 2.779L6 9.267l-.964-.56a3.75 3.75 0 0 1-1.84-2.778l-.244-1.952.344-.262.454.597.19 1.524a3 3 0 0 0 1.472 2.223L6 8.4l.588-.341A3 3 0 0 0 8.06 5.836l.19-1.524.454-.597.344.262zm-.798.335S7.312 3.6 6 3.6s-2.25.712-2.25.712l-.454-.597h.001v-.001l.003-.002.005-.004.015-.01a2.48 2.48 0 0 1 .204-.135c.132-.082.319-.187.553-.291C4.54 3.064 5.21 2.85 6 2.85s1.459.214 1.923.422a4.779 4.779 0 0 1 .71.393l.047.033.015.01.005.004.002.002.002.001-.454.597z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`OuiIcon props type invert is rendered 1`] = `
<svg
aria-hidden="true"
Expand Down Expand Up @@ -7203,6 +7345,24 @@ exports[`OuiIcon props type recentlyViewedApp is rendered 1`] = `
</svg>
`;

exports[`OuiIcon props type redeploy is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.18 7c-.473 0-.88.294-.972.703l-1.189 5.25a.776.776 0 0 0-.019.172c0 .483.444.875.99.875H14.01c.065 0 .13-.006.194-.017.537-.095.885-.556.778-1.03l-1.19-5.25C13.7 7.294 13.293 7 12.822 7H4.18ZM5 6v1h7V6h.825c.946 0 1.76.606 1.946 1.447l1.19 5.4c.215.975-.482 1.923-1.556 2.118a2.175 2.175 0 0 1-.39.035H2.985C1.888 15 1 14.194 1 13.2c0-.118.013-.237.039-.353l1.19-5.4C2.414 6.606 3.229 6 4.174 6H5Z"
/>
<path
d="M5.99 1.399a.5.5 0 0 0-.98.202l2.058 9.945c.327 1.582 2.58 1.6 2.933.023l1.845-8.274L12.6 4.3a.5.5 0 0 0 .8-.6l-1.5-2a.5.5 0 0 0-.7-.1l-2 1.5a.5.5 0 1 0 .6.8l1.065-.799-1.84 8.25c-.118.526-.869.52-.978-.008L5.99 1.4z"
/>
</svg>
`;

exports[`OuiIcon props type refresh is rendered 1`] = `
<svg
aria-hidden="true"
Expand Down Expand Up @@ -8150,6 +8310,40 @@ exports[`OuiIcon props type temperature is rendered 1`] = `
</svg>
`;

exports[`OuiIcon props type thumbsDown is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M10.509 13.649a.532.532 0 0 1-.845-.053l-.231-.347-.539-1.078A2.118 2.118 0 0 0 7 11H6a.5.5 0 0 0 0 1h1c.423 0 .81.24 1 .618l.553 1.106a.5.5 0 0 0 .03.053l.25.373c.56.842 1.77.918 2.432.154.35-.405.527-.932.492-1.466l-.008-.121a6.358 6.358 0 0 0-.313-1.588L11.393 11h1.773a1.835 1.835 0 0 0 1.6-2.736l-.118-.21a1.934 1.934 0 0 0-.491-1.904l-.095-.095A2.123 2.123 0 0 0 12.9 3.62l-.11-.33A1.887 1.887 0 0 0 11 2h-.921a5.07 5.07 0 0 0-2.268.535 7.63 7.63 0 0 0-1.983 1.43l-.182.181a.5.5 0 1 0 .707.707l.182-.181A6.631 6.631 0 0 1 8.258 3.43a4.07 4.07 0 0 1 1.82-.43H11c.382 0 .721.244.842.607l.179.536a.531.531 0 0 0 .336.336c.573.191.892.802.721 1.382l-.052.178a.535.535 0 0 0 .135.53l.289.288c.273.273.35.687.193 1.04a.5.5 0 0 0 .021.448l.23.41A.836.836 0 0 1 13.166 10h-1.96a.864.864 0 0 0-.82 1.138l.102.307c.144.433.233.883.263 1.338l.008.121c.018.272-.072.54-.25.745zM4 4.647a.2.2 0 0 0-.2-.2H2.2a.2.2 0 0 0-.2.2v6.706c0 .11.09.2.2.2h1.6a.2.2 0 0 0 .2-.2V4.647zM2 3.5c-.552 0-1 .424-1 .947v7.106c0 .523.448.947 1 .947h2c.552 0 1-.424 1-.947V4.447c0-.523-.448-.947-1-.947H2z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`OuiIcon props type thumbsUp is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M10.509 2.351a.532.532 0 0 0-.845.053l-.231.347-.539 1.078A2.118 2.118 0 0 1 7 5H6a.5.5 0 0 1 0-1h1c.423 0 .81-.238 1-.617l.553-1.106a.5.5 0 0 1 .03-.053l.25-.373a1.532 1.532 0 0 1 2.432-.154c.35.405.527.932.492 1.466l-.008.121a6.358 6.358 0 0 1-.313 1.588L11.393 5h1.773a1.835 1.835 0 0 1 1.6 2.736l-.118.21c.193.67.012 1.401-.491 1.904l-.095.095c.246.99-.25 2.009-1.161 2.434l-.11.33A1.888 1.888 0 0 1 11 14h-.921a5.071 5.071 0 0 1-2.268-.535 7.63 7.63 0 0 1-1.983-1.43l-.182-.181a.5.5 0 0 1 .707-.708l.182.182a6.63 6.63 0 0 0 1.723 1.242 4.07 4.07 0 0 0 1.82.43H11a.887.887 0 0 0 .842-.607l.179-.536a.532.532 0 0 1 .336-.336c.573-.191.892-.802.721-1.382l-.052-.178a.535.535 0 0 1 .135-.53l.289-.288a.934.934 0 0 0 .193-1.04.5.5 0 0 1 .021-.448l.23-.41A.836.836 0 0 0 13.166 6h-1.96a.864.864 0 0 1-.82-1.138l.102-.307c.144-.433.233-.883.263-1.338l.008-.121a1.032 1.032 0 0 0-.25-.745zM4 4.647a.2.2 0 0 0-.2-.2H2.2a.2.2 0 0 0-.2.2v6.706c0 .11.09.2.2.2h1.6a.2.2 0 0 0 .2-.2V4.647zM2 3.5c-.552 0-1 .424-1 .947v7.106c0 .523.448.947 1 .947h2c.552 0 1-.424 1-.947V4.447c0-.523-.448-.947-1-.947H2z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`OuiIcon props type timeline is rendered 1`] = `
<svg
aria-hidden="true"
Expand Down Expand Up @@ -9153,6 +9347,26 @@ exports[`OuiIcon props type trash is rendered 1`] = `
</svg>
`;

exports[`OuiIcon props type undeploy is rendered 1`] = `
<svg
aria-hidden="true"
class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
focusable="false"
role="img"
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.18 7c-.473 0-.88.294-.972.703l-1.189 5.25a.776.776 0 0 0-.019.172c0 .483.444.875.99.875H14.01c.065 0 .13-.006.194-.017.537-.095.885-.556.778-1.03l-1.19-5.25C13.7 7.294 13.293 7 12.822 7H4.18ZM6 6v1h5V6h1.825c.946 0 1.76.606 1.946 1.447l1.19 5.4c.215.975-.482 1.923-1.556 2.118a2.175 2.175 0 0 1-.39.035H2.985C1.888 15 1 14.194 1 13.2c0-.118.013-.237.039-.353l1.19-5.4C2.414 6.606 3.229 6 4.174 6H6Z"
/>
<path
clip-rule="evenodd"
d="M5.477 2.618a.5.5 0 0 1 .705.059L8.55 5.476l2.368-2.799a.5.5 0 0 1 .764.646L9.205 6.25l2.477 2.927a.5.5 0 1 1-.764.646L8.55 7.024 6.182 9.823a.5.5 0 1 1-.764-.646L7.895 6.25 5.418 3.323a.5.5 0 0 1 .059-.705z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`OuiIcon props type unfold is rendered 1`] = `
<svg
aria-hidden="true"
Expand Down
27 changes: 27 additions & 0 deletions src/components/icon/assets/chatLeft.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
/*
* 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 * as React from 'react';
const OuiIconChatLeft = ({ title, titleId, ...props }) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
aria-labelledby={titleId}
{...props}>
{title ? <title id={titleId}>{title}</title> : null}
<path
fillRule="evenodd"
d="M4.46 14.923A1 1 0 0 1 3.846 14v-1.619H3a2 2 0 0 1-2-2v-7.38a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v7.38a2 2 0 0 1-2 2H7.91L5.55 14.712a1 1 0 0 1-1.089.211zm.386-2.542a1 1 0 0 0-1-1H3a1 1 0 0 1-1-1v-7.38a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.38a1 1 0 0 1-1 1H7.91a1 1 0 0 0-.702.289L4.846 14v-1.619z"
clipRule="evenodd"
/>
</svg>
);
export const icon = OuiIconChatLeft;
8 changes: 8 additions & 0 deletions src/components/icon/assets/chatLeft.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
27 changes: 27 additions & 0 deletions src/components/icon/assets/chatRight.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
/*
* 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 * as React from 'react';
const OuiIconChatRight = ({ title, titleId, ...props }) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
aria-labelledby={titleId}
{...props}>
{title ? <title id={titleId}>{title}</title> : null}
<path
fillRule="evenodd"
d="M11.54 14.923a1 1 0 0 0 .614-.923v-1.619H13a2 2 0 0 0 2-2v-7.38a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v7.38a2 2 0 0 0 2 2h5.09l2.362 2.331a1 1 0 0 0 1.088.211zm-.386-2.542a1 1 0 0 1 1-1H13a1 1 0 0 0 1-1v-7.38a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v7.38a1 1 0 0 0 1 1h5.09a1 1 0 0 1 .702.289L11.154 14v-1.619z"
clipRule="evenodd"
/>
</svg>
);
export const icon = OuiIconChatRight;
8 changes: 8 additions & 0 deletions src/components/icon/assets/chatRight.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading