diff --git a/.env.test b/.env.test index b9e352ebc8..f7db80625d 100644 --- a/.env.test +++ b/.env.test @@ -40,3 +40,4 @@ ENABLE_HOME_PAGE_COURSE_API_V2=true ENABLE_CHECKLIST_QUALITY=true ENABLE_GRADING_METHOD_IN_PROBLEMS=false LIBRARY_SUPPORTED_BLOCKS="problem,video,html" +PARAGON_THEME_URLS={} diff --git a/package-lock.json b/package-lock.json index 8040ece19e..2c4f6b2da2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20,10 +20,10 @@ "@dnd-kit/utilities": "^3.2.2", "@edx/brand": "npm:@openedx/brand-openedx@^1.2.3", "@edx/browserslist-config": "1.2.0", - "@edx/frontend-component-footer": "^14.1.0", - "@edx/frontend-component-header": "^5.6.0", + "@edx/frontend-component-footer": "npm:@edunext/frontend-component-footer@14.0.0-alpha.2", + "@edx/frontend-component-header": "npm:@edunext/frontend-component-header@5.8.0-alpha.1", "@edx/frontend-enterprise-hotjar": "^2.0.0", - "@edx/frontend-platform": "^8.0.3", + "@edx/frontend-platform": "npm:@edunext/frontend-platform@8.1.2-alpha.1", "@edx/openedx-atlas": "^0.6.0", "@openedx-plugins/course-app-calculator": "file:plugins/course-apps/calculator", "@openedx-plugins/course-app-edxnotes": "file:plugins/course-apps/edxnotes", @@ -36,8 +36,8 @@ "@openedx-plugins/course-app-wiki": "file:plugins/course-apps/wiki", "@openedx-plugins/course-app-xpert_unit_summary": "file:plugins/course-apps/xpert_unit_summary", "@openedx/frontend-build": "^14.0.14", - "@openedx/frontend-plugin-framework": "^1.2.1", - "@openedx/paragon": "^22.8.1", + "@openedx/frontend-plugin-framework": "npm:@edunext/frontend-plugin-framework@1.3.0-alpha.1", + "@openedx/paragon": "^23.0.0-alpha.7", "@redux-devtools/extension": "^3.3.0", "@reduxjs/toolkit": "1.9.7", "@tanstack/react-query": "4.36.1", @@ -81,7 +81,7 @@ "yup": "0.31.1" }, "devDependencies": { - "@edx/react-unit-test-utils": "3.0.0", + "@edx/react-unit-test-utils": "npm:@edunext/react-unit-test-utils@3.0.0-alpha.1", "@edx/stylelint-config-edx": "2.3.3", "@edx/typescript-config": "^1.0.1", "@testing-library/jest-dom": "5.17.0", @@ -1835,6 +1835,199 @@ "version": "0.2.3", "license": "MIT" }, + "node_modules/@bundled-es-modules/deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-Rk453EklPUPC3NRWc3VUNI/SSUjdBaFoaQvFRmNBNtMHVtOFD5AntiWg5kEE1hqcPqedYFDzxE3ZcMYPcA195w==", + "dependencies": { + "deepmerge": "^4.3.1" + } + }, + "node_modules/@bundled-es-modules/glob": { + "version": "10.4.2", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/glob/-/glob-10.4.2.tgz", + "integrity": "sha512-740y5ofkzydsFao5EXJrGilcIL6EFEw/cmPf2uhTw9J6G1YOhiIFjNFCHdpgEiiH5VlU3G0SARSjlFlimRRSMA==", + "hasInstallScript": true, + "dependencies": { + "buffer": "^6.0.3", + "events": "^3.3.0", + "glob": "^10.4.2", + "patch-package": "^8.0.0", + "path": "^0.12.7", + "stream": "^0.0.3", + "string_decoder": "^1.3.0", + "url": "^0.11.3" + } + }, + "node_modules/@bundled-es-modules/glob/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@bundled-es-modules/glob/node_modules/buffer": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz", + "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.2.1" + } + }, + "node_modules/@bundled-es-modules/glob/node_modules/glob": { + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", + "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@bundled-es-modules/glob/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@bundled-es-modules/glob/node_modules/string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dependencies": { + "safe-buffer": "~5.2.0" + } + }, + "node_modules/@bundled-es-modules/memfs": { + "version": "4.9.4", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/memfs/-/memfs-4.9.4.tgz", + "integrity": "sha512-1XyYPUaIHwEOdF19wYVLBtHJRr42Do+3ctht17cZOHwHf67vkmRNPlYDGY2kJps4RgE5+c7nEZmEzxxvb1NZWA==", + "dependencies": { + "assert": "^2.0.0", + "buffer": "^6.0.3", + "events": "^3.3.0", + "memfs": "^4.9.3", + "path": "^0.12.7", + "stream": "^0.0.3", + "util": "^0.12.5" + } + }, + "node_modules/@bundled-es-modules/memfs/node_modules/buffer": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz", + "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.2.1" + } + }, + "node_modules/@bundled-es-modules/memfs/node_modules/memfs": { + "version": "4.17.0", + "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.17.0.tgz", + "integrity": "sha512-4eirfZ7thblFmqFjywlTmuWVSvccHAJbn1r8qQLzmTO11qcqpohOjmY2mFce6x7x7WtskzRqApPD0hv+Oa74jg==", + "dependencies": { + "@jsonjoy.com/json-pack": "^1.0.3", + "@jsonjoy.com/util": "^1.3.0", + "tree-dump": "^1.0.1", + "tslib": "^2.0.0" + }, + "engines": { + "node": ">= 4.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + } + }, + "node_modules/@bundled-es-modules/postcss-calc-ast-parser": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/postcss-calc-ast-parser/-/postcss-calc-ast-parser-0.1.6.tgz", + "integrity": "sha512-y65TM5zF+uaxo9OeekJ3rxwTINlQvrkbZLogYvQYVoLtxm4xEiHfZ7e/MyiWbStYyWZVZkVqsaVU6F4SUK5XUA==", + "dependencies": { + "postcss-calc-ast-parser": "^0.1.4" + } + }, + "node_modules/@chevrotain/cst-dts-gen": { + "version": "11.0.3", + "resolved": "https://registry.npmjs.org/@chevrotain/cst-dts-gen/-/cst-dts-gen-11.0.3.tgz", + "integrity": "sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ==", + "dependencies": { + "@chevrotain/gast": "11.0.3", + "@chevrotain/types": "11.0.3", + "lodash-es": "4.17.21" + } + }, + "node_modules/@chevrotain/gast": { + "version": "11.0.3", + "resolved": "https://registry.npmjs.org/@chevrotain/gast/-/gast-11.0.3.tgz", + "integrity": "sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q==", + "dependencies": { + "@chevrotain/types": "11.0.3", + "lodash-es": "4.17.21" + } + }, + "node_modules/@chevrotain/regexp-to-ast": { + "version": "11.0.3", + "resolved": "https://registry.npmjs.org/@chevrotain/regexp-to-ast/-/regexp-to-ast-11.0.3.tgz", + "integrity": "sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA==" + }, + "node_modules/@chevrotain/types": { + "version": "11.0.3", + "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.0.3.tgz", + "integrity": "sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ==" + }, + "node_modules/@chevrotain/utils": { + "version": "11.0.3", + "resolved": "https://registry.npmjs.org/@chevrotain/utils/-/utils-11.0.3.tgz", + "integrity": "sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ==" + }, "node_modules/@codemirror/autocomplete": { "version": "6.18.0", "license": "MIT", @@ -2153,39 +2346,109 @@ } }, "node_modules/@edx/frontend-component-footer": { - "version": "14.1.0", - "resolved": "https://registry.npmjs.org/@edx/frontend-component-footer/-/frontend-component-footer-14.1.0.tgz", - "integrity": "sha512-hdQEGbZosa5Lp8d4sLCu7+e0+X2dQDQZgd5stABbGNbDD1UPU7Efb3duJ5HhcNscpCHMhtYeNbajfUU5K+tKrg==", - "dependencies": { - "@fortawesome/fontawesome-svg-core": "6.6.0", - "@fortawesome/free-brands-svg-icons": "6.6.0", - "@fortawesome/free-regular-svg-icons": "6.6.0", - "@fortawesome/free-solid-svg-icons": "6.6.0", - "@fortawesome/react-fontawesome": "0.2.2", - "classnames": "^2.5.1", + "name": "@edunext/frontend-component-footer", + "version": "14.0.0-alpha.2", + "resolved": "https://registry.npmjs.org/@edunext/frontend-component-footer/-/frontend-component-footer-14.0.0-alpha.2.tgz", + "integrity": "sha512-XwUo1iI00u0HrbVCngN6ADdln0WJgB1BuOeZGG9TVn5vC7I4G0HX5niA6g4rnCeddSgxji5v1FpNSMX2LBVYfQ==", + "dependencies": { + "@fortawesome/fontawesome-svg-core": "6.5.2", + "@fortawesome/free-brands-svg-icons": "6.5.2", + "@fortawesome/free-regular-svg-icons": "6.5.2", + "@fortawesome/free-solid-svg-icons": "6.5.2", + "@fortawesome/react-fontawesome": "0.2.0", "jest-environment-jsdom": "^29.7.0", "lodash": "^4.17.21", "ts-jest": "^29.1.2" }, "peerDependencies": { - "@edx/frontend-platform": "^7.0.0 || ^8.0.0", - "@openedx/paragon": ">= 21.11.3 < 23.0.0", + "@edx/frontend-platform": "8.1.2-alpha.1 || ^7.0.0 || ^8.0.0", + "@openedx/paragon": "23.0.0-alpha.7 || >= 21.11.3 < 23.0.0", "prop-types": "^15.5.10", "react": "^16.9.0 || ^17.0.0", "react-dom": "^16.9.0 || ^17.0.0" } }, + "node_modules/@edx/frontend-component-footer/node_modules/@fortawesome/fontawesome-common-types": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.2.tgz", + "integrity": "sha512-gBxPg3aVO6J0kpfHNILc+NMhXnqHumFxOmjYCFfOiLZfwhnnfhtsdA2hfJlDnj+8PjAs6kKQPenOTKj3Rf7zHw==", + "hasInstallScript": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/@edx/frontend-component-footer/node_modules/@fortawesome/fontawesome-svg-core": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.2.tgz", + "integrity": "sha512-5CdaCBGl8Rh9ohNdxeeTMxIj8oc3KNBgIeLMvJosBMdslK/UnEB8rzyDRrbKdL1kDweqBPo4GT9wvnakHWucZw==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@edx/frontend-component-footer/node_modules/@fortawesome/free-brands-svg-icons": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.5.2.tgz", + "integrity": "sha512-zi5FNYdmKLnEc0jc0uuHH17kz/hfYTg4Uei0wMGzcoCL/4d3WM3u1VMc0iGGa31HuhV5i7ZK8ZlTCQrHqRHSGQ==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@edx/frontend-component-footer/node_modules/@fortawesome/free-regular-svg-icons": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.5.2.tgz", + "integrity": "sha512-iabw/f5f8Uy2nTRtJ13XZTS1O5+t+anvlamJ3zJGLEVE2pKsAWhPv2lq01uQlfgCX7VaveT3EVs515cCN9jRbw==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@edx/frontend-component-footer/node_modules/@fortawesome/free-solid-svg-icons": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.5.2.tgz", + "integrity": "sha512-QWFZYXFE7O1Gr1dTIp+D6UcFUF0qElOnZptpi7PBUMylJh+vFmIedVe1Ir6RM1t2tEQLLSV1k7bR4o92M+uqlw==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@edx/frontend-component-footer/node_modules/@fortawesome/react-fontawesome": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz", + "integrity": "sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==", + "dependencies": { + "prop-types": "^15.8.1" + }, + "peerDependencies": { + "@fortawesome/fontawesome-svg-core": "~1 || ~6", + "react": ">=16.3" + } + }, "node_modules/@edx/frontend-component-header": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@edx/frontend-component-header/-/frontend-component-header-5.6.0.tgz", - "integrity": "sha512-ITLLrej6BbWVc/0baMkKg/ACTvUGSR188Rn/BC2Y82Tdu8gRsZB6+0GUsDX/6FJjeIazLXdUusKlfwVU90sXLA==", + "name": "@edunext/frontend-component-header", + "version": "5.8.0-alpha.1", + "resolved": "https://registry.npmjs.org/@edunext/frontend-component-header/-/frontend-component-header-5.8.0-alpha.1.tgz", + "integrity": "sha512-zguYq1wBsKhpL6y3zhzkpZ/T0hNzPBWB5R0BLjMckjuvB+dxrjszcRVhYKdc8vwb3T+VZT2K7hM3Cnn8ZBK7+w==", "dependencies": { "@fortawesome/fontawesome-svg-core": "6.6.0", "@fortawesome/free-brands-svg-icons": "6.6.0", "@fortawesome/free-regular-svg-icons": "6.6.0", "@fortawesome/free-solid-svg-icons": "6.6.0", "@fortawesome/react-fontawesome": "^0.2.0", - "@openedx/frontend-plugin-framework": "^1.3.0", + "@openedx/frontend-plugin-framework": "github:edunext/frontend-plugin-framework#edunext/css-variables-1.3.0", "axios-mock-adapter": "1.22.0", "babel-polyfill": "6.26.0", "classnames": "^2.5.1", @@ -2194,11 +2457,12 @@ "react-transition-group": "4.4.5" }, "peerDependencies": { - "@edx/frontend-platform": "^7.0.0 || ^8.0.0", - "@openedx/paragon": ">= 21.5.7 < 23.0.0", + "@edx/frontend-platform": "8.1.2-alpha.1 || ^7.0.0 || ^8.0.0", + "@openedx/paragon": "23.0.0-alpha.7 || >= 21.5.7 < 23.0.0", "prop-types": "^15.5.10", "react": "^16.9.0 || ^17.0.0", - "react-dom": "^16.9.0 || ^17.0.0" + "react-dom": "^16.9.0 || ^17.0.0", + "react-router-dom": "^6.14.2" } }, "node_modules/@edx/frontend-component-header/node_modules/react-responsive": { @@ -2227,8 +2491,10 @@ } }, "node_modules/@edx/frontend-platform": { - "version": "8.1.1", - "license": "AGPL-3.0", + "name": "@edunext/frontend-platform", + "version": "8.1.2-alpha.1", + "resolved": "https://registry.npmjs.org/@edunext/frontend-platform/-/frontend-platform-8.1.2-alpha.1.tgz", + "integrity": "sha512-1qTkQ59bDIb2MBrylqlmWaPLn6VEarB0Koqp4VsQPJIRLz29F6747OvX5edp27Hr5cHGot8OPdGjei81DsEEtQ==", "dependencies": { "@cospired/i18n-iso-languages": "4.2.0", "@formatjs/intl-pluralrules": "4.3.3", @@ -2247,7 +2513,7 @@ "lodash.merge": "4.6.2", "lodash.snakecase": "4.1.1", "pubsub-js": "1.9.4", - "react-intl": "6.6.8", + "react-intl": "6.7.0", "universal-cookie": "4.0.4" }, "bin": { @@ -2256,7 +2522,7 @@ }, "peerDependencies": { "@openedx/frontend-build": ">= 14.0.0", - "@openedx/paragon": ">= 21.5.7 < 23.0.0", + "@openedx/paragon": "23.0.0-alpha.7 || >= 21.5.7 < 23.0.0", "prop-types": ">=15.7.2 <16.0.0", "react": "^16.9.0 || ^17.0.0", "react-dom": "^16.9.0 || ^17.0.0", @@ -2309,9 +2575,11 @@ } }, "node_modules/@edx/react-unit-test-utils": { - "version": "3.0.0", + "name": "@edunext/react-unit-test-utils", + "version": "3.0.0-alpha.1", + "resolved": "https://registry.npmjs.org/@edunext/react-unit-test-utils/-/react-unit-test-utils-3.0.0-alpha.1.tgz", + "integrity": "sha512-rc3lcSP4nIBMtp+57k1pLM4sWqFLTmPkdzKluXoXNmjRNTh/Asd0DABomSwKdoGibEYO0ZQoHt1dRvSxDynDHA==", "dev": true, - "license": "AGPL-3.0", "dependencies": { "@edx/browserslist-config": "^1.1.1", "@reduxjs/toolkit": "^1.5.1", @@ -2326,9 +2594,9 @@ "react-test-renderer": "17.0.2" }, "peerDependencies": { - "@edx/frontend-platform": "^8.0.0", + "@edx/frontend-platform": "8.1.2-alpha.1 || ^7.0.0 || ^8.0.0", "@openedx/frontend-build": "^14.0.0", - "@openedx/paragon": "^21.5.7 || ^22.0.0", + "@openedx/paragon": "23.0.0-alpha.7 || ^21.5.7 || ^22.0.0", "react": "^16.9.0 || ^17.0.0" } }, @@ -2650,7 +2918,8 @@ }, "node_modules/@formatjs/fast-memoize": { "version": "2.2.0", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.0.tgz", + "integrity": "sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==", "dependencies": { "tslib": "^2.4.0" } @@ -2703,8 +2972,9 @@ } }, "node_modules/@formatjs/intl": { - "version": "2.10.4", - "license": "MIT", + "version": "2.10.5", + "resolved": "https://registry.npmjs.org/@formatjs/intl/-/intl-2.10.5.tgz", + "integrity": "sha512-f9qPNNgLrh2KvoFvHGIfcPTmNGbyy7lyyV4/P6JioDqtTE7Akdmgt+ZzVndr+yMLZnssUShyTMXxM/6aV9eVuQ==", "dependencies": { "@formatjs/ecma402-abstract": "2.0.0", "@formatjs/fast-memoize": "2.2.0", @@ -2725,7 +2995,8 @@ }, "node_modules/@formatjs/intl-displaynames": { "version": "6.6.8", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/intl-displaynames/-/intl-displaynames-6.6.8.tgz", + "integrity": "sha512-Lgx6n5KxN16B3Pb05z3NLEBQkGoXnGjkTBNCZI+Cn17YjHJ3fhCeEJJUqRlIZmJdmaXQhjcQVDp6WIiNeRYT5g==", "dependencies": { "@formatjs/ecma402-abstract": "2.0.0", "@formatjs/intl-localematcher": "0.5.4", @@ -2734,7 +3005,8 @@ }, "node_modules/@formatjs/intl-displaynames/node_modules/@formatjs/ecma402-abstract": { "version": "2.0.0", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.0.0.tgz", + "integrity": "sha512-rRqXOqdFmk7RYvj4khklyqzcfQl9vEL/usogncBHRZfZBDOwMGuSRNFl02fu5KGHXdbinju+YXyuR+Nk8xlr/g==", "dependencies": { "@formatjs/intl-localematcher": "0.5.4", "tslib": "^2.4.0" @@ -2742,14 +3014,16 @@ }, "node_modules/@formatjs/intl-displaynames/node_modules/@formatjs/intl-localematcher": { "version": "0.5.4", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.4.tgz", + "integrity": "sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==", "dependencies": { "tslib": "^2.4.0" } }, "node_modules/@formatjs/intl-listformat": { "version": "7.5.7", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/intl-listformat/-/intl-listformat-7.5.7.tgz", + "integrity": "sha512-MG2TSChQJQT9f7Rlv+eXwUFiG24mKSzmF144PLb8m8OixyXqn4+YWU+5wZracZGCgVTVmx8viCf7IH3QXoiB2g==", "dependencies": { "@formatjs/ecma402-abstract": "2.0.0", "@formatjs/intl-localematcher": "0.5.4", @@ -2758,7 +3032,8 @@ }, "node_modules/@formatjs/intl-listformat/node_modules/@formatjs/ecma402-abstract": { "version": "2.0.0", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.0.0.tgz", + "integrity": "sha512-rRqXOqdFmk7RYvj4khklyqzcfQl9vEL/usogncBHRZfZBDOwMGuSRNFl02fu5KGHXdbinju+YXyuR+Nk8xlr/g==", "dependencies": { "@formatjs/intl-localematcher": "0.5.4", "tslib": "^2.4.0" @@ -2766,7 +3041,8 @@ }, "node_modules/@formatjs/intl-listformat/node_modules/@formatjs/intl-localematcher": { "version": "0.5.4", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.4.tgz", + "integrity": "sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==", "dependencies": { "tslib": "^2.4.0" } @@ -2798,7 +3074,8 @@ }, "node_modules/@formatjs/intl/node_modules/@formatjs/ecma402-abstract": { "version": "2.0.0", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.0.0.tgz", + "integrity": "sha512-rRqXOqdFmk7RYvj4khklyqzcfQl9vEL/usogncBHRZfZBDOwMGuSRNFl02fu5KGHXdbinju+YXyuR+Nk8xlr/g==", "dependencies": { "@formatjs/intl-localematcher": "0.5.4", "tslib": "^2.4.0" @@ -2806,7 +3083,8 @@ }, "node_modules/@formatjs/intl/node_modules/@formatjs/intl-localematcher": { "version": "0.5.4", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.4.tgz", + "integrity": "sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==", "dependencies": { "tslib": "^2.4.0" } @@ -2952,6 +3230,95 @@ "version": "2.0.3", "license": "BSD-3-Clause" }, + "node_modules/@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "dependencies": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-regex": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==" + }, + "node_modules/@isaacs/cliui/node_modules/string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dependencies": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@isaacs/cliui/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dependencies": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, "node_modules/@istanbuljs/load-nyc-config": { "version": "1.1.0", "license": "ISC", @@ -3361,6 +3728,57 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, + "node_modules/@jsonjoy.com/base64": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz", + "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==", + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, + "node_modules/@jsonjoy.com/json-pack": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.1.1.tgz", + "integrity": "sha512-osjeBqMJ2lb/j/M8NCPjs1ylqWIcTRTycIhVB5pt6LgzgeRSb0YRZ7j9RfA8wIUrsr/medIuhVyonXRZWLyfdw==", + "dependencies": { + "@jsonjoy.com/base64": "^1.1.1", + "@jsonjoy.com/util": "^1.1.2", + "hyperdyperid": "^1.2.0", + "thingies": "^1.20.0" + }, + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, + "node_modules/@jsonjoy.com/util": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz", + "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==", + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, "node_modules/@leichtgewicht/ip-codec": { "version": "2.0.5", "license": "MIT" @@ -4003,9 +4421,10 @@ } }, "node_modules/@openedx/frontend-plugin-framework": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/@openedx/frontend-plugin-framework/-/frontend-plugin-framework-1.3.0.tgz", - "integrity": "sha512-qLtX/4HIuWXiIhBdtBuL6mPVbV2un0rsFYx3I5+3tIUf7+T7WRq81a6JHU5QGyAmZy9dfiv7QwbqwiEQOVXVuQ==", + "name": "@edunext/frontend-plugin-framework", + "version": "1.3.0-alpha.1", + "resolved": "git+ssh://git@github.com/edunext/frontend-plugin-framework.git#88c42d802ba8d53e52a473f360860e705aad8bb8", + "license": "AGPL-3.0", "dependencies": { "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2", "classnames": "^2.3.2", @@ -4015,8 +4434,8 @@ "regenerator-runtime": "0.14.1" }, "peerDependencies": { - "@edx/frontend-platform": "^7.0.0 || ^8.0.0", - "@openedx/paragon": "^21.0.0 || ^22.0.0", + "@edx/frontend-platform": "8.1.2-alpha.1 || ^7.0.0 || ^8.0.0", + "@openedx/paragon": "^23.0.0-alpha.7 ||^21.0.0 || ^22.0.0", "prop-types": "^15.8.0", "react": "^17.0.0", "react-dom": "^17.0.0", @@ -4025,8 +4444,9 @@ }, "node_modules/@openedx/frontend-plugin-framework/node_modules/core-js": { "version": "3.37.1", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.37.1.tgz", + "integrity": "sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==", "hasInstallScript": true, - "license": "MIT", "funding": { "type": "opencollective", "url": "https://opencollective.com/core-js" @@ -4034,38 +4454,43 @@ }, "node_modules/@openedx/frontend-plugin-framework/node_modules/redux": { "version": "4.2.1", - "license": "MIT", + "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz", + "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==", "dependencies": { "@babel/runtime": "^7.9.2" } }, "node_modules/@openedx/paragon": { - "version": "22.8.1", - "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-22.8.1.tgz", - "integrity": "sha512-lm2x0tvNZrtJvp0L+cjvLLmkE9NoUbNIzt9L1FaOx9g92gf8rFVgq4aadq7IVAjN12HW19/QJMEJaQ0SVsvY2A==", - "license": "Apache-2.0", - "workspaces": [ - "example", - "component-generator", - "www", - "icons", - "dependent-usage-analyzer" - ], + "version": "23.0.0-alpha.7", + "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-23.0.0-alpha.7.tgz", + "integrity": "sha512-lI5hJfcVlpG1DbuVzeMgq1VdfSeeUvpe4yZjcGhQlk18FW2xe55AzaUjPwJ3dSAFaA9NYMtePgAS5eiln4daJQ==", "dependencies": { - "@fortawesome/fontawesome-svg-core": "^6.1.1", - "@fortawesome/react-fontawesome": "^0.1.18", "@popperjs/core": "^2.11.4", + "@tokens-studio/sd-transforms": "^1.2.4", + "axios": "^0.27.2", "bootstrap": "^4.6.2", "chalk": "^4.1.2", "child_process": "^1.0.2", + "chroma-js": "^2.4.2", "classnames": "^2.3.1", + "cli-progress": "^3.12.0", + "commander": "^9.4.1", "email-prop-type": "^3.0.0", "file-selector": "^0.6.0", - "font-awesome": "^4.7.0", "glob": "^8.0.3", "inquirer": "^8.2.5", + "js-toml": "^1.0.0", "lodash.uniqby": "^4.7.0", + "log-update": "^4.0.0", "mailto-link": "^2.0.0", + "minimist": "^1.2.8", + "ora": "^5.4.1", + "postcss": "^8.4.21", + "postcss-combine-duplicated-selectors": "^10.0.3", + "postcss-custom-media": "^9.1.2", + "postcss-import": "^15.1.0", + "postcss-map": "^0.11.0", + "postcss-minify": "^1.1.0", "prop-types": "^15.8.1", "react-bootstrap": "^1.6.5", "react-colorful": "^5.6.1", @@ -4078,6 +4503,8 @@ "react-responsive": "^8.2.0", "react-table": "^7.7.0", "react-transition-group": "^4.4.2", + "sass": "^1.58.3", + "style-dictionary": "^4.0.1", "tabbable": "^5.3.3", "uncontrollable": "^7.2.1", "uuid": "^9.0.0" @@ -4091,17 +4518,13 @@ "react-intl": "^5.25.1 || ^6.4.0" } }, - "node_modules/@openedx/paragon/node_modules/@fortawesome/react-fontawesome": { - "version": "0.1.19", - "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.19.tgz", - "integrity": "sha512-Hyb+lB8T18cvLNX0S3llz7PcSOAJMLwiVKBuuzwM/nI5uoBw+gQjnf9il0fR1C3DKOI5Kc79pkJ4/xB0Uw9aFQ==", - "license": "MIT", + "node_modules/@openedx/paragon/node_modules/axios": { + "version": "0.27.2", + "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz", + "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==", "dependencies": { - "prop-types": "^15.8.1" - }, - "peerDependencies": { - "@fortawesome/fontawesome-svg-core": "~1 || ~6", - "react": ">=16.x" + "follow-redirects": "^1.14.9", + "form-data": "^4.0.0" } }, "node_modules/@openedx/paragon/node_modules/brace-expansion": { @@ -4113,6 +4536,14 @@ "balanced-match": "^1.0.0" } }, + "node_modules/@openedx/paragon/node_modules/commander": { + "version": "9.5.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz", + "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==", + "engines": { + "node": "^12.20.0 || >=14" + } + }, "node_modules/@openedx/paragon/node_modules/glob": { "version": "8.1.0", "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz", @@ -4145,6 +4576,33 @@ "node": ">=10" } }, + "node_modules/@openedx/paragon/node_modules/postcss-custom-media": { + "version": "9.1.5", + "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-9.1.5.tgz", + "integrity": "sha512-GStyWMz7Qbo/Gtw1xVspzVSX8eipgNg4lpsO3CAeY4/A1mzok+RV6MCv3fg62trWijh/lYEj6vps4o8JcBBpDA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "dependencies": { + "@csstools/cascade-layer-name-parser": "^1.0.2", + "@csstools/css-parser-algorithms": "^2.2.0", + "@csstools/css-tokenizer": "^2.1.1", + "@csstools/media-query-list-parser": "^2.1.1" + }, + "engines": { + "node": "^14 || ^16 || >=18" + }, + "peerDependencies": { + "postcss": "^8.4" + } + }, "node_modules/@openedx/paragon/node_modules/react-responsive": { "version": "8.2.0", "resolved": "https://registry.npmjs.org/react-responsive/-/react-responsive-8.2.0.tgz", @@ -4176,6 +4634,15 @@ "uuid": "dist/bin/uuid" } }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "optional": true, + "engines": { + "node": ">=14" + } + }, "node_modules/@pmmmwh/react-refresh-webpack-plugin": { "version": "0.5.15", "license": "MIT", @@ -4742,10 +5209,34 @@ "tinymce": "^5.5.1" }, "peerDependencies": { - "react": "^18.0.0 || ^17.0.1 || ^16.7.0", - "react-dom": "^18.0.0 || ^17.0.1 || ^16.7.0" + "react": "^18.0.0 || ^17.0.1 || ^16.7.0", + "react-dom": "^18.0.0 || ^17.0.1 || ^16.7.0" + } + }, + "node_modules/@tokens-studio/sd-transforms": { + "version": "1.2.9", + "resolved": "https://registry.npmjs.org/@tokens-studio/sd-transforms/-/sd-transforms-1.2.9.tgz", + "integrity": "sha512-doRL3tjhwmSck/9fH0X1mlBA6derw+8wpmi5hbG2vhAmvc8F89MxIN6JCKSIbVIJNvaprDVlQqSzXLG7Ug7F9A==", + "dependencies": { + "@bundled-es-modules/deepmerge": "^4.3.1", + "@bundled-es-modules/postcss-calc-ast-parser": "^0.1.6", + "@tokens-studio/types": "^0.5.1", + "colorjs.io": "^0.4.3", + "expr-eval-fork": "^2.0.2", + "is-mergeable-object": "^1.1.1" + }, + "engines": { + "node": ">=18.0.0" + }, + "peerDependencies": { + "style-dictionary": "^4.1.4" } }, + "node_modules/@tokens-studio/types": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/@tokens-studio/types/-/types-0.5.2.tgz", + "integrity": "sha512-rzMcZP0bj2E5jaa7Fj0LGgYHysoCrbrxILVbT0ohsCUH5uCHY/u6J7Qw/TE0n6gR9Js/c9ZO9T8mOoz0HdLMbA==" + }, "node_modules/@tootallnate/once": { "version": "2.0.0", "license": "MIT", @@ -5545,6 +6036,21 @@ "version": "4.2.2", "license": "Apache-2.0" }, + "node_modules/@yarnpkg/lockfile": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", + "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==" + }, + "node_modules/@zip.js/zip.js": { + "version": "2.7.54", + "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.54.tgz", + "integrity": "sha512-qMrJVg2hoEsZJjMJez9yI2+nZlBUxgYzGV3mqcb2B/6T1ihXp0fWBDYlVHlHquuorgNUQP5a8qSmX6HF5rFJNg==", + "engines": { + "bun": ">=0.7.0", + "deno": ">=1.0.0", + "node": ">=16.5.0" + } + }, "node_modules/abab": { "version": "2.0.6", "license": "BSD-3-Clause" @@ -5928,6 +6434,18 @@ "node": ">=0.10.0" } }, + "node_modules/assert": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz", + "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==", + "dependencies": { + "call-bind": "^1.0.2", + "is-nan": "^1.3.2", + "object-is": "^1.1.5", + "object.assign": "^4.1.4", + "util": "^0.12.5" + } + }, "node_modules/assert-ok": { "version": "1.0.0", "license": "MIT" @@ -5938,7 +6456,6 @@ }, "node_modules/astral-regex": { "version": "2.0.0", - "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -6564,6 +7081,33 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/call-bind-apply-helpers": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz", + "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==", + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/call-bound": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz", + "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "get-intrinsic": "^1.2.6" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/callsites": { "version": "3.1.0", "license": "MIT", @@ -6672,6 +7216,11 @@ "url": "https://github.com/chalk/chalk?sponsor=1" } }, + "node_modules/change-case": { + "version": "5.4.4", + "resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz", + "integrity": "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==" + }, "node_modules/char-regex": { "version": "1.0.2", "license": "MIT", @@ -6683,6 +7232,19 @@ "version": "0.7.0", "license": "MIT" }, + "node_modules/chevrotain": { + "version": "11.0.3", + "resolved": "https://registry.npmjs.org/chevrotain/-/chevrotain-11.0.3.tgz", + "integrity": "sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw==", + "dependencies": { + "@chevrotain/cst-dts-gen": "11.0.3", + "@chevrotain/gast": "11.0.3", + "@chevrotain/regexp-to-ast": "11.0.3", + "@chevrotain/types": "11.0.3", + "@chevrotain/utils": "11.0.3", + "lodash-es": "4.17.21" + } + }, "node_modules/child_process": { "version": "1.0.2", "license": "ISC" @@ -6713,6 +7275,11 @@ "version": "1.1.4", "license": "ISC" }, + "node_modules/chroma-js": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-2.6.0.tgz", + "integrity": "sha512-BLHvCB9s8Z1EV4ethr6xnkl/P2YRFOGqfgvuMG/MyCbZPrTA+NeiByY6XvgF0zP4/2deU2CXnWyMa3zu1LqQ3A==" + }, "node_modules/chrome-trace-event": { "version": "1.0.4", "license": "MIT", @@ -6781,6 +7348,17 @@ "node": ">=8" } }, + "node_modules/cli-progress": { + "version": "3.12.0", + "resolved": "https://registry.npmjs.org/cli-progress/-/cli-progress-3.12.0.tgz", + "integrity": "sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A==", + "dependencies": { + "string-width": "^4.2.3" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/cli-spinners": { "version": "2.9.2", "license": "MIT", @@ -6920,6 +7498,11 @@ "version": "2.0.20", "license": "MIT" }, + "node_modules/colorjs.io": { + "version": "0.4.5", + "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.4.5.tgz", + "integrity": "sha512-yCtUNCmge7llyfd/Wou19PMAcf5yC3XXhgFoAh6zsO2pGswhUPBaaUh8jzgHnXtXuZyFKzXZNAnyF5i+apICow==" + }, "node_modules/combined-stream": { "version": "1.0.8", "license": "MIT", @@ -7992,10 +8575,28 @@ "webpack": "^4 || ^5" } }, + "node_modules/dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/duplexer": { "version": "0.1.2", "license": "MIT" }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==" + }, "node_modules/ee-first": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", @@ -8172,11 +8773,9 @@ } }, "node_modules/es-define-property": { - "version": "1.0.0", - "license": "MIT", - "dependencies": { - "get-intrinsic": "^1.2.4" - }, + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", "engines": { "node": ">= 0.4" } @@ -9099,6 +9698,11 @@ "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } }, + "node_modules/expr-eval-fork": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/expr-eval-fork/-/expr-eval-fork-2.0.2.tgz", + "integrity": "sha512-NaAnObPVwHEYrODd7Jzp3zzT9pgTAlUUL4MZiZu9XAYPDpx89cPsfyEImFb2XY0vQNbrqg2CG7CLiI+Rs3seaQ==" + }, "node_modules/express": { "version": "4.21.0", "resolved": "https://registry.npmjs.org/express/-/express-4.21.0.tgz", @@ -9501,6 +10105,14 @@ "node": ">=8" } }, + "node_modules/find-yarn-workspace-root": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz", + "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==", + "dependencies": { + "micromatch": "^4.0.2" + } + }, "node_modules/flat": { "version": "5.0.2", "license": "BSD-3-Clause", @@ -9565,13 +10177,6 @@ } } }, - "node_modules/font-awesome": { - "version": "4.7.0", - "license": "(OFL-1.1 AND MIT)", - "engines": { - "node": ">=0.10.3" - } - }, "node_modules/for-each": { "version": "0.3.3", "license": "MIT", @@ -9579,6 +10184,32 @@ "is-callable": "^1.1.3" } }, + "node_modules/foreground-child": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz", + "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==", + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/foreground-child/node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/fork-ts-checker-webpack-plugin": { "version": "6.5.3", "license": "MIT", @@ -9825,14 +10456,20 @@ } }, "node_modules/get-intrinsic": { - "version": "1.2.4", - "license": "MIT", + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz", + "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==", "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-define-property": "^1.0.1", "es-errors": "^1.3.0", + "es-object-atoms": "^1.0.0", "function-bind": "^1.1.2", - "has-proto": "^1.0.1", - "has-symbols": "^1.0.3", - "hasown": "^2.0.0" + "get-proto": "^1.0.0", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -9855,6 +10492,18 @@ "node": ">=8.0.0" } }, + "node_modules/get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", + "dependencies": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/get-stream": { "version": "6.0.1", "license": "MIT", @@ -10000,10 +10649,11 @@ "license": "MIT" }, "node_modules/gopd": { - "version": "1.0.1", - "license": "MIT", - "dependencies": { - "get-intrinsic": "^1.1.3" + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -10088,8 +10738,9 @@ } }, "node_modules/has-symbols": { - "version": "1.0.3", - "license": "MIT", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", "engines": { "node": ">= 0.4" }, @@ -10420,6 +11071,14 @@ "url": "https://github.com/sponsors/typicode" } }, + "node_modules/hyperdyperid": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz", + "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==", + "engines": { + "node": ">=10.18" + } + }, "node_modules/hyphenate-style-name": { "version": "1.1.0", "license": "BSD-3-Clause" @@ -10680,7 +11339,8 @@ }, "node_modules/intl-messageformat": { "version": "10.5.14", - "license": "BSD-3-Clause", + "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.5.14.tgz", + "integrity": "sha512-IjC6sI0X7YRjjyVH9aUgdftcmZK7WXdHeil4KwbjDnRWjnVitKpAx3rr6t6di1joFp5188VqKcobOPA6mCLG/w==", "dependencies": { "@formatjs/ecma402-abstract": "2.0.0", "@formatjs/fast-memoize": "2.2.0", @@ -10690,7 +11350,8 @@ }, "node_modules/intl-messageformat/node_modules/@formatjs/ecma402-abstract": { "version": "2.0.0", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.0.0.tgz", + "integrity": "sha512-rRqXOqdFmk7RYvj4khklyqzcfQl9vEL/usogncBHRZfZBDOwMGuSRNFl02fu5KGHXdbinju+YXyuR+Nk8xlr/g==", "dependencies": { "@formatjs/intl-localematcher": "0.5.4", "tslib": "^2.4.0" @@ -10698,7 +11359,8 @@ }, "node_modules/intl-messageformat/node_modules/@formatjs/intl-localematcher": { "version": "0.5.4", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.4.tgz", + "integrity": "sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==", "dependencies": { "tslib": "^2.4.0" } @@ -10719,7 +11381,6 @@ }, "node_modules/is-arguments": { "version": "1.1.1", - "dev": true, "license": "MIT", "dependencies": { "call-bind": "^1.0.2", @@ -10888,6 +11549,23 @@ "node": ">=6" } }, + "node_modules/is-generator-function": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz", + "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==", + "dependencies": { + "call-bound": "^1.0.3", + "get-proto": "^1.0.0", + "has-tostringtag": "^1.0.2", + "safe-regex-test": "^1.1.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-glob": { "version": "4.0.3", "license": "MIT", @@ -10943,6 +11621,26 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-mergeable-object": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-mergeable-object/-/is-mergeable-object-1.1.1.tgz", + "integrity": "sha512-CPduJfuGg8h8vW74WOxHtHmtQutyQBzR+3MjQ6iDHIYdbOnm1YC7jv43SqCoU8OPGTJD4nibmiryA4kmogbGrA==" + }, + "node_modules/is-nan": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz", + "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==", + "dependencies": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-negative-zero": { "version": "2.0.3", "license": "MIT", @@ -11028,11 +11726,14 @@ "license": "MIT" }, "node_modules/is-regex": { - "version": "1.1.4", - "license": "MIT", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz", + "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==", "dependencies": { - "call-bind": "^1.0.2", - "has-tostringtag": "^1.0.0" + "call-bound": "^1.0.2", + "gopd": "^1.2.0", + "has-tostringtag": "^1.0.2", + "hasown": "^2.0.2" }, "engines": { "node": ">= 0.4" @@ -11293,6 +11994,20 @@ "node": ">=8" } }, + "node_modules/jackspeak": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", + "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, "node_modules/jake": { "version": "10.9.2", "license": "Apache-2.0", @@ -12152,6 +12867,15 @@ "version": "4.0.0", "license": "MIT" }, + "node_modules/js-toml": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/js-toml/-/js-toml-1.0.1.tgz", + "integrity": "sha512-rHd/IolpFm2V5BmHCEY8CckHs8NDsYZZ64H5RNgA6Opsr9vX4QyTiQPplgtqg7b3ztqYShZC38nl6CUg7QuhXg==", + "dependencies": { + "chevrotain": "^11.0.3", + "xregexp": "^5.1.1" + } + }, "node_modules/js-yaml": { "version": "3.14.1", "license": "MIT", @@ -12337,6 +13061,14 @@ "node": ">=0.10.0" } }, + "node_modules/klaw-sync": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz", + "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==", + "dependencies": { + "graceful-fs": "^4.1.11" + } + }, "node_modules/kleur": { "version": "3.0.3", "license": "MIT", @@ -12526,6 +13258,23 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/log-update": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz", + "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==", + "dependencies": { + "ansi-escapes": "^4.3.0", + "cli-cursor": "^3.1.0", + "slice-ansi": "^4.0.0", + "wrap-ansi": "^6.2.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/loose-envify": { "version": "1.4.0", "license": "MIT", @@ -12625,6 +13374,14 @@ "css-mediaquery": "^0.1.2" } }, + "node_modules/math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", + "engines": { + "node": ">= 0.4" + } + }, "node_modules/mathml-tag-names": { "version": "2.1.3", "dev": true, @@ -12906,6 +13663,14 @@ "node": ">= 6" } }, + "node_modules/minipass": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, "node_modules/mkdirp-classic": { "version": "0.5.3", "license": "MIT" @@ -15512,7 +16277,6 @@ }, "node_modules/object-is": { "version": "1.1.6", - "dev": true, "license": "MIT", "dependencies": { "call-bind": "^1.0.7", @@ -15787,6 +16551,11 @@ "node": ">=6" } }, + "node_modules/package-json-from-dist": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz", + "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==" + }, "node_modules/pako": { "version": "1.0.11", "license": "(MIT AND Zlib)" @@ -15813,10 +16582,79 @@ "version": "5.2.0", "license": "MIT", "dependencies": { - "@babel/code-frame": "^7.0.0", - "error-ex": "^1.3.1", - "json-parse-even-better-errors": "^2.3.0", - "lines-and-columns": "^1.1.6" + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/parse5": { + "version": "7.1.2", + "license": "MIT", + "dependencies": { + "entities": "^4.4.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, + "node_modules/parseurl": { + "version": "1.3.3", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/pascal-case": { + "version": "3.1.2", + "license": "MIT", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/patch-package": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.0.tgz", + "integrity": "sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==", + "dependencies": { + "@yarnpkg/lockfile": "^1.1.0", + "chalk": "^4.1.2", + "ci-info": "^3.7.0", + "cross-spawn": "^7.0.3", + "find-yarn-workspace-root": "^2.0.0", + "fs-extra": "^9.0.0", + "json-stable-stringify": "^1.0.2", + "klaw-sync": "^6.0.0", + "minimist": "^1.2.6", + "open": "^7.4.2", + "rimraf": "^2.6.3", + "semver": "^7.5.3", + "slash": "^2.0.0", + "tmp": "^0.0.33", + "yaml": "^2.2.2" + }, + "bin": { + "patch-package": "index.js" + }, + "engines": { + "node": ">=14", + "npm": ">5" + } + }, + "node_modules/patch-package/node_modules/open": { + "version": "7.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz", + "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==", + "dependencies": { + "is-docker": "^2.0.0", + "is-wsl": "^2.1.1" }, "engines": { "node": ">=8" @@ -15825,29 +16663,35 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/parse5": { - "version": "7.1.2", - "license": "MIT", - "dependencies": { - "entities": "^4.4.0" + "node_modules/patch-package/node_modules/semver": { + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", + "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", + "bin": { + "semver": "bin/semver.js" }, - "funding": { - "url": "https://github.com/inikulin/parse5?sponsor=1" + "engines": { + "node": ">=10" } }, - "node_modules/parseurl": { - "version": "1.3.3", - "license": "MIT", + "node_modules/patch-package/node_modules/yaml": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz", + "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==", + "bin": { + "yaml": "bin.mjs" + }, "engines": { - "node": ">= 0.8" + "node": ">= 14" } }, - "node_modules/pascal-case": { - "version": "3.1.2", - "license": "MIT", + "node_modules/path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha512-aXXC6s+1w7otVF9UletFkFcDsJeO7lSZBPUQhtb5O0xJe8LtYhj/GxldoL09bBj9+ZmE2hNoHqQSFMN5fikh4Q==", "dependencies": { - "no-case": "^3.0.4", - "tslib": "^2.0.3" + "process": "^0.11.1", + "util": "^0.10.3" } }, "node_modules/path-exists": { @@ -15879,6 +16723,26 @@ "version": "1.0.7", "license": "MIT" }, + "node_modules/path-scurry": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz", + "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", + "dependencies": { + "lru-cache": "^10.2.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "engines": { + "node": ">=16 || 14 >=14.18" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/path-scurry/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==" + }, "node_modules/path-to-regexp": { "version": "0.1.10", "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz", @@ -15891,6 +16755,24 @@ "node": ">=8" } }, + "node_modules/path-unified": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/path-unified/-/path-unified-0.2.0.tgz", + "integrity": "sha512-MNKqvrKbbbb5p7XHXV6ZAsf/1f/yJQa13S/fcX0uua8ew58Tgc6jXV+16JyAbnR/clgCH+euKDxrF2STxMHdrg==" + }, + "node_modules/path/node_modules/inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==" + }, + "node_modules/path/node_modules/util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "dependencies": { + "inherits": "2.0.3" + } + }, "node_modules/picocolors": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz", @@ -16140,6 +17022,22 @@ "postcss": "^8.2.2" } }, + "node_modules/postcss-calc-ast-parser": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/postcss-calc-ast-parser/-/postcss-calc-ast-parser-0.1.4.tgz", + "integrity": "sha512-CebpbHc96zgFjGgdQ6BqBy6XIUgRx1xXWCAAk6oke02RZ5nxwo9KQejTg8y7uYEeI9kv8jKQPYjoe6REsY23vw==", + "dependencies": { + "postcss-value-parser": "^3.3.1" + }, + "engines": { + "node": ">=6.5" + } + }, + "node_modules/postcss-calc-ast-parser/node_modules/postcss-value-parser": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz", + "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==" + }, "node_modules/postcss-colormin": { "version": "6.1.0", "license": "MIT", @@ -16156,6 +17054,20 @@ "postcss": "^8.4.31" } }, + "node_modules/postcss-combine-duplicated-selectors": { + "version": "10.0.3", + "resolved": "https://registry.npmjs.org/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz", + "integrity": "sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==", + "dependencies": { + "postcss-selector-parser": "^6.0.4" + }, + "engines": { + "node": "^10.0.0 || ^12.0.0 || >=14.0.0" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, "node_modules/postcss-convert-values": { "version": "6.1.0", "license": "MIT", @@ -16236,6 +17148,22 @@ "postcss": "^8.4.31" } }, + "node_modules/postcss-import": { + "version": "15.1.0", + "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", + "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", + "dependencies": { + "postcss-value-parser": "^4.0.0", + "read-cache": "^1.0.0", + "resolve": "^1.1.7" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "postcss": "^8.0.0" + } + }, "node_modules/postcss-loader": { "version": "7.3.4", "license": "MIT", @@ -16266,6 +17194,48 @@ "node": ">=10" } }, + "node_modules/postcss-map": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/postcss-map/-/postcss-map-0.11.0.tgz", + "integrity": "sha512-cgHYZrH9aAMds90upYUPhYz8xnAcRD45SwuNns/nQHONIrPQDhpwk3JLsAQGOndQxnRVXfB6nB+3WqSMy8fqlA==", + "dependencies": { + "js-yaml": "^3.12.0", + "postcss": "^7.0.2", + "reduce-function-call": "^1.0.1" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/postcss-map/node_modules/picocolors": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", + "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==" + }, + "node_modules/postcss-map/node_modules/postcss": { + "version": "7.0.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", + "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", + "dependencies": { + "picocolors": "^0.2.1", + "source-map": "^0.6.1" + }, + "engines": { + "node": ">=6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + } + }, + "node_modules/postcss-map/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/postcss-media-query-parser": { "version": "0.2.3", "dev": true, @@ -16301,6 +17271,18 @@ "postcss": "^8.4.31" } }, + "node_modules/postcss-minify": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/postcss-minify/-/postcss-minify-1.1.0.tgz", + "integrity": "sha512-9D64ueIW0DL2FdLajQTlXrnTN8Ox9NjuXqigKMmB819RhdClNPYx5Zp3i5x0ghjjy3vGrLBBYEYvJjY/1eMNbw==", + "dependencies": { + "postcss-selector-parser": "^6.0", + "postcss-value-parser": "^4.1" + }, + "peerDependencies": { + "postcss": "^8.0" + } + }, "node_modules/postcss-minify-font-values": { "version": "6.1.0", "license": "MIT", @@ -16731,6 +17713,20 @@ "node": ">= 0.8.0" } }, + "node_modules/prettier": { + "version": "3.4.2", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz", + "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==", + "bin": { + "prettier": "bin/prettier.cjs" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + }, "node_modules/pretty-error": { "version": "4.0.0", "license": "MIT", @@ -16768,6 +17764,14 @@ "dev": true, "license": "MIT" }, + "node_modules/process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==", + "engines": { + "node": ">= 0.6.0" + } + }, "node_modules/process-nextick-args": { "version": "2.0.1", "license": "MIT" @@ -17317,12 +18321,13 @@ } }, "node_modules/react-intl": { - "version": "6.6.8", - "license": "BSD-3-Clause", + "version": "6.7.0", + "resolved": "https://registry.npmjs.org/react-intl/-/react-intl-6.7.0.tgz", + "integrity": "sha512-f5QhjuKb+WEqiAbL5hDqUs2+sSRkF0vxkTbJ4A8ompt55XTyOHcrDlCXGq4o73ywFFrpgz+78C9IXegSLlya2A==", "dependencies": { "@formatjs/ecma402-abstract": "2.0.0", "@formatjs/icu-messageformat-parser": "2.7.8", - "@formatjs/intl": "2.10.4", + "@formatjs/intl": "2.10.5", "@formatjs/intl-displaynames": "6.6.8", "@formatjs/intl-listformat": "7.5.7", "@types/hoist-non-react-statics": "^3.3.1", @@ -17665,6 +18670,22 @@ "react-dom": ">=16.6.0" } }, + "node_modules/read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", + "dependencies": { + "pify": "^2.3.0" + } + }, + "node_modules/read-cache/node_modules/pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/read-pkg": { "version": "6.0.0", "dev": true, @@ -17826,6 +18847,14 @@ "node": ">=8" } }, + "node_modules/reduce-function-call": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/reduce-function-call/-/reduce-function-call-1.0.3.tgz", + "integrity": "sha512-Hl/tuV2VDgWgCSEeWMLwxLZqX7OK59eU1guxXsRKTAyeYimivsKdtcV4fu3r710tpG5GmDKDhQ0HSZLExnNmyQ==", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, "node_modules/redux": { "version": "4.0.5", "license": "MIT", @@ -18162,12 +19191,13 @@ "license": "MIT" }, "node_modules/safe-regex-test": { - "version": "1.0.3", - "license": "MIT", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz", + "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==", "dependencies": { - "call-bind": "^1.0.6", + "call-bound": "^1.0.2", "es-errors": "^1.3.0", - "is-regex": "^1.1.4" + "is-regex": "^1.2.1" }, "engines": { "node": ">= 0.4" @@ -18650,7 +19680,6 @@ }, "node_modules/slice-ansi": { "version": "4.0.0", - "dev": true, "license": "MIT", "dependencies": { "ansi-styles": "^4.0.0", @@ -18875,6 +19904,25 @@ "node": ">= 0.4" } }, + "node_modules/stream": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/stream/-/stream-0.0.3.tgz", + "integrity": "sha512-aMsbn7VKrl4A2T7QAQQbzgN7NVc70vgF5INQrBXqn4dCXN1zy3L9HGgLO5s7PExmdrzTJ8uR/27aviW8or8/+A==", + "dependencies": { + "component-emitter": "^2.0.0" + } + }, + "node_modules/stream/node_modules/component-emitter": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-2.0.0.tgz", + "integrity": "sha512-4m5s3Me2xxlVKG9PkZpQqHQR7bgpnN7joDMJ4yvVkVXngjoITG76IaZmzmywSeRTeTpc6N6r3H3+KyUurV8OYw==", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/streamx": { "version": "2.18.0", "license": "MIT", @@ -18928,6 +19976,25 @@ "node": ">=8" } }, + "node_modules/string-width-cjs": { + "name": "string-width", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==" + }, "node_modules/string-width/node_modules/emoji-regex": { "version": "8.0.0", "license": "MIT" @@ -19009,6 +20076,18 @@ "node": ">=8" } }, + "node_modules/strip-ansi-cjs": { + "name": "strip-ansi", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/strip-bom": { "version": "4.0.0", "license": "MIT", @@ -19048,6 +20127,63 @@ "version": "1.0.5", "license": "MIT" }, + "node_modules/style-dictionary": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-4.3.0.tgz", + "integrity": "sha512-bwasoBSGzIUzeZKR9HKD+qaTFzcVc3SAx+ziD41DAbDZ8OGFnfXfU3Nb3xdZb8VhxNKT21MowR5jOFvdJE9ayQ==", + "hasInstallScript": true, + "dependencies": { + "@bundled-es-modules/deepmerge": "^4.3.1", + "@bundled-es-modules/glob": "^10.4.2", + "@bundled-es-modules/memfs": "^4.9.4", + "@zip.js/zip.js": "^2.7.44", + "chalk": "^5.3.0", + "change-case": "^5.3.0", + "commander": "^8.3.0", + "is-plain-obj": "^4.1.0", + "json5": "^2.2.2", + "patch-package": "^8.0.0", + "path-unified": "^0.2.0", + "prettier": "^3.3.3", + "tinycolor2": "^1.6.0" + }, + "bin": { + "style-dictionary": "bin/style-dictionary.js" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/style-dictionary/node_modules/chalk": { + "version": "5.4.1", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz", + "integrity": "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==", + "engines": { + "node": "^12.17.0 || ^14.13 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/style-dictionary/node_modules/commander": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz", + "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==", + "engines": { + "node": ">= 12" + } + }, + "node_modules/style-dictionary/node_modules/is-plain-obj": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz", + "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/style-loader": { "version": "3.3.4", "license": "MIT", @@ -19606,6 +20742,17 @@ "version": "0.2.0", "license": "MIT" }, + "node_modules/thingies": { + "version": "1.21.0", + "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz", + "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==", + "engines": { + "node": ">=10.18" + }, + "peerDependencies": { + "tslib": "^2" + } + }, "node_modules/through": { "version": "2.3.8", "license": "MIT" @@ -19622,6 +20769,11 @@ "version": "1.0.3", "license": "MIT" }, + "node_modules/tinycolor2": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz", + "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==" + }, "node_modules/tinymce": { "version": "5.10.9", "license": "LGPL-2.1" @@ -19704,6 +20856,21 @@ "punycode": "^2.1.0" } }, + "node_modules/tree-dump": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz", + "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==", + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, "node_modules/trim-newlines": { "version": "4.1.1", "dev": true, @@ -20095,6 +21262,18 @@ "punycode": "^2.1.0" } }, + "node_modules/url": { + "version": "0.11.4", + "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz", + "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==", + "dependencies": { + "punycode": "^1.4.1", + "qs": "^6.12.3" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/url-loader": { "version": "4.1.1", "license": "MIT", @@ -20144,6 +21323,11 @@ "requires-port": "^1.0.0" } }, + "node_modules/url/node_modules/punycode": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", + "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==" + }, "node_modules/use-callback-ref": { "version": "1.3.2", "license": "MIT", @@ -20224,6 +21408,18 @@ "react": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, + "node_modules/util": { + "version": "0.12.5", + "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz", + "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==", + "dependencies": { + "inherits": "^2.0.3", + "is-arguments": "^1.0.4", + "is-generator-function": "^1.0.7", + "is-typed-array": "^1.1.3", + "which-typed-array": "^1.1.2" + } + }, "node_modules/util-deprecate": { "version": "1.0.2", "license": "MIT" @@ -20820,6 +22016,23 @@ "node": ">=8" } }, + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, "node_modules/wrappy": { "version": "1.0.2", "license": "ISC" @@ -20872,6 +22085,14 @@ "node": ">=0.10.0" } }, + "node_modules/xregexp": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-5.1.1.tgz", + "integrity": "sha512-fKXeVorD+CzWvFs7VBuKTYIW63YD1e1osxwQ8caZ6o1jg6pDAbABDG54LCIq0j5cy7PjRvGIq6sef9DYPXpncg==", + "dependencies": { + "@babel/runtime-corejs3": "^7.16.5" + } + }, "node_modules/y18n": { "version": "5.0.8", "license": "ISC", diff --git a/package.json b/package.json index 57ac9dfca0..ac7c92a013 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,8 @@ "dev": "PUBLIC_PATH=/authoring/ MFE_CONFIG_API_URL='http://localhost:8000/api/mfe_config/v1' fedx-scripts webpack-dev-server --progress --host apps.local.openedx.io", "test": "TZ=UTC fedx-scripts jest --coverage --passWithNoTests", "test:ci": "TZ=UTC fedx-scripts jest --silent --coverage --passWithNoTests", - "types": "tsc --noEmit" + "types": "tsc --noEmit", + "replace-variables": "paragon replace-variables -p src -t usage" }, "husky": { "hooks": { @@ -49,10 +50,10 @@ "@dnd-kit/utilities": "^3.2.2", "@edx/brand": "npm:@openedx/brand-openedx@^1.2.3", "@edx/browserslist-config": "1.2.0", - "@edx/frontend-component-footer": "^14.1.0", - "@edx/frontend-component-header": "^5.6.0", + "@edx/frontend-component-footer": "npm:@edunext/frontend-component-footer@14.0.0-alpha.2", + "@edx/frontend-component-header": "npm:@edunext/frontend-component-header@5.8.0-alpha.1", "@edx/frontend-enterprise-hotjar": "^2.0.0", - "@edx/frontend-platform": "^8.0.3", + "@edx/frontend-platform": "npm:@edunext/frontend-platform@8.1.2-alpha.1", "@edx/openedx-atlas": "^0.6.0", "@openedx-plugins/course-app-calculator": "file:plugins/course-apps/calculator", "@openedx-plugins/course-app-edxnotes": "file:plugins/course-apps/edxnotes", @@ -65,8 +66,8 @@ "@openedx-plugins/course-app-wiki": "file:plugins/course-apps/wiki", "@openedx-plugins/course-app-xpert_unit_summary": "file:plugins/course-apps/xpert_unit_summary", "@openedx/frontend-build": "^14.0.14", - "@openedx/frontend-plugin-framework": "^1.2.1", - "@openedx/paragon": "^22.8.1", + "@openedx/frontend-plugin-framework": "npm:@edunext/frontend-plugin-framework@1.3.0-alpha.1", + "@openedx/paragon": "^23.0.0-alpha.7", "@redux-devtools/extension": "^3.3.0", "@reduxjs/toolkit": "1.9.7", "@tanstack/react-query": "4.36.1", @@ -110,7 +111,7 @@ "yup": "0.31.1" }, "devDependencies": { - "@edx/react-unit-test-utils": "3.0.0", + "@edx/react-unit-test-utils": "npm:@edunext/react-unit-test-utils@3.0.0-alpha.1", "@edx/stylelint-config-edx": "2.3.3", "@edx/typescript-config": "^1.0.1", "@testing-library/jest-dom": "5.17.0", diff --git a/plugins/course-apps/xpert_unit_summary/settings-modal/SettingsModal.scss b/plugins/course-apps/xpert_unit_summary/settings-modal/SettingsModal.scss index 264e0c7b1a..602681ae27 100644 --- a/plugins/course-apps/xpert_unit_summary/settings-modal/SettingsModal.scss +++ b/plugins/course-apps/xpert_unit_summary/settings-modal/SettingsModal.scss @@ -1,13 +1,10 @@ -@import "~@edx/brand/paragon/variables"; -@import "~@openedx/paragon/scss/core/utilities-only"; - .summary-radio { display: flex; align-items: center; width: 100%; - border-width: $border-width; - border-color: $border-color; - border-radius: $border-radius; + border-width: var(--pgn-size-border-width); + border-color: var(--pgn-color-gray-500); + border-radius: var(--pgn-size-border-radius-base); border-style: solid; &:has(input:checked) { @@ -27,10 +24,10 @@ } .reset-units-button { - color: $link-color; - border-width: $border-width; - border-color: $border-color; - border-radius: $border-radius; + color: var(--pgn-color-info-base); + border-width: var(--pgn-size-border-width); + border-color: var(--pgn-color-gray-500); + border-radius: var(--pgn-size-border-radius-base); border-style: solid; } diff --git a/src/advanced-settings/scss/AdvancedSettings.scss b/src/advanced-settings/scss/AdvancedSettings.scss index c4252d6147..e973e11cee 100644 --- a/src/advanced-settings/scss/AdvancedSettings.scss +++ b/src/advanced-settings/scss/AdvancedSettings.scss @@ -32,7 +32,7 @@ bottom: 0; width: 100%; padding: 0 .625rem; - z-index: $zindex-modal; + z-index: var(--pgn-elevation-modal-zindex); } .alert-proctoring-error { @@ -66,13 +66,13 @@ .setting-sidebar-supplementary { .setting-sidebar-supplementary-about { .setting-sidebar-supplementary-about-title { - font: normal $font-weight-bold 1.125rem/1.5rem $font-family-base; - color: $headings-color; + font: normal var(--pgn-typography-font-weight-bold) 1.125rem/1.5rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-headings-base); margin-bottom: 1.25rem; } .setting-sidebar-supplementary-about-descriptions { - font: normal $font-weight-normal .875rem/1.5rem $font-family-base; + font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base); color: $text-color-base; } } @@ -81,16 +81,16 @@ list-style: none; .setting-sidebar-supplementary-other-link { - font: normal $font-weight-normal .875rem/1.5rem $font-family-base; + font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base); line-height: 1.5rem; - color: $info-500; + color: var(--pgn-color-info-500); margin-bottom: .5rem; } } .setting-sidebar-supplementary-other-title { - font: normal $font-weight-bold 1.125rem/1.5rem $font-family-base; - color: $headings-color; + font: normal var(--pgn-typography-font-weight-bold) 1.125rem/1.5rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-headings-base); margin-bottom: 1.25rem; } } @@ -102,7 +102,7 @@ display: inline-block; margin-right: 5px; margin-bottom: 5px; - color: $danger; + color: var(--pgn-color-danger-base); } .modal-error-item-title { @@ -113,12 +113,12 @@ .modal-popup-content { max-width: 200px; - color: $white; - background-color: $black; + color: var(--pgn-color-white); + background-color: var(--pgn-color-black); filter: drop-shadow(0 2px 4px rgba(0 0 0 / .15)); font-weight: 400; } .pgn__modal-popup__arrow::after { - border-top-color: $black; + border-top-color: var(--pgn-color-black); } diff --git a/src/advanced-settings/scss/_variables.scss b/src/advanced-settings/scss/_variables.scss index 22c26a836f..3a4d279bcb 100644 --- a/src/advanced-settings/scss/_variables.scss +++ b/src/advanced-settings/scss/_variables.scss @@ -1 +1 @@ -$text-color-base: $gray-700; +$text-color-base: var(--pgn-color-gray-700); diff --git a/src/assets/scss/_form.scss b/src/assets/scss/_form.scss index 9ca6aa170b..1fbe63e5ee 100644 --- a/src/assets/scss/_form.scss +++ b/src/assets/scss/_form.scss @@ -1,14 +1,14 @@ .form-group-custom { .pgn__form-label { - font: normal $font-weight-bold .75rem/1.25rem $font-family-base; - color: $gray-500; + font: normal var(--pgn-typography-font-weight-bold) .75rem/1.25rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-500); margin-bottom: .5rem; } .pgn__form-control-description, .pgn__form-text { - font: normal $font-weight-normal .75rem/1.25rem $font-family-base; - color: $gray-500; + font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-500); margin-top: .5rem; } @@ -19,12 +19,12 @@ .form-group-custom_isInvalid { input { - border-color: $form-feedback-invalid-color; + border-color: var(--pgn-color-form-feedback-invalid); } } .feedback-error { - color: $form-feedback-invalid-color; + color: var(--pgn-color-form-feedback-invalid); } } @@ -34,40 +34,40 @@ .datepicker-custom-control { display: block; width: 100%; - font-size: $input-font-size; - font-weight: $input-font-weight; - line-height: $input-line-height; - background: $input-bg; - border-color: $input-border-color; - border-width: $input-border-width; - box-shadow: $input-box-shadow; - border-radius: $input-border-radius; - color: $input-color; - padding: $input-padding-y $input-padding-x; - height: $input-height; + font-size: var(--pgn-typography-form-input-font-size-base); + font-weight: var(--pgn-typography-form-input-font-weight); + line-height: var(--pgn-typography-form-input-line-height-base); + background: var(--pgn-color-form-input-bg-base); + border-color: var(--pgn-color-form-input-border); + border-width: var(--pgn-size-form-input-width-border); + box-shadow: var(--pgn-elevation-form-input-base); + border-radius: var(--pgn-size-form-input-radius-border-base); + color: var(--pgn-color-form-input-base); + padding: var(--pgn-spacing-form-input-padding-y-base) var(--pgn-spacing-form-input-padding-x-base); + height: var(--pgn-size-form-input-height-base); resize: none; &:focus, :focus-visible { - color: $input-focus-color; - background-color: $input-bg; - border-color: $input-focus-border-color; - box-shadow: $input-focus-box-shadow; + color: var(--pgn-color-form-input-focus-base); + background-color: var(--pgn-color-form-input-bg-base); + border-color: var(--pgn-color-form-input-focus-border); + box-shadow: var(--pgn-elevation-form-input-focus); outline: 0; } &::placeholder { - color: $input-placeholder-color; + color: var(--pgn-color-form-input-placeholder); } } .datepicker-custom-control_readonly { border-color: transparent; - background: $input-disabled-bg; + background: var(--pgn-color-form-input-bg-disabled); } .datepicker-custom-control_isInvalid { - border-color: $form-feedback-invalid-color; + border-color: var(--pgn-color-form-feedback-invalid); } .datepicker-custom-control-icon { @@ -76,7 +76,7 @@ right: 1.188rem; top: 50%; transform: translateY(-50%); - color: $black; + color: var(--pgn-color-black); } } diff --git a/src/assets/scss/_utilities.scss b/src/assets/scss/_utilities.scss index 2caa9558e5..5d256e5e0a 100644 --- a/src/assets/scss/_utilities.scss +++ b/src/assets/scss/_utilities.scss @@ -1,5 +1,5 @@ .text-black { - color: $black; + color: var(--pgn-color-black); } .h-200px { diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss index a3f23431f6..87d094f24e 100644 --- a/src/assets/scss/_variables.scss +++ b/src/assets/scss/_variables.scss @@ -1,2 +1,2 @@ -$text-color-base: $gray-700; +$text-color-base: var(--pgn-color-gray-700); $text-color-weak: #3E3E3C; diff --git a/src/certificates/scss/Certificates.scss b/src/certificates/scss/Certificates.scss index 8ec8d23bda..76cdad4ed9 100644 --- a/src/certificates/scss/Certificates.scss +++ b/src/certificates/scss/Certificates.scss @@ -2,7 +2,7 @@ .certificates { .section-title { - color: $black; + color: var(--pgn-color-black); } .sub-header-actions { @@ -11,7 +11,7 @@ .certificate-details { .certificate-details__info { - color: $black; + color: var(--pgn-color-black); justify-content: space-between; align-items: baseline; } @@ -22,7 +22,7 @@ .certificate-details__info-paragraph-course-number { flex: 1; - color: $gray-700; + color: var(--pgn-color-gray-700); text-align: right; } } @@ -74,7 +74,7 @@ } } - @media (max-width: map-get($grid-breakpoints, "xl")) { + @media (--pgn-size-breakpoint-max-width-xl) { .signatory { display: flex; flex-direction: column; diff --git a/src/content-tags-drawer/ContentTagsCollapsible.scss b/src/content-tags-drawer/ContentTagsCollapsible.scss index 0da1ea82f1..c9e3c54ae4 100644 --- a/src/content-tags-drawer/ContentTagsCollapsible.scss +++ b/src/content-tags-drawer/ContentTagsCollapsible.scss @@ -38,7 +38,7 @@ .add-tags-button:not([disabled]):hover { background-color: transparent; - color: $info-900 !important; + color: var(--pgn-color-info-900) !important; } .react-select-add-tags__control { diff --git a/src/content-tags-drawer/ContentTagsDrawer.scss b/src/content-tags-drawer/ContentTagsDrawer.scss index 76889a4401..30a3730cac 100644 --- a/src/content-tags-drawer/ContentTagsDrawer.scss +++ b/src/content-tags-drawer/ContentTagsDrawer.scss @@ -16,7 +16,7 @@ .tags-drawer-cancel-button:hover { background-color: transparent; - color: $gray-300 !important; + color: var(--pgn-color-gray-300) !important; } .other-description { @@ -25,7 +25,7 @@ .enable-taxonomies-button:not([disabled]):hover { background-color: transparent; - color: $info-900 !important; + color: var(--pgn-color-info-900) !important; } } diff --git a/src/content-tags-drawer/ContentTagsDropDownSelector.scss b/src/content-tags-drawer/ContentTagsDropDownSelector.scss index 963e8072b0..47a2d496f2 100644 --- a/src/content-tags-drawer/ContentTagsDropDownSelector.scss +++ b/src/content-tags-drawer/ContentTagsDropDownSelector.scss @@ -7,7 +7,7 @@ &:hover { background-color: transparent; - color: $info-900 !important; + color: var(--pgn-color-info-900) !important; } } @@ -17,11 +17,11 @@ // Override indeterminate [-] (implicit) checkbox styles to match checked checkbox styles // In the future, this customizability should be implemented in paragon instead - input.pgn__form-checkbox-input { - &:indeterminate { - @extend :checked; /* stylelint-disable-line scss/at-extend-no-missing-placeholder */ - } - } + // input.pgn__form-checkbox-input { + // &:indeterminate { + // @extend :checked; /* stylelint-disable-line scss/at-extend-no-missing-placeholder */ + // } + // } } .pgn__selectable_box.taxonomy-tags-selectable-box:disabled, @@ -34,6 +34,6 @@ } .dropdown-selector-tag-actions:focus-visible { - outline: solid 2px $info-900; + outline: solid 2px var(--pgn-color-info-900); border-radius: 4px; } diff --git a/src/content-tags-drawer/TagsTree.scss b/src/content-tags-drawer/TagsTree.scss index ebb5920ca0..0864f8de44 100644 --- a/src/content-tags-drawer/TagsTree.scss +++ b/src/content-tags-drawer/TagsTree.scss @@ -9,13 +9,13 @@ &:hover { svg { - color: $gray-900; + color: var(--pgn-color-gray-900); } } &:focus-visible { border: 2px solid; - border-color: $gray-900; + border-color: var(--pgn-color-gray-900); } } } diff --git a/src/course-checklist/ChecklistSection/ChecklistSection.scss b/src/course-checklist/ChecklistSection/ChecklistSection.scss index f067970138..89405540de 100644 --- a/src/course-checklist/ChecklistSection/ChecklistSection.scss +++ b/src/course-checklist/ChecklistSection/ChecklistSection.scss @@ -13,10 +13,10 @@ .assignment-list { display: inline; - padding-inline-start: map-get($spacers, 1); + padding-inline-start: var(--pgn-spacing-spacer-1); } //complete checklist item style .checklist-item-complete { - box-shadow: -5px 0 0 0 $success-500; + box-shadow: -5px 0 0 0 var(--pgn-color-success-500); } diff --git a/src/course-outline/card-header/CardHeader.scss b/src/course-outline/card-header/CardHeader.scss index 7fcdae9de5..11e8ca074f 100644 --- a/src/course-outline/card-header/CardHeader.scss +++ b/src/course-outline/card-header/CardHeader.scss @@ -9,7 +9,7 @@ height: 1.5rem; margin-right: .25rem; background: transparent; - color: $black; + color: var(--pgn-color-black); } .item-card-edit-icon { diff --git a/src/course-outline/empty-placeholder/EmptyPlaceholder.scss b/src/course-outline/empty-placeholder/EmptyPlaceholder.scss index cf7c54ca41..2d8635751c 100644 --- a/src/course-outline/empty-placeholder/EmptyPlaceholder.scss +++ b/src/course-outline/empty-placeholder/EmptyPlaceholder.scss @@ -3,8 +3,8 @@ align-items: center; justify-content: center; gap: 1.25rem; - border: .0625rem solid $gray-200; + border: .0625rem solid var(--pgn-color-gray-200); border-radius: .375rem; - box-shadow: inset inset 0 1px .125rem 1px $gray-200; + box-shadow: inset inset 0 1px .125rem 1px var(--pgn-color-gray-200); padding: 2.5rem; } diff --git a/src/course-outline/highlights-modal/HighlightsModal.scss b/src/course-outline/highlights-modal/HighlightsModal.scss index ef991d8be2..bb8119a48a 100644 --- a/src/course-outline/highlights-modal/HighlightsModal.scss +++ b/src/course-outline/highlights-modal/HighlightsModal.scss @@ -6,7 +6,7 @@ } .form-control { - color: $black; + color: var(--pgn-color-black); } .pgn__form-control-decorator-group { diff --git a/src/course-outline/section-card/SectionCard.scss b/src/course-outline/section-card/SectionCard.scss index 6eae48677d..1674402bcf 100644 --- a/src/course-outline/section-card/SectionCard.scss +++ b/src/course-outline/section-card/SectionCard.scss @@ -2,15 +2,15 @@ flex-grow: 1; .section-card__subsections { - margin-top: $spacer; + margin-top: var(--pgn-spacing-spacer-base); } .section-card-title { - font-size: $h3-font-size; - font-family: $headings-font-family; - font-weight: $headings-font-weight; - line-height: $headings-line-height; - color: $headings-color; + font-size: var(--pgn-typography-font-size-h3-base); + font-family: var(--pgn-typography-headings-font-family); + font-weight: var(--pgn-typography-headings-font-weight); + line-height: var(--pgn-typography-headings-line-height); + color: var(--pgn-color-headings-base); } .section-card__content { diff --git a/src/course-outline/subsection-card/SubsectionCard.scss b/src/course-outline/subsection-card/SubsectionCard.scss index a4cca66283..ca91150f9c 100644 --- a/src/course-outline/subsection-card/SubsectionCard.scss +++ b/src/course-outline/subsection-card/SubsectionCard.scss @@ -2,15 +2,15 @@ flex-grow: 1; .subsection-card__units { - margin-top: $spacer; + margin-top: var(--pgn-spacing-spacer-base); } .subsection-card-title { - font-size: $h4-font-size; - font-family: $headings-font-family; - font-weight: $headings-font-weight; - line-height: $headings-line-height; - color: $headings-color; + font-size: var(--pgn-typography-font-size-h4-base); + font-family: var(--pgn-typography-headings-font-family); + font-weight: var(--pgn-typography-headings-font-weight); + line-height: var(--pgn-typography-headings-line-height); + color: var(--pgn-color-headings-base); } .subsection-card__content { diff --git a/src/course-outline/unit-card/UnitCard.scss b/src/course-outline/unit-card/UnitCard.scss index 9383d1e737..b17f39b5fc 100644 --- a/src/course-outline/unit-card/UnitCard.scss +++ b/src/course-outline/unit-card/UnitCard.scss @@ -5,10 +5,10 @@ // src/course-outline/card-header/TitleButton.jsx as // `${namePrefix}-card-title` .unit-card-title { - font-size: $h5-font-size; - font-family: $headings-font-family; - font-weight: $headings-font-weight; - line-height: $headings-line-height; - color: $headings-color; + font-size: var(--pgn-typography-font-size-h5-base); + font-family: var(--pgn-typography-headings-font-family); + font-weight: var(--pgn-typography-headings-font-weight); + line-height: var(--pgn-typography-headings-line-height); + color: var(--pgn-color-headings-base); } } diff --git a/src/course-team/add-team-member/AddTeamMember.scss b/src/course-team/add-team-member/AddTeamMember.scss index 6859a2dced..aa5b5ae1d1 100644 --- a/src/course-team/add-team-member/AddTeamMember.scss +++ b/src/course-team/add-team-member/AddTeamMember.scss @@ -2,9 +2,9 @@ display: flex; align-items: center; justify-content: space-between; - border: .0625rem solid $gray-200; + border: .0625rem solid var(--pgn-color-gray-200); border-radius: .375rem; - box-shadow: inset inset 0 1px .125rem 1px $gray-200; + box-shadow: inset inset 0 1px .125rem 1px var(--pgn-color-gray-200); padding: 1.25rem 1.875rem; .add-team-member-info { @@ -12,6 +12,6 @@ } .add-team-member-title { - font-size: $spacer; + font-size: var(--pgn-spacing-spacer-base); } } diff --git a/src/course-team/add-user-form/AddUserForm.scss b/src/course-team/add-user-form/AddUserForm.scss index 0286372cae..ca15da84f0 100644 --- a/src/course-team/add-user-form/AddUserForm.scss +++ b/src/course-team/add-user-form/AddUserForm.scss @@ -1,11 +1,11 @@ .add-user-form { display: flex; flex-direction: column; - border: .0625rem solid $gray-200; + border: .0625rem solid var(--pgn-color-gray-200); border-radius: .375rem; - box-shadow: 0 1px 1px $gray-200; + box-shadow: 0 1px 1px var(--pgn-color-gray-200); margin-bottom: 1.25rem; - background-color: $white; + background-color: var(--pgn-color-white); .form-title { font-size: 1.5rem; @@ -14,7 +14,7 @@ .form-field { padding: 1.25rem 1.875rem; - margin-bottom: $spacer; + margin-bottom: var(--pgn-spacing-spacer-base); .pgn__form-group { margin-bottom: 0; @@ -31,12 +31,12 @@ } .form-helper-text { - font-size: $font-size-xs; + font-size: var(--pgn-typography-font-size-xs); } .pgn__action-row { - padding: $spacer 1.875rem; - border-top: .0625rem solid $gray-200; + padding: var(--pgn-spacing-spacer-base) 1.875rem; + border-top: .0625rem solid var(--pgn-color-gray-200); justify-content: flex-start; } } diff --git a/src/course-team/course-team-member/CourseTeamMember.scss b/src/course-team/course-team-member/CourseTeamMember.scss index 61969a3cfb..00ca7f8c90 100644 --- a/src/course-team/course-team-member/CourseTeamMember.scss +++ b/src/course-team/course-team-member/CourseTeamMember.scss @@ -8,10 +8,10 @@ justify-content: space-between; position: relative; padding: 1.563rem 1.875rem 1.25rem; - background-color: $white; - border: .0625rem solid $gray-200; + background-color: var(--pgn-color-white); + border: .0625rem solid var(--pgn-color-gray-200); border-radius: .375rem; - box-shadow: 0 1px 1px $gray-200; + box-shadow: 0 1px 1px var(--pgn-color-gray-200); &:not(:last-child) { margin-bottom: 1.25rem; @@ -41,12 +41,12 @@ .member-hint { width: 45%; margin-right: 3.875rem; - color: $gray-300; - font-size: $font-size-sm; + color: var(--pgn-color-gray-300); + font-size: var(--pgn-typography-font-size-sm); } .member-actions { display: flex; - gap: $spacer; + gap: var(--pgn-spacing-spacer-base); } } diff --git a/src/course-unit/add-component/AddComponent.scss b/src/course-unit/add-component/AddComponent.scss index afb97fafd0..7bbb6ccdce 100644 --- a/src/course-unit/add-component/AddComponent.scss +++ b/src/course-unit/add-component/AddComponent.scss @@ -4,8 +4,6 @@ } .add-component-button { - @include pgn-box-shadow(1, "down"); - width: 11.63rem; height: 6.875rem; } diff --git a/src/course-unit/course-sequence/CourseSequence.scss b/src/course-unit/course-sequence/CourseSequence.scss index 9a0a34004c..01ab759a42 100644 --- a/src/course-unit/course-sequence/CourseSequence.scss +++ b/src/course-unit/course-sequence/CourseSequence.scss @@ -12,10 +12,10 @@ flex-grow: 1; position: relative; white-space: nowrap; - color: $gray-700; + color: var(--pgn-color-gray-700); &.btn-primary { - color: $white; + color: var(--pgn-color-white); } &:focus { @@ -50,13 +50,13 @@ text-align: left; overflow: hidden; min-width: 0; - margin: map-get($spacers, 0) $spacer; + margin: var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base); text-overflow: ellipsis; } &.btn-primary { - background-color: $primary-500; - color: $white; + background-color: var(--pgn-color-primary-500); + color: var(--pgn-color-white); } } } @@ -69,15 +69,15 @@ .sequence-navigation-prev-btn, .sequence-navigation-next-btn { - @media (max-width: -1 + map-get($grid-breakpoints, "sm")) { + @media (--pgn-size-breakpoint-max-width-xs) { min-width: fit-content; - padding-top: $spacer; - padding-bottom: $spacer; + padding-top: var(--pgn-spacing-spacer-base); + padding-bottom: var(--pgn-spacing-spacer-base); } - @media (min-width: map-get($grid-breakpoints, "sm")) { - padding-left: map-get($spacers, 4\.5); - padding-right: map-get($spacers, 4\.5); + @media (--pgn-size-breakpoint-min-width-sm) { + padding-left: var(--pgn-spacing-spacer-4-5); + padding-right: var(--pgn-spacing-spacer-4-5); } } } diff --git a/src/course-unit/course-xblock/CourseXBlock.scss b/src/course-unit/course-xblock/CourseXBlock.scss index 4ae9f6dab1..2f1af7f88c 100644 --- a/src/course-unit/course-xblock/CourseXBlock.scss +++ b/src/course-unit/course-xblock/CourseXBlock.scss @@ -7,8 +7,8 @@ .pgn__card-header { display: flex; justify-content: space-between; - border-bottom: 1px solid $light-400; - padding-bottom: map-get($spacers, 2); + border-bottom: 1px solid var(--pgn-color-light-400); + padding-bottom: var(--pgn-spacing-spacer-2); &:not(:has(.pgn__card-header-subtitle-md)) { align-items: center; @@ -17,16 +17,16 @@ .pgn__card-header-subtitle-md { margin-top: 0; - font-size: $font-size-sm; + font-size: var(--pgn-typography-font-size-sm); } .pgn__card-header-title-md { - font: 700 1.375rem/1.75rem $font-family-sans-serif; - color: $black; + font: 700 1.375rem/1.75rem var(--pgn-typography-font-family-sans-serif); + color: var(--pgn-color-black); } .pgn__card-section { - padding: map-get($spacers, 3\.5) 0; + padding: var(--pgn-spacing-spacer-3-5) 0; } } diff --git a/src/course-unit/header-title/HeaderTitle.scss b/src/course-unit/header-title/HeaderTitle.scss index 753c3b7184..d191b1cfe2 100644 --- a/src/course-unit/header-title/HeaderTitle.scss +++ b/src/course-unit/header-title/HeaderTitle.scss @@ -1,4 +1,4 @@ .header-title__visibility-message { - font-size: $font-size-sm; - font-weight: $font-weight-normal; + font-size: var(--pgn-typography-font-size-sm); + font-weight: var(--pgn-typography-font-weight-normal); } diff --git a/src/course-unit/sidebar/Sidebar.scss b/src/course-unit/sidebar/Sidebar.scss index f60bfe0879..066821c0de 100644 --- a/src/course-unit/sidebar/Sidebar.scss +++ b/src/course-unit/sidebar/Sidebar.scss @@ -1,29 +1,29 @@ %base-font-params { - font-size: $font-size-sm; - line-height: $line-height-base; + font-size: var(--pgn-typography-font-size-sm); + line-height: var(--pgn-typography-line-height-base); } .course-unit-sidebar { .course-unit-sidebar-header { - padding: $spacer $spacer map-get($spacers, 3\.5); + padding: var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-3-5); .course-unit-sidebar-header-icon { - margin-right: map-get($spacers, 1); + margin-right: var(--pgn-spacing-spacer-1); } .course-unit-sidebar-header-title { - font-size: $font-size-base; - line-height: $line-height-base; + font-size: var(--pgn-typography-font-size-base); + line-height: var(--pgn-typography-line-height-base); } } .course-unit-sidebar-footer { - padding: 0 $spacer $spacer; + padding: 0 var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base); .course-unit-sidebar-visibility { .course-unit-sidebar-visibility-title { - font-weight: $font-weight-normal; - color: $gray-700; + font-weight: var(--pgn-typography-font-weight-normal); + color: var(--pgn-color-gray-700); @extend %base-font-params; } @@ -33,46 +33,46 @@ } .course-unit-sidebar-location-description { - font-size: $font-size-xs; - line-height: $line-height-base; + font-size: var(--pgn-typography-font-size-xs); + line-height: var(--pgn-typography-line-height-base); word-break: break-word; } .course-unit-sidebar-visibility-copy { - font-weight: $font-weight-bold; - color: $gray-700; + font-weight: var(--pgn-typography-font-weight-bold); + color: var(--pgn-color-gray-700); @extend %base-font-params; } .course-unit-sidebar-visibility-checkbox .pgn__form-label { - font-size: $font-size-sm; - line-height: $headings-line-height; + font-size: var(--pgn-typography-font-size-sm); + line-height: var(--pgn-typography-headings-line-height); } } .course-unit-sidebar-footer__divider { - margin: map-get($spacers, 3\.5) map-get($spacers, 0) map-get($spacers, 3\.5); + margin: var(--pgn-spacing-spacer-3-5) var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-3-5); } .course-unit-sidebar-footer__discard-changes__btn + .course-unit-sidebar-footer__divider { - margin: map-get($spacers, 2) map-get($spacers, 0) map-get($spacers, 3\.5); + margin: var(--pgn-spacing-spacer-2) var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-3-5); } } .course-unit-sidebar-date { - padding: 0 $spacer $spacer; + padding: 0 var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base); @extend %base-font-params; .course-unit-sidebar-date-stage { - font-weight: $font-weight-normal; + font-weight: var(--pgn-typography-font-weight-normal); @extend %base-font-params; } .course-unit-sidebar-date-timestamp { - color: $gray-700; + color: var(--pgn-color-gray-700); @extend %base-font-params; } diff --git a/src/course-updates/CourseUpdates.scss b/src/course-updates/CourseUpdates.scss index 72a9ff7ab6..e07cc9f04b 100644 --- a/src/course-updates/CourseUpdates.scss +++ b/src/course-updates/CourseUpdates.scss @@ -3,18 +3,17 @@ @import "./update-form/UpdateForm"; .updates-container { - @include pgn-box-shadow(1, "centered"); - + box-shadow: var(--pgn-elevation-box-shadow-centered-1); display: grid; grid-template-columns: 65% 35%; - border: .0625rem solid $gray-200; + border: .0625rem solid var(--pgn-color-gray-200); border-radius: .375rem; - background: $white; + background: var(--pgn-color-white); overflow: hidden; } .updates-handouts-container { - border-left: .0625rem solid $gray-200; + border-left: .0625rem solid var(--pgn-color-gray-200); padding: 1.875rem; - background: $white; + background: var(--pgn-color-white); } diff --git a/src/course-updates/course-handouts/CourseHandouts.scss b/src/course-updates/course-handouts/CourseHandouts.scss index 731ddae5d9..b3785a9442 100644 --- a/src/course-updates/course-handouts/CourseHandouts.scss +++ b/src/course-updates/course-handouts/CourseHandouts.scss @@ -2,11 +2,11 @@ .course-handouts-header { display: flex; justify-content: space-between; - margin-bottom: $spacer; + margin-bottom: var(--pgn-spacing-spacer-base); .course-handouts-header__title { font-weight: 300; - color: $gray-800; + color: var(--pgn-color-gray-800); } .course-handouts-header__btn { diff --git a/src/course-updates/course-update/CourseUpdate.scss b/src/course-updates/course-update/CourseUpdate.scss index 43f98bdfa1..ab9a1c1b74 100644 --- a/src/course-updates/course-update/CourseUpdate.scss +++ b/src/course-updates/course-update/CourseUpdate.scss @@ -2,7 +2,7 @@ &:not(:first-child) { padding-top: 1.875rem; margin-top: 1.875rem; - border-top: 1px solid $light-400; + border-top: 1px solid var(--pgn-color-light-400); } .course-update-header { @@ -22,7 +22,7 @@ gap: .25rem; svg { - color: $warning-300; + color: var(--pgn-color-warning-300); } } diff --git a/src/course-updates/update-form/UpdateForm.scss b/src/course-updates/update-form/UpdateForm.scss index a7a0ad0d15..008e6f35cc 100644 --- a/src/course-updates/update-form/UpdateForm.scss +++ b/src/course-updates/update-form/UpdateForm.scss @@ -1,16 +1,15 @@ .update-form { - @include pgn-box-shadow(1, "centered"); - - border: .0625rem solid $gray-200; + box-shadow: var(--pgn-elevation-box-shadow-centered-1); + border: .0625rem solid var(--pgn-color-gray-200); border-radius: .375rem; - background: $white; - margin-bottom: map-get($spacers, 4); - padding: $spacer 1.875rem; + background: var(--pgn-color-white); + margin-bottom: var(--pgn-spacing-spacer-4); + padding: var(--pgn-spacing-spacer-base) 1.875rem; .update-form-title { font-size: 1.5rem; font-weight: 600; - margin-bottom: $spacer; + margin-bottom: var(--pgn-spacing-spacer-base); } .datepicker-field { @@ -25,7 +24,7 @@ top: -.625rem; left: .3125rem; z-index: 9; - background-color: $white; + background-color: var(--pgn-color-white); } .datepicker-field-error { @@ -35,7 +34,7 @@ } .react-datepicker-popper { - z-index: $zindex-dropdown; + z-index: var(--pgn-elevation-dropdown-zindex); } } } @@ -43,8 +42,8 @@ .update-form__inner { margin-bottom: 0; margin-top: 1.875rem; - padding: map-get($spacers, 4) 0 0; - border-top: .0625rem solid $light-400; + padding: --pgn-spacing-spacer-4 0 0; + border-top: .0625rem solid var(--pgn-color-light-400); border-bottom: none; border-left: none; border-right: none; diff --git a/src/editors/sharedComponents/CodeEditor/index.scss b/src/editors/sharedComponents/CodeEditor/index.scss index e24ef75397..a179844788 100644 --- a/src/editors/sharedComponents/CodeEditor/index.scss +++ b/src/editors/sharedComponents/CodeEditor/index.scss @@ -1,2 +1,2 @@ .cm-editor { height: 100% } -.cm-scroller { overflow: auto } \ No newline at end of file +.cm-scroller { overflow: auto } diff --git a/src/editors/sharedComponents/SelectableBox/index.scss b/src/editors/sharedComponents/SelectableBox/index.scss index 1038286af2..35d24dfd7a 100644 --- a/src/editors/sharedComponents/SelectableBox/index.scss +++ b/src/editors/sharedComponents/SelectableBox/index.scss @@ -3,7 +3,7 @@ .pgn__selectable_box-set { display: grid; grid-auto-rows: 1fr; - grid-gap: $selectable-box-space; + grid-gap: var(--pgn-spacing-selectable-box-box-space); @for $i from $min-cols-number through $max-cols-number { &.pgn__selectable_box-set--#{$i} { @@ -19,21 +19,21 @@ .pgn__selectable_box { position: relative; height: 100%; - padding: $selectable-box-padding; - box-shadow: $level-1-box-shadow; - border-radius: $selectable-box-border-radius; + padding: var(--pgn-spacing-selectable-box-padding); + box-shadow: var(--pgn-elevation-box-shadow-level-1); + border-radius: var(--pgn-spacing-selectable-box-border-radius); text-align: start; - background: $white; + background: var(--pgn-color-white); &:focus-visible { - outline: 1px solid $primary-700; + outline: 1px solid var(--pgn-color-primary-700); } .pgn__form-radio, .pgn__form-checkbox { position: absolute; - top: $selectable-box-padding; - inset-inline-end: $selectable-box-padding; + top: var(--pgn-spacing-selectable-box-padding); + inset-inline-end: var(--pgn-spacing-selectable-box-padding); input { margin-inline-end: 0; @@ -46,9 +46,9 @@ } .pgn__selectable_box-active { - outline: 2px solid $primary-500; + outline: 2px solid var(--pgn-color-primary-500); } .pgn__selectable_box-invalid { - outline: 2px solid $danger-300; + outline: 2px solid var(--pgn-color-danger-300); } diff --git a/src/files-and-videos/index.scss b/src/files-and-videos/index.scss index 0af5102913..94651e9b71 100644 --- a/src/files-and-videos/index.scss +++ b/src/files-and-videos/index.scss @@ -14,7 +14,7 @@ } .pgn__data-table-wrapper { - background-color: $light-200; + background-color: var(--pgn-color-light-200); box-shadow: 0 0 0; .pgn__data-table-status-bar { @@ -45,8 +45,7 @@ overflow-x: hidden; max-height: 500px; width: 321px; - - @include pgn-box-shadow(2, "down"); + box-shadow: var(--pgn-elevation-box-shadow-down-2); .pgn__menu-item { width: 100%; @@ -54,7 +53,7 @@ font-weight: 400; &:hover { - background-color: $light-300; + background-color: var(--pgn-color-light-300); } } } diff --git a/src/files-and-videos/videos-page/info-sidebar/transcript-item/LanguageSelect.scss b/src/files-and-videos/videos-page/info-sidebar/transcript-item/LanguageSelect.scss index e42eb28a11..9e893d971f 100644 --- a/src/files-and-videos/videos-page/info-sidebar/transcript-item/LanguageSelect.scss +++ b/src/files-and-videos/videos-page/info-sidebar/transcript-item/LanguageSelect.scss @@ -4,8 +4,7 @@ overflow-x: hidden; max-height: 275px; width: 300px; - - @include pgn-box-shadow(2, "down"); + box-shadow: var(--pgn-elevation-box-shadow-down-2); .pgn__menu-item { width: 100%; @@ -13,7 +12,7 @@ font-weight: 400; &:hover { - background-color: $light-300; + background-color: var(--pgn-color-light-300); } .pgn__menu-item-text { diff --git a/src/files-and-videos/videos-page/info-sidebar/transcript-item/TranscriptMenu.scss b/src/files-and-videos/videos-page/info-sidebar/transcript-item/TranscriptMenu.scss index 5a21a8d129..3b4a2f77a8 100644 --- a/src/files-and-videos/videos-page/info-sidebar/transcript-item/TranscriptMenu.scss +++ b/src/files-and-videos/videos-page/info-sidebar/transcript-item/TranscriptMenu.scss @@ -2,8 +2,7 @@ padding: 8px 0; margin: 0; width: 250px; - - @include pgn-box-shadow(2, "down"); + box-shadow: var(--pgn-elevation-box-shadow-down-2); .pgn__menu-item { width: 100%; @@ -11,7 +10,7 @@ font-weight: 400; &:hover { - background-color: $light-300; + background-color: var(--pgn-color-light-300); } } } diff --git a/src/generic/WysiwygEditor.scss b/src/generic/WysiwygEditor.scss index 06a1226583..745cf2b635 100644 --- a/src/generic/WysiwygEditor.scss +++ b/src/generic/WysiwygEditor.scss @@ -1,5 +1,5 @@ .tox-dialog-wrap__backdrop { - background-color: $black !important; + background-color: var(--pgn-color-black) !important; opacity: .5; - z-index: $zindex-modal-backdrop; + z-index: var(--pgn-elevation-modal-backdrop-zindex); } diff --git a/src/generic/block-type-utils/index.scss b/src/generic/block-type-utils/index.scss index 713509c0ba..34fbbd5aee 100644 --- a/src/generic/block-type-utils/index.scss +++ b/src/generic/block-type-utils/index.scss @@ -17,7 +17,7 @@ &:hover, &:active, &:focus { background-color: lighten(#005C9E, 20%); - border: 1px solid $primary; + border: 1px solid var(--pgn-color-primary-base); margin: -1px; } } @@ -42,7 +42,7 @@ &:hover, &:active, &:focus { background-color: lighten(#9747FF, 20%); - border: 1px solid $primary; + border: 1px solid var(--pgn-color-primary-base); margin: -1px; } } @@ -67,7 +67,7 @@ &:hover, &:active, &:focus { background-color: lighten(#FFCD29, 20%); - border: 1px solid $primary; + border: 1px solid var(--pgn-color-primary-base); margin: -1px; } } @@ -92,7 +92,7 @@ &:hover, &:active, &:focus { background-color: lighten(#358F0A, 20%); - border: 1px solid $primary; + border: 1px solid var(--pgn-color-primary-base); margin: -1px; } } @@ -117,7 +117,7 @@ &:hover, &:active, &:focus { background-color: lighten(#0B8E77, 20%); - border: 1px solid $primary; + border: 1px solid var(--pgn-color-primary-base); margin: -1px; } } @@ -142,7 +142,7 @@ &:hover, &:active, &:focus { background-color: lighten(#646464, 20%); - border: 1px solid $primary; + border: 1px solid var(--pgn-color-primary-base); margin: -1px; } } diff --git a/src/generic/clipboard/paste-component/PasteComponent.scss b/src/generic/clipboard/paste-component/PasteComponent.scss index c68ed4e4c6..af6d3b035e 100644 --- a/src/generic/clipboard/paste-component/PasteComponent.scss +++ b/src/generic/clipboard/paste-component/PasteComponent.scss @@ -10,7 +10,7 @@ } .whats-in-clipboard-text { - font-size: $font-size-sm; + font-size: var(--pgn-typography-font-size-sm); } } @@ -35,9 +35,9 @@ .clipboard-popover-detail-block-type { display: block; - font-size: $font-size-sm; + font-size: var(--pgn-typography-font-size-sm); line-height: 1.313rem; - color: $gray-700; + color: var(--pgn-color-gray-700); } .clipboard-popover-detail-course-name { diff --git a/src/generic/course-stepper/CouseStepper.scss b/src/generic/course-stepper/CouseStepper.scss index 868f1c6f89..fcea339798 100644 --- a/src/generic/course-stepper/CouseStepper.scss +++ b/src/generic/course-stepper/CouseStepper.scss @@ -1,12 +1,12 @@ .course-stepper { .course-stepper__step { display: flex; - gap: $spacer; + gap: var(--pgn-spacing-spacer-base); padding: 1.25rem 0; opacity: .5; &:not(:last-child) { - border-bottom: 1px solid $gray-200; + border-bottom: 1px solid var(--pgn-color-gray-200); } .course-stepper__step-icon { @@ -35,7 +35,7 @@ .course-stepper__step-description { margin: 0; font-size: 1rem; - color: $gray-400; + color: var(--pgn-color-gray-400); } } @@ -52,7 +52,7 @@ & svg, .course-stepper__step-title { - color: $success-500; + color: var(--pgn-color-success-500); } } @@ -62,7 +62,7 @@ .course-stepper__step-title, .course-stepper__step-description, & svg { - color: $danger-300; + color: var(--pgn-color-danger-300); } } } diff --git a/src/generic/course-upload-image/CourseUploadImage.scss b/src/generic/course-upload-image/CourseUploadImage.scss index 966f592be7..f7a29dfa7a 100644 --- a/src/generic/course-upload-image/CourseUploadImage.scss +++ b/src/generic/course-upload-image/CourseUploadImage.scss @@ -1,14 +1,12 @@ .image-preview { - @include pgn-box-shadow(1, "down"); - display: block; width: 23.4375rem; height: 12.5rem; overflow: hidden; margin: 0 auto; - border: .0625rem solid $gray-300; + border: .0625rem solid var(--pgn-color-gray-300); padding: .625rem; - background: $white; + background: var(--pgn-color-white); img { display: block; @@ -21,6 +19,6 @@ text-align: center; .pgn__dropzone { - background: $white; + background: var(--pgn-color-white); } } diff --git a/src/generic/create-or-rerun-course/CreateOrRerunCourseForm.scss b/src/generic/create-or-rerun-course/CreateOrRerunCourseForm.scss index 5894c96ad2..95897e760c 100644 --- a/src/generic/create-or-rerun-course/CreateOrRerunCourseForm.scss +++ b/src/generic/create-or-rerun-course/CreateOrRerunCourseForm.scss @@ -1,12 +1,12 @@ .create-or-rerun-course-form { .form-group-custom { &:not(:last-child) { - margin-bottom: $spacer; + margin-bottom: var(--pgn-spacing-spacer-base); } .pgn__form-label { - font: normal 1.125rem/1.75rem $font-family-base; - color: $gray-700; + font: normal 1.125rem/1.75rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-700); margin-bottom: .25rem; } diff --git a/src/generic/divider/Divider.scss b/src/generic/divider/Divider.scss index b78206689d..32f8934a82 100644 --- a/src/generic/divider/Divider.scss +++ b/src/generic/divider/Divider.scss @@ -1,5 +1,5 @@ .divider { - border-top: $border-width solid $light-400; + border-top: var(--pgn-size-border-width) solid var(--pgn-color-light-400); height: 0; - margin: $spacer map-get($spacers, 0); + margin: var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base); } diff --git a/src/generic/help-sidebar/HelpSidebar.scss b/src/generic/help-sidebar/HelpSidebar.scss index 26f08f2e9a..c4b24300fd 100644 --- a/src/generic/help-sidebar/HelpSidebar.scss +++ b/src/generic/help-sidebar/HelpSidebar.scss @@ -1,17 +1,17 @@ .help-sidebar { .help-sidebar-about { .help-sidebar-about-title { - color: $black; + color: var(--pgn-color-black); margin-bottom: 1.25rem; } .help-sidebar-about-descriptions { - font: normal $font-weight-normal .875rem/1.5rem $font-family-base; + font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base); color: $text-color-base; } .help-sidebar-about-link { - font: normal $font-weight-normal .875rem/1.5rem $font-family-base; + font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base); } } @@ -20,15 +20,15 @@ } .help-sidebar-other-title { - font: normal $font-weight-bold 1.125rem/1.5rem $font-family-base; - color: $black; + font: normal var(--pgn-typography-font-weight-bold) 1.125rem/1.5rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-black); margin-bottom: 1.25rem; } .sidebar-link { - font: normal $font-weight-normal .875rem/1.5rem $font-family-base; + font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base); line-height: 1.5rem; - color: $info-500; + color: var(--pgn-color-info-500); margin-bottom: .5rem; } } diff --git a/src/generic/modal-dropzone/ModalDropzone.scss b/src/generic/modal-dropzone/ModalDropzone.scss index e5283f38c8..dbb64e35a1 100644 --- a/src/generic/modal-dropzone/ModalDropzone.scss +++ b/src/generic/modal-dropzone/ModalDropzone.scss @@ -7,7 +7,7 @@ min-height: 300px; .pgn__dropzone { - background: $white; + background: var(--pgn-color-white); height: 100%; min-height: 18.75rem; } diff --git a/src/generic/processing-notification/ProccessingNotification.scss b/src/generic/processing-notification/ProccessingNotification.scss index 455c16a407..0b92c35147 100644 --- a/src/generic/processing-notification/ProccessingNotification.scss +++ b/src/generic/processing-notification/ProccessingNotification.scss @@ -11,5 +11,5 @@ .toast-container { right: 1.25rem; left: unset; - z-index: $zindex-popover; + z-index: var(--pgn-elevation-popover-zindex); } diff --git a/src/generic/section-sub-header/SectionSubHeader.scss b/src/generic/section-sub-header/SectionSubHeader.scss index fc341029e3..cceb85fd8a 100644 --- a/src/generic/section-sub-header/SectionSubHeader.scss +++ b/src/generic/section-sub-header/SectionSubHeader.scss @@ -3,10 +3,10 @@ justify-content: space-between; align-items: center; margin-bottom: .75rem; - border-bottom: $border-width solid $light-400; + border-bottom: var(--pgn-size-border-width) solid var(--pgn-color-light-400); h2 { - color: $black; + color: var(--pgn-color-black); margin-bottom: .75rem; } } diff --git a/src/generic/sub-header/SubHeader.scss b/src/generic/sub-header/SubHeader.scss index dc76222220..ea3029b671 100644 --- a/src/generic/sub-header/SubHeader.scss +++ b/src/generic/sub-header/SubHeader.scss @@ -1,6 +1,6 @@ .sub-header { display: flex; - gap: map-get($spacers, 4\.5); + gap: var(--pgn-spacing-spacer-4-5); .sub-header-actions { margin-bottom: 1.75rem; @@ -9,25 +9,25 @@ } .sub-header-title { - font: normal $font-weight-bold 2rem/2.25rem $font-family-base; - color: $black; + font: normal var(--pgn-typography-font-weight-bold) 2rem/2.25rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-black); .sub-header-title-subtitle, .sub-header-breadcrumbs { - font: normal $font-weight-normal .875rem/1.5rem $font-family-base; + font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base); display: block; color: $text-color-base; } } .sub-header-content-title { - font: normal $font-weight-normal 1.375rem/1.5 $font-family-base; + font: normal var(--pgn-typography-font-weight-normal) 1.375rem/1.5 var(--pgn-typography-font-family-base); margin-bottom: 0; - color: $black; + color: var(--pgn-color-black); } .sub-header-instructions { - font: normal $font-weight-normal .875rem/1.5rem $font-family-base; + font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base); color: $text-color-base; } diff --git a/src/grading-settings/assignment-section/AssignmentSection.scss b/src/grading-settings/assignment-section/AssignmentSection.scss index 69d17c3aee..2b73f97f0a 100644 --- a/src/grading-settings/assignment-section/AssignmentSection.scss +++ b/src/grading-settings/assignment-section/AssignmentSection.scss @@ -1,8 +1,8 @@ .course-grading-assignment-wrapper { - background-color: $white; - padding: map-get($spacers, 4); + background-color: var(--pgn-color-white); + padding: var(--pgn-spacing-spacer-4); text-align: right; - border: 1px solid $light-700; + border: 1px solid var(--pgn-color-light-700); .course-grading-assignment-items { list-style: none; @@ -33,8 +33,8 @@ .course-grading-assignment-item-alert-warning { .alert-heading { - font-size: $alert-font-size; - line-height: $alert-line-height; + font-size: var(--pgn-typography-alert-font-size); + line-height: var(--pgn-typography-alert-line-height); } .course-grading-assignment-item-alert-warning-list-label { @@ -51,8 +51,8 @@ } .course-grading-assignment-item-alert-success .alert-heading { - font-size: $alert-font-size; - line-height: $alert-line-height; + font-size: var(--pgn-typography-alert-font-size); + line-height: var(--pgn-typography-alert-line-height); margin-bottom: 0; } } diff --git a/src/grading-settings/grading-scale/GradingScale.scss b/src/grading-settings/grading-scale/GradingScale.scss index 305489d2a5..9c85b8c91e 100644 --- a/src/grading-settings/grading-scale/GradingScale.scss +++ b/src/grading-settings/grading-scale/GradingScale.scss @@ -2,19 +2,19 @@ display: flex; margin-top: 1.5rem; align-items: center; - margin-bottom: map-get($spacers, 6); + margin-bottom: var(--pgn-spacing-spacer-6); .grading-scale-segments-and-ticks { display: inline-block; height: 3.125rem; width: 100%; - border: 1px solid $black; + border: 1px solid var(--pgn-color-black); .grading-scale-tick { .grading-scale-tick-number { position: absolute; font-size: .6rem; - color: $black; + color: var(--pgn-color-black); top: 100%; transform: translate(-50%, 1.2rem); white-space: nowrap; @@ -24,7 +24,7 @@ content: ""; position: absolute; left: 0; - background-color: $gray-400; + background-color: var(--pgn-color-gray-400); height: .3125rem; width: .125rem; transform: translate(-50%, .7rem); @@ -39,10 +39,10 @@ height: 100%; padding: 0 .4375rem; width: .625rem; - z-index: $zindex-dropdown !important; + z-index: var(--pgn-elevation-dropdown-zindex) !important; &:disabled { - color: $black; + color: var(--pgn-color-black); } } @@ -69,7 +69,7 @@ } .grading-scale-segment-btn-remove { - font: normal $font-weight-normal .6875rem/1 $font-family-base; + font: normal var(--pgn-typography-font-weight-normal) .6875rem/1 var(--pgn-typography-font-family-base); display: none; position: absolute; top: -1.5625rem; @@ -90,7 +90,7 @@ } .grading-scale-segment-content-title { - font: normal $font-weight-semi-bold 1rem/1 $font-family-base; + font: normal var(--pgn-typography-font-weight-semi-bold) 1rem/1 var(--pgn-typography-font-family-base); border: none; outline: none; background-color: transparent; @@ -99,16 +99,16 @@ text-align: end; &:disabled { - color: $black; + color: var(--pgn-color-black); } } .grading-scale-segment-content-number { - font: normal $font-weight-normal .75rem/1 $font-family-base; - color: $black; + font: normal var(--pgn-typography-font-weight-normal) .75rem/1 var(--pgn-typography-font-family-base); + color: var(--pgn-color-black); &:disabled { - color: $black; + color: var(--pgn-color-black); } } } diff --git a/src/grading-settings/scss/GradingSettings.scss b/src/grading-settings/scss/GradingSettings.scss index 0de7790900..f265177091 100644 --- a/src/grading-settings/scss/GradingSettings.scss +++ b/src/grading-settings/scss/GradingSettings.scss @@ -8,12 +8,12 @@ } .grading-label { - font: normal $font-weight-bold .75rem/1.25rem $font-family-base; - color: $gray-500; + font: normal var(--pgn-typography-font-weight-bold) .75rem/1.25rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-500); } .grading-description { - font: normal .75rem/1.5rem $font-family-base; - color: $gray-700; + font: normal .75rem/1.5rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-700); } } diff --git a/src/group-configurations/GroupConfigurations.scss b/src/group-configurations/GroupConfigurations.scss index 6faa08f315..27ea5a7d92 100644 --- a/src/group-configurations/GroupConfigurations.scss +++ b/src/group-configurations/GroupConfigurations.scss @@ -13,12 +13,10 @@ } .configuration-card { - @include pgn-box-shadow(1, "down"); - - background: $white; + background: var(--pgn-color-white); border-radius: .375rem; - padding: map-get($spacers, 4); - margin-bottom: map-get($spacers, 4); + padding: var(--pgn-spacing-spacer-4); + margin-bottom: var(--pgn-spacing-spacer-4); .configuration-card-header { display: flex; @@ -30,7 +28,7 @@ align-items: flex-start; padding: 0; height: auto; - color: $black; + color: var(--pgn-color-black); &:focus::before { display: none; @@ -38,8 +36,8 @@ .pgn__icon { display: inline-block; - margin-right: map-get($spacers, 1); - margin-bottom: map-get($spacers, 2\.5); + margin-right: var(--pgn-spacing-spacer-1); + margin-bottom: var(--pgn-spacing-spacer-2-5); } .pgn__hstack { @@ -55,25 +53,25 @@ text-align: left; h3 { - margin-bottom: map-get($spacers, 2); + margin-bottom: var(--pgn-spacing-spacer-2); } } .configuration-card-header__badge { display: flex; - padding: .125rem map-get($spacers, 2); + padding: .125rem var(--pgn-spacing-spacer-2); justify-content: center; align-items: center; - border-radius: $border-radius; - border: .063rem solid $light-300; - background: $white; + border-radius: var(--pgn-size-border-radius-base); + border: .063rem solid var(--pgn-color-light-300); + background: var(--pgn-color-white); &:first-child { - margin-left: map-get($spacers, 2\.5); + margin-left: var(--pgn-spacing-spacer-2-5); } & span:last-child { - color: $primary-700; + color: var(--pgn-color-primary-700); } } @@ -83,18 +81,18 @@ } .configuration-card-content { - margin: 0 map-get($spacers, 2) 0 map-get($spacers, 4); + margin: 0 var(--pgn-spacing-spacer-2) 0 var(--pgn-spacing-spacer-4); .configuration-card-content__experiment-stack { display: flex; justify-content: space-between; - padding: map-get($spacers, 2\.5) 0; + padding: var(--pgn-spacing-spacer-2-5) 0; margin: 0; - color: $primary-500; - gap: $spacer; + color: var(--pgn-color-primary-500); + gap: var(--pgn-spacing-spacer-base); &:not(:last-child) { - border-bottom: .063rem solid $light-400; + border-bottom: .063rem solid var(--pgn-color-light-400); } } } @@ -105,20 +103,20 @@ .configuration-form-group { .pgn__form-label { - font: normal $font-weight-bold .875rem/1.25rem $font-family-base; - color: $gray-700; + font: normal var(--pgn-typography-font-weight-bold) .875rem/1.25rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-700); margin-bottom: .875rem; } .pgn__form-control-description, .pgn__form-text { - font: normal $font-weight-normal .75rem/1.25rem $font-family-base; - color: $gray-500; + font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-500); margin-top: .625rem; } .pgn__form-text-invalid { - color: $form-feedback-invalid-color; + color: var(--pgn-color-form-feedback-invalid); } } diff --git a/src/group-configurations/empty-placeholder/EmptyPlaceholder.scss b/src/group-configurations/empty-placeholder/EmptyPlaceholder.scss index 1768ecac81..75a1933f12 100644 --- a/src/group-configurations/empty-placeholder/EmptyPlaceholder.scss +++ b/src/group-configurations/empty-placeholder/EmptyPlaceholder.scss @@ -1,6 +1,4 @@ .group-configurations-empty-placeholder { - @include pgn-box-shadow(1, "down"); - display: flex; align-items: center; justify-content: center; diff --git a/src/index.scss b/src/index.scss index 69f9b8b34f..d4a1645f23 100644 --- a/src/index.scss +++ b/src/index.scss @@ -1,7 +1,5 @@ -@import "~@edx/brand/paragon/fonts"; -@import "~@edx/brand/paragon/variables"; -@import "~@openedx/paragon/scss/core/core"; -@import "~@edx/brand/paragon/overrides"; +@use "@openedx/paragon/styles/css/core/custom-media-breakpoints" as paragonCustomMediaBreakpoints; + @import "~@edx/frontend-component-header/dist/index"; @import "assets/scss/variables"; @import "assets/scss/form"; @@ -46,7 +44,7 @@ div.xblock-highlight { @keyframes glow { 0% { - box-shadow: 0 0 5px 5px $primary-500; + box-shadow: 0 0 5px 5px var(--pgn-color-primary-500); } 100% { @@ -55,10 +53,10 @@ div.xblock-highlight { } body { - background-color: $light-200; + background-color: var(--pgn-color-light-200); .editor-page { - background-color: $light-100; + background-color: var(--pgn-color-light-100); } } diff --git a/src/library-authoring/component-info/ComponentPreview.scss b/src/library-authoring/component-info/ComponentPreview.scss index 0baf5ebcb2..12624b2a86 100644 --- a/src/library-authoring/component-info/ComponentPreview.scss +++ b/src/library-authoring/component-info/ComponentPreview.scss @@ -1,3 +1,3 @@ .component-preview-modal { - min-width: map-get($grid-breakpoints, "md"); + min-width: (--pgn-size-breakpoint-min-width-md); } diff --git a/src/library-authoring/generic/history-widget/HistoryWidget.scss b/src/library-authoring/generic/history-widget/HistoryWidget.scss index 84e11cf60a..2a9f946bd0 100644 --- a/src/library-authoring/generic/history-widget/HistoryWidget.scss +++ b/src/library-authoring/generic/history-widget/HistoryWidget.scss @@ -1,5 +1,5 @@ .history-widget-bar { - border-left: 8px solid $info-300; + border-left: 8px solid var(--pgn-color-info-300); border-radius: 4px; padding-left: 1rem; } diff --git a/src/library-authoring/generic/status-widget/StatusWidget.scss b/src/library-authoring/generic/status-widget/StatusWidget.scss index cdb1c4cf61..7253940ed1 100644 --- a/src/library-authoring/generic/status-widget/StatusWidget.scss +++ b/src/library-authoring/generic/status-widget/StatusWidget.scss @@ -5,8 +5,8 @@ } &.published-status { - background-color: $info-100; - border-top: 4px solid $info-400; + background-color: var(--pgn-color-info-100); + border-top: 4px solid var(--pgn-color-info-400); } } diff --git a/src/pages-and-resources/discussions/app-list/AppList.scss b/src/pages-and-resources/discussions/app-list/AppList.scss index 83d3c3c915..8a09744cc0 100644 --- a/src/pages-and-resources/discussions/app-list/AppList.scss +++ b/src/pages-and-resources/discussions/app-list/AppList.scss @@ -6,7 +6,7 @@ .pgn__data-table-container { tr { th { - background-color: $white; + background-color: var(--pgn-color-white); text-align: center; .d-flex, @@ -16,7 +16,7 @@ } td { - background-color: $white; + background-color: var(--pgn-color-white); .pgn__data-table-cell-wrap { max-width: unset; @@ -55,7 +55,7 @@ padding-top: 24px; h2 { - color: $primary-500; + color: var(--pgn-color-primary-500); line-height: 28px; font-size: 22px; } diff --git a/src/schedule-and-details/ScheduleAndDetails.scss b/src/schedule-and-details/ScheduleAndDetails.scss index bbaed92e71..99886b5b61 100644 --- a/src/schedule-and-details/ScheduleAndDetails.scss +++ b/src/schedule-and-details/ScheduleAndDetails.scss @@ -25,10 +25,10 @@ justify-content: space-between; align-items: center; margin-bottom: .75rem; - border-bottom: $border-width solid $light-400; + border-bottom: var(--pgn-size-border-width) solid var(--pgn-color-light-400); h2 { - color: $black; + color: var(--pgn-color-black); margin-bottom: .75rem; } } diff --git a/src/schedule-and-details/basic-section/BasicSection.scss b/src/schedule-and-details/basic-section/BasicSection.scss index 2d4fc39ea2..c67c9f6160 100644 --- a/src/schedule-and-details/basic-section/BasicSection.scss +++ b/src/schedule-and-details/basic-section/BasicSection.scss @@ -8,9 +8,7 @@ } .pgn__pageBanner-component { - @include pgn-box-shadow(1, "down"); - - background-color: $white; + background-color: var(--pgn-color-white); border-radius: .375rem; } diff --git a/src/schedule-and-details/credit-section/CreditSection.scss b/src/schedule-and-details/credit-section/CreditSection.scss index 2cfbf1c963..269cc9f4fd 100644 --- a/src/schedule-and-details/credit-section/CreditSection.scss +++ b/src/schedule-and-details/credit-section/CreditSection.scss @@ -1,8 +1,8 @@ .credit-section { .credit-help-text { - padding-top: $spacer; + padding-top: var(--pgn-spacing-spacer-base); margin-bottom: .5rem; - font: normal .875rem/1.5rem $font-family-base; + font: normal .875rem/1.5rem var(--pgn-typography-font-family-base); } .credit-info-list { diff --git a/src/schedule-and-details/instructors-section/InstructorsSection.scss b/src/schedule-and-details/instructors-section/InstructorsSection.scss index 1581f8e1cc..eddab8aa25 100644 --- a/src/schedule-and-details/instructors-section/InstructorsSection.scss +++ b/src/schedule-and-details/instructors-section/InstructorsSection.scss @@ -6,6 +6,6 @@ gap: 1.875rem; padding-inline-start: 0; list-style-type: none; - padding-top: $spacer; + padding-top: var(--pgn-spacing-spacer-base); } } diff --git a/src/schedule-and-details/introducing-section/introduction-video/IntroductionVideo.scss b/src/schedule-and-details/introducing-section/introduction-video/IntroductionVideo.scss index 55dfae6e7e..fcc26baca9 100644 --- a/src/schedule-and-details/introducing-section/introduction-video/IntroductionVideo.scss +++ b/src/schedule-and-details/introducing-section/introduction-video/IntroductionVideo.scss @@ -1,6 +1,4 @@ .embed-video-container { - @include pgn-box-shadow(1, "down"); - border-radius: .1875rem; .introduction-video { diff --git a/src/schedule-and-details/learning-outcomes-section/LearningOutcomes.scss b/src/schedule-and-details/learning-outcomes-section/LearningOutcomes.scss index 13b761f01b..b40ef8937e 100644 --- a/src/schedule-and-details/learning-outcomes-section/LearningOutcomes.scss +++ b/src/schedule-and-details/learning-outcomes-section/LearningOutcomes.scss @@ -5,6 +5,6 @@ justify-content: space-between; padding-inline-start: 0; list-style-type: none; - padding-top: $spacer; + padding-top: var(--pgn-spacing-spacer-base); } } diff --git a/src/schedule-and-details/pacing-section/PacingSection.scss b/src/schedule-and-details/pacing-section/PacingSection.scss index 2d4c8a751f..5743339108 100644 --- a/src/schedule-and-details/pacing-section/PacingSection.scss +++ b/src/schedule-and-details/pacing-section/PacingSection.scss @@ -1,27 +1,27 @@ .pacing-section { .pgn__form-group { p.pgn__form-label { - font: normal .875rem/1.5rem $font-family-base; + font: normal .875rem/1.5rem var(--pgn-typography-font-family-base); } label.pgn__form-label { - font: normal $font-weight-bold .75rem/1.25rem $font-family-base; + font: normal var(--pgn-typography-font-weight-bold) .75rem/1.25rem var(--pgn-typography-font-family-base); color: $text-color-weak; } .pgn__form-control-description { - font: normal .75rem/1.5rem $font-family-base; - color: $black; + font: normal .75rem/1.5rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-black); } } input.pgn__form-radio-input { padding: .5rem; - height: $spacer; - width: $spacer; + height: var(--pgn-spacing-spacer-base); + width: var(--pgn-spacing-spacer-base); } .pgn__form-control-set { - padding: $spacer 0 0 2.5rem; + padding: var(--pgn-spacing-spacer-base) 0 0 2.5rem; } } diff --git a/src/schedule-and-details/schedule-section/ScheduleSection.scss b/src/schedule-and-details/schedule-section/ScheduleSection.scss index 4d96dd0f64..8bb42dcd15 100644 --- a/src/schedule-and-details/schedule-section/ScheduleSection.scss +++ b/src/schedule-and-details/schedule-section/ScheduleSection.scss @@ -2,7 +2,7 @@ .schedule-date-list { display: flex; flex-direction: column; - padding-top: $spacer; + padding-top: var(--pgn-spacing-spacer-base); margin: 0; padding-inline-start: 0; list-style-type: none; @@ -32,7 +32,7 @@ .schedule-date-item-error { margin: 0; padding: 0; - color: $form-feedback-invalid-color; - font: normal $font-weight-normal .75rem/1.25rem $font-family-base; + color: var(--pgn-color-form-feedback-invalid); + font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base); } } diff --git a/src/schedule-and-details/schedule-section/certificate-display-row/CertificateDisplayRow.scss b/src/schedule-and-details/schedule-section/certificate-display-row/CertificateDisplayRow.scss index e715d7f18f..35e643cc0c 100644 --- a/src/schedule-and-details/schedule-section/certificate-display-row/CertificateDisplayRow.scss +++ b/src/schedule-and-details/schedule-section/certificate-display-row/CertificateDisplayRow.scss @@ -1,39 +1,39 @@ .dropdown-certificate { .dropdown-certificate-label { - font: normal $font-weight-bold .75rem/1.25rem $font-family-base; - color: $gray-500; + font: normal var(--pgn-typography-font-weight-bold) .75rem/1.25rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-500); margin-bottom: .5rem; } .dropdown-certificate-control { .dropdown-certificate-control-toggle { - font-size: $input-font-size; - font-weight: $input-font-weight; - line-height: $input-line-height; - background: $input-bg; - border-color: $input-border-color; - border-width: $input-border-width; - box-shadow: $input-box-shadow; - border-radius: $input-border-radius; - color: $input-color; - padding: $input-padding-y $input-padding-x; - height: $input-height; + font-size: var(--pgn-typography-form-input-font-size-base); + font-weight: var(--pgn-typography-form-input-font-weight); + line-height: var(--pgn-typography-form-input-line-height-base); + background: var(--pgn-color-form-input-bg-base); + border-color: var(--pgn-color-form-input-border); + border-width: var(--pgn-size-form-input-width-border); + box-shadow: var(--pgn-elevation-form-input-base); + border-radius: var(--pgn-size-form-input-radius-border-base); + color: var(--pgn-color-form-input-base); + padding: var(--pgn-spacing-form-input-padding-y-base) var(--pgn-spacing-form-input-padding-x-base); + height: var(--pgn-size-form-input-height-base); justify-content: space-between; width: 100%; &:not(:disabled, .disabled):active, &:not(:disabled, .disabled).active, .show & { - color: $input-color; - border-color: $input-bg; - background-color: $input-bg; + color: var(--pgn-color-form-input-base); + border-color: var(--pgn-color-form-input-bg-base); + background-color: var(--pgn-color-form-input-bg-base); } } } .pgn__form-control-description { - font: normal $font-weight-normal .75rem/1.25rem $font-family-base; - color: $gray-500; + font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-500); margin-top: .5rem; } } diff --git a/src/search-manager/FilterBy.scss b/src/search-manager/FilterBy.scss index 7579958f6f..b6e5ccad2e 100644 --- a/src/search-manager/FilterBy.scss +++ b/src/search-manager/FilterBy.scss @@ -7,7 +7,7 @@ } .clear-filter-button:hover { - color: $info-900 !important; + color: var(--pgn-color-info-900) !important; } .problem-menu-item { diff --git a/src/search-modal/SearchModal.scss b/src/search-modal/SearchModal.scss index d14fdac832..2c97b640fa 100644 --- a/src/search-modal/SearchModal.scss +++ b/src/search-modal/SearchModal.scss @@ -57,7 +57,7 @@ .search-result { &:hover { - background-color: $gray-100; + background-color: var(--pgn-color-gray-100); cursor: pointer; } diff --git a/src/studio-home/scss/StudioHome.scss b/src/studio-home/scss/StudioHome.scss index fd7cee3559..3f4320cc25 100644 --- a/src/studio-home/scss/StudioHome.scss +++ b/src/studio-home/scss/StudioHome.scss @@ -14,20 +14,20 @@ margin-bottom: 2.25rem; .organization-section-title { - color: $black; + color: var(--pgn-color-black); } .organization-section-form { - margin: $spacer 0 -8px; + margin: var(--pgn-spacing-spacer-base) 0 -8px; .organization-section-form-label { - color: $gray-700; + color: var(--pgn-color-gray-700); margin-bottom: 0; margin-right: .75rem; } .organization-section-form-control { - border-color: $gray-500; + border-color: var(--pgn-color-gray-500); .form-control { font-size: .875rem; @@ -43,7 +43,7 @@ margin-bottom: 1.625rem; .nav-link { - border-bottom: .125rem solid $light-400; + border-bottom: .125rem solid var(--pgn-color-light-400); } .nav-link.active { @@ -75,14 +75,14 @@ } .card-item-title { - font: normal $font-weight-normal 1.125rem/1.75rem $font-family-base; - color: $black; + font: normal var(--pgn-typography-font-weight-normal) 1.125rem/1.75rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-black); margin-bottom: .1875rem; } .pgn__card-header-subtitle-md { - font: normal $font-weight-normal .75rem/1.25rem $font-family-base; - color: $gray-700; + font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base); + color: var(--pgn-color-gray-700); margin: 0; } } diff --git a/src/textbooks/Textbooks.scss b/src/textbooks/Textbooks.scss index e8022dd28d..688c1264f0 100644 --- a/src/textbooks/Textbooks.scss +++ b/src/textbooks/Textbooks.scss @@ -3,5 +3,5 @@ @import "./textbook-form/TextbookForm"; .alert-toast { - z-index: $zindex-tooltip !important; + z-index: var(--pgn-elevation-tooltip-zindex) !important; } diff --git a/src/textbooks/empty-placeholder/EmptyPlaceholder.scss b/src/textbooks/empty-placeholder/EmptyPlaceholder.scss index 9f4290f294..e5eaf53c2b 100644 --- a/src/textbooks/empty-placeholder/EmptyPlaceholder.scss +++ b/src/textbooks/empty-placeholder/EmptyPlaceholder.scss @@ -1,10 +1,8 @@ .textbooks-empty-placeholder { - @include pgn-box-shadow(1, "down"); - display: flex; align-items: center; justify-content: center; gap: 1.5rem; border-radius: .375rem; - padding: map-get($spacers, 4); + padding: var(--pgn-spacing-spacer-4); } diff --git a/src/textbooks/textbook-card/TextbookCard.scss b/src/textbooks/textbook-card/TextbookCard.scss index e5df569ed9..723890ee2b 100644 --- a/src/textbooks/textbook-card/TextbookCard.scss +++ b/src/textbooks/textbook-card/TextbookCard.scss @@ -1,9 +1,9 @@ .textbook-card { - padding: $spacer $spacer $spacer map-get($spacers, 4); + padding: var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-4); & .pgn__card-header { padding: 0; - margin-bottom: $spacer; + margin-bottom: var(--pgn-spacing-spacer-base); } & .pgn__card-header-content { @@ -15,18 +15,18 @@ } &:not(:last-of-type) { - margin-bottom: map-get($spacers, 4); + margin-bottom: var(--pgn-spacing-spacer-4); } } .textbook-card__chapters { - margin-left: -(map-get($spacers, 2)); + margin-left: -(var(--pgn-spacing-spacer-2)); } .textbook-card__chapter-item { display: grid; grid-template-columns: repeat(2, 1fr); - gap: $spacer; + gap: var(--pgn-spacing-spacer-base); & span:first-of-type { word-break: break-word; @@ -37,6 +37,6 @@ } &:not(:last-of-type) { - margin-bottom: map-get($spacers, 2); + margin-bottom: var(--pgn-spacing-spacer-2); } } diff --git a/src/textbooks/textbook-form/TextbookForm.scss b/src/textbooks/textbook-form/TextbookForm.scss index 8db5d4c736..f08a4d7fae 100644 --- a/src/textbooks/textbook-form/TextbookForm.scss +++ b/src/textbooks/textbook-form/TextbookForm.scss @@ -1,12 +1,11 @@ .textbook-form { - @include pgn-box-shadow(1, "centered"); - + box-shadow: var(--pgn-elevation-box-shadow-centered-1); display: flex; flex-direction: column; gap: 1.5rem; - background-color: $white; - padding: map-get($spacers, 4); - margin-bottom: map-get($spacers, 4); + background-color: var(--pgn-color-white); + padding: var(--pgn-spacing-spacer-4); + margin-bottom: var(--pgn-spacing-spacer-4); border-radius: .5rem; .form-field { @@ -19,21 +18,21 @@ .form-title { font-size: 1.5rem; - margin-bottom: map-get($spacers, 4); + margin-bottom: var(--pgn-spacing-spacer-4); } .form-main-label { font-size: 1.375rem; line-height: 1.75rem; - margin-bottom: map-get($spacers, 4); + margin-bottom: var(--pgn-spacing-spacer-4); } .form-label { - margin-bottom: map-get($spacers, 2\.5); + margin-bottom: var(--pgn-spacing-spacer-2-5); } .form-helper-text { - font-size: $font-size-xs; + font-size: var(--pgn-typography-font-size-xs); } .form-chapters-fields { @@ -44,7 +43,7 @@ .field-icon-button:hover { background-color: transparent !important; - color: $primary; + color: var(--pgn-color-primary-base); } } @@ -53,7 +52,7 @@ flex-direction: column; align-items: center; justify-content: center; - gap: $spacer; + gap: var(--pgn-spacing-spacer-base); .modal-preview-icon { height: 6.25rem;