diff --git a/.github/promote.sh b/.github/promote.sh index d8700acd96e..2bb10d64349 100755 --- a/.github/promote.sh +++ b/.github/promote.sh @@ -14,8 +14,8 @@ echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc #if [[ ! -z "${PATTERNFLY_VERSION}" ]]; then # echo "Updating to @patternfly/patternfly: ${PATTERNFLY_VERSION}" -# npm pkg set dependencies.@patternfly/patternfly=${PATTERNFLY_VERSION} --workspace @patternfly/react-docs -# npm pkg set devDependencies.@patternfly/patternfly=${PATTERNFLY_VERSION} --workspace @patternfly/react-core --workspace @patternfly/react-styles --workspace @patternfly/react-tokens --workspace @patternfly/react-icons +# npm pkg set dependencies.@patternfly/patternfly=${PATTERNFLY_VERSION} --workspace @rh-felt/react-docs +# npm pkg set devDependencies.@patternfly/patternfly=${PATTERNFLY_VERSION} --workspace @rh-felt/react-core --workspace @rh-felt/react-styles --workspace @rh-felt/react-tokens --workspace @rh-felt/react-icons #fi # publish to npm @@ -27,4 +27,3 @@ yarn run lerna version preminor --force-publish --conventional-commits --no-priv # dry run # yarn run lerna version --conventional-commits --conventional-graduate --no-private --yes --no-git-tag-version --no-push - diff --git a/.github/release.sh b/.github/release.sh index 506097c32a9..c1c2c134c98 100755 --- a/.github/release.sh +++ b/.github/release.sh @@ -20,7 +20,7 @@ PR_NUM=${LOG:1} yarn run lerna publish prerelease --preid=prerelease --dist-tag=prerelease --yes 2>&1 | tee lerna-output.txt # use lerna command below for dry run -#yarn run lerna version prerelease --preid=prerelease --yes --no-git-tag-version --no-push | tee lerna-output.txt +# yarn run lerna version prerelease --preid=prerelease --dist-tag=prerelease --yes --no-git-tag-version --no-push | tee lerna-output.txt if grep -i "Successfully published" lerna-output.txt; # Leave a Github comment then diff --git a/.github/upload-preview.mjs b/.github/upload-preview.mjs index 704f2347538..52b00cf8973 100644 --- a/.github/upload-preview.mjs +++ b/.github/upload-preview.mjs @@ -18,15 +18,15 @@ if (!uploadFolder) { } const uploadFolderName = path.basename(uploadFolder); -let uploadURL = `pf-react-${prnum ? `pr-${prnum}` : prbranch}`.replace(/[/|.]/g, '-'); +let uploadURL = `rh-felt-react-${prnum ? `pr-${prnum}` : prbranch}`.replace(/[/|.]/g, '-'); switch (uploadFolderName) { case 'coverage': uploadURL += '-a11y.surge.sh'; break; case 'public': - if (!prnum && prbranch === 'main') { - uploadURL = 'pf-react-staging.patternfly.org'; + if (!prnum && prbranch === 'felt-v1') { + uploadURL = 'rh-felt-react-staging.surge.sh'; } else { uploadURL += '.surge.sh'; } diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 3c4d154cd75..5e6dd3ce1b3 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -2,7 +2,7 @@ name: Release on: push: branches: - - main + - felt-v1 concurrency: group: ${{ github.workflow }}-${{ github.ref }} cancel-in-progress: true @@ -41,4 +41,3 @@ jobs: env: NPM_TOKEN: ${{ secrets.NPM_TOKEN }} GH_PR_TOKEN: ${{ secrets.GH_PR_TOKEN }} - \ No newline at end of file diff --git a/README.md b/README.md index 82a129ba703..927521602cf 100644 --- a/README.md +++ b/README.md @@ -1,38 +1,38 @@ -# PatternFly React +# Felt React [![lerna](https://img.shields.io/badge/maintained%20with-lerna-green.svg?style=for-the-badge)](https://lernajs.io/) -[![PatternFly npm badge](https://img.shields.io/npm/v/@patternfly/react-core.svg?label=PF%20Core&style=for-the-badge)](https://www.npmjs.com/package/@patternfly/react-core) +[![Felt npm badge](https://img.shields.io/npm/v/@rh-felt/react-core.svg?label=PF%20Core&style=for-the-badge)](https://www.npmjs.com/package/@rh-felt/react-core) -This project provides a set of React components for the [PatternFly project](https://patternfly.org). +This project provides a set of React components for the [Felt project](https://patternfly.org). **Community:** [PatternFly website](https://www.patternfly.org) | [Slack](https://patternfly.slack.com) | [Medium](https://medium.com/patternfly) | [Mailing list](https://www.redhat.com/mailman/listinfo/patternfly) ### Table of contents -1. [PatternFly React packages](#patternfly-react-packages) +1. [Felt React packages](#felt-react-packages) 2. [Setup](#Setup) 3. [Contribution guidelines](#Contribution-guidelines) 4. [License](#License) Using PatternFly 3? Take a look at the [PatternFly 3 React component information](https://github.com/patternfly/patternfly-react/blob/patternfly-3/README.md). -### PatternFly React packages +### Felt React packages | Package link | Description | | --- | --- | | **:blue_heart: Core packages** | -|   [@patternfly/react-core](./packages/react-core/README.md) | Core set of components | -|   [@patternfly/react-table](./packages/react-table/README.md) | Table components | -|   [@patternfly/react-charts](./packages/react-charts/README.md) | Chart components -|   [@patternfly/react-icons](./packages/react-icons/README.md) | Icon components | -|   [@patternfly/react-styles](./packages/react-styles/README.md) | PatternFly CSS styles | -|   [@patternfly/react-tokens](./packages/react-tokens/README.md) | PatternFly CSS variable tokens | +|   [@rh-felt/react-core](./packages/react-core/README.md) | Core set of components | +|   [@rh-felt/react-table](./packages/react-table/README.md) | Table components | +|   [@rh-felt/react-charts](./packages/react-charts/README.md) | Chart components +|   [@rh-felt/react-icons](./packages/react-icons/README.md) | Icon components | +|   [@rh-felt/react-styles](./packages/react-styles/README.md) | Felt CSS styles | +|   [@rh-felt/react-tokens](./packages/react-tokens/README.md) | Felt CSS variable tokens | | **:yellow_heart: Extension packages** | |   [@patternfly/react-log-viewer](https://github.com/patternfly/react-log-viewer/blob/main/README.md) | Virtualized log viewer component | |   [@patternfly/react-catalog-view-extension](https://github.com/patternfly/react-catalog-view/blob/main/README.md) | Catalog view extension | |   [@patternfly/react-topology](https://github.com/patternfly/react-topology/blob/main/README.md) | Topology components | | **:open_file_folder: Supporting packages** | -|   [@patternfly/react-docs](./packages/react-docs/README.md) | Gatsby documentation site for components | -|   [@patternfly/react-integration](./packages/react-integration/README.md) | Cypress integration tests | +|   [@rh-felt/react-docs](./packages/react-docs/README.md) | Gatsby documentation site for components | +|   [@rh-felt/react-integration](./packages/react-integration/README.md) | Cypress integration tests | | **:x: Deprecated packages** | |   [@patternfly/react-virtualized-extension](https://github.com/patternfly/react-virtualized-extension/blob/main/README.md) | Table and list row virtualization extension | @@ -67,26 +67,26 @@ If you want to start with your existing project, skip to [Install and configure #### Install and configure PatternFly React * Using npm, run the following command to install: ``` - npm install @patternfly/react-core --save + npm install @rh-felt/react-core --save ``` **OR** * Using yarn, run the following command to install: ``` - yarn add @patternfly/react-core + yarn add @rh-felt/react-core ``` - Once the library is installed, use the specific setup instructions for that library to access the components it contains. These can be found in the readme for each [library](#patternfly-react-packages). + Once the library is installed, use the specific setup instructions for that library to access the components it contains. These can be found in the readme for each [library](#felt-react-packages). #### Configure PatternFly styling -PatternFly uses the [`@patternfly/react-styles` package](https://www.npmjs.com/package/@patternfly/react-styles) as a translation layer to reference the styles contained in the PatternFly HTML/CSS library. When developing with Patternfly React, include the following import at the base level of your application to pull in PatternFly's styling: +PatternFly uses the [`@rh-felt/react-styles` package](https://www.npmjs.com/package/@rh-felt/react-styles) as a translation layer to reference the styles contained in the PatternFly HTML/CSS library. When developing with Patternfly React, include the following import at the base level of your application to pull in PatternFly's styling: ``` -import '@patternfly/react-core/dist/styles/base.css'; +import '@rh-felt/react-core/dist/styles/base.css'; ``` -Importing CSS directly from the PatternFly HTML/CSS library while using PatternFly React may result in duplicated stylesheets in the browser as PatternFly React already pulls in styles internally via `@patternfly/react-styles`. +Importing CSS directly from the PatternFly HTML/CSS library while using PatternFly React may result in duplicated stylesheets in the browser as PatternFly React already pulls in styles internally via `@rh-felt/react-styles`. ### Contribution guidelines All React contributors must first be [PatternFly community contributors](https://www.patternfly.org/get-started/contribute/contributing-to-patternfly). If you're already a PatternFly community contributor, check out the [React contribution guidelines](https://github.com/patternfly/patternfly-react/tree/main/CONTRIBUTING.md) to make React contributions. diff --git a/lerna.json b/lerna.json index c0c2c7cbe39..445bf1c1539 100644 --- a/lerna.json +++ b/lerna.json @@ -24,7 +24,7 @@ } }, "version": "independent", - "allowBranch": ["main", "v4", "5.0.x", "6.3.x", "v5"], + "allowBranch": ["main", "felt-v1", "v4", "5.0.x", "6.3.x", "v5"], "packages": ["packages/*", "packages/react-integration/demo-app-ts"], "$schema": "node_modules/lerna/schemas/lerna-schema.json" } diff --git a/package.json b/package.json index 27224dd7002..ea6bb11d3b4 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,8 @@ { - "name": "@patternfly/react-lerna-root", + "name": "@rh-felt/react-lerna-root", "private": true, "version": "0.0.0", - "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", + "description": "This library provides a set of common React components for use with the Felt reference implementation.", "repository": { "type": "git", "url": "https://github.com/patternfly/patternfly-react.git" @@ -86,7 +86,7 @@ "build:cjs": "tsc --build --verbose packages/tsconfig.cjs.json", "build:esm": "tsc --build --verbose packages/tsconfig.json", "build:integration": "lerna run build --scope=demo-app-ts --stream", - "build:docs": "yarn workspace @patternfly/react-docs build:docs", + "build:docs": "yarn workspace @rh-felt/react-docs build:docs", "build:generate": "lerna run generate --parallel --stream", "build:subpaths": "lerna run subpaths --parallel --stream", "build:umd": "lerna run build:umd --parallel --stream", @@ -101,17 +101,17 @@ "lint:tests": "yarn lint packages/*/src/components/*/__tests__/*.test.*", "lint:publication": "yarn workspaces foreach --all --no-private --parallel exec publint --strict", "postinstall": "ts-patch install -s && husky", - "serve:docs": "yarn workspace @patternfly/react-docs serve", + "serve:docs": "yarn workspace @rh-felt/react-docs serve", "serve:integration": "lerna run preview --scope=demo-app-ts", - "start": "yarn build && concurrently --kill-others \"yarn watch\" \"yarn workspace @patternfly/react-docs develop\"", + "start": "yarn build && concurrently --kill-others \"yarn watch\" \"yarn workspace @rh-felt/react-docs develop\"", "start:cypress": "lerna run cypress:open", "start:demo-app": "lerna run dev --scope=demo-app-ts --stream", "test": "TZ=EST LC_ALL=en_US.UTF8 jest packages", "test:a11y": "lerna run test:a11y --stream", - "test:integration": "yarn workspace @patternfly/react-integration test:integration", + "test:integration": "yarn workspace @rh-felt/react-integration test:integration", "uninstall": "find . -name node_modules -type d | xargs rm -rf", "watch": "yarn build:esm --watch", - "screenshots": "yarn workspace @patternfly/react-docs screenshots" + "screenshots": "yarn workspace @rh-felt/react-docs screenshots" }, "lint-staged": { "*.md": "yarn lint:md --fix", diff --git a/packages/eslint-plugin-patternfly-react/lib/rules/import-tokens-icons.js b/packages/eslint-plugin-patternfly-react/lib/rules/import-tokens-icons.js index 911876d2ac3..b9208cd9dd3 100644 --- a/packages/eslint-plugin-patternfly-react/lib/rules/import-tokens-icons.js +++ b/packages/eslint-plugin-patternfly-react/lib/rules/import-tokens-icons.js @@ -1,11 +1,12 @@ /** * @param specifier module specifier - * @param moduleName module name (@patternfly/react-tokens or @patternfly/react-icons) + * @param moduleName module name (@patternfly or @rh-felt react-tokens/react-icons) * @returns string of non-treeshaken import */ function makeImport(specifier, moduleName) { - if (moduleName.endsWith('createIcon') && moduleName.startsWith('@patternfly/react-icons')) { - return `import { ${specifier.local.name} } from '@patternfly/react-icons/dist/esm/createIcon';`; + if (moduleName.endsWith('createIcon') && /^@(patternfly|rh-felt)\/react-icons/.test(moduleName)) { + const scope = moduleName.split('/')[0]; + return `import { ${specifier.local.name} } from '${scope}/react-icons/dist/esm/createIcon';`; } let res = `import ${specifier.local.name} from '`; res += moduleName.replace(/\/dist\/(js|esm)/, ''); @@ -40,12 +41,12 @@ module.exports = { create(context) { return { ImportDeclaration(node) { - if (/@patternfly\/react-(tokens|icons)(\/dist\/(js|esm))?/.test(node.source.value)) { + if (/@(patternfly|rh-felt)\/react-(tokens|icons)(\/dist\/(js|esm))?/.test(node.source.value)) { const esmSpecifiers = node.specifiers.filter( (specifier) => specifier.type === 'ImportSpecifier' && !( - node.source.value.startsWith('@patternfly/react-icons') && + /^@(patternfly|rh-felt)\/react-icons/.test(node.source.value) && node.source.value.endsWith('/dist/esm/createIcon') ) ); diff --git a/packages/eslint-plugin-patternfly-react/package.json b/packages/eslint-plugin-patternfly-react/package.json index 594c956674a..48e89046942 100644 --- a/packages/eslint-plugin-patternfly-react/package.json +++ b/packages/eslint-plugin-patternfly-react/package.json @@ -1,5 +1,6 @@ { "name": "eslint-plugin-patternfly-react", + "private": true, "version": "6.6.0", "type": "commonjs", "exports": { diff --git a/packages/react-charts/README.md b/packages/react-charts/README.md index eb38bc5fd29..43e500211a7 100644 --- a/packages/react-charts/README.md +++ b/packages/react-charts/README.md @@ -1,18 +1,18 @@ -# @patternfly/react-charts +# @rh-felt/react-charts This package provides PatternFly charting components for [PatternFly][patternfly]. ### Installing ```sh -yarn add @patternfly/react-charts +yarn add @rh-felt/react-charts yarn add victory ``` or ```sh -npm install @patternfly/react-charts --save +npm install @rh-felt/react-charts --save npm install victory --save ``` @@ -27,13 +27,13 @@ Note that Victory is now an optional peer dependency, allowing future chart libr It's strongly advised to use the PatternFly Base CSS in your whole project, or some components may diverge in appearance: ```js -import '@patternfly/react-core/dist/styles/base.css'; +import '@rh-felt/react-core/dist/styles/base.css'; ``` #### Example Component Usage ```js -import { Area } from '@patternfly/react-charts/victory'; +import { Area } from '@rh-felt/react-charts/victory'; export default ; @@ -61,7 +61,7 @@ yarn install && yarn start # Contributing Components -This library makes use of the babel plugin from [@patternfly/react-styles](../react-styles/README.md) to enable providing the CSS alongside the components. This removes the need for consumers to use (style|css|sass)-loaders. For any CSS not provided by core please use the `StyleSheet.create` utility from [@patternfly/react-styles](../react-styles/README.md). This will prevent collisions with any consumers, and allow the CSS to be bundled with the component. +This library makes use of the babel plugin from [@rh-felt/react-styles](../react-styles/README.md) to enable providing the CSS alongside the components. This removes the need for consumers to use (style|css|sass)-loaders. For any CSS not provided by core please use the `StyleSheet.create` utility from [@rh-felt/react-styles](../react-styles/README.md). This will prevent collisions with any consumers, and allow the CSS to be bundled with the component. ### Building @@ -73,7 +73,7 @@ Note the build scripts for this are located in the root package.json under `yarn ### Testing -Testing is done at the root of this repo. To only run the @patternfly/react-charts tests: +Testing is done at the root of this repo. To only run the @rh-felt/react-charts tests: ``` yarn test packages/react-charts diff --git a/packages/react-charts/package.json b/packages/react-charts/package.json index 1b5e1343d61..47b17f811e5 100644 --- a/packages/react-charts/package.json +++ b/packages/react-charts/package.json @@ -1,6 +1,6 @@ { - "name": "@patternfly/react-charts", - "version": "8.7.0", + "name": "@rh-felt/react-charts", + "version": "0.0.1-prerelease.0", "description": "This library provides a set of React chart components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -22,7 +22,7 @@ ], "publishConfig": { "access": "public", - "tag": "prerelase" + "tag": "prerelease" }, "repository": { "type": "git", @@ -39,8 +39,8 @@ }, "homepage": "https://github.com/patternfly/patternfly-react#readme", "dependencies": { - "@patternfly/react-styles": "workspace:^", - "@patternfly/react-tokens": "workspace:^", + "@rh-felt/react-styles": "workspace:^", + "@rh-felt/react-tokens": "workspace:^", "hoist-non-react-statics": "^3.3.2", "lodash": "^4.17.23", "tslib": "^2.8.1" diff --git a/packages/react-charts/single-packages.config.json b/packages/react-charts/single-packages.config.json index 274428abad0..0e6ab0f8179 100644 --- a/packages/react-charts/single-packages.config.json +++ b/packages/react-charts/single-packages.config.json @@ -1,4 +1,4 @@ { - "packageName": "@patternfly/react-charts", + "packageName": "@rh-felt/react-charts", "exclude": ["dist/esm/echarts/deprecated/index.js", "dist/esm/echarts/next/index.js", "dist/esm/victory/deprecated/index.js", "dist/esm/victory/next/index.js"] } diff --git a/packages/react-charts/src/echarts/components/Line/examples/Basic.tsx b/packages/react-charts/src/echarts/components/Line/examples/Basic.tsx index 22c5eef7997..813f34b3f61 100644 --- a/packages/react-charts/src/echarts/components/Line/examples/Basic.tsx +++ b/packages/react-charts/src/echarts/components/Line/examples/Basic.tsx @@ -1,5 +1,5 @@ import { FunctionComponent } from 'react'; -import { Charts } from '@patternfly/react-charts/echarts'; +import { Charts } from '@rh-felt/react-charts/echarts'; import * as echarts from 'echarts/core'; import { LineChart } from 'echarts/charts'; diff --git a/packages/react-charts/src/echarts/components/Line/examples/Responsive.tsx b/packages/react-charts/src/echarts/components/Line/examples/Responsive.tsx index 7905aa65a0c..ff944442c6c 100644 --- a/packages/react-charts/src/echarts/components/Line/examples/Responsive.tsx +++ b/packages/react-charts/src/echarts/components/Line/examples/Responsive.tsx @@ -1,6 +1,6 @@ import { FunctionComponent, useEffect, useRef, useState } from 'react'; -import { Charts, ThemeColor } from '@patternfly/react-charts/echarts'; -import { getResizeObserver } from '@patternfly/react-core'; +import { Charts, ThemeColor } from '@rh-felt/react-charts/echarts'; +import { getResizeObserver } from '@rh-felt/react-core'; import * as echarts from 'echarts/core'; import { LineChart } from 'echarts/charts'; diff --git a/packages/react-charts/src/echarts/components/Line/examples/Skeleton.tsx b/packages/react-charts/src/echarts/components/Line/examples/Skeleton.tsx index f41a82d6ae7..f9fe1b10cd7 100644 --- a/packages/react-charts/src/echarts/components/Line/examples/Skeleton.tsx +++ b/packages/react-charts/src/echarts/components/Line/examples/Skeleton.tsx @@ -1,6 +1,6 @@ import { FormEvent, FunctionComponent, useState } from 'react'; -import { Charts, ThemeColor } from '@patternfly/react-charts/echarts'; -import { Switch } from '@patternfly/react-core'; +import { Charts, ThemeColor } from '@rh-felt/react-charts/echarts'; +import { Switch } from '@rh-felt/react-core'; import * as echarts from 'echarts/core'; import { LineChart } from 'echarts/charts'; diff --git a/packages/react-charts/src/echarts/components/Line/examples/Theme.tsx b/packages/react-charts/src/echarts/components/Line/examples/Theme.tsx index 3b3225f5530..2910d9c828b 100644 --- a/packages/react-charts/src/echarts/components/Line/examples/Theme.tsx +++ b/packages/react-charts/src/echarts/components/Line/examples/Theme.tsx @@ -1,16 +1,16 @@ import { FunctionComponent } from 'react'; -import { getComputedStyleValue, getCustomTheme, Charts, ThemeColor } from '@patternfly/react-charts/echarts'; +import { getComputedStyleValue, getCustomTheme, Charts, ThemeColor } from '@rh-felt/react-charts/echarts'; import * as echarts from 'echarts/core'; import { LineChart } from 'echarts/charts'; import { GridComponent, TitleComponent, TooltipComponent } from 'echarts/components'; import { SVGRenderer } from 'echarts/renderers'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; -import chart_color_purple_300 from '@patternfly/react-tokens/dist/esm/chart_color_purple_300'; -import chart_color_teal_300 from '@patternfly/react-tokens/dist/esm/chart_color_teal_300'; -import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; +import chart_color_purple_300 from '@rh-felt/react-tokens/dist/esm/chart_color_purple_300'; +import chart_color_teal_300 from '@rh-felt/react-tokens/dist/esm/chart_color_teal_300'; +import chart_color_yellow_300 from '@rh-felt/react-tokens/dist/esm/chart_color_yellow_300'; // Register required components echarts.use([GridComponent, LineChart, SVGRenderer, TitleComponent, TooltipComponent]); diff --git a/packages/react-charts/src/echarts/components/Line/examples/index.md b/packages/react-charts/src/echarts/components/Line/examples/index.md index c440cf73d37..fb348c78651 100644 --- a/packages/react-charts/src/echarts/components/Line/examples/index.md +++ b/packages/react-charts/src/echarts/components/Line/examples/index.md @@ -23,16 +23,16 @@ import * as echarts from 'echarts'; import { LineChart } from 'echarts/charts'; import { GridComponent, TitleComponent, ToolboxComponent, TooltipComponent } from 'echarts/components'; import { SVGRenderer } from 'echarts/renderers'; -import { getComputedStyleValue, getCustomTheme, Charts, ThemeColor } from '@patternfly/react-charts/echarts'; +import { getComputedStyleValue, getCustomTheme, Charts, ThemeColor } from '@rh-felt/react-charts/echarts'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; -import chart_color_purple_300 from '@patternfly/react-tokens/dist/esm/chart_color_purple_300'; -import chart_color_teal_300 from '@patternfly/react-tokens/dist/esm/chart_color_teal_300'; -import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; +import chart_color_purple_300 from '@rh-felt/react-tokens/dist/esm/chart_color_purple_300'; +import chart_color_teal_300 from '@rh-felt/react-tokens/dist/esm/chart_color_teal_300'; +import chart_color_yellow_300 from '@rh-felt/react-tokens/dist/esm/chart_color_yellow_300'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Apache ECharts](https://echarts.apache.org/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/echarts/components/Sankey/examples/Basic.tsx b/packages/react-charts/src/echarts/components/Sankey/examples/Basic.tsx index f970a3b137f..8b855beb204 100644 --- a/packages/react-charts/src/echarts/components/Sankey/examples/Basic.tsx +++ b/packages/react-charts/src/echarts/components/Sankey/examples/Basic.tsx @@ -1,5 +1,5 @@ import { FunctionComponent } from 'react'; -import { Charts } from '@patternfly/react-charts/echarts'; +import { Charts } from '@rh-felt/react-charts/echarts'; import * as echarts from 'echarts/core'; import { SankeyChart } from 'echarts/charts'; diff --git a/packages/react-charts/src/echarts/components/Sankey/examples/Responsive.tsx b/packages/react-charts/src/echarts/components/Sankey/examples/Responsive.tsx index 778cc25cca1..5acd6d2ee70 100644 --- a/packages/react-charts/src/echarts/components/Sankey/examples/Responsive.tsx +++ b/packages/react-charts/src/echarts/components/Sankey/examples/Responsive.tsx @@ -1,6 +1,6 @@ import { FunctionComponent, useEffect, useRef, useState } from 'react'; -import { Charts, ThemeColor } from '@patternfly/react-charts/echarts'; -import { getResizeObserver } from '@patternfly/react-core'; +import { Charts, ThemeColor } from '@rh-felt/react-charts/echarts'; +import { getResizeObserver } from '@rh-felt/react-core'; import * as echarts from 'echarts/core'; import { SankeyChart } from 'echarts/charts'; diff --git a/packages/react-charts/src/echarts/components/Sankey/examples/Skeleton.tsx b/packages/react-charts/src/echarts/components/Sankey/examples/Skeleton.tsx index ef0b126c05f..5ae1081c6f0 100644 --- a/packages/react-charts/src/echarts/components/Sankey/examples/Skeleton.tsx +++ b/packages/react-charts/src/echarts/components/Sankey/examples/Skeleton.tsx @@ -1,6 +1,6 @@ import { FormEvent, FunctionComponent, useState } from 'react'; -import { Charts, ThemeColor } from '@patternfly/react-charts/echarts'; -import { Switch } from '@patternfly/react-core'; +import { Charts, ThemeColor } from '@rh-felt/react-charts/echarts'; +import { Switch } from '@rh-felt/react-core'; import * as echarts from 'echarts/core'; import { SankeyChart } from 'echarts/charts'; diff --git a/packages/react-charts/src/echarts/components/Sankey/examples/Theme.tsx b/packages/react-charts/src/echarts/components/Sankey/examples/Theme.tsx index 3f2963ae149..814a6b36d3c 100644 --- a/packages/react-charts/src/echarts/components/Sankey/examples/Theme.tsx +++ b/packages/react-charts/src/echarts/components/Sankey/examples/Theme.tsx @@ -1,16 +1,16 @@ import { FunctionComponent } from 'react'; -import { getComputedStyleValue, getCustomTheme, Charts, ThemeColor } from '@patternfly/react-charts/echarts'; +import { getComputedStyleValue, getCustomTheme, Charts, ThemeColor } from '@rh-felt/react-charts/echarts'; import * as echarts from 'echarts/core'; import { SankeyChart } from 'echarts/charts'; import { TitleComponent, TooltipComponent } from 'echarts/components'; import { SVGRenderer } from 'echarts/renderers'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; -import chart_color_purple_300 from '@patternfly/react-tokens/dist/esm/chart_color_purple_300'; -import chart_color_teal_300 from '@patternfly/react-tokens/dist/esm/chart_color_teal_300'; -import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; +import chart_color_purple_300 from '@rh-felt/react-tokens/dist/esm/chart_color_purple_300'; +import chart_color_teal_300 from '@rh-felt/react-tokens/dist/esm/chart_color_teal_300'; +import chart_color_yellow_300 from '@rh-felt/react-tokens/dist/esm/chart_color_yellow_300'; // Register required components echarts.use([SankeyChart, SVGRenderer, TitleComponent, TooltipComponent]); diff --git a/packages/react-charts/src/echarts/components/Sankey/examples/Toolbox.tsx b/packages/react-charts/src/echarts/components/Sankey/examples/Toolbox.tsx index 73453276ba6..e789cee93a8 100644 --- a/packages/react-charts/src/echarts/components/Sankey/examples/Toolbox.tsx +++ b/packages/react-charts/src/echarts/components/Sankey/examples/Toolbox.tsx @@ -1,6 +1,6 @@ import { FunctionComponent, useEffect, useRef, useState } from 'react'; -import { Charts, ThemeColor } from '@patternfly/react-charts/echarts'; -import { getResizeObserver } from '@patternfly/react-core'; +import { Charts, ThemeColor } from '@rh-felt/react-charts/echarts'; +import { getResizeObserver } from '@rh-felt/react-core'; import * as echarts from 'echarts/core'; import { SankeyChart } from 'echarts/charts'; diff --git a/packages/react-charts/src/echarts/components/Sankey/examples/index.md b/packages/react-charts/src/echarts/components/Sankey/examples/index.md index 26670100e7f..d6ca43f9da3 100644 --- a/packages/react-charts/src/echarts/components/Sankey/examples/index.md +++ b/packages/react-charts/src/echarts/components/Sankey/examples/index.md @@ -24,16 +24,16 @@ import * as echarts from 'echarts'; import { SankeyChart } from 'echarts/charts'; import { TitleComponent, ToolboxComponent, TooltipComponent } from 'echarts/components'; import { SVGRenderer } from 'echarts/renderers'; -import { getComputedStyleValue, getCustomTheme, Charts, ThemeColor } from '@patternfly/react-charts/echarts'; +import { getComputedStyleValue, getCustomTheme, Charts, ThemeColor } from '@rh-felt/react-charts/echarts'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; -import chart_color_purple_300 from '@patternfly/react-tokens/dist/esm/chart_color_purple_300'; -import chart_color_teal_300 from '@patternfly/react-tokens/dist/esm/chart_color_teal_300'; -import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; +import chart_color_purple_300 from '@rh-felt/react-tokens/dist/esm/chart_color_purple_300'; +import chart_color_teal_300 from '@rh-felt/react-tokens/dist/esm/chart_color_teal_300'; +import chart_color_yellow_300 from '@rh-felt/react-tokens/dist/esm/chart_color_yellow_300'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Apache ECharts](https://echarts.apache.org/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/echarts/components/themes/base-theme.ts b/packages/react-charts/src/echarts/components/themes/base-theme.ts index d69479efbb5..28752688e01 100644 --- a/packages/react-charts/src/echarts/components/themes/base-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/base-theme.ts @@ -1,46 +1,46 @@ -import chart_echarts_bar_item_style_BarBorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_bar_item_style_BarBorderColor'; -import chart_echarts_boxplot_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_boxplot_item_style_BorderWidth'; -import chart_echarts_candlestick_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_candlestick_item_style_BorderWidth'; -import chart_echarts_datazoom_HandleSize from '@patternfly/react-tokens/dist/esm/chart_echarts_datazoom_HandleSize'; -import chart_echarts_funnel_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_funnel_item_style_BorderWidth'; -import chart_echarts_gauge_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderWidth'; -import chart_echarts_geo_emphasis_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderWidth'; -import chart_echarts_geo_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderWidth'; -import chart_echarts_global_axis_BoundaryGap from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_BoundaryGap'; -import chart_echarts_global_axis_axis_label_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_label_Show'; -import chart_echarts_global_axis_axis_line_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_line_Show'; -import chart_echarts_global_axis_axis_tick_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_tick_Show'; -import chart_echarts_global_axis_split_area_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_split_area_Show'; -import chart_echarts_global_axis_split_line_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_split_line_Show'; -import chart_echarts_graph_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_item_style_BorderWidth'; -import chart_echarts_graph_line_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_line_style_BorderWidth'; -import chart_echarts_graph_Smooth from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_Smooth'; -import chart_echarts_graph_Symbol from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_Symbol'; -import chart_echarts_graph_SymbolSize from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_SymbolSize'; -import chart_echarts_line_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_line_item_style_BorderWidth'; -import chart_echarts_line_line_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_line_line_style_BorderWidth'; -import chart_echarts_line_Smooth from '@patternfly/react-tokens/dist/esm/chart_echarts_line_Smooth'; -import chart_echarts_line_Symbol from '@patternfly/react-tokens/dist/esm/chart_echarts_line_Symbol'; -import chart_echarts_line_SymbolSize from '@patternfly/react-tokens/dist/esm/chart_echarts_line_SymbolSize'; -import chart_echarts_map_emphasis_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_map_emphasis_item_style_BorderWidth'; -import chart_echarts_map_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_map_item_style_BorderWidth'; -import chart_echarts_parallel_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_parallel_item_style_BorderWidth'; -import chart_echarts_pie_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_pie_item_style_BorderWidth'; -import chart_echarts_radar_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_item_style_BorderWidth'; -import chart_echarts_radar_line_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_line_style_BorderWidth'; -import chart_echarts_radar_Smooth from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_Smooth'; -import chart_echarts_radar_Symbol from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_Symbol'; -import chart_echarts_radar_SymbolSize from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_SymbolSize'; -import chart_echarts_sankey_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_sankey_item_style_BorderWidth'; -import chart_echarts_scatter_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_scatter_item_style_BorderWidth'; -import chart_echarts_timeline_control_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_control_style_BorderWidth'; -import chart_echarts_timeline_emphasis_control_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_emphasis_control_style_BorderWidth'; -import chart_echarts_timeline_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_item_style_BorderWidth'; -import chart_echarts_timeline_line_style_Width from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_line_style_Width'; -import chart_echarts_tooltip_axis_pointer_cross_style_Width from '@patternfly/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_cross_style_Width'; -import chart_echarts_tooltip_axis_pointer_line_style_Width from '@patternfly/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_line_style_Width'; -import chart_global_FontFamily from '@patternfly/react-tokens/dist/esm/chart_global_FontFamily'; -import chart_global_FontSize_sm from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_sm'; +import chart_echarts_bar_item_style_BarBorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_bar_item_style_BarBorderColor'; +import chart_echarts_boxplot_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_boxplot_item_style_BorderWidth'; +import chart_echarts_candlestick_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_candlestick_item_style_BorderWidth'; +import chart_echarts_datazoom_HandleSize from '@rh-felt/react-tokens/dist/esm/chart_echarts_datazoom_HandleSize'; +import chart_echarts_funnel_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_funnel_item_style_BorderWidth'; +import chart_echarts_gauge_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderWidth'; +import chart_echarts_geo_emphasis_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderWidth'; +import chart_echarts_geo_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderWidth'; +import chart_echarts_global_axis_BoundaryGap from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_BoundaryGap'; +import chart_echarts_global_axis_axis_label_Show from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_axis_label_Show'; +import chart_echarts_global_axis_axis_line_Show from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_axis_line_Show'; +import chart_echarts_global_axis_axis_tick_Show from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_axis_tick_Show'; +import chart_echarts_global_axis_split_area_Show from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_split_area_Show'; +import chart_echarts_global_axis_split_line_Show from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_split_line_Show'; +import chart_echarts_graph_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_graph_item_style_BorderWidth'; +import chart_echarts_graph_line_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_graph_line_style_BorderWidth'; +import chart_echarts_graph_Smooth from '@rh-felt/react-tokens/dist/esm/chart_echarts_graph_Smooth'; +import chart_echarts_graph_Symbol from '@rh-felt/react-tokens/dist/esm/chart_echarts_graph_Symbol'; +import chart_echarts_graph_SymbolSize from '@rh-felt/react-tokens/dist/esm/chart_echarts_graph_SymbolSize'; +import chart_echarts_line_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_line_item_style_BorderWidth'; +import chart_echarts_line_line_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_line_line_style_BorderWidth'; +import chart_echarts_line_Smooth from '@rh-felt/react-tokens/dist/esm/chart_echarts_line_Smooth'; +import chart_echarts_line_Symbol from '@rh-felt/react-tokens/dist/esm/chart_echarts_line_Symbol'; +import chart_echarts_line_SymbolSize from '@rh-felt/react-tokens/dist/esm/chart_echarts_line_SymbolSize'; +import chart_echarts_map_emphasis_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_map_emphasis_item_style_BorderWidth'; +import chart_echarts_map_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_map_item_style_BorderWidth'; +import chart_echarts_parallel_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_parallel_item_style_BorderWidth'; +import chart_echarts_pie_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_pie_item_style_BorderWidth'; +import chart_echarts_radar_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_radar_item_style_BorderWidth'; +import chart_echarts_radar_line_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_radar_line_style_BorderWidth'; +import chart_echarts_radar_Smooth from '@rh-felt/react-tokens/dist/esm/chart_echarts_radar_Smooth'; +import chart_echarts_radar_Symbol from '@rh-felt/react-tokens/dist/esm/chart_echarts_radar_Symbol'; +import chart_echarts_radar_SymbolSize from '@rh-felt/react-tokens/dist/esm/chart_echarts_radar_SymbolSize'; +import chart_echarts_sankey_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_sankey_item_style_BorderWidth'; +import chart_echarts_scatter_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_scatter_item_style_BorderWidth'; +import chart_echarts_timeline_control_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_control_style_BorderWidth'; +import chart_echarts_timeline_emphasis_control_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_emphasis_control_style_BorderWidth'; +import chart_echarts_timeline_item_style_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_item_style_BorderWidth'; +import chart_echarts_timeline_line_style_Width from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_line_style_Width'; +import chart_echarts_tooltip_axis_pointer_cross_style_Width from '@rh-felt/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_cross_style_Width'; +import chart_echarts_tooltip_axis_pointer_line_style_Width from '@rh-felt/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_line_style_Width'; +import chart_global_FontFamily from '@rh-felt/react-tokens/dist/esm/chart_global_FontFamily'; +import chart_global_FontSize_sm from '@rh-felt/react-tokens/dist/esm/chart_global_FontSize_sm'; import { ThemeDefinition } from './Theme'; import { getComputedStyleValue } from '../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/color-theme.ts b/packages/react-charts/src/echarts/components/themes/color-theme.ts index e53ae0e3679..b5b25dc257a 100644 --- a/packages/react-charts/src/echarts/components/themes/color-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/color-theme.ts @@ -1,41 +1,41 @@ -import chart_echarts_BackgroundColor from '@patternfly/react-tokens/dist/esm/chart_echarts_BackgroundColor'; -import chart_echarts_bar_item_style_BarBorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_bar_item_style_BarBorderColor'; -import chart_echarts_boxplot_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_boxplot_item_style_BorderColor'; -import chart_echarts_candlestick_item_style_positive_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_candlestick_item_style_positive_BorderColor'; -import chart_echarts_candlestick_item_style_positive_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_candlestick_item_style_positive_Color'; -import chart_echarts_candlestick_item_style_negative_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_candlestick_item_style_negative_Color'; -import chart_echarts_candlestick_item_style_negative_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_candlestick_item_style_negative_BorderColor'; -import chart_echarts_funnel_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_funnel_item_style_BorderColor'; -import chart_echarts_gauge_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderColor'; -import chart_echarts_geo_emphasis_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_geo_emphasis_item_style_BorderColor'; -import chart_echarts_geo_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_geo_item_style_BorderColor'; -import chart_echarts_global_axis_axis_line_item_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_line_item_style_Color'; -import chart_echarts_global_axis_axis_tick_item_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_tick_item_style_Color'; -import chart_echarts_global_axis_split_area_area_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_split_area_area_style_Color'; -import chart_echarts_global_label_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_global_label_Color'; -import chart_echarts_graph_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_item_style_BorderColor'; -import chart_echarts_graph_line_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_line_style_Color'; -import chart_echarts_map_emphasis_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_map_emphasis_item_style_BorderColor'; -import chart_echarts_map_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_map_item_style_BorderColor'; -import chart_echarts_parallel_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_parallel_item_style_BorderColor'; -import chart_echarts_pie_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_pie_item_style_BorderColor'; -import chart_echarts_sankey_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_sankey_item_style_BorderColor'; -import chart_echarts_scatter_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_scatter_item_style_BorderColor'; -import chart_echarts_tooltip_axis_pointer_cross_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_cross_style_Color'; -import chart_echarts_tooltip_axis_pointer_line_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_line_style_Color'; -import chart_echarts_toolbox_emphasis_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_toolbox_emphasis_item_style_BorderColor'; -import chart_echarts_toolbox_item_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_toolbox_item_style_BorderColor'; -import chart_echarts_timeline_emphasis_control_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_emphasis_control_style_Color'; -import chart_echarts_timeline_emphasis_item_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_emphasis_item_style_Color'; -import chart_echarts_timeline_emphasis_control_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_emphasis_control_style_BorderColor'; -import chart_echarts_timeline_checkpoint_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_checkpoint_style_Color'; -import chart_echarts_timeline_checkpoint_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_checkpoint_style_BorderColor'; -import chart_echarts_timeline_control_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_control_style_Color'; -import chart_echarts_timeline_control_style_BorderColor from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_control_style_BorderColor'; -import chart_echarts_timeline_item_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_item_style_Color'; -import chart_echarts_timeline_line_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_line_style_Color'; -import chart_echarts_tooltip_backgroundColor from '@patternfly/react-tokens/dist/esm/chart_echarts_tooltip_backgroundColor'; -import chart_echarts_tooltip_text_Style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_tooltip_text_Style_Color'; +import chart_echarts_BackgroundColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_BackgroundColor'; +import chart_echarts_bar_item_style_BarBorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_bar_item_style_BarBorderColor'; +import chart_echarts_boxplot_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_boxplot_item_style_BorderColor'; +import chart_echarts_candlestick_item_style_positive_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_candlestick_item_style_positive_BorderColor'; +import chart_echarts_candlestick_item_style_positive_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_candlestick_item_style_positive_Color'; +import chart_echarts_candlestick_item_style_negative_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_candlestick_item_style_negative_Color'; +import chart_echarts_candlestick_item_style_negative_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_candlestick_item_style_negative_BorderColor'; +import chart_echarts_funnel_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_funnel_item_style_BorderColor'; +import chart_echarts_gauge_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderColor'; +import chart_echarts_geo_emphasis_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_geo_emphasis_item_style_BorderColor'; +import chart_echarts_geo_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_geo_item_style_BorderColor'; +import chart_echarts_global_axis_axis_line_item_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_axis_line_item_style_Color'; +import chart_echarts_global_axis_axis_tick_item_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_axis_tick_item_style_Color'; +import chart_echarts_global_axis_split_area_area_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_split_area_area_style_Color'; +import chart_echarts_global_label_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_label_Color'; +import chart_echarts_graph_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_graph_item_style_BorderColor'; +import chart_echarts_graph_line_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_graph_line_style_Color'; +import chart_echarts_map_emphasis_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_map_emphasis_item_style_BorderColor'; +import chart_echarts_map_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_map_item_style_BorderColor'; +import chart_echarts_parallel_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_parallel_item_style_BorderColor'; +import chart_echarts_pie_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_pie_item_style_BorderColor'; +import chart_echarts_sankey_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_sankey_item_style_BorderColor'; +import chart_echarts_scatter_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_scatter_item_style_BorderColor'; +import chart_echarts_tooltip_axis_pointer_cross_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_cross_style_Color'; +import chart_echarts_tooltip_axis_pointer_line_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_line_style_Color'; +import chart_echarts_toolbox_emphasis_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_toolbox_emphasis_item_style_BorderColor'; +import chart_echarts_toolbox_item_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_toolbox_item_style_BorderColor'; +import chart_echarts_timeline_emphasis_control_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_emphasis_control_style_Color'; +import chart_echarts_timeline_emphasis_item_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_emphasis_item_style_Color'; +import chart_echarts_timeline_emphasis_control_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_emphasis_control_style_BorderColor'; +import chart_echarts_timeline_checkpoint_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_checkpoint_style_Color'; +import chart_echarts_timeline_checkpoint_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_checkpoint_style_BorderColor'; +import chart_echarts_timeline_control_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_control_style_Color'; +import chart_echarts_timeline_control_style_BorderColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_control_style_BorderColor'; +import chart_echarts_timeline_item_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_item_style_Color'; +import chart_echarts_timeline_line_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_timeline_line_style_Color'; +import chart_echarts_tooltip_backgroundColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_tooltip_backgroundColor'; +import chart_echarts_tooltip_text_Style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_tooltip_text_Style_Color'; import { ThemeDefinition } from './Theme'; import { getComputedStyleValue } from '../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/blue-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/blue-theme.ts index e908cbf3f7e..b09122b1b37 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/blue-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/blue-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_blue_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_100'; -import chart_theme_blue_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_200'; -import chart_theme_blue_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_300'; -import chart_theme_blue_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_400'; -import chart_theme_blue_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_500'; +import chart_theme_blue_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_100'; +import chart_theme_blue_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_200'; +import chart_theme_blue_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_300'; +import chart_theme_blue_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_400'; +import chart_theme_blue_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_500'; import { ColorTheme } from '../color-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/gray-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/gray-theme.ts index e3b11d2d893..e1b13bb73b2 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/gray-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/gray-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_gray_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_100'; -import chart_theme_gray_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_200'; -import chart_theme_gray_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_300'; -import chart_theme_gray_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_400'; -import chart_theme_gray_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_500'; +import chart_theme_gray_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_100'; +import chart_theme_gray_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_200'; +import chart_theme_gray_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_300'; +import chart_theme_gray_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_400'; +import chart_theme_gray_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_500'; import { ColorTheme } from '../color-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/green-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/green-theme.ts index 5d979253a81..c579505c600 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/green-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/green-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_green_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_100'; -import chart_theme_green_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_200'; -import chart_theme_green_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_300'; -import chart_theme_green_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_400'; -import chart_theme_green_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_500'; +import chart_theme_green_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_100'; +import chart_theme_green_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_200'; +import chart_theme_green_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_300'; +import chart_theme_green_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_400'; +import chart_theme_green_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_500'; import { ColorTheme } from '../color-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/multi-ordered-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/multi-ordered-theme.ts index 3844eea21f7..17d98ba7c8e 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/multi-ordered-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/multi-ordered-theme.ts @@ -1,28 +1,28 @@ -import chart_theme_multi_color_ordered_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_100'; -import chart_theme_multi_color_ordered_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_200'; -import chart_theme_multi_color_ordered_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_300'; -import chart_theme_multi_color_ordered_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_400'; -import chart_theme_multi_color_ordered_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_500'; -import chart_theme_multi_color_ordered_ColorScale_600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_600'; -import chart_theme_multi_color_ordered_ColorScale_700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_700'; -import chart_theme_multi_color_ordered_ColorScale_800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_800'; -import chart_theme_multi_color_ordered_ColorScale_900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_900'; -import chart_theme_multi_color_ordered_ColorScale_1000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1000'; -import chart_theme_multi_color_ordered_ColorScale_1100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1100'; -import chart_theme_multi_color_ordered_ColorScale_1200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1200'; -import chart_theme_multi_color_ordered_ColorScale_1300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1300'; -import chart_theme_multi_color_ordered_ColorScale_1400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1400'; -import chart_theme_multi_color_ordered_ColorScale_1500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1500'; -import chart_theme_multi_color_ordered_ColorScale_1600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1600'; -import chart_theme_multi_color_ordered_ColorScale_1700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1700'; -import chart_theme_multi_color_ordered_ColorScale_1800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1800'; -import chart_theme_multi_color_ordered_ColorScale_1900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1900'; -import chart_theme_multi_color_ordered_ColorScale_2000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2000'; -import chart_theme_multi_color_ordered_ColorScale_2100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2100'; -import chart_theme_multi_color_ordered_ColorScale_2200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2200'; -import chart_theme_multi_color_ordered_ColorScale_2300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2300'; -import chart_theme_multi_color_ordered_ColorScale_2400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2400'; -import chart_theme_multi_color_ordered_ColorScale_2500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2500'; +import chart_theme_multi_color_ordered_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_100'; +import chart_theme_multi_color_ordered_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_200'; +import chart_theme_multi_color_ordered_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_300'; +import chart_theme_multi_color_ordered_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_400'; +import chart_theme_multi_color_ordered_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_500'; +import chart_theme_multi_color_ordered_ColorScale_600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_600'; +import chart_theme_multi_color_ordered_ColorScale_700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_700'; +import chart_theme_multi_color_ordered_ColorScale_800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_800'; +import chart_theme_multi_color_ordered_ColorScale_900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_900'; +import chart_theme_multi_color_ordered_ColorScale_1000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1000'; +import chart_theme_multi_color_ordered_ColorScale_1100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1100'; +import chart_theme_multi_color_ordered_ColorScale_1200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1200'; +import chart_theme_multi_color_ordered_ColorScale_1300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1300'; +import chart_theme_multi_color_ordered_ColorScale_1400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1400'; +import chart_theme_multi_color_ordered_ColorScale_1500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1500'; +import chart_theme_multi_color_ordered_ColorScale_1600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1600'; +import chart_theme_multi_color_ordered_ColorScale_1700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1700'; +import chart_theme_multi_color_ordered_ColorScale_1800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1800'; +import chart_theme_multi_color_ordered_ColorScale_1900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1900'; +import chart_theme_multi_color_ordered_ColorScale_2000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2000'; +import chart_theme_multi_color_ordered_ColorScale_2100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2100'; +import chart_theme_multi_color_ordered_ColorScale_2200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2200'; +import chart_theme_multi_color_ordered_ColorScale_2300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2300'; +import chart_theme_multi_color_ordered_ColorScale_2400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2400'; +import chart_theme_multi_color_ordered_ColorScale_2500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2500'; import { ColorTheme } from '../color-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/multi-unordered-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/multi-unordered-theme.ts index 6e4b9ea8103..886167a59d7 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/multi-unordered-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/multi-unordered-theme.ts @@ -1,38 +1,38 @@ -import chart_theme_multi_color_unordered_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_100'; -import chart_theme_multi_color_unordered_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_200'; -import chart_theme_multi_color_unordered_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_300'; -import chart_theme_multi_color_unordered_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_400'; -import chart_theme_multi_color_unordered_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_500'; -import chart_theme_multi_color_unordered_ColorScale_600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_600'; -import chart_theme_multi_color_unordered_ColorScale_700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_700'; -import chart_theme_multi_color_unordered_ColorScale_800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_800'; -import chart_theme_multi_color_unordered_ColorScale_900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_900'; -import chart_theme_multi_color_unordered_ColorScale_1000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1000'; -import chart_theme_multi_color_unordered_ColorScale_1100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1100'; -import chart_theme_multi_color_unordered_ColorScale_1200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1200'; -import chart_theme_multi_color_unordered_ColorScale_1300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1300'; -import chart_theme_multi_color_unordered_ColorScale_1400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1400'; -import chart_theme_multi_color_unordered_ColorScale_1500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1500'; -import chart_theme_multi_color_unordered_ColorScale_1600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1600'; -import chart_theme_multi_color_unordered_ColorScale_1700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1700'; -import chart_theme_multi_color_unordered_ColorScale_1800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1800'; -import chart_theme_multi_color_unordered_ColorScale_1900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1900'; -import chart_theme_multi_color_unordered_ColorScale_2000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2000'; -import chart_theme_multi_color_unordered_ColorScale_2100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2100'; -import chart_theme_multi_color_unordered_ColorScale_2200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2200'; -import chart_theme_multi_color_unordered_ColorScale_2300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2300'; -import chart_theme_multi_color_unordered_ColorScale_2400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2400'; -import chart_theme_multi_color_unordered_ColorScale_2500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2500'; -import chart_theme_multi_color_unordered_ColorScale_2600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2600'; -import chart_theme_multi_color_unordered_ColorScale_2700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2700'; -import chart_theme_multi_color_unordered_ColorScale_2800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2800'; -import chart_theme_multi_color_unordered_ColorScale_2900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2900'; -import chart_theme_multi_color_unordered_ColorScale_3000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3000'; -import chart_theme_multi_color_unordered_ColorScale_3100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3100'; -import chart_theme_multi_color_unordered_ColorScale_3200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3200'; -import chart_theme_multi_color_unordered_ColorScale_3300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3300'; -import chart_theme_multi_color_unordered_ColorScale_3400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3400'; -import chart_theme_multi_color_unordered_ColorScale_3500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3500'; +import chart_theme_multi_color_unordered_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_100'; +import chart_theme_multi_color_unordered_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_200'; +import chart_theme_multi_color_unordered_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_300'; +import chart_theme_multi_color_unordered_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_400'; +import chart_theme_multi_color_unordered_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_500'; +import chart_theme_multi_color_unordered_ColorScale_600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_600'; +import chart_theme_multi_color_unordered_ColorScale_700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_700'; +import chart_theme_multi_color_unordered_ColorScale_800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_800'; +import chart_theme_multi_color_unordered_ColorScale_900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_900'; +import chart_theme_multi_color_unordered_ColorScale_1000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1000'; +import chart_theme_multi_color_unordered_ColorScale_1100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1100'; +import chart_theme_multi_color_unordered_ColorScale_1200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1200'; +import chart_theme_multi_color_unordered_ColorScale_1300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1300'; +import chart_theme_multi_color_unordered_ColorScale_1400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1400'; +import chart_theme_multi_color_unordered_ColorScale_1500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1500'; +import chart_theme_multi_color_unordered_ColorScale_1600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1600'; +import chart_theme_multi_color_unordered_ColorScale_1700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1700'; +import chart_theme_multi_color_unordered_ColorScale_1800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1800'; +import chart_theme_multi_color_unordered_ColorScale_1900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1900'; +import chart_theme_multi_color_unordered_ColorScale_2000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2000'; +import chart_theme_multi_color_unordered_ColorScale_2100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2100'; +import chart_theme_multi_color_unordered_ColorScale_2200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2200'; +import chart_theme_multi_color_unordered_ColorScale_2300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2300'; +import chart_theme_multi_color_unordered_ColorScale_2400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2400'; +import chart_theme_multi_color_unordered_ColorScale_2500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2500'; +import chart_theme_multi_color_unordered_ColorScale_2600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2600'; +import chart_theme_multi_color_unordered_ColorScale_2700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2700'; +import chart_theme_multi_color_unordered_ColorScale_2800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2800'; +import chart_theme_multi_color_unordered_ColorScale_2900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2900'; +import chart_theme_multi_color_unordered_ColorScale_3000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3000'; +import chart_theme_multi_color_unordered_ColorScale_3100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3100'; +import chart_theme_multi_color_unordered_ColorScale_3200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3200'; +import chart_theme_multi_color_unordered_ColorScale_3300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3300'; +import chart_theme_multi_color_unordered_ColorScale_3400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3400'; +import chart_theme_multi_color_unordered_ColorScale_3500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3500'; import { ColorTheme } from '../color-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/orange-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/orange-theme.ts index af1aab797b0..fafac944cd3 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/orange-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/orange-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_orange_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_100'; -import chart_theme_orange_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_200'; -import chart_theme_orange_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_300'; -import chart_theme_orange_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_400'; -import chart_theme_orange_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_500'; +import chart_theme_orange_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_100'; +import chart_theme_orange_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_200'; +import chart_theme_orange_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_300'; +import chart_theme_orange_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_400'; +import chart_theme_orange_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_500'; import { ColorTheme } from '../color-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/purple-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/purple-theme.ts index 39acfb38bf4..85ac6ca5aa8 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/purple-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/purple-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_purple_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_100'; -import chart_theme_purple_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_200'; -import chart_theme_purple_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_300'; -import chart_theme_purple_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_400'; -import chart_theme_purple_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_500'; +import chart_theme_purple_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_100'; +import chart_theme_purple_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_200'; +import chart_theme_purple_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_300'; +import chart_theme_purple_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_400'; +import chart_theme_purple_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_500'; import { ColorTheme } from '../color-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/skeleton-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/skeleton-theme.ts index ae86b726454..d93da96b950 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/skeleton-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/skeleton-theme.ts @@ -1,8 +1,8 @@ -import chart_skeleton_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_100'; -import chart_skeleton_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_200'; -import chart_skeleton_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_300'; -import chart_skeleton_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_400'; -import chart_skeleton_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_500'; +import chart_skeleton_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_100'; +import chart_skeleton_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_200'; +import chart_skeleton_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_300'; +import chart_skeleton_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_400'; +import chart_skeleton_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_500'; import { ColorTheme } from '../skeleton-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/teal-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/teal-theme.ts index 0ad045831e3..992567bbf51 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/teal-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/teal-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_teal_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_100'; -import chart_theme_teal_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_200'; -import chart_theme_teal_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_300'; -import chart_theme_teal_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_400'; -import chart_theme_teal_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_500'; +import chart_theme_teal_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_100'; +import chart_theme_teal_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_200'; +import chart_theme_teal_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_300'; +import chart_theme_teal_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_400'; +import chart_theme_teal_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_500'; import { ColorTheme } from '../color-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/colors/yellow-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/yellow-theme.ts index 466159466ad..eeef329f032 100644 --- a/packages/react-charts/src/echarts/components/themes/colors/yellow-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/colors/yellow-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_yellow_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_100'; -import chart_theme_yellow_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_200'; -import chart_theme_yellow_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_300'; -import chart_theme_yellow_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_400'; -import chart_theme_yellow_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_500'; +import chart_theme_yellow_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_100'; +import chart_theme_yellow_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_200'; +import chart_theme_yellow_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_300'; +import chart_theme_yellow_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_400'; +import chart_theme_yellow_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_500'; import { ColorTheme } from '../color-theme'; import { getComputedStyleValue } from '../../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/themes/skeleton-theme.ts b/packages/react-charts/src/echarts/components/themes/skeleton-theme.ts index 76adeea2815..7c125f86128 100644 --- a/packages/react-charts/src/echarts/components/themes/skeleton-theme.ts +++ b/packages/react-charts/src/echarts/components/themes/skeleton-theme.ts @@ -1,7 +1,7 @@ -import chart_echarts_BackgroundColor from '@patternfly/react-tokens/dist/esm/chart_echarts_BackgroundColor'; -import chart_echarts_global_axis_axis_line_item_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_line_item_style_Color'; -import chart_echarts_global_axis_axis_tick_item_style_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_tick_item_style_Color'; -import chart_echarts_skeleton_label_Color from '@patternfly/react-tokens/dist/esm/chart_echarts_skeleton_label_Color'; +import chart_echarts_BackgroundColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_BackgroundColor'; +import chart_echarts_global_axis_axis_line_item_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_axis_line_item_style_Color'; +import chart_echarts_global_axis_axis_tick_item_style_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_global_axis_axis_tick_item_style_Color'; +import chart_echarts_skeleton_label_Color from '@rh-felt/react-tokens/dist/esm/chart_echarts_skeleton_label_Color'; import { ThemeDefinition } from '../themes/Theme'; import { getComputedStyleValue } from '../utils/styles'; diff --git a/packages/react-charts/src/echarts/components/utils/symbol.tsx b/packages/react-charts/src/echarts/components/utils/symbol.tsx index 1c1bc4032fa..ee3cb33ceae 100644 --- a/packages/react-charts/src/echarts/components/utils/symbol.tsx +++ b/packages/react-charts/src/echarts/components/utils/symbol.tsx @@ -1,6 +1,6 @@ import { getComputedStyleValue } from './styles'; -import chart_echarts_BackgroundColor from '@patternfly/react-tokens/dist/esm/chart_echarts_BackgroundColor'; +import chart_echarts_BackgroundColor from '@rh-felt/react-tokens/dist/esm/chart_echarts_BackgroundColor'; const enum SymbolType { arrow = 'arrow', diff --git a/packages/react-charts/src/victory/components/Chart/Chart.tsx b/packages/react-charts/src/victory/components/Chart/Chart.tsx index 41790cf2f91..053e4ee0546 100644 --- a/packages/react-charts/src/victory/components/Chart/Chart.tsx +++ b/packages/react-charts/src/victory/components/Chart/Chart.tsx @@ -1,7 +1,7 @@ import { Children, cloneElement, isValidElement, useEffect } from 'react'; import hoistNonReactStatics from 'hoist-non-react-statics'; -import chart_legend_Margin from '@patternfly/react-tokens/dist/esm/chart_legend_Margin'; +import chart_legend_Margin from '@rh-felt/react-tokens/dist/esm/chart_legend_Margin'; import { AnimatePropTypeInterface, diff --git a/packages/react-charts/src/victory/components/ChartArea/examples/ChartArea.md b/packages/react-charts/src/victory/components/ChartArea/examples/ChartArea.md index 8211352198d..1117d69b154 100644 --- a/packages/react-charts/src/victory/components/ChartArea/examples/ChartArea.md +++ b/packages/react-charts/src/victory/components/ChartArea/examples/ChartArea.md @@ -13,11 +13,11 @@ propComponents: [ hideDarkMode: true --- import { createRef } from 'react'; -import { Chart, ChartArea, ChartAxis, ChartGroup, ChartThreshold, ChartThemeColor, ChartLegendTooltip, ChartVoronoiContainer, createContainer } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { Chart, ChartArea, ChartAxis, ChartGroup, ChartThreshold, ChartThemeColor, ChartLegendTooltip, ChartVoronoiContainer, createContainer } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaBottomLegend.tsx b/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaBottomLegend.tsx index 29e88b6f6c2..422f2d2b797 100644 --- a/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaBottomLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaBottomLegend.tsx @@ -6,7 +6,7 @@ import { ChartThemeColor, ChartLegendTooltip, createContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { x: string; diff --git a/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaMultiColorResponsive.tsx b/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaMultiColorResponsive.tsx index 8f6a91ca622..75acb6d33bc 100644 --- a/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaMultiColorResponsive.tsx +++ b/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaMultiColorResponsive.tsx @@ -5,8 +5,8 @@ import { ChartGroup, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaRightAlignedLegend.tsx b/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaRightAlignedLegend.tsx index 0a88f0bc89e..cfba9958c88 100644 --- a/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaRightAlignedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartArea/examples/ChartAreaRightAlignedLegend.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartArea, ChartAxis, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; +import { Chart, ChartArea, ChartAxis, ChartGroup, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBar.md b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBar.md index 29f57c11b9e..9f015168a4a 100644 --- a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBar.md +++ b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBar.md @@ -6,15 +6,15 @@ propComponents: ['Chart', 'ChartAxis', 'ChartBar', 'ChartGroup', 'ChartLabel', ' hideDarkMode: true --- -import { Chart, ChartAxis, ChartBar, ChartGroup, ChartLabel, ChartThemeColor, ChartTooltip, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartBar, ChartGroup, ChartLabel, ChartThemeColor, ChartTooltip, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; import { VictoryZoomContainer } from 'victory-zoom-container'; -import t_global_color_status_danger_100 from '@patternfly/react-tokens/dist/esm/t_global_color_status_danger_100'; -import t_global_color_status_info_100 from '@patternfly/react-tokens/dist/esm/t_global_color_status_info_100'; -import t_global_color_status_warning_100 from '@patternfly/react-tokens/dist/esm/t_global_color_status_warning_100'; +import t_global_color_status_danger_100 from '@rh-felt/react-tokens/dist/esm/t_global_color_status_danger_100'; +import t_global_color_status_info_100 from '@rh-felt/react-tokens/dist/esm/t_global_color_status_info_100'; +import t_global_color_status_warning_100 from '@rh-felt/react-tokens/dist/esm/t_global_color_status_warning_100'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarAlertsTimeline.tsx b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarAlertsTimeline.tsx index 00abbd0699f..bb79f1aa5ca 100644 --- a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarAlertsTimeline.tsx +++ b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarAlertsTimeline.tsx @@ -6,10 +6,10 @@ import { ChartLabel, ChartTooltip, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import t_global_color_status_danger_100 from '@patternfly/react-tokens/dist/esm/t_global_color_status_danger_100'; -import t_global_color_status_info_100 from '@patternfly/react-tokens/dist/esm/t_global_color_status_info_100'; -import t_global_color_status_warning_100 from '@patternfly/react-tokens/dist/esm/t_global_color_status_warning_100'; +} from '@rh-felt/react-charts/victory'; +import t_global_color_status_danger_100 from '@rh-felt/react-tokens/dist/esm/t_global_color_status_danger_100'; +import t_global_color_status_info_100 from '@rh-felt/react-tokens/dist/esm/t_global_color_status_info_100'; +import t_global_color_status_warning_100 from '@rh-felt/react-tokens/dist/esm/t_global_color_status_warning_100'; interface AlertData { y0: Date; diff --git a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarBottomLegend.tsx b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarBottomLegend.tsx index 64998f46dcb..deeac6901f9 100644 --- a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarBottomLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarBottomLegend.tsx @@ -1,11 +1,4 @@ -import { - Chart, - ChartAxis, - ChartBar, - ChartGroup, - ChartThemeColor, - ChartTooltip -} from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartBar, ChartGroup, ChartThemeColor, ChartTooltip } from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarMultiColorOrdered.tsx b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarMultiColorOrdered.tsx index 6d7dc460d28..f22c746627f 100644 --- a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarMultiColorOrdered.tsx +++ b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarMultiColorOrdered.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartAxis, ChartBar, ChartGroup, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartBar, ChartGroup, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { VictoryZoomContainer } from 'victory-zoom-container'; interface PetData { diff --git a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarRightAlignedLegend.tsx b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarRightAlignedLegend.tsx index 5254fa71226..8ac09950d76 100644 --- a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarRightAlignedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarRightAlignedLegend.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartAxis, ChartBar, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartBar, ChartGroup, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarSingleLegend.tsx b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarSingleLegend.tsx index 3991e5ffe64..6a00a712dd3 100644 --- a/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarSingleLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartBar/examples/ChartBarSingleLegend.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartBar, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; +import { Chart, ChartBar, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlot.md b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlot.md index cccdad20c88..b25bf2100fd 100644 --- a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlot.md +++ b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlot.md @@ -13,12 +13,12 @@ propComponents: [ hideDarkMode: true --- -import { Chart, ChartAxis, ChartBoxPlot, ChartCursorFlyout, ChartCursorTooltip, ChartLegendTooltip, ChartThemeColor, ChartThreshold, ChartVoronoiContainer, createContainer } from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartBoxPlot, ChartCursorFlyout, ChartCursorTooltip, ChartLegendTooltip, ChartThemeColor, ChartThreshold, ChartVoronoiContainer, createContainer } from '@rh-felt/react-charts/victory'; import { VictoryZoomContainer } from 'victory-zoom-container'; -import chart_color_orange_300 from '@patternfly/react-tokens/dist/esm/chart_color_orange_300'; +import chart_color_orange_300 from '@rh-felt/react-tokens/dist/esm/chart_color_orange_300'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotEmbeddedHtml.tsx b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotEmbeddedHtml.tsx index edf1e21b724..e8e9c0121e1 100644 --- a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotEmbeddedHtml.tsx +++ b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotEmbeddedHtml.tsx @@ -5,7 +5,7 @@ import { ChartCursorTooltip, ChartThemeColor, createContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotEmbeddedLegend.tsx b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotEmbeddedLegend.tsx index fd06bf7064d..0bbca22b03e 100644 --- a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotEmbeddedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotEmbeddedLegend.tsx @@ -6,8 +6,8 @@ import { ChartThemeColor, ChartThreshold, createContainer -} from '@patternfly/react-charts/victory'; -import chart_color_orange_300 from '@patternfly/react-tokens/dist/esm/chart_color_orange_300'; +} from '@rh-felt/react-charts/victory'; +import chart_color_orange_300 from '@rh-felt/react-tokens/dist/esm/chart_color_orange_300'; interface Data { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotLabelsLegend.tsx b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotLabelsLegend.tsx index fc34a6e6104..93440c52384 100644 --- a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotLabelsLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotLabelsLegend.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartAxis, ChartBoxPlot, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartBoxPlot, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotRightAlignedLegend.tsx b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotRightAlignedLegend.tsx index 87a8a98b9ef..5595f529e62 100644 --- a/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotRightAlignedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartBoxPlot/examples/ChartBoxPlotRightAlignedLegend.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartAxis, ChartBoxPlot, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartBoxPlot, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBullet.md b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBullet.md index 9484f65b26d..94ccc107c04 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBullet.md +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBullet.md @@ -11,11 +11,11 @@ hideDarkMode: true --- import { createRef } from 'react'; -import { ChartAxis, ChartBullet, ChartContainer, ChartThemeColor } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { ChartAxis, ChartBullet, ChartContainer, ChartThemeColor } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletBasic.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletBasic.tsx index 9ae04a4c138..8100064a3aa 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletBasic.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletBasic.tsx @@ -1,4 +1,4 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletCustomLabels.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletCustomLabels.tsx index 1d1d0209ea8..4cb3b4855fb 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletCustomLabels.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletCustomLabels.tsx @@ -1,4 +1,4 @@ -import { ChartAxis, ChartBullet } from '@patternfly/react-charts/victory'; +import { ChartAxis, ChartBullet } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletCustomSize.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletCustomSize.tsx index 26c6497048d..ab6e64501ac 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletCustomSize.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletCustomSize.tsx @@ -1,4 +1,4 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletErrorCustomTicks.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletErrorCustomTicks.tsx index 9ad680132ac..ceaf2e9e88c 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletErrorCustomTicks.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletErrorCustomTicks.tsx @@ -1,4 +1,4 @@ -import { ChartAxis, ChartBullet, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartAxis, ChartBullet, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletHorizontalGroup.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletHorizontalGroup.tsx index 0aefa3eec82..59a69c6c1f5 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletHorizontalGroup.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletHorizontalGroup.tsx @@ -1,4 +1,4 @@ -import { ChartBullet, ChartContainer } from '@patternfly/react-charts/victory'; +import { ChartBullet, ChartContainer } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletHorizontalGroupTitle.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletHorizontalGroupTitle.tsx index 16f6f6aa776..447382e9b9a 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletHorizontalGroupTitle.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletHorizontalGroupTitle.tsx @@ -1,4 +1,4 @@ -import { ChartBullet, ChartContainer } from '@patternfly/react-charts/victory'; +import { ChartBullet, ChartContainer } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletNegativeMeasure.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletNegativeMeasure.tsx index b0c26ba3599..78a238b9c11 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletNegativeMeasure.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletNegativeMeasure.tsx @@ -1,4 +1,4 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletNegativePositiveMeasure.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletNegativePositiveMeasure.tsx index 48397f2d121..39210df2001 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletNegativePositiveMeasure.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletNegativePositiveMeasure.tsx @@ -1,4 +1,4 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletOutsideRange.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletOutsideRange.tsx index 577e6e16819..f2ab8b9d9cf 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletOutsideRange.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletOutsideRange.tsx @@ -1,4 +1,4 @@ -import { ChartBullet, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartBullet, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletPrimaryDot.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletPrimaryDot.tsx index ff4576d7b9d..18bf611ab2d 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletPrimaryDot.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletPrimaryDot.tsx @@ -1,4 +1,4 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletResponsiveLegend.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletResponsiveLegend.tsx index 87487601652..552e29a5e53 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletResponsiveLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletResponsiveLegend.tsx @@ -1,5 +1,5 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletReversed.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletReversed.tsx index 0004d2fa717..7606901e652 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletReversed.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletReversed.tsx @@ -1,4 +1,4 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletSegmentedMeasure.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletSegmentedMeasure.tsx index d6704140bc9..28148e1c7cb 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletSegmentedMeasure.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletSegmentedMeasure.tsx @@ -1,4 +1,4 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalGroup.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalGroup.tsx index a7db62b3ccd..e4e05b47b9a 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalGroup.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalGroup.tsx @@ -1,4 +1,4 @@ -import { ChartBullet, ChartContainer } from '@patternfly/react-charts/victory'; +import { ChartBullet, ChartContainer } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalGroupTitle.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalGroupTitle.tsx index a6f334c5602..0e07fd9dde7 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalGroupTitle.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalGroupTitle.tsx @@ -1,4 +1,4 @@ -import { ChartBullet, ChartContainer } from '@patternfly/react-charts/victory'; +import { ChartBullet, ChartContainer } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalMaxRange.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalMaxRange.tsx index b43a111e8cd..8f85d161610 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalMaxRange.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalMaxRange.tsx @@ -1,4 +1,4 @@ -import { ChartBullet, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartBullet, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalSegmented.tsx b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalSegmented.tsx index bbb6b765508..a9ecb890a24 100644 --- a/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalSegmented.tsx +++ b/packages/react-charts/src/victory/components/ChartBullet/examples/ChartBulletVerticalSegmented.tsx @@ -1,4 +1,4 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; interface ChartData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartCursorContainer/ChartCursorContainer.tsx b/packages/react-charts/src/victory/components/ChartCursorContainer/ChartCursorContainer.tsx index 053e9ec7688..5c7bfbdd993 100644 --- a/packages/react-charts/src/victory/components/ChartCursorContainer/ChartCursorContainer.tsx +++ b/packages/react-charts/src/victory/components/ChartCursorContainer/ChartCursorContainer.tsx @@ -1,5 +1,5 @@ import { cloneElement } from 'react'; -import chart_global_label_Fill from '@patternfly/react-tokens/dist/esm/chart_global_label_Fill'; +import chart_global_label_Fill from '@rh-felt/react-tokens/dist/esm/chart_global_label_Fill'; import hoistNonReactStatics from 'hoist-non-react-statics'; import { LineSegment, OriginType, ValueOrAccessor, VictoryLabelProps } from 'victory-core'; import { diff --git a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonut.md b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonut.md index 93d9d732e36..43427ece0d2 100644 --- a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonut.md +++ b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonut.md @@ -8,10 +8,10 @@ propComponents: [ hideDarkMode: true --- -import { ChartDonut, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartDonut, ChartThemeColor } from '@rh-felt/react-charts/victory'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutBasic.tsx b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutBasic.tsx index c0370f8a259..71594ce943e 100644 --- a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutBasic.tsx +++ b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutBasic.tsx @@ -1,4 +1,4 @@ -import { ChartDonut } from '@patternfly/react-charts/victory'; +import { ChartDonut } from '@rh-felt/react-charts/victory'; interface PetData { x: string; diff --git a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutBottomAlignedLegend.tsx b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutBottomAlignedLegend.tsx index 33f5581d8ff..04b67c568e6 100644 --- a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutBottomAlignedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutBottomAlignedLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonut } from '@patternfly/react-charts/victory'; +import { ChartDonut } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutMultiColor.tsx b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutMultiColor.tsx index ef32201a641..5f965ee7b22 100644 --- a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutMultiColor.tsx +++ b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutMultiColor.tsx @@ -1,4 +1,4 @@ -import { ChartDonut, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartDonut, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutRightAlignedLegend.tsx b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutRightAlignedLegend.tsx index b1419a9d25b..afcec4ce20a 100644 --- a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutRightAlignedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutRightAlignedLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonut } from '@patternfly/react-charts/victory'; +import { ChartDonut } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmall.tsx b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmall.tsx index e238a12be99..1134982a01b 100644 --- a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmall.tsx +++ b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmall.tsx @@ -1,4 +1,4 @@ -import { ChartDonut } from '@patternfly/react-charts/victory'; +import { ChartDonut } from '@rh-felt/react-charts/victory'; interface PetData { x: string; diff --git a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallBottomSubtitle.tsx b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallBottomSubtitle.tsx index 8233d9a10cd..d88c7baafd2 100644 --- a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallBottomSubtitle.tsx +++ b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallBottomSubtitle.tsx @@ -1,4 +1,4 @@ -import { ChartDonut } from '@patternfly/react-charts/victory'; +import { ChartDonut } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallRightLegend.tsx b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallRightLegend.tsx index b768192bb4a..ca98bb77791 100644 --- a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallRightLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallRightLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonut } from '@patternfly/react-charts/victory'; +import { ChartDonut } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallRightSubtitle.tsx b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallRightSubtitle.tsx index 6d52feedf1f..4c21370f9a3 100644 --- a/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallRightSubtitle.tsx +++ b/packages/react-charts/src/victory/components/ChartDonut/examples/ChartDonutSmallRightSubtitle.tsx @@ -1,4 +1,4 @@ -import { ChartDonut } from '@patternfly/react-charts/victory'; +import { ChartDonut } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartDonutUtilization.md b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartDonutUtilization.md index be17f8b9589..8781ecb36af 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartDonutUtilization.md +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartDonutUtilization.md @@ -9,11 +9,11 @@ propComponents: [ hideDarkMode: true --- -import { ChartDonutThreshold, ChartDonutUtilization, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { useEffect, useState } from 'react'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilBasic.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilBasic.tsx index 56391d8cbd5..8e21eac75e9 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilBasic.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilBasic.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilBottomAlignedLegend.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilBottomAlignedLegend.tsx index 0461a403c9b..23214348a05 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilBottomAlignedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilBottomAlignedLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilInvertedRightLegend.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilInvertedRightLegend.tsx index 193a931da4a..dc0d0a17e67 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilInvertedRightLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilInvertedRightLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization } from '@rh-felt/react-charts/victory'; import { useEffect, useState } from 'react'; interface UsageData { diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilInvertedStatic.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilInvertedStatic.tsx index a72f7ef05e3..a6cb2441d16 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilInvertedStatic.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilInvertedStatic.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization } from '@rh-felt/react-charts/victory'; import { useEffect, useState } from 'react'; interface UsageData { diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilRightAlignedLegend.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilRightAlignedLegend.tsx index e21b6597f81..d20b2e4ae0b 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilRightAlignedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilRightAlignedLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization } from '@rh-felt/react-charts/victory'; import { useEffect, useState } from 'react'; interface UsageData { diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilRightVerticalLegend.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilRightVerticalLegend.tsx index 76626ce71b9..a0d1c787096 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilRightVerticalLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilRightVerticalLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { useEffect, useState } from 'react'; interface UsageData { diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmall.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmall.tsx index f9a50c298ff..cd3a597ee53 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmall.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmall.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallBottomSubtitle.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallBottomSubtitle.tsx index ebd0008949a..386d9c7371b 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallBottomSubtitle.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallBottomSubtitle.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightAlignedSubtitle.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightAlignedSubtitle.tsx index ee21d72ffdc..703324d38f0 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightAlignedSubtitle.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightAlignedSubtitle.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightLegend.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightLegend.tsx index 78eb2ddd1b3..2e3136512d5 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization } from '@rh-felt/react-charts/victory'; import { useEffect, useState } from 'react'; interface UsageData { diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightSubtitle.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightSubtitle.tsx index 723d517a4e0..b464f9700af 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightSubtitle.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallRightSubtitle.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallStatic.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallStatic.tsx index d8dced1e8b7..3514db915dd 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallStatic.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallStatic.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallStaticRightLegend.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallStaticRightLegend.tsx index 7e88687558c..388565e329b 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallStaticRightLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallStaticRightLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization } from '@rh-felt/react-charts/victory'; import { useEffect, useState } from 'react'; interface UsageData { diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallSubtitle.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallSubtitle.tsx index 04474836897..bfeab34dc7a 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallSubtitle.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallSubtitle.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStatic.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStatic.tsx index 09faef161fd..cbe21622f8f 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStatic.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStatic.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticBottomLegend.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticBottomLegend.tsx index 250c2048145..50f94dec202 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticBottomLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticBottomLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization } from '@rh-felt/react-charts/victory'; interface UsageData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticCustomLegend.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticCustomLegend.tsx index b6d3ada2ce8..b014df239cb 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticCustomLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticCustomLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { useEffect, useState } from 'react'; interface UsageData { diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticRightLegend.tsx b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticRightLegend.tsx index 57a1a6db5c0..7ab703c638a 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticRightLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticRightLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization } from '@rh-felt/react-charts/victory'; import { useEffect, useState } from 'react'; interface UsageData { diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegend.md b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegend.md index cbfe8f07204..74fa28acf10 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegend.md +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegend.md @@ -42,13 +42,13 @@ import { createContainer, getInteractiveLegendEvents, getInteractiveLegendItemStyles -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; -import chart_color_black_500 from '@patternfly/react-tokens/dist/esm/chart_color_black_500'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; +import chart_color_black_500 from '@rh-felt/react-tokens/dist/esm/chart_color_black_500'; import '@patternfly/patternfly/patternfly-charts.css'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendBasicRightLegend.tsx b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendBasicRightLegend.tsx index 1ebb5a2c0a0..657d6e9352e 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendBasicRightLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendBasicRightLegend.tsx @@ -1,4 +1,4 @@ -import { ChartDonut } from '@patternfly/react-charts/victory'; +import { ChartDonut } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendBottomAlignedLegend.tsx b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendBottomAlignedLegend.tsx index 5b9f412340a..b23ec9b9bfa 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendBottomAlignedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendBottomAlignedLegend.tsx @@ -5,7 +5,7 @@ import { ChartGroup, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendInteractive.tsx b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendInteractive.tsx index 1cca049d777..a32ac70f329 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendInteractive.tsx +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendInteractive.tsx @@ -10,8 +10,8 @@ import { createContainer, getInteractiveLegendEvents, getInteractiveLegendItemStyles -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useRef, useState, useEffect } from 'react'; export const ChartLegendInteractive: React.FunctionComponent = () => { diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendInteractivePieChart.tsx b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendInteractivePieChart.tsx index 8729019333e..0bca6007580 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendInteractivePieChart.tsx +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendInteractivePieChart.tsx @@ -5,7 +5,7 @@ import { ChartPie, getInteractiveLegendEvents, getInteractiveLegendItemStyles -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; import { useState } from 'react'; export const ChartLegendInteractivePieChart: React.FunctionComponent = () => { diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendLayout.tsx b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendLayout.tsx index f28ab03baac..47721f5b8d8 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendLayout.tsx +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendLayout.tsx @@ -1,4 +1,4 @@ -import { ChartLabel, ChartLegend, ChartDonut, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartLabel, ChartLegend, ChartDonut, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface PetData { x: string; diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendLinks.tsx b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendLinks.tsx index 0a544be49b5..720ebb79841 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendLinks.tsx +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendLinks.tsx @@ -6,7 +6,7 @@ import { ChartLegend, ChartLine, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendResponsiveBottomLeft.tsx b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendResponsiveBottomLeft.tsx index 5b2e8151d44..e0ecd373126 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendResponsiveBottomLeft.tsx +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendResponsiveBottomLeft.tsx @@ -1,5 +1,5 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useRef, useState, useEffect } from 'react'; interface Data { diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendStandalone.tsx b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendStandalone.tsx index 374fa17c231..b93c4060dca 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendStandalone.tsx +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendStandalone.tsx @@ -6,7 +6,7 @@ import { ChartLine, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendTooltips.tsx b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendTooltips.tsx index 1069dabe637..89ba853a4da 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendTooltips.tsx +++ b/packages/react-charts/src/victory/components/ChartLegend/examples/ChartLegendTooltips.tsx @@ -1,5 +1,5 @@ -import { ChartLabel, ChartLegend, ChartPie, ChartThemeColor } from '@patternfly/react-charts/victory'; -import { Tooltip } from '@patternfly/react-core'; +import { ChartLabel, ChartLegend, ChartPie, ChartThemeColor } from '@rh-felt/react-charts/victory'; +import { Tooltip } from '@rh-felt/react-core'; import { useRef } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/ChartLine/examples/ChartLine.md b/packages/react-charts/src/victory/components/ChartLine/examples/ChartLine.md index 312ff2e3cb9..a66818f0bd4 100644 --- a/packages/react-charts/src/victory/components/ChartLine/examples/ChartLine.md +++ b/packages/react-charts/src/victory/components/ChartLine/examples/ChartLine.md @@ -13,12 +13,12 @@ hideDarkMode: true --- import { useEffect, useRef, useState } from 'react'; -import { Chart, ChartAxis, ChartGroup, ChartLine, ChartThemeColor, ChartLegendTooltip, ChartVoronoiContainer, createContainer } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { Chart, ChartAxis, ChartGroup, ChartLine, ChartThemeColor, ChartLegendTooltip, ChartVoronoiContainer, createContainer } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { VictoryZoomContainer } from 'victory-zoom-container'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineBasicRightLegend.tsx b/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineBasicRightLegend.tsx index e90bceb462a..6090de91a1e 100644 --- a/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineBasicRightLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineBasicRightLegend.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartAxis, ChartGroup, ChartLine, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartGroup, ChartLine, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineGreenBottomLegend.tsx b/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineGreenBottomLegend.tsx index 3be1539ec5e..9c944c21f21 100644 --- a/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineGreenBottomLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineGreenBottomLegend.tsx @@ -6,7 +6,7 @@ import { ChartThemeColor, ChartLegendTooltip, createContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineMultiColor.tsx b/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineMultiColor.tsx index 03d44fa757c..8be493f9a82 100644 --- a/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineMultiColor.tsx +++ b/packages/react-charts/src/victory/components/ChartLine/examples/ChartLineMultiColor.tsx @@ -1,5 +1,5 @@ -import { Chart, ChartAxis, ChartGroup, ChartLine, ChartThemeColor } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { Chart, ChartAxis, ChartGroup, ChartLine, ChartThemeColor } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; import { VictoryZoomContainer } from 'victory-zoom-container'; diff --git a/packages/react-charts/src/victory/components/ChartPie/examples/ChartPie.md b/packages/react-charts/src/victory/components/ChartPie/examples/ChartPie.md index 2c6fb564b1d..dba40cd5244 100644 --- a/packages/react-charts/src/victory/components/ChartPie/examples/ChartPie.md +++ b/packages/react-charts/src/victory/components/ChartPie/examples/ChartPie.md @@ -6,13 +6,13 @@ propComponents: ['ChartPie'] hideDarkMode: true --- -import { ChartPie, ChartThemeColor } from '@patternfly/react-charts/victory'; -import chart_theme_blue_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_100'; -import chart_theme_yellow_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_100'; -import chart_theme_orange_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_300'; +import { ChartPie, ChartThemeColor } from '@rh-felt/react-charts/victory'; +import chart_theme_blue_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_100'; +import chart_theme_yellow_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_100'; +import chart_theme_orange_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_300'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieBasicRightLegend.tsx b/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieBasicRightLegend.tsx index 293f88205fd..e9cdb8b4a55 100644 --- a/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieBasicRightLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieBasicRightLegend.tsx @@ -1,4 +1,4 @@ -import { ChartPie } from '@patternfly/react-charts/victory'; +import { ChartPie } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieCustomColorScale.tsx b/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieCustomColorScale.tsx index 06dde8e5c8f..17c2d12995b 100644 --- a/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieCustomColorScale.tsx +++ b/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieCustomColorScale.tsx @@ -1,7 +1,7 @@ -import { ChartPie, ChartThemeColor } from '@patternfly/react-charts/victory'; -import chart_theme_blue_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_100'; -import chart_theme_yellow_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_100'; -import chart_theme_orange_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_300'; +import { ChartPie, ChartThemeColor } from '@rh-felt/react-charts/victory'; +import chart_theme_blue_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_100'; +import chart_theme_yellow_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_100'; +import chart_theme_orange_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_300'; interface Data { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieMultiColorBottomLegend.tsx b/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieMultiColorBottomLegend.tsx index 670c01ac2a7..f96e8e196e9 100644 --- a/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieMultiColorBottomLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartPie/examples/ChartPieMultiColorBottomLegend.tsx @@ -1,4 +1,4 @@ -import { ChartPie, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartPie, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatter.md b/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatter.md index 47322e03200..cfcd53ecc8d 100644 --- a/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatter.md +++ b/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatter.md @@ -23,12 +23,12 @@ ChartLine, ChartScatter, ChartThemeColor, ChartVoronoiContainer, -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterAreaChart.tsx b/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterAreaChart.tsx index d9c6dc41713..d914b0b617e 100644 --- a/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterAreaChart.tsx +++ b/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterAreaChart.tsx @@ -6,8 +6,8 @@ import { ChartScatter, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useState, useRef, useEffect } from 'react'; export const ChartScatterAreaChart: React.FunctionComponent = () => { diff --git a/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterBasic.tsx b/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterBasic.tsx index abaec09b802..e4f4e95cd9e 100644 --- a/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterBasic.tsx +++ b/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterBasic.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartAxis, ChartGroup, ChartScatter, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartGroup, ChartScatter, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterLineChart.tsx b/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterLineChart.tsx index 7466aa240d8..83e17d35cd4 100644 --- a/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterLineChart.tsx +++ b/packages/react-charts/src/victory/components/ChartScatter/examples/ChartScatterLineChart.tsx @@ -6,8 +6,8 @@ import { ChartScatter, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; export const ChartScatterLineChart: React.FunctionComponent = () => { diff --git a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStack.md b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStack.md index 10874b7b437..c9cdfbca21c 100644 --- a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStack.md +++ b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStack.md @@ -23,12 +23,12 @@ import { ChartTooltip, ChartVoronoiContainer, createContainer -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackBasicRightLegend.tsx b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackBasicRightLegend.tsx index a135dff5b0d..11b3b100747 100644 --- a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackBasicRightLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackBasicRightLegend.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartAxis, ChartBar, ChartStack, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartBar, ChartStack, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackBottomLegend.tsx b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackBottomLegend.tsx index 3f5906a1a5c..073ee8e523c 100644 --- a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackBottomLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackBottomLegend.tsx @@ -5,7 +5,7 @@ import { ChartStack, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMonthlyResponsive.tsx b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMonthlyResponsive.tsx index 2cd320a132d..9e5c0e2bfca 100644 --- a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMonthlyResponsive.tsx +++ b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMonthlyResponsive.tsx @@ -1,5 +1,5 @@ -import { Chart, ChartAxis, ChartBar, ChartStack, ChartTooltip } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { Chart, ChartAxis, ChartBar, ChartStack, ChartTooltip } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; interface Bar { diff --git a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMultiColorOrdered.tsx b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMultiColorOrdered.tsx index 39eb4222bfb..c38a911e739 100644 --- a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMultiColorOrdered.tsx +++ b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMultiColorOrdered.tsx @@ -1,11 +1,4 @@ -import { - Chart, - ChartBar, - ChartAxis, - ChartStack, - ChartThemeColor, - ChartTooltip -} from '@patternfly/react-charts/victory'; +import { Chart, ChartBar, ChartAxis, ChartStack, ChartThemeColor, ChartTooltip } from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMultiColorUnordered.tsx b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMultiColorUnordered.tsx index a714e23bde2..5a8ec449818 100644 --- a/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMultiColorUnordered.tsx +++ b/packages/react-charts/src/victory/components/ChartStack/examples/ChartStackMultiColorUnordered.tsx @@ -6,8 +6,8 @@ import { ChartLegendTooltip, ChartThemeColor, createContainer -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; interface Data { diff --git a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartTheme.md b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartTheme.md index 04d7276771d..badb1707352 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartTheme.md +++ b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartTheme.md @@ -20,15 +20,15 @@ import { ChartTooltip, ChartVoronoiContainer, getCustomTheme -} from '@patternfly/react-charts/victory'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; -import chart_color_teal_300 from '@patternfly/react-tokens/dist/esm/chart_color_teal_300'; -import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300'; -import chart_color_purple_300 from '@patternfly/react-tokens/dist/esm/chart_color_purple_300'; +} from '@rh-felt/react-charts/victory'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; +import chart_color_teal_300 from '@rh-felt/react-tokens/dist/esm/chart_color_teal_300'; +import chart_color_yellow_300 from '@rh-felt/react-tokens/dist/esm/chart_color_yellow_300'; +import chart_color_purple_300 from '@rh-felt/react-tokens/dist/esm/chart_color_purple_300'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomColorScale.tsx b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomColorScale.tsx index bc40b1952c9..c3bafa9af5c 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomColorScale.tsx +++ b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomColorScale.tsx @@ -6,11 +6,11 @@ import { ChartStack, ChartThemeColor, ChartTooltip -} from '@patternfly/react-charts/victory'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; -import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300'; -import chart_color_purple_300 from '@patternfly/react-tokens/dist/esm/chart_color_purple_300'; +} from '@rh-felt/react-charts/victory'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; +import chart_color_yellow_300 from '@rh-felt/react-tokens/dist/esm/chart_color_yellow_300'; +import chart_color_purple_300 from '@rh-felt/react-tokens/dist/esm/chart_color_purple_300'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomStrokeColor.tsx b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomStrokeColor.tsx index ce4d86275cd..c5e1925c545 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomStrokeColor.tsx +++ b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomStrokeColor.tsx @@ -6,8 +6,8 @@ import { ChartThemeColor, ChartThreshold, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; +} from '@rh-felt/react-charts/victory'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomTheme.tsx b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomTheme.tsx index 425fd4dc36b..70751e252ba 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomTheme.tsx +++ b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeCustomTheme.tsx @@ -6,11 +6,11 @@ import { ChartThemeColor, ChartVoronoiContainer, getCustomTheme -} from '@patternfly/react-charts/victory'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; -import chart_color_teal_300 from '@patternfly/react-tokens/dist/esm/chart_color_teal_300'; -import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300'; +} from '@rh-felt/react-charts/victory'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; +import chart_color_teal_300 from '@rh-felt/react-tokens/dist/esm/chart_color_teal_300'; +import chart_color_yellow_300 from '@rh-felt/react-tokens/dist/esm/chart_color_yellow_300'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeGreen.tsx b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeGreen.tsx index 59b3bb0b4c3..34aae0179fe 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeGreen.tsx +++ b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeGreen.tsx @@ -5,7 +5,7 @@ import { ChartLine, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeMultiColorOrdered.tsx b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeMultiColorOrdered.tsx index 8727fbe9f74..be3d3d8ba6d 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeMultiColorOrdered.tsx +++ b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeMultiColorOrdered.tsx @@ -1,4 +1,4 @@ -import { ChartDonut, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartDonut, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeMultiColorUnordered.tsx b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeMultiColorUnordered.tsx index 1dcf6e38b9b..c65de42f51a 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeMultiColorUnordered.tsx +++ b/packages/react-charts/src/victory/components/ChartTheme/examples/ChartThemeMultiColorUnordered.tsx @@ -5,7 +5,7 @@ import { ChartGroup, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/ChartTheme/styles/box-plot-tooltip-styles.ts b/packages/react-charts/src/victory/components/ChartTheme/styles/box-plot-tooltip-styles.ts index be0f751bc27..52d39e54a4d 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/styles/box-plot-tooltip-styles.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/styles/box-plot-tooltip-styles.ts @@ -1,5 +1,5 @@ -import t_global_font_weight_heading_bold from '@patternfly/react-tokens/dist/esm/t_global_font_weight_heading_bold'; -import chart_voronoi_labels_Fill from '@patternfly/react-tokens/dist/esm/chart_voronoi_labels_Fill'; +import t_global_font_weight_heading_bold from '@rh-felt/react-tokens/dist/esm/t_global_font_weight_heading_bold'; +import chart_voronoi_labels_Fill from '@rh-felt/react-tokens/dist/esm/chart_voronoi_labels_Fill'; /** * Box plot tooltip styles diff --git a/packages/react-charts/src/victory/components/ChartTheme/styles/bullet-styles.ts b/packages/react-charts/src/victory/components/ChartTheme/styles/bullet-styles.ts index 2978bed08e0..29b50328029 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/styles/bullet-styles.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/styles/bullet-styles.ts @@ -1,16 +1,16 @@ -import chart_bullet_axis_tick_count from '@patternfly/react-tokens/dist/esm/chart_bullet_axis_tick_count'; -import chart_bullet_comparative_measure_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_Width'; -import chart_bullet_comparative_measure_error_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_error_Width'; -import chart_bullet_comparative_measure_warning_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_warning_Width'; -import chart_bullet_label_grouptitle_Fill from '@patternfly/react-tokens/dist/esm/chart_bullet_label_grouptitle_Fill'; -import chart_bullet_label_subtitle_Fill from '@patternfly/react-tokens/dist/esm/chart_bullet_label_subtitle_Fill'; -import chart_bullet_label_title_Fill from '@patternfly/react-tokens/dist/esm/chart_bullet_label_title_Fill'; -import chart_bullet_primary_measure_dot_size from '@patternfly/react-tokens/dist/esm/chart_bullet_primary_measure_dot_size'; -import chart_bullet_primary_measure_segmented_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_primary_measure_segmented_Width'; -import chart_bullet_qualitative_range_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_Width'; -import chart_global_FontSize_2xl from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_2xl'; -import chart_global_FontSize_sm from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_sm'; -import chart_global_FontSize_lg from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_lg'; +import chart_bullet_axis_tick_count from '@rh-felt/react-tokens/dist/esm/chart_bullet_axis_tick_count'; +import chart_bullet_comparative_measure_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_Width'; +import chart_bullet_comparative_measure_error_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_error_Width'; +import chart_bullet_comparative_measure_warning_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_warning_Width'; +import chart_bullet_label_grouptitle_Fill from '@rh-felt/react-tokens/dist/esm/chart_bullet_label_grouptitle_Fill'; +import chart_bullet_label_subtitle_Fill from '@rh-felt/react-tokens/dist/esm/chart_bullet_label_subtitle_Fill'; +import chart_bullet_label_title_Fill from '@rh-felt/react-tokens/dist/esm/chart_bullet_label_title_Fill'; +import chart_bullet_primary_measure_dot_size from '@rh-felt/react-tokens/dist/esm/chart_bullet_primary_measure_dot_size'; +import chart_bullet_primary_measure_segmented_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_primary_measure_segmented_Width'; +import chart_bullet_qualitative_range_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_qualitative_range_Width'; +import chart_global_FontSize_2xl from '@rh-felt/react-tokens/dist/esm/chart_global_FontSize_2xl'; +import chart_global_FontSize_sm from '@rh-felt/react-tokens/dist/esm/chart_global_FontSize_sm'; +import chart_global_FontSize_lg from '@rh-felt/react-tokens/dist/esm/chart_global_FontSize_lg'; /** * Bullet styles diff --git a/packages/react-charts/src/victory/components/ChartTheme/styles/common-styles.ts b/packages/react-charts/src/victory/components/ChartTheme/styles/common-styles.ts index 05a5d3db21e..ef382cf885b 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/styles/common-styles.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/styles/common-styles.ts @@ -1,10 +1,10 @@ -import chart_global_FontFamily from '@patternfly/react-tokens/dist/esm/chart_global_FontFamily'; -import chart_global_FontSize_sm from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_sm'; -import chart_global_label_Margin from '@patternfly/react-tokens/dist/esm/chart_global_label_Margin'; -import chart_global_label_Fill from '@patternfly/react-tokens/dist/esm/chart_global_label_Fill'; -import chart_global_letter_spacing from '@patternfly/react-tokens/dist/esm/chart_global_letter_spacing'; -import chart_legend_Margin from '@patternfly/react-tokens/dist/esm/chart_legend_Margin'; -import chart_legend_position from '@patternfly/react-tokens/dist/esm/chart_legend_position'; +import chart_global_FontFamily from '@rh-felt/react-tokens/dist/esm/chart_global_FontFamily'; +import chart_global_FontSize_sm from '@rh-felt/react-tokens/dist/esm/chart_global_FontSize_sm'; +import chart_global_label_Margin from '@rh-felt/react-tokens/dist/esm/chart_global_label_Margin'; +import chart_global_label_Fill from '@rh-felt/react-tokens/dist/esm/chart_global_label_Fill'; +import chart_global_letter_spacing from '@rh-felt/react-tokens/dist/esm/chart_global_letter_spacing'; +import chart_legend_Margin from '@rh-felt/react-tokens/dist/esm/chart_legend_Margin'; +import chart_legend_position from '@rh-felt/react-tokens/dist/esm/chart_legend_position'; // Typography const TYPOGRAPHY_FONT_FAMILY = chart_global_FontFamily.var.replace(/"/g, "'"); // Well-formed XML diff --git a/packages/react-charts/src/victory/components/ChartTheme/styles/donut-styles.ts b/packages/react-charts/src/victory/components/ChartTheme/styles/donut-styles.ts index 8b8f88f39e4..4c55246f2f2 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/styles/donut-styles.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/styles/donut-styles.ts @@ -1,8 +1,8 @@ -import chart_global_FontSize_sm from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_sm'; -import chart_global_FontSize_2xl from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_2xl'; -import chart_donut_label_subtitle_Fill from '@patternfly/react-tokens/dist/esm/chart_donut_label_subtitle_Fill'; -import chart_donut_label_title_Fill from '@patternfly/react-tokens/dist/esm/chart_donut_label_title_Fill'; -import chart_donut_label_subtitle_position from '@patternfly/react-tokens/dist/esm/chart_donut_label_subtitle_position'; +import chart_global_FontSize_sm from '@rh-felt/react-tokens/dist/esm/chart_global_FontSize_sm'; +import chart_global_FontSize_2xl from '@rh-felt/react-tokens/dist/esm/chart_global_FontSize_2xl'; +import chart_donut_label_subtitle_Fill from '@rh-felt/react-tokens/dist/esm/chart_donut_label_subtitle_Fill'; +import chart_donut_label_title_Fill from '@rh-felt/react-tokens/dist/esm/chart_donut_label_title_Fill'; +import chart_donut_label_subtitle_position from '@rh-felt/react-tokens/dist/esm/chart_donut_label_subtitle_position'; /** * Donut styles diff --git a/packages/react-charts/src/victory/components/ChartTheme/styles/donut-utilization-styles.ts b/packages/react-charts/src/victory/components/ChartTheme/styles/donut-utilization-styles.ts index b5ec3725ff8..52621af2f7a 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/styles/donut-utilization-styles.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/styles/donut-utilization-styles.ts @@ -1,5 +1,5 @@ -import chart_donut_threshold_warning_Color from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_warning_Color'; -import chart_donut_threshold_danger_Color from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_danger_Color'; +import chart_donut_threshold_warning_Color from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_warning_Color'; +import chart_donut_threshold_danger_Color from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_danger_Color'; /** * Donut utilization styles diff --git a/packages/react-charts/src/victory/components/ChartTheme/styles/legend-tooltip-styles.ts b/packages/react-charts/src/victory/components/ChartTheme/styles/legend-tooltip-styles.ts index 2d54cf7f2ab..589e7e50d11 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/styles/legend-tooltip-styles.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/styles/legend-tooltip-styles.ts @@ -1,5 +1,5 @@ -import t_global_font_weight_heading_bold from '@patternfly/react-tokens/dist/esm/t_global_font_weight_heading_bold'; -import chart_voronoi_labels_Fill from '@patternfly/react-tokens/dist/esm/chart_voronoi_labels_Fill'; +import t_global_font_weight_heading_bold from '@rh-felt/react-tokens/dist/esm/t_global_font_weight_heading_bold'; +import chart_voronoi_labels_Fill from '@rh-felt/react-tokens/dist/esm/chart_voronoi_labels_Fill'; /** * Legend tooltip styles diff --git a/packages/react-charts/src/victory/components/ChartTheme/styles/scatter-styles.ts b/packages/react-charts/src/victory/components/ChartTheme/styles/scatter-styles.ts index c41a20a812f..5753e80bd31 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/styles/scatter-styles.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/styles/scatter-styles.ts @@ -1,5 +1,5 @@ -import chart_scatter_active_size from '@patternfly/react-tokens/dist/esm/chart_scatter_active_size'; -import chart_scatter_size from '@patternfly/react-tokens/dist/esm/chart_scatter_size'; +import chart_scatter_active_size from '@rh-felt/react-tokens/dist/esm/chart_scatter_active_size'; +import chart_scatter_size from '@rh-felt/react-tokens/dist/esm/chart_scatter_size'; /** * Scatter styles diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/base-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/base-theme.ts index 02fdd77d2b1..6c10d58fb0c 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/base-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/base-theme.ts @@ -1,128 +1,128 @@ -import chart_global_FontFamily from '@patternfly/react-tokens/dist/esm/chart_global_FontFamily'; -import chart_global_letter_spacing from '@patternfly/react-tokens/dist/esm/chart_global_letter_spacing'; -import chart_global_FontSize_sm from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_sm'; -import chart_global_label_Padding from '@patternfly/react-tokens/dist/esm/chart_global_label_Padding'; -import chart_global_label_stroke from '@patternfly/react-tokens/dist/esm/chart_global_label_stroke'; -import chart_global_label_text_anchor from '@patternfly/react-tokens/dist/esm/chart_global_label_text_anchor'; -import chart_global_label_Fill from '@patternfly/react-tokens/dist/esm/chart_global_label_Fill'; -import chart_global_layout_Padding from '@patternfly/react-tokens/dist/esm/chart_global_layout_Padding'; -import chart_global_layout_Height from '@patternfly/react-tokens/dist/esm/chart_global_layout_Height'; -import chart_global_layout_Width from '@patternfly/react-tokens/dist/esm/chart_global_layout_Width'; -import chart_global_stroke_line_cap from '@patternfly/react-tokens/dist/esm/chart_global_stroke_line_cap'; -import chart_global_stroke_line_join from '@patternfly/react-tokens/dist/esm/chart_global_stroke_line_join'; -import chart_area_data_Fill from '@patternfly/react-tokens/dist/esm/chart_area_data_Fill'; -import chart_area_Opacity from '@patternfly/react-tokens/dist/esm/chart_area_Opacity'; -import chart_area_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_area_stroke_Width'; -import chart_axis_axis_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_axis_axis_stroke_Width'; -import chart_axis_axis_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_axis_axis_stroke_Color'; -import chart_axis_axis_Fill from '@patternfly/react-tokens/dist/esm/chart_axis_axis_Fill'; -import chart_axis_axis_label_Padding from '@patternfly/react-tokens/dist/esm/chart_axis_axis_label_Padding'; -import chart_axis_axis_label_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_axis_axis_label_stroke_Color'; -import chart_axis_grid_Fill from '@patternfly/react-tokens/dist/esm/chart_axis_grid_Fill'; -import chart_axis_grid_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_axis_grid_PointerEvents'; -import chart_axis_tick_Fill from '@patternfly/react-tokens/dist/esm/chart_axis_tick_Fill'; -import chart_axis_tick_Size from '@patternfly/react-tokens/dist/esm/chart_axis_tick_Size'; -import chart_axis_tick_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_axis_tick_stroke_Color'; -import chart_axis_tick_Width from '@patternfly/react-tokens/dist/esm/chart_axis_tick_Width'; -import chart_axis_tick_label_Fill from '@patternfly/react-tokens/dist/esm/chart_axis_tick_label_Fill'; -import chart_bar_Width from '@patternfly/react-tokens/dist/esm/chart_bar_Width'; -import chart_bar_data_stroke from '@patternfly/react-tokens/dist/esm/chart_bar_data_stroke'; -import chart_bar_data_Fill from '@patternfly/react-tokens/dist/esm/chart_bar_data_Fill'; -import chart_bar_data_Padding from '@patternfly/react-tokens/dist/esm/chart_bar_data_Padding'; -import chart_bar_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bar_data_stroke_Width'; -import chart_boxplot_max_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_max_Padding'; -import chart_boxplot_max_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_boxplot_max_stroke_Color'; -import chart_boxplot_max_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_boxplot_max_stroke_Width'; -import chart_boxplot_median_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_median_Padding'; -import chart_boxplot_median_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_boxplot_median_stroke_Color'; -import chart_boxplot_median_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_boxplot_median_stroke_Width'; -import chart_boxplot_min_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_min_Padding'; -import chart_boxplot_min_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_boxplot_min_stroke_Width'; -import chart_boxplot_min_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_boxplot_min_stroke_Color'; -import chart_boxplot_lower_quartile_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_lower_quartile_Padding'; -import chart_boxplot_lower_quartile_Fill from '@patternfly/react-tokens/dist/esm/chart_boxplot_lower_quartile_Fill'; -import chart_boxplot_upper_quartile_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_upper_quartile_Padding'; -import chart_boxplot_upper_quartile_Fill from '@patternfly/react-tokens/dist/esm/chart_boxplot_upper_quartile_Fill'; -import chart_boxplot_box_Width from '@patternfly/react-tokens/dist/esm/chart_boxplot_box_Width'; -import chart_candelstick_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_candelstick_data_stroke_Width'; -import chart_candelstick_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_candelstick_data_stroke_Color'; -import chart_candelstick_candle_positive_Color from '@patternfly/react-tokens/dist/esm/chart_candelstick_candle_positive_Color'; -import chart_candelstick_candle_negative_Color from '@patternfly/react-tokens/dist/esm/chart_candelstick_candle_negative_Color'; -import chart_errorbar_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_errorbar_BorderWidth'; -import chart_errorbar_data_Fill from '@patternfly/react-tokens/dist/esm/chart_errorbar_data_Fill'; -import chart_errorbar_data_Opacity from '@patternfly/react-tokens/dist/esm/chart_errorbar_data_Opacity'; -import chart_errorbar_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_errorbar_data_stroke_Width'; -import chart_errorbar_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_errorbar_data_stroke_Color'; -import chart_legend_gutter_Width from '@patternfly/react-tokens/dist/esm/chart_legend_gutter_Width'; -import chart_legend_orientation from '@patternfly/react-tokens/dist/esm/chart_legend_orientation'; -import chart_legend_title_orientation from '@patternfly/react-tokens/dist/esm/chart_legend_title_orientation'; -import chart_legend_data_type from '@patternfly/react-tokens/dist/esm/chart_legend_data_type'; -import chart_legend_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_legend_data_stroke_Color'; -import chart_legend_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_legend_data_stroke_Width'; -import chart_legend_title_Padding from '@patternfly/react-tokens/dist/esm/chart_legend_title_Padding'; -import chart_line_data_Fill from '@patternfly/react-tokens/dist/esm/chart_line_data_Fill'; -import chart_line_data_Opacity from '@patternfly/react-tokens/dist/esm/chart_line_data_Opacity'; -import chart_line_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_line_data_stroke_Width'; -import chart_line_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_line_data_stroke_Color'; -import chart_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_pie_Padding'; -import chart_pie_data_Padding from '@patternfly/react-tokens/dist/esm/chart_pie_data_Padding'; -import chart_pie_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_pie_data_stroke_Width'; -import chart_pie_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_pie_data_stroke_Color'; -import chart_pie_labels_Padding from '@patternfly/react-tokens/dist/esm/chart_pie_labels_Padding'; -import chart_pie_Height from '@patternfly/react-tokens/dist/esm/chart_pie_Height'; -import chart_pie_Width from '@patternfly/react-tokens/dist/esm/chart_pie_Width'; -import chart_scatter_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_scatter_data_stroke_Color'; -import chart_scatter_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_scatter_data_stroke_Width'; -import chart_scatter_data_Opacity from '@patternfly/react-tokens/dist/esm/chart_scatter_data_Opacity'; -import chart_scatter_data_Fill from '@patternfly/react-tokens/dist/esm/chart_scatter_data_Fill'; -import chart_stack_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_stack_data_stroke_Width'; -import chart_tooltip_corner_radius from '@patternfly/react-tokens/dist/esm/chart_tooltip_corner_radius'; -import chart_tooltip_pointer_length from '@patternfly/react-tokens/dist/esm/chart_tooltip_pointer_length'; -import chart_tooltip_Fill from '@patternfly/react-tokens/dist/esm/chart_tooltip_Fill'; -import chart_tooltip_flyoutStyle_corner_radius from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_corner_radius'; -import chart_tooltip_flyoutStyle_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_stroke_Width'; -import chart_tooltip_flyoutStyle_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_PointerEvents'; -import chart_tooltip_flyoutStyle_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_stroke_Color'; -import chart_tooltip_flyoutStyle_Fill from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_Fill'; -import chart_tooltip_pointer_Width from '@patternfly/react-tokens/dist/esm/chart_tooltip_pointer_Width'; -import chart_tooltip_Padding from '@patternfly/react-tokens/dist/esm/chart_tooltip_Padding'; -import chart_tooltip_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_tooltip_PointerEvents'; -import chart_voronoi_data_Fill from '@patternfly/react-tokens/dist/esm/chart_voronoi_data_Fill'; -import chart_voronoi_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_voronoi_data_stroke_Color'; -import chart_voronoi_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_voronoi_data_stroke_Width'; -import chart_voronoi_labels_Fill from '@patternfly/react-tokens/dist/esm/chart_voronoi_labels_Fill'; -import chart_voronoi_labels_Padding from '@patternfly/react-tokens/dist/esm/chart_voronoi_labels_Padding'; -import chart_voronoi_labels_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_voronoi_labels_PointerEvents'; -import chart_voronoi_flyout_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_voronoi_flyout_stroke_Width'; -import chart_voronoi_flyout_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_voronoi_flyout_PointerEvents'; -import chart_voronoi_flyout_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_voronoi_flyout_stroke_Color'; -import chart_voronoi_flyout_stroke_Fill from '@patternfly/react-tokens/dist/esm/chart_voronoi_flyout_stroke_Fill'; -import chart_donut_pie_Height from '@patternfly/react-tokens/dist/esm/chart_donut_pie_Height'; -import chart_donut_pie_angle_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_pie_angle_Padding'; -import chart_donut_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_pie_Padding'; -import chart_donut_pie_Width from '@patternfly/react-tokens/dist/esm/chart_donut_pie_Width'; -import chart_donut_pie_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_donut_pie_data_stroke_Color'; -import chart_donut_pie_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_donut_pie_data_stroke_Width'; -import chart_donut_threshold_dynamic_pie_Height from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_dynamic_pie_Height'; -import chart_donut_threshold_dynamic_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_dynamic_pie_Padding'; -import chart_donut_threshold_dynamic_pie_Width from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_dynamic_pie_Width'; -import chart_donut_threshold_static_pie_Height from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_static_pie_Height'; -import chart_donut_threshold_static_pie_angle_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_static_pie_angle_Padding'; -import chart_donut_threshold_static_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_static_pie_Padding'; -import chart_donut_threshold_static_pie_Width from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_static_pie_Width'; -import chart_donut_utilization_dynamic_pie_Height from '@patternfly/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_Height'; -import chart_donut_utilization_dynamic_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_Padding'; -import chart_donut_utilization_dynamic_pie_angle_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_angle_Padding'; -import chart_donut_utilization_dynamic_pie_Width from '@patternfly/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_Width'; -import chart_threshold_stroke_dash_array from '@patternfly/react-tokens/dist/esm/chart_threshold_stroke_dash_array'; -import chart_threshold_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_threshold_stroke_Width'; -import chart_bullet_Height from '@patternfly/react-tokens/dist/esm/chart_bullet_Height'; -import chart_bullet_bar_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_bullet_bar_stroke_Color'; -import chart_bullet_bar_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_bar_stroke_Width'; -import chart_bullet_comparative_measure_error_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_error_stroke_Width'; -import chart_bullet_comparative_measure_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_stroke_Width'; -import chart_bullet_comparative_measure_warning_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_warning_stroke_Width'; -import chart_bullet_group_title_divider_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_group_title_divider_stroke_Width'; +import chart_global_FontFamily from '@rh-felt/react-tokens/dist/esm/chart_global_FontFamily'; +import chart_global_letter_spacing from '@rh-felt/react-tokens/dist/esm/chart_global_letter_spacing'; +import chart_global_FontSize_sm from '@rh-felt/react-tokens/dist/esm/chart_global_FontSize_sm'; +import chart_global_label_Padding from '@rh-felt/react-tokens/dist/esm/chart_global_label_Padding'; +import chart_global_label_stroke from '@rh-felt/react-tokens/dist/esm/chart_global_label_stroke'; +import chart_global_label_text_anchor from '@rh-felt/react-tokens/dist/esm/chart_global_label_text_anchor'; +import chart_global_label_Fill from '@rh-felt/react-tokens/dist/esm/chart_global_label_Fill'; +import chart_global_layout_Padding from '@rh-felt/react-tokens/dist/esm/chart_global_layout_Padding'; +import chart_global_layout_Height from '@rh-felt/react-tokens/dist/esm/chart_global_layout_Height'; +import chart_global_layout_Width from '@rh-felt/react-tokens/dist/esm/chart_global_layout_Width'; +import chart_global_stroke_line_cap from '@rh-felt/react-tokens/dist/esm/chart_global_stroke_line_cap'; +import chart_global_stroke_line_join from '@rh-felt/react-tokens/dist/esm/chart_global_stroke_line_join'; +import chart_area_data_Fill from '@rh-felt/react-tokens/dist/esm/chart_area_data_Fill'; +import chart_area_Opacity from '@rh-felt/react-tokens/dist/esm/chart_area_Opacity'; +import chart_area_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_area_stroke_Width'; +import chart_axis_axis_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_axis_axis_stroke_Width'; +import chart_axis_axis_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_axis_axis_stroke_Color'; +import chart_axis_axis_Fill from '@rh-felt/react-tokens/dist/esm/chart_axis_axis_Fill'; +import chart_axis_axis_label_Padding from '@rh-felt/react-tokens/dist/esm/chart_axis_axis_label_Padding'; +import chart_axis_axis_label_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_axis_axis_label_stroke_Color'; +import chart_axis_grid_Fill from '@rh-felt/react-tokens/dist/esm/chart_axis_grid_Fill'; +import chart_axis_grid_PointerEvents from '@rh-felt/react-tokens/dist/esm/chart_axis_grid_PointerEvents'; +import chart_axis_tick_Fill from '@rh-felt/react-tokens/dist/esm/chart_axis_tick_Fill'; +import chart_axis_tick_Size from '@rh-felt/react-tokens/dist/esm/chart_axis_tick_Size'; +import chart_axis_tick_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_axis_tick_stroke_Color'; +import chart_axis_tick_Width from '@rh-felt/react-tokens/dist/esm/chart_axis_tick_Width'; +import chart_axis_tick_label_Fill from '@rh-felt/react-tokens/dist/esm/chart_axis_tick_label_Fill'; +import chart_bar_Width from '@rh-felt/react-tokens/dist/esm/chart_bar_Width'; +import chart_bar_data_stroke from '@rh-felt/react-tokens/dist/esm/chart_bar_data_stroke'; +import chart_bar_data_Fill from '@rh-felt/react-tokens/dist/esm/chart_bar_data_Fill'; +import chart_bar_data_Padding from '@rh-felt/react-tokens/dist/esm/chart_bar_data_Padding'; +import chart_bar_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_bar_data_stroke_Width'; +import chart_boxplot_max_Padding from '@rh-felt/react-tokens/dist/esm/chart_boxplot_max_Padding'; +import chart_boxplot_max_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_boxplot_max_stroke_Color'; +import chart_boxplot_max_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_boxplot_max_stroke_Width'; +import chart_boxplot_median_Padding from '@rh-felt/react-tokens/dist/esm/chart_boxplot_median_Padding'; +import chart_boxplot_median_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_boxplot_median_stroke_Color'; +import chart_boxplot_median_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_boxplot_median_stroke_Width'; +import chart_boxplot_min_Padding from '@rh-felt/react-tokens/dist/esm/chart_boxplot_min_Padding'; +import chart_boxplot_min_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_boxplot_min_stroke_Width'; +import chart_boxplot_min_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_boxplot_min_stroke_Color'; +import chart_boxplot_lower_quartile_Padding from '@rh-felt/react-tokens/dist/esm/chart_boxplot_lower_quartile_Padding'; +import chart_boxplot_lower_quartile_Fill from '@rh-felt/react-tokens/dist/esm/chart_boxplot_lower_quartile_Fill'; +import chart_boxplot_upper_quartile_Padding from '@rh-felt/react-tokens/dist/esm/chart_boxplot_upper_quartile_Padding'; +import chart_boxplot_upper_quartile_Fill from '@rh-felt/react-tokens/dist/esm/chart_boxplot_upper_quartile_Fill'; +import chart_boxplot_box_Width from '@rh-felt/react-tokens/dist/esm/chart_boxplot_box_Width'; +import chart_candelstick_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_candelstick_data_stroke_Width'; +import chart_candelstick_data_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_candelstick_data_stroke_Color'; +import chart_candelstick_candle_positive_Color from '@rh-felt/react-tokens/dist/esm/chart_candelstick_candle_positive_Color'; +import chart_candelstick_candle_negative_Color from '@rh-felt/react-tokens/dist/esm/chart_candelstick_candle_negative_Color'; +import chart_errorbar_BorderWidth from '@rh-felt/react-tokens/dist/esm/chart_errorbar_BorderWidth'; +import chart_errorbar_data_Fill from '@rh-felt/react-tokens/dist/esm/chart_errorbar_data_Fill'; +import chart_errorbar_data_Opacity from '@rh-felt/react-tokens/dist/esm/chart_errorbar_data_Opacity'; +import chart_errorbar_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_errorbar_data_stroke_Width'; +import chart_errorbar_data_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_errorbar_data_stroke_Color'; +import chart_legend_gutter_Width from '@rh-felt/react-tokens/dist/esm/chart_legend_gutter_Width'; +import chart_legend_orientation from '@rh-felt/react-tokens/dist/esm/chart_legend_orientation'; +import chart_legend_title_orientation from '@rh-felt/react-tokens/dist/esm/chart_legend_title_orientation'; +import chart_legend_data_type from '@rh-felt/react-tokens/dist/esm/chart_legend_data_type'; +import chart_legend_data_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_legend_data_stroke_Color'; +import chart_legend_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_legend_data_stroke_Width'; +import chart_legend_title_Padding from '@rh-felt/react-tokens/dist/esm/chart_legend_title_Padding'; +import chart_line_data_Fill from '@rh-felt/react-tokens/dist/esm/chart_line_data_Fill'; +import chart_line_data_Opacity from '@rh-felt/react-tokens/dist/esm/chart_line_data_Opacity'; +import chart_line_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_line_data_stroke_Width'; +import chart_line_data_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_line_data_stroke_Color'; +import chart_pie_Padding from '@rh-felt/react-tokens/dist/esm/chart_pie_Padding'; +import chart_pie_data_Padding from '@rh-felt/react-tokens/dist/esm/chart_pie_data_Padding'; +import chart_pie_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_pie_data_stroke_Width'; +import chart_pie_data_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_pie_data_stroke_Color'; +import chart_pie_labels_Padding from '@rh-felt/react-tokens/dist/esm/chart_pie_labels_Padding'; +import chart_pie_Height from '@rh-felt/react-tokens/dist/esm/chart_pie_Height'; +import chart_pie_Width from '@rh-felt/react-tokens/dist/esm/chart_pie_Width'; +import chart_scatter_data_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_scatter_data_stroke_Color'; +import chart_scatter_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_scatter_data_stroke_Width'; +import chart_scatter_data_Opacity from '@rh-felt/react-tokens/dist/esm/chart_scatter_data_Opacity'; +import chart_scatter_data_Fill from '@rh-felt/react-tokens/dist/esm/chart_scatter_data_Fill'; +import chart_stack_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_stack_data_stroke_Width'; +import chart_tooltip_corner_radius from '@rh-felt/react-tokens/dist/esm/chart_tooltip_corner_radius'; +import chart_tooltip_pointer_length from '@rh-felt/react-tokens/dist/esm/chart_tooltip_pointer_length'; +import chart_tooltip_Fill from '@rh-felt/react-tokens/dist/esm/chart_tooltip_Fill'; +import chart_tooltip_flyoutStyle_corner_radius from '@rh-felt/react-tokens/dist/esm/chart_tooltip_flyoutStyle_corner_radius'; +import chart_tooltip_flyoutStyle_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_tooltip_flyoutStyle_stroke_Width'; +import chart_tooltip_flyoutStyle_PointerEvents from '@rh-felt/react-tokens/dist/esm/chart_tooltip_flyoutStyle_PointerEvents'; +import chart_tooltip_flyoutStyle_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_tooltip_flyoutStyle_stroke_Color'; +import chart_tooltip_flyoutStyle_Fill from '@rh-felt/react-tokens/dist/esm/chart_tooltip_flyoutStyle_Fill'; +import chart_tooltip_pointer_Width from '@rh-felt/react-tokens/dist/esm/chart_tooltip_pointer_Width'; +import chart_tooltip_Padding from '@rh-felt/react-tokens/dist/esm/chart_tooltip_Padding'; +import chart_tooltip_PointerEvents from '@rh-felt/react-tokens/dist/esm/chart_tooltip_PointerEvents'; +import chart_voronoi_data_Fill from '@rh-felt/react-tokens/dist/esm/chart_voronoi_data_Fill'; +import chart_voronoi_data_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_voronoi_data_stroke_Color'; +import chart_voronoi_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_voronoi_data_stroke_Width'; +import chart_voronoi_labels_Fill from '@rh-felt/react-tokens/dist/esm/chart_voronoi_labels_Fill'; +import chart_voronoi_labels_Padding from '@rh-felt/react-tokens/dist/esm/chart_voronoi_labels_Padding'; +import chart_voronoi_labels_PointerEvents from '@rh-felt/react-tokens/dist/esm/chart_voronoi_labels_PointerEvents'; +import chart_voronoi_flyout_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_voronoi_flyout_stroke_Width'; +import chart_voronoi_flyout_PointerEvents from '@rh-felt/react-tokens/dist/esm/chart_voronoi_flyout_PointerEvents'; +import chart_voronoi_flyout_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_voronoi_flyout_stroke_Color'; +import chart_voronoi_flyout_stroke_Fill from '@rh-felt/react-tokens/dist/esm/chart_voronoi_flyout_stroke_Fill'; +import chart_donut_pie_Height from '@rh-felt/react-tokens/dist/esm/chart_donut_pie_Height'; +import chart_donut_pie_angle_Padding from '@rh-felt/react-tokens/dist/esm/chart_donut_pie_angle_Padding'; +import chart_donut_pie_Padding from '@rh-felt/react-tokens/dist/esm/chart_donut_pie_Padding'; +import chart_donut_pie_Width from '@rh-felt/react-tokens/dist/esm/chart_donut_pie_Width'; +import chart_donut_pie_data_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_donut_pie_data_stroke_Color'; +import chart_donut_pie_data_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_donut_pie_data_stroke_Width'; +import chart_donut_threshold_dynamic_pie_Height from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_dynamic_pie_Height'; +import chart_donut_threshold_dynamic_pie_Padding from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_dynamic_pie_Padding'; +import chart_donut_threshold_dynamic_pie_Width from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_dynamic_pie_Width'; +import chart_donut_threshold_static_pie_Height from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_static_pie_Height'; +import chart_donut_threshold_static_pie_angle_Padding from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_static_pie_angle_Padding'; +import chart_donut_threshold_static_pie_Padding from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_static_pie_Padding'; +import chart_donut_threshold_static_pie_Width from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_static_pie_Width'; +import chart_donut_utilization_dynamic_pie_Height from '@rh-felt/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_Height'; +import chart_donut_utilization_dynamic_pie_Padding from '@rh-felt/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_Padding'; +import chart_donut_utilization_dynamic_pie_angle_Padding from '@rh-felt/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_angle_Padding'; +import chart_donut_utilization_dynamic_pie_Width from '@rh-felt/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_Width'; +import chart_threshold_stroke_dash_array from '@rh-felt/react-tokens/dist/esm/chart_threshold_stroke_dash_array'; +import chart_threshold_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_threshold_stroke_Width'; +import chart_bullet_Height from '@rh-felt/react-tokens/dist/esm/chart_bullet_Height'; +import chart_bullet_bar_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_bullet_bar_stroke_Color'; +import chart_bullet_bar_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_bar_stroke_Width'; +import chart_bullet_comparative_measure_error_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_error_stroke_Width'; +import chart_bullet_comparative_measure_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_stroke_Width'; +import chart_bullet_comparative_measure_warning_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_warning_stroke_Width'; +import chart_bullet_group_title_divider_stroke_Width from '@rh-felt/react-tokens/dist/esm/chart_bullet_group_title_divider_stroke_Width'; import { ChartComponentThemeDefinition, ChartThemeDefinition } from '../ChartTheme'; // Note: Values must be in pixles diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/color-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/color-theme.ts index 9d910948597..120f6a30f7f 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/color-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/color-theme.ts @@ -1,27 +1,27 @@ -import chart_donut_threshold_second_Color from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_second_Color'; -import chart_donut_threshold_third_Color from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_third_Color'; -import chart_donut_threshold_first_Color from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_first_Color'; -import chart_axis_grid_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_axis_grid_stroke_Color'; -import chart_axis_tick_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_axis_tick_stroke_Color'; -import chart_bullet_comparative_measure_error_Fill_Color from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_error_Fill_Color'; -import chart_bullet_comparative_measure_error_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_error_stroke_Color'; -import chart_bullet_Height from '@patternfly/react-tokens/dist/esm/chart_bullet_Height'; -import chart_bullet_comparative_measure_Fill_Color from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_Fill_Color'; -import chart_bullet_comparative_measure_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_stroke_Color'; -import chart_bullet_comparative_measure_warning_Fill_Color from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_warning_Fill_Color'; -import chart_bullet_comparative_measure_warning_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_warning_stroke_Color'; -import chart_bullet_group_title_divider_Fill_Color from '@patternfly/react-tokens/dist/esm/chart_bullet_group_title_divider_Fill_Color'; -import chart_bullet_group_title_divider_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_bullet_group_title_divider_stroke_Color'; -import chart_bullet_negative_measure_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_100'; -import chart_bullet_negative_measure_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_200'; -import chart_bullet_negative_measure_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_300'; -import chart_bullet_negative_measure_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_400'; -import chart_bullet_negative_measure_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_500'; -import chart_bullet_qualitative_range_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_100'; -import chart_bullet_qualitative_range_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_200'; -import chart_bullet_qualitative_range_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_300'; -import chart_bullet_qualitative_range_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_400'; -import chart_bullet_qualitative_range_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_500'; +import chart_donut_threshold_second_Color from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_second_Color'; +import chart_donut_threshold_third_Color from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_third_Color'; +import chart_donut_threshold_first_Color from '@rh-felt/react-tokens/dist/esm/chart_donut_threshold_first_Color'; +import chart_axis_grid_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_axis_grid_stroke_Color'; +import chart_axis_tick_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_axis_tick_stroke_Color'; +import chart_bullet_comparative_measure_error_Fill_Color from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_error_Fill_Color'; +import chart_bullet_comparative_measure_error_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_error_stroke_Color'; +import chart_bullet_Height from '@rh-felt/react-tokens/dist/esm/chart_bullet_Height'; +import chart_bullet_comparative_measure_Fill_Color from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_Fill_Color'; +import chart_bullet_comparative_measure_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_stroke_Color'; +import chart_bullet_comparative_measure_warning_Fill_Color from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_warning_Fill_Color'; +import chart_bullet_comparative_measure_warning_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_bullet_comparative_measure_warning_stroke_Color'; +import chart_bullet_group_title_divider_Fill_Color from '@rh-felt/react-tokens/dist/esm/chart_bullet_group_title_divider_Fill_Color'; +import chart_bullet_group_title_divider_stroke_Color from '@rh-felt/react-tokens/dist/esm/chart_bullet_group_title_divider_stroke_Color'; +import chart_bullet_negative_measure_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_100'; +import chart_bullet_negative_measure_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_200'; +import chart_bullet_negative_measure_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_300'; +import chart_bullet_negative_measure_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_400'; +import chart_bullet_negative_measure_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_bullet_negative_measure_ColorScale_500'; +import chart_bullet_qualitative_range_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_100'; +import chart_bullet_qualitative_range_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_200'; +import chart_bullet_qualitative_range_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_300'; +import chart_bullet_qualitative_range_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_400'; +import chart_bullet_qualitative_range_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_500'; import { ChartComponentThemeDefinition, ChartThemeDefinition } from '../ChartTheme'; interface ColorThemeInterface { diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/blue-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/blue-theme.ts index c07ea2a8170..c7a9232bed6 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/blue-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/blue-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_blue_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_100'; -import chart_theme_blue_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_200'; -import chart_theme_blue_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_300'; -import chart_theme_blue_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_400'; -import chart_theme_blue_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_blue_ColorScale_500'; +import chart_theme_blue_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_100'; +import chart_theme_blue_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_200'; +import chart_theme_blue_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_300'; +import chart_theme_blue_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_400'; +import chart_theme_blue_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_blue_ColorScale_500'; import { ColorTheme, ColorComponentTheme } from '../color-theme'; // Color scale diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/gray-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/gray-theme.ts index 10e674296ed..1913a9f75d0 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/gray-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/gray-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_gray_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_100'; -import chart_theme_gray_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_200'; -import chart_theme_gray_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_300'; -import chart_theme_gray_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_400'; -import chart_theme_gray_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_gray_ColorScale_500'; +import chart_theme_gray_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_100'; +import chart_theme_gray_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_200'; +import chart_theme_gray_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_300'; +import chart_theme_gray_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_400'; +import chart_theme_gray_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_gray_ColorScale_500'; import { ColorTheme, ColorComponentTheme } from '../color-theme'; // Color scale diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/green-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/green-theme.ts index 0ab74406194..5663bf1d551 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/green-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/green-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_green_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_100'; -import chart_theme_green_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_200'; -import chart_theme_green_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_300'; -import chart_theme_green_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_400'; -import chart_theme_green_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_green_ColorScale_500'; +import chart_theme_green_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_100'; +import chart_theme_green_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_200'; +import chart_theme_green_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_300'; +import chart_theme_green_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_400'; +import chart_theme_green_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_green_ColorScale_500'; import { ColorTheme, ColorComponentTheme } from '../color-theme'; // Color scale diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/multi-ordered-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/multi-ordered-theme.ts index 93cf2b092a9..34fbf6066c9 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/multi-ordered-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/multi-ordered-theme.ts @@ -1,28 +1,28 @@ -import chart_theme_multi_color_ordered_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_100'; -import chart_theme_multi_color_ordered_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_200'; -import chart_theme_multi_color_ordered_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_300'; -import chart_theme_multi_color_ordered_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_400'; -import chart_theme_multi_color_ordered_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_500'; -import chart_theme_multi_color_ordered_ColorScale_600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_600'; -import chart_theme_multi_color_ordered_ColorScale_700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_700'; -import chart_theme_multi_color_ordered_ColorScale_800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_800'; -import chart_theme_multi_color_ordered_ColorScale_900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_900'; -import chart_theme_multi_color_ordered_ColorScale_1000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1000'; -import chart_theme_multi_color_ordered_ColorScale_1100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1100'; -import chart_theme_multi_color_ordered_ColorScale_1200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1200'; -import chart_theme_multi_color_ordered_ColorScale_1300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1300'; -import chart_theme_multi_color_ordered_ColorScale_1400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1400'; -import chart_theme_multi_color_ordered_ColorScale_1500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1500'; -import chart_theme_multi_color_ordered_ColorScale_1600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1600'; -import chart_theme_multi_color_ordered_ColorScale_1700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1700'; -import chart_theme_multi_color_ordered_ColorScale_1800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1800'; -import chart_theme_multi_color_ordered_ColorScale_1900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1900'; -import chart_theme_multi_color_ordered_ColorScale_2000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2000'; -import chart_theme_multi_color_ordered_ColorScale_2100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2100'; -import chart_theme_multi_color_ordered_ColorScale_2200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2200'; -import chart_theme_multi_color_ordered_ColorScale_2300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2300'; -import chart_theme_multi_color_ordered_ColorScale_2400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2400'; -import chart_theme_multi_color_ordered_ColorScale_2500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2500'; +import chart_theme_multi_color_ordered_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_100'; +import chart_theme_multi_color_ordered_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_200'; +import chart_theme_multi_color_ordered_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_300'; +import chart_theme_multi_color_ordered_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_400'; +import chart_theme_multi_color_ordered_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_500'; +import chart_theme_multi_color_ordered_ColorScale_600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_600'; +import chart_theme_multi_color_ordered_ColorScale_700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_700'; +import chart_theme_multi_color_ordered_ColorScale_800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_800'; +import chart_theme_multi_color_ordered_ColorScale_900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_900'; +import chart_theme_multi_color_ordered_ColorScale_1000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1000'; +import chart_theme_multi_color_ordered_ColorScale_1100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1100'; +import chart_theme_multi_color_ordered_ColorScale_1200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1200'; +import chart_theme_multi_color_ordered_ColorScale_1300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1300'; +import chart_theme_multi_color_ordered_ColorScale_1400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1400'; +import chart_theme_multi_color_ordered_ColorScale_1500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1500'; +import chart_theme_multi_color_ordered_ColorScale_1600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1600'; +import chart_theme_multi_color_ordered_ColorScale_1700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1700'; +import chart_theme_multi_color_ordered_ColorScale_1800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1800'; +import chart_theme_multi_color_ordered_ColorScale_1900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_1900'; +import chart_theme_multi_color_ordered_ColorScale_2000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2000'; +import chart_theme_multi_color_ordered_ColorScale_2100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2100'; +import chart_theme_multi_color_ordered_ColorScale_2200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2200'; +import chart_theme_multi_color_ordered_ColorScale_2300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2300'; +import chart_theme_multi_color_ordered_ColorScale_2400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2400'; +import chart_theme_multi_color_ordered_ColorScale_2500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_ordered_ColorScale_2500'; import { ColorTheme, ColorComponentTheme } from '../color-theme'; // The color order below (minus the purple color family) improves the color contrast in ordered charts; donut, pie, bar, & stack diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/multi-unordered-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/multi-unordered-theme.ts index 35f0e0541a6..d64313cb267 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/multi-unordered-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/multi-unordered-theme.ts @@ -1,38 +1,38 @@ -import chart_theme_multi_color_unordered_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_100'; -import chart_theme_multi_color_unordered_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_200'; -import chart_theme_multi_color_unordered_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_300'; -import chart_theme_multi_color_unordered_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_400'; -import chart_theme_multi_color_unordered_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_500'; -import chart_theme_multi_color_unordered_ColorScale_600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_600'; -import chart_theme_multi_color_unordered_ColorScale_700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_700'; -import chart_theme_multi_color_unordered_ColorScale_800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_800'; -import chart_theme_multi_color_unordered_ColorScale_900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_900'; -import chart_theme_multi_color_unordered_ColorScale_1000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1000'; -import chart_theme_multi_color_unordered_ColorScale_1100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1100'; -import chart_theme_multi_color_unordered_ColorScale_1200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1200'; -import chart_theme_multi_color_unordered_ColorScale_1300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1300'; -import chart_theme_multi_color_unordered_ColorScale_1400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1400'; -import chart_theme_multi_color_unordered_ColorScale_1500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1500'; -import chart_theme_multi_color_unordered_ColorScale_1600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1600'; -import chart_theme_multi_color_unordered_ColorScale_1700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1700'; -import chart_theme_multi_color_unordered_ColorScale_1800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1800'; -import chart_theme_multi_color_unordered_ColorScale_1900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1900'; -import chart_theme_multi_color_unordered_ColorScale_2000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2000'; -import chart_theme_multi_color_unordered_ColorScale_2100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2100'; -import chart_theme_multi_color_unordered_ColorScale_2200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2200'; -import chart_theme_multi_color_unordered_ColorScale_2300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2300'; -import chart_theme_multi_color_unordered_ColorScale_2400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2400'; -import chart_theme_multi_color_unordered_ColorScale_2500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2500'; -import chart_theme_multi_color_unordered_ColorScale_2600 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2600'; -import chart_theme_multi_color_unordered_ColorScale_2700 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2700'; -import chart_theme_multi_color_unordered_ColorScale_2800 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2800'; -import chart_theme_multi_color_unordered_ColorScale_2900 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2900'; -import chart_theme_multi_color_unordered_ColorScale_3000 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3000'; -import chart_theme_multi_color_unordered_ColorScale_3100 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3100'; -import chart_theme_multi_color_unordered_ColorScale_3200 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3200'; -import chart_theme_multi_color_unordered_ColorScale_3300 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3300'; -import chart_theme_multi_color_unordered_ColorScale_3400 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3400'; -import chart_theme_multi_color_unordered_ColorScale_3500 from '@patternfly/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3500'; +import chart_theme_multi_color_unordered_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_100'; +import chart_theme_multi_color_unordered_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_200'; +import chart_theme_multi_color_unordered_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_300'; +import chart_theme_multi_color_unordered_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_400'; +import chart_theme_multi_color_unordered_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_500'; +import chart_theme_multi_color_unordered_ColorScale_600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_600'; +import chart_theme_multi_color_unordered_ColorScale_700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_700'; +import chart_theme_multi_color_unordered_ColorScale_800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_800'; +import chart_theme_multi_color_unordered_ColorScale_900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_900'; +import chart_theme_multi_color_unordered_ColorScale_1000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1000'; +import chart_theme_multi_color_unordered_ColorScale_1100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1100'; +import chart_theme_multi_color_unordered_ColorScale_1200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1200'; +import chart_theme_multi_color_unordered_ColorScale_1300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1300'; +import chart_theme_multi_color_unordered_ColorScale_1400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1400'; +import chart_theme_multi_color_unordered_ColorScale_1500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1500'; +import chart_theme_multi_color_unordered_ColorScale_1600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1600'; +import chart_theme_multi_color_unordered_ColorScale_1700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1700'; +import chart_theme_multi_color_unordered_ColorScale_1800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1800'; +import chart_theme_multi_color_unordered_ColorScale_1900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_1900'; +import chart_theme_multi_color_unordered_ColorScale_2000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2000'; +import chart_theme_multi_color_unordered_ColorScale_2100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2100'; +import chart_theme_multi_color_unordered_ColorScale_2200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2200'; +import chart_theme_multi_color_unordered_ColorScale_2300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2300'; +import chart_theme_multi_color_unordered_ColorScale_2400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2400'; +import chart_theme_multi_color_unordered_ColorScale_2500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2500'; +import chart_theme_multi_color_unordered_ColorScale_2600 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2600'; +import chart_theme_multi_color_unordered_ColorScale_2700 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2700'; +import chart_theme_multi_color_unordered_ColorScale_2800 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2800'; +import chart_theme_multi_color_unordered_ColorScale_2900 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_2900'; +import chart_theme_multi_color_unordered_ColorScale_3000 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3000'; +import chart_theme_multi_color_unordered_ColorScale_3100 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3100'; +import chart_theme_multi_color_unordered_ColorScale_3200 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3200'; +import chart_theme_multi_color_unordered_ColorScale_3300 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3300'; +import chart_theme_multi_color_unordered_ColorScale_3400 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3400'; +import chart_theme_multi_color_unordered_ColorScale_3500 from '@rh-felt/react-tokens/dist/esm/chart_theme_multi_color_unordered_ColorScale_3500'; import { ColorTheme, ColorComponentTheme } from '../color-theme'; // The color order below improves the color contrast in unordered charts; area & line diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/orange-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/orange-theme.ts index 65f64c2a46f..ec1fc1c891c 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/orange-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/orange-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_orange_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_100'; -import chart_theme_orange_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_200'; -import chart_theme_orange_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_300'; -import chart_theme_orange_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_400'; -import chart_theme_orange_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_orange_ColorScale_500'; +import chart_theme_orange_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_100'; +import chart_theme_orange_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_200'; +import chart_theme_orange_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_300'; +import chart_theme_orange_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_400'; +import chart_theme_orange_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_orange_ColorScale_500'; import { ColorTheme, ColorComponentTheme } from '../color-theme'; // Color scale diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/purple-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/purple-theme.ts index 98766913a40..457b25a5fce 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/purple-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/purple-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_purple_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_100'; -import chart_theme_purple_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_200'; -import chart_theme_purple_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_300'; -import chart_theme_purple_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_400'; -import chart_theme_purple_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_purple_ColorScale_500'; +import chart_theme_purple_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_100'; +import chart_theme_purple_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_200'; +import chart_theme_purple_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_300'; +import chart_theme_purple_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_400'; +import chart_theme_purple_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_purple_ColorScale_500'; import { ColorTheme, ColorComponentTheme } from '../color-theme'; // Color scale diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/skeleton-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/skeleton-theme.ts index 37af537de4a..1cc9feee299 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/skeleton-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/skeleton-theme.ts @@ -1,9 +1,9 @@ import { ColorTheme, ColorComponentTheme } from '../skeleton-theme'; -import chart_skeleton_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_100'; -import chart_skeleton_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_200'; -import chart_skeleton_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_300'; -import chart_skeleton_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_400'; -import chart_skeleton_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_500'; +import chart_skeleton_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_100'; +import chart_skeleton_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_200'; +import chart_skeleton_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_300'; +import chart_skeleton_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_400'; +import chart_skeleton_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_skeleton_ColorScale_500'; // Color scale // See https://docs.google.com/document/d/1cw10pJFXWruB1SA8TQwituxn5Ss6KpxYPCOYGrH8qAY/edit diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/teal-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/teal-theme.ts index 99d7df686f9..8dbd1bd9dcf 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/teal-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/teal-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_teal_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_100'; -import chart_theme_teal_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_200'; -import chart_theme_teal_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_300'; -import chart_theme_teal_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_400'; -import chart_theme_teal_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_teal_ColorScale_500'; +import chart_theme_teal_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_100'; +import chart_theme_teal_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_200'; +import chart_theme_teal_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_300'; +import chart_theme_teal_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_400'; +import chart_theme_teal_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_teal_ColorScale_500'; import { ColorTheme, ColorComponentTheme } from '../color-theme'; // Color scale diff --git a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/yellow-theme.ts b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/yellow-theme.ts index 87879349956..eacd8329234 100644 --- a/packages/react-charts/src/victory/components/ChartTheme/themes/colors/yellow-theme.ts +++ b/packages/react-charts/src/victory/components/ChartTheme/themes/colors/yellow-theme.ts @@ -1,8 +1,8 @@ -import chart_theme_yellow_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_100'; -import chart_theme_yellow_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_200'; -import chart_theme_yellow_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_300'; -import chart_theme_yellow_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_400'; -import chart_theme_yellow_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_theme_yellow_ColorScale_500'; +import chart_theme_yellow_ColorScale_100 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_100'; +import chart_theme_yellow_ColorScale_200 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_200'; +import chart_theme_yellow_ColorScale_300 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_300'; +import chart_theme_yellow_ColorScale_400 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_400'; +import chart_theme_yellow_ColorScale_500 from '@rh-felt/react-tokens/dist/esm/chart_theme_yellow_ColorScale_500'; import { ColorTheme, ColorComponentTheme } from '../color-theme'; // Color scale diff --git a/packages/react-charts/src/victory/components/ChartThreshold/examples/ChartThreshold.md b/packages/react-charts/src/victory/components/ChartThreshold/examples/ChartThreshold.md index 179f19f9ec1..06a8f802fbc 100644 --- a/packages/react-charts/src/victory/components/ChartThreshold/examples/ChartThreshold.md +++ b/packages/react-charts/src/victory/components/ChartThreshold/examples/ChartThreshold.md @@ -22,15 +22,15 @@ import { ChartThreshold, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_orange_300 from '@patternfly/react-tokens/dist/esm/chart_color_orange_300'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_orange_300 from '@rh-felt/react-tokens/dist/esm/chart_color_orange_300'; import { useEffect, useRef, useState } from 'react'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartThreshold/examples/ChartThresholdMultiColorOrdered.tsx b/packages/react-charts/src/victory/components/ChartThreshold/examples/ChartThresholdMultiColorOrdered.tsx index 1d51e58eccf..477da60e34c 100644 --- a/packages/react-charts/src/victory/components/ChartThreshold/examples/ChartThresholdMultiColorOrdered.tsx +++ b/packages/react-charts/src/victory/components/ChartThreshold/examples/ChartThresholdMultiColorOrdered.tsx @@ -7,10 +7,10 @@ import { ChartThreshold, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_orange_300 from '@patternfly/react-tokens/dist/esm/chart_color_orange_300'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_orange_300 from '@rh-felt/react-tokens/dist/esm/chart_color_orange_300'; import { useEffect, useRef, useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltip.md b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltip.md index 41561f60db8..9e118fd0d61 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltip.md +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltip.md @@ -33,14 +33,14 @@ import { ChartVoronoiContainer, createContainer, getCustomTheme -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipCombinedCursorVoronoi.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipCombinedCursorVoronoi.tsx index 763610b524d..9bbf6d4571f 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipCombinedCursorVoronoi.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipCombinedCursorVoronoi.tsx @@ -5,7 +5,7 @@ import { ChartLine, ChartThemeColor, createContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipCssOverflow.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipCssOverflow.tsx index 3933f0deb34..8ec3823b407 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipCssOverflow.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipCssOverflow.tsx @@ -4,7 +4,7 @@ import { ChartLabel, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; import { useEffect } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipDataLabel.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipDataLabel.tsx index f834f852f83..f77f941ec9d 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipDataLabel.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipDataLabel.tsx @@ -1,11 +1,4 @@ -import { - Chart, - ChartAxis, - ChartBar, - ChartStack, - ChartThemeColor, - ChartTooltip -} from '@patternfly/react-charts/victory'; +import { Chart, ChartAxis, ChartBar, ChartStack, ChartThemeColor, ChartTooltip } from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedCustomFontSize.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedCustomFontSize.tsx index 35e09573ed4..e96b44641a7 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedCustomFontSize.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedCustomFontSize.tsx @@ -9,7 +9,7 @@ import { ChartLegendTooltipLabel, ChartThemeColor, createContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { childName?: string; diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedHtml.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedHtml.tsx index d339f2fc868..7be18e7a061 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedHtml.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedHtml.tsx @@ -7,7 +7,7 @@ import { ChartPoint, ChartThemeColor, createContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedLegend.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedLegend.tsx index fc4fc6c1dd3..b4e458396d6 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipEmbeddedLegend.tsx @@ -6,7 +6,7 @@ import { ChartLine, ChartThemeColor, createContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { childName?: string; diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipFixed.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipFixed.tsx index 92a3552644f..3ed4543b92f 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipFixed.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipFixed.tsx @@ -1,4 +1,4 @@ -import { ChartDonut, ChartThemeColor, ChartTooltip } from '@patternfly/react-charts/victory'; +import { ChartDonut, ChartThemeColor, ChartTooltip } from '@rh-felt/react-charts/victory'; interface PetData { x: string; diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipLeftAligned.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipLeftAligned.tsx index cf2b6adbf03..e5a3488afff 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipLeftAligned.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipLeftAligned.tsx @@ -6,7 +6,7 @@ import { ChartThemeColor, ChartVoronoiContainer, getCustomTheme -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipLegend.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipLegend.tsx index c60b74a25f3..1297d6e8670 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipLegend.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipLegend.tsx @@ -1,5 +1,5 @@ -import { ChartLabel, ChartLegend, ChartPie, ChartThemeColor } from '@patternfly/react-charts/victory'; -import { Tooltip } from '@patternfly/react-core'; +import { ChartLabel, ChartLegend, ChartPie, ChartThemeColor } from '@rh-felt/react-charts/victory'; +import { Tooltip } from '@rh-felt/react-core'; import { useRef } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipVoronoi.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipVoronoi.tsx index 11afad2adc7..3bccfe232f4 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipVoronoi.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipVoronoi.tsx @@ -1,4 +1,4 @@ -import { Chart, ChartArea, ChartAxis, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; +import { Chart, ChartArea, ChartAxis, ChartGroup, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; interface PetData { name?: string; diff --git a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipWrappedChart.tsx b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipWrappedChart.tsx index b56f1b69b6e..c94c4d454c1 100644 --- a/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipWrappedChart.tsx +++ b/packages/react-charts/src/victory/components/ChartTooltip/examples/ChartTooltipWrappedChart.tsx @@ -1,5 +1,5 @@ -import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory'; -import { Button, Tooltip, TooltipPosition } from '@patternfly/react-core'; +import { ChartDonutThreshold, ChartDonutUtilization } from '@rh-felt/react-charts/victory'; +import { Button, Tooltip, TooltipPosition } from '@rh-felt/react-core'; import { useState } from 'react'; interface Data { diff --git a/packages/react-charts/src/victory/components/ChartUtils/chart-container.tsx b/packages/react-charts/src/victory/components/ChartUtils/chart-container.tsx index 8d45f2d9f6f..346517bca8b 100644 --- a/packages/react-charts/src/victory/components/ChartUtils/chart-container.tsx +++ b/packages/react-charts/src/victory/components/ChartUtils/chart-container.tsx @@ -1,4 +1,4 @@ -import chart_container_cursor_line_Fill from '@patternfly/react-tokens/dist/esm/chart_container_cursor_line_Fill'; +import chart_container_cursor_line_Fill from '@rh-felt/react-tokens/dist/esm/chart_container_cursor_line_Fill'; import { ContainerType, createContainer as victoryCreateContainer } from 'victory-create-container'; import { ChartCursorTooltip } from '../ChartCursorTooltip/ChartCursorTooltip'; import { ChartLabel } from '../ChartLabel/ChartLabel'; diff --git a/packages/react-charts/src/victory/components/ChartUtils/chart-interactive-legend.ts b/packages/react-charts/src/victory/components/ChartUtils/chart-interactive-legend.ts index c1124422a97..feedc44182b 100644 --- a/packages/react-charts/src/victory/components/ChartUtils/chart-interactive-legend.ts +++ b/packages/react-charts/src/victory/components/ChartUtils/chart-interactive-legend.ts @@ -1,5 +1,5 @@ -import chart_area_Opacity from '@patternfly/react-tokens/dist/esm/chart_area_Opacity'; -import chart_global_label_Fill from '@patternfly/react-tokens/dist/esm/chart_global_label_Fill'; +import chart_area_Opacity from '@rh-felt/react-tokens/dist/esm/chart_area_Opacity'; +import chart_global_label_Fill from '@rh-felt/react-tokens/dist/esm/chart_global_label_Fill'; import { Helpers } from 'victory-core'; interface ChartInteractiveLegendInterface { diff --git a/packages/react-charts/src/victory/components/ChartUtils/chart-tooltip.ts b/packages/react-charts/src/victory/components/ChartUtils/chart-tooltip.ts index 323fa2f3911..ff2923e4c15 100644 --- a/packages/react-charts/src/victory/components/ChartUtils/chart-tooltip.ts +++ b/packages/react-charts/src/victory/components/ChartUtils/chart-tooltip.ts @@ -1,4 +1,4 @@ -import chart_color_black_500 from '@patternfly/react-tokens/dist/esm/chart_color_black_500'; +import chart_color_black_500 from '@rh-felt/react-tokens/dist/esm/chart_color_black_500'; import { Helpers, OrientationTypes, StringOrNumberOrCallback } from 'victory-core'; import { ChartLegendProps } from '../ChartLegend/ChartLegend'; import { ChartLegendTooltipStyles } from '../ChartTheme/ChartStyles'; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsAll.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsAll.tsx index 448f5f9b7a2..425d5de2c31 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsAll.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsAll.tsx @@ -1,5 +1,5 @@ -import { ChartPie, ChartThemeColor } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { ChartPie, ChartThemeColor } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsBarChart.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsBarChart.tsx index 584be31d4c6..184e85d372e 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsBarChart.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsBarChart.tsx @@ -5,7 +5,7 @@ import { ChartGroup, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsBasicPieChart.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsBasicPieChart.tsx index b14049f62a6..d08db5fac6a 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsBasicPieChart.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsBasicPieChart.tsx @@ -1,4 +1,4 @@ -import { ChartPie } from '@patternfly/react-charts/victory'; +import { ChartPie } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomColorScale.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomColorScale.tsx index c2a3e10f414..eeffe069bf1 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomColorScale.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomColorScale.tsx @@ -1,7 +1,7 @@ -import { ChartPie } from '@patternfly/react-charts/victory'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; +import { ChartPie } from '@rh-felt/react-charts/victory'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_yellow_300 from '@rh-felt/react-tokens/dist/esm/chart_color_yellow_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomDefs.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomDefs.tsx index 583a72dadc8..71bd1cae36d 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomDefs.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomDefs.tsx @@ -1,6 +1,6 @@ -import { ChartPie, ChartThemeColor } from '@patternfly/react-charts/victory'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; +import { ChartPie, ChartThemeColor } from '@rh-felt/react-charts/victory'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomVisibility.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomVisibility.tsx index 8b5f46345a7..86142c509a2 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomVisibility.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsCustomVisibility.tsx @@ -1,4 +1,4 @@ -import { ChartPie, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartPie, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutChart.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutChart.tsx index 45bf8af7574..5abae91dad1 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutChart.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutChart.tsx @@ -1,4 +1,4 @@ -import { ChartDonut, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartDonut, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutUtilizationChart.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutUtilizationChart.tsx index e32e688be1c..0e3f682b2c4 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutUtilizationChart.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutUtilizationChart.tsx @@ -1,4 +1,4 @@ -import { ChartDonutUtilization, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartDonutUtilization, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface Data { x?: string; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutUtilizationThreshold.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutUtilizationThreshold.tsx index 20de55e1613..b27ff9003e2 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutUtilizationThreshold.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsDonutUtilizationThreshold.tsx @@ -1,4 +1,4 @@ -import { ChartDonutThreshold, ChartDonutUtilization, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { ChartDonutThreshold, ChartDonutUtilization, ChartThemeColor } from '@rh-felt/react-charts/victory'; interface Data { x?: string; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsInteractiveAreaChart.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsInteractiveAreaChart.tsx index a310c6b50ed..efc5c373481 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsInteractiveAreaChart.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsInteractiveAreaChart.tsx @@ -10,8 +10,8 @@ import { createContainer, getInteractiveLegendEvents, getInteractiveLegendItemStyles -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; export const PatternsInteractiveAreaChart: React.FunctionComponent = () => { diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsInteractivePieChart.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsInteractivePieChart.tsx index b5ba8388fa3..a74d197184f 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsInteractivePieChart.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsInteractivePieChart.tsx @@ -5,7 +5,7 @@ import { ChartPie, getInteractiveLegendEvents, getInteractiveLegendItemStyles -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Patterns/examples/PatternsStackChart.tsx b/packages/react-charts/src/victory/components/Patterns/examples/PatternsStackChart.tsx index 2b285360cef..97eb434e4b1 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/PatternsStackChart.tsx +++ b/packages/react-charts/src/victory/components/Patterns/examples/PatternsStackChart.tsx @@ -5,7 +5,7 @@ import { ChartStack, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { x?: string; diff --git a/packages/react-charts/src/victory/components/Patterns/examples/patterns.md b/packages/react-charts/src/victory/components/Patterns/examples/patterns.md index a3f4788615f..8259db72888 100644 --- a/packages/react-charts/src/victory/components/Patterns/examples/patterns.md +++ b/packages/react-charts/src/victory/components/Patterns/examples/patterns.md @@ -42,17 +42,17 @@ import { createContainer, getInteractiveLegendEvents, getInteractiveLegendItemStyles -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; -import chart_color_black_500 from '@patternfly/react-tokens/dist/esm/chart_color_black_500'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_green_300 from '@patternfly/react-tokens/dist/esm/chart_color_green_300'; -import chart_color_teal_300 from '@patternfly/react-tokens/dist/esm/chart_color_teal_300'; -import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; +import chart_color_black_500 from '@rh-felt/react-tokens/dist/esm/chart_color_black_500'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_green_300 from '@rh-felt/react-tokens/dist/esm/chart_color_green_300'; +import chart_color_teal_300 from '@rh-felt/react-tokens/dist/esm/chart_color_teal_300'; +import chart_color_yellow_300 from '@rh-felt/react-tokens/dist/esm/chart_color_yellow_300'; import '@patternfly/patternfly/patternfly-charts.css'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveBullet.tsx b/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveBullet.tsx index 54d38838e66..5468e3f5ff4 100644 --- a/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveBullet.tsx +++ b/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveBullet.tsx @@ -1,5 +1,5 @@ -import { ChartBullet } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { ChartBullet } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; interface Data { diff --git a/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveStack.tsx b/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveStack.tsx index 80af5a32c82..fb20b4cfd3c 100644 --- a/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveStack.tsx +++ b/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveStack.tsx @@ -1,5 +1,5 @@ -import { Chart, ChartAxis, ChartBar, ChartStack, ChartTooltip } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; +import { Chart, ChartAxis, ChartBar, ChartStack, ChartTooltip } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; import { useEffect, useRef, useState } from 'react'; interface Data { diff --git a/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveThreshold.tsx b/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveThreshold.tsx index f5330eaa594..e8aac247af9 100644 --- a/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveThreshold.tsx +++ b/packages/react-charts/src/victory/components/ResizeObserver/examples/ResizeObserverResponsiveThreshold.tsx @@ -7,10 +7,10 @@ import { ChartThreshold, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_orange_300 from '@patternfly/react-tokens/dist/esm/chart_color_orange_300'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_orange_300 from '@rh-felt/react-tokens/dist/esm/chart_color_orange_300'; import { useEffect, useRef, useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/ResizeObserver/examples/resizeObserver.md b/packages/react-charts/src/victory/components/ResizeObserver/examples/resizeObserver.md index 4c98bbd440c..7e3cf21f9d0 100644 --- a/packages/react-charts/src/victory/components/ResizeObserver/examples/resizeObserver.md +++ b/packages/react-charts/src/victory/components/ResizeObserver/examples/resizeObserver.md @@ -32,14 +32,14 @@ import { ChartThreshold, ChartTooltip, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; -import chart_color_orange_300 from '@patternfly/react-tokens/dist/esm/chart_color_orange_300'; +} from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; +import chart_color_orange_300 from '@rh-felt/react-tokens/dist/esm/chart_color_orange_300'; import '@patternfly/patternfly/patternfly-charts.css'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsAreaChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsAreaChart.tsx index f9a758b240f..c7ddc371d52 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsAreaChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsAreaChart.tsx @@ -5,8 +5,8 @@ import { ChartGroup, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import { Switch } from '@patternfly/react-core'; +} from '@rh-felt/react-charts/victory'; +import { Switch } from '@rh-felt/react-core'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBarChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBarChart.tsx index 35e8c2ceecb..3fa5819e196 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBarChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBarChart.tsx @@ -1,4 +1,4 @@ -import { Switch } from '@patternfly/react-core'; +import { Switch } from '@rh-felt/react-core'; import { Chart, ChartBar, @@ -6,7 +6,7 @@ import { ChartGroup, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBoxPlotChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBoxPlotChart.tsx index 6a89f4ca625..18088e491a6 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBoxPlotChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBoxPlotChart.tsx @@ -1,5 +1,5 @@ -import { Switch } from '@patternfly/react-core'; -import { Chart, ChartAxis, ChartBoxPlot, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { Switch } from '@rh-felt/react-core'; +import { Chart, ChartAxis, ChartBoxPlot, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBulletChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBulletChart.tsx index 27ce6fa524b..6080b96fa96 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBulletChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsBulletChart.tsx @@ -1,5 +1,5 @@ -import { Switch } from '@patternfly/react-core'; -import { ChartBullet, ChartLegend, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { Switch } from '@rh-felt/react-core'; +import { ChartBullet, ChartLegend, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface Data { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutChart.tsx index dcc2b31f7fd..42aec00d5d2 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutChart.tsx @@ -1,5 +1,5 @@ -import { Switch } from '@patternfly/react-core'; -import { ChartDonut, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { Switch } from '@rh-felt/react-core'; +import { ChartDonut, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutUtilizationChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutUtilizationChart.tsx index 1ab3ac3537d..69e7ac40725 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutUtilizationChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutUtilizationChart.tsx @@ -1,5 +1,5 @@ -import { Switch } from '@patternfly/react-core'; -import { ChartDonutUtilization, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { Switch } from '@rh-felt/react-core'; +import { ChartDonutUtilization, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface Data { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutUtilizationThreshold.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutUtilizationThreshold.tsx index 6f46040edac..1523a53c807 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutUtilizationThreshold.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsDonutUtilizationThreshold.tsx @@ -1,5 +1,5 @@ -import { Switch } from '@patternfly/react-core'; -import { ChartDonutThreshold, ChartDonutUtilization, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { Switch } from '@rh-felt/react-core'; +import { ChartDonutThreshold, ChartDonutUtilization, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface Data { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsLineChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsLineChart.tsx index 0a3c54ebecb..ea96dd35d22 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsLineChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsLineChart.tsx @@ -1,4 +1,4 @@ -import { Switch } from '@patternfly/react-core'; +import { Switch } from '@rh-felt/react-core'; import { Chart, ChartVoronoiContainer, @@ -6,7 +6,7 @@ import { ChartAxis, ChartLine, ChartThemeColor -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsPieChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsPieChart.tsx index 41deb950a77..5c061875929 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsPieChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsPieChart.tsx @@ -1,5 +1,5 @@ -import { Switch } from '@patternfly/react-core'; -import { ChartPie, ChartThemeColor } from '@patternfly/react-charts/victory'; +import { Switch } from '@rh-felt/react-core'; +import { ChartPie, ChartThemeColor } from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsScatterChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsScatterChart.tsx index 657e0270bd9..23f140563d2 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsScatterChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsScatterChart.tsx @@ -1,4 +1,4 @@ -import { Switch } from '@patternfly/react-core'; +import { Switch } from '@rh-felt/react-core'; import { Chart, ChartVoronoiContainer, @@ -6,7 +6,7 @@ import { ChartAxis, ChartScatter, ChartThemeColor -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsStackChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsStackChart.tsx index 2dcb61460bb..121a85621ab 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsStackChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsStackChart.tsx @@ -1,4 +1,4 @@ -import { Switch } from '@patternfly/react-core'; +import { Switch } from '@rh-felt/react-core'; import { Chart, ChartVoronoiContainer, @@ -6,7 +6,7 @@ import { ChartStack, ChartBar, ChartThemeColor -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsThresholdChart.tsx b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsThresholdChart.tsx index 55c8d2ee6a5..b971497d77f 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsThresholdChart.tsx +++ b/packages/react-charts/src/victory/components/Skeletons/examples/SkeletonsThresholdChart.tsx @@ -1,4 +1,4 @@ -import { Switch } from '@patternfly/react-core'; +import { Switch } from '@rh-felt/react-core'; import { Chart, ChartArea, @@ -8,8 +8,8 @@ import { ChartThemeColor, ChartThreshold, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; +} from '@rh-felt/react-charts/victory'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; import { useState } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Skeletons/examples/skeletons.md b/packages/react-charts/src/victory/components/Skeletons/examples/skeletons.md index 7e1c7ae85e0..f7c11724163 100644 --- a/packages/react-charts/src/victory/components/Skeletons/examples/skeletons.md +++ b/packages/react-charts/src/victory/components/Skeletons/examples/skeletons.md @@ -25,12 +25,12 @@ hideDarkMode: true --- import { useState } from 'react'; -import { Chart, ChartArea, ChartAxis, ChartBar, ChartBoxPlot, ChartBullet, ChartDonut, ChartDonutThreshold, ChartDonutUtilization, ChartLegend, ChartLine, ChartGroup, ChartPie, ChartScatter, ChartStack, ChartThemeColor, ChartThreshold, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; -import { getResizeObserver } from '@patternfly/react-core'; -import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; +import { Chart, ChartArea, ChartAxis, ChartBar, ChartBoxPlot, ChartBullet, ChartDonut, ChartDonutThreshold, ChartDonutUtilization, ChartLegend, ChartLine, ChartGroup, ChartPie, ChartScatter, ChartStack, ChartThemeColor, ChartThreshold, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; +import { getResizeObserver } from '@rh-felt/react-core'; +import chart_color_blue_300 from '@rh-felt/react-tokens/dist/esm/chart_color_blue_300'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/src/victory/components/Sparkline/examples/SparklineBasic.tsx b/packages/react-charts/src/victory/components/Sparkline/examples/SparklineBasic.tsx index ab40f027cff..95fb49e5934 100644 --- a/packages/react-charts/src/victory/components/Sparkline/examples/SparklineBasic.tsx +++ b/packages/react-charts/src/victory/components/Sparkline/examples/SparklineBasic.tsx @@ -4,7 +4,7 @@ import { ChartGroup, ChartLabel, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; interface PetData { name: string; diff --git a/packages/react-charts/src/victory/components/Sparkline/examples/SparklineGreen.tsx b/packages/react-charts/src/victory/components/Sparkline/examples/SparklineGreen.tsx index f5ba9ec5ac1..03be0bcb448 100644 --- a/packages/react-charts/src/victory/components/Sparkline/examples/SparklineGreen.tsx +++ b/packages/react-charts/src/victory/components/Sparkline/examples/SparklineGreen.tsx @@ -5,7 +5,7 @@ import { ChartLabel, ChartThemeColor, ChartVoronoiContainer -} from '@patternfly/react-charts/victory'; +} from '@rh-felt/react-charts/victory'; import { useEffect } from 'react'; interface PetData { diff --git a/packages/react-charts/src/victory/components/Sparkline/examples/sparkline.md b/packages/react-charts/src/victory/components/Sparkline/examples/sparkline.md index 6802cb6bde0..cd8c2947f50 100644 --- a/packages/react-charts/src/victory/components/Sparkline/examples/sparkline.md +++ b/packages/react-charts/src/victory/components/Sparkline/examples/sparkline.md @@ -12,7 +12,7 @@ propComponents: [ hideDarkMode: true --- -import { ChartArea, ChartContainer, ChartGroup, ChartLabel, ChartThemeColor, ChartVoronoiContainer } from '@patternfly/react-charts/victory'; +import { ChartArea, ChartContainer, ChartGroup, ChartLabel, ChartThemeColor, ChartVoronoiContainer } from '@rh-felt/react-charts/victory'; import { useEffect } from 'react'; ## Introduction -Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! +Note: PatternFly React charts live in its own package at [@rh-felt/react-charts](https://www.npmjs.com/package/@rh-felt/react-charts)! The examples below are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. diff --git a/packages/react-charts/subpaths.config.json b/packages/react-charts/subpaths.config.json index 706c0581100..127a6b69429 100644 --- a/packages/react-charts/subpaths.config.json +++ b/packages/react-charts/subpaths.config.json @@ -1,4 +1,4 @@ { - "packageName": "@patternfly/react-charts", + "packageName": "@rh-felt/react-charts", "paths": ["echarts", "victory"] } diff --git a/packages/react-code-editor/README.md b/packages/react-code-editor/README.md index b488240a459..7beb34c2981 100644 --- a/packages/react-code-editor/README.md +++ b/packages/react-code-editor/README.md @@ -1,17 +1,17 @@ -# @patternfly/react-code-editor +# @rh-felt/react-code-editor This package provides a PatternFly wrapper for the Monaco code editor, using the `@monaco-editor/react` package. ### Installing ```sh -yarn add @patternfly/react-code-editor +yarn add @rh-felt/react-code-editor ``` or ```sh -npm install @patternfly/react-code-editor +npm install @rh-felt/react-code-editor ``` [!NOTE] For TypeScript type definitions, this package uses the `monaco-editor` package as a peer dependency. So, if you need types and don't already have the `monaco-editor` package installed, you will need to do so: @@ -45,11 +45,11 @@ npm install --dev monaco-editor It's strongly advised to use the PatternFly Base CSS in your whole project, or some components may diverge in appearance: ```js -import '@patternfly/react-core/dist/styles/base.css'; +import '@rh-felt/react-core/dist/styles/base.css'; ``` ```js -import { CodeEditor } from '@patternfly/react-code-editor'; +import { CodeEditor } from '@rh-felt/react-code-editor'; ``` #### With create-react-app Projects diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index 11c82681e09..fef16309484 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { - "name": "@patternfly/react-code-editor", - "version": "6.7.0", + "name": "@rh-felt/react-code-editor", + "version": "0.0.1-prerelease.0", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -31,9 +31,9 @@ }, "dependencies": { "@monaco-editor/react": "^4.7.0", - "@patternfly/react-core": "workspace:^", - "@patternfly/react-icons": "workspace:^", - "@patternfly/react-styles": "workspace:^", + "@rh-felt/react-core": "workspace:^", + "@rh-felt/react-icons": "workspace:^", + "@rh-felt/react-styles": "workspace:^", "react-dropzone": "14.3.5", "tslib": "^2.8.1" }, diff --git a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx index 446b2d81506..82dc17434f2 100644 --- a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx @@ -1,26 +1,26 @@ import { HTMLProps, ReactNode, useEffect, useMemo, useRef, useState } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/CodeEditor/code-editor'; -import fileUploadStyles from '@patternfly/react-styles/css/components/FileUpload/file-upload'; -import monoFont from '@patternfly/react-tokens/dist/esm/t_global_font_family_mono'; -import { Button, ButtonVariant } from '@patternfly/react-core/dist/esm/components/Button'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/CodeEditor/code-editor'; +import fileUploadStyles from '@rh-felt/react-styles/css/components/FileUpload/file-upload'; +import monoFont from '@rh-felt/react-tokens/dist/esm/t_global_font_family_mono'; +import { Button, ButtonVariant } from '@rh-felt/react-core/dist/esm/components/Button'; import { EmptyState, EmptyStateActions, EmptyStateBody, EmptyStateFooter, EmptyStateVariant -} from '@patternfly/react-core/dist/esm/components/EmptyState'; -import { Popover, PopoverProps } from '@patternfly/react-core/dist/esm/components/Popover'; -import { TooltipPosition } from '@patternfly/react-core/dist/esm/components/Tooltip'; -import { getResizeObserver } from '@patternfly/react-core/dist/esm/helpers/resizeObserver'; +} from '@rh-felt/react-core/dist/esm/components/EmptyState'; +import { Popover, PopoverProps } from '@rh-felt/react-core/dist/esm/components/Popover'; +import { TooltipPosition } from '@rh-felt/react-core/dist/esm/components/Tooltip'; +import { getResizeObserver } from '@rh-felt/react-core/dist/esm/helpers/resizeObserver'; import Editor, { BeforeMount, EditorProps, Monaco } from '@monaco-editor/react'; import type { editor } from 'monaco-editor/esm/vs/editor/editor.api'; -import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; -import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon'; -import RhUiDownloadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-download-icon'; -import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; +import RhUiCopyFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; +import RhUiUploadIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-upload-icon'; +import RhUiDownloadIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-download-icon'; +import RhUiCodeIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiQuestionMarkCircleIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; import Dropzone, { FileRejection } from 'react-dropzone'; import { CodeEditorContext } from './CodeEditorUtils'; import { CodeEditorControl } from './CodeEditorControl'; diff --git a/packages/react-code-editor/src/components/CodeEditor/CodeEditorControl.tsx b/packages/react-code-editor/src/components/CodeEditor/CodeEditorControl.tsx index aea9def50bf..c0a36602c30 100644 --- a/packages/react-code-editor/src/components/CodeEditor/CodeEditorControl.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/CodeEditorControl.tsx @@ -1,6 +1,6 @@ import { useContext } from 'react'; -import { Button, ButtonProps } from '@patternfly/react-core/dist/esm/components/Button'; -import { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip'; +import { Button, ButtonProps } from '@rh-felt/react-core/dist/esm/components/Button'; +import { Tooltip } from '@rh-felt/react-core/dist/esm/components/Tooltip'; import { CodeEditorContext } from './CodeEditorUtils'; /** Allows customizing the code editor controls by passing this sub-component into the diff --git a/packages/react-code-editor/src/components/CodeEditor/__test__/CodeEditor.test.tsx b/packages/react-code-editor/src/components/CodeEditor/__test__/CodeEditor.test.tsx index cf7f8b7d254..4689b7ba1f4 100644 --- a/packages/react-code-editor/src/components/CodeEditor/__test__/CodeEditor.test.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/__test__/CodeEditor.test.tsx @@ -1,6 +1,6 @@ import { render, screen, act } from '@testing-library/react'; import { CodeEditor, Language } from '../CodeEditor'; -import styles from '@patternfly/react-styles/css/components/CodeEditor/code-editor'; +import styles from '@rh-felt/react-styles/css/components/CodeEditor/code-editor'; jest.mock('@monaco-editor/react', () => jest.fn((props: any) =>
) diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md index 760d6391839..1f72b3ff1df 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md @@ -5,17 +5,17 @@ cssPrefix: pf-v6-c-code-editor propComponents: ['CodeEditor', 'CodeEditorControl', 'Popover'] --- -Note: Code editor lives in its own package at [@patternfly/react-code-editor](https://www.npmjs.com/package/@patternfly/react-code-editor) and has [**required peer deps**](https://github.com/patternfly/patternfly-react/blob/main/packages/react-code-editor/package.json). +Note: Code editor lives in its own package at [@rh-felt/react-code-editor](https://www.npmjs.com/package/@rh-felt/react-code-editor) and has [**required peer deps**](https://github.com/patternfly/patternfly-react/blob/main/packages/react-code-editor/package.json). import { Fragment, useState } from 'react'; -import { CodeEditor, CodeEditorControl, Language } from '@patternfly/react-code-editor'; -import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; -import HashtagIcon from '@patternfly/react-icons/dist/esm/icons/hashtag-icon'; -import MapIcon from '@patternfly/react-icons/dist/esm/icons/map-icon'; -import RhUiDarkModeFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-dark-mode-fill-icon'; -import RhUiPlayFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; -import FontIcon from '@patternfly/react-icons/dist/esm/icons/font-icon'; -import AdjustIcon from '@patternfly/react-icons/dist/esm/icons/adjust-icon'; +import { CodeEditor, CodeEditorControl, Language } from '@rh-felt/react-code-editor'; +import RhUiSettingsFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; +import HashtagIcon from '@rh-felt/react-icons/dist/esm/icons/hashtag-icon'; +import MapIcon from '@rh-felt/react-icons/dist/esm/icons/map-icon'; +import RhUiDarkModeFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-dark-mode-fill-icon'; +import RhUiPlayFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; +import FontIcon from '@rh-felt/react-icons/dist/esm/icons/font-icon'; +import AdjustIcon from '@rh-felt/react-icons/dist/esm/icons/adjust-icon'; ## Examples diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorBasic.tsx b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorBasic.tsx index 348ba9856b9..c0ed053d9c0 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorBasic.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorBasic.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { CodeEditor, Language } from '@patternfly/react-code-editor'; -import { Checkbox } from '@patternfly/react-core'; +import { CodeEditor, Language } from '@rh-felt/react-code-editor'; +import { Checkbox } from '@rh-felt/react-core'; export const CodeEditorBasic: React.FunctionComponent = () => { const [isDarkTheme, setIsDarkTheme] = useState(false); diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx index 44188021c73..2c192b45002 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx @@ -1,10 +1,10 @@ -import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; -import MapIcon from '@patternfly/react-icons/dist/esm/icons/map-icon'; -import RhUiDarkModeFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-dark-mode-fill-icon'; -import HashtagIcon from '@patternfly/react-icons/dist/esm/icons/hashtag-icon'; -import FontIcon from '@patternfly/react-icons/dist/esm/icons/font-icon'; -import AdjustIcon from '@patternfly/react-icons/dist/esm/icons/adjust-icon'; -import { CodeEditor, CodeEditorControl } from '@patternfly/react-code-editor'; +import RhUiSettingsFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; +import MapIcon from '@rh-felt/react-icons/dist/esm/icons/map-icon'; +import RhUiDarkModeFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-dark-mode-fill-icon'; +import HashtagIcon from '@rh-felt/react-icons/dist/esm/icons/hashtag-icon'; +import FontIcon from '@rh-felt/react-icons/dist/esm/icons/font-icon'; +import AdjustIcon from '@rh-felt/react-icons/dist/esm/icons/adjust-icon'; +import { CodeEditor, CodeEditorControl } from '@rh-felt/react-code-editor'; import { Flex, FlexItem, @@ -15,7 +15,7 @@ import { NumberInput, Switch, SwitchProps -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; import { useState } from 'react'; interface ConfigModalItemProps { diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorCustomControl.tsx b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorCustomControl.tsx index 50bbc7acbec..60d4ccd196c 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorCustomControl.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorCustomControl.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { CodeEditor, CodeEditorControl } from '@patternfly/react-code-editor'; -import RhUiPlayFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; +import { CodeEditor, CodeEditorControl } from '@rh-felt/react-code-editor'; +import RhUiPlayFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; export const CodeEditorCustomControl: React.FunctionComponent = () => { const [code, setCode] = useState('Some example content'); diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorFullHeight.tsx b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorFullHeight.tsx index 760fa00ea84..215535876c4 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorFullHeight.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorFullHeight.tsx @@ -1,4 +1,4 @@ -import { CodeEditor, Language } from '@patternfly/react-code-editor'; +import { CodeEditor, Language } from '@rh-felt/react-code-editor'; export const CodeEditorFullHeight: React.FunctionComponent = () => { const onEditorDidMount = (editor, monaco) => { diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorShortcutMainHeader.tsx b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorShortcutMainHeader.tsx index 8efd31d562c..0f1f6707252 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorShortcutMainHeader.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorShortcutMainHeader.tsx @@ -1,6 +1,6 @@ import { Fragment, useState } from 'react'; -import { CodeEditor, Language } from '@patternfly/react-code-editor'; -import { Grid, GridItem, Label, Radio } from '@patternfly/react-core'; +import { CodeEditor, Language } from '@rh-felt/react-code-editor'; +import { Grid, GridItem, Label, Radio } from '@rh-felt/react-core'; export const CodeEditorShortcutMainHeader: React.FunctionComponent = () => { type ShortcutMode = 'PC' | 'Mac'; diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorSizeToFit.tsx b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorSizeToFit.tsx index cc1ba11ccd7..b7ef6c484b3 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorSizeToFit.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorSizeToFit.tsx @@ -1,4 +1,4 @@ -import { CodeEditor, Language } from '@patternfly/react-code-editor'; +import { CodeEditor, Language } from '@rh-felt/react-code-editor'; export const CodeEditorSizeToFit: React.FunctionComponent = () => { const onEditorDidMount = (editor, monaco) => { diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorWithActions.tsx b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorWithActions.tsx index 3b530303cde..4fde54166d2 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorWithActions.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorWithActions.tsx @@ -1,4 +1,4 @@ -import { CodeEditor } from '@patternfly/react-code-editor'; +import { CodeEditor } from '@rh-felt/react-code-editor'; export const CodeEditorWithActions: React.FunctionComponent = () => ( diff --git a/packages/react-code-editor/src/components/CodeEditor/themeTokenMapping.ts b/packages/react-code-editor/src/components/CodeEditor/themeTokenMapping.ts index 35ad86bf8b0..a61d894bbae 100644 --- a/packages/react-code-editor/src/components/CodeEditor/themeTokenMapping.ts +++ b/packages/react-code-editor/src/components/CodeEditor/themeTokenMapping.ts @@ -1,30 +1,30 @@ -import backgroundDark from '@patternfly/react-tokens/dist/esm/t_color_gray_90'; -import textColorDark from '@patternfly/react-tokens/dist/esm/t_color_white'; -import textColorSubtleDark from '@patternfly/react-tokens/dist/esm/t_color_gray_30'; +import backgroundDark from '@rh-felt/react-tokens/dist/esm/t_color_gray_90'; +import textColorDark from '@rh-felt/react-tokens/dist/esm/t_color_white'; +import textColorSubtleDark from '@rh-felt/react-tokens/dist/esm/t_color_gray_30'; -import redDark from '@patternfly/react-tokens/dist/esm/t_color_red_30'; -import orangeredDark from '@patternfly/react-tokens/dist/esm/t_color_red_orange_30'; -import orangeDark from '@patternfly/react-tokens/dist/esm/t_color_orange_30'; -import yellowDark from '@patternfly/react-tokens/dist/esm/t_color_yellow_30'; -import greenDark from '@patternfly/react-tokens/dist/esm/t_color_green_30'; -import tealDark from '@patternfly/react-tokens/dist/esm/t_color_teal_30'; -import blueDark from '@patternfly/react-tokens/dist/esm/t_color_blue_30'; -import purpleDark from '@patternfly/react-tokens/dist/esm/t_color_purple_30'; -import grayDark from '@patternfly/react-tokens/dist/esm/t_color_gray_30'; +import redDark from '@rh-felt/react-tokens/dist/esm/t_color_red_30'; +import orangeredDark from '@rh-felt/react-tokens/dist/esm/t_color_red_orange_30'; +import orangeDark from '@rh-felt/react-tokens/dist/esm/t_color_orange_30'; +import yellowDark from '@rh-felt/react-tokens/dist/esm/t_color_yellow_30'; +import greenDark from '@rh-felt/react-tokens/dist/esm/t_color_green_30'; +import tealDark from '@rh-felt/react-tokens/dist/esm/t_color_teal_30'; +import blueDark from '@rh-felt/react-tokens/dist/esm/t_color_blue_30'; +import purpleDark from '@rh-felt/react-tokens/dist/esm/t_color_purple_30'; +import grayDark from '@rh-felt/react-tokens/dist/esm/t_color_gray_30'; -import backgroundLight from '@patternfly/react-tokens/dist/esm/t_color_white'; -import textColorLight from '@patternfly/react-tokens/dist/esm/t_global_text_color_100'; -import textColorSubtleLight from '@patternfly/react-tokens/dist/esm/t_global_text_color_200'; +import backgroundLight from '@rh-felt/react-tokens/dist/esm/t_color_white'; +import textColorLight from '@rh-felt/react-tokens/dist/esm/t_global_text_color_100'; +import textColorSubtleLight from '@rh-felt/react-tokens/dist/esm/t_global_text_color_200'; -import redLight from '@patternfly/react-tokens/dist/esm/t_color_red_50'; -import orangeredLight from '@patternfly/react-tokens/dist/esm/t_color_red_orange_50'; -import orangeLight from '@patternfly/react-tokens/dist/esm/t_color_orange_50'; -import yellowLight from '@patternfly/react-tokens/dist/esm/t_color_yellow_50'; -import greenLight from '@patternfly/react-tokens/dist/esm/t_color_green_50'; -import tealLight from '@patternfly/react-tokens/dist/esm/t_color_teal_50'; -import blueLight from '@patternfly/react-tokens/dist/esm/t_color_blue_50'; -import purpleLight from '@patternfly/react-tokens/dist/esm/t_color_purple_50'; -import grayLight from '@patternfly/react-tokens/dist/esm/t_color_gray_50'; +import redLight from '@rh-felt/react-tokens/dist/esm/t_color_red_50'; +import orangeredLight from '@rh-felt/react-tokens/dist/esm/t_color_red_orange_50'; +import orangeLight from '@rh-felt/react-tokens/dist/esm/t_color_orange_50'; +import yellowLight from '@rh-felt/react-tokens/dist/esm/t_color_yellow_50'; +import greenLight from '@rh-felt/react-tokens/dist/esm/t_color_green_50'; +import tealLight from '@rh-felt/react-tokens/dist/esm/t_color_teal_50'; +import blueLight from '@rh-felt/react-tokens/dist/esm/t_color_blue_50'; +import purpleLight from '@rh-felt/react-tokens/dist/esm/t_color_purple_50'; +import grayLight from '@rh-felt/react-tokens/dist/esm/t_color_gray_50'; /** * This file maps the theme tokens from PatternFly to a format that can be used in the Monaco editor. diff --git a/packages/react-core/CONTRIBUTING.md b/packages/react-core/CONTRIBUTING.md index ef8f625f0e7..dc79746fe30 100644 --- a/packages/react-core/CONTRIBUTING.md +++ b/packages/react-core/CONTRIBUTING.md @@ -4,7 +4,7 @@ section: root hideTOC: true --- -# Contributing to @patternfly/react-core +# Contributing to @rh-felt/react-core ## Adding a new component diff --git a/packages/react-core/README.md b/packages/react-core/README.md index 70b1cfa694a..8ee622c1ded 100644 --- a/packages/react-core/README.md +++ b/packages/react-core/README.md @@ -1,7 +1,7 @@ # PatternFly React - Core [![lerna](https://img.shields.io/badge/maintained%20with-lerna-green.svg?style=for-the-badge)](https://lernajs.io/) -[![PatternFly npm badge](https://img.shields.io/npm/v/@patternfly/react-core.svg?label=React-Core&style=for-the-badge)](https://www.npmjs.com/package/@patternfly/react-core) +[![PatternFly npm badge](https://img.shields.io/npm/v/@rh-felt/react-core.svg?label=React-Core&style=for-the-badge)](https://www.npmjs.com/package/@rh-felt/react-core) This project provides the React core components for the [PatternFly project](https://patternfly.org). @@ -15,30 +15,30 @@ This project provides the React core components for the [PatternFly project](htt ### Setup Before you begin, check out this [overview of PatternFly](http://patternfly.org/get-started/about) to get familiar with the basic elements of the design system. These instructions also assume that an existing React project is set up. For more information on how to do this, please see our main [README](https://github.com/patternfly/patternfly-react/tree/main/README.md#setup). -#### Install the @patternfly/react-core NPM package +#### Install the @rh-felt/react-core NPM package * Using npm, run the following command to install: ``` - npm install @patternfly/react-core --save + npm install @rh-felt/react-core --save ``` **OR** * Using yarn, run the following command to install: ``` - yarn add @patternfly/react-core + yarn add @rh-felt/react-core ``` #### Project configuration Each PatternFly component already contains the CSS related to the component. In order to have consistent styles throughout the application, PatternFly Base CSS should be used in the project, or some components may diverge in appearance. This import statement should be placed before your main application component is imported. ```js -import '@patternfly/react-core/dist/styles/base.css'; +import '@rh-felt/react-core/dist/styles/base.css'; ``` #### Example component usage ```ts -import { Button } from '@patternfly/react-core'; +import { Button } from '@rh-felt/react-core'; export default ; ``` diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 2a935bebed7..47058ddd202 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { - "name": "@patternfly/react-core", - "version": "6.7.0", + "name": "@rh-felt/react-core", + "version": "0.0.1-prerelease.0", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -46,9 +46,9 @@ "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-icons": "workspace:^", - "@patternfly/react-styles": "workspace:^", - "@patternfly/react-tokens": "workspace:^", + "@rh-felt/react-icons": "workspace:^", + "@rh-felt/react-styles": "workspace:^", + "@rh-felt/react-tokens": "workspace:^", "focus-trap": "7.6.6", "react-dropzone": "^14.3.5", "tslib": "^2.8.1" diff --git a/packages/react-core/single-packages.config.json b/packages/react-core/single-packages.config.json index da7e08727fc..b7f51ec6d29 100644 --- a/packages/react-core/single-packages.config.json +++ b/packages/react-core/single-packages.config.json @@ -1,5 +1,5 @@ { - "packageName": "@patternfly/react-core", + "packageName": "@rh-felt/react-core", "moduleGlob": ["/dist/esm/helpers/**/*.js", "/dist/esm/styles/**/index.js", "/dist/esm/*/*/**/index.js"], "exclude": ["/dist/esm/helpers/Popper/thirdparty", "/dist/esm/next"] } diff --git a/packages/react-core/src/components/AboutModal/AboutModal.tsx b/packages/react-core/src/components/AboutModal/AboutModal.tsx index 56c0aeb93c7..b57fb7498a8 100644 --- a/packages/react-core/src/components/AboutModal/AboutModal.tsx +++ b/packages/react-core/src/components/AboutModal/AboutModal.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import backgroundImage from '@patternfly/react-tokens/dist/esm/c_about_modal_box_BackgroundImage'; +import { css } from '@rh-felt/react-styles'; +import backgroundImage from '@rh-felt/react-tokens/dist/esm/c_about_modal_box_BackgroundImage'; import { AboutModalBoxContent } from './AboutModalBoxContent'; import { AboutModalBoxHeader } from './AboutModalBoxHeader'; import { AboutModalBoxBrand } from './AboutModalBoxBrand'; diff --git a/packages/react-core/src/components/AboutModal/AboutModalBox.tsx b/packages/react-core/src/components/AboutModal/AboutModalBox.tsx index d9ad123f792..4ae346727f2 100644 --- a/packages/react-core/src/components/AboutModal/AboutModalBox.tsx +++ b/packages/react-core/src/components/AboutModal/AboutModalBox.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/AboutModalBox/about-modal-box'; export interface AboutModalBoxProps extends React.HTMLProps { /** Content rendered inside the about modal box */ diff --git a/packages/react-core/src/components/AboutModal/AboutModalBoxBrand.tsx b/packages/react-core/src/components/AboutModal/AboutModalBoxBrand.tsx index a948f7d9ab5..2e42279d5b8 100644 --- a/packages/react-core/src/components/AboutModal/AboutModalBoxBrand.tsx +++ b/packages/react-core/src/components/AboutModal/AboutModalBoxBrand.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/AboutModalBox/about-modal-box'; export interface AboutModalBoxBrandProps extends React.HTMLProps { /** The URL of the image for the brand. */ diff --git a/packages/react-core/src/components/AboutModal/AboutModalBoxCloseButton.tsx b/packages/react-core/src/components/AboutModal/AboutModalBoxCloseButton.tsx index a5f56d87188..b8078112082 100644 --- a/packages/react-core/src/components/AboutModal/AboutModalBoxCloseButton.tsx +++ b/packages/react-core/src/components/AboutModal/AboutModalBoxCloseButton.tsx @@ -1,7 +1,7 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/AboutModalBox/about-modal-box'; import { Button } from '../Button'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; export interface AboutModalBoxCloseButtonProps extends React.HTMLProps { /** A callback for when the close button is clicked */ diff --git a/packages/react-core/src/components/AboutModal/AboutModalBoxContent.tsx b/packages/react-core/src/components/AboutModal/AboutModalBoxContent.tsx index 5c0dd191e74..314196eb59e 100644 --- a/packages/react-core/src/components/AboutModal/AboutModalBoxContent.tsx +++ b/packages/react-core/src/components/AboutModal/AboutModalBoxContent.tsx @@ -1,6 +1,6 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; -import contentStyles from '@patternfly/react-styles/css/components/Content/content'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/AboutModalBox/about-modal-box'; +import contentStyles from '@rh-felt/react-styles/css/components/Content/content'; export interface AboutModalBoxContentProps extends React.HTMLProps { /** Content rendered inside the about modal box content */ diff --git a/packages/react-core/src/components/AboutModal/AboutModalBoxHeader.tsx b/packages/react-core/src/components/AboutModal/AboutModalBoxHeader.tsx index 4fe01e51cee..5705d90625d 100644 --- a/packages/react-core/src/components/AboutModal/AboutModalBoxHeader.tsx +++ b/packages/react-core/src/components/AboutModal/AboutModalBoxHeader.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/AboutModalBox/about-modal-box'; import { Title } from '../Title'; export interface AboutModalBoxHeaderProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/AboutModal/examples/AboutModal.md b/packages/react-core/src/components/AboutModal/examples/AboutModal.md index b6f8635336a..524da69b7d1 100644 --- a/packages/react-core/src/components/AboutModal/examples/AboutModal.md +++ b/packages/react-core/src/components/AboutModal/examples/AboutModal.md @@ -7,7 +7,7 @@ propComponents: ['AboutModal'] import { Fragment, useState } from 'react'; import brandImg from '../../assets/PF-IconLogo.svg'; import bgImg from '../../assets/pf-background.svg'; -import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; +import spacing from '@rh-felt/react-styles/css/utilities/Spacing/spacing'; ## Examples ### Basic diff --git a/packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx b/packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx index a8b5754f452..68a612e4d34 100644 --- a/packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx +++ b/packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx @@ -1,5 +1,5 @@ import { Fragment, useState } from 'react'; -import { AboutModal, Button, Content } from '@patternfly/react-core'; +import { AboutModal, Button, Content } from '@rh-felt/react-core'; import brandImg from '../../assets/PF-IconLogo.svg'; export const AboutModalBasic: React.FunctionComponent = () => { diff --git a/packages/react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx b/packages/react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx index 45e0d9ce159..c58b725e4bd 100644 --- a/packages/react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx +++ b/packages/react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx @@ -1,7 +1,7 @@ import { Fragment, useState } from 'react'; -import { AboutModal, Alert, Button, Content } from '@patternfly/react-core'; +import { AboutModal, Alert, Button, Content } from '@rh-felt/react-core'; import brandImg from '../../assets/PF-IconLogo.svg'; -import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; +import spacing from '@rh-felt/react-styles/css/utilities/Spacing/spacing'; export const AboutModalComplexUserPositionedContent: React.FunctionComponent = () => { const [isModalOpen, setIsModalOpen] = useState(false); diff --git a/packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx b/packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx index c9073da724c..9515b168268 100644 --- a/packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx +++ b/packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx @@ -1,5 +1,5 @@ import { Fragment, useState } from 'react'; -import { AboutModal, Button, Content } from '@patternfly/react-core'; +import { AboutModal, Button, Content } from '@rh-felt/react-core'; import brandImg from '../../assets/PF-IconLogo.svg'; export const AboutModalWithoutProductName: React.FunctionComponent = () => { diff --git a/packages/react-core/src/components/Accordion/Accordion.tsx b/packages/react-core/src/components/Accordion/Accordion.tsx index 64b9c16898c..45547761187 100644 --- a/packages/react-core/src/components/Accordion/Accordion.tsx +++ b/packages/react-core/src/components/Accordion/Accordion.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; import { AccordionContext } from './AccordionContext'; export interface AccordionProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/Accordion/AccordionContent.tsx b/packages/react-core/src/components/Accordion/AccordionContent.tsx index afb495f5988..de538976342 100644 --- a/packages/react-core/src/components/Accordion/AccordionContent.tsx +++ b/packages/react-core/src/components/Accordion/AccordionContent.tsx @@ -1,7 +1,7 @@ import { useContext, useEffect, useRef, useState } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; import { AccordionContext, AccordionItemContext } from './AccordionContext'; import { AccordionExpandableContentBody, AccordionExpandableContentBodyProps } from './AccordionExpandableContentBody'; diff --git a/packages/react-core/src/components/Accordion/AccordionExpandableContentBody.tsx b/packages/react-core/src/components/Accordion/AccordionExpandableContentBody.tsx index ad04610d16a..b058c8dd3e2 100644 --- a/packages/react-core/src/components/Accordion/AccordionExpandableContentBody.tsx +++ b/packages/react-core/src/components/Accordion/AccordionExpandableContentBody.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; export interface AccordionExpandableContentBodyProps extends React.HTMLProps { /** Content rendered inside the accordion content body */ diff --git a/packages/react-core/src/components/Accordion/AccordionItem.tsx b/packages/react-core/src/components/Accordion/AccordionItem.tsx index 07c1d7ab16e..b95c054fed7 100644 --- a/packages/react-core/src/components/Accordion/AccordionItem.tsx +++ b/packages/react-core/src/components/Accordion/AccordionItem.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; import { AccordionItemContext } from './AccordionContext'; export interface AccordionItemProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/Accordion/AccordionToggle.tsx b/packages/react-core/src/components/Accordion/AccordionToggle.tsx index 04d3467a57c..63842f8e29e 100644 --- a/packages/react-core/src/components/Accordion/AccordionToggle.tsx +++ b/packages/react-core/src/components/Accordion/AccordionToggle.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import { AccordionContext, AccordionItemContext } from './AccordionContext'; export interface AccordionToggleProps extends React.DetailedHTMLProps< diff --git a/packages/react-core/src/components/Accordion/__tests__/Accordion.test.tsx b/packages/react-core/src/components/Accordion/__tests__/Accordion.test.tsx index 7cfe2a82ba7..d8201bb3ede 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Accordion.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/Accordion.test.tsx @@ -3,7 +3,7 @@ import { render, screen } from '@testing-library/react'; import { Accordion } from '../Accordion'; import { AccordionContext } from '../AccordionContext'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; test('Renders without children', () => { render(); diff --git a/packages/react-core/src/components/Accordion/__tests__/AccordionContent.test.tsx b/packages/react-core/src/components/Accordion/__tests__/AccordionContent.test.tsx index 84f5ef02d43..f47f0787a58 100644 --- a/packages/react-core/src/components/Accordion/__tests__/AccordionContent.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/AccordionContent.test.tsx @@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react'; import { AccordionContent } from '../AccordionContent'; import { AccordionContext, AccordionItemContext } from '../AccordionContext'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; jest.mock('../AccordionExpandableContentBody', () => ({ AccordionExpandableContentBody: ({ children }) =>
{children}
diff --git a/packages/react-core/src/components/Accordion/__tests__/AccordionExpandedContentBody.test.tsx b/packages/react-core/src/components/Accordion/__tests__/AccordionExpandedContentBody.test.tsx index 3070148b556..a54595ac143 100644 --- a/packages/react-core/src/components/Accordion/__tests__/AccordionExpandedContentBody.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/AccordionExpandedContentBody.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { AccordionExpandableContentBody } from '../AccordionExpandableContentBody'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; test('Renders without children', () => { const { asFragment } = render(); diff --git a/packages/react-core/src/components/Accordion/__tests__/AccordionItem.test.tsx b/packages/react-core/src/components/Accordion/__tests__/AccordionItem.test.tsx index f48a5cfedbe..3277fca9b81 100644 --- a/packages/react-core/src/components/Accordion/__tests__/AccordionItem.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/AccordionItem.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { AccordionItem } from '../AccordionItem'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; test('Renders children', () => { render(Test); diff --git a/packages/react-core/src/components/Accordion/__tests__/AccordionToggle.test.tsx b/packages/react-core/src/components/Accordion/__tests__/AccordionToggle.test.tsx index 1a67f3deee2..071d649aba2 100644 --- a/packages/react-core/src/components/Accordion/__tests__/AccordionToggle.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/AccordionToggle.test.tsx @@ -2,9 +2,9 @@ import { render, screen } from '@testing-library/react'; import { AccordionToggle } from '../AccordionToggle'; import { AccordionContext, AccordionItemContext } from '../AccordionContext'; -import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; +import styles from '@rh-felt/react-styles/css/components/Accordion/accordion'; -jest.mock('@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon', () => () => 'Icon mock'); +jest.mock('@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon', () => () => 'Icon mock'); test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Accordion/examples/Accordion.md b/packages/react-core/src/components/Accordion/examples/Accordion.md index 4713da98e32..503221cb48c 100644 --- a/packages/react-core/src/components/Accordion/examples/Accordion.md +++ b/packages/react-core/src/components/Accordion/examples/Accordion.md @@ -6,7 +6,7 @@ propComponents: ['Accordion', 'AccordionItem', 'AccordionContent', 'AccordionTog --- import { useState } from 'react'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; ## Examples diff --git a/packages/react-core/src/components/Accordion/examples/AccordionBordered.tsx b/packages/react-core/src/components/Accordion/examples/AccordionBordered.tsx index f20e362b4bd..96cff80a203 100644 --- a/packages/react-core/src/components/Accordion/examples/AccordionBordered.tsx +++ b/packages/react-core/src/components/Accordion/examples/AccordionBordered.tsx @@ -7,8 +7,8 @@ import { AccordionExpandableContentBody, Button, Checkbox -} from '@patternfly/react-core'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +} from '@rh-felt/react-core'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; export const AccordionBordered: React.FunctionComponent = () => { const [expanded, setExpanded] = useState('bordered-toggle4'); diff --git a/packages/react-core/src/components/Accordion/examples/AccordionDefinitionList.tsx b/packages/react-core/src/components/Accordion/examples/AccordionDefinitionList.tsx index c0cf781da5d..848c5f40112 100644 --- a/packages/react-core/src/components/Accordion/examples/AccordionDefinitionList.tsx +++ b/packages/react-core/src/components/Accordion/examples/AccordionDefinitionList.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Accordion, AccordionItem, AccordionContent, AccordionToggle } from '@patternfly/react-core'; +import { Accordion, AccordionItem, AccordionContent, AccordionToggle } from '@rh-felt/react-core'; export const AccordionDefinitionList: React.FunctionComponent = () => { const [expanded, setExpanded] = useState('def-list-toggle2'); diff --git a/packages/react-core/src/components/Accordion/examples/AccordionFixedWithMultipleExpandBehavior.tsx b/packages/react-core/src/components/Accordion/examples/AccordionFixedWithMultipleExpandBehavior.tsx index 2ae7cdd7605..89a7d3c31da 100644 --- a/packages/react-core/src/components/Accordion/examples/AccordionFixedWithMultipleExpandBehavior.tsx +++ b/packages/react-core/src/components/Accordion/examples/AccordionFixedWithMultipleExpandBehavior.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Accordion, AccordionItem, AccordionContent, AccordionToggle } from '@patternfly/react-core'; +import { Accordion, AccordionItem, AccordionContent, AccordionToggle } from '@rh-felt/react-core'; export const AccordionFixedWithMultipleExpandBehavior: React.FunctionComponent = () => { const [expanded, setExpanded] = useState(['ex2-toggle4']); diff --git a/packages/react-core/src/components/Accordion/examples/AccordionSingleExpandBehavior.tsx b/packages/react-core/src/components/Accordion/examples/AccordionSingleExpandBehavior.tsx index 64e4755485a..c948f20d7f3 100644 --- a/packages/react-core/src/components/Accordion/examples/AccordionSingleExpandBehavior.tsx +++ b/packages/react-core/src/components/Accordion/examples/AccordionSingleExpandBehavior.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Accordion, AccordionItem, AccordionContent, AccordionToggle } from '@patternfly/react-core'; +import { Accordion, AccordionItem, AccordionContent, AccordionToggle } from '@rh-felt/react-core'; export const AccordionSingleExpandBehavior: React.FunctionComponent = () => { const [expanded, setExpanded] = useState('ex-toggle2'); diff --git a/packages/react-core/src/components/Accordion/examples/AccordionToggleIconAtStart.tsx b/packages/react-core/src/components/Accordion/examples/AccordionToggleIconAtStart.tsx index 9519d2a8870..38cf92a4f4f 100644 --- a/packages/react-core/src/components/Accordion/examples/AccordionToggleIconAtStart.tsx +++ b/packages/react-core/src/components/Accordion/examples/AccordionToggleIconAtStart.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Accordion, AccordionItem, AccordionContent, AccordionToggle } from '@patternfly/react-core'; +import { Accordion, AccordionItem, AccordionContent, AccordionToggle } from '@rh-felt/react-core'; export const AccordionToggleIconAtStart: React.FunctionComponent = () => { const [expanded, setExpanded] = useState('start-toggle-toggle2'); diff --git a/packages/react-core/src/components/ActionList/ActionList.tsx b/packages/react-core/src/components/ActionList/ActionList.tsx index 00cbf747c44..11f756b8011 100644 --- a/packages/react-core/src/components/ActionList/ActionList.tsx +++ b/packages/react-core/src/components/ActionList/ActionList.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/ActionList/action-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/ActionList/action-list'; export interface ActionListProps extends React.HTMLProps { /** Children of the action list */ diff --git a/packages/react-core/src/components/ActionList/ActionListGroup.tsx b/packages/react-core/src/components/ActionList/ActionListGroup.tsx index 8e5a22cb3b0..0531e0a9ec1 100644 --- a/packages/react-core/src/components/ActionList/ActionListGroup.tsx +++ b/packages/react-core/src/components/ActionList/ActionListGroup.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/ActionList/action-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/ActionList/action-list'; export interface ActionListGroupProps extends React.HTMLProps { /** Children of the action list group */ diff --git a/packages/react-core/src/components/ActionList/ActionListItem.tsx b/packages/react-core/src/components/ActionList/ActionListItem.tsx index d6827ff3801..b14564d2e66 100644 --- a/packages/react-core/src/components/ActionList/ActionListItem.tsx +++ b/packages/react-core/src/components/ActionList/ActionListItem.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/ActionList/action-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/ActionList/action-list'; export interface ActionListItemProps extends React.HTMLProps { /** Children of the action list item */ diff --git a/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx b/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx index 5bb4d943fdb..8d1159ffdf6 100644 --- a/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx +++ b/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { ActionList } from '../ActionList'; -import styles from '@patternfly/react-styles/css/components/ActionList/action-list'; +import styles from '@rh-felt/react-styles/css/components/ActionList/action-list'; test('Renders without children', () => { render(); diff --git a/packages/react-core/src/components/ActionList/__tests__/ActionListGroup.test.tsx b/packages/react-core/src/components/ActionList/__tests__/ActionListGroup.test.tsx index 66a2c8fcb25..b55597d5b59 100644 --- a/packages/react-core/src/components/ActionList/__tests__/ActionListGroup.test.tsx +++ b/packages/react-core/src/components/ActionList/__tests__/ActionListGroup.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { ActionListGroup } from '../ActionListGroup'; -import styles from '@patternfly/react-styles/css/components/ActionList/action-list'; +import styles from '@rh-felt/react-styles/css/components/ActionList/action-list'; test('Renders without children', () => { render(); diff --git a/packages/react-core/src/components/ActionList/__tests__/ActionListItem.test.tsx b/packages/react-core/src/components/ActionList/__tests__/ActionListItem.test.tsx index 6c14466d16c..1cff4168b0d 100644 --- a/packages/react-core/src/components/ActionList/__tests__/ActionListItem.test.tsx +++ b/packages/react-core/src/components/ActionList/__tests__/ActionListItem.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { ActionListItem } from '../ActionListItem'; -import styles from '@patternfly/react-styles/css/components/ActionList/action-list'; +import styles from '@rh-felt/react-styles/css/components/ActionList/action-list'; test('Renders without children', () => { render(); diff --git a/packages/react-core/src/components/ActionList/examples/ActionList.md b/packages/react-core/src/components/ActionList/examples/ActionList.md index 075114c8997..eb8a1ff1924 100644 --- a/packages/react-core/src/components/ActionList/examples/ActionList.md +++ b/packages/react-core/src/components/ActionList/examples/ActionList.md @@ -6,9 +6,9 @@ propComponents: ['ActionList', 'ActionListGroup', 'ActionListItem'] --- import { Fragment, useState } from 'react'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/js/icons/rh-microns-close-icon'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhMicronsCheckmarkIcon from '@patternfly/react-icons/dist/js/icons/rh-microns-checkmark-icon'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/js/icons/rh-microns-close-icon'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhMicronsCheckmarkIcon from '@rh-felt/react-icons/dist/js/icons/rh-microns-checkmark-icon'; ## Examples diff --git a/packages/react-core/src/components/ActionList/examples/ActionListMultipleGroups.tsx b/packages/react-core/src/components/ActionList/examples/ActionListMultipleGroups.tsx index b9f3ecec657..2732cc721af 100644 --- a/packages/react-core/src/components/ActionList/examples/ActionListMultipleGroups.tsx +++ b/packages/react-core/src/components/ActionList/examples/ActionListMultipleGroups.tsx @@ -1,4 +1,4 @@ -import { ActionList, ActionListGroup, ActionListItem, Button } from '@patternfly/react-core'; +import { ActionList, ActionListGroup, ActionListItem, Button } from '@rh-felt/react-core'; export const ActionListMultipleGroups: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/ActionList/examples/ActionListSingleGroup.tsx b/packages/react-core/src/components/ActionList/examples/ActionListSingleGroup.tsx index 4c092a90346..d85cc8c2ded 100644 --- a/packages/react-core/src/components/ActionList/examples/ActionListSingleGroup.tsx +++ b/packages/react-core/src/components/ActionList/examples/ActionListSingleGroup.tsx @@ -10,8 +10,8 @@ import { MenuToggle, MenuToggleElement, Divider -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const ActionListSingleGroup: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/ActionList/examples/ActionListVertical.tsx b/packages/react-core/src/components/ActionList/examples/ActionListVertical.tsx index 3f90166a888..39f496fd6ec 100644 --- a/packages/react-core/src/components/ActionList/examples/ActionListVertical.tsx +++ b/packages/react-core/src/components/ActionList/examples/ActionListVertical.tsx @@ -1,6 +1,6 @@ -import { ActionList, ActionListGroup, ActionListItem, Button } from '@patternfly/react-core'; -import RhMicronsCheckmarkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; +import { ActionList, ActionListGroup, ActionListItem, Button } from '@rh-felt/react-core'; +import RhMicronsCheckmarkIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; export const ActionListVertical: React.FunctionComponent = () => ( <> diff --git a/packages/react-core/src/components/ActionList/examples/ActionListWithCancelButton.tsx b/packages/react-core/src/components/ActionList/examples/ActionListWithCancelButton.tsx index cbcec892798..5254c42833f 100644 --- a/packages/react-core/src/components/ActionList/examples/ActionListWithCancelButton.tsx +++ b/packages/react-core/src/components/ActionList/examples/ActionListWithCancelButton.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { ActionList, ActionListGroup, ActionListItem, Button } from '@patternfly/react-core'; +import { ActionList, ActionListGroup, ActionListItem, Button } from '@rh-felt/react-core'; export const ActionListWithCancelButton: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/ActionList/examples/ActionListWithIcons.tsx b/packages/react-core/src/components/ActionList/examples/ActionListWithIcons.tsx index 0c90580498e..eece4bdde9e 100644 --- a/packages/react-core/src/components/ActionList/examples/ActionListWithIcons.tsx +++ b/packages/react-core/src/components/ActionList/examples/ActionListWithIcons.tsx @@ -1,6 +1,6 @@ -import { ActionList, ActionListGroup, ActionListItem, Button } from '@patternfly/react-core'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; -import RhMicronsCheckmarkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; +import { ActionList, ActionListGroup, ActionListItem, Button } from '@rh-felt/react-core'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; +import RhMicronsCheckmarkIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; export const ActionListWithIcons: React.FunctionComponent = () => ( <> diff --git a/packages/react-core/src/components/Alert/Alert.tsx b/packages/react-core/src/components/Alert/Alert.tsx index 7d8ef8dfca8..9ba2003bee6 100644 --- a/packages/react-core/src/components/Alert/Alert.tsx +++ b/packages/react-core/src/components/Alert/Alert.tsx @@ -1,12 +1,12 @@ import { Fragment, useEffect, useRef, useState, useContext } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Alert/alert'; -import alertGroupStyles from '@patternfly/react-styles/css/components/Alert/alert-group'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Alert/alert'; +import alertGroupStyles from '@rh-felt/react-styles/css/components/Alert/alert-group'; import { AlertIcon } from './AlertIcon'; import { capitalize, useOUIAProps, OUIAProps } from '../../helpers'; import { AlertContext } from './AlertContext'; import { AlertGroupContext } from './AlertGroupContext'; -import maxLines from '@patternfly/react-tokens/dist/esm/c_alert__title_max_lines'; +import maxLines from '@rh-felt/react-tokens/dist/esm/c_alert__title_max_lines'; import { Tooltip, TooltipPosition } from '../Tooltip'; import { AlertToggleExpandButton } from './AlertToggleExpandButton'; diff --git a/packages/react-core/src/components/Alert/AlertActionCloseButton.tsx b/packages/react-core/src/components/Alert/AlertActionCloseButton.tsx index c52643aad22..fe1eab896d9 100644 --- a/packages/react-core/src/components/Alert/AlertActionCloseButton.tsx +++ b/packages/react-core/src/components/Alert/AlertActionCloseButton.tsx @@ -1,9 +1,9 @@ import { useRef, useContext } from 'react'; import { Button, ButtonVariant, ButtonProps } from '../Button'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; import { AlertContext } from './AlertContext'; import { AlertGroupContext } from './AlertGroupContext'; -import alertGroupStyles from '@patternfly/react-styles/css/components/Alert/alert-group'; +import alertGroupStyles from '@rh-felt/react-styles/css/components/Alert/alert-group'; /** Renders a close button for a dismissable alert when this sub-component is passed into * the alert's actionClose property. diff --git a/packages/react-core/src/components/Alert/AlertGroupInline.tsx b/packages/react-core/src/components/Alert/AlertGroupInline.tsx index 390a78771da..0e5e143e23e 100644 --- a/packages/react-core/src/components/Alert/AlertGroupInline.tsx +++ b/packages/react-core/src/components/Alert/AlertGroupInline.tsx @@ -1,6 +1,6 @@ import { Children, useState, useEffect } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Alert/alert-group'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Alert/alert-group'; import { AlertGroupProps } from './AlertGroup'; import { AlertProps } from '../Alert'; import { AlertGroupContext } from './AlertGroupContext'; diff --git a/packages/react-core/src/components/Alert/AlertIcon.tsx b/packages/react-core/src/components/Alert/AlertIcon.tsx index 285b09cafe8..8a50605ed40 100644 --- a/packages/react-core/src/components/Alert/AlertIcon.tsx +++ b/packages/react-core/src/components/Alert/AlertIcon.tsx @@ -1,10 +1,10 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Alert/alert'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; -import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; -import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Alert/alert'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +import RhUiWarningFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; +import RhUiInformationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; +import RhUiNotificationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; export const variantIcons = { success: RhUiCheckCircleFillIcon, diff --git a/packages/react-core/src/components/Alert/AlertToggleExpandButton.tsx b/packages/react-core/src/components/Alert/AlertToggleExpandButton.tsx index 2e7c7c030a7..55493e06d18 100644 --- a/packages/react-core/src/components/Alert/AlertToggleExpandButton.tsx +++ b/packages/react-core/src/components/Alert/AlertToggleExpandButton.tsx @@ -1,9 +1,9 @@ import { useContext } from 'react'; import { Button, ButtonProps, ButtonVariant } from '../Button'; import { AlertContext } from './AlertContext'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Alert/alert'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Alert/alert'; export interface AlertToggleExpandButtonProps extends ButtonProps { /** Accessible label for the toggle button. */ diff --git a/packages/react-core/src/components/Alert/__tests__/Alert.test.tsx b/packages/react-core/src/components/Alert/__tests__/Alert.test.tsx index 19b394af444..662ed99ae31 100644 --- a/packages/react-core/src/components/Alert/__tests__/Alert.test.tsx +++ b/packages/react-core/src/components/Alert/__tests__/Alert.test.tsx @@ -5,8 +5,8 @@ import { act, useContext } from 'react'; import { Alert, AlertVariant } from '../Alert'; import { AlertContext } from '../AlertContext'; import { capitalize } from '../../../helpers'; -import cssAlertTitleMaxLines from '@patternfly/react-tokens/dist/esm/c_alert__title_max_lines'; -import styles from '@patternfly/react-styles/css/components/Alert/alert'; +import cssAlertTitleMaxLines from '@rh-felt/react-tokens/dist/esm/c_alert__title_max_lines'; +import styles from '@rh-felt/react-styles/css/components/Alert/alert'; jest.mock('../AlertToggleExpandButton', () => ({ AlertToggleExpandButton: ({ isExpanded, onToggleExpand, ...props }) => ( diff --git a/packages/react-core/src/components/Alert/__tests__/AlertIcon.test.tsx b/packages/react-core/src/components/Alert/__tests__/AlertIcon.test.tsx index 7dea0f0ce8a..8e9f64a5019 100644 --- a/packages/react-core/src/components/Alert/__tests__/AlertIcon.test.tsx +++ b/packages/react-core/src/components/Alert/__tests__/AlertIcon.test.tsx @@ -1,16 +1,13 @@ import { render, screen } from '@testing-library/react'; import { AlertIcon } from '../AlertIcon'; -import styles from '@patternfly/react-styles/css/components/Alert/alert'; - -jest.mock('@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon', () => () => 'Check circle icon mock'); -jest.mock('@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon', () => () => 'Exclamation circle icon mock'); -jest.mock( - '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon', - () => () => 'Exclamation triangle icon mock' -); -jest.mock('@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon', () => () => 'Info circle icon mock'); -jest.mock('@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon', () => () => 'Bell icon mock'); +import styles from '@rh-felt/react-styles/css/components/Alert/alert'; + +jest.mock('@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon', () => () => 'Check circle icon mock'); +jest.mock('@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon', () => () => 'Exclamation circle icon mock'); +jest.mock('@rh-felt/react-icons/dist/esm/icons/rh-ui-warning-fill-icon', () => () => 'Exclamation triangle icon mock'); +jest.mock('@rh-felt/react-icons/dist/esm/icons/rh-ui-information-fill-icon', () => () => 'Info circle icon mock'); +jest.mock('@rh-felt/react-icons/dist/esm/icons/rh-ui-notification-fill-icon', () => () => 'Bell icon mock'); test('Renders without children', () => { render( 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 8d2dab6d0f7..a6f83f3314f 100644 --- a/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx +++ b/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx @@ -4,11 +4,11 @@ import '@testing-library/jest-dom'; import { AlertToggleExpandButton } from '../AlertToggleExpandButton'; import { AlertContext } from '../AlertContext'; -import styles from '@patternfly/react-styles/css/components/Alert/alert'; +import styles from '@rh-felt/react-styles/css/components/Alert/alert'; jest.mock('../../Button'); -jest.mock('@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon', () => () => 'Icon mock'); +jest.mock('@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon', () => () => 'Icon mock'); test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Alert/examples/Alert.md b/packages/react-core/src/components/Alert/examples/Alert.md index 5452f389834..d913d09a344 100644 --- a/packages/react-core/src/components/Alert/examples/Alert.md +++ b/packages/react-core/src/components/Alert/examples/Alert.md @@ -8,12 +8,12 @@ ouia: true import './alert.css'; 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 RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon'; -import RhUiLaptopFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-laptop-fill-icon'; -import buttonStyles from '@patternfly/react-styles/css/components/Button/button'; +import RhUiUsersFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-users-fill-icon'; +import RhUiContainerFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-container-fill-icon'; +import DatabaseIcon from '@rh-felt/react-icons/dist/esm/icons/database-icon'; +import RhUiServerStackFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon'; +import RhUiLaptopFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-laptop-fill-icon'; +import buttonStyles from '@rh-felt/react-styles/css/components/Button/button'; Micro animations have been added for `` components within an ``. By default, you must opt into animations, since they can require updates to tests. To enable or disable animations as needed, use the `hasAnimations` property. With animations enabled, we recommend you ensure that dynamically-added alerts are prepended to a list of alerts, rather than appended to the end of it. diff --git a/packages/react-core/src/components/Alert/examples/AlertAsyncLiveRegion.tsx b/packages/react-core/src/components/Alert/examples/AlertAsyncLiveRegion.tsx index 51553032071..6d9c4850427 100644 --- a/packages/react-core/src/components/Alert/examples/AlertAsyncLiveRegion.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertAsyncLiveRegion.tsx @@ -1,5 +1,5 @@ import { Fragment, useEffect, useState } from 'react'; -import { Alert, AlertGroup, AlertVariant, ToggleGroup, ToggleGroupItem } from '@patternfly/react-core'; +import { Alert, AlertGroup, AlertVariant, ToggleGroup, ToggleGroupItem } from '@rh-felt/react-core'; interface AlertInfo { title: string; diff --git a/packages/react-core/src/components/Alert/examples/AlertCustomIcons.tsx b/packages/react-core/src/components/Alert/examples/AlertCustomIcons.tsx index ee782901784..ffedff526d1 100644 --- a/packages/react-core/src/components/Alert/examples/AlertCustomIcons.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertCustomIcons.tsx @@ -1,10 +1,10 @@ import { Fragment } from 'react'; -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 RhUiServerStackFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon'; -import RhUiLaptopFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-laptop-fill-icon'; +import { Alert } from '@rh-felt/react-core'; +import RhUiUsersFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-users-fill-icon'; +import RhUiContainerFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-container-fill-icon'; +import DatabaseIcon from '@rh-felt/react-icons/dist/esm/icons/database-icon'; +import RhUiServerStackFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-server-stack-fill-icon'; +import RhUiLaptopFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-laptop-fill-icon'; export const AlertCustomIcons: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertDynamicLiveRegion.tsx b/packages/react-core/src/components/Alert/examples/AlertDynamicLiveRegion.tsx index 6698cc374c8..c21040ae7ba 100644 --- a/packages/react-core/src/components/Alert/examples/AlertDynamicLiveRegion.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertDynamicLiveRegion.tsx @@ -1,6 +1,6 @@ import { Fragment, useState } from 'react'; -import { Alert, AlertGroup, AlertVariant, Flex, FlexItem } from '@patternfly/react-core'; -import buttonStyles from '@patternfly/react-styles/css/components/Button/button'; +import { Alert, AlertGroup, AlertVariant, Flex, FlexItem } from '@rh-felt/react-core'; +import buttonStyles from '@rh-felt/react-styles/css/components/Button/button'; interface AlertInfo { title: string; diff --git a/packages/react-core/src/components/Alert/examples/AlertExpandable.tsx b/packages/react-core/src/components/Alert/examples/AlertExpandable.tsx index 9fe9ab5b53d..6b7599fdcfc 100644 --- a/packages/react-core/src/components/Alert/examples/AlertExpandable.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertExpandable.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Alert, AlertActionCloseButton, AlertActionLink } from '@patternfly/react-core'; +import { Alert, AlertActionCloseButton, AlertActionLink } from '@rh-felt/react-core'; export const AlertExpandable: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertGroupAsync.tsx b/packages/react-core/src/components/Alert/examples/AlertGroupAsync.tsx index 4bcb2a8c7e4..ad7c1285354 100644 --- a/packages/react-core/src/components/Alert/examples/AlertGroupAsync.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertGroupAsync.tsx @@ -8,8 +8,8 @@ import { InputGroup, InputGroupItem, useInterval -} from '@patternfly/react-core'; -import buttonStyles from '@patternfly/react-styles/css/components/Button/button'; +} from '@rh-felt/react-core'; +import buttonStyles from '@rh-felt/react-styles/css/components/Button/button'; export const AlertGroupAsync: React.FunctionComponent = () => { const [alerts, setAlerts] = useState[]>([]); diff --git a/packages/react-core/src/components/Alert/examples/AlertGroupMultipleDynamic.tsx b/packages/react-core/src/components/Alert/examples/AlertGroupMultipleDynamic.tsx index 311c1f75b7d..7d6e452bbcd 100644 --- a/packages/react-core/src/components/Alert/examples/AlertGroupMultipleDynamic.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertGroupMultipleDynamic.tsx @@ -7,8 +7,8 @@ import { AlertVariant, Flex, FlexItem -} from '@patternfly/react-core'; -import buttonStyles from '@patternfly/react-styles/css/components/Button/button'; +} from '@rh-felt/react-core'; +import buttonStyles from '@rh-felt/react-styles/css/components/Button/button'; export const AlertGroupMultipleDynamic: React.FunctionComponent = () => { const [alerts, setAlerts] = useState[]>([]); diff --git a/packages/react-core/src/components/Alert/examples/AlertGroupSingularDynamic.tsx b/packages/react-core/src/components/Alert/examples/AlertGroupSingularDynamic.tsx index b4087fb7017..152e989f6d5 100644 --- a/packages/react-core/src/components/Alert/examples/AlertGroupSingularDynamic.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertGroupSingularDynamic.tsx @@ -7,8 +7,8 @@ import { AlertVariant, Flex, FlexItem -} from '@patternfly/react-core'; -import buttonStyles from '@patternfly/react-styles/css/components/Button/button'; +} from '@rh-felt/react-core'; +import buttonStyles from '@rh-felt/react-styles/css/components/Button/button'; export const AlertGroupSingularDynamic: React.FunctionComponent = () => { const [alerts, setAlerts] = useState[]>([]); diff --git a/packages/react-core/src/components/Alert/examples/AlertGroupSingularDynamicOverflow.tsx b/packages/react-core/src/components/Alert/examples/AlertGroupSingularDynamicOverflow.tsx index fa1a140c041..3f54df7c436 100644 --- a/packages/react-core/src/components/Alert/examples/AlertGroupSingularDynamicOverflow.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertGroupSingularDynamicOverflow.tsx @@ -7,8 +7,8 @@ import { AlertVariant, Flex, FlexItem -} from '@patternfly/react-core'; -import buttonStyles from '@patternfly/react-styles/css/components/Button/button'; +} from '@rh-felt/react-core'; +import buttonStyles from '@rh-felt/react-styles/css/components/Button/button'; export const AlertGroupSingularDynamicOverflow: React.FunctionComponent = () => { const [alerts, setAlerts] = useState[]>([]); diff --git a/packages/react-core/src/components/Alert/examples/AlertGroupStatic.tsx b/packages/react-core/src/components/Alert/examples/AlertGroupStatic.tsx index 1477cefc811..64abe6aaf29 100644 --- a/packages/react-core/src/components/Alert/examples/AlertGroupStatic.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertGroupStatic.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Alert, AlertGroup } from '@patternfly/react-core'; +import { Alert, AlertGroup } from '@rh-felt/react-core'; export const AlertGroupStatic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertGroupToast.tsx b/packages/react-core/src/components/Alert/examples/AlertGroupToast.tsx index 460eb9ddb6a..8dac034da43 100644 --- a/packages/react-core/src/components/Alert/examples/AlertGroupToast.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertGroupToast.tsx @@ -7,8 +7,8 @@ import { AlertVariant, Flex, FlexItem -} from '@patternfly/react-core'; -import buttonStyles from '@patternfly/react-styles/css/components/Button/button'; +} from '@rh-felt/react-core'; +import buttonStyles from '@rh-felt/react-styles/css/components/Button/button'; export const AlertGroupToast: React.FunctionComponent = () => { const [alerts, setAlerts] = useState[]>([]); diff --git a/packages/react-core/src/components/Alert/examples/AlertGroupToastOverflowCapture.tsx b/packages/react-core/src/components/Alert/examples/AlertGroupToastOverflowCapture.tsx index d4f567551dc..8e476db1265 100644 --- a/packages/react-core/src/components/Alert/examples/AlertGroupToastOverflowCapture.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertGroupToastOverflowCapture.tsx @@ -7,8 +7,8 @@ import { AlertVariant, Flex, FlexItem -} from '@patternfly/react-core'; -import buttonStyles from '@patternfly/react-styles/css/components/Button/button'; +} from '@rh-felt/react-core'; +import buttonStyles from '@rh-felt/react-styles/css/components/Button/button'; export const AlertGroupToastOverflowCapture: React.FunctionComponent = () => { const [alerts, setAlerts] = useState[]>([]); diff --git a/packages/react-core/src/components/Alert/examples/AlertInlineVariants.tsx b/packages/react-core/src/components/Alert/examples/AlertInlineVariants.tsx index 011401c76da..a1edf6b8316 100644 --- a/packages/react-core/src/components/Alert/examples/AlertInlineVariants.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertInlineVariants.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Alert } from '@patternfly/react-core'; +import { Alert } from '@rh-felt/react-core'; export const AlertInlineVariants: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertInlineVariations.tsx b/packages/react-core/src/components/Alert/examples/AlertInlineVariations.tsx index 9e3029a4646..978f75d565e 100644 --- a/packages/react-core/src/components/Alert/examples/AlertInlineVariations.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertInlineVariations.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Alert, AlertActionCloseButton, AlertActionLink } from '@patternfly/react-core'; +import { Alert, AlertActionCloseButton, AlertActionLink } from '@rh-felt/react-core'; export const AlertInlineVariations: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertPlainInlineVariants.tsx b/packages/react-core/src/components/Alert/examples/AlertPlainInlineVariants.tsx index 2c63b045482..e31c5263781 100644 --- a/packages/react-core/src/components/Alert/examples/AlertPlainInlineVariants.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertPlainInlineVariants.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Alert } from '@patternfly/react-core'; +import { Alert } from '@rh-felt/react-core'; export const AlertPlainInlineVariants: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertPlainInlineVariations.tsx b/packages/react-core/src/components/Alert/examples/AlertPlainInlineVariations.tsx index 0a1cbb368aa..0d61b22b14d 100644 --- a/packages/react-core/src/components/Alert/examples/AlertPlainInlineVariations.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertPlainInlineVariations.tsx @@ -1,4 +1,4 @@ -import { Alert } from '@patternfly/react-core'; +import { Alert } from '@rh-felt/react-core'; export const AlertPlainInlineVariations: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertStaticLiveRegion.tsx b/packages/react-core/src/components/Alert/examples/AlertStaticLiveRegion.tsx index b5f3bf17724..430c3b337c2 100644 --- a/packages/react-core/src/components/Alert/examples/AlertStaticLiveRegion.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertStaticLiveRegion.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Alert, AlertActionCloseButton } from '@patternfly/react-core'; +import { Alert, AlertActionCloseButton } from '@rh-felt/react-core'; export const AlertStaticLiveRegion: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertTimeout.tsx b/packages/react-core/src/components/Alert/examples/AlertTimeout.tsx index 57eb3a8ccd4..afe2ebecd24 100644 --- a/packages/react-core/src/components/Alert/examples/AlertTimeout.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertTimeout.tsx @@ -1,5 +1,5 @@ import { Fragment, useState } from 'react'; -import { Alert, AlertActionLink, AlertGroup, Button } from '@patternfly/react-core'; +import { Alert, AlertActionLink, AlertGroup, Button } from '@rh-felt/react-core'; export const AlertTimeout: React.FunctionComponent = () => { const [alerts, setAlerts] = useState([]); diff --git a/packages/react-core/src/components/Alert/examples/AlertTruncated.tsx b/packages/react-core/src/components/Alert/examples/AlertTruncated.tsx index 57e903b13d5..c71d5c350aa 100644 --- a/packages/react-core/src/components/Alert/examples/AlertTruncated.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertTruncated.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Alert } from '@patternfly/react-core'; +import { Alert } from '@rh-felt/react-core'; export const AlertTruncated: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertVariants.tsx b/packages/react-core/src/components/Alert/examples/AlertVariants.tsx index 575b6cee161..d19d979ac8d 100644 --- a/packages/react-core/src/components/Alert/examples/AlertVariants.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertVariants.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Alert } from '@patternfly/react-core'; +import { Alert } from '@rh-felt/react-core'; export const AlertVariants: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Alert/examples/AlertVariations.tsx b/packages/react-core/src/components/Alert/examples/AlertVariations.tsx index da6241b4352..1a981e9b1b1 100644 --- a/packages/react-core/src/components/Alert/examples/AlertVariations.tsx +++ b/packages/react-core/src/components/Alert/examples/AlertVariations.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Alert, AlertActionCloseButton, AlertActionLink } from '@patternfly/react-core'; +import { Alert, AlertActionCloseButton, AlertActionLink } from '@rh-felt/react-core'; export const AlertVariations: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Avatar/Avatar.tsx b/packages/react-core/src/components/Avatar/Avatar.tsx index 3de94da6ba1..8b122ee4086 100644 --- a/packages/react-core/src/components/Avatar/Avatar.tsx +++ b/packages/react-core/src/components/Avatar/Avatar.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Avatar/avatar'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Avatar/avatar'; +import { css } from '@rh-felt/react-styles'; export interface AvatarProps extends React.DetailedHTMLProps< React.ImgHTMLAttributes, diff --git a/packages/react-core/src/components/Avatar/__tests__/Avatar.test.tsx b/packages/react-core/src/components/Avatar/__tests__/Avatar.test.tsx index 366c6173489..8a49d87e9e7 100644 --- a/packages/react-core/src/components/Avatar/__tests__/Avatar.test.tsx +++ b/packages/react-core/src/components/Avatar/__tests__/Avatar.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { Avatar } from '../Avatar'; -import styles from '@patternfly/react-styles/css/components/Avatar/avatar'; +import styles from '@rh-felt/react-styles/css/components/Avatar/avatar'; test('Renders simple avatar', () => { render( diff --git a/packages/react-core/src/components/Avatar/examples/Avatar.md b/packages/react-core/src/components/Avatar/examples/Avatar.md index 2cbdc0229a5..9f54b406857 100644 --- a/packages/react-core/src/components/Avatar/examples/Avatar.md +++ b/packages/react-core/src/components/Avatar/examples/Avatar.md @@ -8,7 +8,7 @@ propComponents: ['Avatar'] import './avatar.css'; import { Fragment } from 'react'; import avatarImg from '../../assets/img_avatar-light.svg'; -import RhUiAiChatbotIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ai-chatbot-icon'; +import RhUiAiChatbotIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ai-chatbot-icon'; ## Examples diff --git a/packages/react-core/src/components/Avatar/examples/AvatarBasic.tsx b/packages/react-core/src/components/Avatar/examples/AvatarBasic.tsx index f0facc9f18f..b601b0c00ab 100644 --- a/packages/react-core/src/components/Avatar/examples/AvatarBasic.tsx +++ b/packages/react-core/src/components/Avatar/examples/AvatarBasic.tsx @@ -1,4 +1,4 @@ -import { Avatar } from '@patternfly/react-core'; +import { Avatar } from '@rh-felt/react-core'; import avatarImg from '../../assets/img_avatar-light.svg'; const rhdsLogo = ( diff --git a/packages/react-core/src/components/Avatar/examples/AvatarBordered.tsx b/packages/react-core/src/components/Avatar/examples/AvatarBordered.tsx index 4986e5f82bf..cc789df92c2 100644 --- a/packages/react-core/src/components/Avatar/examples/AvatarBordered.tsx +++ b/packages/react-core/src/components/Avatar/examples/AvatarBordered.tsx @@ -1,5 +1,5 @@ -import { Avatar } from '@patternfly/react-core'; -import RhUiAiChatbotIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ai-chatbot-icon'; +import { Avatar } from '@rh-felt/react-core'; +import RhUiAiChatbotIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ai-chatbot-icon'; export const AvatarBordered: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Avatar/examples/AvatarColorModifiers.tsx b/packages/react-core/src/components/Avatar/examples/AvatarColorModifiers.tsx index 87f2684ede4..3f0732f65c6 100644 --- a/packages/react-core/src/components/Avatar/examples/AvatarColorModifiers.tsx +++ b/packages/react-core/src/components/Avatar/examples/AvatarColorModifiers.tsx @@ -1,4 +1,4 @@ -import { Avatar } from '@patternfly/react-core'; +import { Avatar } from '@rh-felt/react-core'; const profileSvg = (

diff --git a/packages/react-core/src/components/Button/examples/ButtonProgress.tsx b/packages/react-core/src/components/Button/examples/ButtonProgress.tsx index 97b76f798ba..b9cbf7dd901 100644 --- a/packages/react-core/src/components/Button/examples/ButtonProgress.tsx +++ b/packages/react-core/src/components/Button/examples/ButtonProgress.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { Button, Flex } from '@patternfly/react-core'; -import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon'; +import { Button, Flex } from '@rh-felt/react-core'; +import RhUiUploadIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-upload-icon'; interface LoadingPropsType { spinnerAriaValueText: string; diff --git a/packages/react-core/src/components/Button/examples/ButtonSettings.tsx b/packages/react-core/src/components/Button/examples/ButtonSettings.tsx index b0e95cfb4c0..41fa467f8ab 100644 --- a/packages/react-core/src/components/Button/examples/ButtonSettings.tsx +++ b/packages/react-core/src/components/Button/examples/ButtonSettings.tsx @@ -1,4 +1,4 @@ -import { Button, Flex } from '@patternfly/react-core'; +import { Button, Flex } from '@rh-felt/react-core'; export const ButtonSettings: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Button/examples/ButtonSmall.tsx b/packages/react-core/src/components/Button/examples/ButtonSmall.tsx index e031f4ffaed..6d4a44cd8aa 100644 --- a/packages/react-core/src/components/Button/examples/ButtonSmall.tsx +++ b/packages/react-core/src/components/Button/examples/ButtonSmall.tsx @@ -1,4 +1,4 @@ -import { Button, Flex } from '@patternfly/react-core'; +import { Button, Flex } from '@rh-felt/react-core'; export const ButtonSmall: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Button/examples/ButtonStateful.tsx b/packages/react-core/src/components/Button/examples/ButtonStateful.tsx index 055f0b3faad..6d49a278c84 100644 --- a/packages/react-core/src/components/Button/examples/ButtonStateful.tsx +++ b/packages/react-core/src/components/Button/examples/ButtonStateful.tsx @@ -1,5 +1,5 @@ -import { Button, Flex } from '@patternfly/react-core'; -import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; +import { Button, Flex } from '@rh-felt/react-core'; +import RhUiNotificationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; export const ButtonStateful: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Button/examples/ButtonTypes.tsx b/packages/react-core/src/components/Button/examples/ButtonTypes.tsx index c07934d7918..2f97650629f 100644 --- a/packages/react-core/src/components/Button/examples/ButtonTypes.tsx +++ b/packages/react-core/src/components/Button/examples/ButtonTypes.tsx @@ -1,4 +1,4 @@ -import { Button, Flex } from '@patternfly/react-core'; +import { Button, Flex } from '@rh-felt/react-core'; export const ButtonTypes: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Button/examples/ButtonVariations.tsx b/packages/react-core/src/components/Button/examples/ButtonVariations.tsx index cb9820e8585..62992165a14 100644 --- a/packages/react-core/src/components/Button/examples/ButtonVariations.tsx +++ b/packages/react-core/src/components/Button/examples/ButtonVariations.tsx @@ -1,9 +1,9 @@ -import { Button, Flex } from '@patternfly/react-core'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; -import RhUiExternalLinkFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-fill-icon'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; -import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; -import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; +import { Button, Flex } from '@rh-felt/react-core'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; +import RhUiExternalLinkFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-external-link-fill-icon'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +import RhUiCopyFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; +import RhUiNotificationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; export const ButtonVariations: React.FunctionComponent = () => ( <> diff --git a/packages/react-core/src/components/Button/examples/ButtonWithCount.tsx b/packages/react-core/src/components/Button/examples/ButtonWithCount.tsx index e56340ffb5f..cda2352afb1 100644 --- a/packages/react-core/src/components/Button/examples/ButtonWithCount.tsx +++ b/packages/react-core/src/components/Button/examples/ButtonWithCount.tsx @@ -1,4 +1,4 @@ -import { BadgeCountObject, Button, Flex } from '@patternfly/react-core'; +import { BadgeCountObject, Button, Flex } from '@rh-felt/react-core'; export const ButtonWithCount: React.FunctionComponent = () => { const badgeCountObjectNotRead: BadgeCountObject = { diff --git a/packages/react-core/src/components/Button/hamburgerIcon.tsx b/packages/react-core/src/components/Button/hamburgerIcon.tsx index 70770e054b8..8ed597b9fa8 100644 --- a/packages/react-core/src/components/Button/hamburgerIcon.tsx +++ b/packages/react-core/src/components/Button/hamburgerIcon.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Button/button'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Button/button'; +import { css } from '@rh-felt/react-styles'; // Because this is such a specific icon that requires being wrapped in a pf-v[current version]-c-button element, // we don't want to export this to consumers nor include it in the react-icons package as a custom icon. diff --git a/packages/react-core/src/components/CalendarMonth/CalendarMonth.tsx b/packages/react-core/src/components/CalendarMonth/CalendarMonth.tsx index 3ef4d7d4070..bda9aab8a57 100644 --- a/packages/react-core/src/components/CalendarMonth/CalendarMonth.tsx +++ b/packages/react-core/src/components/CalendarMonth/CalendarMonth.tsx @@ -4,10 +4,10 @@ import { Button } from '../Button'; import { Select, SelectList, SelectOption } from '../Select'; import { MenuToggle, MenuToggleElement } from '../MenuToggle'; import { InputGroup, InputGroupItem } from '../InputGroup'; -import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/CalendarMonth/calendar-month'; +import RhMicronsCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/CalendarMonth/calendar-month'; import { useSSRSafeId, useOUIAProps, OUIAProps } from '../../helpers'; import { isValidDate } from '../../helpers/datetimeUtils'; diff --git a/packages/react-core/src/components/CalendarMonth/examples/CalendarMonthDateRange.tsx b/packages/react-core/src/components/CalendarMonth/examples/CalendarMonthDateRange.tsx index a2654d98e11..5f077773038 100644 --- a/packages/react-core/src/components/CalendarMonth/examples/CalendarMonthDateRange.tsx +++ b/packages/react-core/src/components/CalendarMonth/examples/CalendarMonthDateRange.tsx @@ -1,4 +1,4 @@ -import { CalendarMonth, Title, CalendarMonthInlineProps } from '@patternfly/react-core'; +import { CalendarMonth, Title, CalendarMonthInlineProps } from '@rh-felt/react-core'; export const CalendarMonthDateRange: React.FunctionComponent = () => { const startDate = new Date(2020, 10, 11); diff --git a/packages/react-core/src/components/CalendarMonth/examples/CalendarMonthSelectableDate.tsx b/packages/react-core/src/components/CalendarMonth/examples/CalendarMonthSelectableDate.tsx index 876f2b3dda0..973745e7846 100644 --- a/packages/react-core/src/components/CalendarMonth/examples/CalendarMonthSelectableDate.tsx +++ b/packages/react-core/src/components/CalendarMonth/examples/CalendarMonthSelectableDate.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { CalendarMonth, Title, CalendarMonthInlineProps } from '@patternfly/react-core'; +import { CalendarMonth, Title, CalendarMonthInlineProps } from '@rh-felt/react-core'; export const CalendarMonthSelectableDate: React.FunctionComponent = () => { const [date, setDate] = useState(new Date(2020, 10, 24)); diff --git a/packages/react-core/src/components/Card/Card.tsx b/packages/react-core/src/components/Card/Card.tsx index b3e0ad1f024..e95e7a7b27e 100644 --- a/packages/react-core/src/components/Card/Card.tsx +++ b/packages/react-core/src/components/Card/Card.tsx @@ -1,6 +1,6 @@ import { createContext, forwardRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/Card/card'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; import { useOUIAProps, OUIAProps } from '../../helpers'; export interface CardProps extends React.HTMLProps, OUIAProps { diff --git a/packages/react-core/src/components/Card/CardActions.tsx b/packages/react-core/src/components/Card/CardActions.tsx index 5732439ea0d..d11472f2035 100644 --- a/packages/react-core/src/components/Card/CardActions.tsx +++ b/packages/react-core/src/components/Card/CardActions.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; export interface CardActionsProps extends React.HTMLProps { /** Content rendered inside the card action */ diff --git a/packages/react-core/src/components/Card/CardBody.tsx b/packages/react-core/src/components/Card/CardBody.tsx index da14d0fe16c..8147082d3b2 100644 --- a/packages/react-core/src/components/Card/CardBody.tsx +++ b/packages/react-core/src/components/Card/CardBody.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Card/card'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; import type { JSX } from 'react'; diff --git a/packages/react-core/src/components/Card/CardExpandableContent.tsx b/packages/react-core/src/components/Card/CardExpandableContent.tsx index 9def7cebfba..0299e499263 100644 --- a/packages/react-core/src/components/Card/CardExpandableContent.tsx +++ b/packages/react-core/src/components/Card/CardExpandableContent.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Card/card'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; import { CardContext } from './Card'; export interface CardExpandableContentProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/Card/CardFooter.tsx b/packages/react-core/src/components/Card/CardFooter.tsx index 09078bd8931..2dedf640e8a 100644 --- a/packages/react-core/src/components/Card/CardFooter.tsx +++ b/packages/react-core/src/components/Card/CardFooter.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Card/card'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; import type { JSX } from 'react'; diff --git a/packages/react-core/src/components/Card/CardHeader.tsx b/packages/react-core/src/components/Card/CardHeader.tsx index dc0cc411511..d2b2e9dcc36 100644 --- a/packages/react-core/src/components/Card/CardHeader.tsx +++ b/packages/react-core/src/components/Card/CardHeader.tsx @@ -1,11 +1,11 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; import { CardContext } from './Card'; import { CardHeaderMain } from './CardHeaderMain'; import { CardActions } from './CardActions'; import { CardSelectableActions } from './CardSelectableActions'; import { Button } from '../Button'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import { Radio } from '../Radio'; import { Checkbox } from '../Checkbox'; import { useSSRSafeId } from '../../helpers'; diff --git a/packages/react-core/src/components/Card/CardHeaderMain.tsx b/packages/react-core/src/components/Card/CardHeaderMain.tsx index e7f4b6d25d8..3164eb524a3 100644 --- a/packages/react-core/src/components/Card/CardHeaderMain.tsx +++ b/packages/react-core/src/components/Card/CardHeaderMain.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; export interface CardHeaderMainProps extends React.HTMLProps { /** Content rendered inside the Card Head Main */ diff --git a/packages/react-core/src/components/Card/CardSelectableActions.tsx b/packages/react-core/src/components/Card/CardSelectableActions.tsx index 5a2d2d0e8f2..9789d53f45d 100644 --- a/packages/react-core/src/components/Card/CardSelectableActions.tsx +++ b/packages/react-core/src/components/Card/CardSelectableActions.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; export interface CardActionsProps extends React.HTMLProps { /** Content rendered inside the card action */ diff --git a/packages/react-core/src/components/Card/CardSubtitle.tsx b/packages/react-core/src/components/Card/CardSubtitle.tsx index 63e27ac915a..e09ba692e10 100644 --- a/packages/react-core/src/components/Card/CardSubtitle.tsx +++ b/packages/react-core/src/components/Card/CardSubtitle.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; export interface CardSubtitleProps { /** Content rendered inside the description. */ diff --git a/packages/react-core/src/components/Card/CardTitle.tsx b/packages/react-core/src/components/Card/CardTitle.tsx index 17333c150f4..db538674b4e 100644 --- a/packages/react-core/src/components/Card/CardTitle.tsx +++ b/packages/react-core/src/components/Card/CardTitle.tsx @@ -1,6 +1,6 @@ import { useContext } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Card/card'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; import { CardContext } from './Card'; import { CardSubtitle } from './CardSubtitle'; diff --git a/packages/react-core/src/components/Card/__tests__/CardHeader.test.tsx b/packages/react-core/src/components/Card/__tests__/CardHeader.test.tsx index 8a4ac4d38f3..2e6a1f94b6f 100644 --- a/packages/react-core/src/components/Card/__tests__/CardHeader.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/CardHeader.test.tsx @@ -1,5 +1,5 @@ import { render, screen } from '@testing-library/react'; -import styles from '@patternfly/react-styles/css/components/Card/card'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; import '@testing-library/jest-dom'; import userEvent from '@testing-library/user-event'; import { CardHeader } from '../CardHeader'; diff --git a/packages/react-core/src/components/Card/__tests__/CardSubtitle.test.tsx b/packages/react-core/src/components/Card/__tests__/CardSubtitle.test.tsx index 1a71e952344..fab171f7bae 100644 --- a/packages/react-core/src/components/Card/__tests__/CardSubtitle.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/CardSubtitle.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CardSubtitle } from '../CardSubtitle'; -import styles from '@patternfly/react-styles/css/components/Card/card'; +import styles from '@rh-felt/react-styles/css/components/Card/card'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Card/examples/Card.md b/packages/react-core/src/components/Card/examples/Card.md index a88b6bece49..5d8f25bfbb7 100644 --- a/packages/react-core/src/components/Card/examples/Card.md +++ b/packages/react-core/src/components/Card/examples/Card.md @@ -19,8 +19,8 @@ ouia: true import { Fragment, useState } from 'react'; import pfLogo from '../../assets/PF-HorizontalLogo-Color.svg'; import pfLogoSmall from '../../assets/PF-IconLogo.svg'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhUiAddIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-icon'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhUiAddIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-icon'; ## Examples diff --git a/packages/react-core/src/components/Card/examples/CardBasic.tsx b/packages/react-core/src/components/Card/examples/CardBasic.tsx index 142d7e9bbb2..9b61df6525a 100644 --- a/packages/react-core/src/components/Card/examples/CardBasic.tsx +++ b/packages/react-core/src/components/Card/examples/CardBasic.tsx @@ -1,4 +1,4 @@ -import { Card, CardTitle, CardBody, CardFooter } from '@patternfly/react-core'; +import { Card, CardTitle, CardBody, CardFooter } from '@rh-felt/react-core'; export const CardBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardClickable.tsx b/packages/react-core/src/components/Card/examples/CardClickable.tsx index 5bb2506535d..555af686c08 100644 --- a/packages/react-core/src/components/Card/examples/CardClickable.tsx +++ b/packages/react-core/src/components/Card/examples/CardClickable.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Card, CardHeader, CardTitle, CardBody, Checkbox, Gallery } from '@patternfly/react-core'; +import { Card, CardHeader, CardTitle, CardBody, Checkbox, Gallery } from '@rh-felt/react-core'; export const CardClickable: React.FunctionComponent = () => { const [isSecondary, setIsSecondary] = useState(false); diff --git a/packages/react-core/src/components/Card/examples/CardClickableSelectable.tsx b/packages/react-core/src/components/Card/examples/CardClickableSelectable.tsx index 6bad412a5c1..72597d7638c 100644 --- a/packages/react-core/src/components/Card/examples/CardClickableSelectable.tsx +++ b/packages/react-core/src/components/Card/examples/CardClickableSelectable.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Card, CardHeader, CardTitle, CardBody, Button, Checkbox, Gallery } from '@patternfly/react-core'; +import { Card, CardHeader, CardTitle, CardBody, Button, Checkbox, Gallery } from '@rh-felt/react-core'; export const CardClickable: React.FunctionComponent = () => { const [isChecked1, setIsChecked1] = useState(false); diff --git a/packages/react-core/src/components/Card/examples/CardExpandable.tsx b/packages/react-core/src/components/Card/examples/CardExpandable.tsx index 0a014b41c57..b75e9e3fb4d 100644 --- a/packages/react-core/src/components/Card/examples/CardExpandable.tsx +++ b/packages/react-core/src/components/Card/examples/CardExpandable.tsx @@ -13,8 +13,8 @@ import { Divider, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const CardExpandable: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx b/packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx index 7b776cc17ef..a0503e34d9c 100644 --- a/packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx +++ b/packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx @@ -12,9 +12,9 @@ import { Divider, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; import pfLogoSmall from '../../PF-IconLogo.svg'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const CardExpandableWithIcon: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Card/examples/CardHeaderInCardHead.tsx b/packages/react-core/src/components/Card/examples/CardHeaderInCardHead.tsx index eec8f1b392d..cf7744f92b5 100644 --- a/packages/react-core/src/components/Card/examples/CardHeaderInCardHead.tsx +++ b/packages/react-core/src/components/Card/examples/CardHeaderInCardHead.tsx @@ -12,8 +12,8 @@ import { MenuToggle, MenuToggleElement, Divider -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const CardTitleInHeader: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Card/examples/CardHeaderWraps.tsx b/packages/react-core/src/components/Card/examples/CardHeaderWraps.tsx index 9e879a16100..b0c4dcf6cc2 100644 --- a/packages/react-core/src/components/Card/examples/CardHeaderWraps.tsx +++ b/packages/react-core/src/components/Card/examples/CardHeaderWraps.tsx @@ -1,4 +1,4 @@ -import { Card, CardBody, CardHeader, Button, CardTitle } from '@patternfly/react-core'; +import { Card, CardBody, CardHeader, Button, CardTitle } from '@rh-felt/react-core'; export const CardBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardOnlyActionsInCardHead.tsx b/packages/react-core/src/components/Card/examples/CardOnlyActionsInCardHead.tsx index 823b0450bdf..b6181383b43 100644 --- a/packages/react-core/src/components/Card/examples/CardOnlyActionsInCardHead.tsx +++ b/packages/react-core/src/components/Card/examples/CardOnlyActionsInCardHead.tsx @@ -10,8 +10,8 @@ import { MenuToggle, MenuToggleElement, Divider -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const CardOnlyActionsInCardHead: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Card/examples/CardSecondary.tsx b/packages/react-core/src/components/Card/examples/CardSecondary.tsx index 451bd36ce56..ff895ec13ca 100644 --- a/packages/react-core/src/components/Card/examples/CardSecondary.tsx +++ b/packages/react-core/src/components/Card/examples/CardSecondary.tsx @@ -1,4 +1,4 @@ -import { Card, CardTitle, CardBody, CardFooter } from '@patternfly/react-core'; +import { Card, CardTitle, CardBody, CardFooter } from '@rh-felt/react-core'; export const CardSecondary: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardSelectable.tsx b/packages/react-core/src/components/Card/examples/CardSelectable.tsx index 28ba8317c41..d423fd21eca 100644 --- a/packages/react-core/src/components/Card/examples/CardSelectable.tsx +++ b/packages/react-core/src/components/Card/examples/CardSelectable.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Card, CardHeader, CardTitle, CardBody, Checkbox, Gallery } from '@patternfly/react-core'; +import { Card, CardHeader, CardTitle, CardBody, Checkbox, Gallery } from '@rh-felt/react-core'; export const SelectableCard: React.FunctionComponent = () => { const [isChecked1, setIsChecked1] = useState(false); diff --git a/packages/react-core/src/components/Card/examples/CardSingleSelectable.tsx b/packages/react-core/src/components/Card/examples/CardSingleSelectable.tsx index 74f43c3b879..0acd9764860 100644 --- a/packages/react-core/src/components/Card/examples/CardSingleSelectable.tsx +++ b/packages/react-core/src/components/Card/examples/CardSingleSelectable.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Card, CardHeader, CardTitle, CardBody, Gallery, Checkbox } from '@patternfly/react-core'; +import { Card, CardHeader, CardTitle, CardBody, Gallery, Checkbox } from '@rh-felt/react-core'; export const SingleSelectableCard: React.FunctionComponent = () => { const [isChecked, setIsChecked] = useState(''); diff --git a/packages/react-core/src/components/Card/examples/CardSubtitle.tsx b/packages/react-core/src/components/Card/examples/CardSubtitle.tsx index 71697f493ce..06dd33832a2 100644 --- a/packages/react-core/src/components/Card/examples/CardSubtitle.tsx +++ b/packages/react-core/src/components/Card/examples/CardSubtitle.tsx @@ -1,4 +1,4 @@ -import { Card, CardTitle, CardBody, CardFooter } from '@patternfly/react-core'; +import { Card, CardTitle, CardBody, CardFooter } from '@rh-felt/react-core'; export const CardSubtitle: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardSubtitleActions.tsx b/packages/react-core/src/components/Card/examples/CardSubtitleActions.tsx index 53a003961c7..e383979a854 100644 --- a/packages/react-core/src/components/Card/examples/CardSubtitleActions.tsx +++ b/packages/react-core/src/components/Card/examples/CardSubtitleActions.tsx @@ -13,8 +13,8 @@ import { MenuToggle, MenuToggleElement, Divider -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import pfLogo from '../../assets/PF-HorizontalLogo-Color.svg'; export const CardWithImageAndActions: React.FunctionComponent = () => { diff --git a/packages/react-core/src/components/Card/examples/CardTile.tsx b/packages/react-core/src/components/Card/examples/CardTile.tsx index 25ee1872557..cbba98d7021 100644 --- a/packages/react-core/src/components/Card/examples/CardTile.tsx +++ b/packages/react-core/src/components/Card/examples/CardTile.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { Card, CardHeader, CardBody, Gallery, Flex } from '@patternfly/react-core'; -import RhUiAddIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-icon'; +import { Card, CardHeader, CardBody, Gallery, Flex } from '@rh-felt/react-core'; +import RhUiAddIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-icon'; export const CardTile: React.FunctionComponent = () => { const [isChecked, setIsChecked] = useState(''); diff --git a/packages/react-core/src/components/Card/examples/CardTileMulti.tsx b/packages/react-core/src/components/Card/examples/CardTileMulti.tsx index 81fb355623d..60861807d6e 100644 --- a/packages/react-core/src/components/Card/examples/CardTileMulti.tsx +++ b/packages/react-core/src/components/Card/examples/CardTileMulti.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { Card, CardHeader, CardBody, Gallery, Flex } from '@patternfly/react-core'; -import RhUiAddIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-icon'; +import { Card, CardHeader, CardBody, Gallery, Flex } from '@rh-felt/react-core'; +import RhUiAddIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-icon'; export const CardTileMulti: React.FunctionComponent = () => { const [isChecked1, setIsChecked1] = useState(false); diff --git a/packages/react-core/src/components/Card/examples/CardWithBodySectionFills.tsx b/packages/react-core/src/components/Card/examples/CardWithBodySectionFills.tsx index 2706d01ef60..65aa7ce4c8e 100644 --- a/packages/react-core/src/components/Card/examples/CardWithBodySectionFills.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithBodySectionFills.tsx @@ -1,4 +1,4 @@ -import { Card, CardTitle, CardBody, CardFooter } from '@patternfly/react-core'; +import { Card, CardTitle, CardBody, CardFooter } from '@rh-felt/react-core'; export const CardWithBodySectionFills: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardWithDividers.tsx b/packages/react-core/src/components/Card/examples/CardWithDividers.tsx index 376196a6c90..b171983fa73 100644 --- a/packages/react-core/src/components/Card/examples/CardWithDividers.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithDividers.tsx @@ -1,4 +1,4 @@ -import { Card, CardTitle, CardBody, CardFooter, Divider } from '@patternfly/react-core'; +import { Card, CardTitle, CardBody, CardFooter, Divider } from '@rh-felt/react-core'; export const CardWithDividers: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardWithHeadingElement.tsx b/packages/react-core/src/components/Card/examples/CardWithHeadingElement.tsx index 2ff37314632..0faaaea5322 100644 --- a/packages/react-core/src/components/Card/examples/CardWithHeadingElement.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithHeadingElement.tsx @@ -1,4 +1,4 @@ -import { Card, CardTitle, CardBody, CardFooter } from '@patternfly/react-core'; +import { Card, CardTitle, CardBody, CardFooter } from '@rh-felt/react-core'; export const CardWithHeadingElement: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx b/packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx index 2d1d03486df..3759396e6df 100644 --- a/packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx @@ -13,8 +13,8 @@ import { MenuToggle, MenuToggleElement, Divider -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import pfLogo from '../../assets/PF-HorizontalLogo-Color.svg'; export const CardWithImageAndActions: React.FunctionComponent = () => { diff --git a/packages/react-core/src/components/Card/examples/CardWithModifiers.tsx b/packages/react-core/src/components/Card/examples/CardWithModifiers.tsx index 637a868f10a..c48c104a1d7 100644 --- a/packages/react-core/src/components/Card/examples/CardWithModifiers.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithModifiers.tsx @@ -1,5 +1,5 @@ import { Fragment, useState } from 'react'; -import { Card, CardTitle, CardBody, CardFooter, Checkbox } from '@patternfly/react-core'; +import { Card, CardTitle, CardBody, CardFooter, Checkbox } from '@rh-felt/react-core'; export const CardWithModifiers: React.FunctionComponent = () => { const mods = ['isCompact', 'isLarge', 'isFullHeight', 'isPlain']; diff --git a/packages/react-core/src/components/Card/examples/CardWithMultipleBodySections.tsx b/packages/react-core/src/components/Card/examples/CardWithMultipleBodySections.tsx index 3986a2aeb26..d75b7ce5fb3 100644 --- a/packages/react-core/src/components/Card/examples/CardWithMultipleBodySections.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithMultipleBodySections.tsx @@ -1,4 +1,4 @@ -import { Card, CardTitle, CardBody, CardFooter } from '@patternfly/react-core'; +import { Card, CardTitle, CardBody, CardFooter } from '@rh-felt/react-core'; export const CardWithMultipleBodySections: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardWithNoFooter.tsx b/packages/react-core/src/components/Card/examples/CardWithNoFooter.tsx index f5ee1a6634b..20e050b0218 100644 --- a/packages/react-core/src/components/Card/examples/CardWithNoFooter.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithNoFooter.tsx @@ -1,4 +1,4 @@ -import { Card, CardTitle, CardBody } from '@patternfly/react-core'; +import { Card, CardTitle, CardBody } from '@rh-felt/react-core'; export const CardWithNoFooter: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardWithNoHeader.tsx b/packages/react-core/src/components/Card/examples/CardWithNoHeader.tsx index fa99eb0902f..d1e2d69d7bd 100644 --- a/packages/react-core/src/components/Card/examples/CardWithNoHeader.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithNoHeader.tsx @@ -1,4 +1,4 @@ -import { Card, CardBody, CardFooter } from '@patternfly/react-core'; +import { Card, CardBody, CardFooter } from '@rh-felt/react-core'; export const CardWithNoHeader: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Card/examples/CardWithOnlyBodySection.tsx b/packages/react-core/src/components/Card/examples/CardWithOnlyBodySection.tsx index 622cf9d24b7..2aa719ead3a 100644 --- a/packages/react-core/src/components/Card/examples/CardWithOnlyBodySection.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithOnlyBodySection.tsx @@ -1,4 +1,4 @@ -import { Card, CardBody } from '@patternfly/react-core'; +import { Card, CardBody } from '@rh-felt/react-core'; export const CardWithOnlyBodySection: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Checkbox/Checkbox.tsx b/packages/react-core/src/components/Checkbox/Checkbox.tsx index fe5bdc3bcf0..bd9a534bceb 100644 --- a/packages/react-core/src/components/Checkbox/Checkbox.tsx +++ b/packages/react-core/src/components/Checkbox/Checkbox.tsx @@ -1,6 +1,6 @@ import { Component } from 'react'; -import styles from '@patternfly/react-styles/css/components/Check/check'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Check/check'; +import { css } from '@rh-felt/react-styles'; import { PickOptional } from '../../helpers/typeUtils'; import { getOUIAProps, OUIAProps } from '../../helpers'; import { SSRSafeIds } from '../../helpers/SSRSafeIds/SSRSafeIds'; diff --git a/packages/react-core/src/components/Checkbox/__tests__/Checkbox.test.tsx b/packages/react-core/src/components/Checkbox/__tests__/Checkbox.test.tsx index 46b0244dd3e..0df5d862335 100644 --- a/packages/react-core/src/components/Checkbox/__tests__/Checkbox.test.tsx +++ b/packages/react-core/src/components/Checkbox/__tests__/Checkbox.test.tsx @@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { Checkbox } from '../Checkbox'; -import styles from '@patternfly/react-styles/css/components/Check/check'; +import styles from '@rh-felt/react-styles/css/components/Check/check'; test(`Renders with only the class ${styles.checkInput} on the check by default`, () => { render(); diff --git a/packages/react-core/src/components/Checkbox/examples/CheckboxControlled.tsx b/packages/react-core/src/components/Checkbox/examples/CheckboxControlled.tsx index ed125618496..fb742c81581 100644 --- a/packages/react-core/src/components/Checkbox/examples/CheckboxControlled.tsx +++ b/packages/react-core/src/components/Checkbox/examples/CheckboxControlled.tsx @@ -1,5 +1,5 @@ import { Fragment, useEffect, useState } from 'react'; -import { Checkbox } from '@patternfly/react-core'; +import { Checkbox } from '@rh-felt/react-core'; export const CheckboxControlled: React.FunctionComponent = () => { const [isChecked1, setIsChecked1] = useState(false); diff --git a/packages/react-core/src/components/Checkbox/examples/CheckboxDisabled.tsx b/packages/react-core/src/components/Checkbox/examples/CheckboxDisabled.tsx index 55c22ac1f33..17c3c21b73c 100644 --- a/packages/react-core/src/components/Checkbox/examples/CheckboxDisabled.tsx +++ b/packages/react-core/src/components/Checkbox/examples/CheckboxDisabled.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Checkbox } from '@patternfly/react-core'; +import { Checkbox } from '@rh-felt/react-core'; export const CheckboxDisabled: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Checkbox/examples/CheckboxLabelWraps.tsx b/packages/react-core/src/components/Checkbox/examples/CheckboxLabelWraps.tsx index 0560cbe48f8..25c26620e70 100644 --- a/packages/react-core/src/components/Checkbox/examples/CheckboxLabelWraps.tsx +++ b/packages/react-core/src/components/Checkbox/examples/CheckboxLabelWraps.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from '@patternfly/react-core'; +import { Checkbox } from '@rh-felt/react-core'; export const CheckboxLabelWraps: React.FunctionComponent = () => ( ( diff --git a/packages/react-core/src/components/Checkbox/examples/CheckboxReversed.tsx b/packages/react-core/src/components/Checkbox/examples/CheckboxReversed.tsx index 6f72e13c6fe..af6e0a91929 100644 --- a/packages/react-core/src/components/Checkbox/examples/CheckboxReversed.tsx +++ b/packages/react-core/src/components/Checkbox/examples/CheckboxReversed.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from '@patternfly/react-core'; +import { Checkbox } from '@rh-felt/react-core'; export const CheckboxReversed: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Checkbox/examples/CheckboxStandaloneInput.tsx b/packages/react-core/src/components/Checkbox/examples/CheckboxStandaloneInput.tsx index 7aaef07f619..20bcb18e86c 100644 --- a/packages/react-core/src/components/Checkbox/examples/CheckboxStandaloneInput.tsx +++ b/packages/react-core/src/components/Checkbox/examples/CheckboxStandaloneInput.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from '@patternfly/react-core'; +import { Checkbox } from '@rh-felt/react-core'; export const CheckboxStandaloneInput: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Checkbox/examples/CheckboxUncontrolled.tsx b/packages/react-core/src/components/Checkbox/examples/CheckboxUncontrolled.tsx index 618edc5d80a..1611e3118e7 100644 --- a/packages/react-core/src/components/Checkbox/examples/CheckboxUncontrolled.tsx +++ b/packages/react-core/src/components/Checkbox/examples/CheckboxUncontrolled.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Checkbox } from '@patternfly/react-core'; +import { Checkbox } from '@rh-felt/react-core'; export const CheckboxUncontrolled: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Checkbox/examples/CheckboxWithBody.tsx b/packages/react-core/src/components/Checkbox/examples/CheckboxWithBody.tsx index 680103124a8..9e9ee4abb01 100644 --- a/packages/react-core/src/components/Checkbox/examples/CheckboxWithBody.tsx +++ b/packages/react-core/src/components/Checkbox/examples/CheckboxWithBody.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from '@patternfly/react-core'; +import { Checkbox } from '@rh-felt/react-core'; export const CheckboxWithBody: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Checkbox/examples/CheckboxWithDescription.tsx b/packages/react-core/src/components/Checkbox/examples/CheckboxWithDescription.tsx index 6100ee03638..869573938b1 100644 --- a/packages/react-core/src/components/Checkbox/examples/CheckboxWithDescription.tsx +++ b/packages/react-core/src/components/Checkbox/examples/CheckboxWithDescription.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from '@patternfly/react-core'; +import { Checkbox } from '@rh-felt/react-core'; export const CheckboxWithDescription: React.FunctionComponent = () => ( ( { /** Content rendered inside the clipboard copy action. */ diff --git a/packages/react-core/src/components/ClipboardCopy/ClipboardCopyButton.tsx b/packages/react-core/src/components/ClipboardCopy/ClipboardCopyButton.tsx index a4a068b57e6..7569367e17f 100644 --- a/packages/react-core/src/components/ClipboardCopy/ClipboardCopyButton.tsx +++ b/packages/react-core/src/components/ClipboardCopy/ClipboardCopyButton.tsx @@ -1,5 +1,5 @@ import { createRef } from 'react'; -import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; +import RhUiCopyFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import { Button } from '../Button'; import { Tooltip, TooltipPosition } from '../Tooltip'; diff --git a/packages/react-core/src/components/ClipboardCopy/ClipboardCopyExpanded.tsx b/packages/react-core/src/components/ClipboardCopy/ClipboardCopyExpanded.tsx index 0185c01b7b2..088f5368edd 100644 --- a/packages/react-core/src/components/ClipboardCopy/ClipboardCopyExpanded.tsx +++ b/packages/react-core/src/components/ClipboardCopy/ClipboardCopyExpanded.tsx @@ -1,6 +1,6 @@ import { Component } from 'react'; -import styles from '@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/ClipboardCopy/clipboard-copy'; +import { css } from '@rh-felt/react-styles'; import { ClipboardCopyProps } from './ClipboardCopy'; import { PickOptional } from '../../helpers/typeUtils'; diff --git a/packages/react-core/src/components/ClipboardCopy/ClipboardCopyToggle.tsx b/packages/react-core/src/components/ClipboardCopy/ClipboardCopyToggle.tsx index 50ee5b61c04..301dd289e2a 100644 --- a/packages/react-core/src/components/ClipboardCopy/ClipboardCopyToggle.tsx +++ b/packages/react-core/src/components/ClipboardCopy/ClipboardCopyToggle.tsx @@ -1,6 +1,6 @@ -import styles from '@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy'; -import { css } from '@patternfly/react-styles'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import styles from '@rh-felt/react-styles/css/components/ClipboardCopy/clipboard-copy'; +import { css } from '@rh-felt/react-styles'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import { Button } from '../Button'; export interface ClipboardCopyToggleProps extends Omit< diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopy.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopy.test.tsx index f014f4ba6bb..0299407eba7 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopy.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopy.test.tsx @@ -1,7 +1,7 @@ import { screen, render } from '@testing-library/react'; import { ClipboardCopy, ClipboardCopyVariant } from '../ClipboardCopy'; -import styles from '@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy'; -import truncateStyles from '@patternfly/react-styles/css/components/Truncate/truncate'; +import styles from '@rh-felt/react-styles/css/components/ClipboardCopy/clipboard-copy'; +import truncateStyles from '@rh-felt/react-styles/css/components/Truncate/truncate'; import userEvent from '@testing-library/user-event'; jest.mock('../../../helpers/GenerateId/GenerateId'); diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyAction.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyAction.test.tsx index d1ba3895f57..2c266f45183 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyAction.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyAction.test.tsx @@ -1,6 +1,6 @@ import { screen, render } from '@testing-library/react'; import { ClipboardCopyAction } from '../ClipboardCopyAction'; -import styles from '@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy'; +import styles from '@rh-felt/react-styles/css/components/ClipboardCopy/clipboard-copy'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyButton.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyButton.test.tsx index 7939788cc61..3915808db11 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyButton.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyButton.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { ClipboardCopyButton } from '../ClipboardCopyButton'; -import buttonStyles from '@patternfly/react-styles/css/components/Button/button'; +import buttonStyles from '@rh-felt/react-styles/css/components/Button/button'; import '@testing-library/jest-dom'; jest.mock('../../Tooltip', () => ({ diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyExpanded.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyExpanded.test.tsx index d47a84ef276..77e8531f418 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyExpanded.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyExpanded.test.tsx @@ -1,6 +1,6 @@ import { screen, render } from '@testing-library/react'; import { ClipboardCopyExpanded } from '../ClipboardCopyExpanded'; -import styles from '@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy'; +import styles from '@rh-felt/react-styles/css/components/ClipboardCopy/clipboard-copy'; import userEvent from '@testing-library/user-event'; test(`Renders with classname ${styles.clipboardCopyExpandableContent} by default`, () => { diff --git a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md index f3cea27d2ca..0d537c3d740 100644 --- a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md +++ b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md @@ -7,7 +7,7 @@ ouia: true --- import { Fragment, useEffect, useState } from 'react'; -import RhUiPlayFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; +import RhUiPlayFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyBasic.tsx b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyBasic.tsx index f7b8e3ee881..33c2fcee458 100644 --- a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyBasic.tsx +++ b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyBasic.tsx @@ -1,4 +1,4 @@ -import { ClipboardCopy } from '@patternfly/react-core'; +import { ClipboardCopy } from '@rh-felt/react-core'; export const ClipboardCopyBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyExpanded.tsx b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyExpanded.tsx index 3f5e4a9aa65..fd1f9244e77 100644 --- a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyExpanded.tsx +++ b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyExpanded.tsx @@ -1,4 +1,4 @@ -import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; +import { ClipboardCopy, ClipboardCopyVariant } from '@rh-felt/react-core'; export const ClipboardCopyExpanded: React.FunctionComponent = () => ( ( 2.3.4-2-redhat diff --git a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactCode.tsx b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactCode.tsx index 098dd3c5013..0bc1d1f09bd 100644 --- a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactCode.tsx +++ b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactCode.tsx @@ -1,4 +1,4 @@ -import { ClipboardCopy } from '@patternfly/react-core'; +import { ClipboardCopy } from '@rh-felt/react-core'; export const ClipboardCopyInlineCompactCode: React.FunctionComponent = () => ( ( diff --git a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactTruncation.tsx b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactTruncation.tsx index 46609dcc245..924dd378e42 100644 --- a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactTruncation.tsx +++ b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactTruncation.tsx @@ -1,4 +1,4 @@ -import { ClipboardCopy } from '@patternfly/react-core'; +import { ClipboardCopy } from '@rh-felt/react-core'; export const ClipboardCopyInlineCompactTruncation: React.FunctionComponent = () => ( <> { const [isRunning, setisRunning] = useState(false); diff --git a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyJSONObject.tsx b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyJSONObject.tsx index 2fcecd1dd61..2767a945d83 100644 --- a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyJSONObject.tsx +++ b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyJSONObject.tsx @@ -1,4 +1,4 @@ -import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; +import { ClipboardCopy, ClipboardCopyVariant } from '@rh-felt/react-core'; export const ClipboardCopyJSONObject: React.FunctionComponent = () => ( ( diff --git a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyReadOnlyExpanded.tsx b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyReadOnlyExpanded.tsx index c95709a03af..274dcf9a322 100644 --- a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyReadOnlyExpanded.tsx +++ b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyReadOnlyExpanded.tsx @@ -1,4 +1,4 @@ -import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; +import { ClipboardCopy, ClipboardCopyVariant } from '@rh-felt/react-core'; export const ClipboardCopyReadOnlyExpanded: React.FunctionComponent = () => ( ( { /** Content rendered inside the code block */ diff --git a/packages/react-core/src/components/CodeBlock/CodeBlockAction.tsx b/packages/react-core/src/components/CodeBlock/CodeBlockAction.tsx index 133a19fae78..74d4a5943be 100644 --- a/packages/react-core/src/components/CodeBlock/CodeBlockAction.tsx +++ b/packages/react-core/src/components/CodeBlock/CodeBlockAction.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/CodeBlock/code-block'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/CodeBlock/code-block'; export interface CodeBlockActionProps extends React.HTMLProps { /** Content rendered inside the code block action */ diff --git a/packages/react-core/src/components/CodeBlock/CodeBlockCode.tsx b/packages/react-core/src/components/CodeBlock/CodeBlockCode.tsx index 3ad683324a9..cf927d2b8b0 100644 --- a/packages/react-core/src/components/CodeBlock/CodeBlockCode.tsx +++ b/packages/react-core/src/components/CodeBlock/CodeBlockCode.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/CodeBlock/code-block'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/CodeBlock/code-block'; +import { css } from '@rh-felt/react-styles'; export interface CodeBlockCodeProps extends React.HTMLProps { /** Code rendered inside the code block */ diff --git a/packages/react-core/src/components/CodeBlock/__tests__/CodeBlock.test.tsx b/packages/react-core/src/components/CodeBlock/__tests__/CodeBlock.test.tsx index 20ed69747f4..bc280f06f30 100644 --- a/packages/react-core/src/components/CodeBlock/__tests__/CodeBlock.test.tsx +++ b/packages/react-core/src/components/CodeBlock/__tests__/CodeBlock.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CodeBlock } from '../CodeBlock'; -import styles from '@patternfly/react-styles/css/components/CodeBlock/code-block'; +import styles from '@rh-felt/react-styles/css/components/CodeBlock/code-block'; test('CodeBlock renders', () => { render(test text); diff --git a/packages/react-core/src/components/CodeBlock/__tests__/CodeBlockAction.test.tsx b/packages/react-core/src/components/CodeBlock/__tests__/CodeBlockAction.test.tsx index 01ee459ef71..5fc02d63028 100644 --- a/packages/react-core/src/components/CodeBlock/__tests__/CodeBlockAction.test.tsx +++ b/packages/react-core/src/components/CodeBlock/__tests__/CodeBlockAction.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CodeBlockAction } from '../CodeBlockAction'; -import styles from '@patternfly/react-styles/css/components/CodeBlock/code-block'; +import styles from '@rh-felt/react-styles/css/components/CodeBlock/code-block'; test('CodeBlockAction renders', () => { render(action); diff --git a/packages/react-core/src/components/CodeBlock/__tests__/CodeBlockCode.test.tsx b/packages/react-core/src/components/CodeBlock/__tests__/CodeBlockCode.test.tsx index 91a9573271c..2901669c232 100644 --- a/packages/react-core/src/components/CodeBlock/__tests__/CodeBlockCode.test.tsx +++ b/packages/react-core/src/components/CodeBlock/__tests__/CodeBlockCode.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CodeBlockCode } from '../CodeBlockCode'; -import styles from '@patternfly/react-styles/css/components/CodeBlock/code-block'; +import styles from '@rh-felt/react-styles/css/components/CodeBlock/code-block'; test('CodeBlockCode renders', () => { render(action); diff --git a/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md b/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md index 647cee890d0..ccefef039f6 100644 --- a/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md +++ b/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md @@ -6,8 +6,8 @@ propComponents: ['CodeBlock', 'CodeBlockAction', 'CodeBlockCode'] --- import { Fragment, useState } from 'react'; -import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; -import RhUiPlayFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; +import RhUiCopyFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; +import RhUiPlayFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; **Important note:** to format code exactly as it is, you should use String.raw\`your code here\`. diff --git a/packages/react-core/src/components/CodeBlock/examples/CodeBlockBasic.tsx b/packages/react-core/src/components/CodeBlock/examples/CodeBlockBasic.tsx index 4495dc7e856..4aa7155f410 100644 --- a/packages/react-core/src/components/CodeBlock/examples/CodeBlockBasic.tsx +++ b/packages/react-core/src/components/CodeBlock/examples/CodeBlockBasic.tsx @@ -1,13 +1,6 @@ import { Fragment, useState } from 'react'; -import { - CodeBlock, - CodeBlockAction, - CodeBlockCode, - ClipboardCopyButton, - Button, - Tooltip -} from '@patternfly/react-core'; -import RhUiPlayFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; +import { CodeBlock, CodeBlockAction, CodeBlockCode, ClipboardCopyButton, Button, Tooltip } from '@rh-felt/react-core'; +import RhUiPlayFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; export const BasicCodeBlock: React.FunctionComponent = () => { const [copied, setCopied] = useState(false); diff --git a/packages/react-core/src/components/CodeBlock/examples/CodeBlockExpandable.tsx b/packages/react-core/src/components/CodeBlock/examples/CodeBlockExpandable.tsx index b5847701e75..364781d0d52 100644 --- a/packages/react-core/src/components/CodeBlock/examples/CodeBlockExpandable.tsx +++ b/packages/react-core/src/components/CodeBlock/examples/CodeBlockExpandable.tsx @@ -8,8 +8,8 @@ import { ExpandableSectionToggle, Button, Tooltip -} from '@patternfly/react-core'; -import RhUiPlayFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiPlayFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-play-fill-icon'; export const ExpandableCodeBlock: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Compass/Compass.tsx b/packages/react-core/src/components/Compass/Compass.tsx index 1b193849e99..66f37094e3b 100644 --- a/packages/react-core/src/components/Compass/Compass.tsx +++ b/packages/react-core/src/components/Compass/Compass.tsx @@ -1,6 +1,6 @@ import { Drawer, DrawerContent, DrawerContentBody, DrawerProps } from '../Drawer'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; import { IS_INERT } from '../../helpers/inert'; export interface CompassProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/Compass/CompassContent.tsx b/packages/react-core/src/components/Compass/CompassContent.tsx index 4397f1314d1..82534c4b309 100644 --- a/packages/react-core/src/components/Compass/CompassContent.tsx +++ b/packages/react-core/src/components/Compass/CompassContent.tsx @@ -1,6 +1,6 @@ import { Drawer, DrawerContent, DrawerProps } from '../Drawer'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; export interface CompassContentProps extends React.HTMLProps { /** Content of the main Compass area. Typically one or more `Panel` components. */ diff --git a/packages/react-core/src/components/Compass/CompassDockMain.tsx b/packages/react-core/src/components/Compass/CompassDockMain.tsx index f66021beea4..f5531c6bb66 100644 --- a/packages/react-core/src/components/Compass/CompassDockMain.tsx +++ b/packages/react-core/src/components/Compass/CompassDockMain.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; export interface CompassDockMainProps extends React.HTMLProps { /** Additional classes added to the compass dock main container. */ diff --git a/packages/react-core/src/components/Compass/CompassHeader.tsx b/packages/react-core/src/components/Compass/CompassHeader.tsx index 7de33925245..2dfa3e8aae3 100644 --- a/packages/react-core/src/components/Compass/CompassHeader.tsx +++ b/packages/react-core/src/components/Compass/CompassHeader.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; export interface CompassHeaderProps { /** Content of the logo area */ diff --git a/packages/react-core/src/components/Compass/CompassHero.tsx b/packages/react-core/src/components/Compass/CompassHero.tsx index ce57d73ccfe..62708509606 100644 --- a/packages/react-core/src/components/Compass/CompassHero.tsx +++ b/packages/react-core/src/components/Compass/CompassHero.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; /** A wrapper component to pass a PatternFly Hero component into. */ export interface CompassHeroProps extends Omit, 'content'> { diff --git a/packages/react-core/src/components/Compass/CompassMainFooter.tsx b/packages/react-core/src/components/Compass/CompassMainFooter.tsx index cbbd60f663f..8361ed23f3d 100644 --- a/packages/react-core/src/components/Compass/CompassMainFooter.tsx +++ b/packages/react-core/src/components/Compass/CompassMainFooter.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; interface CompassMainFooterProps extends Omit, 'title'> { /** Additional classes added to the main footer */ diff --git a/packages/react-core/src/components/Compass/CompassMainHeader.tsx b/packages/react-core/src/components/Compass/CompassMainHeader.tsx index 9d3389a8c92..8807e4102af 100644 --- a/packages/react-core/src/components/Compass/CompassMainHeader.tsx +++ b/packages/react-core/src/components/Compass/CompassMainHeader.tsx @@ -2,8 +2,8 @@ import { CompassMainHeaderContent } from './CompassMainHeaderContent'; import { CompassMainHeaderTitle } from './CompassMainHeaderTitle'; import { CompassMainHeaderToolbar } from './CompassMainHeaderToolbar'; import { Panel, PanelMain, PanelMainBody, PanelProps } from '../Panel'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; /** The wrapper component for header content in the main Compass area. When building out a custom implementation, * you should ensure any content within the main header is rendered inside a Panel, PanelMain, PanelMainBody stack and main header content wrappers. diff --git a/packages/react-core/src/components/Compass/CompassMainHeaderContent.tsx b/packages/react-core/src/components/Compass/CompassMainHeaderContent.tsx index 092936319ad..ca894e88643 100644 --- a/packages/react-core/src/components/Compass/CompassMainHeaderContent.tsx +++ b/packages/react-core/src/components/Compass/CompassMainHeaderContent.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; /** A wrapper component to be passed as custom content for the Compass main header. This should also be wrapped * in a `Panel` with `PanelMain` and `PanelMainBody`. diff --git a/packages/react-core/src/components/Compass/CompassMainHeaderTitle.tsx b/packages/react-core/src/components/Compass/CompassMainHeaderTitle.tsx index 5fd5bc269ac..c46f2690c77 100644 --- a/packages/react-core/src/components/Compass/CompassMainHeaderTitle.tsx +++ b/packages/react-core/src/components/Compass/CompassMainHeaderTitle.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; /** A wrapper component for custom title content to be passed into a Compass main header. This should also be wrapped * by a Compass main header content component. diff --git a/packages/react-core/src/components/Compass/CompassMainHeaderToolbar.tsx b/packages/react-core/src/components/Compass/CompassMainHeaderToolbar.tsx index b09529cfc00..80991237573 100644 --- a/packages/react-core/src/components/Compass/CompassMainHeaderToolbar.tsx +++ b/packages/react-core/src/components/Compass/CompassMainHeaderToolbar.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; /** A wrapper component for custom toolbar content to be passed into a Compass main header. This should also be wrapped * by a Compass main header content component. diff --git a/packages/react-core/src/components/Compass/CompassMessageBar.tsx b/packages/react-core/src/components/Compass/CompassMessageBar.tsx index f38b8a8529b..9ddfebba6c2 100644 --- a/packages/react-core/src/components/Compass/CompassMessageBar.tsx +++ b/packages/react-core/src/components/Compass/CompassMessageBar.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; export interface CompassMessageBarProps extends React.HTMLProps { /** Content of the message bar. Typically a @patternfly/chatbot MessageBar component. */ diff --git a/packages/react-core/src/components/Compass/CompassNavContent.tsx b/packages/react-core/src/components/Compass/CompassNavContent.tsx index 8c27583213b..42460aed1a7 100644 --- a/packages/react-core/src/components/Compass/CompassNavContent.tsx +++ b/packages/react-core/src/components/Compass/CompassNavContent.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; export interface CompassNavContentProps extends React.HTMLProps { /** Content of the nav content wrapper. */ children: React.ReactNode; diff --git a/packages/react-core/src/components/Compass/CompassNavHome.tsx b/packages/react-core/src/components/Compass/CompassNavHome.tsx index 8f9410ddc08..5efb47f9626 100644 --- a/packages/react-core/src/components/Compass/CompassNavHome.tsx +++ b/packages/react-core/src/components/Compass/CompassNavHome.tsx @@ -1,6 +1,6 @@ import { useRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; import { Button } from '../Button'; import { Tooltip } from '../Tooltip'; diff --git a/packages/react-core/src/components/Compass/CompassNavMain.tsx b/packages/react-core/src/components/Compass/CompassNavMain.tsx index 082e75c61e8..e56b4b7fd0a 100644 --- a/packages/react-core/src/components/Compass/CompassNavMain.tsx +++ b/packages/react-core/src/components/Compass/CompassNavMain.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; export interface CompassNavMainProps extends React.HTMLProps { /** Content of the nav main section (typically tabs). */ diff --git a/packages/react-core/src/components/Compass/CompassNavSearch.tsx b/packages/react-core/src/components/Compass/CompassNavSearch.tsx index 5731b45883c..3457854a9ed 100644 --- a/packages/react-core/src/components/Compass/CompassNavSearch.tsx +++ b/packages/react-core/src/components/Compass/CompassNavSearch.tsx @@ -1,6 +1,6 @@ import { useRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import { css } from '@rh-felt/react-styles'; import { Button } from '../Button'; import { Tooltip } from '../Tooltip'; diff --git a/packages/react-core/src/components/Compass/__tests__/Compass.test.tsx b/packages/react-core/src/components/Compass/__tests__/Compass.test.tsx index fc0f8ce8987..e58be0b4793 100644 --- a/packages/react-core/src/components/Compass/__tests__/Compass.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/Compass.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { Compass } from '../Compass'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Compass/__tests__/CompassContent.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassContent.test.tsx index 1b3cf2eeb0f..2e95acd46e2 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassContent.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassContent.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassContent } from '../CompassContent'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders with children', () => { render(Test content); diff --git a/packages/react-core/src/components/Compass/__tests__/CompassDockMain.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassDockMain.test.tsx index 18798a0b020..b7a017fc582 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassDockMain.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassDockMain.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassDockMain } from '../CompassDockMain'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Compass/__tests__/CompassHeader.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassHeader.test.tsx index 750f275671d..b519350310a 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassHeader.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassHeader.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassHeader } from '../CompassHeader'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Compass/__tests__/CompassHero.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassHero.test.tsx index c46f8605e73..c5b928fbb3a 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassHero.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassHero.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassHero } from '../CompassHero'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Compass/__tests__/CompassMainFooter.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassMainFooter.test.tsx index 25b955ba77c..356a34e2c5c 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassMainFooter.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassMainFooter.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassMainFooter } from '../CompassMainFooter'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Compass/__tests__/CompassMainHeader.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassMainHeader.test.tsx index ef2b630edac..b8776e1fdae 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassMainHeader.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassMainHeader.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { CompassMainHeader } from '../CompassMainHeader'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; -import panelStyles from '@patternfly/react-styles/css/components/Panel/panel'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; +import panelStyles from '@rh-felt/react-styles/css/components/Panel/panel'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderContent.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderContent.test.tsx index 44475ae7dca..3d4313304fd 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderContent.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderContent.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassMainHeaderContent } from '../CompassMainHeaderContent'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders with children', () => { render(Custom content); diff --git a/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderTitle.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderTitle.test.tsx index 9bc10b59b45..e8bda29e751 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderTitle.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderTitle.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassMainHeaderTitle } from '../CompassMainHeaderTitle'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders with children', () => { render(Custom content); diff --git a/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderToolbar.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderToolbar.test.tsx index 62ab818f602..8d3463fdfcd 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderToolbar.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassMainHeaderToolbar.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassMainHeaderToolbar } from '../CompassMainHeaderToolbar'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders with children', () => { render(Custom content); diff --git a/packages/react-core/src/components/Compass/__tests__/CompassMessageBar.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassMessageBar.test.tsx index f6f7546e72c..acfa661e325 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassMessageBar.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassMessageBar.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassMessageBar } from '../CompassMessageBar'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Compass/__tests__/CompassNavContent.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassNavContent.test.tsx index eb176b5ccae..974464951b6 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassNavContent.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassNavContent.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassNavContent } from '../CompassNavContent'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders with children', () => { render(Test content); diff --git a/packages/react-core/src/components/Compass/__tests__/CompassNavHome.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassNavHome.test.tsx index 2f3b8b6fed1..c1face655f8 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassNavHome.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassNavHome.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { CompassNavHome } from '../CompassNavHome'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders with default aria-label', () => { render(); diff --git a/packages/react-core/src/components/Compass/__tests__/CompassNavMain.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassNavMain.test.tsx index 0242f9ef64c..3e3c3c475f0 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassNavMain.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassNavMain.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { CompassNavMain } from '../CompassNavMain'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders with children', () => { render(Test content); diff --git a/packages/react-core/src/components/Compass/__tests__/CompassNavSearch.test.tsx b/packages/react-core/src/components/Compass/__tests__/CompassNavSearch.test.tsx index a32111d6899..31b464b958f 100644 --- a/packages/react-core/src/components/Compass/__tests__/CompassNavSearch.test.tsx +++ b/packages/react-core/src/components/Compass/__tests__/CompassNavSearch.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { CompassNavSearch } from '../CompassNavSearch'; -import styles from '@patternfly/react-styles/css/components/Compass/compass'; +import styles from '@rh-felt/react-styles/css/components/Compass/compass'; test('Renders with default aria-label', () => { render(); diff --git a/packages/react-core/src/components/Compass/examples/CompassBasic.tsx b/packages/react-core/src/components/Compass/examples/CompassBasic.tsx index d6ea4b184dd..dcb718b9202 100644 --- a/packages/react-core/src/components/Compass/examples/CompassBasic.tsx +++ b/packages/react-core/src/components/Compass/examples/CompassBasic.tsx @@ -8,7 +8,7 @@ import { PanelMain, PanelMainBody, CompassMainHeaderContent -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; import './compass.css'; export const CompassBasic: React.FunctionComponent = () => { diff --git a/packages/react-core/src/components/Compass/examples/CompassDockLayout.tsx b/packages/react-core/src/components/Compass/examples/CompassDockLayout.tsx index 09cf87dc5f7..e20972b940a 100644 --- a/packages/react-core/src/components/Compass/examples/CompassDockLayout.tsx +++ b/packages/react-core/src/components/Compass/examples/CompassDockLayout.tsx @@ -6,7 +6,7 @@ import { PanelMain, PanelMainBody, CompassMainHeaderContent -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; import './compass.css'; export const CompassBasic: React.FunctionComponent = () => { diff --git a/packages/react-core/src/components/Compass/examples/CompassMainFooterDemo.tsx b/packages/react-core/src/components/Compass/examples/CompassMainFooterDemo.tsx index 4846f6f07aa..06fe2648473 100644 --- a/packages/react-core/src/components/Compass/examples/CompassMainFooterDemo.tsx +++ b/packages/react-core/src/components/Compass/examples/CompassMainFooterDemo.tsx @@ -5,7 +5,7 @@ import { CompassContent, CompassMainHeader, CompassMainFooter -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; import './compass.css'; export const CompassMainFooterDemo: React.FunctionComponent = () => { diff --git a/packages/react-core/src/components/Content/Content.tsx b/packages/react-core/src/components/Content/Content.tsx index 896f6a040ed..cafeb443d5a 100644 --- a/packages/react-core/src/components/Content/Content.tsx +++ b/packages/react-core/src/components/Content/Content.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Content/content'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Content/content'; import { useOUIAProps, OUIAProps } from '../../helpers'; export enum ContentVariants { diff --git a/packages/react-core/src/components/Content/__tests__/Content.test.tsx b/packages/react-core/src/components/Content/__tests__/Content.test.tsx index 445f7c1b49a..57c74238e99 100644 --- a/packages/react-core/src/components/Content/__tests__/Content.test.tsx +++ b/packages/react-core/src/components/Content/__tests__/Content.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { Content } from '../Content'; -import styles from '@patternfly/react-styles/css/components/Content/content'; +import styles from '@rh-felt/react-styles/css/components/Content/content'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Content/examples/ContentBody.tsx b/packages/react-core/src/components/Content/examples/ContentBody.tsx index b239985220e..7aa0e8eeb79 100644 --- a/packages/react-core/src/components/Content/examples/ContentBody.tsx +++ b/packages/react-core/src/components/Content/examples/ContentBody.tsx @@ -1,4 +1,4 @@ -import { Content, ContentVariants } from '@patternfly/react-core'; +import { Content, ContentVariants } from '@rh-felt/react-core'; export const ContentBody: React.FunctionComponent = () => ( <> diff --git a/packages/react-core/src/components/Content/examples/ContentDescriptionList.tsx b/packages/react-core/src/components/Content/examples/ContentDescriptionList.tsx index 0199d09df33..3cd7f10fa26 100644 --- a/packages/react-core/src/components/Content/examples/ContentDescriptionList.tsx +++ b/packages/react-core/src/components/Content/examples/ContentDescriptionList.tsx @@ -1,4 +1,4 @@ -import { Content, ContentVariants } from '@patternfly/react-core'; +import { Content, ContentVariants } from '@rh-felt/react-core'; export const ContentDescriptionList: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Content/examples/ContentEditorial.tsx b/packages/react-core/src/components/Content/examples/ContentEditorial.tsx index c1690072ca9..4f72aa08a47 100644 --- a/packages/react-core/src/components/Content/examples/ContentEditorial.tsx +++ b/packages/react-core/src/components/Content/examples/ContentEditorial.tsx @@ -1,4 +1,4 @@ -import { Content, ContentVariants } from '@patternfly/react-core'; +import { Content, ContentVariants } from '@rh-felt/react-core'; export const ContentEditorial: React.FunctionComponent = () => ( <> diff --git a/packages/react-core/src/components/Content/examples/ContentHeadings.tsx b/packages/react-core/src/components/Content/examples/ContentHeadings.tsx index 4cde33a667e..6a2207c0fd1 100644 --- a/packages/react-core/src/components/Content/examples/ContentHeadings.tsx +++ b/packages/react-core/src/components/Content/examples/ContentHeadings.tsx @@ -1,4 +1,4 @@ -import { Content, ContentVariants } from '@patternfly/react-core'; +import { Content, ContentVariants } from '@rh-felt/react-core'; export const ContentHeadings: React.FunctionComponent = () => ( <> diff --git a/packages/react-core/src/components/Content/examples/ContentOrderedList.tsx b/packages/react-core/src/components/Content/examples/ContentOrderedList.tsx index bdb4fd73eec..ae40483f116 100644 --- a/packages/react-core/src/components/Content/examples/ContentOrderedList.tsx +++ b/packages/react-core/src/components/Content/examples/ContentOrderedList.tsx @@ -1,4 +1,4 @@ -import { Content, ContentVariants } from '@patternfly/react-core'; +import { Content, ContentVariants } from '@rh-felt/react-core'; export const ContentOrderedList: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Content/examples/ContentPlainList.tsx b/packages/react-core/src/components/Content/examples/ContentPlainList.tsx index 13433226326..c8b2dccd018 100644 --- a/packages/react-core/src/components/Content/examples/ContentPlainList.tsx +++ b/packages/react-core/src/components/Content/examples/ContentPlainList.tsx @@ -1,4 +1,4 @@ -import { Content, ContentVariants } from '@patternfly/react-core'; +import { Content, ContentVariants } from '@rh-felt/react-core'; export const ContentPlainList: React.FunctionComponent = () => ( <> diff --git a/packages/react-core/src/components/Content/examples/ContentUnorderedList.tsx b/packages/react-core/src/components/Content/examples/ContentUnorderedList.tsx index d3eade8d88e..80de1f5bd53 100644 --- a/packages/react-core/src/components/Content/examples/ContentUnorderedList.tsx +++ b/packages/react-core/src/components/Content/examples/ContentUnorderedList.tsx @@ -1,4 +1,4 @@ -import { Content, ContentVariants } from '@patternfly/react-core'; +import { Content, ContentVariants } from '@rh-felt/react-core'; export const ContentUnorderedList: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Content/examples/ContentVisited.tsx b/packages/react-core/src/components/Content/examples/ContentVisited.tsx index 82ac85ee812..fd59b0982bc 100644 --- a/packages/react-core/src/components/Content/examples/ContentVisited.tsx +++ b/packages/react-core/src/components/Content/examples/ContentVisited.tsx @@ -1,4 +1,4 @@ -import { Content, ContentVariants } from '@patternfly/react-core'; +import { Content, ContentVariants } from '@rh-felt/react-core'; export const ContentVisited: React.FunctionComponent = () => ( <> diff --git a/packages/react-core/src/components/Content/examples/ContentWrapper.tsx b/packages/react-core/src/components/Content/examples/ContentWrapper.tsx index 8e4be41b78a..19f712f26b4 100644 --- a/packages/react-core/src/components/Content/examples/ContentWrapper.tsx +++ b/packages/react-core/src/components/Content/examples/ContentWrapper.tsx @@ -1,4 +1,4 @@ -import { Content, ContentVariants } from '@patternfly/react-core'; +import { Content, ContentVariants } from '@rh-felt/react-core'; export const ContentWrapper: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DataList/DataList.tsx b/packages/react-core/src/components/DataList/DataList.tsx index d9063b875ba..eddea46f6d1 100644 --- a/packages/react-core/src/components/DataList/DataList.tsx +++ b/packages/react-core/src/components/DataList/DataList.tsx @@ -1,6 +1,6 @@ import { createContext, forwardRef } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; const gridBreakpointClasses = { none: styles.modifiers.gridNone, diff --git a/packages/react-core/src/components/DataList/DataListAction.tsx b/packages/react-core/src/components/DataList/DataListAction.tsx index dab1e06dc73..5f4b4fa2250 100644 --- a/packages/react-core/src/components/DataList/DataListAction.tsx +++ b/packages/react-core/src/components/DataList/DataListAction.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; import { formatBreakpointMods } from '../../helpers/util'; export interface DataListActionProps extends Omit, 'children'> { diff --git a/packages/react-core/src/components/DataList/DataListCell.tsx b/packages/react-core/src/components/DataList/DataListCell.tsx index 4059f794843..0629d5ee4e4 100644 --- a/packages/react-core/src/components/DataList/DataListCell.tsx +++ b/packages/react-core/src/components/DataList/DataListCell.tsx @@ -1,6 +1,6 @@ import { FunctionComponent, useRef, useState, useEffect } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; import { DataListWrapModifier } from './DataList'; import { Tooltip } from '../Tooltip'; diff --git a/packages/react-core/src/components/DataList/DataListCheck.tsx b/packages/react-core/src/components/DataList/DataListCheck.tsx index dd968c8b6da..01e9c6846c1 100644 --- a/packages/react-core/src/components/DataList/DataListCheck.tsx +++ b/packages/react-core/src/components/DataList/DataListCheck.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; import { Checkbox, CheckboxProps } from '../Checkbox'; import { useSSRSafeId } from '../../helpers'; diff --git a/packages/react-core/src/components/DataList/DataListContent.tsx b/packages/react-core/src/components/DataList/DataListContent.tsx index e5738d6b686..c04d07ccb5e 100644 --- a/packages/react-core/src/components/DataList/DataListContent.tsx +++ b/packages/react-core/src/components/DataList/DataListContent.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; export interface DataListContentProps extends React.HTMLProps { /** Content rendered inside the DataList item */ diff --git a/packages/react-core/src/components/DataList/DataListControl.tsx b/packages/react-core/src/components/DataList/DataListControl.tsx index b44577d2042..f478a90f44c 100644 --- a/packages/react-core/src/components/DataList/DataListControl.tsx +++ b/packages/react-core/src/components/DataList/DataListControl.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; export interface DataListControlProps extends React.HTMLProps { /** Children of the data list control */ diff --git a/packages/react-core/src/components/DataList/DataListDragButton.tsx b/packages/react-core/src/components/DataList/DataListDragButton.tsx index 073f09d2b0a..f3a0aacf6e8 100644 --- a/packages/react-core/src/components/DataList/DataListDragButton.tsx +++ b/packages/react-core/src/components/DataList/DataListDragButton.tsx @@ -1,6 +1,6 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; -import RhUiGripVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-vertical-fill-icon'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; +import RhUiGripVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-grip-vertical-fill-icon'; export interface DataListDragButtonProps extends React.HTMLProps { /** Additional classes added to the drag button */ diff --git a/packages/react-core/src/components/DataList/DataListItem.tsx b/packages/react-core/src/components/DataList/DataListItem.tsx index 702f4ad9dc4..74e46bb12d9 100644 --- a/packages/react-core/src/components/DataList/DataListItem.tsx +++ b/packages/react-core/src/components/DataList/DataListItem.tsx @@ -1,7 +1,7 @@ import { Children, Component, cloneElement, isValidElement } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; -import menuStyles from '@patternfly/react-styles/css/components/Menu/menu'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; +import menuStyles from '@rh-felt/react-styles/css/components/Menu/menu'; import { DataListContext } from './DataList'; import { KeyTypes } from '../../helpers/constants'; diff --git a/packages/react-core/src/components/DataList/DataListItemCells.tsx b/packages/react-core/src/components/DataList/DataListItemCells.tsx index 458739f5135..16d04db085f 100644 --- a/packages/react-core/src/components/DataList/DataListItemCells.tsx +++ b/packages/react-core/src/components/DataList/DataListItemCells.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; export interface DataListItemCellsProps extends React.HTMLProps { /** Additional classes added to the data list item content wrapper. Children should be one or more nodes */ diff --git a/packages/react-core/src/components/DataList/DataListItemRow.tsx b/packages/react-core/src/components/DataList/DataListItemRow.tsx index 39e27829a00..62f4e4890fc 100644 --- a/packages/react-core/src/components/DataList/DataListItemRow.tsx +++ b/packages/react-core/src/components/DataList/DataListItemRow.tsx @@ -1,6 +1,6 @@ import { Children, cloneElement, isValidElement } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; import { DataListWrapModifier } from './DataList'; export interface DataListItemRowProps extends Omit, 'children'> { diff --git a/packages/react-core/src/components/DataList/DataListText.tsx b/packages/react-core/src/components/DataList/DataListText.tsx index 795db78a857..427535b8b5e 100644 --- a/packages/react-core/src/components/DataList/DataListText.tsx +++ b/packages/react-core/src/components/DataList/DataListText.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; import { Tooltip } from '../Tooltip'; import { DataListWrapModifier } from './DataList'; diff --git a/packages/react-core/src/components/DataList/DataListToggle.tsx b/packages/react-core/src/components/DataList/DataListToggle.tsx index 3b3d31f9e0e..0f251d6e494 100644 --- a/packages/react-core/src/components/DataList/DataListToggle.tsx +++ b/packages/react-core/src/components/DataList/DataListToggle.tsx @@ -1,6 +1,6 @@ -import { css } from '@patternfly/react-styles'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import { css } from '@rh-felt/react-styles'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; import { Button, ButtonProps, ButtonVariant } from '../Button'; export interface DataListToggleProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/DataList/__tests__/DataList.test.tsx b/packages/react-core/src/components/DataList/__tests__/DataList.test.tsx index 0a906791717..825c9de40b2 100644 --- a/packages/react-core/src/components/DataList/__tests__/DataList.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/DataList.test.tsx @@ -6,7 +6,7 @@ import { DataList } from '../DataList'; import { DataListItem } from '../DataListItem'; import { DataListItemRow } from '../DataListItemRow'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; test('Renders to match snapshot', () => { const { asFragment } = render(); diff --git a/packages/react-core/src/components/DataList/__tests__/DataListAction.test.tsx b/packages/react-core/src/components/DataList/__tests__/DataListAction.test.tsx index c6dbaf99c9c..5669a73dffa 100644 --- a/packages/react-core/src/components/DataList/__tests__/DataListAction.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/DataListAction.test.tsx @@ -3,7 +3,7 @@ import '@testing-library/jest-dom'; import { DataListAction } from '../DataListAction'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; test('Renders to match snapshot', () => { const { asFragment } = render( diff --git a/packages/react-core/src/components/DataList/__tests__/DataListCell.test.tsx b/packages/react-core/src/components/DataList/__tests__/DataListCell.test.tsx index 36a55cbc3e6..5fac159e3b8 100644 --- a/packages/react-core/src/components/DataList/__tests__/DataListCell.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/DataListCell.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DataListCell } from '../DataListCell'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; test('Cell renders to match snapshot', () => { const { asFragment } = render(Secondary); diff --git a/packages/react-core/src/components/DataList/__tests__/DataListContent.test.tsx b/packages/react-core/src/components/DataList/__tests__/DataListContent.test.tsx index 63506fb6184..faed9868d8e 100644 --- a/packages/react-core/src/components/DataList/__tests__/DataListContent.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/DataListContent.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DataListContent } from '../DataListContent'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; test('Renders to match snapshot', () => { const { asFragment } = render( test); diff --git a/packages/react-core/src/components/DataList/__tests__/DataListItem.test.tsx b/packages/react-core/src/components/DataList/__tests__/DataListItem.test.tsx index 19b0fb2d5da..4717f9c23e1 100644 --- a/packages/react-core/src/components/DataList/__tests__/DataListItem.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/DataListItem.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DataListItem } from '../DataListItem'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; test('Renders to match snapshot', () => { const { asFragment } = render( diff --git a/packages/react-core/src/components/DataList/__tests__/DataListItemCells.test.tsx b/packages/react-core/src/components/DataList/__tests__/DataListItemCells.test.tsx index c8d756b1985..2f1561d967d 100644 --- a/packages/react-core/src/components/DataList/__tests__/DataListItemCells.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/DataListItemCells.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DataListItemCells } from '../DataListItemCells'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; test('Cells renders to match snapshot', () => { const { asFragment } = render(); diff --git a/packages/react-core/src/components/DataList/__tests__/DataListItemRow.test.tsx b/packages/react-core/src/components/DataList/__tests__/DataListItemRow.test.tsx index e86ec190661..7492f7ee7d5 100644 --- a/packages/react-core/src/components/DataList/__tests__/DataListItemRow.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/DataListItemRow.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DataListItemRow } from '../DataListItemRow'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; test('Item row renders to match snapshot', () => { const { asFragment } = render(test); diff --git a/packages/react-core/src/components/DataList/__tests__/DataListToggle.test.tsx b/packages/react-core/src/components/DataList/__tests__/DataListToggle.test.tsx index af677b320b3..38762bb977f 100644 --- a/packages/react-core/src/components/DataList/__tests__/DataListToggle.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/DataListToggle.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DataListToggle } from '../DataListToggle'; -import styles from '@patternfly/react-styles/css/components/DataList/data-list'; +import styles from '@rh-felt/react-styles/css/components/DataList/data-list'; test('Renders to match snapshot', () => { const { asFragment } = render(); diff --git a/packages/react-core/src/components/DataList/examples/DataList.md b/packages/react-core/src/components/DataList/examples/DataList.md index b052086122c..1cf0cc42cf7 100644 --- a/packages/react-core/src/components/DataList/examples/DataList.md +++ b/packages/react-core/src/components/DataList/examples/DataList.md @@ -19,12 +19,12 @@ propComponents: --- import { Fragment, useState } from 'react'; -import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import { css } from '@patternfly/react-styles'; -import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; +import RhUiBranchFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import { css } from '@rh-felt/react-styles'; +import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@rh-felt/react-drag-drop'; ## Examples diff --git a/packages/react-core/src/components/DataList/examples/DataListActions.tsx b/packages/react-core/src/components/DataList/examples/DataListActions.tsx index 7094808cc2c..eacd95807f3 100644 --- a/packages/react-core/src/components/DataList/examples/DataListActions.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListActions.tsx @@ -12,8 +12,8 @@ import { DropdownItem, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DataListActions: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/DataList/examples/DataListBasic.tsx b/packages/react-core/src/components/DataList/examples/DataListBasic.tsx index e4af45501e9..d1fe68632ed 100644 --- a/packages/react-core/src/components/DataList/examples/DataListBasic.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListBasic.tsx @@ -1,4 +1,4 @@ -import { DataList, DataListItem, DataListItemRow, DataListItemCells, DataListCell } from '@patternfly/react-core'; +import { DataList, DataListItem, DataListItemRow, DataListItemCells, DataListCell } from '@rh-felt/react-core'; export const DataListBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DataList/examples/DataListCheckboxes.tsx b/packages/react-core/src/components/DataList/examples/DataListCheckboxes.tsx index a0ba52cc57d..c8fa9f5da2c 100644 --- a/packages/react-core/src/components/DataList/examples/DataListCheckboxes.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListCheckboxes.tsx @@ -13,8 +13,8 @@ import { DropdownItem, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DataListCheckboxes: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); diff --git a/packages/react-core/src/components/DataList/examples/DataListClickableRows.tsx b/packages/react-core/src/components/DataList/examples/DataListClickableRows.tsx index 21cc1fcd865..a6052bcbe0e 100644 --- a/packages/react-core/src/components/DataList/examples/DataListClickableRows.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListClickableRows.tsx @@ -11,8 +11,8 @@ import { DropdownItem, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DataListClickableRows: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); diff --git a/packages/react-core/src/components/DataList/examples/DataListCompact.tsx b/packages/react-core/src/components/DataList/examples/DataListCompact.tsx index 23644d59371..b68e7f7ee54 100644 --- a/packages/react-core/src/components/DataList/examples/DataListCompact.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListCompact.tsx @@ -1,4 +1,4 @@ -import { DataList, DataListItem, DataListItemRow, DataListItemCells, DataListCell } from '@patternfly/react-core'; +import { DataList, DataListItem, DataListItemRow, DataListItemCells, DataListCell } from '@rh-felt/react-core'; export const DataListCompact: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DataList/examples/DataListControllingText.tsx b/packages/react-core/src/components/DataList/examples/DataListControllingText.tsx index 01d5adc3b73..b2a65ca563d 100644 --- a/packages/react-core/src/components/DataList/examples/DataListControllingText.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListControllingText.tsx @@ -5,7 +5,7 @@ import { DataListItemCells, DataListCell, DataListWrapModifier -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DataListControllingText: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx b/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx index 677e1e7b9a8..7b436277321 100644 --- a/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx @@ -13,9 +13,9 @@ import { DropdownItem, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhUiBranchFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; export const DataListExpandable: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); diff --git a/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx b/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx index b7cfc5f0d18..fba7a3b84c5 100644 --- a/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx @@ -13,9 +13,9 @@ import { DropdownItem, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhUiBranchFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; export const DataListMixedExpandable: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); diff --git a/packages/react-core/src/components/DataList/examples/DataListPlain.tsx b/packages/react-core/src/components/DataList/examples/DataListPlain.tsx index af0b9f9618d..91f72bb2f62 100644 --- a/packages/react-core/src/components/DataList/examples/DataListPlain.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListPlain.tsx @@ -1,4 +1,4 @@ -import { DataList, DataListItem, DataListItemRow, DataListItemCells, DataListCell } from '@patternfly/react-core'; +import { DataList, DataListItem, DataListItemRow, DataListItemCells, DataListCell } from '@rh-felt/react-core'; export const DataListPlain: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DataList/examples/DataListSmGridBreakpoint.tsx b/packages/react-core/src/components/DataList/examples/DataListSmGridBreakpoint.tsx index 9beb45d5788..411620acfe9 100644 --- a/packages/react-core/src/components/DataList/examples/DataListSmGridBreakpoint.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListSmGridBreakpoint.tsx @@ -1,4 +1,4 @@ -import { DataList, DataListItem, DataListItemRow, DataListItemCells, DataListCell } from '@patternfly/react-core'; +import { DataList, DataListItem, DataListItemRow, DataListItemCells, DataListCell } from '@rh-felt/react-core'; export const DataListSmGridBreakpoint: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DataList/examples/DataListWidthModifiers.tsx b/packages/react-core/src/components/DataList/examples/DataListWidthModifiers.tsx index 703a7433eaf..2267358df9e 100644 --- a/packages/react-core/src/components/DataList/examples/DataListWidthModifiers.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListWidthModifiers.tsx @@ -15,8 +15,8 @@ import { DropdownItem, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DataListWidthModifiers: React.FunctionComponent = () => { const [show, setShow] = useState(true); diff --git a/packages/react-core/src/components/DatePicker/DatePicker.tsx b/packages/react-core/src/components/DatePicker/DatePicker.tsx index c22ed077c4b..71ed559df27 100644 --- a/packages/react-core/src/components/DatePicker/DatePicker.tsx +++ b/packages/react-core/src/components/DatePicker/DatePicker.tsx @@ -1,17 +1,17 @@ import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DatePicker/date-picker'; -import calendarMonthStyles from '@patternfly/react-styles/css/components/CalendarMonth/calendar-month'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DatePicker/date-picker'; +import calendarMonthStyles from '@rh-felt/react-styles/css/components/CalendarMonth/calendar-month'; import { TextInput, TextInputProps } from '../TextInput/TextInput'; import { Button } from '../Button'; import { Popover, PopoverProps } from '../Popover/Popover'; import { InputGroup, InputGroupItem } from '../InputGroup'; -import RhUiCalendarIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-icon'; +import RhUiCalendarIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-calendar-icon'; import { CalendarMonth, CalendarFormat } from '../CalendarMonth'; import { KeyTypes } from '../../helpers'; import { isValidDate } from '../../helpers/datetimeUtils'; import { HelperText, HelperTextItem } from '../HelperText'; -import cssFormControlWidthChars from '@patternfly/react-tokens/dist/esm/c_date_picker__input_c_form_control_width_chars'; +import cssFormControlWidthChars from '@rh-felt/react-tokens/dist/esm/c_date_picker__input_c_form_control_width_chars'; /** Props that customize the requirement of a date */ export interface DatePickerRequiredObject { diff --git a/packages/react-core/src/components/DatePicker/examples/DatePickerAmerican.tsx b/packages/react-core/src/components/DatePicker/examples/DatePickerAmerican.tsx index b41299b7368..97e6bd85cfb 100644 --- a/packages/react-core/src/components/DatePicker/examples/DatePickerAmerican.tsx +++ b/packages/react-core/src/components/DatePicker/examples/DatePickerAmerican.tsx @@ -1,4 +1,4 @@ -import { DatePicker } from '@patternfly/react-core'; +import { DatePicker } from '@rh-felt/react-core'; export const DatePickerAmerican: React.FunctionComponent = () => { const dateFormat = (date: Date) => diff --git a/packages/react-core/src/components/DatePicker/examples/DatePickerBasic.tsx b/packages/react-core/src/components/DatePicker/examples/DatePickerBasic.tsx index 3008b7dc715..085ed1af387 100644 --- a/packages/react-core/src/components/DatePicker/examples/DatePickerBasic.tsx +++ b/packages/react-core/src/components/DatePicker/examples/DatePickerBasic.tsx @@ -1,4 +1,4 @@ -import { DatePicker } from '@patternfly/react-core'; +import { DatePicker } from '@rh-felt/react-core'; export const DatePickerBasic: React.FunctionComponent = () => ( { const initialValue = '2020-03-17'; diff --git a/packages/react-core/src/components/DatePicker/examples/DatePickerControlledCalendar.tsx b/packages/react-core/src/components/DatePicker/examples/DatePickerControlledCalendar.tsx index b7f7805fbf3..fa03fd4e625 100644 --- a/packages/react-core/src/components/DatePicker/examples/DatePickerControlledCalendar.tsx +++ b/packages/react-core/src/components/DatePicker/examples/DatePickerControlledCalendar.tsx @@ -1,5 +1,5 @@ import { Fragment, useRef } from 'react'; -import { Button, DatePicker } from '@patternfly/react-core'; +import { Button, DatePicker } from '@rh-felt/react-core'; export const DatePickerControlledCalendar: React.FunctionComponent = () => { const dateRef = useRef(null); diff --git a/packages/react-core/src/components/DatePicker/examples/DatePickerControlledRequired.tsx b/packages/react-core/src/components/DatePicker/examples/DatePickerControlledRequired.tsx index dc66819a833..ae82f5eed73 100644 --- a/packages/react-core/src/components/DatePicker/examples/DatePickerControlledRequired.tsx +++ b/packages/react-core/src/components/DatePicker/examples/DatePickerControlledRequired.tsx @@ -1,5 +1,5 @@ import { Fragment, useState } from 'react'; -import { Button, DatePicker, Flex, FlexItem } from '@patternfly/react-core'; +import { Button, DatePicker, Flex, FlexItem } from '@rh-felt/react-core'; export const DatePickerControlled: React.FunctionComponent = () => { const initialValue = '2020-03-17'; diff --git a/packages/react-core/src/components/DatePicker/examples/DatePickerFrench.tsx b/packages/react-core/src/components/DatePicker/examples/DatePickerFrench.tsx index 3006e3b235a..94936b0983b 100644 --- a/packages/react-core/src/components/DatePicker/examples/DatePickerFrench.tsx +++ b/packages/react-core/src/components/DatePicker/examples/DatePickerFrench.tsx @@ -1,4 +1,4 @@ -import { DatePicker, Weekday } from '@patternfly/react-core'; +import { DatePicker, Weekday } from '@rh-felt/react-core'; export const DatePickerFrench: React.FunctionComponent = () => { const minDate = new Date(2020, 2, 16); diff --git a/packages/react-core/src/components/DatePicker/examples/DatePickerHelperText.tsx b/packages/react-core/src/components/DatePicker/examples/DatePickerHelperText.tsx index 55c280074fd..cddc036e6d3 100644 --- a/packages/react-core/src/components/DatePicker/examples/DatePickerHelperText.tsx +++ b/packages/react-core/src/components/DatePicker/examples/DatePickerHelperText.tsx @@ -1,4 +1,4 @@ -import { DatePicker, HelperText, HelperTextItem } from '@patternfly/react-core'; +import { DatePicker, HelperText, HelperTextItem } from '@rh-felt/react-core'; export const DatePickerHelperText: React.FunctionComponent = () => ( { const minDate = new Date(2020, 2, 16); diff --git a/packages/react-core/src/components/DatePicker/examples/DatePickerRequired.tsx b/packages/react-core/src/components/DatePicker/examples/DatePickerRequired.tsx index 8571cd817d4..1bdb55c8e70 100644 --- a/packages/react-core/src/components/DatePicker/examples/DatePickerRequired.tsx +++ b/packages/react-core/src/components/DatePicker/examples/DatePickerRequired.tsx @@ -1,4 +1,4 @@ -import { DatePicker } from '@patternfly/react-core'; +import { DatePicker } from '@rh-felt/react-core'; export const DatePickerRequired: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/DescriptionList.tsx b/packages/react-core/src/components/DescriptionList/DescriptionList.tsx index 247ccb12563..4b5cb8f8091 100644 --- a/packages/react-core/src/components/DescriptionList/DescriptionList.tsx +++ b/packages/react-core/src/components/DescriptionList/DescriptionList.tsx @@ -1,9 +1,9 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; import { formatBreakpointMods, useOUIAProps, OUIAProps } from '../../helpers'; -import cssGridTemplateColumnsMin from '@patternfly/react-tokens/dist/esm/c_description_list_GridTemplateColumns_min'; -import cssTermWidth from '@patternfly/react-tokens/dist/esm/c_description_list__term_width'; -import cssHorizontalTermWidth from '@patternfly/react-tokens/dist/esm/c_description_list_m_horizontal__term_width'; +import cssGridTemplateColumnsMin from '@rh-felt/react-tokens/dist/esm/c_description_list_GridTemplateColumns_min'; +import cssTermWidth from '@rh-felt/react-tokens/dist/esm/c_description_list__term_width'; +import cssHorizontalTermWidth from '@rh-felt/react-tokens/dist/esm/c_description_list_m_horizontal__term_width'; export interface BreakpointModifiers { default?: string; diff --git a/packages/react-core/src/components/DescriptionList/DescriptionListDescription.tsx b/packages/react-core/src/components/DescriptionList/DescriptionListDescription.tsx index cb37fdf71c6..f26580c7980 100644 --- a/packages/react-core/src/components/DescriptionList/DescriptionListDescription.tsx +++ b/packages/react-core/src/components/DescriptionList/DescriptionListDescription.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; +import { css } from '@rh-felt/react-styles'; export interface DescriptionListDescriptionProps extends React.HTMLProps { /** Anything that can be rendered inside of list description */ diff --git a/packages/react-core/src/components/DescriptionList/DescriptionListGroup.tsx b/packages/react-core/src/components/DescriptionList/DescriptionListGroup.tsx index 1d4b54a3529..660940fd267 100644 --- a/packages/react-core/src/components/DescriptionList/DescriptionListGroup.tsx +++ b/packages/react-core/src/components/DescriptionList/DescriptionListGroup.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; +import { css } from '@rh-felt/react-styles'; export interface DescriptionListGroupProps extends React.HTMLProps { /** Any elements that can be rendered in the list group */ diff --git a/packages/react-core/src/components/DescriptionList/DescriptionListTerm.tsx b/packages/react-core/src/components/DescriptionList/DescriptionListTerm.tsx index 3536e485dd8..1f895617378 100644 --- a/packages/react-core/src/components/DescriptionList/DescriptionListTerm.tsx +++ b/packages/react-core/src/components/DescriptionList/DescriptionListTerm.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; +import { css } from '@rh-felt/react-styles'; export interface DescriptionListTermProps extends React.HTMLProps { /** Anything that can be rendered inside of list term */ diff --git a/packages/react-core/src/components/DescriptionList/DescriptionListTermHelpText.tsx b/packages/react-core/src/components/DescriptionList/DescriptionListTermHelpText.tsx index 2a21d37b9a2..0a03633e907 100644 --- a/packages/react-core/src/components/DescriptionList/DescriptionListTermHelpText.tsx +++ b/packages/react-core/src/components/DescriptionList/DescriptionListTermHelpText.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; +import { css } from '@rh-felt/react-styles'; export interface DescriptionListTermHelpTextProps extends React.HTMLProps { /** Anything that can be rendered inside of list term */ diff --git a/packages/react-core/src/components/DescriptionList/DescriptionListTermHelpTextButton.tsx b/packages/react-core/src/components/DescriptionList/DescriptionListTermHelpTextButton.tsx index 6950498d2e9..fe97ca670be 100644 --- a/packages/react-core/src/components/DescriptionList/DescriptionListTermHelpTextButton.tsx +++ b/packages/react-core/src/components/DescriptionList/DescriptionListTermHelpTextButton.tsx @@ -1,6 +1,6 @@ import { createRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; +import { css } from '@rh-felt/react-styles'; export interface DescriptionListTermHelpTextButtonProps extends React.HTMLProps { /** Anything that can be rendered inside of list term */ diff --git a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx index acfa070bb92..c9b2ed3e678 100644 --- a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx +++ b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DescriptionList } from '../DescriptionList'; -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; test('Renders to match snapshot', () => { const { asFragment } = render(); diff --git a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListDescription.test.tsx b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListDescription.test.tsx index e18009a2604..8b9955ad890 100644 --- a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListDescription.test.tsx +++ b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListDescription.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DescriptionListDescription } from '../DescriptionListDescription'; -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; test('Renders to match snapshot', () => { const { asFragment } = render(test); diff --git a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListGroup.test.tsx b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListGroup.test.tsx index 18e07ca68b9..ef827c3741e 100644 --- a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListGroup.test.tsx +++ b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListGroup.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DescriptionListGroup } from '../DescriptionListGroup'; -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; test('Renders to match snapshot', () => { const { asFragment } = render(test); diff --git a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListHelpTextButton.test.tsx b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListHelpTextButton.test.tsx index 120279c6fda..10f95a1e6c0 100644 --- a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListHelpTextButton.test.tsx +++ b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListHelpTextButton.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DescriptionListTermHelpTextButton } from '../DescriptionListTermHelpTextButton'; -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; test('Renders to match snapshot', () => { const { asFragment } = render(test); diff --git a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListTerm.test.tsx b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListTerm.test.tsx index 173ba1bf4c0..193fb687a75 100644 --- a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListTerm.test.tsx +++ b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListTerm.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DescriptionListTerm } from '../DescriptionListTerm'; -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; test('Renders to match snapshot', () => { const { asFragment } = render(test); diff --git a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListTermHelpText.test.tsx b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListTermHelpText.test.tsx index 27acbaf3d93..fbae5cbf812 100644 --- a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListTermHelpText.test.tsx +++ b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionListTermHelpText.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DescriptionListTermHelpText } from '../DescriptionListTermHelpText'; -import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list'; +import styles from '@rh-felt/react-styles/css/components/DescriptionList/description-list'; test('Renders to match snapshot', () => { const { asFragment } = render(test); diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionList.md b/packages/react-core/src/components/DescriptionList/examples/DescriptionList.md index b6dc41f8c56..a23d1e42253 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionList.md +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionList.md @@ -16,13 +16,13 @@ propComponents: --- import { useState } from 'react'; -import { Button, DescriptionList, DescriptionListTerm, DescriptionListDescription, DescriptionListGroup, DescriptionListTermHelpText, DescriptionListTermHelpTextButton, Popover, Checkbox, Card } from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; -import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import BookIcon from '@patternfly/react-icons/dist/esm/icons/book-icon'; -import RhUiKeyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-key-icon'; -import RhUiFlagFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-flag-fill-icon'; -import RhUiLanguageFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-language-fill-icon'; +import { Button, DescriptionList, DescriptionListTerm, DescriptionListDescription, DescriptionListGroup, DescriptionListTermHelpText, DescriptionListTermHelpTextButton, Popover, Checkbox, Card } from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +import CubeIcon from '@rh-felt/react-icons/dist/esm/icons/cube-icon'; +import BookIcon from '@rh-felt/react-icons/dist/esm/icons/book-icon'; +import RhUiKeyIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-key-icon'; +import RhUiFlagFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-flag-fill-icon'; +import RhUiLanguageFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-language-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitBasic.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitBasic.tsx index bfd0fda2a9b..8af65624f59 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitBasic.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitBasic.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListAutoFitBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthModified.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthModified.tsx index d5d975f0594..9503e44df81 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthModified.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthModified.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListAutoFitMinWidthModified: React.FunctionComponent = () => ( ( ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListColumnFill.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListColumnFill.tsx index 041942713d2..15ef57bdc8d 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListColumnFill.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListColumnFill.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListColumnFill: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompact.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompact.tsx index dcd0a6a1d45..ff2a6d312e1 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompact.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompact.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListCompact: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompactHorizontal.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompactHorizontal.tsx index 7d2781b1dc4..52a322629e5 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompactHorizontal.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompactHorizontal.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListCompactHorizontal: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultAutoColumn.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultAutoColumn.tsx index f9ccbdd4366..3f87d82e3c4 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultAutoColumn.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultAutoColumn.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultAutoColumn: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultInlineGrid.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultInlineGrid.tsx index 463a7abd294..0df638b6f9f 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultInlineGrid.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultInlineGrid.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultInlineGrid: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultResponsiveColumns.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultResponsiveColumns.tsx index 6c6060a734a..cea4b0d60f5 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultResponsiveColumns.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultResponsiveColumns.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultResponsiveColumns: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultThreeColLg.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultThreeColLg.tsx index 13cfdded80f..526090c2820 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultThreeColLg.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultThreeColLg.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultThreeColLg: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultTwoCol.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultTwoCol.tsx index cc57b073d37..9bd65e270f8 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultTwoCol.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultTwoCol.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultTwoCol: React.FunctionComponent = () => ( ( ( ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontal.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontal.tsx index c36d0170b2b..ecc6154a0f3 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontal.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontal.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontal: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalAutoColumn.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalAutoColumn.tsx index 12699d16a82..4795f60d475 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalAutoColumn.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalAutoColumn.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontalAutoColumn: React.FunctionComponent = () => ( ( ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalThreeColLg.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalThreeColLg.tsx index 20a6585dcab..d3f2683d04b 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalThreeColLg.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalThreeColLg.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontalThreeColLg: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalTwoCol.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalTwoCol.tsx index 9276f1002c0..45a770bec41 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalTwoCol.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalTwoCol.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontalTwoCol: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx index 542382890db..3c07b709bce 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx @@ -4,13 +4,13 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; -import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import BookIcon from '@patternfly/react-icons/dist/esm/icons/book-icon'; -import RhUiKeyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-key-icon'; -import RhUiFlagFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-flag-fill-icon'; -import RhUiLanguageFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-language-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +import CubeIcon from '@rh-felt/react-icons/dist/esm/icons/cube-icon'; +import BookIcon from '@rh-felt/react-icons/dist/esm/icons/book-icon'; +import RhUiKeyIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-key-icon'; +import RhUiFlagFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-flag-fill-icon'; +import RhUiLanguageFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-language-fill-icon'; export const DescriptionListIconsOnTerms: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListResponsiveHoriVertGroup.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListResponsiveHoriVertGroup.tsx index a57caab2179..f3ec44d83e9 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListResponsiveHoriVertGroup.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListResponsiveHoriVertGroup.tsx @@ -4,8 +4,8 @@ import { DescriptionListTerm, DescriptionListGroup, DescriptionListDescription -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListResponsiveHoriVertGroup: React.FunctionComponent = () => ( { const [isChecked, setIsChecked] = useState(false); diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySize.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySize.tsx index 2c36dfa4adb..91321058685 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySize.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySize.tsx @@ -6,8 +6,8 @@ import { DescriptionListGroup, DescriptionListDescription, Checkbox -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListWithLargeDisplaySize: React.FunctionComponent = () => { const [isChecked, setIsChecked] = useState(false); diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySizeAndCard.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySizeAndCard.tsx index 2a25a652870..8d572145ee6 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySizeAndCard.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySizeAndCard.tsx @@ -6,8 +6,8 @@ import { DescriptionListDescription, Card, Checkbox -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListWithLargeDisplaySizeAndCard: React.FunctionComponent = () => { const [isChecked, setIsChecked] = useState(false); diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithTermHelpText.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithTermHelpText.tsx index a5e8c1f7f1a..a265f1d5d0e 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithTermHelpText.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithTermHelpText.tsx @@ -6,8 +6,8 @@ import { DescriptionListTermHelpText, DescriptionListTermHelpTextButton, Popover -} from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListWithTermHelpText: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Divider/Divider.tsx b/packages/react-core/src/components/Divider/Divider.tsx index ed5ac8342be..2d46d545943 100644 --- a/packages/react-core/src/components/Divider/Divider.tsx +++ b/packages/react-core/src/components/Divider/Divider.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Divider/divider'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Divider/divider'; import { formatBreakpointMods } from '../../helpers/util'; export enum DividerVariant { diff --git a/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx b/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx index f6a7dbb3c99..6c0549eddb8 100644 --- a/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx +++ b/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { Divider } from '../Divider'; -import styles from '@patternfly/react-styles/css/components/Divider/divider'; +import styles from '@rh-felt/react-styles/css/components/Divider/divider'; test(`Renders with only the class name ${styles.divider} by default`, () => { render(); diff --git a/packages/react-core/src/components/Divider/examples/DividerInsetMedium.tsx b/packages/react-core/src/components/Divider/examples/DividerInsetMedium.tsx index 23ac7a522fd..ee24d38836c 100644 --- a/packages/react-core/src/components/Divider/examples/DividerInsetMedium.tsx +++ b/packages/react-core/src/components/Divider/examples/DividerInsetMedium.tsx @@ -1,3 +1,3 @@ -import { Divider } from '@patternfly/react-core'; +import { Divider } from '@rh-felt/react-core'; export const DividerInsetMedium: React.FunctionComponent = () => ; diff --git a/packages/react-core/src/components/Divider/examples/DividerInsetVariousBreakpoints.tsx b/packages/react-core/src/components/Divider/examples/DividerInsetVariousBreakpoints.tsx index 32a706ec99b..f46cd0020d7 100644 --- a/packages/react-core/src/components/Divider/examples/DividerInsetVariousBreakpoints.tsx +++ b/packages/react-core/src/components/Divider/examples/DividerInsetVariousBreakpoints.tsx @@ -1,4 +1,4 @@ -import { Divider } from '@patternfly/react-core'; +import { Divider } from '@rh-felt/react-core'; export const DividerInsetVariousBreakpoints: React.FunctionComponent = () => ( ( diff --git a/packages/react-core/src/components/Divider/examples/DividerUsingDiv.tsx b/packages/react-core/src/components/Divider/examples/DividerUsingDiv.tsx index 2db47de38eb..fd8df1614e7 100644 --- a/packages/react-core/src/components/Divider/examples/DividerUsingDiv.tsx +++ b/packages/react-core/src/components/Divider/examples/DividerUsingDiv.tsx @@ -1,3 +1,3 @@ -import { Divider } from '@patternfly/react-core'; +import { Divider } from '@rh-felt/react-core'; export const DividerUsingDiv: React.FunctionComponent = () => ; diff --git a/packages/react-core/src/components/Divider/examples/DividerUsingHr.tsx b/packages/react-core/src/components/Divider/examples/DividerUsingHr.tsx index 90b2418a27b..a5708f74f69 100644 --- a/packages/react-core/src/components/Divider/examples/DividerUsingHr.tsx +++ b/packages/react-core/src/components/Divider/examples/DividerUsingHr.tsx @@ -1,3 +1,3 @@ -import { Divider } from '@patternfly/react-core'; +import { Divider } from '@rh-felt/react-core'; export const DividerUsingHr: React.FunctionComponent = () => ; diff --git a/packages/react-core/src/components/Divider/examples/DividerUsingLi.tsx b/packages/react-core/src/components/Divider/examples/DividerUsingLi.tsx index 0d6e4584f65..6ce2f667594 100644 --- a/packages/react-core/src/components/Divider/examples/DividerUsingLi.tsx +++ b/packages/react-core/src/components/Divider/examples/DividerUsingLi.tsx @@ -1,4 +1,4 @@ -import { Divider } from '@patternfly/react-core'; +import { Divider } from '@rh-felt/react-core'; export const DividerUsingLi: React.FunctionComponent = () => (

    diff --git a/packages/react-core/src/components/Divider/examples/DividerVerticalFlex.tsx b/packages/react-core/src/components/Divider/examples/DividerVerticalFlex.tsx index 47a40933628..08c8fd23903 100644 --- a/packages/react-core/src/components/Divider/examples/DividerVerticalFlex.tsx +++ b/packages/react-core/src/components/Divider/examples/DividerVerticalFlex.tsx @@ -1,4 +1,4 @@ -import { Divider, Flex, FlexItem } from '@patternfly/react-core'; +import { Divider, Flex, FlexItem } from '@rh-felt/react-core'; export const DividerVerticalFlex: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Divider/examples/DividerVerticalFlexInsetSmall.tsx b/packages/react-core/src/components/Divider/examples/DividerVerticalFlexInsetSmall.tsx index 0ad28729feb..e8b60c98c1c 100644 --- a/packages/react-core/src/components/Divider/examples/DividerVerticalFlexInsetSmall.tsx +++ b/packages/react-core/src/components/Divider/examples/DividerVerticalFlexInsetSmall.tsx @@ -1,4 +1,4 @@ -import { Divider, Flex, FlexItem } from '@patternfly/react-core'; +import { Divider, Flex, FlexItem } from '@rh-felt/react-core'; export const DividerVerticalFlexInsetSmall: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Divider/examples/DividerVerticalFlexInsetVariousBreakpoints.tsx b/packages/react-core/src/components/Divider/examples/DividerVerticalFlexInsetVariousBreakpoints.tsx index 7f1c67baca9..7e3f672797f 100644 --- a/packages/react-core/src/components/Divider/examples/DividerVerticalFlexInsetVariousBreakpoints.tsx +++ b/packages/react-core/src/components/Divider/examples/DividerVerticalFlexInsetVariousBreakpoints.tsx @@ -1,4 +1,4 @@ -import { Divider, Flex, FlexItem } from '@patternfly/react-core'; +import { Divider, Flex, FlexItem } from '@rh-felt/react-core'; export const DividerVerticalFlexInsetVariousBreakpoints: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Drawer/Drawer.tsx b/packages/react-core/src/components/Drawer/Drawer.tsx index 0d11c7271c1..90096998eca 100644 --- a/packages/react-core/src/components/Drawer/Drawer.tsx +++ b/packages/react-core/src/components/Drawer/Drawer.tsx @@ -1,6 +1,6 @@ import { createContext, useRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; import { useOUIAProps, OUIAProps } from '../../helpers'; export enum DrawerColorVariant { diff --git a/packages/react-core/src/components/Drawer/DrawerActions.tsx b/packages/react-core/src/components/Drawer/DrawerActions.tsx index 97d4367861c..069c9e81229 100644 --- a/packages/react-core/src/components/Drawer/DrawerActions.tsx +++ b/packages/react-core/src/components/Drawer/DrawerActions.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; export interface DrawerActionsProps extends React.HTMLProps { /** Additional classes added to the drawer actions button. */ diff --git a/packages/react-core/src/components/Drawer/DrawerCloseButton.tsx b/packages/react-core/src/components/Drawer/DrawerCloseButton.tsx index 73eb1ec5ee1..786f921bb56 100644 --- a/packages/react-core/src/components/Drawer/DrawerCloseButton.tsx +++ b/packages/react-core/src/components/Drawer/DrawerCloseButton.tsx @@ -1,7 +1,7 @@ -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; import { Button, ButtonProps } from '../Button'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; export interface DrawerCloseButtonProps extends React.HTMLProps { /** Additional classes added to the drawer close button outer
    . */ diff --git a/packages/react-core/src/components/Drawer/DrawerContent.tsx b/packages/react-core/src/components/Drawer/DrawerContent.tsx index 50ddc5d488e..d4142d79253 100644 --- a/packages/react-core/src/components/Drawer/DrawerContent.tsx +++ b/packages/react-core/src/components/Drawer/DrawerContent.tsx @@ -1,6 +1,6 @@ import { useContext } from 'react'; -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; import { DrawerMain } from './DrawerMain'; import { DrawerContext } from './Drawer'; diff --git a/packages/react-core/src/components/Drawer/DrawerContentBody.tsx b/packages/react-core/src/components/Drawer/DrawerContentBody.tsx index a522457b4a2..fda67aa52ed 100644 --- a/packages/react-core/src/components/Drawer/DrawerContentBody.tsx +++ b/packages/react-core/src/components/Drawer/DrawerContentBody.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; export interface DrawerContentBodyProps extends React.HTMLProps { /** Additional classes added to the Drawer. */ diff --git a/packages/react-core/src/components/Drawer/DrawerHead.tsx b/packages/react-core/src/components/Drawer/DrawerHead.tsx index 703531699ea..5e415331db5 100644 --- a/packages/react-core/src/components/Drawer/DrawerHead.tsx +++ b/packages/react-core/src/components/Drawer/DrawerHead.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; export interface DrawerHeadProps extends React.HTMLProps { /** Additional classes added to the drawer head. */ diff --git a/packages/react-core/src/components/Drawer/DrawerMain.tsx b/packages/react-core/src/components/Drawer/DrawerMain.tsx index 1cda6baddab..4e0404d8300 100644 --- a/packages/react-core/src/components/Drawer/DrawerMain.tsx +++ b/packages/react-core/src/components/Drawer/DrawerMain.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; export interface DrawerMainProps extends React.HTMLProps { /** Additional classes added to the drawer main wrapper. */ diff --git a/packages/react-core/src/components/Drawer/DrawerPanelBody.tsx b/packages/react-core/src/components/Drawer/DrawerPanelBody.tsx index 9b6ca99e73e..9a273eebad2 100644 --- a/packages/react-core/src/components/Drawer/DrawerPanelBody.tsx +++ b/packages/react-core/src/components/Drawer/DrawerPanelBody.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; export interface DrawerPanelBodyProps extends React.HTMLProps { /** Additional classes added to the Drawer. */ diff --git a/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx b/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx index 14b8c4eb056..6934ff46bdb 100644 --- a/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx +++ b/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx @@ -1,13 +1,13 @@ import { Fragment, useCallback, useContext, useEffect, useRef, useState } from 'react'; -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; import { DrawerColorVariant, DrawerContext } from './Drawer'; import { formatBreakpointMods, getLanguageDirection } from '../../helpers/util'; import { useSSRSafeId } from '../../helpers'; import { FocusTrap } from '../../helpers/FocusTrap/FocusTrap'; -import cssPanelMdFlexBasis from '@patternfly/react-tokens/dist/esm/c_drawer__panel_md_FlexBasis'; -import cssPanelMdFlexBasisMin from '@patternfly/react-tokens/dist/esm/c_drawer__panel_md_FlexBasis_min'; -import cssPanelMdFlexBasisMax from '@patternfly/react-tokens/dist/esm/c_drawer__panel_md_FlexBasis_max'; +import cssPanelMdFlexBasis from '@rh-felt/react-tokens/dist/esm/c_drawer__panel_md_FlexBasis'; +import cssPanelMdFlexBasisMin from '@rh-felt/react-tokens/dist/esm/c_drawer__panel_md_FlexBasis_min'; +import cssPanelMdFlexBasisMax from '@rh-felt/react-tokens/dist/esm/c_drawer__panel_md_FlexBasis_max'; import { IS_INERT } from '../../helpers/inert'; export interface DrawerPanelFocusTrapObject { diff --git a/packages/react-core/src/components/Drawer/DrawerPanelDescription.tsx b/packages/react-core/src/components/Drawer/DrawerPanelDescription.tsx index 7d044777f8d..eafd4910ff2 100644 --- a/packages/react-core/src/components/Drawer/DrawerPanelDescription.tsx +++ b/packages/react-core/src/components/Drawer/DrawerPanelDescription.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; /** Provides a description within the drawer panel. This should typically follow the drawer head. */ diff --git a/packages/react-core/src/components/Drawer/DrawerSection.tsx b/packages/react-core/src/components/Drawer/DrawerSection.tsx index 941fa3fa862..006e9840d81 100644 --- a/packages/react-core/src/components/Drawer/DrawerSection.tsx +++ b/packages/react-core/src/components/Drawer/DrawerSection.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; +import { css } from '@rh-felt/react-styles'; import { DrawerColorVariant } from './Drawer'; export interface DrawerSectionProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx b/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx index 60c9c5977c8..b29b7b51617 100644 --- a/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx +++ b/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx @@ -13,7 +13,7 @@ import { import { screen, render } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { KeyTypes } from '../../../helpers'; -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; jest.mock('../../../helpers/GenerateId/GenerateId'); diff --git a/packages/react-core/src/components/Drawer/__tests__/DrawerPanelContent.test.tsx b/packages/react-core/src/components/Drawer/__tests__/DrawerPanelContent.test.tsx index ba0b0cec4c4..b68a86c69fe 100644 --- a/packages/react-core/src/components/Drawer/__tests__/DrawerPanelContent.test.tsx +++ b/packages/react-core/src/components/Drawer/__tests__/DrawerPanelContent.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DrawerPanelContent } from '../DrawerPanelContent'; import { Drawer } from '../Drawer'; -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; test(`Renders with only class ${styles.drawerPanel} by default`, () => { render( diff --git a/packages/react-core/src/components/Drawer/__tests__/DrawerPanelDescription.tsx b/packages/react-core/src/components/Drawer/__tests__/DrawerPanelDescription.tsx index bee9ac5818c..84760f0cf33 100644 --- a/packages/react-core/src/components/Drawer/__tests__/DrawerPanelDescription.tsx +++ b/packages/react-core/src/components/Drawer/__tests__/DrawerPanelDescription.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { DrawerPanelDescription } from '../DrawerPanelDescription'; -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; import '@testing-library/jest-dom'; test(`Renders with only class ${styles.drawerDescription} by default`, () => { diff --git a/packages/react-core/src/components/Drawer/__tests__/DrawerSection.test.tsx b/packages/react-core/src/components/Drawer/__tests__/DrawerSection.test.tsx index e080cb25a8c..15fe30bfb7a 100644 --- a/packages/react-core/src/components/Drawer/__tests__/DrawerSection.test.tsx +++ b/packages/react-core/src/components/Drawer/__tests__/DrawerSection.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { DrawerColorVariant } from '../Drawer'; import { DrawerSection } from '../DrawerSection'; -import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; +import styles from '@rh-felt/react-styles/css/components/Drawer/drawer'; test(`Renders with only class ${styles.drawerSection} by default`, () => { render(Section content); diff --git a/packages/react-core/src/components/Drawer/examples/Drawer.md b/packages/react-core/src/components/Drawer/examples/Drawer.md index 544bc08a2ba..12549c9cb67 100644 --- a/packages/react-core/src/components/Drawer/examples/Drawer.md +++ b/packages/react-core/src/components/Drawer/examples/Drawer.md @@ -19,7 +19,7 @@ section: components --- import { Fragment, useRef, useState } from 'react'; -import accessibility from '@patternfly/react-styles/css/utilities/Accessibility/accessibility'; +import accessibility from '@rh-felt/react-styles/css/utilities/Accessibility/accessibility'; ## Examples diff --git a/packages/react-core/src/components/Drawer/examples/DrawerAdditionalSectionAboveContent.tsx b/packages/react-core/src/components/Drawer/examples/DrawerAdditionalSectionAboveContent.tsx index 64395a8c59d..a67087e0d4d 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerAdditionalSectionAboveContent.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerAdditionalSectionAboveContent.tsx @@ -9,7 +9,7 @@ import { DrawerCloseButton, DrawerSection, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerAdditionalSectionAboveContent: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerBasic.tsx b/packages/react-core/src/components/Drawer/examples/DrawerBasic.tsx index 803d1d92aab..1a782ace5db 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerBasic.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerBasic.tsx @@ -10,7 +10,7 @@ import { DrawerPanelBody, DrawerPanelDescription, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerBasic: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerBasicInline.tsx b/packages/react-core/src/components/Drawer/examples/DrawerBasicInline.tsx index 2df988d7740..820d5d8a214 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerBasicInline.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerBasicInline.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerBasicInline: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerBasicPill.tsx b/packages/react-core/src/components/Drawer/examples/DrawerBasicPill.tsx index fdea78cbfe7..1b816b53e67 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerBasicPill.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerBasicPill.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerBasicPill: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerBreakpoint.tsx b/packages/react-core/src/components/Drawer/examples/DrawerBreakpoint.tsx index 0401fa35331..994f1cf1b87 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerBreakpoint.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerBreakpoint.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerBreakpoint: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerFocusTrap.tsx b/packages/react-core/src/components/Drawer/examples/DrawerFocusTrap.tsx index 5f5f44422e7..66bd669649f 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerFocusTrap.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerFocusTrap.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerFocusTrap: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerInlinePanelEnd.tsx b/packages/react-core/src/components/Drawer/examples/DrawerInlinePanelEnd.tsx index 071cd9a3244..32576fa68a2 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerInlinePanelEnd.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerInlinePanelEnd.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerInlinePanelEnd: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerInlinePanelStart.tsx b/packages/react-core/src/components/Drawer/examples/DrawerInlinePanelStart.tsx index ffe46a2b9e1..6f28f726918 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerInlinePanelStart.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerInlinePanelStart.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerInlinePanelStart: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerModifiedContentPadding.tsx b/packages/react-core/src/components/Drawer/examples/DrawerModifiedContentPadding.tsx index 9a06d057e3f..45587c8b695 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerModifiedContentPadding.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerModifiedContentPadding.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerModifiedContentPadding: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerModifiedPanelPadding.tsx b/packages/react-core/src/components/Drawer/examples/DrawerModifiedPanelPadding.tsx index afabeb0f9df..79ba6b63b52 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerModifiedPanelPadding.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerModifiedPanelPadding.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerModifiedPanelPadding: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerPanelBottom.tsx b/packages/react-core/src/components/Drawer/examples/DrawerPanelBottom.tsx index 1b765555597..4a9ddc0bbca 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerPanelBottom.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerPanelBottom.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerPanelBottom: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerPanelEnd.tsx b/packages/react-core/src/components/Drawer/examples/DrawerPanelEnd.tsx index 6c3460ace2f..d77d10ab311 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerPanelEnd.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerPanelEnd.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerPanelEnd: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerPanelStart.tsx b/packages/react-core/src/components/Drawer/examples/DrawerPanelStart.tsx index a1acde0be10..ae2278c6368 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerPanelStart.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerPanelStart.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerPanelStart: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerPillInline.tsx b/packages/react-core/src/components/Drawer/examples/DrawerPillInline.tsx index 16ae9532739..8bced8ea1a5 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerPillInline.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerPillInline.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerBasicPill: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerResizableAtEnd.tsx b/packages/react-core/src/components/Drawer/examples/DrawerResizableAtEnd.tsx index 939fcf4a441..6f3e05e6a53 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerResizableAtEnd.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerResizableAtEnd.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerResizableAtEnd: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerResizableAtStart.tsx b/packages/react-core/src/components/Drawer/examples/DrawerResizableAtStart.tsx index 32e56665aa0..e1572f8d8c9 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerResizableAtStart.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerResizableAtStart.tsx @@ -8,7 +8,7 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerResizableAtStart: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerResizableOnBottom.tsx b/packages/react-core/src/components/Drawer/examples/DrawerResizableOnBottom.tsx index ecce2daa1ca..88695db58cb 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerResizableOnBottom.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerResizableOnBottom.tsx @@ -8,7 +8,7 @@ import { Button, DrawerContent, DrawerContentBody -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerResizableOnBottom: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerResizableOnInline.tsx b/packages/react-core/src/components/Drawer/examples/DrawerResizableOnInline.tsx index 16299b6db8e..f02c0ff2112 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerResizableOnInline.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerResizableOnInline.tsx @@ -8,7 +8,7 @@ import { Button, DrawerContent, DrawerContentBody -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerResizableOnInline: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerSecondaryBackground.tsx b/packages/react-core/src/components/Drawer/examples/DrawerSecondaryBackground.tsx index 485dff0dcbf..99c54181dfd 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerSecondaryBackground.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerSecondaryBackground.tsx @@ -12,7 +12,7 @@ import { Button, DrawerColorVariant, DrawerContentColorVariant -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerSecondaryBackground: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerStackedContentBodyElements.tsx b/packages/react-core/src/components/Drawer/examples/DrawerStackedContentBodyElements.tsx index c4f55ddb862..8923da3a13a 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerStackedContentBodyElements.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerStackedContentBodyElements.tsx @@ -10,7 +10,7 @@ import { DrawerPanelBody, Button, Title -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DrawerStackedContentBodyElements: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Drawer/examples/DrawerStatic.tsx b/packages/react-core/src/components/Drawer/examples/DrawerStatic.tsx index 2f5229223cc..3d0324dd562 100644 --- a/packages/react-core/src/components/Drawer/examples/DrawerStatic.tsx +++ b/packages/react-core/src/components/Drawer/examples/DrawerStatic.tsx @@ -8,8 +8,8 @@ import { DrawerActions, DrawerCloseButton, Button -} from '@patternfly/react-core'; -import accessibility from '@patternfly/react-styles/css/utilities/Accessibility/accessibility'; +} from '@rh-felt/react-core'; +import accessibility from '@rh-felt/react-styles/css/utilities/Accessibility/accessibility'; export const DrawerStatic: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/Dropdown/Dropdown.tsx b/packages/react-core/src/components/Dropdown/Dropdown.tsx index 80219aebdc3..826355d8f96 100644 --- a/packages/react-core/src/components/Dropdown/Dropdown.tsx +++ b/packages/react-core/src/components/Dropdown/Dropdown.tsx @@ -1,5 +1,5 @@ import { forwardRef, useEffect, useRef } from 'react'; -import { css } from '@patternfly/react-styles'; +import { css } from '@rh-felt/react-styles'; import { Menu, MenuContent, MenuProps } from '../Menu'; import { Popper, PopperOptions } from '../../helpers/Popper/Popper'; import type { DropdownItemProps } from './DropdownItem'; diff --git a/packages/react-core/src/components/Dropdown/DropdownGroup.tsx b/packages/react-core/src/components/Dropdown/DropdownGroup.tsx index 17aef30c5c2..ac9b846bbe3 100644 --- a/packages/react-core/src/components/Dropdown/DropdownGroup.tsx +++ b/packages/react-core/src/components/Dropdown/DropdownGroup.tsx @@ -1,4 +1,4 @@ -import { css } from '@patternfly/react-styles'; +import { css } from '@rh-felt/react-styles'; import { MenuGroupProps, MenuGroup } from '../Menu'; /** diff --git a/packages/react-core/src/components/Dropdown/DropdownItem.tsx b/packages/react-core/src/components/Dropdown/DropdownItem.tsx index 0c973f45e9e..e7e35eca2da 100644 --- a/packages/react-core/src/components/Dropdown/DropdownItem.tsx +++ b/packages/react-core/src/components/Dropdown/DropdownItem.tsx @@ -1,5 +1,5 @@ import { forwardRef } from 'react'; -import { css } from '@patternfly/react-styles'; +import { css } from '@rh-felt/react-styles'; import { MenuItemProps, MenuItem } from '../Menu'; import { TooltipProps } from '../Tooltip'; import { useOUIAProps, OUIAProps } from '../../helpers'; diff --git a/packages/react-core/src/components/Dropdown/DropdownList.tsx b/packages/react-core/src/components/Dropdown/DropdownList.tsx index 8f9b8fac4f0..6c6b9344a17 100644 --- a/packages/react-core/src/components/Dropdown/DropdownList.tsx +++ b/packages/react-core/src/components/Dropdown/DropdownList.tsx @@ -1,4 +1,4 @@ -import { css } from '@patternfly/react-styles'; +import { css } from '@rh-felt/react-styles'; import { MenuListProps, MenuList } from '../Menu'; export interface DropdownListProps extends MenuListProps { diff --git a/packages/react-core/src/components/Dropdown/examples/Dropdown.md b/packages/react-core/src/components/Dropdown/examples/Dropdown.md index d0b8a472153..564e7fb1611 100644 --- a/packages/react-core/src/components/Dropdown/examples/Dropdown.md +++ b/packages/react-core/src/components/Dropdown/examples/Dropdown.md @@ -17,7 +17,7 @@ propComponents: --- import { useState, useRef } from 'react'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/Dropdown/examples/DropdownBasic.tsx b/packages/react-core/src/components/Dropdown/examples/DropdownBasic.tsx index 846a846a0b4..c8e26503488 100644 --- a/packages/react-core/src/components/Dropdown/examples/DropdownBasic.tsx +++ b/packages/react-core/src/components/Dropdown/examples/DropdownBasic.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Dropdown, DropdownItem, DropdownList, Divider, MenuToggle, MenuToggleElement } from '@patternfly/react-core'; +import { Dropdown, DropdownItem, DropdownList, Divider, MenuToggle, MenuToggleElement } from '@rh-felt/react-core'; export const DropdownBasic: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Dropdown/examples/DropdownWithDescriptions.tsx b/packages/react-core/src/components/Dropdown/examples/DropdownWithDescriptions.tsx index 2cd8eb484a0..8c227217b97 100644 --- a/packages/react-core/src/components/Dropdown/examples/DropdownWithDescriptions.tsx +++ b/packages/react-core/src/components/Dropdown/examples/DropdownWithDescriptions.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Dropdown, DropdownItem, DropdownList, MenuToggle, MenuToggleElement } from '@patternfly/react-core'; +import { Dropdown, DropdownItem, DropdownList, MenuToggle, MenuToggleElement } from '@rh-felt/react-core'; export const DropdownWithDescriptions: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Dropdown/examples/DropdownWithGroups.tsx b/packages/react-core/src/components/Dropdown/examples/DropdownWithGroups.tsx index 7a68605eda1..5559bf9d79d 100644 --- a/packages/react-core/src/components/Dropdown/examples/DropdownWithGroups.tsx +++ b/packages/react-core/src/components/Dropdown/examples/DropdownWithGroups.tsx @@ -7,7 +7,7 @@ import { MenuToggle, MenuToggleElement, Divider -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const DropdownWithGroups: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx b/packages/react-core/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx index 6673220f376..9d0a028ed6f 100644 --- a/packages/react-core/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx +++ b/packages/react-core/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { Dropdown, DropdownItem, DropdownList, Divider, MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import { Dropdown, DropdownItem, DropdownList, Divider, MenuToggle, MenuToggleElement } from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DropdownWithKebab: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Dropdown/examples/DropdownWithSplit.tsx b/packages/react-core/src/components/Dropdown/examples/DropdownWithSplit.tsx index 140a99510cd..443ee252cd5 100644 --- a/packages/react-core/src/components/Dropdown/examples/DropdownWithSplit.tsx +++ b/packages/react-core/src/components/Dropdown/examples/DropdownWithSplit.tsx @@ -6,7 +6,7 @@ import { DropdownList, Divider, MenuToggleElement -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; import { useRef, useState } from 'react'; export const DropdownSplitButtonText: React.FunctionComponent = () => { diff --git a/packages/react-core/src/components/DualListSelector/DualListSelector.tsx b/packages/react-core/src/components/DualListSelector/DualListSelector.tsx index e3f99e85df1..a39b07a47c7 100644 --- a/packages/react-core/src/components/DualListSelector/DualListSelector.tsx +++ b/packages/react-core/src/components/DualListSelector/DualListSelector.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; +import { css } from '@rh-felt/react-styles'; import { useSSRSafeId, useOUIAProps, OUIAProps, useHasAnimations } from '../../helpers'; import { DualListSelectorContext } from './DualListSelectorContext'; diff --git a/packages/react-core/src/components/DualListSelector/DualListSelectorControl.tsx b/packages/react-core/src/components/DualListSelector/DualListSelectorControl.tsx index 1781fa3d664..1bacce9b4de 100644 --- a/packages/react-core/src/components/DualListSelector/DualListSelectorControl.tsx +++ b/packages/react-core/src/components/DualListSelector/DualListSelectorControl.tsx @@ -1,8 +1,8 @@ import { forwardRef, useRef } from 'react'; -import { css } from '@patternfly/react-styles'; +import { css } from '@rh-felt/react-styles'; import { Button, ButtonVariant } from '../Button'; import { Tooltip } from '../Tooltip'; -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; /** Renders an individual control button for moving selected options between each * dual list selector pane. diff --git a/packages/react-core/src/components/DualListSelector/DualListSelectorControlsWrapper.tsx b/packages/react-core/src/components/DualListSelector/DualListSelectorControlsWrapper.tsx index 3f9fcba50d7..e9b8ae4ab41 100644 --- a/packages/react-core/src/components/DualListSelector/DualListSelectorControlsWrapper.tsx +++ b/packages/react-core/src/components/DualListSelector/DualListSelectorControlsWrapper.tsx @@ -1,6 +1,6 @@ import { forwardRef, useEffect, useRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; +import { css } from '@rh-felt/react-styles'; import { handleArrows } from '../../helpers'; /** Acts as the container for the DualListSelectorControl sub-components. */ diff --git a/packages/react-core/src/components/DualListSelector/DualListSelectorList.tsx b/packages/react-core/src/components/DualListSelector/DualListSelectorList.tsx index 96287bdc7b8..ffb090217bd 100644 --- a/packages/react-core/src/components/DualListSelector/DualListSelectorList.tsx +++ b/packages/react-core/src/components/DualListSelector/DualListSelectorList.tsx @@ -1,6 +1,6 @@ import { forwardRef, useContext } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; import { DualListSelectorListItem } from './DualListSelectorListItem'; import { DualListSelectorListContext } from './DualListSelectorContext'; diff --git a/packages/react-core/src/components/DualListSelector/DualListSelectorListItem.tsx b/packages/react-core/src/components/DualListSelector/DualListSelectorListItem.tsx index 38ec88ceb05..415a7410f59 100644 --- a/packages/react-core/src/components/DualListSelector/DualListSelectorListItem.tsx +++ b/packages/react-core/src/components/DualListSelector/DualListSelectorListItem.tsx @@ -1,8 +1,8 @@ import { forwardRef, useContext, useRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; +import { css } from '@rh-felt/react-styles'; import { useSSRSafeId } from '../../helpers'; -import RhUiGripVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-vertical-fill-icon'; +import RhUiGripVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-grip-vertical-fill-icon'; import { Button, ButtonVariant } from '../Button'; import { DualListSelectorListContext } from './DualListSelectorContext'; diff --git a/packages/react-core/src/components/DualListSelector/DualListSelectorListWrapper.tsx b/packages/react-core/src/components/DualListSelector/DualListSelectorListWrapper.tsx index e4f8bcb73f5..9cc9d11dcf4 100644 --- a/packages/react-core/src/components/DualListSelector/DualListSelectorListWrapper.tsx +++ b/packages/react-core/src/components/DualListSelector/DualListSelectorListWrapper.tsx @@ -1,6 +1,6 @@ import { forwardRef, useContext, useEffect, useRef, useState } from 'react'; -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; +import { css } from '@rh-felt/react-styles'; import { handleArrows, useSSRSafeId } from '../../helpers'; import { DualListSelectorList } from './DualListSelectorList'; import { DualListSelectorContext, DualListSelectorListContext } from './DualListSelectorContext'; diff --git a/packages/react-core/src/components/DualListSelector/DualListSelectorPane.tsx b/packages/react-core/src/components/DualListSelector/DualListSelectorPane.tsx index c7b9a8f98a6..3499f9105ca 100644 --- a/packages/react-core/src/components/DualListSelector/DualListSelectorPane.tsx +++ b/packages/react-core/src/components/DualListSelector/DualListSelectorPane.tsx @@ -1,10 +1,10 @@ -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; +import { css } from '@rh-felt/react-styles'; import { useSSRSafeId } from '../../helpers'; import { DualListSelectorListWrapper } from './DualListSelectorListWrapper'; import { DualListSelectorPaneContext } from './DualListSelectorContext'; import { SearchInput } from '../SearchInput'; -import cssMenuMinHeight from '@patternfly/react-tokens/dist/esm/c_dual_list_selector__menu_MinHeight'; +import cssMenuMinHeight from '@rh-felt/react-tokens/dist/esm/c_dual_list_selector__menu_MinHeight'; /** Acts as the container for a list of options that are either available or chosen, * depending on the pane type (available or chosen). A search input and other actions, diff --git a/packages/react-core/src/components/DualListSelector/DualListSelectorTree.tsx b/packages/react-core/src/components/DualListSelector/DualListSelectorTree.tsx index e2a8bf57031..620f3c31985 100644 --- a/packages/react-core/src/components/DualListSelector/DualListSelectorTree.tsx +++ b/packages/react-core/src/components/DualListSelector/DualListSelectorTree.tsx @@ -1,6 +1,6 @@ import { useContext } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; import { DualListSelectorContext } from './DualListSelectorContext'; import { DualListSelectorTreeItem } from './DualListSelectorTreeItem'; diff --git a/packages/react-core/src/components/DualListSelector/DualListSelectorTreeItem.tsx b/packages/react-core/src/components/DualListSelector/DualListSelectorTreeItem.tsx index d8ae99ea273..66a15b4fdcc 100644 --- a/packages/react-core/src/components/DualListSelector/DualListSelectorTreeItem.tsx +++ b/packages/react-core/src/components/DualListSelector/DualListSelectorTreeItem.tsx @@ -1,9 +1,9 @@ import { memo, useContext, useEffect, useRef, useState, cloneElement, Children, isValidElement } from 'react'; -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; +import { css } from '@rh-felt/react-styles'; import { DualListSelectorTreeItemData } from './DualListSelectorTree'; import { Badge } from '../Badge'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; import { flattenTree } from './treeUtils'; import { DualListSelectorListContext } from './DualListSelectorContext'; import { useHasAnimations } from '../../helpers'; diff --git a/packages/react-core/src/components/DualListSelector/__tests__/DualListSelector.test.tsx b/packages/react-core/src/components/DualListSelector/__tests__/DualListSelector.test.tsx index 68cc9d85a26..a4257109706 100644 --- a/packages/react-core/src/components/DualListSelector/__tests__/DualListSelector.test.tsx +++ b/packages/react-core/src/components/DualListSelector/__tests__/DualListSelector.test.tsx @@ -1,5 +1,5 @@ import { render, screen } from '@testing-library/react'; -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; import { DualListSelector } from '../DualListSelector'; import { DualListSelectorPane } from '../DualListSelectorPane'; import { SearchInput } from '../../SearchInput'; diff --git a/packages/react-core/src/components/DualListSelector/__tests__/DualListSelectorTreeItem.test.tsx b/packages/react-core/src/components/DualListSelector/__tests__/DualListSelectorTreeItem.test.tsx index 87ec2df53da..cc486a21bf1 100644 --- a/packages/react-core/src/components/DualListSelector/__tests__/DualListSelectorTreeItem.test.tsx +++ b/packages/react-core/src/components/DualListSelector/__tests__/DualListSelectorTreeItem.test.tsx @@ -1,5 +1,5 @@ import { render, screen } from '@testing-library/react'; -import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; +import styles from '@rh-felt/react-styles/css/components/DualListSelector/dual-list-selector'; import { DualListSelectorTreeItem } from '../DualListSelectorTreeItem'; // The following tests checking for children to not be/to be rendered will need to be refactored diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md index ed0dff65025..d90e8f41bb1 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md @@ -16,14 +16,14 @@ propComponents: --- import { Fragment, useEffect, useMemo, useState } from 'react'; -import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; -import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import RhMicronsDoubleCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon'; -import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; +import RhMicronsDoubleCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; +import RhMicronsCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; +import RhMicronsDoubleCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +import RhMicronsSortDownSmallToLargeIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhMicronsSearchIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-search-icon'; +import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@rh-felt/react-drag-drop'; ## Examples diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx index ce3a7f504e2..27f02c8540b 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx @@ -6,11 +6,11 @@ import { DualListSelectorListItem, DualListSelectorControlsWrapper, DualListSelectorControl -} from '@patternfly/react-core'; -import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; -import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import RhMicronsDoubleCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +} from '@rh-felt/react-core'; +import RhMicronsDoubleCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; +import RhMicronsCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; +import RhMicronsDoubleCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; interface Option { text: string; diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx index 4b38a2e115e..81e8466c096 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx @@ -13,12 +13,12 @@ import { EmptyStateFooter, EmptyStateBody, EmptyStateActions -} from '@patternfly/react-core'; -import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; -import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import RhMicronsDoubleCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; -import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +} from '@rh-felt/react-core'; +import RhMicronsDoubleCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; +import RhMicronsCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; +import RhMicronsDoubleCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; +import RhMicronsSearchIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-search-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; interface Option { text: string; diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx index 05a095bfaf7..539402a756e 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx @@ -6,11 +6,11 @@ import { DualListSelectorListItem, DualListSelectorControlsWrapper, DualListSelectorControl -} from '@patternfly/react-core'; -import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; -import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import RhMicronsDoubleCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +} from '@rh-felt/react-core'; +import RhMicronsDoubleCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; +import RhMicronsCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; +import RhMicronsDoubleCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; interface Option { text: string; diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx index e38928ec741..c6ddb5206fa 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx @@ -20,14 +20,14 @@ import { EmptyStateActions, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; -import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import RhMicronsDoubleCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; -import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon'; +} from '@rh-felt/react-core'; +import RhMicronsDoubleCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; +import RhMicronsCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +import RhMicronsDoubleCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; +import RhMicronsSortDownSmallToLargeIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhMicronsSearchIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-search-icon'; interface Option { text: string; diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx index e10b68ca6b7..87e073519c1 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx @@ -14,12 +14,12 @@ import { EmptyStateFooter, EmptyStateBody, EmptyStateActions -} from '@patternfly/react-core'; -import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; -import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; -import RhMicronsDoubleCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; -import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +} from '@rh-felt/react-core'; +import RhMicronsDoubleCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; +import RhMicronsCaretLeftIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; +import RhMicronsDoubleCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-double-caret-right-icon'; +import RhMicronsSearchIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-search-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; interface FoodNode { id: string; diff --git a/packages/react-core/src/components/EmptyState/EmptyState.tsx b/packages/react-core/src/components/EmptyState/EmptyState.tsx index f39ca81e911..b161b909e7c 100644 --- a/packages/react-core/src/components/EmptyState/EmptyState.tsx +++ b/packages/react-core/src/components/EmptyState/EmptyState.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/EmptyState/empty-state'; import { EmptyStateHeader } from './EmptyStateHeader'; import { statusIcons } from '../../helpers'; diff --git a/packages/react-core/src/components/EmptyState/EmptyStateActions.tsx b/packages/react-core/src/components/EmptyState/EmptyStateActions.tsx index e6a10d7cf9d..981bc08f071 100644 --- a/packages/react-core/src/components/EmptyState/EmptyStateActions.tsx +++ b/packages/react-core/src/components/EmptyState/EmptyStateActions.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/EmptyState/empty-state'; export interface EmptyStateActionsProps extends React.HTMLProps { /** Content rendered inside the empty state actions */ diff --git a/packages/react-core/src/components/EmptyState/EmptyStateBody.tsx b/packages/react-core/src/components/EmptyState/EmptyStateBody.tsx index 7fd4250d6a5..8de53270c94 100644 --- a/packages/react-core/src/components/EmptyState/EmptyStateBody.tsx +++ b/packages/react-core/src/components/EmptyState/EmptyStateBody.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/EmptyState/empty-state'; export interface EmptyStateBodyProps extends React.HTMLProps { /** Content rendered inside the empty state body */ diff --git a/packages/react-core/src/components/EmptyState/EmptyStateFooter.tsx b/packages/react-core/src/components/EmptyState/EmptyStateFooter.tsx index 44f3e90052b..42de1499d82 100644 --- a/packages/react-core/src/components/EmptyState/EmptyStateFooter.tsx +++ b/packages/react-core/src/components/EmptyState/EmptyStateFooter.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/EmptyState/empty-state'; export interface EmptyStateFooterProps extends React.HTMLProps { /** Content rendered inside the empty state footer */ diff --git a/packages/react-core/src/components/EmptyState/EmptyStateHeader.tsx b/packages/react-core/src/components/EmptyState/EmptyStateHeader.tsx index a0aa6658c44..87cdef2299f 100644 --- a/packages/react-core/src/components/EmptyState/EmptyStateHeader.tsx +++ b/packages/react-core/src/components/EmptyState/EmptyStateHeader.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/EmptyState/empty-state'; import { EmptyStateIcon } from './EmptyStateIcon'; export enum EmptyStateHeadingLevel { diff --git a/packages/react-core/src/components/EmptyState/EmptyStateIcon.tsx b/packages/react-core/src/components/EmptyState/EmptyStateIcon.tsx index 4364fb5e321..33bf01acade 100644 --- a/packages/react-core/src/components/EmptyState/EmptyStateIcon.tsx +++ b/packages/react-core/src/components/EmptyState/EmptyStateIcon.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/EmptyState/empty-state'; import { Spinner } from '../Spinner'; export interface EmptyStateIconProps { /** Additional classes added to the empty state icon */ diff --git a/packages/react-core/src/components/EmptyState/__tests__/EmptyState.test.tsx b/packages/react-core/src/components/EmptyState/__tests__/EmptyState.test.tsx index 56b8bf1a83c..ee79b7fc1b0 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/EmptyState.test.tsx +++ b/packages/react-core/src/components/EmptyState/__tests__/EmptyState.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; -import RhUiDocumentIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-document-icon'; +import RhUiDocumentIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-document-icon'; import { EmptyState, EmptyStateVariant } from '../EmptyState'; import { EmptyStateBody } from '../EmptyStateBody'; @@ -8,7 +8,7 @@ import { EmptyStateActions } from '../EmptyStateActions'; import { Button } from '../../Button'; import { EmptyStateHeader } from '../EmptyStateHeader'; import { EmptyStateFooter } from '../EmptyStateFooter'; -import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; +import styles from '@rh-felt/react-styles/css/components/EmptyState/empty-state'; describe('EmptyState', () => { test('Main', () => { diff --git a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx index 54b22ee96cb..2c5f301fb27 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx +++ b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx @@ -2,7 +2,7 @@ * This test was generated */ import { render } from '@testing-library/react'; -import RhUiProfileFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-profile-fill-icon'; +import RhUiProfileFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-profile-fill-icon'; import { EmptyStateIcon } from '../../EmptyStateIcon'; // any missing imports can usually be resolved by adding them here import { Spinner } from '../../../Spinner/Spinner'; diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyState.md b/packages/react-core/src/components/EmptyState/examples/EmptyState.md index 406ebfae94c..9c26c0cbe21 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyState.md +++ b/packages/react-core/src/components/EmptyState/examples/EmptyState.md @@ -6,9 +6,9 @@ propComponents: ['EmptyState', 'EmptyStateBody', 'EmptyStateFooter', 'EmptyState --- import { useState } from 'react'; -import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon'; -import RhUiCubesIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-cubes-icon'; -import RhUiModuleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-module-icon'; +import RhMicronsSearchIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-search-icon'; +import RhUiCubesIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-cubes-icon'; +import RhUiModuleIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-module-icon'; ## Examples diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyStateBasic.tsx b/packages/react-core/src/components/EmptyState/examples/EmptyStateBasic.tsx index 742389380ed..78ed0351935 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyStateBasic.tsx +++ b/packages/react-core/src/components/EmptyState/examples/EmptyStateBasic.tsx @@ -1,5 +1,5 @@ -import { Button, EmptyState, EmptyStateBody, EmptyStateActions, EmptyStateFooter } from '@patternfly/react-core'; -import RhUiModuleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-module-icon'; +import { Button, EmptyState, EmptyStateBody, EmptyStateActions, EmptyStateFooter } from '@rh-felt/react-core'; +import RhUiModuleIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-module-icon'; export const EmptyStateBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyStateExtraLarge.tsx b/packages/react-core/src/components/EmptyState/examples/EmptyStateExtraLarge.tsx index b8202766f74..f7ce972ae7c 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyStateExtraLarge.tsx +++ b/packages/react-core/src/components/EmptyState/examples/EmptyStateExtraLarge.tsx @@ -5,8 +5,8 @@ import { EmptyStateBody, EmptyStateActions, EmptyStateFooter -} from '@patternfly/react-core'; -import RhUiModuleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-module-icon'; +} from '@rh-felt/react-core'; +import RhUiModuleIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-module-icon'; export const EmptyStateExtraLarge: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyStateExtraSmall.tsx b/packages/react-core/src/components/EmptyState/examples/EmptyStateExtraSmall.tsx index d53a533a330..f44bbdd3b49 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyStateExtraSmall.tsx +++ b/packages/react-core/src/components/EmptyState/examples/EmptyStateExtraSmall.tsx @@ -5,8 +5,8 @@ import { EmptyStateBody, EmptyStateActions, EmptyStateFooter -} from '@patternfly/react-core'; -import RhUiModuleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-module-icon'; +} from '@rh-felt/react-core'; +import RhUiModuleIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-module-icon'; export const EmptyStateExtraSmall: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyStateLarge.tsx b/packages/react-core/src/components/EmptyState/examples/EmptyStateLarge.tsx index 162dd581e04..1c3ecee32e7 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyStateLarge.tsx +++ b/packages/react-core/src/components/EmptyState/examples/EmptyStateLarge.tsx @@ -5,8 +5,8 @@ import { EmptyStateBody, EmptyStateActions, EmptyStateFooter -} from '@patternfly/react-core'; -import RhUiModuleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-module-icon'; +} from '@rh-felt/react-core'; +import RhUiModuleIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-module-icon'; export const EmptyStateLarge: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyStateNoMatchFound.tsx b/packages/react-core/src/components/EmptyState/examples/EmptyStateNoMatchFound.tsx index 4f543c3fdab..4175acfc093 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyStateNoMatchFound.tsx +++ b/packages/react-core/src/components/EmptyState/examples/EmptyStateNoMatchFound.tsx @@ -1,5 +1,5 @@ -import { Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateActions } from '@patternfly/react-core'; -import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon'; +import { Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateActions } from '@rh-felt/react-core'; +import RhMicronsSearchIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-search-icon'; export const EmptyStateNoMatchFound: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyStateSmall.tsx b/packages/react-core/src/components/EmptyState/examples/EmptyStateSmall.tsx index f4a1b6a1e58..24daf1df2ce 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyStateSmall.tsx +++ b/packages/react-core/src/components/EmptyState/examples/EmptyStateSmall.tsx @@ -5,8 +5,8 @@ import { EmptyStateBody, EmptyStateActions, EmptyStateFooter -} from '@patternfly/react-core'; -import RhUiModuleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-module-icon'; +} from '@rh-felt/react-core'; +import RhUiModuleIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-module-icon'; export const EmptyStateSmall: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyStateSpinner.tsx b/packages/react-core/src/components/EmptyState/examples/EmptyStateSpinner.tsx index c9e0632e839..7049bdbe461 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyStateSpinner.tsx +++ b/packages/react-core/src/components/EmptyState/examples/EmptyStateSpinner.tsx @@ -1,4 +1,4 @@ -import { EmptyState, Spinner } from '@patternfly/react-core'; +import { EmptyState, Spinner } from '@rh-felt/react-core'; export const EmptyStateSpinner: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyStateWithStatus.tsx b/packages/react-core/src/components/EmptyState/examples/EmptyStateWithStatus.tsx index c9b3a9bceca..2d339011df2 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyStateWithStatus.tsx +++ b/packages/react-core/src/components/EmptyState/examples/EmptyStateWithStatus.tsx @@ -6,7 +6,7 @@ import { EmptyStateActions, EmptyStateStatus, Button -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const EmptyStateWithStatus: React.FunctionComponent = () => { const [status, setStatus] = useState(EmptyStateStatus.success); diff --git a/packages/react-core/src/components/ExpandableSection/ExpandableSection.tsx b/packages/react-core/src/components/ExpandableSection/ExpandableSection.tsx index b045532b71d..e6b5c1359bf 100644 --- a/packages/react-core/src/components/ExpandableSection/ExpandableSection.tsx +++ b/packages/react-core/src/components/ExpandableSection/ExpandableSection.tsx @@ -1,8 +1,8 @@ import { Component, createRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/ExpandableSection/expandable-section'; -import { css } from '@patternfly/react-styles'; -import lineClamp from '@patternfly/react-tokens/dist/esm/c_expandable_section_m_truncate__content_LineClamp'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import styles from '@rh-felt/react-styles/css/components/ExpandableSection/expandable-section'; +import { css } from '@rh-felt/react-styles'; +import lineClamp from '@rh-felt/react-tokens/dist/esm/c_expandable_section_m_truncate__content_LineClamp'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import { PickOptional } from '../../helpers/typeUtils'; import { debounce } from '../../helpers/util'; import { getResizeObserver } from '../../helpers/resizeObserver'; diff --git a/packages/react-core/src/components/ExpandableSection/ExpandableSectionToggle.tsx b/packages/react-core/src/components/ExpandableSection/ExpandableSectionToggle.tsx index 2d06651d986..b66d38be8fd 100644 --- a/packages/react-core/src/components/ExpandableSection/ExpandableSectionToggle.tsx +++ b/packages/react-core/src/components/ExpandableSection/ExpandableSectionToggle.tsx @@ -1,6 +1,6 @@ -import styles from '@patternfly/react-styles/css/components/ExpandableSection/expandable-section'; -import { css } from '@patternfly/react-styles'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import styles from '@rh-felt/react-styles/css/components/ExpandableSection/expandable-section'; +import { css } from '@rh-felt/react-styles'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import { Button } from '../Button'; /** Acts as the toggle sub-component when the main expandable section component has the isDetached diff --git a/packages/react-core/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx b/packages/react-core/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx index 5e36466073c..8f488065eb5 100644 --- a/packages/react-core/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx +++ b/packages/react-core/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx @@ -2,8 +2,8 @@ import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { ExpandableSection, ExpandableSectionVariant } from '../ExpandableSection'; -import styles from '@patternfly/react-styles/css/components/ExpandableSection/expandable-section'; -import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; +import styles from '@rh-felt/react-styles/css/components/ExpandableSection/expandable-section'; +import RhUiNotificationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; const props = { contentId: 'content-id', toggleId: 'toggle-id' }; diff --git a/packages/react-core/src/components/ExpandableSection/__tests__/ExpandableSectionToggle.test.tsx b/packages/react-core/src/components/ExpandableSection/__tests__/ExpandableSectionToggle.test.tsx index 9757132e6fa..7a649634c6a 100644 --- a/packages/react-core/src/components/ExpandableSection/__tests__/ExpandableSectionToggle.test.tsx +++ b/packages/react-core/src/components/ExpandableSection/__tests__/ExpandableSectionToggle.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { ExpandableSectionToggle } from '../ExpandableSectionToggle'; -import styles from '@patternfly/react-styles/css/components/ExpandableSection/expandable-section'; +import styles from '@rh-felt/react-styles/css/components/ExpandableSection/expandable-section'; test('Renders without children', () => { render(); diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md index cc21b7a9d82..c378ffce656 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md @@ -6,7 +6,7 @@ propComponents: ['ExpandableSection', 'ExpandableSectionToggle'] --- import { useState } from 'react'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionBasic.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionBasic.tsx index 3fa53d6ffdc..45ba6857abc 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionBasic.tsx +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionBasic.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { ExpandableSection } from '@patternfly/react-core'; +import { ExpandableSection } from '@rh-felt/react-core'; export const ExpandableSectionBasic: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionCustomToggle.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionCustomToggle.tsx index 8c334c5f11c..c2cd70ba2e3 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionCustomToggle.tsx +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionCustomToggle.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { ExpandableSection, Badge, Stack, StackItem } from '@patternfly/react-core'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import { ExpandableSection, Badge, Stack, StackItem } from '@rh-felt/react-core'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; export const ExpandableSectionCustomToggle: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDetached.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDetached.tsx index c3b7be561b8..3af48e3c330 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDetached.tsx +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDetached.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { ExpandableSection, ExpandableSectionToggle, Stack, StackItem } from '@patternfly/react-core'; +import { ExpandableSection, ExpandableSectionToggle, Stack, StackItem } from '@rh-felt/react-core'; export const ExpandableSectionDetached: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDisclosure.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDisclosure.tsx index 13c866ce6a2..6d856868008 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDisclosure.tsx +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDisclosure.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { ExpandableSection } from '@patternfly/react-core'; +import { ExpandableSection } from '@rh-felt/react-core'; export const ExpandableSectionDisclosure: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionIndented.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionIndented.tsx index 922d4046eef..e78f1e87979 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionIndented.tsx +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionIndented.tsx @@ -1,5 +1,5 @@ import { FormEvent, useState } from 'react'; -import { ExpandableSection, Checkbox } from '@patternfly/react-core'; +import { ExpandableSection, Checkbox } from '@rh-felt/react-core'; export const ExpandableSectionIndented: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(true); diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx index 5c8865860ee..d47f72df85c 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { ExpandableSection, ExpandableSectionVariant } from '@patternfly/react-core'; +import { ExpandableSection, ExpandableSectionVariant } from '@rh-felt/react-core'; export const ExpandableSectionTruncateExpansion: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolled.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolled.tsx index 660de9eb1f8..4c5ba6f594d 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolled.tsx +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolled.tsx @@ -1,4 +1,4 @@ -import { ExpandableSection } from '@patternfly/react-core'; +import { ExpandableSection } from '@rh-felt/react-core'; export const ExpandableSectionUncontrolled: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolledDynamicToggleFunction.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolledDynamicToggleFunction.tsx index 614329918f8..0db9f324b00 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolledDynamicToggleFunction.tsx +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolledDynamicToggleFunction.tsx @@ -1,4 +1,4 @@ -import { ExpandableSection } from '@patternfly/react-core'; +import { ExpandableSection } from '@rh-felt/react-core'; export const ExpandableSectionUncontrolledDynamicToggleFunction: React.FunctionComponent = () => ( ( { const [isExpanded1, setIsExpanded1] = useState(false); diff --git a/packages/react-core/src/components/FileUpload/FileUploadField.tsx b/packages/react-core/src/components/FileUpload/FileUploadField.tsx index 8be75a1b95f..b0807896716 100644 --- a/packages/react-core/src/components/FileUpload/FileUploadField.tsx +++ b/packages/react-core/src/components/FileUpload/FileUploadField.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/FileUpload/file-upload'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/FileUpload/file-upload'; +import { css } from '@rh-felt/react-styles'; import { InputGroup, InputGroupItem } from '../InputGroup'; import { TextInput } from '../TextInput'; import { Button, ButtonVariant } from '../Button'; diff --git a/packages/react-core/src/components/FileUpload/FileUploadHelperText.tsx b/packages/react-core/src/components/FileUpload/FileUploadHelperText.tsx index 7b12e3be4dd..9be13d6f696 100644 --- a/packages/react-core/src/components/FileUpload/FileUploadHelperText.tsx +++ b/packages/react-core/src/components/FileUpload/FileUploadHelperText.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/FileUpload/file-upload'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/FileUpload/file-upload'; +import { css } from '@rh-felt/react-styles'; /** A container for helper text content. This sub-component should be passed as a child to * the main file upload or file upload field component. diff --git a/packages/react-core/src/components/FileUpload/__tests__/FileUploadHelperText.test.tsx b/packages/react-core/src/components/FileUpload/__tests__/FileUploadHelperText.test.tsx index 8f269d6832b..a4c53d2d09e 100644 --- a/packages/react-core/src/components/FileUpload/__tests__/FileUploadHelperText.test.tsx +++ b/packages/react-core/src/components/FileUpload/__tests__/FileUploadHelperText.test.tsx @@ -1,6 +1,6 @@ import { FileUploadHelperText } from '../FileUploadHelperText'; import { render, screen } from '@testing-library/react'; -import styles from '@patternfly/react-styles/css/components/FileUpload/file-upload'; +import styles from '@rh-felt/react-styles/css/components/FileUpload/file-upload'; test(`Renders only with class ${styles.fileUpload}__helper-text by default`, () => { render(Content); diff --git a/packages/react-core/src/components/FileUpload/examples/FileUpload.md b/packages/react-core/src/components/FileUpload/examples/FileUpload.md index 4cff712ba1d..83fd4d5925f 100644 --- a/packages/react-core/src/components/FileUpload/examples/FileUpload.md +++ b/packages/react-core/src/components/FileUpload/examples/FileUpload.md @@ -7,7 +7,7 @@ subsection: file-upload --- import { useState } from 'react'; -import RhUiDocumentFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-document-fill-icon'; +import RhUiDocumentFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-document-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/FileUpload/examples/FileUploadCustomPreview.tsx b/packages/react-core/src/components/FileUpload/examples/FileUploadCustomPreview.tsx index a3b9bb9ba2a..47607cc0165 100644 --- a/packages/react-core/src/components/FileUpload/examples/FileUploadCustomPreview.tsx +++ b/packages/react-core/src/components/FileUpload/examples/FileUploadCustomPreview.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { FileUpload } from '@patternfly/react-core'; -import RhUiDocumentFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-document-fill-icon'; +import { FileUpload } from '@rh-felt/react-core'; +import RhUiDocumentFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-document-fill-icon'; export const CustomPreviewFileUpload: React.FunctionComponent = () => { const [value, setValue] = useState(); diff --git a/packages/react-core/src/components/FileUpload/examples/FileUploadCustomUpload.tsx b/packages/react-core/src/components/FileUpload/examples/FileUploadCustomUpload.tsx index 159b26dc5a2..45439603dc3 100644 --- a/packages/react-core/src/components/FileUpload/examples/FileUploadCustomUpload.tsx +++ b/packages/react-core/src/components/FileUpload/examples/FileUploadCustomUpload.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { FileUploadField, FileUploadHelperText, HelperText, HelperTextItem, Checkbox } from '@patternfly/react-core'; +import { FileUploadField, FileUploadHelperText, HelperText, HelperTextItem, Checkbox } from '@rh-felt/react-core'; export const CustomPreviewFileUpload: React.FunctionComponent = () => { const properties = [ diff --git a/packages/react-core/src/components/FileUpload/examples/FileUploadSimpleFile.tsx b/packages/react-core/src/components/FileUpload/examples/FileUploadSimpleFile.tsx index f9e9fea9dcf..ec31c237f70 100644 --- a/packages/react-core/src/components/FileUpload/examples/FileUploadSimpleFile.tsx +++ b/packages/react-core/src/components/FileUpload/examples/FileUploadSimpleFile.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { FileUpload } from '@patternfly/react-core'; +import { FileUpload } from '@rh-felt/react-core'; export const SimpleFileUpload: React.FunctionComponent = () => { const [value, setValue] = useState(''); diff --git a/packages/react-core/src/components/FileUpload/examples/FileUploadSimpleText.tsx b/packages/react-core/src/components/FileUpload/examples/FileUploadSimpleText.tsx index ee28f15bd27..42c3f0e0112 100644 --- a/packages/react-core/src/components/FileUpload/examples/FileUploadSimpleText.tsx +++ b/packages/react-core/src/components/FileUpload/examples/FileUploadSimpleText.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { FileUpload, DropEvent } from '@patternfly/react-core'; +import { FileUpload, DropEvent } from '@rh-felt/react-core'; export const SimpleTextFileUpload: React.FunctionComponent = () => { const [value, setValue] = useState(''); diff --git a/packages/react-core/src/components/FileUpload/examples/FileUploadTextWithEdits.tsx b/packages/react-core/src/components/FileUpload/examples/FileUploadTextWithEdits.tsx index 013e5eb9a09..fc34e920c1c 100644 --- a/packages/react-core/src/components/FileUpload/examples/FileUploadTextWithEdits.tsx +++ b/packages/react-core/src/components/FileUpload/examples/FileUploadTextWithEdits.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { FileUpload, DropEvent } from '@patternfly/react-core'; +import { FileUpload, DropEvent } from '@rh-felt/react-core'; export const TextFileWithEditsAllowed: React.FunctionComponent = () => { const [value, setValue] = useState(''); diff --git a/packages/react-core/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx b/packages/react-core/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx index 5f4f9f3c726..314168a5a62 100644 --- a/packages/react-core/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx +++ b/packages/react-core/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx @@ -8,7 +8,7 @@ import { HelperText, HelperTextItem, DropEvent -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const TextFileUploadWithRestrictions: React.FunctionComponent = () => { const [value, setValue] = useState(''); diff --git a/packages/react-core/src/components/FileUpload/examples/FileUploadWithHelperText.tsx b/packages/react-core/src/components/FileUpload/examples/FileUploadWithHelperText.tsx index 38b8bf5eb67..4ba7ee917a4 100644 --- a/packages/react-core/src/components/FileUpload/examples/FileUploadWithHelperText.tsx +++ b/packages/react-core/src/components/FileUpload/examples/FileUploadWithHelperText.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { FileUpload, FileUploadHelperText, HelperText, HelperTextItem, DropEvent } from '@patternfly/react-core'; +import { FileUpload, FileUploadHelperText, HelperText, HelperTextItem, DropEvent } from '@rh-felt/react-core'; export const FileUploadWithHelperText: React.FunctionComponent = () => { const [value, setValue] = useState(''); diff --git a/packages/react-core/src/components/Form/ActionGroup.tsx b/packages/react-core/src/components/Form/ActionGroup.tsx index 04843fd1a1b..c6c6d1ed651 100644 --- a/packages/react-core/src/components/Form/ActionGroup.tsx +++ b/packages/react-core/src/components/Form/ActionGroup.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Form/form'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; +import { css } from '@rh-felt/react-styles'; /** ActionGroup has been deprecated, please use ActionList, ActionListGroup, and ActionListItem in a FormGroup instead. */ export interface ActionGroupProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/Form/Form.tsx b/packages/react-core/src/components/Form/Form.tsx index fdedde6f75d..5e82b9fad6e 100644 --- a/packages/react-core/src/components/Form/Form.tsx +++ b/packages/react-core/src/components/Form/Form.tsx @@ -1,7 +1,7 @@ import { forwardRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/Form/form'; -import { css } from '@patternfly/react-styles'; -import cssMaxWidth from '@patternfly/react-tokens/dist/esm/c_form_m_limit_width_MaxWidth'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; +import { css } from '@rh-felt/react-styles'; +import cssMaxWidth from '@rh-felt/react-tokens/dist/esm/c_form_m_limit_width_MaxWidth'; import { useOUIAProps, OUIAProps } from '../../helpers'; export interface FormProps extends Omit, 'ref'>, OUIAProps { diff --git a/packages/react-core/src/components/Form/FormAlert.tsx b/packages/react-core/src/components/Form/FormAlert.tsx index 9b9f8dae409..1f7953b9af5 100644 --- a/packages/react-core/src/components/Form/FormAlert.tsx +++ b/packages/react-core/src/components/Form/FormAlert.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Form/form'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; export interface FormAlertProps extends React.HTMLProps { /** An inline PatternFly Alert. */ diff --git a/packages/react-core/src/components/Form/FormFieldGroupHeader.tsx b/packages/react-core/src/components/Form/FormFieldGroupHeader.tsx index 594371056ca..ff3ae05db9d 100644 --- a/packages/react-core/src/components/Form/FormFieldGroupHeader.tsx +++ b/packages/react-core/src/components/Form/FormFieldGroupHeader.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Form/form'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; +import { css } from '@rh-felt/react-styles'; export interface FormFieldGroupHeaderTitleTextObject { /** Title text. */ diff --git a/packages/react-core/src/components/Form/FormFieldGroupToggle.tsx b/packages/react-core/src/components/Form/FormFieldGroupToggle.tsx index 14808e8370c..98e0e3a377c 100644 --- a/packages/react-core/src/components/Form/FormFieldGroupToggle.tsx +++ b/packages/react-core/src/components/Form/FormFieldGroupToggle.tsx @@ -1,6 +1,6 @@ -import styles from '@patternfly/react-styles/css/components/Form/form'; -import { css } from '@patternfly/react-styles'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; +import { css } from '@rh-felt/react-styles'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import { Button } from '../Button'; export interface FormFieldGroupToggleProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/Form/FormGroup.tsx b/packages/react-core/src/components/Form/FormGroup.tsx index b6172fca3e7..44ff5bd3fbb 100644 --- a/packages/react-core/src/components/Form/FormGroup.tsx +++ b/packages/react-core/src/components/Form/FormGroup.tsx @@ -1,7 +1,7 @@ import { Fragment, isValidElement } from 'react'; -import styles from '@patternfly/react-styles/css/components/Form/form'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; import { ASTERISK } from '../../helpers/htmlConstants'; -import { css } from '@patternfly/react-styles'; +import { css } from '@rh-felt/react-styles'; import { useSSRSafeId, useOUIAProps, OUIAProps } from '../../helpers'; export interface FormGroupProps extends Omit, 'label'>, OUIAProps { diff --git a/packages/react-core/src/components/Form/FormGroupLabelHelp.tsx b/packages/react-core/src/components/Form/FormGroupLabelHelp.tsx index 286fd5df9d9..160a9d95283 100644 --- a/packages/react-core/src/components/Form/FormGroupLabelHelp.tsx +++ b/packages/react-core/src/components/Form/FormGroupLabelHelp.tsx @@ -1,7 +1,7 @@ import { forwardRef, useRef } from 'react'; import { Button, ButtonProps } from '../Button'; import { KeyTypes } from '../../helpers/constants'; -import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; +import RhUiQuestionMarkCircleIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; /** A help button to be passed to the FormGroup's labelHelp property. This should be wrapped or linked * to our Popover component. diff --git a/packages/react-core/src/components/Form/FormHelperText.tsx b/packages/react-core/src/components/Form/FormHelperText.tsx index 31933732fe5..3487dd917e5 100644 --- a/packages/react-core/src/components/Form/FormHelperText.tsx +++ b/packages/react-core/src/components/Form/FormHelperText.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/Form/form'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; export interface FormHelperTextProps extends React.HTMLProps { /** Content rendered inside the helper text wrapper */ diff --git a/packages/react-core/src/components/Form/FormSection.tsx b/packages/react-core/src/components/Form/FormSection.tsx index e0d9cc5e647..2d7aad6969d 100644 --- a/packages/react-core/src/components/Form/FormSection.tsx +++ b/packages/react-core/src/components/Form/FormSection.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Form/form'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; +import { css } from '@rh-felt/react-styles'; import { GenerateId } from '../../helpers/GenerateId/GenerateId'; export interface FormSectionProps extends Omit, 'title'> { diff --git a/packages/react-core/src/components/Form/InternalFormFieldGroup.tsx b/packages/react-core/src/components/Form/InternalFormFieldGroup.tsx index 1cca7ad4c4f..b75d72ad02b 100644 --- a/packages/react-core/src/components/Form/InternalFormFieldGroup.tsx +++ b/packages/react-core/src/components/Form/InternalFormFieldGroup.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Form/form'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; +import { css } from '@rh-felt/react-styles'; import { FormFieldGroupToggle } from './FormFieldGroupToggle'; import { useSSRSafeId } from '../../helpers'; import { useHasAnimations } from '../../helpers'; diff --git a/packages/react-core/src/components/Form/__tests__/FormFieldGroupExpandable.test.tsx b/packages/react-core/src/components/Form/__tests__/FormFieldGroupExpandable.test.tsx index b5d96014ff0..9c49e7a766e 100644 --- a/packages/react-core/src/components/Form/__tests__/FormFieldGroupExpandable.test.tsx +++ b/packages/react-core/src/components/Form/__tests__/FormFieldGroupExpandable.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { FormFieldGroupExpandable } from '../FormFieldGroupExpandable'; import { AnimationsProvider } from '../../../helpers/AnimationsProvider'; -import styles from '@patternfly/react-styles/css/components/Form/form'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; test('Does not render children by default', () => { render(Child content); diff --git a/packages/react-core/src/components/Form/examples/Form.md b/packages/react-core/src/components/Form/examples/Form.md index 5b38dd1e4ef..fd87a90711c 100644 --- a/packages/react-core/src/components/Form/examples/Form.md +++ b/packages/react-core/src/components/Form/examples/Form.md @@ -26,10 +26,10 @@ propComponents: --- import { useRef, useEffect, useState } from 'react'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; -import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; -import RhUiTrashFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-trash-fill-icon'; -import styles from '@patternfly/react-styles/css/components/Form/form'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +import RhUiQuestionMarkCircleIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; +import RhUiTrashFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-trash-fill-icon'; +import styles from '@rh-felt/react-styles/css/components/Form/form'; ## Examples diff --git a/packages/react-core/src/components/Form/examples/FormBasic.tsx b/packages/react-core/src/components/Form/examples/FormBasic.tsx index cfc5fc5bfc8..e2f1e26f2a2 100644 --- a/packages/react-core/src/components/Form/examples/FormBasic.tsx +++ b/packages/react-core/src/components/Form/examples/FormBasic.tsx @@ -14,7 +14,7 @@ import { HelperTextItem, FormHelperText, FormGroupLabelHelp -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const FormBasic: React.FunctionComponent = () => { const [name, setName] = useState(''); diff --git a/packages/react-core/src/components/Form/examples/FormFieldGroups.tsx b/packages/react-core/src/components/Form/examples/FormFieldGroups.tsx index 000ee10c271..f6448eb661f 100644 --- a/packages/react-core/src/components/Form/examples/FormFieldGroups.tsx +++ b/packages/react-core/src/components/Form/examples/FormFieldGroups.tsx @@ -7,8 +7,8 @@ import { FormFieldGroupHeader, TextInput, Button -} from '@patternfly/react-core'; -import RhUiTrashFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-trash-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiTrashFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-trash-fill-icon'; export const FormFieldGroups: React.FunctionComponent = () => { const initialValues = { diff --git a/packages/react-core/src/components/Form/examples/FormGrid.tsx b/packages/react-core/src/components/Form/examples/FormGrid.tsx index 85ac0181409..896e0d4e4b2 100644 --- a/packages/react-core/src/components/Form/examples/FormGrid.tsx +++ b/packages/react-core/src/components/Form/examples/FormGrid.tsx @@ -8,7 +8,7 @@ import { HelperText, HelperTextItem, FormHelperText -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const FormGrid: React.FunctionComponent = () => { const [name, setName] = useState(''); diff --git a/packages/react-core/src/components/Form/examples/FormGroupLabelInfo.tsx b/packages/react-core/src/components/Form/examples/FormGroupLabelInfo.tsx index 4ea8f1bf4b5..4ab9713cc4d 100644 --- a/packages/react-core/src/components/Form/examples/FormGroupLabelInfo.tsx +++ b/packages/react-core/src/components/Form/examples/FormGroupLabelInfo.tsx @@ -8,7 +8,7 @@ import { HelperTextItem, FormHelperText, FormGroupLabelHelp -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const FormGroupLabelInfo: React.FunctionComponent = () => { const [name, setName] = useState(''); diff --git a/packages/react-core/src/components/Form/examples/FormHorizontal.tsx b/packages/react-core/src/components/Form/examples/FormHorizontal.tsx index 0bc134ca7c9..9658d48c9be 100644 --- a/packages/react-core/src/components/Form/examples/FormHorizontal.tsx +++ b/packages/react-core/src/components/Form/examples/FormHorizontal.tsx @@ -15,7 +15,7 @@ import { HelperText, HelperTextItem, FormHelperText -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const FormHorizontal: React.FunctionComponent = () => { const [name, setName] = useState(''); diff --git a/packages/react-core/src/components/Form/examples/FormHorizontalHelper.tsx b/packages/react-core/src/components/Form/examples/FormHorizontalHelper.tsx index e06dece189d..682555ae33b 100644 --- a/packages/react-core/src/components/Form/examples/FormHorizontalHelper.tsx +++ b/packages/react-core/src/components/Form/examples/FormHorizontalHelper.tsx @@ -1,4 +1,4 @@ -import { Form, FormGroup, Checkbox, HelperText, HelperTextItem, FormHelperText } from '@patternfly/react-core'; +import { Form, FormGroup, Checkbox, HelperText, HelperTextItem, FormHelperText } from '@rh-felt/react-core'; export const FormHorizontalFormHelperText: React.FunctionComponent = () => (
    diff --git a/packages/react-core/src/components/Form/examples/FormHorizontalStacked.tsx b/packages/react-core/src/components/Form/examples/FormHorizontalStacked.tsx index 115d240c975..3b80f6297ca 100644 --- a/packages/react-core/src/components/Form/examples/FormHorizontalStacked.tsx +++ b/packages/react-core/src/components/Form/examples/FormHorizontalStacked.tsx @@ -1,4 +1,4 @@ -import { Form, FormGroup, Checkbox } from '@patternfly/react-core'; +import { Form, FormGroup, Checkbox } from '@rh-felt/react-core'; export const FormHorizontalStacked: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Form/examples/FormInvalid.tsx b/packages/react-core/src/components/Form/examples/FormInvalid.tsx index 3b1394bc691..16880dc3266 100644 --- a/packages/react-core/src/components/Form/examples/FormInvalid.tsx +++ b/packages/react-core/src/components/Form/examples/FormInvalid.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; -import { Form, FormGroup, TextInput, HelperText, HelperTextItem, FormHelperText } from '@patternfly/react-core'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +import { Form, FormGroup, TextInput, HelperText, HelperTextItem, FormHelperText } from '@rh-felt/react-core'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; export const FormInvalid: React.FunctionComponent = () => { type validate = 'success' | 'warning' | 'error' | 'default'; diff --git a/packages/react-core/src/components/Form/examples/FormInvalidWithFormAlert.tsx b/packages/react-core/src/components/Form/examples/FormInvalidWithFormAlert.tsx index 1002552196d..4f7e684075a 100644 --- a/packages/react-core/src/components/Form/examples/FormInvalidWithFormAlert.tsx +++ b/packages/react-core/src/components/Form/examples/FormInvalidWithFormAlert.tsx @@ -8,8 +8,8 @@ import { HelperText, HelperTextItem, FormHelperText -} from '@patternfly/react-core'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; export const FormInvalidWithAlert: React.FunctionComponent = () => { type validate = 'success' | 'warning' | 'error' | 'default'; diff --git a/packages/react-core/src/components/Form/examples/FormLimitWidth.tsx b/packages/react-core/src/components/Form/examples/FormLimitWidth.tsx index c1022b53206..fe48de45712 100644 --- a/packages/react-core/src/components/Form/examples/FormLimitWidth.tsx +++ b/packages/react-core/src/components/Form/examples/FormLimitWidth.tsx @@ -14,7 +14,7 @@ import { HelperTextItem, FormHelperText, FormGroupLabelHelp -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const FormLimitWidth: React.FunctionComponent = () => { const [name, setName] = useState(''); diff --git a/packages/react-core/src/components/Form/examples/FormSections.tsx b/packages/react-core/src/components/Form/examples/FormSections.tsx index a3dd6877157..d39d548cd07 100644 --- a/packages/react-core/src/components/Form/examples/FormSections.tsx +++ b/packages/react-core/src/components/Form/examples/FormSections.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Form, FormGroup, FormSection, TextInput } from '@patternfly/react-core'; +import { Form, FormGroup, FormSection, TextInput } from '@rh-felt/react-core'; export const FormSections: React.FunctionComponent = () => { const [input1, setInput1] = useState(''); diff --git a/packages/react-core/src/components/Form/examples/FormState.tsx b/packages/react-core/src/components/Form/examples/FormState.tsx index ec89f3c82b1..4dbb6166495 100644 --- a/packages/react-core/src/components/Form/examples/FormState.tsx +++ b/packages/react-core/src/components/Form/examples/FormState.tsx @@ -19,8 +19,8 @@ import { SelectOption, TextArea, TextInput -} from '@patternfly/react-core'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; export const FormState = () => { const [isSelectOpen, setIsSelectOpen] = useState(false); diff --git a/packages/react-core/src/components/Form/examples/FormValidated.tsx b/packages/react-core/src/components/Form/examples/FormValidated.tsx index 6e1842383cd..ba80e3e838e 100644 --- a/packages/react-core/src/components/Form/examples/FormValidated.tsx +++ b/packages/react-core/src/components/Form/examples/FormValidated.tsx @@ -1,6 +1,6 @@ import { useEffect, useState } from 'react'; -import { Form, FormGroup, FormHelperText, HelperText, HelperTextItem, TextInput } from '@patternfly/react-core'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +import { Form, FormGroup, FormHelperText, HelperText, HelperTextItem, TextInput } from '@rh-felt/react-core'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; export const FormValidated: React.FunctionComponent = () => { type validate = 'success' | 'warning' | 'error' | 'default'; diff --git a/packages/react-core/src/components/FormControl/FormControlIcon.tsx b/packages/react-core/src/components/FormControl/FormControlIcon.tsx index f5cdcdf1d81..b1910beafd0 100644 --- a/packages/react-core/src/components/FormControl/FormControlIcon.tsx +++ b/packages/react-core/src/components/FormControl/FormControlIcon.tsx @@ -1,8 +1,8 @@ -import styles from '@patternfly/react-styles/css/components/FormControl/form-control'; -import { css } from '@patternfly/react-styles'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; -import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; +import styles from '@rh-felt/react-styles/css/components/FormControl/form-control'; +import { css } from '@rh-felt/react-styles'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +import RhUiWarningFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; export const statusIcons = { success: RhUiCheckCircleFillIcon, diff --git a/packages/react-core/src/components/FormSelect/FormSelect.tsx b/packages/react-core/src/components/FormSelect/FormSelect.tsx index 0e909bbeadc..010095cdcb6 100644 --- a/packages/react-core/src/components/FormSelect/FormSelect.tsx +++ b/packages/react-core/src/components/FormSelect/FormSelect.tsx @@ -1,12 +1,12 @@ import { Children, Component } from 'react'; -import styles from '@patternfly/react-styles/css/components/FormControl/form-control'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/FormControl/form-control'; +import { css } from '@rh-felt/react-styles'; import { PickOptional } from '../../helpers/typeUtils'; import { ValidatedOptions } from '../../helpers/constants'; import { FormControlIcon } from '../FormControl/FormControlIcon'; import { getOUIAProps, OUIAProps } from '../../helpers'; import { SSRSafeIds } from '../../helpers/SSRSafeIds/SSRSafeIds'; -import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon'; +import RhMicronsCaretDownFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon'; export interface FormSelectProps extends Omit, 'onChange' | 'onBlur' | 'onFocus' | 'disabled'>, OUIAProps { diff --git a/packages/react-core/src/components/FormSelect/examples/FormSelectBasic.tsx b/packages/react-core/src/components/FormSelect/examples/FormSelectBasic.tsx index 0ee1d7749ad..cf41207e86e 100644 --- a/packages/react-core/src/components/FormSelect/examples/FormSelectBasic.tsx +++ b/packages/react-core/src/components/FormSelect/examples/FormSelectBasic.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { FormSelect, FormSelectOption } from '@patternfly/react-core'; +import { FormSelect, FormSelectOption } from '@rh-felt/react-core'; export const FormSelectBasic: React.FunctionComponent = () => { const [formSelectValue, setFormSelectValue] = useState('mrs'); diff --git a/packages/react-core/src/components/FormSelect/examples/FormSelectDisabled.tsx b/packages/react-core/src/components/FormSelect/examples/FormSelectDisabled.tsx index d8508fc079f..db6c608bf68 100644 --- a/packages/react-core/src/components/FormSelect/examples/FormSelectDisabled.tsx +++ b/packages/react-core/src/components/FormSelect/examples/FormSelectDisabled.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { FormSelect, FormSelectOption } from '@patternfly/react-core'; +import { FormSelect, FormSelectOption } from '@rh-felt/react-core'; export const FormSelectDisabled: React.FunctionComponent = () => { const [formSelectValue, setFormSelectValue] = useState('mrs'); diff --git a/packages/react-core/src/components/FormSelect/examples/FormSelectGrouped.tsx b/packages/react-core/src/components/FormSelect/examples/FormSelectGrouped.tsx index c45d0f41ea9..1bf32e95d98 100644 --- a/packages/react-core/src/components/FormSelect/examples/FormSelectGrouped.tsx +++ b/packages/react-core/src/components/FormSelect/examples/FormSelectGrouped.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { FormSelect, FormSelectOption, FormSelectOptionGroup } from '@patternfly/react-core'; +import { FormSelect, FormSelectOption, FormSelectOptionGroup } from '@rh-felt/react-core'; export const FormSelectGrouped: React.FunctionComponent = () => { const [formSelectValue, setFormSelectValue] = useState('2'); diff --git a/packages/react-core/src/components/FormSelect/examples/FormSelectValidated.tsx b/packages/react-core/src/components/FormSelect/examples/FormSelectValidated.tsx index a8acfbaf972..45138f554af 100644 --- a/packages/react-core/src/components/FormSelect/examples/FormSelectValidated.tsx +++ b/packages/react-core/src/components/FormSelect/examples/FormSelectValidated.tsx @@ -8,7 +8,7 @@ import { HelperText, HelperTextItem, ValidatedOptions -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const FormSelectValidated: React.FunctionComponent = () => { const [formValue, setFormValue] = useState(''); diff --git a/packages/react-core/src/components/HelperText/HelperText.tsx b/packages/react-core/src/components/HelperText/HelperText.tsx index 31276b61968..5b039611911 100644 --- a/packages/react-core/src/components/HelperText/HelperText.tsx +++ b/packages/react-core/src/components/HelperText/HelperText.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/HelperText/helper-text'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/HelperText/helper-text'; +import { css } from '@rh-felt/react-styles'; export interface HelperTextProps extends React.HTMLProps { /** Content rendered inside the helper text container. */ diff --git a/packages/react-core/src/components/HelperText/HelperTextItem.tsx b/packages/react-core/src/components/HelperText/HelperTextItem.tsx index 5f89e6acd1e..b10cb50afa1 100644 --- a/packages/react-core/src/components/HelperText/HelperTextItem.tsx +++ b/packages/react-core/src/components/HelperText/HelperTextItem.tsx @@ -1,9 +1,9 @@ -import styles from '@patternfly/react-styles/css/components/HelperText/helper-text'; -import { css } from '@patternfly/react-styles'; -import RhUiMinusIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-minus-icon'; -import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +import styles from '@rh-felt/react-styles/css/components/HelperText/helper-text'; +import { css } from '@rh-felt/react-styles'; +import RhUiMinusIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-minus-icon'; +import RhUiWarningFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; export enum HelperTextItemVariant { default = 'default', diff --git a/packages/react-core/src/components/HelperText/__tests__/HelperText.test.tsx b/packages/react-core/src/components/HelperText/__tests__/HelperText.test.tsx index ce769fdae96..279721f8ef9 100644 --- a/packages/react-core/src/components/HelperText/__tests__/HelperText.test.tsx +++ b/packages/react-core/src/components/HelperText/__tests__/HelperText.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { HelperText } from '../HelperText'; -import styles from '@patternfly/react-styles/css/components/HelperText/helper-text'; +import styles from '@rh-felt/react-styles/css/components/HelperText/helper-text'; test('Renders to match snapshot', () => { const { asFragment } = render(); diff --git a/packages/react-core/src/components/HelperText/__tests__/HelperTextItem.test.tsx b/packages/react-core/src/components/HelperText/__tests__/HelperTextItem.test.tsx index f6a3af0e33f..31ef2c930fd 100644 --- a/packages/react-core/src/components/HelperText/__tests__/HelperTextItem.test.tsx +++ b/packages/react-core/src/components/HelperText/__tests__/HelperTextItem.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { HelperTextItem } from '../HelperTextItem'; -import styles from '@patternfly/react-styles/css/components/HelperText/helper-text'; +import styles from '@rh-felt/react-styles/css/components/HelperText/helper-text'; test('Renders to match snapshot', () => { const { asFragment } = render(help test text); diff --git a/packages/react-core/src/components/HelperText/examples/HelperText.md b/packages/react-core/src/components/HelperText/examples/HelperText.md index 047e2c679fa..0aaed5645f7 100644 --- a/packages/react-core/src/components/HelperText/examples/HelperText.md +++ b/packages/react-core/src/components/HelperText/examples/HelperText.md @@ -6,11 +6,11 @@ propComponents: ['HelperText', 'HelperTextItem'] --- import { Fragment } from 'react'; -import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon'; -import RhUiQuestionMarkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-icon'; -import RhMicronsCheckmarkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; -import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon'; +import InfoIcon from '@rh-felt/react-icons/dist/esm/icons/info-icon'; +import RhUiQuestionMarkIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-question-mark-icon'; +import RhMicronsCheckmarkIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; +import ExclamationIcon from '@rh-felt/react-icons/dist/esm/icons/exclamation-icon'; ## Examples diff --git a/packages/react-core/src/components/HelperText/examples/HelperTextBasic.tsx b/packages/react-core/src/components/HelperText/examples/HelperTextBasic.tsx index fbb168c8de2..5950342e5df 100644 --- a/packages/react-core/src/components/HelperText/examples/HelperTextBasic.tsx +++ b/packages/react-core/src/components/HelperText/examples/HelperTextBasic.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { HelperText, HelperTextItem } from '@patternfly/react-core'; +import { HelperText, HelperTextItem } from '@rh-felt/react-core'; export const HelperTextBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/HelperText/examples/HelperTextMultipleItems.tsx b/packages/react-core/src/components/HelperText/examples/HelperTextMultipleItems.tsx index 0512e8c4e3f..86c003aecde 100644 --- a/packages/react-core/src/components/HelperText/examples/HelperTextMultipleItems.tsx +++ b/packages/react-core/src/components/HelperText/examples/HelperTextMultipleItems.tsx @@ -1,4 +1,4 @@ -import { HelperText, HelperTextItem } from '@patternfly/react-core'; +import { HelperText, HelperTextItem } from '@rh-felt/react-core'; export const HelperTextMultipleItems: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx b/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx index d7c3ca6efe7..d7192e9214a 100644 --- a/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx +++ b/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx @@ -1,10 +1,10 @@ import { Fragment } from 'react'; -import { HelperText, HelperTextItem } from '@patternfly/react-core'; -import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon'; -import RhUiQuestionMarkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-icon'; -import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon'; -import RhMicronsCheckmarkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; +import { HelperText, HelperTextItem } from '@rh-felt/react-core'; +import InfoIcon from '@rh-felt/react-icons/dist/esm/icons/info-icon'; +import RhUiQuestionMarkIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-question-mark-icon'; +import ExclamationIcon from '@rh-felt/react-icons/dist/esm/icons/exclamation-icon'; +import RhMicronsCheckmarkIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; export const HelperTextWithCustomIcon: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Hero/Hero.tsx b/packages/react-core/src/components/Hero/Hero.tsx index f0cf81cbbf4..7ec006d16fd 100644 --- a/packages/react-core/src/components/Hero/Hero.tsx +++ b/packages/react-core/src/components/Hero/Hero.tsx @@ -1,15 +1,15 @@ -import styles from '@patternfly/react-styles/css/components/Hero/hero'; -import { css } from '@patternfly/react-styles'; -import heroBackgroundImageLight from '@patternfly/react-tokens/dist/esm/c_hero_BackgroundImage_light'; -import heroBackgroundImageDark from '@patternfly/react-tokens/dist/esm/c_hero_BackgroundImage_dark'; -import heroGradientStop1Light from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_1_light'; -import heroGradientStop2Light from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_2_light'; -import heroGradientStop3Light from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_3_light'; -import heroGradientStop1Dark from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_1_dark'; -import heroGradientStop2Dark from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_2_dark'; -import heroGradientStop3Dark from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_3_dark'; -import heroBodyWidth from '@patternfly/react-tokens/dist/esm/c_hero__body_Width'; -import heroBodyMaxWidth from '@patternfly/react-tokens/dist/esm/c_hero__body_MaxWidth'; +import styles from '@rh-felt/react-styles/css/components/Hero/hero'; +import { css } from '@rh-felt/react-styles'; +import heroBackgroundImageLight from '@rh-felt/react-tokens/dist/esm/c_hero_BackgroundImage_light'; +import heroBackgroundImageDark from '@rh-felt/react-tokens/dist/esm/c_hero_BackgroundImage_dark'; +import heroGradientStop1Light from '@rh-felt/react-tokens/dist/esm/c_hero_gradient_stop_1_light'; +import heroGradientStop2Light from '@rh-felt/react-tokens/dist/esm/c_hero_gradient_stop_2_light'; +import heroGradientStop3Light from '@rh-felt/react-tokens/dist/esm/c_hero_gradient_stop_3_light'; +import heroGradientStop1Dark from '@rh-felt/react-tokens/dist/esm/c_hero_gradient_stop_1_dark'; +import heroGradientStop2Dark from '@rh-felt/react-tokens/dist/esm/c_hero_gradient_stop_2_dark'; +import heroGradientStop3Dark from '@rh-felt/react-tokens/dist/esm/c_hero_gradient_stop_3_dark'; +import heroBodyWidth from '@rh-felt/react-tokens/dist/esm/c_hero__body_Width'; +import heroBodyMaxWidth from '@rh-felt/react-tokens/dist/esm/c_hero__body_MaxWidth'; /** The main Hero component that allows adjusting of its background images and gradients in different color modes (such as light and dark). */ diff --git a/packages/react-core/src/components/Hero/__tests__/Hero.test.tsx b/packages/react-core/src/components/Hero/__tests__/Hero.test.tsx index 0f8db955f6f..86b6ef41157 100644 --- a/packages/react-core/src/components/Hero/__tests__/Hero.test.tsx +++ b/packages/react-core/src/components/Hero/__tests__/Hero.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { Hero } from '../Hero'; -import styles from '@patternfly/react-styles/css/components/Hero/hero'; +import styles from '@rh-felt/react-styles/css/components/Hero/hero'; test('Renders without children', () => { render( diff --git a/packages/react-core/src/components/Hero/examples/HeroBasic.tsx b/packages/react-core/src/components/Hero/examples/HeroBasic.tsx index 0f428d4edd4..aa1fd7cf64e 100644 --- a/packages/react-core/src/components/Hero/examples/HeroBasic.tsx +++ b/packages/react-core/src/components/Hero/examples/HeroBasic.tsx @@ -1,3 +1,3 @@ -import { Hero } from '@patternfly/react-core'; +import { Hero } from '@rh-felt/react-core'; export const HeroBasic: React.FunctionComponent = () => Basic hero content; diff --git a/packages/react-core/src/components/Hint/Hint.tsx b/packages/react-core/src/components/Hint/Hint.tsx index 5547c609a0f..6b6a3f3a165 100644 --- a/packages/react-core/src/components/Hint/Hint.tsx +++ b/packages/react-core/src/components/Hint/Hint.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Hint/hint'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Hint/hint'; +import { css } from '@rh-felt/react-styles'; export interface HintProps { /** Content rendered inside the hint. */ diff --git a/packages/react-core/src/components/Hint/HintBody.tsx b/packages/react-core/src/components/Hint/HintBody.tsx index 2abdde1560a..cf2d09c743e 100644 --- a/packages/react-core/src/components/Hint/HintBody.tsx +++ b/packages/react-core/src/components/Hint/HintBody.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Hint/hint'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Hint/hint'; +import { css } from '@rh-felt/react-styles'; export interface HintBodyProps { /** Content rendered inside the hint body. */ diff --git a/packages/react-core/src/components/Hint/HintFooter.tsx b/packages/react-core/src/components/Hint/HintFooter.tsx index d3f1a022a2c..dcbc85e32d2 100644 --- a/packages/react-core/src/components/Hint/HintFooter.tsx +++ b/packages/react-core/src/components/Hint/HintFooter.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Hint/hint'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Hint/hint'; +import { css } from '@rh-felt/react-styles'; export interface HintFooterProps { /** Content rendered inside the hint footer. */ diff --git a/packages/react-core/src/components/Hint/HintTitle.tsx b/packages/react-core/src/components/Hint/HintTitle.tsx index 126888e25be..ceec3ff1bcf 100644 --- a/packages/react-core/src/components/Hint/HintTitle.tsx +++ b/packages/react-core/src/components/Hint/HintTitle.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Hint/hint'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Hint/hint'; +import { css } from '@rh-felt/react-styles'; export interface HintTitleProps { /** Content rendered inside the hint title. */ diff --git a/packages/react-core/src/components/Hint/__tests__/Hint.test.tsx b/packages/react-core/src/components/Hint/__tests__/Hint.test.tsx index 44e84a7fb12..31f576ae025 100644 --- a/packages/react-core/src/components/Hint/__tests__/Hint.test.tsx +++ b/packages/react-core/src/components/Hint/__tests__/Hint.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import { Hint } from '../Hint'; -import styles from '@patternfly/react-styles/css/components/Hint/hint'; +import styles from '@rh-felt/react-styles/css/components/Hint/hint'; test('renders without children', () => { render(); diff --git a/packages/react-core/src/components/Hint/__tests__/HintBody.test.tsx b/packages/react-core/src/components/Hint/__tests__/HintBody.test.tsx index e2a2565655e..d8eea29b011 100644 --- a/packages/react-core/src/components/Hint/__tests__/HintBody.test.tsx +++ b/packages/react-core/src/components/Hint/__tests__/HintBody.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import '@testing-library/jest-dom'; -import styles from '@patternfly/react-styles/css/components/Hint/hint'; +import styles from '@rh-felt/react-styles/css/components/Hint/hint'; import { HintBody } from '../HintBody'; diff --git a/packages/react-core/src/components/Hint/__tests__/HintFooter.test.tsx b/packages/react-core/src/components/Hint/__tests__/HintFooter.test.tsx index 855bb4f0c56..35f824970f7 100644 --- a/packages/react-core/src/components/Hint/__tests__/HintFooter.test.tsx +++ b/packages/react-core/src/components/Hint/__tests__/HintFooter.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import '@testing-library/jest-dom'; -import styles from '@patternfly/react-styles/css/components/Hint/hint'; +import styles from '@rh-felt/react-styles/css/components/Hint/hint'; import { HintFooter } from '../HintFooter'; diff --git a/packages/react-core/src/components/Hint/__tests__/HintTitle.test.tsx b/packages/react-core/src/components/Hint/__tests__/HintTitle.test.tsx index 40bbbc917ce..549a8067b90 100644 --- a/packages/react-core/src/components/Hint/__tests__/HintTitle.test.tsx +++ b/packages/react-core/src/components/Hint/__tests__/HintTitle.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react'; import '@testing-library/jest-dom'; -import styles from '@patternfly/react-styles/css/components/Hint/hint'; +import styles from '@rh-felt/react-styles/css/components/Hint/hint'; import { HintTitle } from '../HintTitle'; diff --git a/packages/react-core/src/components/Hint/examples/Hint.md b/packages/react-core/src/components/Hint/examples/Hint.md index 8338647ee1d..2f14190aab8 100644 --- a/packages/react-core/src/components/Hint/examples/Hint.md +++ b/packages/react-core/src/components/Hint/examples/Hint.md @@ -6,7 +6,7 @@ propComponents: ['Hint', 'HintTitle', 'HintBody', 'HintFooter'] --- import { Fragment, useState } from 'react'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/Hint/examples/HintActionsWithNoOffset.tsx b/packages/react-core/src/components/Hint/examples/HintActionsWithNoOffset.tsx index 841fb4d6b95..6f18d1c1ff7 100644 --- a/packages/react-core/src/components/Hint/examples/HintActionsWithNoOffset.tsx +++ b/packages/react-core/src/components/Hint/examples/HintActionsWithNoOffset.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Hint, HintTitle, HintBody, Button, Checkbox } from '@patternfly/react-core'; +import { Hint, HintTitle, HintBody, Button, Checkbox } from '@rh-felt/react-core'; export const HintActionsWithNoOffset: React.FunctionComponent = () => { const [hasNoActionsOffset, setHasNoActionsOffset] = useState(false); diff --git a/packages/react-core/src/components/Hint/examples/HintBasicWithTitle.tsx b/packages/react-core/src/components/Hint/examples/HintBasicWithTitle.tsx index 39ead61d479..cb8d871d613 100644 --- a/packages/react-core/src/components/Hint/examples/HintBasicWithTitle.tsx +++ b/packages/react-core/src/components/Hint/examples/HintBasicWithTitle.tsx @@ -11,8 +11,8 @@ import { Divider, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const HintBasicWithTitle: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Hint/examples/HintBasicWithoutTitle.tsx b/packages/react-core/src/components/Hint/examples/HintBasicWithoutTitle.tsx index 73903fa8aa8..105c8aac53b 100644 --- a/packages/react-core/src/components/Hint/examples/HintBasicWithoutTitle.tsx +++ b/packages/react-core/src/components/Hint/examples/HintBasicWithoutTitle.tsx @@ -10,8 +10,8 @@ import { Divider, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; -import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +} from '@rh-felt/react-core'; +import RhUiEllipsisVerticalFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const HintBasicWithoutTitle: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/Icon/Icon.tsx b/packages/react-core/src/components/Icon/Icon.tsx index 01e051515f5..278ebbbcdba 100644 --- a/packages/react-core/src/components/Icon/Icon.tsx +++ b/packages/react-core/src/components/Icon/Icon.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/Icon/icon'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Icon/icon'; +import { css } from '@rh-felt/react-styles'; import { Spinner } from '../Spinner'; export type IconSize = diff --git a/packages/react-core/src/components/Icon/__tests__/Icon.test.tsx b/packages/react-core/src/components/Icon/__tests__/Icon.test.tsx index aef1bf1708c..3a6454f4b60 100644 --- a/packages/react-core/src/components/Icon/__tests__/Icon.test.tsx +++ b/packages/react-core/src/components/Icon/__tests__/Icon.test.tsx @@ -1,8 +1,8 @@ import { render, screen } from '@testing-library/react'; import { kebabCase } from 'case-anything'; import { Icon, IconSize } from '../Icon'; -import RhMicronsCheckmarkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; -import styles from '@patternfly/react-styles/css/components/Icon/icon'; +import RhMicronsCheckmarkIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-checkmark-icon'; +import styles from '@rh-felt/react-styles/css/components/Icon/icon'; test('renders basic icon successfully', () => { const { asFragment } = render( diff --git a/packages/react-core/src/components/Icon/examples/BodyIconSizes.tsx b/packages/react-core/src/components/Icon/examples/BodyIconSizes.tsx index 55cf74be2e4..0e67d004f84 100644 --- a/packages/react-core/src/components/Icon/examples/BodyIconSizes.tsx +++ b/packages/react-core/src/components/Icon/examples/BodyIconSizes.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; -import { Icon } from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +import { Icon } from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const BodyIconSizes: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Icon/examples/HeadingIconSizes.tsx b/packages/react-core/src/components/Icon/examples/HeadingIconSizes.tsx index 8fc13727503..45e22666d56 100644 --- a/packages/react-core/src/components/Icon/examples/HeadingIconSizes.tsx +++ b/packages/react-core/src/components/Icon/examples/HeadingIconSizes.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; -import { Icon } from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +import { Icon } from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const HeadingIconSizes: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Icon/examples/Icon.md b/packages/react-core/src/components/Icon/examples/Icon.md index 3199fb784b9..63be13a0c38 100644 --- a/packages/react-core/src/components/Icon/examples/Icon.md +++ b/packages/react-core/src/components/Icon/examples/Icon.md @@ -6,16 +6,16 @@ propComponents: ['Icon'] --- import { Fragment, useState } from 'react'; -import RhMicronsArrowDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-arrow-down-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; -import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; -import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; -import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; -import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; +import RhMicronsArrowDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-arrow-down-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import RhUiSettingsFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +import RhUiWarningFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import RhUiInformationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; +import RhUiNotificationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/Icon/examples/IconBasic.tsx b/packages/react-core/src/components/Icon/examples/IconBasic.tsx index 775a9a25cc4..73e24a480e1 100644 --- a/packages/react-core/src/components/Icon/examples/IconBasic.tsx +++ b/packages/react-core/src/components/Icon/examples/IconBasic.tsx @@ -1,9 +1,9 @@ import { Fragment } from 'react'; -import { Icon } from '@patternfly/react-core'; -import RhMicronsArrowDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-arrow-down-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; -import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; +import { Icon } from '@rh-felt/react-core'; +import RhMicronsArrowDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-arrow-down-icon'; +import RhMicronsCaretRightIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import RhUiSettingsFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; export const IconBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Icon/examples/IconContentSizes.tsx b/packages/react-core/src/components/Icon/examples/IconContentSizes.tsx index d6a9460cc73..f03d94a4f23 100644 --- a/packages/react-core/src/components/Icon/examples/IconContentSizes.tsx +++ b/packages/react-core/src/components/Icon/examples/IconContentSizes.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; -import { Icon } from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +import { Icon } from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const IconContentSizes: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Icon/examples/IconCustomProgress.tsx b/packages/react-core/src/components/Icon/examples/IconCustomProgress.tsx index 87c8d9df98a..33cab1eeb52 100644 --- a/packages/react-core/src/components/Icon/examples/IconCustomProgress.tsx +++ b/packages/react-core/src/components/Icon/examples/IconCustomProgress.tsx @@ -1,6 +1,6 @@ import { Fragment, useState } from 'react'; -import { Icon, Spinner, Checkbox } from '@patternfly/react-core'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import { Icon, Spinner, Checkbox } from '@rh-felt/react-core'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; export const IconProgress: React.FunctionComponent = () => { const [isInProgress, setIsInProgress] = useState(false); diff --git a/packages/react-core/src/components/Icon/examples/IconInline.tsx b/packages/react-core/src/components/Icon/examples/IconInline.tsx index 00503ce6dbf..72e3fbb0f96 100644 --- a/packages/react-core/src/components/Icon/examples/IconInline.tsx +++ b/packages/react-core/src/components/Icon/examples/IconInline.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; -import { Icon, Content } from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +import { Icon, Content } from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const IconInline: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Icon/examples/IconProgress.tsx b/packages/react-core/src/components/Icon/examples/IconProgress.tsx index 58f45c1e92b..ccda0cf53fc 100644 --- a/packages/react-core/src/components/Icon/examples/IconProgress.tsx +++ b/packages/react-core/src/components/Icon/examples/IconProgress.tsx @@ -1,6 +1,6 @@ import { Fragment, useState } from 'react'; -import { Icon, Checkbox } from '@patternfly/react-core'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import { Icon, Checkbox } from '@rh-felt/react-core'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; export const IconProgress: React.FunctionComponent = () => { const [isInProgress, setIsInProgress] = useState(false); diff --git a/packages/react-core/src/components/Icon/examples/IconStatus.tsx b/packages/react-core/src/components/Icon/examples/IconStatus.tsx index baeb85ab560..55464004adf 100644 --- a/packages/react-core/src/components/Icon/examples/IconStatus.tsx +++ b/packages/react-core/src/components/Icon/examples/IconStatus.tsx @@ -1,10 +1,10 @@ import { Fragment } from 'react'; -import { Icon } from '@patternfly/react-core'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; -import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; -import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; -import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; +import { Icon } from '@rh-felt/react-core'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +import RhUiWarningFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import RhUiInformationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; +import RhUiNotificationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; export const IconStatus: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Icon/examples/StandaloneIconSizes.tsx b/packages/react-core/src/components/Icon/examples/StandaloneIconSizes.tsx index 686a8c8d0f9..f94b7f2a6f6 100644 --- a/packages/react-core/src/components/Icon/examples/StandaloneIconSizes.tsx +++ b/packages/react-core/src/components/Icon/examples/StandaloneIconSizes.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; -import { Icon } from '@patternfly/react-core'; -import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; +import { Icon } from '@rh-felt/react-core'; +import RhUiAddCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const StandaloneIconSizes: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/InputGroup/InputGroup.tsx b/packages/react-core/src/components/InputGroup/InputGroup.tsx index 2e5916926bd..78cab4dcdd5 100644 --- a/packages/react-core/src/components/InputGroup/InputGroup.tsx +++ b/packages/react-core/src/components/InputGroup/InputGroup.tsx @@ -1,6 +1,6 @@ import { forwardRef, useRef } from 'react'; -import styles from '@patternfly/react-styles/css/components/InputGroup/input-group'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/InputGroup/input-group'; +import { css } from '@rh-felt/react-styles'; export interface InputGroupProps extends React.HTMLProps { /** Additional classes added to the input group. */ diff --git a/packages/react-core/src/components/InputGroup/InputGroupItem.tsx b/packages/react-core/src/components/InputGroup/InputGroupItem.tsx index accd5842196..9f870316a7f 100644 --- a/packages/react-core/src/components/InputGroup/InputGroupItem.tsx +++ b/packages/react-core/src/components/InputGroup/InputGroupItem.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/InputGroup/input-group'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/InputGroup/input-group'; +import { css } from '@rh-felt/react-styles'; export interface InputGroupItemProps extends React.HTMLProps { /** Additional classes added to the input group item. */ diff --git a/packages/react-core/src/components/InputGroup/InputGroupText.tsx b/packages/react-core/src/components/InputGroup/InputGroupText.tsx index 10a8338be85..b839d3321b5 100644 --- a/packages/react-core/src/components/InputGroup/InputGroupText.tsx +++ b/packages/react-core/src/components/InputGroup/InputGroupText.tsx @@ -1,5 +1,5 @@ -import styles from '@patternfly/react-styles/css/components/InputGroup/input-group'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/InputGroup/input-group'; +import { css } from '@rh-felt/react-styles'; import { InputGroupItem } from './InputGroupItem'; export interface InputGroupTextProps extends React.HTMLProps { diff --git a/packages/react-core/src/components/InputGroup/examples/InputGroup.md b/packages/react-core/src/components/InputGroup/examples/InputGroup.md index ed937a78116..0b3764a22fd 100644 --- a/packages/react-core/src/components/InputGroup/examples/InputGroup.md +++ b/packages/react-core/src/components/InputGroup/examples/InputGroup.md @@ -6,9 +6,9 @@ propComponents: ['InputGroup', 'InputGroupItem', 'InputGroupText'] --- import { Fragment, useRef, useState } from 'react'; -import AtIcon from '@patternfly/react-icons/dist/esm/icons/at-icon'; -import DollarSignIcon from '@patternfly/react-icons/dist/esm/icons/dollar-sign-icon'; -import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; +import AtIcon from '@rh-felt/react-icons/dist/esm/icons/at-icon'; +import DollarSignIcon from '@rh-felt/react-icons/dist/esm/icons/dollar-sign-icon'; +import RhUiQuestionMarkCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/InputGroup/examples/InputGroupBasic.tsx b/packages/react-core/src/components/InputGroup/examples/InputGroupBasic.tsx index 79290d4a4ba..04b0536a614 100644 --- a/packages/react-core/src/components/InputGroup/examples/InputGroupBasic.tsx +++ b/packages/react-core/src/components/InputGroup/examples/InputGroupBasic.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; -import AtIcon from '@patternfly/react-icons/dist/esm/icons/at-icon'; -import { InputGroup, InputGroupText, InputGroupItem, TextInput, ValidatedOptions } from '@patternfly/react-core'; +import AtIcon from '@rh-felt/react-icons/dist/esm/icons/at-icon'; +import { InputGroup, InputGroupText, InputGroupItem, TextInput, ValidatedOptions } from '@rh-felt/react-core'; export const InputGroupBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/InputGroup/examples/InputGroupWithDropdown.tsx b/packages/react-core/src/components/InputGroup/examples/InputGroupWithDropdown.tsx index cf6a38718ee..ba2818d98f6 100644 --- a/packages/react-core/src/components/InputGroup/examples/InputGroupWithDropdown.tsx +++ b/packages/react-core/src/components/InputGroup/examples/InputGroupWithDropdown.tsx @@ -9,7 +9,7 @@ import { DropdownItem, MenuToggle, MenuToggleElement -} from '@patternfly/react-core'; +} from '@rh-felt/react-core'; export const InputGroupWithDropdown: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/packages/react-core/src/components/InputGroup/examples/InputGroupWithPopover.tsx b/packages/react-core/src/components/InputGroup/examples/InputGroupWithPopover.tsx index 456b2d031d8..4e83672830a 100644 --- a/packages/react-core/src/components/InputGroup/examples/InputGroupWithPopover.tsx +++ b/packages/react-core/src/components/InputGroup/examples/InputGroupWithPopover.tsx @@ -1,6 +1,6 @@ import { Fragment, useRef } from 'react'; -import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import { Button, InputGroup, InputGroupItem, TextInput, Popover, PopoverPosition } from '@patternfly/react-core'; +import RhUiQuestionMarkCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; +import { Button, InputGroup, InputGroupItem, TextInput, Popover, PopoverPosition } from '@rh-felt/react-core'; export const InputGroupWithPopover: React.FunctionComponent = () => { const inputGroupRef1 = useRef(null); diff --git a/packages/react-core/src/components/InputGroup/examples/InputGroupWithSiblings.tsx b/packages/react-core/src/components/InputGroup/examples/InputGroupWithSiblings.tsx index 432cb630edf..d40120a6f67 100644 --- a/packages/react-core/src/components/InputGroup/examples/InputGroupWithSiblings.tsx +++ b/packages/react-core/src/components/InputGroup/examples/InputGroupWithSiblings.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; -import DollarSignIcon from '@patternfly/react-icons/dist/esm/icons/dollar-sign-icon'; -import { Button, TextArea, InputGroup, InputGroupText, InputGroupItem, TextInput } from '@patternfly/react-core'; +import DollarSignIcon from '@rh-felt/react-icons/dist/esm/icons/dollar-sign-icon'; +import { Button, TextArea, InputGroup, InputGroupText, InputGroupItem, TextInput } from '@rh-felt/react-core'; export const InputGroupWithSiblings: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/InputGroup/examples/InputGroupWithTextarea.tsx b/packages/react-core/src/components/InputGroup/examples/InputGroupWithTextarea.tsx index e5bd25e0821..72eeff8f467 100644 --- a/packages/react-core/src/components/InputGroup/examples/InputGroupWithTextarea.tsx +++ b/packages/react-core/src/components/InputGroup/examples/InputGroupWithTextarea.tsx @@ -1,5 +1,5 @@ import { Fragment } from 'react'; -import { Button, TextArea, InputGroup, InputGroupItem } from '@patternfly/react-core'; +import { Button, TextArea, InputGroup, InputGroupItem } from '@rh-felt/react-core'; export const InputGroupWithTextarea: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/JumpLinks/JumpLinks.tsx b/packages/react-core/src/components/JumpLinks/JumpLinks.tsx index fda900d65ab..97e090c73ea 100644 --- a/packages/react-core/src/components/JumpLinks/JumpLinks.tsx +++ b/packages/react-core/src/components/JumpLinks/JumpLinks.tsx @@ -1,9 +1,9 @@ import { Children, cloneElement, Fragment, useCallback, useEffect, useRef, useState } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/JumpLinks/jump-links'; -import sidebarStyles from '@patternfly/react-styles/css/components/Sidebar/sidebar'; -import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; -import cssToggleDisplayVar from '@patternfly/react-tokens/dist/esm/c_jump_links__toggle_Display'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/JumpLinks/jump-links'; +import sidebarStyles from '@rh-felt/react-styles/css/components/Sidebar/sidebar'; +import RhMicronsCaretDownIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; +import cssToggleDisplayVar from '@rh-felt/react-tokens/dist/esm/c_jump_links__toggle_Display'; import { Button } from '../Button'; import { JumpLinksItem, JumpLinksItemProps } from './JumpLinksItem'; import { JumpLinksList } from './JumpLinksList'; diff --git a/packages/react-core/src/components/JumpLinks/JumpLinksItem.tsx b/packages/react-core/src/components/JumpLinks/JumpLinksItem.tsx index 23dd3b2ce06..4595075f05d 100644 --- a/packages/react-core/src/components/JumpLinks/JumpLinksItem.tsx +++ b/packages/react-core/src/components/JumpLinks/JumpLinksItem.tsx @@ -1,6 +1,6 @@ import { Children } from 'react'; -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/JumpLinks/jump-links'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/JumpLinks/jump-links'; import { JumpLinksList } from './JumpLinksList'; import { Button, ButtonVariant } from '../Button'; diff --git a/packages/react-core/src/components/JumpLinks/JumpLinksList.tsx b/packages/react-core/src/components/JumpLinks/JumpLinksList.tsx index bef5a5ced06..e79c5805dc9 100644 --- a/packages/react-core/src/components/JumpLinks/JumpLinksList.tsx +++ b/packages/react-core/src/components/JumpLinks/JumpLinksList.tsx @@ -1,5 +1,5 @@ -import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/react-styles/css/components/JumpLinks/jump-links'; +import { css } from '@rh-felt/react-styles'; +import styles from '@rh-felt/react-styles/css/components/JumpLinks/jump-links'; export interface JumpLinksListProps extends React.HTMLProps { /** Text to be rendered inside span */ diff --git a/packages/react-core/src/components/JumpLinks/examples/JumpLinksBasic.tsx b/packages/react-core/src/components/JumpLinks/examples/JumpLinksBasic.tsx index 96f95b34ffa..50d9f89659b 100644 --- a/packages/react-core/src/components/JumpLinks/examples/JumpLinksBasic.tsx +++ b/packages/react-core/src/components/JumpLinks/examples/JumpLinksBasic.tsx @@ -1,4 +1,4 @@ -import { JumpLinks, JumpLinksItem } from '@patternfly/react-core'; +import { JumpLinks, JumpLinksItem } from '@rh-felt/react-core'; export const JumpLinksBasic: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/JumpLinks/examples/JumpLinksExpandableVerticalWithSubsection.tsx b/packages/react-core/src/components/JumpLinks/examples/JumpLinksExpandableVerticalWithSubsection.tsx index 04ed06f084e..510e6a9ac77 100644 --- a/packages/react-core/src/components/JumpLinks/examples/JumpLinksExpandableVerticalWithSubsection.tsx +++ b/packages/react-core/src/components/JumpLinks/examples/JumpLinksExpandableVerticalWithSubsection.tsx @@ -1,4 +1,4 @@ -import { JumpLinks, JumpLinksItem, JumpLinksList } from '@patternfly/react-core'; +import { JumpLinks, JumpLinksItem, JumpLinksList } from '@rh-felt/react-core'; export const JumpLinksExpandableVerticalWithSubsection: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/JumpLinks/examples/JumpLinksVertical.tsx b/packages/react-core/src/components/JumpLinks/examples/JumpLinksVertical.tsx index 037856d4950..40f2c2c2bd8 100644 --- a/packages/react-core/src/components/JumpLinks/examples/JumpLinksVertical.tsx +++ b/packages/react-core/src/components/JumpLinks/examples/JumpLinksVertical.tsx @@ -1,4 +1,4 @@ -import { JumpLinks, JumpLinksItem } from '@patternfly/react-core'; +import { JumpLinks, JumpLinksItem } from '@rh-felt/react-core'; export const JumpLinksVertical: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/JumpLinks/examples/JumpLinksVerticalWithLabel.tsx b/packages/react-core/src/components/JumpLinks/examples/JumpLinksVerticalWithLabel.tsx index 89fde75c7c0..a21d09400a7 100644 --- a/packages/react-core/src/components/JumpLinks/examples/JumpLinksVerticalWithLabel.tsx +++ b/packages/react-core/src/components/JumpLinks/examples/JumpLinksVerticalWithLabel.tsx @@ -1,4 +1,4 @@ -import { JumpLinks, JumpLinksItem } from '@patternfly/react-core'; +import { JumpLinks, JumpLinksItem } from '@rh-felt/react-core'; export const JumpLinksVerticalWithLabel: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/JumpLinks/examples/JumpLinksWithCenteredList.tsx b/packages/react-core/src/components/JumpLinks/examples/JumpLinksWithCenteredList.tsx index 3a0e9f3312f..f91f6e47ffb 100644 --- a/packages/react-core/src/components/JumpLinks/examples/JumpLinksWithCenteredList.tsx +++ b/packages/react-core/src/components/JumpLinks/examples/JumpLinksWithCenteredList.tsx @@ -1,4 +1,4 @@ -import { JumpLinks, JumpLinksItem } from '@patternfly/react-core'; +import { JumpLinks, JumpLinksItem } from '@rh-felt/react-core'; export const JumpLinksWithCenteredList: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/JumpLinks/examples/JumpLinksWithLabel.tsx b/packages/react-core/src/components/JumpLinks/examples/JumpLinksWithLabel.tsx index 3617c694d1c..e13900a65d7 100644 --- a/packages/react-core/src/components/JumpLinks/examples/JumpLinksWithLabel.tsx +++ b/packages/react-core/src/components/JumpLinks/examples/JumpLinksWithLabel.tsx @@ -1,4 +1,4 @@ -import { JumpLinks, JumpLinksItem } from '@patternfly/react-core'; +import { JumpLinks, JumpLinksItem } from '@rh-felt/react-core'; export const JumpLinksWithLabel: React.FunctionComponent = () => ( <> diff --git a/packages/react-core/src/components/Label/Label.tsx b/packages/react-core/src/components/Label/Label.tsx index 295f8794fd0..740012c194b 100644 --- a/packages/react-core/src/components/Label/Label.tsx +++ b/packages/react-core/src/components/Label/Label.tsx @@ -1,17 +1,17 @@ import { createRef, Fragment, useEffect, useRef, useState } from 'react'; -import styles from '@patternfly/react-styles/css/components/Label/label'; -import labelGrpStyles from '@patternfly/react-styles/css/components/Label/label-group'; +import styles from '@rh-felt/react-styles/css/components/Label/label'; +import labelGrpStyles from '@rh-felt/react-styles/css/components/Label/label-group'; import { Button } from '../Button'; import { Tooltip, TooltipPosition } from '../Tooltip'; -import { css } from '@patternfly/react-styles'; +import { css } from '@rh-felt/react-styles'; import { useIsomorphicLayoutEffect } from '../../helpers'; -import cssTextMaxWidth from '@patternfly/react-tokens/dist/esm/c_label__text_MaxWidth'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; -import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; -import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; -import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; -import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; +import cssTextMaxWidth from '@rh-felt/react-tokens/dist/esm/c_label__text_MaxWidth'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; +import RhUiCheckCircleFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; +import RhUiNotificationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; +import RhUiErrorFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; +import RhUiWarningFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; +import RhUiInformationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; /** Semantic status for labels (default icon and status styling). */ export enum LabelStatus { diff --git a/packages/react-core/src/components/Label/LabelGroup.tsx b/packages/react-core/src/components/Label/LabelGroup.tsx index 9c3cf7275a3..e4f4c10f0df 100644 --- a/packages/react-core/src/components/Label/LabelGroup.tsx +++ b/packages/react-core/src/components/Label/LabelGroup.tsx @@ -1,11 +1,11 @@ import { Children, Component, createRef, Fragment } from 'react'; -import styles from '@patternfly/react-styles/css/components/Label/label-group'; -import labelStyles from '@patternfly/react-styles/css/components/Label/label'; -import { css } from '@patternfly/react-styles'; +import styles from '@rh-felt/react-styles/css/components/Label/label-group'; +import labelStyles from '@rh-felt/react-styles/css/components/Label/label'; +import { css } from '@rh-felt/react-styles'; import { Button } from '../Button'; import { Label } from './Label'; import { Tooltip, TooltipPosition } from '../Tooltip'; -import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; +import RhMicronsCloseIcon from '@rh-felt/react-icons/dist/esm/icons/rh-microns-close-icon'; import { fillTemplate } from '../../helpers'; import { GenerateId } from '../../helpers/GenerateId/GenerateId'; diff --git a/packages/react-core/src/components/Label/examples/Label.md b/packages/react-core/src/components/Label/examples/Label.md index 353f90baca2..146c6aba87d 100644 --- a/packages/react-core/src/components/Label/examples/Label.md +++ b/packages/react-core/src/components/Label/examples/Label.md @@ -6,8 +6,8 @@ propComponents: ['Label', 'LabelGroup'] --- import { Fragment, useEffect, useRef, useState } from 'react'; -import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; +import CubeIcon from '@rh-felt/react-icons/dist/esm/icons/cube-icon'; +import RhUiInformationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; import './Label.css'; ## Examples diff --git a/packages/react-core/src/components/Label/examples/LabelCompact.tsx b/packages/react-core/src/components/Label/examples/LabelCompact.tsx index de8adfe859a..7f54df65dda 100644 --- a/packages/react-core/src/components/Label/examples/LabelCompact.tsx +++ b/packages/react-core/src/components/Label/examples/LabelCompact.tsx @@ -1,7 +1,7 @@ import { Fragment } from 'react'; -import { Label, LabelColor } from '@patternfly/react-core'; -import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; +import { Label, LabelColor } from '@rh-felt/react-core'; +import CubeIcon from '@rh-felt/react-icons/dist/esm/icons/cube-icon'; +import RhUiInformationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; export const LabelCompact: React.FunctionComponent = () => ( diff --git a/packages/react-core/src/components/Label/examples/LabelCustomRender.tsx b/packages/react-core/src/components/Label/examples/LabelCustomRender.tsx index abc15885b22..267874c2fbb 100644 --- a/packages/react-core/src/components/Label/examples/LabelCustomRender.tsx +++ b/packages/react-core/src/components/Label/examples/LabelCustomRender.tsx @@ -1,5 +1,5 @@ -import { Label, LabelColor } from '@patternfly/react-core'; -import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; +import { Label, LabelColor } from '@rh-felt/react-core'; +import RhUiInformationFillIcon from '@rh-felt/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; export const LabelCustomRender: React.FunctionComponent = () => (