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 [](https://lernajs.io/) -[](https://www.npmjs.com/package/@patternfly/react-core) +[](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 = () => (