@patternfly/patternfly 5.0.0-prerelease.9 → 5.0.1

package/{docs → dist/docs}/utilities/BackgroundColor/examples/BackgroundColor.md

@@ -75,9 +75,9 @@ section: utility-classes
 
 These background color utilities can be used to modify the background color of an element. In most cases, using the components with available modifiers should be sufficient to implement most designs, and should be preferred over customizations using these utilities.
 
-Care should be taken especially when applying background colors, as this can have a negative effect on the readability and accessibility of text. Refer to [contrast ratios](/guidelines/colors/#contrast-ratios) for more information.
+Care should be taken especially when applying background colors, as this can have a negative effect on the readability and accessibility of text. Refer to [contrast ratios](/design-foundations/colors#contrast-ratios) for more information.
 
-Note that "inverse" background colors are labeled as such to indicate that they are best used with the ["inverse" text colors](/utilities/text#inverse-colors).
+Note that "inverse" background colors are labeled as such to indicate that they are best used with the ["inverse" text colors](/utility-classes/text#inverse-colors).
 
 [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v5-u-background-color-200-on-lg**
 

package/{docs → dist/docs}/utilities/Text/examples/Text.md

@@ -55,7 +55,7 @@ section: utility-classes
 
 ### Inverse colors
 
-These colors are best used with the ["inverse" background colors](/utilities/background-color#inverse-background-colors).
+These colors are best used with the ["inverse" background colors](/utility-classes/background-color#inverse-background-colors).
 
 ```html
 <div class="pf-v5-u-background-color-dark-400">

package/dist/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@patternfly/patternfly",
+  "description": "Assets, source, tooling, and content for PatternFly 4",
+  "version": "0.0.0-development",
+  "keywords": [],
+  "license": "MIT",
+  "scripts": {
+    "a11y": "patternfly-a11y --config patternfly-a11y.config",
+    "build-patternfly": "gulp buildPatternfly",
+    "build": "gulp build",
+    "build:docs": "gulp buildWebpack",
+    "build:pficons": "gulp pfIcons",
+    "build:pficonfont": "gulp pfIconFont",
+    "clean": "gulp clean",
+    "dev": "gulp develop",
+    "develop": "gulp develop",
+    "format": "prettier --trailing-comma es5 --no-semi --single-quote --write src/**/*.js",
+    "lint": "npm run lint:css && npm run lint:sass && npm run lint:js",
+    "lint:size": "node .circleci/css-size-report/sizeReport run",
+    "lint:css": "gulp lintCSS",
+    "lint:fix": "npm run lint:js -- --fix && npm run lint:sass -- --fix",
+    "lint:sass": "stylelint 'src/**/*.scss'",
+    "lint:js": "eslint .",
+    "screenshots": "rimraf patternfly-docs/generated/**/*.png && pf-docs-framework screenshots --urlPrefix http://localhost:5000",
+    "serve": "pf-docs-framework serve public",
+    "start": "gulp develop",
+    "test": "npm run a11y",
+    "workflows": "node .github/generate-workflows",
+    "prepare": "husky install"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.12",
+    "@babel/eslint-parser": "^7.19.1",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.20.7",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.20.5",
+    "@babel/plugin-transform-react-jsx": "^7.20.13",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@commitlint/cli": "^17.4.2",
+    "@commitlint/config-conventional": "^17.4.2",
+    "@fortawesome/fontawesome": "^1.1.8",
+    "@octokit/rest": "^19.0.7",
+    "@patternfly/documentation-framework": "5.0.7",
+    "@patternfly/patternfly-a11y": "4.3.1",
+    "@patternfly/react-code-editor": "5.0.0-alpha.116",
+    "@patternfly/react-core": "5.0.0-alpha.115",
+    "@patternfly/react-table": "5.0.0-alpha.117",
+    "@starptech/prettyhtml": "^0.10.0",
+    "cheerio": "^1.0.0-rc.12",
+    "commander": "^10.0.0",
+    "cssnano": "^5.1.14",
+    "eslint": "^8.33.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-config-standard-jsx": "^11.0.0",
+    "eslint-config-standard-react": "^13.0.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "glob": "^8.1.0",
+    "gulp": "^4.0.2",
+    "gulp-cli": "^2.3.0",
+    "gulp-iconfont": "^11.0.1",
+    "gulp-iconfont-css": "^3.0.0",
+    "gulp-postcss": "^9.0.1",
+    "gulp-rename": "^2.0.0",
+    "gulp-sourcemaps": "^3.0.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.1.1",
+    "node-plop": "^0.31.1",
+    "postcss": "^8.4.21",
+    "postcss-css-variables": "^0.18.0",
+    "postcss-preset-env": "^8.0.1",
+    "prettier": "^2.8.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "remark-parse": "^10.0.1",
+    "remark-stringify": "^10.0.2",
+    "rimraf": "*",
+    "sass": "^1.58.3",
+    "sass-graph": "^4.0.1",
+    "stylelint": "^15.2.0",
+    "stylelint-config-recess-order": "^4.0.0",
+    "stylelint-config-standard": "^30.0.1",
+    "stylelint-config-standard-scss": "^7.0.1",
+    "stylelint-value-no-unknown-custom-properties": "^4.0.0",
+    "surge": "^0.23.1",
+    "unified": "^10.1.2",
+    "webpack": "^5.75.0"
+  },
+  "resolutions": {
+    "@babel/preset-env": "7.18.2",
+    "monaco-editor": "0.34.1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/patternfly/patternfly.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "tag": "prerelease",
+    "access": "public"
+  }
+}

package/dist/patternfly-charts-theme-dark-unversioned.css

@@ -0,0 +1,70 @@
+:where(.pf-theme-dark) .pf-v5-chart svg g[clip-path] {
+  mix-blend-mode: normal;
+}
+:where(.pf-theme-dark) {
+  --pf-v5-chart-color-blue-100: #add6ff;
+  --pf-v5-chart-color-blue-200: #85c2ff;
+  --pf-v5-chart-color-blue-300: #47a3ff;
+  --pf-v5-chart-color-blue-400: #0a85ff;
+  --pf-v5-chart-color-blue-500: #06c;
+  --pf-v5-chart-color-green-100: #d6eed3;
+  --pf-v5-chart-color-green-200: #aedca7;
+  --pf-v5-chart-color-green-300: #85cb7c;
+  --pf-v5-chart-color-green-400: #5cb950;
+  --pf-v5-chart-color-green-500: #3e8635;
+  --pf-v5-chart-color-cyan-100: #b9feff;
+  --pf-v5-chart-color-cyan-200: #86fdff;
+  --pf-v5-chart-color-cyan-300: #00b5b8;
+  --pf-v5-chart-color-cyan-400: #008c8f;
+  --pf-v5-chart-color-cyan-500: #005f60;
+  --pf-v5-chart-color-purple-100: #cec8e4;
+  --pf-v5-chart-color-purple-200: #a99fd1;
+  --pf-v5-chart-color-purple-300: #9183c3;
+  --pf-v5-chart-color-purple-400: #7968b6;
+  --pf-v5-chart-color-purple-500: #6753ac;
+  --pf-v5-chart-color-red-100: #ffadad;
+  --pf-v5-chart-color-red-200: #ff7070;
+  --pf-v5-chart-color-red-300: #ff4747;
+  --pf-v5-chart-color-red-400: #ff0a0a;
+  --pf-v5-chart-color-red-500: #a30000;
+  --pf-v5-chart-global--BorderColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-chart-global--BorderColor--accent: var(--pf-v5-global--BorderColor--400);
+  --pf-v5-chart-global--label--Fill: var(--pf-v5-global--Color--100);
+  --pf-v5-chart-global--title--Fill: var(--pf-v5-global--Color--100);
+  --pf-v5-chart-global--subtitle--Fill: var(--pf-v5-global--Color--200);
+  --pf-v5-chart-global--tooltip--Fill: var(--pf-v5-global--Color--100);
+  --pf-v5-chart-global--tooltip--bg--Fill: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-chart-global--tooltip--BorderWidth: 1;
+  --pf-v5-chart-global--tooltip--BorderColor: var(--pf-v5-global--BorderColor--300);
+  --pf-v5-chart-axis--axis--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--grid--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--grid--Fill: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--tick-label--Fill: var(--pf-v5-chart-global--label--Fill);
+  --pf-v5-chart-bullet--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
+  --pf-v5-chart-bullet--label--grouptitle--Fill: var(--pf-v5-chart-bullet--label--title--Fill);
+  --pf-v5-chart-bullet--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--100: var(--pf-v5-global--palette--red-400);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--200: var(--pf-v5-global--palette--red-300);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--300: var(--pf-v5-global--palette--red-200);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--400: var(--pf-v5-global--palette--red-100);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--500: var(--pf-v5-global--palette--red-9999);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--100: var(--pf-v5-global--palette--black-600);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--200: var(--pf-v5-global--palette--black-500);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--300: var(--pf-v5-global--palette--black-400);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--400: var(--pf-v5-global--palette--black-300);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--500: var(--pf-v5-global--palette--black-200);
+  --pf-v5-chart-container--cursor--line--Fill: var(--pf-v5-chart-global--BorderColor--accent);
+  --pf-v5-chart-donut--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
+  --pf-v5-chart-donut--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
+  --pf-v5-chart-line--data--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-tooltip--Fill: var(--pf-v5-chart-global--tooltip--Fill);
+  --pf-v5-chart-voronoi--labels--Fill: var(--pf-v5-chart-global--tooltip--Fill);
+  --pf-v5-chart-tooltip--flyoutStyle--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
+  --pf-v5-chart-voronoi--flyout--stroke--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
+  --pf-v5-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
+  --pf-v5-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
+  --pf-v5-chart-voronoi--flyout--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
+  --pf-v5-chart-voronoi--flyout--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
+}

package/dist/patternfly-charts-theme-dark.css

@@ -0,0 +1,70 @@
+:where(.pf-v5-theme-dark) .pf-v5-chart svg g[clip-path] {
+  mix-blend-mode: normal;
+}
+:where(.pf-v5-theme-dark) {
+  --pf-v5-chart-color-blue-100: #add6ff;
+  --pf-v5-chart-color-blue-200: #85c2ff;
+  --pf-v5-chart-color-blue-300: #47a3ff;
+  --pf-v5-chart-color-blue-400: #0a85ff;
+  --pf-v5-chart-color-blue-500: #06c;
+  --pf-v5-chart-color-green-100: #d6eed3;
+  --pf-v5-chart-color-green-200: #aedca7;
+  --pf-v5-chart-color-green-300: #85cb7c;
+  --pf-v5-chart-color-green-400: #5cb950;
+  --pf-v5-chart-color-green-500: #3e8635;
+  --pf-v5-chart-color-cyan-100: #b9feff;
+  --pf-v5-chart-color-cyan-200: #86fdff;
+  --pf-v5-chart-color-cyan-300: #00b5b8;
+  --pf-v5-chart-color-cyan-400: #008c8f;
+  --pf-v5-chart-color-cyan-500: #005f60;
+  --pf-v5-chart-color-purple-100: #cec8e4;
+  --pf-v5-chart-color-purple-200: #a99fd1;
+  --pf-v5-chart-color-purple-300: #9183c3;
+  --pf-v5-chart-color-purple-400: #7968b6;
+  --pf-v5-chart-color-purple-500: #6753ac;
+  --pf-v5-chart-color-red-100: #ffadad;
+  --pf-v5-chart-color-red-200: #ff7070;
+  --pf-v5-chart-color-red-300: #ff4747;
+  --pf-v5-chart-color-red-400: #ff0a0a;
+  --pf-v5-chart-color-red-500: #a30000;
+  --pf-v5-chart-global--BorderColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-chart-global--BorderColor--accent: var(--pf-v5-global--BorderColor--400);
+  --pf-v5-chart-global--label--Fill: var(--pf-v5-global--Color--100);
+  --pf-v5-chart-global--title--Fill: var(--pf-v5-global--Color--100);
+  --pf-v5-chart-global--subtitle--Fill: var(--pf-v5-global--Color--200);
+  --pf-v5-chart-global--tooltip--Fill: var(--pf-v5-global--Color--100);
+  --pf-v5-chart-global--tooltip--bg--Fill: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-chart-global--tooltip--BorderWidth: 1;
+  --pf-v5-chart-global--tooltip--BorderColor: var(--pf-v5-global--BorderColor--300);
+  --pf-v5-chart-axis--axis--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--grid--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--grid--Fill: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-axis--tick-label--Fill: var(--pf-v5-chart-global--label--Fill);
+  --pf-v5-chart-bullet--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
+  --pf-v5-chart-bullet--label--grouptitle--Fill: var(--pf-v5-chart-bullet--label--title--Fill);
+  --pf-v5-chart-bullet--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--100: var(--pf-v5-global--palette--red-400);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--200: var(--pf-v5-global--palette--red-300);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--300: var(--pf-v5-global--palette--red-200);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--400: var(--pf-v5-global--palette--red-100);
+  --pf-v5-chart-bullet--negative-measure--ColorScale--500: var(--pf-v5-global--palette--red-9999);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--100: var(--pf-v5-global--palette--black-600);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--200: var(--pf-v5-global--palette--black-500);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--300: var(--pf-v5-global--palette--black-400);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--400: var(--pf-v5-global--palette--black-300);
+  --pf-v5-chart-bullet--qualitative-range--ColorScale--500: var(--pf-v5-global--palette--black-200);
+  --pf-v5-chart-container--cursor--line--Fill: var(--pf-v5-chart-global--BorderColor--accent);
+  --pf-v5-chart-donut--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
+  --pf-v5-chart-donut--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
+  --pf-v5-chart-line--data--stroke--Color: var(--pf-v5-chart-global--BorderColor);
+  --pf-v5-chart-tooltip--Fill: var(--pf-v5-chart-global--tooltip--Fill);
+  --pf-v5-chart-voronoi--labels--Fill: var(--pf-v5-chart-global--tooltip--Fill);
+  --pf-v5-chart-tooltip--flyoutStyle--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
+  --pf-v5-chart-voronoi--flyout--stroke--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
+  --pf-v5-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
+  --pf-v5-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
+  --pf-v5-chart-voronoi--flyout--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
+  --pf-v5-chart-voronoi--flyout--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
+}