From bdf4a7e17383ec64f078586317c30e5df91152e9 Mon Sep 17 00:00:00 2001 From: Tim Date: Fri, 9 Jun 2023 22:16:08 +0200 Subject: [PATCH 001/330] chore: update stremio-icons --- package-lock.json | 419 +++++++++++++++++++++++++++++++++++++++++----- package.json | 3 +- 2 files changed, 378 insertions(+), 44 deletions(-) diff --git a/package-lock.json b/package-lock.json index 57c8da440..8cab0d89a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,7 +13,7 @@ "@sentry/browser": "6.13.3", "@stremio/stremio-colors": "5.0.1", "@stremio/stremio-core-web": "0.44.18", - "@stremio/stremio-icons": "4.0.0", + "@stremio/stremio-icons": "5.0.0-beta.0", "@stremio/stremio-video": "0.0.24", "a-color-picker": "1.2.1", "bowser": "2.11.0", @@ -45,6 +45,7 @@ "@babel/plugin-proposal-object-rest-spread": "7.16.0", "@babel/preset-env": "7.16.0", "@babel/preset-react": "7.16.0", + "@types/react": "^18.2.9", "babel-loader": "8.2.3", "clean-webpack-plugin": "4.0.0", "copy-webpack-plugin": "9.0.1", @@ -2710,9 +2711,12 @@ } }, "node_modules/@stremio/stremio-icons": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@stremio/stremio-icons/-/stremio-icons-4.0.0.tgz", - "integrity": "sha512-ku1ye/V6WtzCltLKZvLwa60nlEUR2YYT/upjZDzBOoA2VXZu1ubFeR83Hx10tBZPnjALHkG/1QZ5Eyg9PoBMbQ==" + "version": "5.0.0-beta.0", + "resolved": "https://registry.npmjs.org/@stremio/stremio-icons/-/stremio-icons-5.0.0-beta.0.tgz", + "integrity": "sha512-pFgPSF2XTX/kWNFdZqHvssmhdx9wYNRq7YhnQaXbFkBXCLff/ORjkKZ/2om0r/HMBRfSXUHk0uN7aSb3Y+k4Qg==", + "dependencies": { + "change-case": "^4.1.2" + } }, "node_modules/@stremio/stremio-video": { "version": "0.0.24", @@ -2984,6 +2988,12 @@ "integrity": "sha512-Fo79ojj3vdEZOHg3wR9ksAMRz4P3S5fDB5e/YWZiFnyFQI1WY2Vftu9XoXVVtJfxB7Bpce/QTqWSSntkz2Znrw==", "dev": true }, + "node_modules/@types/prop-types": { + "version": "15.7.5", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", + "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==", + "devOptional": true + }, "node_modules/@types/qs": { "version": "6.9.7", "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz", @@ -2996,6 +3006,17 @@ "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==", "dev": true }, + "node_modules/@types/react": { + "version": "18.2.9", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.9.tgz", + "integrity": "sha512-pL3JAesUkF7PEQGxh5XOwdXGV907te6m1/Qe1ERJLgomojS6Ne790QiA7GUl434JEkFA2aAaB6qJ5z4e1zJn/w==", + "devOptional": true, + "dependencies": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, "node_modules/@types/resolve": { "version": "1.17.1", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz", @@ -3011,6 +3032,12 @@ "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g==", "dev": true }, + "node_modules/@types/scheduler": { + "version": "0.16.3", + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz", + "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==", + "devOptional": true + }, "node_modules/@types/serve-index": { "version": "1.9.1", "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz", @@ -4203,7 +4230,6 @@ "version": "4.1.2", "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==", - "dev": true, "dependencies": { "pascal-case": "^3.1.2", "tslib": "^2.0.3" @@ -4212,8 +4238,7 @@ "node_modules/camel-case/node_modules/tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" }, "node_modules/camelcase": { "version": "5.3.1", @@ -4252,6 +4277,21 @@ } ] }, + "node_modules/capital-case": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz", + "integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case-first": "^2.0.2" + } + }, + "node_modules/capital-case/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + }, "node_modules/chalk": { "version": "2.4.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", @@ -4266,6 +4306,30 @@ "node": ">=4" } }, + "node_modules/change-case": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz", + "integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==", + "dependencies": { + "camel-case": "^4.1.2", + "capital-case": "^1.0.4", + "constant-case": "^3.0.4", + "dot-case": "^3.0.4", + "header-case": "^2.0.4", + "no-case": "^3.0.4", + "param-case": "^3.0.4", + "pascal-case": "^3.1.2", + "path-case": "^3.0.4", + "sentence-case": "^3.0.4", + "snake-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/change-case/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + }, "node_modules/char-regex": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz", @@ -4585,6 +4649,21 @@ "node": ">=0.8" } }, + "node_modules/constant-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz", + "integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case": "^2.0.2" + } + }, + "node_modules/constant-case/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + }, "node_modules/content-disposition": { "version": "0.5.4", "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", @@ -5074,6 +5153,12 @@ "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==", "dev": true }, + "node_modules/csstype": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==", + "devOptional": true + }, "node_modules/data-urls": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz", @@ -5396,7 +5481,6 @@ "version": "3.0.4", "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", - "dev": true, "dependencies": { "no-case": "^3.0.4", "tslib": "^2.0.3" @@ -5405,8 +5489,7 @@ "node_modules/dot-case/node_modules/tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" }, "node_modules/ee-first": { "version": "1.1.1", @@ -6916,6 +6999,20 @@ "he": "bin/he" } }, + "node_modules/header-case": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz", + "integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==", + "dependencies": { + "capital-case": "^1.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/header-case/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + }, "node_modules/hls.js": { "version": "1.2.3-patch1.0.canary.8609", "resolved": "https://github.com/Stremio/hls.js/releases/download/v1.2.3-patch1/hls.js-1.2.3-patch1.tgz", @@ -10110,7 +10207,6 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", - "dev": true, "dependencies": { "tslib": "^2.0.3" } @@ -10118,8 +10214,7 @@ "node_modules/lower-case/node_modules/tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" }, "node_modules/lru-cache": { "version": "6.0.0", @@ -10470,7 +10565,6 @@ "version": "3.0.4", "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", - "dev": true, "dependencies": { "lower-case": "^2.0.2", "tslib": "^2.0.3" @@ -10479,8 +10573,7 @@ "node_modules/no-case/node_modules/tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" }, "node_modules/node-forge": { "version": "1.3.1", @@ -10840,7 +10933,6 @@ "version": "3.0.4", "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", - "dev": true, "dependencies": { "dot-case": "^3.0.4", "tslib": "^2.0.3" @@ -10849,8 +10941,7 @@ "node_modules/param-case/node_modules/tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" }, "node_modules/parent-module": { "version": "1.0.1", @@ -10910,7 +11001,6 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==", - "dev": true, "dependencies": { "no-case": "^3.0.4", "tslib": "^2.0.3" @@ -10919,8 +11009,21 @@ "node_modules/pascal-case/node_modules/tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + }, + "node_modules/path-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz", + "integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==", + "dependencies": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/path-case/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" }, "node_modules/path-exists": { "version": "4.0.0", @@ -12487,6 +12590,21 @@ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", "dev": true }, + "node_modules/sentence-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz", + "integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case-first": "^2.0.2" + } + }, + "node_modules/sentence-case/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + }, "node_modules/serialize-javascript": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz", @@ -12708,6 +12826,20 @@ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", "dev": true }, + "node_modules/snake-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz", + "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==", + "dependencies": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/snake-case/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + }, "node_modules/sockjs": { "version": "0.3.24", "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz", @@ -13612,6 +13744,32 @@ "browserslist": ">= 4.21.0" } }, + "node_modules/upper-case": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz", + "integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==", + "dependencies": { + "tslib": "^2.0.3" + } + }, + "node_modules/upper-case-first": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz", + "integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==", + "dependencies": { + "tslib": "^2.0.3" + } + }, + "node_modules/upper-case-first/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + }, + "node_modules/upper-case/node_modules/tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + }, "node_modules/uri-js": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", @@ -16803,9 +16961,12 @@ } }, "@stremio/stremio-icons": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@stremio/stremio-icons/-/stremio-icons-4.0.0.tgz", - "integrity": "sha512-ku1ye/V6WtzCltLKZvLwa60nlEUR2YYT/upjZDzBOoA2VXZu1ubFeR83Hx10tBZPnjALHkG/1QZ5Eyg9PoBMbQ==" + "version": "5.0.0-beta.0", + "resolved": "https://registry.npmjs.org/@stremio/stremio-icons/-/stremio-icons-5.0.0-beta.0.tgz", + "integrity": "sha512-pFgPSF2XTX/kWNFdZqHvssmhdx9wYNRq7YhnQaXbFkBXCLff/ORjkKZ/2om0r/HMBRfSXUHk0uN7aSb3Y+k4Qg==", + "requires": { + "change-case": "^4.1.2" + } }, "@stremio/stremio-video": { "version": "0.0.24", @@ -17071,6 +17232,12 @@ "integrity": "sha512-Fo79ojj3vdEZOHg3wR9ksAMRz4P3S5fDB5e/YWZiFnyFQI1WY2Vftu9XoXVVtJfxB7Bpce/QTqWSSntkz2Znrw==", "dev": true }, + "@types/prop-types": { + "version": "15.7.5", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", + "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==", + "devOptional": true + }, "@types/qs": { "version": "6.9.7", "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz", @@ -17083,6 +17250,17 @@ "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==", "dev": true }, + "@types/react": { + "version": "18.2.9", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.9.tgz", + "integrity": "sha512-pL3JAesUkF7PEQGxh5XOwdXGV907te6m1/Qe1ERJLgomojS6Ne790QiA7GUl434JEkFA2aAaB6qJ5z4e1zJn/w==", + "devOptional": true, + "requires": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, "@types/resolve": { "version": "1.17.1", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz", @@ -17098,6 +17276,12 @@ "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g==", "dev": true }, + "@types/scheduler": { + "version": "0.16.3", + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz", + "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==", + "devOptional": true + }, "@types/serve-index": { "version": "1.9.1", "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz", @@ -18037,7 +18221,6 @@ "version": "4.1.2", "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==", - "dev": true, "requires": { "pascal-case": "^3.1.2", "tslib": "^2.0.3" @@ -18046,8 +18229,7 @@ "tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" } } }, @@ -18075,6 +18257,23 @@ "integrity": "sha512-HpQhpzTGGPVMnCjIomjt+jvyUu8vNFo3TaDiZ/RcoTrlOq/5+tC8zHdsbgFB6MxmaY+jCpsH09aD80Bb4Ow3Sg==", "dev": true }, + "capital-case": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz", + "integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==", + "requires": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case-first": "^2.0.2" + }, + "dependencies": { + "tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + } + } + }, "chalk": { "version": "2.4.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", @@ -18086,6 +18285,32 @@ "supports-color": "^5.3.0" } }, + "change-case": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz", + "integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==", + "requires": { + "camel-case": "^4.1.2", + "capital-case": "^1.0.4", + "constant-case": "^3.0.4", + "dot-case": "^3.0.4", + "header-case": "^2.0.4", + "no-case": "^3.0.4", + "param-case": "^3.0.4", + "pascal-case": "^3.1.2", + "path-case": "^3.0.4", + "sentence-case": "^3.0.4", + "snake-case": "^3.0.4", + "tslib": "^2.0.3" + }, + "dependencies": { + "tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + } + } + }, "char-regex": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz", @@ -18347,6 +18572,23 @@ "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==", "dev": true }, + "constant-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz", + "integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==", + "requires": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case": "^2.0.2" + }, + "dependencies": { + "tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + } + } + }, "content-disposition": { "version": "0.5.4", "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", @@ -18698,6 +18940,12 @@ } } }, + "csstype": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==", + "devOptional": true + }, "data-urls": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz", @@ -18951,7 +19199,6 @@ "version": "3.0.4", "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", - "dev": true, "requires": { "no-case": "^3.0.4", "tslib": "^2.0.3" @@ -18960,8 +19207,7 @@ "tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" } } }, @@ -20108,6 +20354,22 @@ "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", "dev": true }, + "header-case": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz", + "integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==", + "requires": { + "capital-case": "^1.0.4", + "tslib": "^2.0.3" + }, + "dependencies": { + "tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + } + } + }, "hls.js": { "version": "https://github.com/Stremio/hls.js/releases/download/v1.2.3-patch1/hls.js-1.2.3-patch1.tgz", "integrity": "sha512-b/WMwSXyV6QvoGYotzzrG0ldRW8mOzqxEhPDd+as4haAx78tmxoVkdYYtVKZ8MiJcMa6j00lfx7ti/2HlO5ByQ==" @@ -22473,7 +22735,6 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", - "dev": true, "requires": { "tslib": "^2.0.3" }, @@ -22481,8 +22742,7 @@ "tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" } } }, @@ -22745,7 +23005,6 @@ "version": "3.0.4", "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", - "dev": true, "requires": { "lower-case": "^2.0.2", "tslib": "^2.0.3" @@ -22754,8 +23013,7 @@ "tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" } } }, @@ -23015,7 +23273,6 @@ "version": "3.0.4", "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", - "dev": true, "requires": { "dot-case": "^3.0.4", "tslib": "^2.0.3" @@ -23024,8 +23281,7 @@ "tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" } } }, @@ -23072,7 +23328,6 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==", - "dev": true, "requires": { "no-case": "^3.0.4", "tslib": "^2.0.3" @@ -23081,8 +23336,23 @@ "tslib": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "path-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz", + "integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==", + "requires": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + }, + "dependencies": { + "tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" } } }, @@ -24199,6 +24469,23 @@ } } }, + "sentence-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz", + "integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==", + "requires": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case-first": "^2.0.2" + }, + "dependencies": { + "tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + } + } + }, "serialize-javascript": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz", @@ -24387,6 +24674,22 @@ } } }, + "snake-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz", + "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==", + "requires": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + }, + "dependencies": { + "tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + } + } + }, "sockjs": { "version": "0.3.24", "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz", @@ -25063,6 +25366,36 @@ "picocolors": "^1.0.0" } }, + "upper-case": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz", + "integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==", + "requires": { + "tslib": "^2.0.3" + }, + "dependencies": { + "tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + } + } + }, + "upper-case-first": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz", + "integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==", + "requires": { + "tslib": "^2.0.3" + }, + "dependencies": { + "tslib": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", + "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" + } + } + }, "uri-js": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", diff --git a/package.json b/package.json index 2ddd00d30..d86e016ce 100755 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "@sentry/browser": "6.13.3", "@stremio/stremio-colors": "5.0.1", "@stremio/stremio-core-web": "0.44.18", - "@stremio/stremio-icons": "4.0.0", + "@stremio/stremio-icons": "5.0.0-beta.0", "@stremio/stremio-video": "0.0.24", "a-color-picker": "1.2.1", "bowser": "2.11.0", @@ -48,6 +48,7 @@ "@babel/plugin-proposal-object-rest-spread": "7.16.0", "@babel/preset-env": "7.16.0", "@babel/preset-react": "7.16.0", + "@types/react": "^18.2.9", "babel-loader": "8.2.3", "clean-webpack-plugin": "4.0.0", "copy-webpack-plugin": "9.0.1", From 50b16590a6121f44f27fd732231102715a80caf2 Mon Sep 17 00:00:00 2001 From: Tim Date: Fri, 9 Jun 2023 22:16:15 +0200 Subject: [PATCH 002/330] refactor: update icons --- .../AddonDetails/AddonDetails.js | 4 +-- .../AddonDetails/styles.less | 2 +- src/common/CONSTANTS.js | 10 +++--- src/common/Checkbox/Checkbox.js | 6 ++-- src/common/Checkbox/styles.less | 4 +-- src/common/MainNavBars/MainNavBars.js | 10 +++--- src/common/MetaItem/MetaItem.js | 6 ++-- src/common/MetaItem/styles.less | 8 ++--- .../MetaPreview/ActionButton/ActionButton.js | 4 +-- .../MetaPreview/ActionButton/styles.less | 2 +- src/common/MetaPreview/MetaPreview.js | 12 +++---- src/common/MetaPreview/styles.less | 2 +- src/common/MetaRow/MetaRow.js | 4 +-- .../MetaRowPlaceholder/MetaRowPlaceholder.js | 4 +-- .../MetaRow/MetaRowPlaceholder/styles.less | 2 +- src/common/MetaRow/styles.less | 4 +-- src/common/ModalDialog/ModalDialog.js | 6 ++-- src/common/ModalDialog/styles.less | 6 ++-- src/common/Multiselect/Multiselect.js | 4 +-- src/common/Multiselect/styles.less | 4 +-- .../HorizontalNavBar/HorizontalNavBar.js | 10 +++--- .../NavMenu/NavMenuContent.js | 12 +++---- .../HorizontalNavBar/NavMenu/styles.less | 2 +- .../HorizontalNavBar/SearchBar/SearchBar.js | 6 ++-- .../HorizontalNavBar/SearchBar/styles.less | 4 +-- .../NavBar/HorizontalNavBar/styles.less | 4 +-- .../NavTabButton/NavTabButton.js | 6 ++-- .../VerticalNavBar/NavTabButton/styles.less | 4 +-- src/common/PaginationInput/PaginationInput.js | 6 ++-- src/common/PaginationInput/styles.less | 2 +- src/common/SearchBar/SearchBar.js | 4 +-- .../SearchBarPlaceholder.js | 4 +-- .../SearchBarPlaceholder/styles.less | 2 +- src/common/SearchBar/styles.less | 2 +- src/common/SharePrompt/SharePrompt.js | 8 ++--- src/common/SharePrompt/styles.less | 4 +-- src/common/Toast/ToastItem/ToastItem.js | 10 +++--- src/common/Toast/ToastItem/styles.less | 6 ++-- src/routes/Addons/Addon/Addon.js | 8 ++--- src/routes/Addons/Addon/styles.less | 8 ++--- src/routes/Addons/Addons.js | 8 ++--- src/routes/Addons/styles.less | 6 ++-- src/routes/Discover/Discover.js | 6 ++-- src/routes/Discover/styles.less | 4 +-- src/routes/Intro/ConsentCheckbox/styles.less | 2 +- src/routes/Intro/Intro.js | 8 ++--- src/routes/Intro/styles.less | 6 ++-- src/routes/Library/Library.js | 4 +-- src/routes/Library/styles.less | 4 +-- .../MetaDetails/StreamsList/Stream/Stream.js | 4 +-- .../StreamsList/Stream/styles.less | 2 +- .../MetaDetails/StreamsList/StreamsList.js | 4 +-- .../MetaDetails/StreamsList/styles.less | 4 +-- .../VideosList/SeasonsBar/SeasonsBar.js | 6 ++-- .../SeasonsBarPlaceholder.js | 8 ++--- .../SeasonsBarPlaceholder/styles.less | 4 +-- .../VideosList/SeasonsBar/styles.less | 6 ++-- .../MetaDetails/VideosList/Video/Video.js | 4 +-- .../MetaDetails/VideosList/Video/styles.less | 2 +- .../MetaDetails/useMetaExtensionTabs.js | 2 +- src/routes/Player/ControlBar/ControlBar.js | 34 +++++++++---------- .../Player/ControlBar/SeekBar/styles.less | 4 +-- src/routes/Player/ControlBar/styles.less | 6 ++-- .../Player/NextVideoPopup/NextVideoPopup.js | 8 ++--- src/routes/Player/NextVideoPopup/styles.less | 6 ++-- .../Player/OptionsMenu/Option/Option.js | 4 +-- .../Player/OptionsMenu/Option/styles.less | 2 +- src/routes/Player/OptionsMenu/OptionsMenu.js | 4 +-- src/routes/Player/Player.js | 4 +-- .../DiscreteSelectInput.js | 6 ++-- .../DiscreteSelectInput/styles.less | 2 +- src/routes/Player/styles.less | 4 +-- src/routes/Search/Search.js | 6 ++-- src/routes/Search/styles.less | 2 +- src/routes/Settings/Settings.js | 8 ++--- src/routes/Settings/styles.less | 4 +-- 76 files changed, 207 insertions(+), 207 deletions(-) diff --git a/src/common/AddonDetailsModal/AddonDetails/AddonDetails.js b/src/common/AddonDetailsModal/AddonDetails/AddonDetails.js index 635466938..ea1bf4c63 100644 --- a/src/common/AddonDetailsModal/AddonDetails/AddonDetails.js +++ b/src/common/AddonDetailsModal/AddonDetails/AddonDetails.js @@ -3,13 +3,13 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const Image = require('stremio/common/Image'); const styles = require('./styles'); const AddonDetails = ({ className, id, name, version, logo, description, types, transportUrl, official }) => { const renderLogoFallback = React.useCallback(() => ( - + ), []); return (
diff --git a/src/common/AddonDetailsModal/AddonDetails/styles.less b/src/common/AddonDetailsModal/AddonDetails/styles.less index 3cd575683..527ac00c8 100644 --- a/src/common/AddonDetailsModal/AddonDetails/styles.less +++ b/src/common/AddonDetailsModal/AddonDetails/styles.less @@ -23,7 +23,7 @@ } .icon { - fill: @color-secondaryvariant1-light3; + color: @color-secondaryvariant1-light3; } .name-container { diff --git a/src/common/CONSTANTS.js b/src/common/CONSTANTS.js index af7105214..d882b66ad 100644 --- a/src/common/CONSTANTS.js +++ b/src/common/CONSTANTS.js @@ -27,17 +27,17 @@ const TYPE_PRIORITIES = { other: -Infinity }; const ICON_FOR_TYPE = new Map([ - ['movie', 'ic_movies'], - ['series', 'ic_series'], - ['channel', 'ic_channels'], - ['tv', 'ic_tv'], + ['movie', 'movies'], + ['series', 'series'], + ['channel', 'channels'], + ['tv', 'tv'], ['book', 'ic_book'], ['game', 'ic_games'], ['music', 'ic_music'], ['adult', 'ic_adult'], ['radio', 'ic_radio'], ['podcast', 'ic_podcast'], - ['other', 'ic_movies'], + ['other', 'movies'], ]); module.exports = { diff --git a/src/common/Checkbox/Checkbox.js b/src/common/Checkbox/Checkbox.js index 33d77dadc..3219cf4fd 100644 --- a/src/common/Checkbox/Checkbox.js +++ b/src/common/Checkbox/Checkbox.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const Button = require('stremio/common/Button'); const styles = require('./styles'); @@ -13,10 +13,10 @@ const Checkbox = React.forwardRef(({ className, checked, children, ...props }, r { checked ? - + : - + } {children} diff --git a/src/common/Checkbox/styles.less b/src/common/Checkbox/styles.less index cb3eaaf35..ec6c5a9ec 100644 --- a/src/common/Checkbox/styles.less +++ b/src/common/Checkbox/styles.less @@ -5,7 +5,7 @@ .checkbox-container { &:global(.checked) { .icon { - fill: @color-surface-light5; + color: @color-surface-light5; background-color: @color-primaryvariant1; } } @@ -14,6 +14,6 @@ display: block; width: 1rem; height: 1rem; - fill: @color-surface-light5; + color: @color-surface-light5; } } \ No newline at end of file diff --git a/src/common/MainNavBars/MainNavBars.js b/src/common/MainNavBars/MainNavBars.js index 87d028f94..87d3b4bb8 100644 --- a/src/common/MainNavBars/MainNavBars.js +++ b/src/common/MainNavBars/MainNavBars.js @@ -7,11 +7,11 @@ const { VerticalNavBar, HorizontalNavBar } = require('stremio/common/NavBar'); const styles = require('./styles'); const TABS = [ - { id: 'board', label: 'Board', icon: 'ic_board', href: '#/' }, - { id: 'discover', label: 'Discover', icon: 'ic_discover', href: '#/discover' }, - { id: 'library', label: 'Library', icon: 'ic_library', href: '#/library' }, - { id: 'settings', label: 'SETTINGS', icon: 'ic_settings', href: '#/settings' }, - { id: 'addons', label: 'ADDONS', icon: 'ic_addons', href: '#/addons' } + { id: 'board', label: 'Board', icon: 'home', href: '#/' }, + { id: 'discover', label: 'Discover', icon: 'discover', href: '#/discover' }, + { id: 'library', label: 'Library', icon: 'library', href: '#/library' }, + { id: 'settings', label: 'SETTINGS', icon: 'settings', href: '#/settings' }, + { id: 'addons', label: 'ADDONS', icon: 'addons', href: '#/addons' } ]; const MainNavBars = React.memo(({ className, route, query, children }) => { diff --git a/src/common/MetaItem/MetaItem.js b/src/common/MetaItem/MetaItem.js index 0196cbf65..8502bf255 100644 --- a/src/common/MetaItem/MetaItem.js +++ b/src/common/MetaItem/MetaItem.js @@ -4,7 +4,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); const filterInvalidDOMProps = require('filter-invalid-dom-props').default; -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const Button = require('stremio/common/Button'); const Image = require('stremio/common/Image'); const Multiselect = require('stremio/common/Multiselect'); @@ -56,11 +56,11 @@ const MetaItem = React.memo(({ className, type, name, poster, posterShape, playI const renderPosterFallback = React.useCallback(() => ( ), [type]); const renderMenuLabelContent = React.useCallback(() => ( - + ), []); return ( : @@ -193,7 +193,7 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele typeof toggleInLibrary === 'function' ?
{ t('BUTTON_SEE_ALL') }
- + : null diff --git a/src/common/MetaRow/MetaRowPlaceholder/MetaRowPlaceholder.js b/src/common/MetaRow/MetaRowPlaceholder/MetaRowPlaceholder.js index 469faa349..7eb2c0b35 100644 --- a/src/common/MetaRow/MetaRowPlaceholder/MetaRowPlaceholder.js +++ b/src/common/MetaRow/MetaRowPlaceholder/MetaRowPlaceholder.js @@ -4,7 +4,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); const { useTranslation } = require('react-i18next'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const Button = require('stremio/common/Button'); const CONSTANTS = require('stremio/common/CONSTANTS'); const styles = require('./styles'); @@ -21,7 +21,7 @@ const MetaRowPlaceholder = ({ className, title, deepLinks }) => { deepLinks && typeof deepLinks.discover === 'string' ? : null diff --git a/src/common/MetaRow/MetaRowPlaceholder/styles.less b/src/common/MetaRow/MetaRowPlaceholder/styles.less index 644567dc4..eb1e6bef5 100644 --- a/src/common/MetaRow/MetaRowPlaceholder/styles.less +++ b/src/common/MetaRow/MetaRowPlaceholder/styles.less @@ -49,7 +49,7 @@ flex: none; height: 1.3rem; margin-left: 0.5rem; - fill: var(--color-placeholder-text); + color: var(--color-placeholder-text); } } } diff --git a/src/common/MetaRow/styles.less b/src/common/MetaRow/styles.less index 6bf0c69c6..03c3de0f7 100644 --- a/src/common/MetaRow/styles.less +++ b/src/common/MetaRow/styles.less @@ -40,7 +40,7 @@ } .icon { - fill: @color-secondaryvariant2-light2-90; + color: @color-secondaryvariant2-light2-90; } } @@ -57,7 +57,7 @@ flex: none; height: 1.3rem; margin-left: 0.5rem; - fill: @color-secondaryvariant2-light1-90; + color: @color-secondaryvariant2-light1-90; } } } diff --git a/src/common/ModalDialog/ModalDialog.js b/src/common/ModalDialog/ModalDialog.js index 68567609e..37aa957d3 100644 --- a/src/common/ModalDialog/ModalDialog.js +++ b/src/common/ModalDialog/ModalDialog.js @@ -5,7 +5,7 @@ const PropTypes = require('prop-types'); const classnames = require('classnames'); const { useRouteFocused, useModalsContainer } = require('stremio-router'); const Button = require('stremio/common/Button'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { Modal } = require('stremio-router'); const styles = require('./styles'); @@ -60,7 +60,7 @@ const ModalDialog = ({ className, title, buttons, children, dataset, onCloseRequ
{ typeof title === 'string' && title.length > 0 ? @@ -78,7 +78,7 @@ const ModalDialog = ({ className, title, buttons, children, dataset, onCloseRequ
- + } {children} diff --git a/src/common/Multiselect/styles.less b/src/common/Multiselect/styles.less index f4199d24c..b838ea069 100644 --- a/src/common/Multiselect/styles.less +++ b/src/common/Multiselect/styles.less @@ -20,7 +20,7 @@ } .icon { - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } } @@ -36,7 +36,7 @@ width: 1rem; height: 1rem; margin-left: 1rem; - fill: @color-secondaryvariant1-90; + color: @color-secondaryvariant1-90; } .popup-menu-container { diff --git a/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js b/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js index 006983a9e..ff1c0cc8a 100644 --- a/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js +++ b/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const Button = require('stremio/common/Button'); const Image = require('stremio/common/Image'); const useFullscreen = require('stremio/common/useFullscreen'); @@ -19,7 +19,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto const [fullscreen, requestFullscreen, exitFullscreen] = useFullscreen(); const renderNavMenuLabel = React.useCallback(({ ref, className, onClick, children, }) => ( ), []); @@ -28,7 +28,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto { backButton ? :
@@ -56,7 +56,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto { addonsButton ? : null @@ -64,7 +64,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto { fullscreenButton ? : null diff --git a/src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js b/src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js index ce085151d..aacab1406 100644 --- a/src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js +++ b/src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js @@ -4,7 +4,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); const { useTranslation } = require('react-i18next'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { useServices } = require('stremio/services'); const Button = require('stremio/common/Button'); const useFullscreen = require('stremio/common/useFullscreen'); @@ -59,25 +59,25 @@ const NavMenuContent = ({ onClick }) => {
diff --git a/src/common/NavBar/HorizontalNavBar/NavMenu/styles.less b/src/common/NavBar/HorizontalNavBar/NavMenu/styles.less index b890f8bb3..ec741e27e 100644 --- a/src/common/NavBar/HorizontalNavBar/NavMenu/styles.less +++ b/src/common/NavBar/HorizontalNavBar/NavMenu/styles.less @@ -86,7 +86,7 @@ width: 1.4rem; height: 1.4rem; margin: 1.3rem; - fill: @color-secondaryvariant2-light1-90; + color: @color-secondaryvariant2-light1-90; } .nav-menu-option-label { diff --git a/src/common/NavBar/HorizontalNavBar/SearchBar/SearchBar.js b/src/common/NavBar/HorizontalNavBar/SearchBar/SearchBar.js index 34a38e050..261a24b93 100644 --- a/src/common/NavBar/HorizontalNavBar/SearchBar/SearchBar.js +++ b/src/common/NavBar/HorizontalNavBar/SearchBar/SearchBar.js @@ -4,7 +4,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); const { useTranslation } = require('react-i18next'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { useRouteFocused } = require('stremio-router'); const Button = require('stremio/common/Button'); const TextInput = require('stremio/common/TextInput'); @@ -60,7 +60,7 @@ const SearchBar = ({ className, query, active }) => {
} ); @@ -80,7 +80,7 @@ const SearchBarFallback = ({ className }) => {
{ t('SEARCH_OR_PASTE_LINK') }
); diff --git a/src/common/NavBar/HorizontalNavBar/SearchBar/styles.less b/src/common/NavBar/HorizontalNavBar/SearchBar/styles.less index 9204bf6c7..9930bbb02 100644 --- a/src/common/NavBar/HorizontalNavBar/SearchBar/styles.less +++ b/src/common/NavBar/HorizontalNavBar/SearchBar/styles.less @@ -43,7 +43,7 @@ &:hover { .icon { - fill: @color-secondaryvariant2-light1-90; + color: @color-secondaryvariant2-light1-90; } } @@ -51,7 +51,7 @@ flex: none; width: 1.7rem; height: 1.7rem; - fill: @color-secondaryvariant1-90; + color: @color-secondaryvariant1-90; } } } \ No newline at end of file diff --git a/src/common/NavBar/HorizontalNavBar/styles.less b/src/common/NavBar/HorizontalNavBar/styles.less index d3fadc931..5119cc13c 100644 --- a/src/common/NavBar/HorizontalNavBar/styles.less +++ b/src/common/NavBar/HorizontalNavBar/styles.less @@ -80,7 +80,7 @@ background-color: @color-background-light3; .icon { - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } } @@ -88,7 +88,7 @@ flex: none; width: 1.7rem; height: 1.7rem; - fill: @color-secondaryvariant2-light1-90; + color: @color-secondaryvariant2-light1-90; } } } diff --git a/src/common/NavBar/VerticalNavBar/NavTabButton/NavTabButton.js b/src/common/NavBar/VerticalNavBar/NavTabButton/NavTabButton.js index 0870c1591..c31c3171f 100644 --- a/src/common/NavBar/VerticalNavBar/NavTabButton/NavTabButton.js +++ b/src/common/NavBar/VerticalNavBar/NavTabButton/NavTabButton.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const Button = require('stremio/common/Button'); const Image = require('stremio/common/Image'); const styles = require('./styles'); @@ -11,7 +11,7 @@ const styles = require('./styles'); const NavTabButton = ({ className, logo, icon, label, href, selected, onClick }) => { const renderLogoFallback = React.useCallback(() => ( typeof icon === 'string' && icon.length > 0 ? - + : null ), [icon]); @@ -27,7 +27,7 @@ const NavTabButton = ({ className, logo, icon, label, href, selected, onClick }) /> : typeof icon === 'string' && icon.length > 0 ? - + : null } diff --git a/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less b/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less index dc464e94f..73ec34953 100644 --- a/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less +++ b/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less @@ -21,7 +21,7 @@ } .icon { - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } .label { @@ -34,7 +34,7 @@ width: 1.7rem; height: 1.7rem; margin-bottom: 0.5rem; - fill: @color-secondary-light5-90; + color: @color-secondary-light5-90; } .label { diff --git a/src/common/PaginationInput/PaginationInput.js b/src/common/PaginationInput/PaginationInput.js index 7d952be9e..e881d4db5 100644 --- a/src/common/PaginationInput/PaginationInput.js +++ b/src/common/PaginationInput/PaginationInput.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const Button = require('stremio/common/Button'); const styles = require('./styles'); @@ -22,13 +22,13 @@ const PaginationInput = ({ className, label, dataset, onSelect, ...props }) => { return (
{label}
); diff --git a/src/common/PaginationInput/styles.less b/src/common/PaginationInput/styles.less index caee2abc5..ad27ba506 100644 --- a/src/common/PaginationInput/styles.less +++ b/src/common/PaginationInput/styles.less @@ -15,7 +15,7 @@ .icon { display: block; - fill: @color-secondaryvariant1-90; + color: @color-secondaryvariant1-90; } } diff --git a/src/common/SearchBar/SearchBar.js b/src/common/SearchBar/SearchBar.js index 572bd3711..c5b24ae5c 100644 --- a/src/common/SearchBar/SearchBar.js +++ b/src/common/SearchBar/SearchBar.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const TextInput = require('stremio/common/TextInput'); const SearchBarPlaceholder = require('./SearchBarPlaceholder'); const styles = require('./styles'); @@ -18,7 +18,7 @@ const SearchBar = ({ className, title, value, onChange }) => { value={value} onChange={onChange} /> - + ); }; diff --git a/src/common/SearchBar/SearchBarPlaceholder/SearchBarPlaceholder.js b/src/common/SearchBar/SearchBarPlaceholder/SearchBarPlaceholder.js index 484d57ae2..9d7583b1b 100644 --- a/src/common/SearchBar/SearchBarPlaceholder/SearchBarPlaceholder.js +++ b/src/common/SearchBar/SearchBarPlaceholder/SearchBarPlaceholder.js @@ -3,14 +3,14 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const styles = require('./styles'); const SearchBarPlaceholder = ({ className, title }) => { return (
{title}
- +
); }; diff --git a/src/common/SearchBar/SearchBarPlaceholder/styles.less b/src/common/SearchBar/SearchBarPlaceholder/styles.less index 7c054ad24..eb8baea03 100644 --- a/src/common/SearchBar/SearchBarPlaceholder/styles.less +++ b/src/common/SearchBar/SearchBarPlaceholder/styles.less @@ -22,6 +22,6 @@ flex: none; width: 1.5rem; height: 1.5rem; - fill: var(--color-placeholder-background); + color: var(--color-placeholder-background); } } \ No newline at end of file diff --git a/src/common/SearchBar/styles.less b/src/common/SearchBar/styles.less index 2abbfd923..9c0b3eb72 100644 --- a/src/common/SearchBar/styles.less +++ b/src/common/SearchBar/styles.less @@ -38,6 +38,6 @@ flex: none; width: 1.5rem; height: 1.5rem; - fill: @color-secondaryvariant1-90; + color: @color-secondaryvariant1-90; } } \ No newline at end of file diff --git a/src/common/SharePrompt/SharePrompt.js b/src/common/SharePrompt/SharePrompt.js index fd735e71d..35f9a4401 100644 --- a/src/common/SharePrompt/SharePrompt.js +++ b/src/common/SharePrompt/SharePrompt.js @@ -4,7 +4,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); const { useTranslation } = require('react-i18next'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { useRouteFocused } = require('stremio-router'); const { useServices } = require('stremio/services'); const Button = require('stremio/common/Button'); @@ -44,11 +44,11 @@ const SharePrompt = ({ className, url }) => {
@@ -63,7 +63,7 @@ const SharePrompt = ({ className, url }) => { tabIndex={-1} />
diff --git a/src/common/SharePrompt/styles.less b/src/common/SharePrompt/styles.less index feab99c22..6cca16707 100644 --- a/src/common/SharePrompt/styles.less +++ b/src/common/SharePrompt/styles.less @@ -23,7 +23,7 @@ flex: none; height: 1.2rem; margin-right: 1rem; - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } .label { @@ -92,7 +92,7 @@ width: 1.2rem; height: 1.2rem; margin-right: 0.5rem; - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } .label { diff --git a/src/common/Toast/ToastItem/ToastItem.js b/src/common/Toast/ToastItem/ToastItem.js index 1e706ef56..3f649a63c 100644 --- a/src/common/Toast/ToastItem/ToastItem.js +++ b/src/common/Toast/ToastItem/ToastItem.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const Button = require('stremio/common/Button'); const styles = require('./styles'); @@ -16,8 +16,8 @@ const ToastItem = ({ title, message, dataset, onSelect, onClose, ...props }) => }, [props.type]); const icon = React.useMemo(() => { return typeof props.icon === 'string' ? props.icon : - type === 'success' ? 'ic_check' : - type === 'error' ? 'ic_warning' : + type === 'success' ? 'checkmark' : + type === 'error' ? 'warning' : null; }, [type, props.icon]); const toastOnClick = React.useCallback((event) => { @@ -54,7 +54,7 @@ const ToastItem = ({ title, message, dataset, onSelect, onClose, ...props }) => { typeof icon === 'string' && icon.length > 0 ?
- +
: null @@ -74,7 +74,7 @@ const ToastItem = ({ title, message, dataset, onSelect, onClose, ...props }) => } ); diff --git a/src/common/Toast/ToastItem/styles.less b/src/common/Toast/ToastItem/styles.less index 8c0fc3990..041ba3dcd 100644 --- a/src/common/Toast/ToastItem/styles.less +++ b/src/common/Toast/ToastItem/styles.less @@ -18,7 +18,7 @@ background-color: @color-accent3; .icon { - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } } } @@ -28,7 +28,7 @@ background-color: @color-accent2; .icon { - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } } } @@ -43,7 +43,7 @@ display: block; width: 100%; height: 100%; - fill: @color-background-dark5-90; + color: @color-background-dark5-90; } } diff --git a/src/routes/Addons/Addon/Addon.js b/src/routes/Addons/Addon/Addon.js index 9d96177c7..573d014b1 100644 --- a/src/routes/Addons/Addon/Addon.js +++ b/src/routes/Addons/Addon/Addon.js @@ -4,7 +4,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); const { useTranslation } = require('react-i18next'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { Button, Image } = require('stremio/common'); const styles = require('./styles'); @@ -51,7 +51,7 @@ const Addon = ({ className, id, name, version, logo, description, types, behavio } }, [onToggle, dataset]); const renderLogoFallback = React.useCallback(() => ( - + ), []); return ( : null @@ -113,7 +113,7 @@ const Addon = ({ className, id, name, version, logo, description, types, behavio diff --git a/src/routes/Addons/Addon/styles.less b/src/routes/Addons/Addon/styles.less index cae380265..a9b8301bf 100644 --- a/src/routes/Addons/Addon/styles.less +++ b/src/routes/Addons/Addon/styles.less @@ -31,7 +31,7 @@ width: 100%; height: 100%; padding: 1rem; - fill: @color-secondaryvariant1-light3; + color: @color-secondaryvariant1-light3; } } @@ -150,7 +150,7 @@ } .icon { - fill: @color-surface-light5; + color: @color-surface-light5; } } @@ -170,7 +170,7 @@ .share-button-container { &:hover { .icon { - fill: @color-secondaryvariant1-light1; + color: @color-secondaryvariant1-light1; } .label { @@ -180,7 +180,7 @@ } .icon { - fill: @color-secondaryvariant1-dark1-60; + color: @color-secondaryvariant1-dark1-60; } .label { diff --git a/src/routes/Addons/Addons.js b/src/routes/Addons/Addons.js index e3e46b857..5e350cb4b 100644 --- a/src/routes/Addons/Addons.js +++ b/src/routes/Addons/Addons.js @@ -4,7 +4,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); const { useTranslation } = require('react-i18next'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { AddonDetailsModal, Button, Image, Multiselect, MainNavBars, TextInput, SearchBar, SharePrompt, ModalDialog, useBinaryState, withCoreSuspender } = require('stremio/common'); const Addon = require('./Addon'); const useInstalledAddons = require('./useInstalledAddons'); @@ -72,7 +72,7 @@ const Addons = ({ urlParams, queryParams }) => { ); }, [search]); const renderLogoFallback = React.useCallback(() => ( - + ), []); React.useLayoutEffect(() => { closeAddAddonModal(); @@ -84,7 +84,7 @@ const Addons = ({ urlParams, queryParams }) => {
{selectInputs.map((selectInput, index) => ( @@ -102,7 +102,7 @@ const Addons = ({ urlParams, queryParams }) => { onChange={searchInputOnChange} />
{ diff --git a/src/routes/Addons/styles.less b/src/routes/Addons/styles.less index af1de40ef..abb3606b9 100644 --- a/src/routes/Addons/styles.less +++ b/src/routes/Addons/styles.less @@ -67,7 +67,7 @@ width: 1.2rem; height: 1.2rem; margin-right: 1rem; - fill: @color-surface-light5; + color: @color-surface-light5; } .add-button-label { @@ -116,7 +116,7 @@ flex: none; width: 1.4rem; height: 1.4rem; - fill: @color-secondaryvariant1-90; + color: @color-secondaryvariant1-90; } } } @@ -229,7 +229,7 @@ } .icon { - fill: @color-secondaryvariant1-light3; + color: @color-secondaryvariant1-light3; } .name-container { diff --git a/src/routes/Discover/Discover.js b/src/routes/Discover/Discover.js index 688eb072a..3ed1354ff 100644 --- a/src/routes/Discover/Discover.js +++ b/src/routes/Discover/Discover.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { useServices } = require('stremio/services'); const { AddonDetailsModal, DelayedRenderer, Button, MainNavBars, MetaItem, Image, MetaPreview, Multiselect, ModalDialog, CONSTANTS, useBinaryState, useOnScrollToBottom, withCoreSuspender } = require('stremio/common'); const useDiscover = require('./useDiscover'); @@ -92,7 +92,7 @@ const Discover = ({ urlParams, queryParams }) => { /> ))}
{ @@ -142,7 +142,7 @@ const Discover = ({ urlParams, queryParams }) => { name={metaItem.name} poster={metaItem.poster} posterShape={metaItem.posterShape} - playIcon={selectedMetaItemIndex === index} + playname={selectedMetaItemIndex === index} deepLinks={metaItem.deepLinks} data-index={index} onClick={metaItemOnClick} diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less index 704d24f4d..59bdee57c 100644 --- a/src/routes/Discover/styles.less +++ b/src/routes/Discover/styles.less @@ -84,7 +84,7 @@ flex: none; width: 1.4rem; height: 1.4rem; - fill: @color-secondaryvariant1-90; + color: @color-secondaryvariant1-90; } } } @@ -260,7 +260,7 @@ } .multiselect-icon { - fill: @color-background-dark2-90; + color: @color-background-dark2-90; } } } diff --git a/src/routes/Intro/ConsentCheckbox/styles.less b/src/routes/Intro/ConsentCheckbox/styles.less index ba2fafe2c..10a6e532e 100644 --- a/src/routes/Intro/ConsentCheckbox/styles.less +++ b/src/routes/Intro/ConsentCheckbox/styles.less @@ -21,7 +21,7 @@ flex: none; width: 1.2rem; height: 1.2rem; - fill: @color-surface-dark5; + color: @color-surface-dark5; } .label { diff --git a/src/routes/Intro/Intro.js b/src/routes/Intro/Intro.js index 4e2fb74cd..c7cc312f5 100644 --- a/src/routes/Intro/Intro.js +++ b/src/routes/Intro/Intro.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { Modal, useRouteFocused } = require('stremio-router'); const { useServices } = require('stremio/services'); const { Button, Image, useBinaryState } = require('stremio/common'); @@ -283,10 +283,10 @@ const Intro = ({ queryParams }) => {
{' - +
{ @@ -396,7 +396,7 @@ const Intro = ({ queryParams }) => { loaderModalOpen ?
- +
Authenticating...
 diff --git a/src/routes/Intro/styles.less b/src/routes/Intro/styles.less index 27e19e31e..59eab3279 100644 --- a/src/routes/Intro/styles.less +++ b/src/routes/Intro/styles.less @@ -43,7 +43,7 @@ flex: none; width: 8rem; height: 4rem; - fill: @color-surface-dark4-90; + color: @color-surface-dark4-90; } } @@ -59,7 +59,7 @@ width: 1rem; height: 2rem; margin-right: 1rem; - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } .label { @@ -226,7 +226,7 @@ width: 5rem; height: 5rem; margin-bottom: 1rem; - fill: @color-background-dark5-90; + color: @color-background-dark5-90; animation: 1s linear infinite alternate flash; } diff --git a/src/routes/Library/Library.js b/src/routes/Library/Library.js index c2790824e..175459682 100644 --- a/src/routes/Library/Library.js +++ b/src/routes/Library/Library.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const NotFound = require('stremio/routes/NotFound'); const { Button, DelayedRenderer, Multiselect, MainNavBars, LibItem, Image, ModalDialog, PaginationInput, useProfile, routesRegexp, useBinaryState, withCoreSuspender } = require('stremio/common'); const useLibrary = require('./useLibrary'); @@ -64,7 +64,7 @@ const Library = ({ model, urlParams, queryParams }) => { }
: diff --git a/src/routes/Library/styles.less b/src/routes/Library/styles.less index a5619a287..9798ae8a5 100644 --- a/src/routes/Library/styles.less +++ b/src/routes/Library/styles.less @@ -67,7 +67,7 @@ flex: none; width: 1.4rem; height: 1.4rem; - fill: @color-secondaryvariant1-90; + color: @color-secondaryvariant1-90; } } @@ -85,7 +85,7 @@ .pagination-prev-button-container, .pagination-next-button-container { .pagination-button-icon { - fill: @color-surface-dark5-90; + color: @color-surface-dark5-90; } } diff --git a/src/routes/MetaDetails/StreamsList/Stream/Stream.js b/src/routes/MetaDetails/StreamsList/Stream/Stream.js index b6ab98b4e..4fd1015df 100644 --- a/src/routes/MetaDetails/StreamsList/Stream/Stream.js +++ b/src/routes/MetaDetails/StreamsList/Stream/Stream.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { Button, Image, PlayIconCircleCentered, useProfile, platform, useStreamingServer, useToast } = require('stremio/common'); const { useServices } = require('stremio/services'); const StreamPlaceholder = require('./StreamPlaceholder'); @@ -58,7 +58,7 @@ const Stream = ({ className, addonName, name, description, thumbnail, progress, return href === deepLinks.externalPlayer.href ? deepLinks.externalPlayer.fileName : false; }, [href]); const renderThumbnailFallback = React.useCallback(() => ( - + ), []); return ( diff --git a/src/routes/MetaDetails/StreamsList/styles.less b/src/routes/MetaDetails/StreamsList/styles.less index bbc19bec6..d21f6f2c1 100644 --- a/src/routes/MetaDetails/StreamsList/styles.less +++ b/src/routes/MetaDetails/StreamsList/styles.less @@ -56,7 +56,7 @@ } & >.multiselect-icon { - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } .multiselect-menu-container { @@ -92,7 +92,7 @@ width: 2rem; height: 2rem; margin-right: 1rem; - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } .label { diff --git a/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBar.js b/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBar.js index 14a4004f5..3103e82d8 100644 --- a/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBar.js +++ b/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBar.js @@ -4,7 +4,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); const { t } = require('i18next'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { Button, Multiselect } = require('stremio/common'); const SeasonsBarPlaceholder = require('./SeasonsBarPlaceholder'); const styles = require('./styles'); @@ -49,7 +49,7 @@ const SeasonsBar = ({ className, seasons, season, onSelect }) => { return (
{ />
); diff --git a/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBarPlaceholder/SeasonsBarPlaceholder.js b/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBarPlaceholder/SeasonsBarPlaceholder.js index e7ca8db90..7816bda13 100644 --- a/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBarPlaceholder/SeasonsBarPlaceholder.js +++ b/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBarPlaceholder/SeasonsBarPlaceholder.js @@ -3,23 +3,23 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const styles = require('./styles'); const SeasonsBarPlaceholder = ({ className }) => { return (
- +
Prev
Season 1
- +
Next
- +
); diff --git a/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBarPlaceholder/styles.less b/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBarPlaceholder/styles.less index 5946dbbd3..047966047 100644 --- a/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBarPlaceholder/styles.less +++ b/src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBarPlaceholder/styles.less @@ -24,7 +24,7 @@ display: block; width: 1.5rem; height: 1.5rem; - fill: var(--color-placeholder-background); + color: var(--color-placeholder-background); } .label { @@ -54,7 +54,7 @@ width: 1rem; height: 1rem; margin-left: 1rem; - fill: var(--color-placeholder-background); + color: var(--color-placeholder-background); } } } \ No newline at end of file diff --git a/src/routes/MetaDetails/VideosList/SeasonsBar/styles.less b/src/routes/MetaDetails/VideosList/SeasonsBar/styles.less index 3acf2ba04..f5f5e3527 100644 --- a/src/routes/MetaDetails/VideosList/SeasonsBar/styles.less +++ b/src/routes/MetaDetails/VideosList/SeasonsBar/styles.less @@ -31,7 +31,7 @@ } .icon { - fill: @color-surface-light2-90; + color: @color-surface-light2-90; } } @@ -55,7 +55,7 @@ flex: none; width: 1.5rem; height: 1.5rem; - fill: @color-surface-90; + color: @color-surface-90; } } @@ -73,7 +73,7 @@ } &>.multiselect-icon { - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } .multiselect-menu-container { diff --git a/src/routes/MetaDetails/VideosList/Video/Video.js b/src/routes/MetaDetails/VideosList/Video/Video.js index 52ea5fa16..bc0d9a627 100644 --- a/src/routes/MetaDetails/VideosList/Video/Video.js +++ b/src/routes/MetaDetails/VideosList/Video/Video.js @@ -5,7 +5,7 @@ const PropTypes = require('prop-types'); const classnames = require('classnames'); const { useServices } = require('stremio/services'); const { useRouteFocused } = require('stremio-router'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { Button, Image, Popup, useBinaryState } = require('stremio/common'); const VideoPlaceholder = require('./VideoPlaceholder'); const styles = require('./styles'); @@ -71,7 +71,7 @@ const Video = ({ className, id, title, thumbnail, episode, released, upcoming, w renderFallback={() => ( )} /> diff --git a/src/routes/MetaDetails/VideosList/Video/styles.less b/src/routes/MetaDetails/VideosList/Video/styles.less index b19d9f86b..9554f0dc7 100644 --- a/src/routes/MetaDetails/VideosList/Video/styles.less +++ b/src/routes/MetaDetails/VideosList/Video/styles.less @@ -40,7 +40,7 @@ width: 7.5rem; height: 5rem; padding: 1rem; - fill: @color-surface-light5; + color: @color-surface-light5; background-color: @color-surface-light5-40; opacity: 0.25; } diff --git a/src/routes/MetaDetails/useMetaExtensionTabs.js b/src/routes/MetaDetails/useMetaExtensionTabs.js index 44759580d..958c148f4 100644 --- a/src/routes/MetaDetails/useMetaExtensionTabs.js +++ b/src/routes/MetaDetails/useMetaExtensionTabs.js @@ -9,7 +9,7 @@ const useMetaExtensionTabs = (metaExtensions) => { id: extension.url, label: extension.addon.manifest.name, logo: extension.addon.manifest.logo, - icon: 'ic_addons', + icon: 'addons', onClick: () => setSelected(extension) })); }, [metaExtensions]); diff --git a/src/routes/Player/ControlBar/ControlBar.js b/src/routes/Player/ControlBar/ControlBar.js index 52e59e9a2..7ea997a21 100644 --- a/src/routes/Player/ControlBar/ControlBar.js +++ b/src/routes/Player/ControlBar/ControlBar.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { Button } = require('stremio/common'); const { useServices } = require('stremio/services'); const SeekBar = require('./SeekBar'); @@ -146,12 +146,12 @@ const ControlBar = ({ />
{ nextVideo !== null ? : null @@ -159,12 +159,12 @@ const ControlBar = ({ @@ -175,34 +175,34 @@ const ControlBar = ({ />
{ metaItem?.content?.videos?.length > 0 ? : null }
diff --git a/src/routes/Player/ControlBar/SeekBar/styles.less b/src/routes/Player/ControlBar/SeekBar/styles.less index b3f157762..1f997740d 100644 --- a/src/routes/Player/ControlBar/SeekBar/styles.less +++ b/src/routes/Player/ControlBar/SeekBar/styles.less @@ -15,7 +15,7 @@ &:hover, &:global(.active) { .slider:not(:global(.disabled)) { .slider-thumb { - fill: @color-surface-light5; + color: @color-surface-light5; } } } @@ -48,7 +48,7 @@ margin: 0 var(--thumb-size); .slider-thumb { - fill: transparent; + color: transparent; } } } \ No newline at end of file diff --git a/src/routes/Player/ControlBar/styles.less b/src/routes/Player/ControlBar/styles.less index 67b0979ad..be20aa3ef 100644 --- a/src/routes/Player/ControlBar/styles.less +++ b/src/routes/Player/ControlBar/styles.less @@ -28,7 +28,7 @@ &:global(.disabled) { .icon { - fill: @color-surface; + color: @color-surface; } } @@ -36,7 +36,7 @@ flex: none; width: 3rem; height: 2rem; - fill: @color-surface-light5; + color: @color-surface-light5; } } @@ -66,7 +66,7 @@ flex: none; width: 3rem; height: 2rem; - fill: @color-surface-light5; + color: @color-surface-light5; } } diff --git a/src/routes/Player/NextVideoPopup/NextVideoPopup.js b/src/routes/Player/NextVideoPopup/NextVideoPopup.js index 2b5d1972d..049329f35 100644 --- a/src/routes/Player/NextVideoPopup/NextVideoPopup.js +++ b/src/routes/Player/NextVideoPopup/NextVideoPopup.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { Image, Button, CONSTANTS } = require('stremio/common'); const styles = require('./styles'); @@ -26,7 +26,7 @@ const NextVideoPopup = ({ className, metaItem, nextVideo, onDismiss, onPlayNextV return metaItem !== null && typeof metaItem.type === 'string' ? : null; @@ -78,11 +78,11 @@ const NextVideoPopup = ({ className, metaItem, nextVideo, onDismiss, onPlayNextV
diff --git a/src/routes/Player/NextVideoPopup/styles.less b/src/routes/Player/NextVideoPopup/styles.less index 81a566a24..004ab10b9 100644 --- a/src/routes/Player/NextVideoPopup/styles.less +++ b/src/routes/Player/NextVideoPopup/styles.less @@ -40,7 +40,7 @@ flex: none; width: 80%; height: 50%; - fill: @color-background-light3-90; + color: @color-background-light3-90; } } @@ -87,7 +87,7 @@ background-color: @color-accent3; .icon { - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } .label { @@ -104,7 +104,7 @@ width: 1.4rem; height: 1.4rem; margin-right: 1rem; - fill: @color-secondaryvariant1-90; + color: @color-secondaryvariant1-90; } .label { diff --git a/src/routes/Player/OptionsMenu/Option/Option.js b/src/routes/Player/OptionsMenu/Option/Option.js index 317cd0a15..b8ef7d159 100644 --- a/src/routes/Player/OptionsMenu/Option/Option.js +++ b/src/routes/Player/OptionsMenu/Option/Option.js @@ -3,7 +3,7 @@ const React = require('react'); const PropTypes = require('prop-types'); const classnames = require('classnames'); -const Icon = require('@stremio/stremio-icons/dom'); +const { default: Icon } = require('@stremio/stremio-icons/react'); const { Button } = require('stremio/common'); const styles = require('./styles'); @@ -15,7 +15,7 @@ const Option = ({ icon, label, deviceId, disabled, onClick }) => { }, [onClick, deviceId]); return ( ); diff --git a/src/routes/Player/OptionsMenu/Option/styles.less b/src/routes/Player/OptionsMenu/Option/styles.less index a3f54650d..2a705d750 100644 --- a/src/routes/Player/OptionsMenu/Option/styles.less +++ b/src/routes/Player/OptionsMenu/Option/styles.less @@ -13,7 +13,7 @@ width: 1.4rem; height: 1.4rem; margin: 1.3rem; - fill: @color-surface-light5-90; + color: @color-surface-light5-90; } .label { diff --git a/src/routes/Player/OptionsMenu/OptionsMenu.js b/src/routes/Player/OptionsMenu/OptionsMenu.js index a367cb997..4d040e954 100644 --- a/src/routes/Player/OptionsMenu/OptionsMenu.js +++ b/src/routes/Player/OptionsMenu/OptionsMenu.js @@ -73,7 +73,7 @@ const OptionsMenu = ({ className, stream, playbackDevices }) => { { streamingUrl || downloadUrl ?