diff --git a/CHANGELOG.md b/CHANGELOG.md index 7ad211a9e..52e2d008a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -22,6 +22,7 @@ - Fix `compressed` styling of OuiDatePickerRange ([#1380](https://github.com/opensearch-project/oui/pull/1380)) - Make OuiSearchBar consume a provided `className` ([#1381](https://github.com/opensearch-project/oui/pull/1381)) +- Fixes iInCircle and questionInCircle icons to be correct size ([#1404](https://github.com/opensearch-project/oui/pull/1404)) ### 🚞 Infrastructure diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap index fc5940ed0..69303215e 100644 --- a/src/components/icon/__snapshots__/icon.test.tsx.snap +++ b/src/components/icon/__snapshots__/icon.test.tsx.snap @@ -3304,14 +3304,15 @@ exports[`OuiIcon props type iInCircle is rendered 1`] = ` aria-hidden="true" class="ouiIcon ouiIcon--medium ouiIcon-isLoaded" focusable="false" - height="16" role="img" viewBox="0 0 16 16" - width="16" xmlns="http://www.w3.org/2000/svg" > + @@ -7471,14 +7472,16 @@ exports[`OuiIcon props type questionInCircle is rendered 1`] = ` aria-hidden="true" class="ouiIcon ouiIcon--medium ouiIcon-isLoaded" focusable="false" - height="16" role="img" viewBox="0 0 16 16" - width="16" xmlns="http://www.w3.org/2000/svg" > + `; diff --git a/src/components/icon/assets/iInCircle.js b/src/components/icon/assets/iInCircle.js index ddceaf46b..dc5677691 100644 --- a/src/components/icon/assets/iInCircle.js +++ b/src/components/icon/assets/iInCircle.js @@ -13,15 +13,14 @@ import * as React from 'react'; const OuiIconIInCircle = ({ title, titleId, ...props }) => ( {title ? {title} : null} + ); diff --git a/src/components/icon/assets/iInCircle.svg b/src/components/icon/assets/iInCircle.svg index 4ddb3bf4b..02d751ffa 100644 --- a/src/components/icon/assets/iInCircle.svg +++ b/src/components/icon/assets/iInCircle.svg @@ -9,6 +9,7 @@ - GitHub history for details. --> - - + + + diff --git a/src/components/icon/assets/question_in_circle.js b/src/components/icon/assets/question_in_circle.js index 2268b19b9..6333d77c1 100644 --- a/src/components/icon/assets/question_in_circle.js +++ b/src/components/icon/assets/question_in_circle.js @@ -13,13 +13,15 @@ import * as React from 'react'; const OuiIconQuestionInCircle = ({ title, titleId, ...props }) => ( {title ? {title} : null} - + + ); export const icon = OuiIconQuestionInCircle; diff --git a/src/components/icon/assets/question_in_circle.svg b/src/components/icon/assets/question_in_circle.svg index c7bcb670e..87f88e512 100644 --- a/src/components/icon/assets/question_in_circle.svg +++ b/src/components/icon/assets/question_in_circle.svg @@ -9,6 +9,7 @@ - GitHub history for details. --> - - + + +