diff --git a/package-lock.json b/package-lock.json index b1eae123..8eae08f5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,7 +17,7 @@ "@fontsource-variable/roboto-flex": "^5.0.8", "@fontsource-variable/vazirmatn": "^5.0.20", "@iarna/toml": "^2.2.5", - "@opencast/appkit": "^0.2.4", + "@opencast/appkit": "^0.3.0", "@svgr/webpack": "^8.1.0", "babel-loader": "^9.1.3", "copy-webpack-plugin": "^12.0.2", @@ -1895,9 +1895,9 @@ "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" }, "node_modules/@emotion/react": { - "version": "11.11.3", - "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.3.tgz", - "integrity": "sha512-Cnn0kuq4DoONOMcnoVsTOR8E+AdnKFf//6kUWc4LCdnxj31pZWn7rIULd6Y7/Js1PiPHzn7SKCM9vB/jBni8eA==", + "version": "11.11.4", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz", + "integrity": "sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==", "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.11.0", @@ -2312,12 +2312,13 @@ } }, "node_modules/@opencast/appkit": { - "version": "0.2.4", - "resolved": "https://registry.npmjs.org/@opencast/appkit/-/appkit-0.2.4.tgz", - "integrity": "sha512-EHByrN6o8elbQIOI4XB1vqxA5IxStLGgoX8nfOQ3EXWHbx0n/ZNeZ/DrOTTmxgTNfRxvjZR7sbjIlbSIyL5SKw==", + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@opencast/appkit/-/appkit-0.3.0.tgz", + "integrity": "sha512-w9jZBKpzJokT0HNjtO3rxx94Qimt8W6WmjDkg61rj5ETHv3Im794jyZLf/LRA3dsN+GfhE0dW3QuvIzXE/b2pw==", "peerDependencies": { - "@emotion/react": "^11.11.1", + "@emotion/react": "^11.11.4", "@floating-ui/react": "^0.24.3", + "focus-trap-react": "^10.2.3", "react": "^18.2.0", "react-icons": "^4.9.0", "react-merge-refs": "^2.0.2" @@ -5589,6 +5590,30 @@ "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==", "dev": true }, + "node_modules/focus-trap": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.4.tgz", + "integrity": "sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==", + "peer": true, + "dependencies": { + "tabbable": "^6.2.0" + } + }, + "node_modules/focus-trap-react": { + "version": "10.2.3", + "resolved": "https://registry.npmjs.org/focus-trap-react/-/focus-trap-react-10.2.3.tgz", + "integrity": "sha512-YXBpFu/hIeSu6NnmV2xlXzOYxuWkoOtar9jzgp3lOmjWLWY59C/b8DtDHEAV4SPU07Nd/t+nS/SBNGkhUBFmEw==", + "peer": true, + "dependencies": { + "focus-trap": "^7.5.4", + "tabbable": "^6.2.0" + }, + "peerDependencies": { + "prop-types": "^15.8.1", + "react": ">=16.3.0", + "react-dom": ">=16.3.0" + } + }, "node_modules/follow-redirects": { "version": "1.15.6", "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz", @@ -11274,9 +11299,9 @@ "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" }, "@emotion/react": { - "version": "11.11.3", - "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.3.tgz", - "integrity": "sha512-Cnn0kuq4DoONOMcnoVsTOR8E+AdnKFf//6kUWc4LCdnxj31pZWn7rIULd6Y7/Js1PiPHzn7SKCM9vB/jBni8eA==", + "version": "11.11.4", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz", + "integrity": "sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==", "requires": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.11.0", @@ -11598,9 +11623,9 @@ } }, "@opencast/appkit": { - "version": "0.2.4", - "resolved": "https://registry.npmjs.org/@opencast/appkit/-/appkit-0.2.4.tgz", - "integrity": "sha512-EHByrN6o8elbQIOI4XB1vqxA5IxStLGgoX8nfOQ3EXWHbx0n/ZNeZ/DrOTTmxgTNfRxvjZR7sbjIlbSIyL5SKw==", + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@opencast/appkit/-/appkit-0.3.0.tgz", + "integrity": "sha512-w9jZBKpzJokT0HNjtO3rxx94Qimt8W6WmjDkg61rj5ETHv3Im794jyZLf/LRA3dsN+GfhE0dW3QuvIzXE/b2pw==", "requires": {} }, "@opencast/eslint-config-ts-react": { @@ -14044,6 +14069,25 @@ "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==", "dev": true }, + "focus-trap": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.4.tgz", + "integrity": "sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==", + "peer": true, + "requires": { + "tabbable": "^6.2.0" + } + }, + "focus-trap-react": { + "version": "10.2.3", + "resolved": "https://registry.npmjs.org/focus-trap-react/-/focus-trap-react-10.2.3.tgz", + "integrity": "sha512-YXBpFu/hIeSu6NnmV2xlXzOYxuWkoOtar9jzgp3lOmjWLWY59C/b8DtDHEAV4SPU07Nd/t+nS/SBNGkhUBFmEw==", + "peer": true, + "requires": { + "focus-trap": "^7.5.4", + "tabbable": "^6.2.0" + } + }, "follow-redirects": { "version": "1.15.6", "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz", diff --git a/package.json b/package.json index 48bf3828..468b9624 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,7 @@ "@fontsource-variable/roboto-flex": "^5.0.8", "@fontsource-variable/vazirmatn": "^5.0.20", "@iarna/toml": "^2.2.5", - "@opencast/appkit": "^0.2.4", + "@opencast/appkit": "^0.3.0", "@svgr/webpack": "^8.1.0", "babel-loader": "^9.1.3", "copy-webpack-plugin": "^12.0.2", diff --git a/src/index.html b/src/index.html index 451990cc..c317b9a7 100644 --- a/src/index.html +++ b/src/index.html @@ -32,11 +32,13 @@ --color-neutral70: #404040; --color-neutral80: #2a2a2a; --color-neutral90: #181818; + --color-danger0: #feedeb; --color-danger1: #ffd2cd; --color-danger2: #feaba1; --color-danger4: #c22a2c; --color-danger5: #880e11; + --color-accent9: #044a81; --color-accent8: #215D99; --color-accent7: #3073B8; @@ -63,11 +65,13 @@ --color-neutral70: #969696; --color-neutral80: #a6a6a6; --color-neutral90: #c4c4c4; + --color-danger0: #361314; --color-danger1: #462522; --color-danger2: #712f2a; - --color-danger4: #dd554b; - --color-danger5: #f87965; + --color-danger4: #f2685b; + --color-danger5: #ff9581; + --color-accent9: #85ace3; --color-accent8: #7da4db; --color-accent7: #588ccd; @@ -100,6 +104,7 @@ --color-danger4: #a50613; --color-danger5: #a50613; + --color-accent9: #000099; --color-accent8: #000099; --color-accent7: #000099; --color-accent6: #000099; @@ -127,15 +132,16 @@ --color-danger0: #000; --color-danger1: #000; - --color-danger2: #eb1722; - --color-danger4: #eb1722; - --color-danger5: #eb1722; - - --color-accent8: #97c1ff; - --color-accent7: #97c1ff; - --color-accent6: #97c1ff; - --color-accent5: #97c1ff; - --color-accent4: #97c1ff; + --color-danger2: #ff9581; + --color-danger4: #ff9581; + --color-danger5: #ff9581; + + --color-accent9: #a6ffea; + --color-accent8: #a6ffea; + --color-accent7: #a6ffea; + --color-accent6: #a6ffea; + --color-accent5: #a6ffea; + --color-accent4: #a6ffea; --color-focus: #97c1ff; color-scheme: dark;