diff --git a/package-lock.json b/package-lock.json index 280cd0a95..a4e494f99 100644 --- a/package-lock.json +++ b/package-lock.json @@ -114,7 +114,6 @@ "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.3", @@ -3133,7 +3132,6 @@ "version": "29.7.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@jest/environment": "^29.7.0", "@jest/expect": "^29.7.0", @@ -3781,7 +3779,6 @@ "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.7.0.tgz", "integrity": "sha512-cyzXQCtO47ydzxpQtCGSQGOC8Gk3ZUeBXFAxD+CWXYFo5OqZyZUonFl0DwUlTyAfRHntBfw2p3w4s9R6oe1eCA==", "license": "MIT", - "peer": true, "dependencies": { "@monaco-editor/loader": "^1.5.0" }, @@ -3835,7 +3832,6 @@ "version": "3.6.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@octokit/auth-token": "^2.4.4", "@octokit/graphql": "^4.5.8", @@ -4220,8 +4216,7 @@ "resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-6.4.0.tgz", "integrity": "sha512-4drFhg74sEc/fftark5wZevODIog17qR4pwLCdB3j5iK3Uu5oMA2SdLhsEeEQggalfnFzve/Km87MdVR0ghhvQ==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/@patternfly/patternfly-a11y": { "version": "5.1.0", @@ -4301,7 +4296,6 @@ "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.4.0.tgz", "integrity": "sha512-zMgJmcFohp2FqgAoZHg7EXZS7gnaFESquk0qIavemYI0FsqspVlzV2/PUru7w+86+jXfqebRhgubPRsv1eJwEg==", "license": "MIT", - "peer": true, "dependencies": { "@patternfly/react-icons": "^6.4.0", "@patternfly/react-styles": "^6.4.0", @@ -4336,7 +4330,6 @@ "resolved": "https://registry.npmjs.org/@patternfly/react-table/-/react-table-6.4.0.tgz", "integrity": "sha512-yv0sFOLGts8a2q9C1xUegjp50ayYyVRe0wKjMf+aMSNIK8sVYu8qu0yfBsCDybsUCldue7+qsYKRLFZosTllWQ==", "license": "MIT", - "peer": true, "dependencies": { "@patternfly/react-core": "^6.4.0", "@patternfly/react-icons": "^6.4.0", @@ -4586,7 +4579,6 @@ "dev": true, "hasInstallScript": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "@swc/counter": "^0.1.1", "@swc/types": "^0.1.5" @@ -5151,7 +5143,6 @@ "version": "29.5.12", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "expect": "^29.0.0", "pretty-format": "^29.0.0" @@ -5266,7 +5257,6 @@ "node_modules/@types/react": { "version": "18.2.61", "license": "MIT", - "peer": true, "dependencies": { "@types/prop-types": "*", "@types/scheduler": "*", @@ -5444,7 +5434,6 @@ "version": "5.62.0", "dev": true, "license": "BSD-2-Clause", - "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "5.62.0", "@typescript-eslint/types": "5.62.0", @@ -5896,7 +5885,6 @@ "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "dev": true, "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -6018,7 +6006,6 @@ "version": "6.12.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -7227,7 +7214,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "caniuse-lite": "^1.0.30001735", "electron-to-chromium": "^1.5.204", @@ -10059,8 +10045,7 @@ "node_modules/devtools-protocol": { "version": "0.0.1367902", "dev": true, - "license": "BSD-3-Clause", - "peer": true + "license": "BSD-3-Clause" }, "node_modules/diff-sequences": { "version": "29.6.3", @@ -10144,7 +10129,8 @@ "version": "3.1.7", "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.7.tgz", "integrity": "sha512-VaTstWtsneJY8xzy7DekmYWEOZcmzIe3Qb3zPd4STve1OBTa+e+WmS1ITQec1fZYXI3HCsOZZiSMpG6oxoWMWQ==", - "license": "(MPL-2.0 OR Apache-2.0)" + "license": "(MPL-2.0 OR Apache-2.0)", + "peer": true }, "node_modules/dot-case": { "version": "3.0.4", @@ -10298,7 +10284,6 @@ "version": "0.1.13", "devOptional": true, "license": "MIT", - "peer": true, "dependencies": { "iconv-lite": "^0.6.2" } @@ -10340,7 +10325,6 @@ "version": "2.4.1", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "ansi-colors": "^4.1.1", "strip-ansi": "^6.0.1" @@ -10651,7 +10635,6 @@ "version": "8.57.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", @@ -10706,7 +10689,6 @@ "version": "9.1.0", "dev": true, "license": "MIT", - "peer": true, "bin": { "eslint-config-prettier": "bin/cli.js" }, @@ -10842,7 +10824,6 @@ "version": "2.29.1", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "array-includes": "^3.1.7", "array.prototype.findlastindex": "^1.2.3", @@ -11032,7 +11013,6 @@ "version": "15.7.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "builtins": "^5.0.1", "eslint-plugin-es": "^4.1.0", @@ -11116,7 +11096,6 @@ "version": "6.1.1", "dev": true, "license": "ISC", - "peer": true, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" }, @@ -14720,7 +14699,6 @@ "version": "29.7.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@jest/core": "^29.7.0", "@jest/types": "^29.6.3", @@ -18805,6 +18783,7 @@ "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz", "integrity": "sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==", "license": "MIT", + "peer": true, "bin": { "marked": "bin/marked.js" }, @@ -20129,7 +20108,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "nanoid": "^3.3.8", "picocolors": "^1.1.1", @@ -20249,7 +20227,6 @@ "version": "3.2.5", "dev": true, "license": "MIT", - "peer": true, "bin": { "prettier": "bin/prettier.cjs" }, @@ -20682,6 +20659,22 @@ "js-yaml": "bin/js-yaml.js" } }, + "node_modules/puppeteer/node_modules/typescript": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz", + "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "peer": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, "node_modules/pure-rand": { "version": "6.0.4", "dev": true, @@ -20811,7 +20804,6 @@ "node_modules/react": { "version": "18.2.0", "license": "MIT", - "peer": true, "dependencies": { "loose-envify": "^1.1.0" }, @@ -20848,7 +20840,6 @@ "node_modules/react-dom": { "version": "18.2.0", "license": "MIT", - "peer": true, "dependencies": { "loose-envify": "^1.1.0", "scheduler": "^0.23.0" @@ -21679,7 +21670,6 @@ "version": "7.10.5", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/generator": "^7.10.5", @@ -22453,7 +22443,6 @@ "version": "1.72.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -22550,7 +22539,6 @@ "version": "8.12.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "json-schema-traverse": "^1.0.0", @@ -24375,7 +24363,6 @@ "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=12" }, @@ -24666,8 +24653,7 @@ }, "node_modules/tslib": { "version": "2.8.1", - "license": "0BSD", - "peer": true + "license": "0BSD" }, "node_modules/tsutils": { "version": "3.21.0", @@ -24874,7 +24860,6 @@ "version": "4.7.4", "dev": true, "license": "Apache-2.0", - "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -25667,7 +25652,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6", @@ -25700,7 +25684,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.21", "react-fast-compare": "^3.2.0", @@ -25717,7 +25700,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-brush-container": "37.3.6", @@ -25738,7 +25720,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6" @@ -25754,7 +25735,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "react-fast-compare": "^3.2.0", @@ -25772,7 +25752,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6" @@ -25788,7 +25767,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6", @@ -25805,7 +25783,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6", @@ -25822,7 +25799,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6" @@ -25870,7 +25846,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "react-fast-compare": "^3.2.0", @@ -25888,7 +25863,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6" @@ -25925,7 +25899,6 @@ "version": "37.3.6", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "delaunay-find": "0.0.6", "lodash": "^4.17.19", @@ -26061,7 +26034,6 @@ "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@types/estree": "^1.0.5", "@webassemblyjs/ast": "^1.12.1", @@ -26179,7 +26151,6 @@ "version": "5.0.1", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@discoveryjs/json-ext": "^0.5.0", "@webpack-cli/configtest": "^2.0.1", diff --git a/packages/module/src/Chatbot/Chatbot.scss b/packages/module/src/Chatbot/Chatbot.scss index d6d7587b9..025fd0e20 100644 --- a/packages/module/src/Chatbot/Chatbot.scss +++ b/packages/module/src/Chatbot/Chatbot.scss @@ -9,7 +9,10 @@ flex-direction: column; width: 30rem; height: 70vh; - background-color: var(--pf-t--global--background--color--secondary--default); + background-color: var( + --pf-t--global--background--color--floating--secondary--default, + --pf-t--global--background--color--secondary--default + ); border-radius: var(--pf-t--global--border--radius--medium); box-shadow: var(--pf-t--global--box-shadow--lg); font-size: var(--pf-t--global--font--size--md); @@ -72,6 +75,8 @@ // Chatbot Display Mode - Fullscreen // ============================================================================ .pf-chatbot--fullscreen { + background-color: var(--pf-t--global--background--color--secondary--default); + // for high contrast support border: unset; inset-block-end: 0; @@ -87,6 +92,8 @@ // Chatbot Display Mode - Embedded // ============================================================================ .pf-chatbot--embedded { + background-color: var(--pf-t--global--background--color--secondary--default); + // for high contrast support border: unset; position: static; diff --git a/packages/module/src/ChatbotContent/ChatbotContent.scss b/packages/module/src/ChatbotContent/ChatbotContent.scss index 788c7ce6e..c1005e6a4 100644 --- a/packages/module/src/ChatbotContent/ChatbotContent.scss +++ b/packages/module/src/ChatbotContent/ChatbotContent.scss @@ -3,7 +3,10 @@ // ============================================================================ .pf-chatbot__content { position: relative; - background-color: var(--pf-t--global--background--color--secondary--default); + background-color: var( + --pf-t--global--background--color--floating--secondary--default, + --pf-t--global--background--color--secondary--default + ); overflow-y: auto; overflow: hidden; // needed in Red Hat Developer Hub workspace flex: 1; // needed in Composer AI @@ -26,6 +29,7 @@ .pf-chatbot--fullscreen, .pf-chatbot--embedded { .pf-chatbot__content { + background-color: var(--pf-t--global--background--color--secondary--default); display: flex; justify-content: center; } diff --git a/packages/module/src/ChatbotFooter/ChatbotFooter.scss b/packages/module/src/ChatbotFooter/ChatbotFooter.scss index e8d58017c..9c44d8324 100644 --- a/packages/module/src/ChatbotFooter/ChatbotFooter.scss +++ b/packages/module/src/ChatbotFooter/ChatbotFooter.scss @@ -6,7 +6,10 @@ // ============================================================================ .pf-chatbot__footer { --pf-chatbot__footer--RowGap: var(--pf-t--global--spacer--md); - background-color: var(--pf-t--global--background--color--secondary--default); + background-color: var( + --pf-t--global--background--color--floating--secondary--default, + --pf-t--global--background--color--secondary--default + ); display: flex; flex-direction: column; row-gap: var(--pf-chatbot__footer--RowGap); @@ -36,6 +39,10 @@ display: none; } } + .pf-chatbot__footer { + background-color: var(--pf-t--global--background--color--secondary--default); + } + .pf-chatbot__footer-container { width: 90%; max-width: 60rem; diff --git a/packages/module/src/ChatbotHeader/ChatbotHeader.scss b/packages/module/src/ChatbotHeader/ChatbotHeader.scss index a27208f78..0322116d2 100644 --- a/packages/module/src/ChatbotHeader/ChatbotHeader.scss +++ b/packages/module/src/ChatbotHeader/ChatbotHeader.scss @@ -9,7 +9,10 @@ grid-template-columns: 1fr auto; gap: var(--pf-t--global--spacer--sm); position: relative; // this is so focus ring on parent chatbot doesn't include header - background-color: var(--pf-t--global--background--color--secondary--default); + background-color: var( + --pf-t--global--background--color--floating--secondary--default, + --pf-t--global--background--color--secondary--default + ); justify-content: space-between; padding: var(--pf-t--global--spacer--lg); @@ -76,7 +79,7 @@ .pf-chatbot--drawer, .pf-chatbot--docked { .pf-chatbot__header { - background-color: var(--pf-t--global--background--color--secondary--default); + background-color: var(--pf-t--global--background--color--secondary--floating--default); } } diff --git a/packages/module/src/MessageBar/MessageBar.scss b/packages/module/src/MessageBar/MessageBar.scss index e39daa9e1..07e80ca08 100644 --- a/packages/module/src/MessageBar/MessageBar.scss +++ b/packages/module/src/MessageBar/MessageBar.scss @@ -19,7 +19,10 @@ flex-wrap: wrap; align-items: center; justify-content: flex-end; - background-color: var(--pf-t--global--background--color--primary--default); + background-color: var( + --pf-t--global--background--color--control--default, + --pf-t--global--background--color--primary--default + ); border-radius: calc(var(--pf-t--global--border--radius--medium) * 2); transition: border-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm); @@ -42,20 +45,20 @@ &.pf-m-primary { &::after { - border-color: var(--pf-t--global--border--color--default); + border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default); } } &:hover { &::after { - border-color: var(--pf-t--global--border--color--default); + border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default); border-width: var(--pf-t--global--border--width--control--hover); } } &:focus-within { &::after { - border-color: var(--pf-t--global--color--brand--default); + border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default); border-width: var(--pf-t--global--border--width--control--clicked); } } @@ -183,7 +186,7 @@ :root:where(.pf-v6-theme-high-contrast) { .pf-chatbot__message-bar { &::after { - border-color: var(--pf-t--global--border--color--default); + border-color: var(--pf-t--global--border--color--control--default, --pf-t--global--border--color--default); } } }