diff --git a/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx b/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx index a37b955f406..8d2dab6d0f7 100644 --- a/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx +++ b/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx @@ -1,5 +1,6 @@ import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; +import '@testing-library/jest-dom'; import { AlertToggleExpandButton } from '../AlertToggleExpandButton'; import { AlertContext } from '../AlertContext'; @@ -11,14 +12,12 @@ jest.mock('@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon', ( test('Renders without children', () => { render( -
- - - -
+ + + ); - expect(screen.getByTestId('container').firstChild).toBeVisible(); + expect(screen.getByRole('button')).toBeVisible(); }); test('Renders with an aria label composed with the title and variantLabel provided via a context by default', () => { diff --git a/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md b/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md index 3453bf5dbb3..fca73aac82e 100644 --- a/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md +++ b/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md @@ -8,7 +8,7 @@ ouia: true import { useRef, useState } from 'react'; import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; ## Examples diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap b/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap index c318dccc369..2c625ee2058 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap @@ -23,11 +23,11 @@ exports[`Matches snapshot 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" > diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap index da7429404bb..d0198dbef1f 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap @@ -32,11 +32,11 @@ exports[`DataListToggle should match snapshot (auto-generated) 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" > diff --git a/packages/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap b/packages/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap index 591e035d533..9eb495efe24 100644 --- a/packages/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +++ b/packages/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap @@ -173,24 +173,12 @@ exports[`With popover opened 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-core/src/components/FormSelect/FormSelect.tsx b/packages/react-core/src/components/FormSelect/FormSelect.tsx index c25b2371bcd..1a0d99c6eed 100644 --- a/packages/react-core/src/components/FormSelect/FormSelect.tsx +++ b/packages/react-core/src/components/FormSelect/FormSelect.tsx @@ -6,7 +6,7 @@ import { ValidatedOptions } from '../../helpers/constants'; import { FormControlIcon } from '../FormControl/FormControlIcon'; import { getOUIAProps, OUIAProps } from '../../helpers'; import { SSRSafeIds } from '../../helpers/SSRSafeIds/SSRSafeIds'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; export interface FormSelectProps extends Omit, 'onChange' | 'onBlur' | 'onFocus' | 'disabled'>, OUIAProps { @@ -98,7 +98,7 @@ class FormSelect extends Component { {hasStatusIcon && } - + diff --git a/packages/react-core/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap b/packages/react-core/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap index 0e8e9345a4f..bb835115c38 100644 --- a/packages/react-core/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap +++ b/packages/react-core/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap @@ -32,24 +32,12 @@ exports[`FormSelect Disabled FormSelect input 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -88,24 +76,12 @@ exports[`FormSelect FormSelect input with aria-label does not generate console e fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -145,24 +121,12 @@ exports[`FormSelect FormSelect input with id does not generate console error 1`] fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -200,24 +164,12 @@ exports[`FormSelect FormSelect input with no aria-label or id generates console fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -302,24 +254,12 @@ exports[`FormSelect Grouped FormSelect input 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -396,24 +336,12 @@ exports[`FormSelect Simple FormSelect input 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -469,24 +397,12 @@ exports[`FormSelect invalid FormSelect input 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -542,24 +458,12 @@ exports[`FormSelect validated success FormSelect input 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -615,24 +519,12 @@ exports[`FormSelect validated warning FormSelect input 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + diff --git a/packages/react-core/src/components/Menu/examples/Menu.md b/packages/react-core/src/components/Menu/examples/Menu.md index b527ec086eb..431b7e4112c 100644 --- a/packages/react-core/src/components/Menu/examples/Menu.md +++ b/packages/react-core/src/components/Menu/examples/Menu.md @@ -30,7 +30,7 @@ import TableIcon from '@patternfly/react-icons/dist/esm/icons/table-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; ## Examples diff --git a/packages/react-core/src/components/MenuToggle/MenuToggle.tsx b/packages/react-core/src/components/MenuToggle/MenuToggle.tsx index a98e4754952..c31ccade269 100644 --- a/packages/react-core/src/components/MenuToggle/MenuToggle.tsx +++ b/packages/react-core/src/components/MenuToggle/MenuToggle.tsx @@ -1,7 +1,7 @@ import { Component, forwardRef, isValidElement } from 'react'; import styles from '@patternfly/react-styles/css/components/MenuToggle/menu-toggle'; import { css } from '@patternfly/react-styles'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import { BadgeProps } from '../Badge'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; @@ -154,7 +154,7 @@ class MenuToggleBase extends Component { {status !== undefined && {_statusIcon}} - + ); diff --git a/packages/react-core/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap b/packages/react-core/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap index 505d0377e4b..70bef975964 100644 --- a/packages/react-core/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +++ b/packages/react-core/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap @@ -27,24 +27,12 @@ exports[`Old Snapshot tests - remove when refactoring passes additional classes fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -79,24 +67,12 @@ exports[`Old Snapshot tests - remove when refactoring renders successfully 1`] = fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -140,24 +116,12 @@ exports[`Old Snapshot tests - remove when refactoring shows badge 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -209,24 +173,12 @@ exports[`Old Snapshot tests - remove when refactoring shows icon 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -262,24 +214,12 @@ exports[`Old Snapshot tests - remove when refactoring shows isDisabled 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -314,24 +254,12 @@ exports[`Old Snapshot tests - remove when refactoring shows isExpanded 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -409,24 +337,12 @@ exports[`Old Snapshot tests - remove when refactoring shows isPrimary 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -461,24 +377,12 @@ exports[`Old Snapshot tests - remove when refactoring shows plain text 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + diff --git a/packages/react-core/src/components/Modal/examples/Modal.md b/packages/react-core/src/components/Modal/examples/Modal.md index db5c1557c64..c67a8cd0ebf 100644 --- a/packages/react-core/src/components/Modal/examples/Modal.md +++ b/packages/react-core/src/components/Modal/examples/Modal.md @@ -8,7 +8,7 @@ ouia: true import { Fragment, useRef, useState } from 'react'; import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import BullhornIcon from '@patternfly/react-icons/dist/esm/icons/bullhorn-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import formStyles from '@patternfly/react-styles/css/components/Form/form'; diff --git a/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap b/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap index 9a2d8efed57..cc5720416a1 100644 --- a/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap +++ b/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap @@ -33,11 +33,11 @@ exports[`MultipleFileUploadStatus renders custom class names 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" > @@ -109,11 +109,11 @@ exports[`MultipleFileUploadStatus renders status toggle icon 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" > @@ -211,11 +211,11 @@ exports[`MultipleFileUploadStatus renders status toggle text 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" > @@ -289,11 +289,11 @@ exports[`MultipleFileUploadStatus renders with expected class names 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" > diff --git a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap index 236a5f614ff..36e1aeb0867 100644 --- a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +++ b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap @@ -39,24 +39,12 @@ exports[`PaginationOptionsMenu should match snapshot (auto-generated) 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap index 7d291a25a05..b728b963330 100644 --- a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +++ b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap @@ -1192,6 +1192,862 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = ` > + + + + + + + test + + +`; + +exports[`Pagination API verify insetLg inset breakpoints 1`] = ` + +
+
+ + 1 - 10 + + of + + 0 + + +
+
+ +
+ + test +
+
+`; + +exports[`Pagination API verify insetMd inset breakpoints 1`] = ` + +
+
+ + 1 - 10 + + of + + 0 + + +
+
+ +
+ + test +
+
+`; + +exports[`Pagination API verify insetNone inset breakpoints 1`] = ` + +
+
+ + 1 - 10 + + of + + 0 + + +
+
+ +
+ + test +
+
+`; + +exports[`Pagination API verify insetSm inset breakpoints 1`] = ` + +
+
+ + 1 - 10 + + of + + 0 + + +
+
+
@@ -1233,7 +2313,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = ` aria-label="Go to first page" class="pf-v6-c-button pf-m-plain" data-action="first" - data-ouia-component-id="OUIA-Generated-Button-plain-:rcp:" + data-ouia-component-id="OUIA-Generated-Button-plain-:rbl:" data-ouia-component-type="PF6/Button" data-ouia-safe="true" disabled="" @@ -1277,7 +2357,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = ` aria-label="Go to previous page" class="pf-v6-c-button pf-m-plain" data-action="previous" - data-ouia-component-id="OUIA-Generated-Button-plain-:rcq:" + data-ouia-component-id="OUIA-Generated-Button-plain-:rbm:" data-ouia-component-type="PF6/Button" data-ouia-safe="true" disabled="" @@ -1323,7 +2403,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = ` - - - - - - + @@ -1755,24 +2823,12 @@ exports[`Pagination component render custom pagination toggle 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -2044,24 +3100,12 @@ exports[`Pagination component render custom perPageOptions 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -2333,24 +3377,12 @@ exports[`Pagination component render custom start end 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -2849,24 +3881,12 @@ exports[`Pagination component render last page 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -3138,24 +4158,12 @@ exports[`Pagination component render limited number of pages 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -3418,24 +4426,12 @@ exports[`Pagination component render should render correctly bottom 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -3695,24 +4691,12 @@ exports[`Pagination component render should render correctly bottom sticky 1`] = fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -3984,24 +4968,12 @@ exports[`Pagination component render should render correctly compact 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -4274,24 +5246,12 @@ exports[`Pagination component render should render correctly disabled 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -4566,24 +5526,12 @@ exports[`Pagination component render should render correctly sticky 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -4855,24 +5803,12 @@ exports[`Pagination component render should render correctly top 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -5144,24 +6080,12 @@ exports[`Pagination component render titles 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -5433,24 +6357,12 @@ exports[`Pagination component render up drop direction 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -5722,24 +6634,12 @@ exports[`Pagination component render zero results 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-core/src/components/SearchInput/SearchInput.tsx b/packages/react-core/src/components/SearchInput/SearchInput.tsx index eb7bd376df3..10715ac9be2 100644 --- a/packages/react-core/src/components/SearchInput/SearchInput.tsx +++ b/packages/react-core/src/components/SearchInput/SearchInput.tsx @@ -7,7 +7,7 @@ import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-ico import AngleUpIcon from '@patternfly/react-icons/dist/esm/icons/angle-up-icon'; import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon'; import { AdvancedSearchMenu } from './AdvancedSearchMenu'; import { TextInputGroup, TextInputGroupMain, TextInputGroupUtilities } from '../TextInputGroup'; @@ -465,7 +465,7 @@ const SearchInputBase: React.FunctionComponent = ({ onClick={onToggle} isDisabled={isDisabled} aria-expanded={isSearchMenuOpen} - icon={} + icon={} /> )} diff --git a/packages/react-core/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap b/packages/react-core/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap index d6925b3ac1b..beaf7115219 100644 --- a/packages/react-core/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +++ b/packages/react-core/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap @@ -104,24 +104,12 @@ exports[`SearchInput advanced search 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -283,24 +271,12 @@ exports[`SearchInput advanced search with custom attributes 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -652,24 +628,12 @@ exports[`SearchInput renders search input in strict mode 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + diff --git a/packages/react-core/src/components/Wizard/WizardToggle.tsx b/packages/react-core/src/components/Wizard/WizardToggle.tsx index cd1d58a7d25..ddb7af2cc86 100644 --- a/packages/react-core/src/components/Wizard/WizardToggle.tsx +++ b/packages/react-core/src/components/Wizard/WizardToggle.tsx @@ -2,7 +2,7 @@ import { Fragment, useCallback, useEffect } from 'react'; import { css } from '@patternfly/react-styles'; import styles from '@patternfly/react-styles/css/components/Wizard/wizard'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; @@ -122,7 +122,7 @@ export const WizardToggle = ({ - +
diff --git a/packages/react-core/src/demos/CustomMenus/CustomMenus.md b/packages/react-core/src/demos/CustomMenus/CustomMenus.md index 62646170c72..e494ad6d8cf 100644 --- a/packages/react-core/src/demos/CustomMenus/CustomMenus.md +++ b/packages/react-core/src/demos/CustomMenus/CustomMenus.md @@ -19,7 +19,7 @@ import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh- import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; import brandImg from '../assets/PF-IconLogo.svg'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; import avatarImg from '../assets/avatarImg.svg'; import { css } from '@patternfly/react-styles'; diff --git a/packages/react-core/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap b/packages/react-core/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap index 58b3d392b5e..39e5879dbf8 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +++ b/packages/react-core/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap @@ -1867,11 +1867,11 @@ exports[`DualListSelector with tree 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" > diff --git a/packages/react-core/src/deprecated/components/Modal/examples/Modal.md b/packages/react-core/src/deprecated/components/Modal/examples/Modal.md index 539303b9a6f..2b4964eaa7f 100644 --- a/packages/react-core/src/deprecated/components/Modal/examples/Modal.md +++ b/packages/react-core/src/deprecated/components/Modal/examples/Modal.md @@ -11,7 +11,7 @@ import { Fragment, useRef, useState } from 'react'; import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated'; import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import BullhornIcon from '@patternfly/react-icons/dist/esm/icons/bullhorn-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; diff --git a/packages/react-core/src/deprecated/components/Wizard/WizardToggle.tsx b/packages/react-core/src/deprecated/components/Wizard/WizardToggle.tsx index 9509b9f317e..9cb3567b8b3 100644 --- a/packages/react-core/src/deprecated/components/Wizard/WizardToggle.tsx +++ b/packages/react-core/src/deprecated/components/Wizard/WizardToggle.tsx @@ -2,7 +2,7 @@ import { Fragment } from 'react'; import { css } from '@patternfly/react-styles'; import styles from '@patternfly/react-styles/css/components/Wizard/wizard'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import { WizardStep } from './Wizard'; import { WizardBody } from './WizardBody'; @@ -97,7 +97,7 @@ export const WizardToggle: React.FunctionComponent = ({ {activeStepSubName && {activeStepSubName}} - +
diff --git a/packages/react-core/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap b/packages/react-core/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap index 8efcdcda055..829abb64cb0 100644 --- a/packages/react-core/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap +++ b/packages/react-core/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap @@ -28,24 +28,12 @@ exports[`WizardToggle should match snapshot (auto-generated) 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + diff --git a/packages/react-core/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap b/packages/react-core/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap index 6098296790f..8e02704b87d 100644 --- a/packages/react-core/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +++ b/packages/react-core/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap @@ -83,24 +83,12 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -430,24 +418,12 @@ exports[`Wizard Wizard should match snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -708,24 +684,12 @@ exports[`Wizard bare wiz 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + diff --git a/packages/react-integration/demo-app-ts/src/components/demos/BreadcrumbDemo/BreadcrumbDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/BreadcrumbDemo/BreadcrumbDemo.tsx index b6b0f331128..386f20bcbe0 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/BreadcrumbDemo/BreadcrumbDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/BreadcrumbDemo/BreadcrumbDemo.tsx @@ -11,7 +11,7 @@ import { MenuToggle } from '@patternfly/react-core'; import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; +import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; export class BreadcrumbDemo extends Component { static displayName = 'BreadcrumbDemo'; @@ -74,7 +74,7 @@ export class BreadcrumbDemo extends Component { {dropdownItems.length} - + diff --git a/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap index faa3e634a4f..8b60cb9fab0 100644 --- a/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +++ b/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap @@ -1689,11 +1689,11 @@ exports[`Table Collapsible nested table 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" >
@@ -1780,11 +1780,11 @@ exports[`Table Collapsible nested table 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" >
@@ -1942,11 +1942,11 @@ exports[`Table Collapsible nested table 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" >
@@ -2462,11 +2462,11 @@ exports[`Table Collapsible table 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" > @@ -2679,11 +2679,11 @@ exports[`Table Collapsible table 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 20 20" + viewBox="0 0 32 32" width="1em" > diff --git a/packages/react-templates/src/components/Dropdown/__tests__/__snapshots__/SimpleDropdown.test.tsx.snap b/packages/react-templates/src/components/Dropdown/__tests__/__snapshots__/SimpleDropdown.test.tsx.snap index 57fb147adbb..5d0186f516d 100644 --- a/packages/react-templates/src/components/Dropdown/__tests__/__snapshots__/SimpleDropdown.test.tsx.snap +++ b/packages/react-templates/src/components/Dropdown/__tests__/__snapshots__/SimpleDropdown.test.tsx.snap @@ -27,24 +27,12 @@ exports[`Dropdown items Matches snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -79,24 +67,12 @@ exports[`Dropdown toggle Matches snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-templates/src/components/Select/__tests__/__snapshots__/CheckboxSelectSnapshots.test.tsx.snap b/packages/react-templates/src/components/Select/__tests__/__snapshots__/CheckboxSelectSnapshots.test.tsx.snap index c53bcf6ffa1..bdba016a990 100644 --- a/packages/react-templates/src/components/Select/__tests__/__snapshots__/CheckboxSelectSnapshots.test.tsx.snap +++ b/packages/react-templates/src/components/Select/__tests__/__snapshots__/CheckboxSelectSnapshots.test.tsx.snap @@ -28,24 +28,12 @@ exports[`checkbox select with no props snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -81,24 +69,12 @@ exports[`opened checkbox select snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-templates/src/components/Select/__tests__/__snapshots__/MultiTypeaheadSelect.test.tsx.snap b/packages/react-templates/src/components/Select/__tests__/__snapshots__/MultiTypeaheadSelect.test.tsx.snap index 2b6691795e1..0908d0dbf47 100644 --- a/packages/react-templates/src/components/Select/__tests__/__snapshots__/MultiTypeaheadSelect.test.tsx.snap +++ b/packages/react-templates/src/components/Select/__tests__/__snapshots__/MultiTypeaheadSelect.test.tsx.snap @@ -81,24 +81,12 @@ exports[`MultiTypeaheadSelect Matches snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-templates/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap b/packages/react-templates/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap index ce2d4e048ca..1a35bfa987c 100644 --- a/packages/react-templates/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap +++ b/packages/react-templates/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap @@ -28,24 +28,12 @@ exports[`Matches snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -81,24 +69,12 @@ exports[`checkbox select with no props snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-templates/src/components/Select/__tests__/__snapshots__/TypeaheadSelect.test.tsx.snap b/packages/react-templates/src/components/Select/__tests__/__snapshots__/TypeaheadSelect.test.tsx.snap index 6e5766b7ce2..af6e065c317 100644 --- a/packages/react-templates/src/components/Select/__tests__/__snapshots__/TypeaheadSelect.test.tsx.snap +++ b/packages/react-templates/src/components/Select/__tests__/__snapshots__/TypeaheadSelect.test.tsx.snap @@ -81,24 +81,12 @@ exports[`Matches snapshot 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - +