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
2 changes: 1 addition & 1 deletion packages/react-core/src/components/Alert/examples/Alert.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Fragment, useEffect, useState } from 'react';
import RhUiUsersFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-users-fill-icon';
import RhUiContainerFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-container-fill-icon';
import DatabaseIcon from '@patternfly/react-icons/dist/esm/icons/database-icon';
import ServerIcon from '@patternfly/react-icons/dist/esm/icons/server-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import LaptopIcon from '@patternfly/react-icons/dist/esm/icons/laptop-icon';
import buttonStyles from '@patternfly/react-styles/css/components/Button/button';

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,15 @@ import { Alert } from '@patternfly/react-core';
import RhUiUsersFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-users-fill-icon';
import RhUiContainerFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-container-fill-icon';
import DatabaseIcon from '@patternfly/react-icons/dist/esm/icons/database-icon';
import ServerIcon from '@patternfly/react-icons/dist/esm/icons/server-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import LaptopIcon from '@patternfly/react-icons/dist/esm/icons/laptop-icon';

export const AlertCustomIcons: React.FunctionComponent = () => (
<Fragment>
<Alert customIcon={<RhUiUsersFillIcon />} title="Default alert title" />
<Alert customIcon={<RhUiContainerFillIcon />} variant="info" title="Info alert title" />
<Alert customIcon={<DatabaseIcon />} variant="success" title="Success alert title" />
<Alert customIcon={<ServerIcon />} variant="warning" title="Warning alert title" />
<Alert customIcon={<RhUiServerStackFillIcon />} variant="warning" title="Warning alert title" />
<Alert customIcon={<LaptopIcon />} variant="danger" title="Danger alert title" />
</Fragment>
);
4 changes: 2 additions & 2 deletions packages/react-core/src/components/Menu/examples/Menu.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,11 +24,11 @@ import { Fragment, createRef, useEffect, useRef, useState } from 'react';
import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon';
import RhUiClipboardFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-fill-icon';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
import RhUiTableIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-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 RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';

Expand Down
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { useState } from 'react';
import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core';
import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';

export const MenuWithDrilldown: React.FunctionComponent = () => {
Expand Down Expand Up @@ -153,18 +153,18 @@ export const MenuWithDrilldown: React.FunctionComponent = () => {
</MenuItem>
<MenuItem
itemId="group:storage"
icon={<StorageDomainIcon />}
icon={<RhUiStorageDomainFillIcon />}
direction="down"
drilldownMenu={
<DrilldownMenu id="drilldown-drilldownMenuStorage">
<MenuItem itemId="group:storage_breadcrumb" icon={<StorageDomainIcon />} direction="up">
<MenuItem itemId="group:storage_breadcrumb" icon={<RhUiStorageDomainFillIcon />} direction="up">
Add storage
</MenuItem>
<Divider component="li" />
<MenuItem icon={<RhUiBranchFillIcon />} itemId="git">
From git
</MenuItem>
<MenuItem icon={<LayerGroupIcon />} itemId="container">
<MenuItem icon={<RhUiServerStackFillIcon />} itemId="container">
Container image
</MenuItem>
<MenuItem icon={<CubeIcon />} itemId="docker">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -19,9 +19,9 @@ import {
MenuToggle,
MenuToggleElement
} from '@patternfly/react-core';
import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';

Expand Down Expand Up @@ -435,15 +435,15 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
</MenuItem>
<MenuItem
itemId="group:storage"
icon={<StorageDomainIcon />}
icon={<RhUiStorageDomainFillIcon />}
direction="down"
onClick={() => setBreadcrumb(addStorageBreadcrumb)}
drilldownMenu={
<DrilldownMenu id="breadcrumbs-drilldownMenuStorage">
<MenuItem icon={<RhUiBranchFillIcon />} itemId="git">
From git
</MenuItem>
<MenuItem icon={<LayerGroupIcon />} itemId="container">
<MenuItem icon={<RhUiServerStackFillIcon />} itemId="container">
Container image
</MenuItem>
<MenuItem icon={<CubeIcon />} itemId="docker">
Expand Down
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { useState } from 'react';
import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core';
import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';

export const MenuDrilldownInitialState: React.FunctionComponent = () => {
Expand Down Expand Up @@ -156,18 +156,18 @@ export const MenuDrilldownInitialState: React.FunctionComponent = () => {
</MenuItem>
<MenuItem
itemId="group:storage"
icon={<StorageDomainIcon />}
icon={<RhUiStorageDomainFillIcon />}
direction="down"
drilldownMenu={
<DrilldownMenu id="initial-state-drilldownMenuStorage">
<MenuItem itemId="group:storage_breadcrumb" icon={<StorageDomainIcon />} direction="up">
<MenuItem itemId="group:storage_breadcrumb" icon={<RhUiStorageDomainFillIcon />} direction="up">
Add storage
</MenuItem>
<Divider component="li" />
<MenuItem icon={<RhUiBranchFillIcon />} itemId="git">
From git
</MenuItem>
<MenuItem icon={<LayerGroupIcon />} itemId="container">
<MenuItem icon={<RhUiServerStackFillIcon />} itemId="container">
Container image
</MenuItem>
<MenuItem icon={<CubeIcon />} itemId="docker">
Expand Down
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { useState } from 'react';
import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core';
import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';

export const MenuWithDrilldownSubmenuFunctions: React.FunctionComponent = () => {
Expand Down Expand Up @@ -153,18 +153,18 @@ export const MenuWithDrilldownSubmenuFunctions: React.FunctionComponent = () =>
</MenuItem>
<MenuItem
itemId="group:storage"
icon={<StorageDomainIcon />}
icon={<RhUiStorageDomainFillIcon />}
direction="down"
drilldownMenu={() => (
<DrilldownMenu id="functions-drilldownMenuStorage">
<MenuItem itemId="group:storage_breadcrumb" icon={<StorageDomainIcon />} direction="up">
<MenuItem itemId="group:storage_breadcrumb" icon={<RhUiStorageDomainFillIcon />} direction="up">
Add storage
</MenuItem>
<Divider component="li" />
<MenuItem icon={<RhUiBranchFillIcon />} itemId="git">
From git
</MenuItem>
<MenuItem icon={<LayerGroupIcon />} itemId="container">
<MenuItem icon={<RhUiServerStackFillIcon />} itemId="container">
Container image
</MenuItem>
<MenuItem icon={<CubeIcon />} itemId="docker">
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { useState } from 'react';
import { Menu, MenuContent, MenuList, MenuItem } from '@patternfly/react-core';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';

export const MenuWithIcons: React.FunctionComponent = () => {
Expand All @@ -20,7 +20,7 @@ export const MenuWithIcons: React.FunctionComponent = () => {
<MenuItem icon={<RhUiBranchFillIcon />} itemId={0}>
From git
</MenuItem>
<MenuItem icon={<LayerGroupIcon />} itemId={1}>
<MenuItem icon={<RhUiServerStackFillIcon />} itemId={1}>
Container image
</MenuItem>
<MenuItem icon={<CubeIcon />} itemId={2}>
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/components/Tabs/examples/Tabs.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import { createRef, Fragment, useEffect, useRef, useState } from 'react';
import RhUiUsersFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-users-fill-icon';
import RhUiContainerFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-container-fill-icon';
import DatabaseIcon from '@patternfly/react-icons/dist/esm/icons/database-icon';
import ServerIcon from '@patternfly/react-icons/dist/esm/icons/server-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import LaptopIcon from '@patternfly/react-icons/dist/esm/icons/laptop-icon';
import RhUiInfrastructureFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-infrastructure-fill-icon';
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import { Tabs, Tab, TabTitleText, TabTitleIcon } from '@patternfly/react-core';
import RhUiUsersFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-users-fill-icon';
import RhUiContainerFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-container-fill-icon';
import DatabaseIcon from '@patternfly/react-icons/dist/esm/icons/database-icon';
import ServerIcon from '@patternfly/react-icons/dist/esm/icons/server-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import LaptopIcon from '@patternfly/react-icons/dist/esm/icons/laptop-icon';
import RhUiInfrastructureFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-infrastructure-fill-icon';

Expand Down Expand Up @@ -69,7 +69,7 @@ export const TabsIconAndText: React.FunctionComponent = () => {
title={
<>
<TabTitleIcon>
<ServerIcon />
<RhUiServerStackFillIcon />
</TabTitleIcon>{' '}
<TabTitleText>Server</TabTitleText>{' '}
</>
Expand Down
6 changes: 3 additions & 3 deletions packages/react-core/src/demos/CustomMenus/CustomMenus.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@ subsection: menus
import { cloneElement, Fragment, useEffect, useRef, useState } from 'react';

import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon';
import RhUiClipboardFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-fill-icon';
Expand All @@ -18,7 +18,7 @@ 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 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 RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
import avatarImg from '../assets/avatarImg.svg';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/react-styles/css/components/Menu/menu';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@ import {
Divider,
MenuContainer
} from '@patternfly/react-core';
import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';

interface MenuHeightsType {
Expand Down Expand Up @@ -183,18 +183,18 @@ export const DrilldownMenuDemo: React.FunctionComponent = () => {
</MenuItem>
<MenuItem
itemId="group:storage"
icon={<StorageDomainIcon />}
icon={<RhUiStorageDomainFillIcon />}
direction="down"
drilldownMenu={
<DrilldownMenu id="drilldownMenuStorage">
<MenuItem itemId="group:storage_breadcrumb" icon={<StorageDomainIcon />} direction="up">
<MenuItem itemId="group:storage_breadcrumb" icon={<RhUiStorageDomainFillIcon />} direction="up">
Add storage
</MenuItem>
<Divider component="li" />
<MenuItem icon={<RhUiBranchFillIcon />} itemId="git">
From Git
</MenuItem>
<MenuItem icon={<LayerGroupIcon />} itemId="container">
<MenuItem icon={<RhUiServerStackFillIcon />} itemId="container">
Container Image
</MenuItem>
<MenuItem icon={<CubeIcon />} itemId="docker">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import {
} from '@patternfly/react-core';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon';
import RhUiClipboardFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-fill-icon';
Expand Down Expand Up @@ -196,7 +196,7 @@ export class MenuDemo extends Component {
<MenuItem id="icons-menu-item-1" icon={<RhUiBranchFillIcon id="code-branch-icon" />} itemId={0}>
From Git
</MenuItem>
<MenuItem id="icons-menu-item-2" icon={<LayerGroupIcon id="layer-group-icon" />} itemId={1}>
<MenuItem id="icons-menu-item-2" icon={<RhUiServerStackFillIcon id="layer-group-icon" />} itemId={1}>
Container Image
</MenuItem>
<MenuItem id="icons-menu-item-3" icon={<CubeIcon id="cube-icon" />} itemId={2}>
Expand Down
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { Component } from 'react';
import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core';
import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon';
import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon';
import RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
import RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon';
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';

/* eslint-disable no-console */
Expand Down Expand Up @@ -181,18 +181,18 @@ export class MenuDrilldownDemo extends Component {
</MenuItem>
<MenuItem
itemId="group:storage"
icon={<StorageDomainIcon />}
icon={<RhUiStorageDomainFillIcon />}
direction="down"
drilldownMenu={
<DrilldownMenu id="drilldownMenuStorage">
<MenuItem itemId="group:storage" icon={<StorageDomainIcon />} direction="up">
<MenuItem itemId="group:storage" icon={<RhUiStorageDomainFillIcon />} direction="up">
Add storage
</MenuItem>
<Divider component="li" />
<MenuItem icon={<RhUiBranchFillIcon />} itemId="git">
From Git
</MenuItem>
<MenuItem icon={<LayerGroupIcon />} itemId="container">
<MenuItem icon={<RhUiServerStackFillIcon />} itemId="container">
Container Image
</MenuItem>
<MenuItem icon={<CubeIcon />} itemId="docker">
Expand Down
Loading