From fad52c4445277e8f69234f9bba488a40d3dcac31 Mon Sep 17 00:00:00 2001 From: ph1p Date: Sat, 25 Jan 2020 16:37:57 +0100 Subject: [PATCH] build(deps): update dependencies --- package-lock.json | 281 ++++++++++++++--------------- package.json | 16 +- src/assets/figma-ui/main.min.css | 162 ++++++++--------- src/assets/figma-ui/scripts.min.js | 2 +- 4 files changed, 221 insertions(+), 240 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3fe69c2..fbf712b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,19 +5,19 @@ "requires": true, "dependencies": { "@babel/code-frame": { - "version": "7.5.5", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.5.5.tgz", - "integrity": "sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.8.3.tgz", + "integrity": "sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==", "requires": { - "@babel/highlight": "^7.0.0" + "@babel/highlight": "^7.8.3" } }, "@babel/generator": { - "version": "7.7.2", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.7.2.tgz", - "integrity": "sha512-WthSArvAjYLz4TcbKOi88me+KmDJdKSlfwwN8CnUYn9jBkzhq0ZEPuBfkAWIvjJ3AdEV1Cf/+eSQTnp3IDJKlQ==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.8.3.tgz", + "integrity": "sha512-WjoPk8hRpDRqqzRpvaR8/gDUPkrnOOeuT2m8cNICJtZH6mwaCo3v0OKMI7Y6SM1pBtyijnLtAL0HDi41pf41ug==", "requires": { - "@babel/types": "^7.7.2", + "@babel/types": "^7.8.3", "jsesc": "^2.5.1", "lodash": "^4.17.13", "source-map": "^0.5.0" @@ -31,51 +31,51 @@ } }, "@babel/helper-annotate-as-pure": { - "version": "7.7.0", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.7.0.tgz", - "integrity": "sha512-k50CQxMlYTYo+GGyUGFwpxKVtxVJi9yh61sXZji3zYHccK9RYliZGSTOgci85T+r+0VFN2nWbGM04PIqwfrpMg==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.8.3.tgz", + "integrity": "sha512-6o+mJrZBxOoEX77Ezv9zwW7WV8DdluouRKNY/IR5u/YTMuKHgugHOzYWlYvYLpLA9nPsQCAAASpCIbjI9Mv+Uw==", "requires": { - "@babel/types": "^7.7.0" + "@babel/types": "^7.8.3" } }, "@babel/helper-function-name": { - "version": "7.7.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.7.0.tgz", - "integrity": "sha512-tDsJgMUAP00Ugv8O2aGEua5I2apkaQO7lBGUq1ocwN3G23JE5Dcq0uh3GvFTChPa4b40AWiAsLvCZOA2rdnQ7Q==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.8.3.tgz", + "integrity": "sha512-BCxgX1BC2hD/oBlIFUgOCQDOPV8nSINxCwM3o93xP4P9Fq6aV5sgv2cOOITDMtCfQ+3PvHp3l689XZvAM9QyOA==", "requires": { - "@babel/helper-get-function-arity": "^7.7.0", - "@babel/template": "^7.7.0", - "@babel/types": "^7.7.0" + "@babel/helper-get-function-arity": "^7.8.3", + "@babel/template": "^7.8.3", + "@babel/types": "^7.8.3" } }, "@babel/helper-get-function-arity": { - "version": "7.7.0", - "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.7.0.tgz", - "integrity": "sha512-tLdojOTz4vWcEnHWHCuPN5P85JLZWbm5Fx5ZsMEMPhF3Uoe3O7awrbM2nQ04bDOUToH/2tH/ezKEOR8zEYzqyw==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz", + "integrity": "sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==", "requires": { - "@babel/types": "^7.7.0" + "@babel/types": "^7.8.3" } }, "@babel/helper-module-imports": { - "version": "7.7.0", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.7.0.tgz", - "integrity": "sha512-Dv3hLKIC1jyfTkClvyEkYP2OlkzNvWs5+Q8WgPbxM5LMeorons7iPP91JM+DU7tRbhqA1ZeooPaMFvQrn23RHw==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.8.3.tgz", + "integrity": "sha512-R0Bx3jippsbAEtzkpZ/6FIiuzOURPcMjHp+Z6xPe6DtApDJx+w7UYyOLanZqO8+wKR9G10s/FmHXvxaMd9s6Kg==", "requires": { - "@babel/types": "^7.7.0" + "@babel/types": "^7.8.3" } }, "@babel/helper-split-export-declaration": { - "version": "7.7.0", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.7.0.tgz", - "integrity": "sha512-HgYSI8rH08neWlAH3CcdkFg9qX9YsZysZI5GD8LjhQib/mM0jGOZOVkoUiiV2Hu978fRtjtsGsW6w0pKHUWtqA==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz", + "integrity": "sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==", "requires": { - "@babel/types": "^7.7.0" + "@babel/types": "^7.8.3" } }, "@babel/highlight": { - "version": "7.5.0", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.5.0.tgz", - "integrity": "sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.8.3.tgz", + "integrity": "sha512-PX4y5xQUvy0fnEVHrYOarRPXVWafSjTW9T0Hab8gVIawpl2Sj0ORyrygANq+KjcNlSSTw0YCLSNA8OyZ1I4yEg==", "requires": { "chalk": "^2.0.0", "esutils": "^2.0.2", @@ -83,9 +83,9 @@ } }, "@babel/parser": { - "version": "7.7.3", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.7.3.tgz", - "integrity": "sha512-bqv+iCo9i+uLVbI0ILzKkvMorqxouI+GbV13ivcARXn9NNEabi2IEz912IgNpT/60BNXac5dgcfjb94NjsF33A==" + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.8.3.tgz", + "integrity": "sha512-/V72F4Yp/qmHaTALizEm9Gf2eQHV3QyTL3K0cNfijwnMnb1L+LDlAubb/ZnSdGAVzVSWakujHYs1I26x66sMeQ==" }, "@babel/runtime": { "version": "7.7.2", @@ -96,26 +96,26 @@ } }, "@babel/template": { - "version": "7.7.0", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.7.0.tgz", - "integrity": "sha512-OKcwSYOW1mhWbnTBgQY5lvg1Fxg+VyfQGjcBduZFljfc044J5iDlnDSfhQ867O17XHiSCxYHUxHg2b7ryitbUQ==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.8.3.tgz", + "integrity": "sha512-04m87AcQgAFdvuoyiQ2kgELr2tV8B4fP/xJAVUL3Yb3bkNdMedD3d0rlSQr3PegP0cms3eHjl1F7PWlvWbU8FQ==", "requires": { - "@babel/code-frame": "^7.0.0", - "@babel/parser": "^7.7.0", - "@babel/types": "^7.7.0" + "@babel/code-frame": "^7.8.3", + "@babel/parser": "^7.8.3", + "@babel/types": "^7.8.3" } }, "@babel/traverse": { - "version": "7.7.2", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.7.2.tgz", - "integrity": "sha512-TM01cXib2+rgIZrGJOLaHV/iZUAxf4A0dt5auY6KNZ+cm6aschuJGqKJM3ROTt3raPUdIDk9siAufIFEleRwtw==", - "requires": { - "@babel/code-frame": "^7.5.5", - "@babel/generator": "^7.7.2", - "@babel/helper-function-name": "^7.7.0", - "@babel/helper-split-export-declaration": "^7.7.0", - "@babel/parser": "^7.7.2", - "@babel/types": "^7.7.2", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.8.3.tgz", + "integrity": "sha512-we+a2lti+eEImHmEXp7bM9cTxGzxPmBiVJlLVD+FuuQMeeO7RaDbutbgeheDkw+Xe3mCfJHnGOWLswT74m2IPg==", + "requires": { + "@babel/code-frame": "^7.8.3", + "@babel/generator": "^7.8.3", + "@babel/helper-function-name": "^7.8.3", + "@babel/helper-split-export-declaration": "^7.8.3", + "@babel/parser": "^7.8.3", + "@babel/types": "^7.8.3", "debug": "^4.1.0", "globals": "^11.1.0", "lodash": "^4.17.13" @@ -128,18 +128,13 @@ "requires": { "ms": "^2.1.1" } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" } } }, "@babel/types": { - "version": "7.7.2", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.7.2.tgz", - "integrity": "sha512-YTf6PXoh3+eZgRCBzzP25Bugd2ngmpQVrk7kXX0i5N9BO7TFBtIgZYs7WtxtOGs8e6A4ZI7ECkbBCEHeXocvOA==", + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.8.3.tgz", + "integrity": "sha512-jBD+G8+LWpMBBWvVcdr4QysjUE4mU/syrhN17o1u3gx0/WzJB1kwiVZAXRtWbsIPOwW8pF/YJV5+nmetPzepXg==", "requires": { "esutils": "^2.0.2", "lodash": "^4.17.13", @@ -147,22 +142,27 @@ } }, "@emotion/is-prop-valid": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.5.tgz", - "integrity": "sha512-6ZODuZSFofbxSbcxwsFz+6ioPjb0ISJRRPLZ+WIbjcU2IMU0Io+RGQjjaTgOvNQl007KICBm7zXQaYQEC1r6Bg==", + "version": "0.8.6", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.6.tgz", + "integrity": "sha512-mnZMho3Sq8BfzkYYRVc8ilQTnc8U02Ytp6J1AwM6taQStZ3AhsEJBX2LzhA/LJirNCwM2VtHL3VFIZ+sNJUgUQ==", "requires": { - "@emotion/memoize": "0.7.3" + "@emotion/memoize": "0.7.4" } }, "@emotion/memoize": { - "version": "0.7.3", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.3.tgz", - "integrity": "sha512-2Md9mH6mvo+ygq1trTeVp2uzAKwE2P7In0cRpD/M9Q70aH8L+rxMLbb3JCN2JoSWsV2O+DdFjfbbXoMoLBczow==" + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" + }, + "@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" }, "@emotion/unitless": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.4.tgz", - "integrity": "sha512-kBa+cDHOR9jpRJ+kcGMsysrls0leukrm68DmFQoMIWQcXdr2cZvyvypWuGYT7U+9kAExUE7+T7r6G3C3A6L8MQ==" + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" }, "@nx-js/observer-util": { "version": "4.2.2", @@ -176,9 +176,9 @@ "dev": true }, "@types/react": { - "version": "16.9.17", - "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.17.tgz", - "integrity": "sha512-UP27In4fp4sWF5JgyV6pwVPAQM83Fj76JOcg02X5BZcpSu5Wx+fP9RMqc2v0ssBoQIFvD5JdKY41gjJJKmw6Bg==", + "version": "16.9.19", + "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.19.tgz", + "integrity": "sha512-LJV97//H+zqKWMms0kvxaKYJDG05U2TtQB3chRLF8MPNs+MQh/H1aGlyDUxjaHvu08EAGerdX2z4LTBc7ns77A==", "dev": true, "requires": { "@types/prop-types": "*", @@ -186,9 +186,9 @@ } }, "@types/react-dom": { - "version": "16.9.4", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.4.tgz", - "integrity": "sha512-fya9xteU/n90tda0s+FtN5Ym4tbgxpq/hb/Af24dvs6uYnYn+fspaxw5USlw0R8apDNwxsqumdRoCoKitckQqw==", + "version": "16.9.5", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.5.tgz", + "integrity": "sha512-BX6RQ8s9D+2/gDhxrj8OW+YD4R+8hj7FEM/OJHGNR0KipE1h1mSsf39YeyC81qafkq+N3rU3h3RFbLSwE5VqUg==", "dev": true, "requires": { "@types/react": "*" @@ -1439,9 +1439,9 @@ "integrity": "sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=" }, "css-loader": { - "version": "3.4.1", - "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.4.1.tgz", - "integrity": "sha512-+ybmv7sVxxNEenQhkifQDvny/1iNQM7YooJbSfVUdQQvisyg1aKIqgGjCjoFSyVLJMp17z9rfZFQaR5HGHcMbw==", + "version": "3.4.2", + "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.4.2.tgz", + "integrity": "sha512-jYq4zdZT0oS0Iykt+fqnzVLRIeiPWhka+7BqPn+oSIpWJAHak5tmB/WZrJ2a21JhCeFyNnnlroSl8c+MtVndzA==", "dev": true, "requires": { "camelcase": "^5.3.1", @@ -1471,20 +1471,13 @@ } }, "css-to-react-native": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-2.3.2.tgz", - "integrity": "sha512-VOFaeZA053BqvvvqIA8c9n0+9vFppVBAHCp6JgFTtTMU3Mzi+XnelJ9XC9ul3BqFzZyQ5N+H0SnwsWT2Ebchxw==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", + "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", "requires": { "camelize": "^1.0.0", "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^3.3.0" - }, - "dependencies": { - "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==" - } + "postcss-value-parser": "^4.0.2" } }, "css-what": { @@ -2328,9 +2321,9 @@ } }, "fs-minipass": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.0.0.tgz", - "integrity": "sha512-40Qz+LFXmd9tzYVnnBmZvFfvAADfUA14TXPK1s7IfElJTIZ97rA8w4Kin7Wt5JBrC3ShnnFJO/5vPjPEeJIq9A==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", + "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", "dev": true, "requires": { "minipass": "^3.0.0" @@ -3602,11 +3595,6 @@ "has-symbols": "^1.0.0" } }, - "is-what": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.3.1.tgz", - "integrity": "sha512-seFn10yAXy+yJlTRO+8VfiafC+0QJanGLMPTBWLrJm/QPauuchy0UXh8B6H5o9VA8BAzk0iYievt6mNp6gfaqA==" - }, "is-windows": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", @@ -3824,11 +3812,6 @@ "p-is-promise": "^2.0.0" } }, - "memoize-one": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.1.1.tgz", - "integrity": "sha512-HKeeBpWvqiVJD57ZUAsJNm71eHTykffzcLZVYWiVfQeI1rJtuEaS7hQiEpWfVVk18donPwJEcFKIkCmPJNOhHA==" - }, "memory-fs": { "version": "0.5.0", "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz", @@ -3871,14 +3854,6 @@ } } }, - "merge-anything": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/merge-anything/-/merge-anything-2.4.1.tgz", - "integrity": "sha512-dYOIAl9GFCJNctSIHWOj9OJtarCjsD16P8ObCl6oxrujAG+kOvlwJuOD9/O9iYZ9aTi1RGpGTG9q9etIvuUikQ==", - "requires": { - "is-what": "^3.3.1" - } - }, "merge-stream": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", @@ -4052,6 +4027,11 @@ "run-queue": "^1.0.3" } }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + }, "nan": { "version": "2.14.0", "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz", @@ -4622,8 +4602,7 @@ "postcss-value-parser": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz", - "integrity": "sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==", - "dev": true + "integrity": "sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==" }, "pretty-error": { "version": "2.1.1", @@ -5218,6 +5197,11 @@ "safe-buffer": "^5.0.1" } }, + "shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "shebang-command": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", @@ -5701,32 +5685,41 @@ "dev": true }, "style-loader": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-1.1.2.tgz", - "integrity": "sha512-0Mpq1ZHFDCNq1F+6avNBgv+7q8V+mWRuzehxyJT+aKgzyN/yfKTwjYqaYwBgx+11UpQxL21zNQfzzlz+JcGURw==", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-1.1.3.tgz", + "integrity": "sha512-rlkH7X/22yuwFYK357fMN/BxYOorfnfq0eD7+vqlemSK4wEcejFF1dg4zxP0euBW8NrYx2WZzZ8PPFevr7D+Kw==", "dev": true, "requires": { "loader-utils": "^1.2.3", - "schema-utils": "^2.0.1" + "schema-utils": "^2.6.4" + }, + "dependencies": { + "schema-utils": { + "version": "2.6.4", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz", + "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==", + "dev": true, + "requires": { + "ajv": "^6.10.2", + "ajv-keywords": "^3.4.1" + } + } } }, "styled-components": { - "version": "4.4.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-4.4.1.tgz", - "integrity": "sha512-RNqj14kYzw++6Sr38n7197xG33ipEOktGElty4I70IKzQF1jzaD1U4xQ+Ny/i03UUhHlC5NWEO+d8olRCDji6g==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0.tgz", + "integrity": "sha512-F7VhIXIbUXJ8KO3pU9wap2Hxdtqa6PZ1uHrx+YXTgRjyxGlwvBHb8LULXPabmDA+uEliTXRJM5WcZntJnKNn3g==", "requires": { "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.0.0", - "@emotion/is-prop-valid": "^0.8.1", - "@emotion/unitless": "^0.7.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^0.8.3", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", "babel-plugin-styled-components": ">= 1", - "css-to-react-native": "^2.2.2", - "memoize-one": "^5.0.0", - "merge-anything": "^2.2.4", - "prop-types": "^15.5.4", - "react-is": "^16.6.0", - "stylis": "^3.5.0", - "stylis-rule-sheet": "^0.0.10", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", "supports-color": "^5.5.0" }, "dependencies": { @@ -5740,16 +5733,6 @@ } } }, - "stylis": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/stylis/-/stylis-3.5.4.tgz", - "integrity": "sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==" - }, - "stylis-rule-sheet": { - "version": "0.0.10", - "resolved": "https://registry.npmjs.org/stylis-rule-sheet/-/stylis-rule-sheet-0.0.10.tgz", - "integrity": "sha512-nTbZoaqoBnmK+ptANthb10ZRZOGC+EmTLLUxeYIuHNkEKcmKgXX1XWKkUBT2Ac4es3NybooPe0SmvKdhKJZAuw==" - }, "supports-color": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", @@ -5785,9 +5768,9 @@ } }, "terser-webpack-plugin": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.1.tgz", - "integrity": "sha512-dNxivOXmDgZqrGxOttBH6B4xaxT4zNC+Xd+2K8jwGDMK5q2CZI+KZMA1AAnSRT+BTRvuzKsDx+fpxzPAmAMVcA==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.2.tgz", + "integrity": "sha512-SmvB/6gtEPv+CJ88MH5zDOsZdKXPS/Uzv2//e90+wM1IHFUhsguPKEILgzqrM1nQ4acRXN/SV4Obr55SXC+0oA==", "dev": true, "requires": { "cacache": "^13.0.1", @@ -5963,9 +5946,9 @@ "dev": true }, "type-fest": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", - "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.9.0.tgz", + "integrity": "sha512-j55pzONIdg7rdtJTRZPKIbV0FosUqYdhHK1aAYJIrUvejv1VVyBokrILE8KQDT4emW/1Ev9tx+yZG+AxuSBMmA==" }, "typedarray": { "version": "0.0.6", @@ -5974,9 +5957,9 @@ "dev": true }, "typescript": { - "version": "3.7.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.7.4.tgz", - "integrity": "sha512-A25xv5XCtarLwXpcDNZzCGvW2D1S3/bACratYBx2sax8PefsFhlYmkQicKHvpYflFS8if4zne5zT5kpJ7pzuvw==", + "version": "3.7.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.7.5.tgz", + "integrity": "sha512-/P5lkRXkWHNAbcJIiHPfRoKqyd7bsyCma1hZNUGfn20qm64T6ZBlrzprymeu918H+mB/0rIg2gGK/BXkhhYgBw==", "dev": true }, "uglify-js": { diff --git a/package.json b/package.json index 9853a04..777cf5f 100644 --- a/package.json +++ b/package.json @@ -20,17 +20,17 @@ }, "license": "ISC", "devDependencies": { - "@types/react": "^16.9.17", - "@types/react-dom": "^16.9.4", + "@types/react": "^16.9.19", + "@types/react-dom": "^16.9.5", "@types/socket.io-client": "^1.4.32", "create-file-webpack": "^1.0.2", - "css-loader": "^3.4.1", + "css-loader": "^3.4.2", "html-webpack-inline-source-plugin": "0.0.10", "html-webpack-plugin": "^3.2.0", - "style-loader": "^1.1.2", - "terser-webpack-plugin": "^2.3.1", + "style-loader": "^1.1.3", + "terser-webpack-plugin": "^2.3.2", "ts-loader": "^6.2.1", - "typescript": "^3.7.4", + "typescript": "^3.7.5", "url-loader": "^3.0.0", "webpack": "^4.41.5", "webpack-cli": "^3.3.10" @@ -50,9 +50,9 @@ "react-router-dom": "^5.1.2", "simple-encryptor": "^3.0.0", "socket.io-client": "^2.3.0", - "styled-components": "^4.4.1", + "styled-components": "^5.0.0", "timeago-react": "^3.0.0", - "type-fest": "^0.8.1", + "type-fest": "^0.9.0", "uniqid": "^5.2.0" } } diff --git a/src/assets/figma-ui/main.min.css b/src/assets/figma-ui/main.min.css index 9199441..d45c2f5 100644 --- a/src/assets/figma-ui/main.min.css +++ b/src/assets/figma-ui/main.min.css @@ -5,33 +5,33 @@ /* Typography */ @font-face { - font-family: "Inter"; + font-family: 'Inter'; font-style: normal; font-weight: 400; - src: url("https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.7") - format("woff2"), - url("https://rsms.me/inter/font-files/Inter-Regular.woff?v=3.7") - format("woff"); + src: url('https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.7') + format('woff2'), + url('https://rsms.me/inter/font-files/Inter-Regular.woff?v=3.7') + format('woff'); } @font-face { - font-family: "Inter"; + font-family: 'Inter'; font-style: normal; font-weight: 500; - src: url("https://rsms.me/inter/font-files/Inter-Medium.woff2?v=3.7") - format("woff2"), - url("https://rsms.me/inter/font-files/Inter-Medium.woff2?v=3.7") - format("woff"); + src: url('https://rsms.me/inter/font-files/Inter-Medium.woff2?v=3.7') + format('woff2'), + url('https://rsms.me/inter/font-files/Inter-Medium.woff2?v=3.7') + format('woff'); } @font-face { - font-family: "Inter"; + font-family: 'Inter'; font-style: normal; font-weight: 600; - src: url("https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=3.7") - format("woff2"), - url("https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=3.7") - format("woff"); + src: url('https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=3.7') + format('woff2'), + url('https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=3.7') + format('woff'); } .label { @@ -46,7 +46,7 @@ cursor: default; color: rgba(0, 0, 0, 0.3); background-color: #ffffff; - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -65,7 +65,7 @@ cursor: default; color: rgba(0, 0, 0, 0.8); background-color: #ffffff; - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 11px; line-height: 16px; @@ -73,7 +73,7 @@ } .type--pos-small-normal { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -81,7 +81,7 @@ } .type--pos-small-medium { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 11px; line-height: 16px; @@ -89,7 +89,7 @@ } .type--pos-small-bold { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 11px; line-height: 16px; @@ -97,7 +97,7 @@ } .type--pos-medium-normal { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; @@ -105,7 +105,7 @@ } .type--pos-medium-medium { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; line-height: 16px; @@ -113,7 +113,7 @@ } .type--pos-medium-bold { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; @@ -121,7 +121,7 @@ } .type--pos-large-normal { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 13px; line-height: 24px; @@ -129,7 +129,7 @@ } .type--pos-large-medium { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 13px; line-height: 24px; @@ -137,7 +137,7 @@ } .type--pos-large-bold { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 13px; line-height: 24px; @@ -145,7 +145,7 @@ } .type--pos-xlarge-normal { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; @@ -153,7 +153,7 @@ } .type--pos-xlarge-medium { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; line-height: 24px; @@ -161,7 +161,7 @@ } .type--pos-xlarge-bold { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 14px; line-height: 24px; @@ -181,7 +181,7 @@ } .type--neg-small-normal { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -189,7 +189,7 @@ } .type--neg-small-medium { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 11px; line-height: 16px; @@ -197,7 +197,7 @@ } .type--neg-small-bold { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 11px; line-height: 16px; @@ -205,7 +205,7 @@ } .type--neg-medium-normal { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; @@ -213,7 +213,7 @@ } .type--neg-medium-medium { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; line-height: 16px; @@ -221,7 +221,7 @@ } .type--neg-medium-bold { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; @@ -229,7 +229,7 @@ } .type--neg-large-normal { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 13px; line-height: 24px; @@ -237,7 +237,7 @@ } .type--neg-large-medium { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 13px; line-height: 24px; @@ -245,7 +245,7 @@ } .type--neg-large-bold { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 13px; line-height: 24px; @@ -253,7 +253,7 @@ } .type--neg-xlarge-normal { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; @@ -261,7 +261,7 @@ } .type--neg-xlarge-medium { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; line-height: 24px; @@ -269,7 +269,7 @@ } .type--neg-xlarge-bold { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 14px; line-height: 24px; @@ -302,7 +302,7 @@ } .button--primary { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 11px; line-height: 16px; @@ -320,7 +320,7 @@ } .button--primary-destructive { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 11px; line-height: 16px; @@ -338,7 +338,7 @@ } .button--secondary { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 11px; line-height: 16px; @@ -359,7 +359,7 @@ } .button--secondary-destructive { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 500; font-size: 11px; line-height: 16px; @@ -383,7 +383,7 @@ } .input { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -401,12 +401,10 @@ margin: 1px 0 1px 0; padding: 8px 4px 8px 7px; color: rgba(0, 0, 0, 0.8); - border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 2px; outline: none; background-color: #ffffff; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.1); } .input:hover { @@ -426,26 +424,26 @@ .input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); - /* border: 1px solid transparent; */ + border: 1px solid transparent; } .input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); - /* border: 1px solid transparent; */ + border: 1px solid transparent; } .input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); - /* border: 1px solid transparent; */ + border: 1px solid transparent; } .input::placeholder { color: rgba(0, 0, 0, 0.3); - /* border: 1px solid transparent; */ + border: 1px solid transparent; } .input:not(:disabled):not(:hover):placeholder-shown { - /* border: 1px solid transparent; */ + border: 1px solid rgba(0, 0, 0, 0.1); background-repeat: no-repeat; background-position: center bottom -0.9px; background-size: calc(100% - 10px) 1px; @@ -494,7 +492,7 @@ } .input-icon__input { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -559,7 +557,7 @@ .input-icon__input:not(:disabled):not(:hover):placeholder-shown { border: 1px solid transparent; - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcAAAAABCAYAAABJ5n7WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgSURBVHgB7cMBCQAACMTAiR3sX1TQHr+DK2B+I0lSjj29qAEYlIbeBgAAAABJRU5ErkJggg=="); + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcAAAAABCAYAAABJ5n7WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgSURBVHgB7cMBCQAACMTAiR3sX1TQHr+DK2B+I0lSjj29qAEYlIbeBgAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center bottom -0.9px; background-size: calc(100% - 10px) 1px; @@ -582,7 +580,7 @@ } .textarea { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -664,7 +662,7 @@ } .select-menu__button { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -737,9 +735,9 @@ height: 5px; margin-top: 6px; margin-left: 4px; - content: ""; + content: ''; background-color: transparent; - background-image: url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%225%22%20viewBox%3D%220%200%207%205%22%20width%3D%227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m3%203.70711-3-3.000003.707107-.707107%202.646443%202.64645%202.64645-2.64645.70711.707107-3%203.000003-.35356.35355z%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); + background-image: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%225%22%20viewBox%3D%220%200%207%205%22%20width%3D%227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m3%203.70711-3-3.000003.707107-.707107%202.646443%202.64645%202.64645-2.64645.70711.707107-3%203.000003-.35356.35355z%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); } .select-menu__icon { @@ -749,7 +747,7 @@ width: 30px; height: 30px; opacity: 0; - background-image: url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m15%2016.7071-3-3%20.7071-.7071%202.6465%202.6464%202.6464-2.6464.7071.7071-3%203-.3535.3536z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); + background-image: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m15%2016.7071-3-3%20.7071-.7071%202.6465%202.6464%202.6464-2.6464.7071.7071-3%203-.3535.3536z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: center center; } @@ -779,7 +777,7 @@ } .select-menu__list-item { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; @@ -823,7 +821,7 @@ width: 24px; height: 24px; opacity: 0; - background-image: url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m13.2069%205.20724-5.50002%205.49996-.70711.7072-.70711-.7072-3-2.99996%201.41422-1.41421%202.29289%202.29289%204.79293-4.79289z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); + background-image: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m13.2069%205.20724-5.50002%205.49996-.70711.7072-.70711-.7072-3-2.99996%201.41422-1.41421%202.29289%202.29289%204.79293-4.79289z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: center center; } @@ -840,7 +838,7 @@ } .select-menu__divider-label { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; @@ -866,7 +864,7 @@ } .switch { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -922,7 +920,7 @@ display: block; width: 24px; height: 10px; - content: ""; + content: ''; -webkit-transition: background-color 0 0.2s; transition: background-color 0 0.2s; border: 1px solid #000000; @@ -937,7 +935,7 @@ display: block; width: 10px; height: 10px; - content: ""; + content: ''; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; @@ -948,7 +946,7 @@ } .checkbox { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -975,7 +973,7 @@ .checkbox__box:checked + label:before { border: 1px solid #18a0fb; background-color: #18a0fb; - background-image: url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m1.17647%201.88236%201.88235%201.88236%203.76471-3.76472%201.17647%201.17648-4.94118%204.9412-3.05882-3.05884z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); + background-image: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m1.17647%201.88236%201.88235%201.88236%203.76471-3.76472%201.17647%201.17648-4.94118%204.9412-3.05882-3.05884z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: 1px 2px; } @@ -1005,7 +1003,7 @@ width: 10px; height: 10px; margin: 2px 10px 0 10px; - content: ""; + content: ''; border: 1px solid rgba(0, 0, 0, 0.8); border-radius: 2px; } @@ -1044,7 +1042,7 @@ } .visual-bell__msg { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; @@ -1068,7 +1066,7 @@ height: 24px; -webkit-animation: rotating 1s linear infinite; animation: rotating 1s linear infinite; - background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4.848%209.74l.477.15-.477-.15zm2.622-3.08a.5.5%200%200%200-.617-.787l.617.787zm10.677%201.99a7%207%200%200%201%20.838%203.803l.998.065a8%208%200%200%200-.958-4.346l-.878.478zm.838%203.803a7%207%200%200%201-1.324%203.662l.81.588a8%208%200%200%200%201.513-4.186l-.998-.065zm-1.324%203.662a7%207%200%200%201-3.076%202.388l.37.93a8%208%200%200%200%203.515-2.729l-.81-.588zm-3.076%202.388a7%207%200%200%201-3.876.375l-.184.983a8%208%200%200%200%204.43-.428l-.37-.93zm-3.876.375a7%207%200%200%201-3.477-1.755l-.68.732a8%208%200%200%200%203.973%202.005l.184-.983zm-3.477-1.755a7%207%200%200%201-2.001-3.341l-.967.255a8%208%200%200%200%202.287%203.818l.68-.732zm-2-3.34a7%207%200%200%201%20.094-3.893l-.954-.3a8%208%200%200%200-.107%204.449l.967-.255zm.094-3.893c.323-1.024.863-1.835%201.326-2.394.23-.278.44-.49.6-.632l.175-.157.044-.037c.01-.008.01-.008-.298-.402l-.31-.393-.026.02-.06.05-.21.2c-.175.165-.413.407-.674.722-.52.627-1.137%201.55-1.5%202.73l.954.3z%22%20fill%3D%22%23a5a5a5%22%2F%3E%3C%2Fsvg%3E"); + background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4.848%209.74l.477.15-.477-.15zm2.622-3.08a.5.5%200%200%200-.617-.787l.617.787zm10.677%201.99a7%207%200%200%201%20.838%203.803l.998.065a8%208%200%200%200-.958-4.346l-.878.478zm.838%203.803a7%207%200%200%201-1.324%203.662l.81.588a8%208%200%200%200%201.513-4.186l-.998-.065zm-1.324%203.662a7%207%200%200%201-3.076%202.388l.37.93a8%208%200%200%200%203.515-2.729l-.81-.588zm-3.076%202.388a7%207%200%200%201-3.876.375l-.184.983a8%208%200%200%200%204.43-.428l-.37-.93zm-3.876.375a7%207%200%200%201-3.477-1.755l-.68.732a8%208%200%200%200%203.973%202.005l.184-.983zm-3.477-1.755a7%207%200%200%201-2.001-3.341l-.967.255a8%208%200%200%200%202.287%203.818l.68-.732zm-2-3.34a7%207%200%200%201%20.094-3.893l-.954-.3a8%208%200%200%200-.107%204.449l.967-.255zm.094-3.893c.323-1.024.863-1.835%201.326-2.394.23-.278.44-.49.6-.632l.175-.157.044-.037c.01-.008.01-.008-.298-.402l-.31-.393-.026.02-.06.05-.21.2c-.175.165-.413.407-.674.722-.52.627-1.137%201.55-1.5%202.73l.954.3z%22%20fill%3D%22%23a5a5a5%22%2F%3E%3C%2Fsvg%3E'); background-repeat: none; } @@ -1132,7 +1130,7 @@ .onboarding-tip__msg { padding: 8px 0 8px 0; color: rgba(0, 0, 0, 0.8); - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -1169,7 +1167,7 @@ } .disclosure__item { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -1190,7 +1188,7 @@ } .disclosure__label { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -1219,9 +1217,9 @@ display: block; width: 16px; height: 16px; - content: ""; + content: ''; opacity: 0.3; - background-image: url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m11%208-4-3v6z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); + background-image: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m11%208-4-3v6z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: center center; } @@ -1231,7 +1229,7 @@ } .disclosure__content { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 11px; line-height: 16px; @@ -1242,7 +1240,7 @@ } .disclosure--section .disclosure__label { - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-weight: 600; font-size: 11px; line-height: 16px; @@ -1256,7 +1254,7 @@ .disclosure--expanded .disclosure__label:before { opacity: 0.8; - background-image: url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9%2010%203-4h-6z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); + background-image: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9%2010%203-4h-6z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E'); } .icon { @@ -1334,7 +1332,7 @@ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - font-family: "Inter", sans-serif; + font-family: 'Inter', sans-serif; font-size: 11px; } diff --git a/src/assets/figma-ui/scripts.min.js b/src/assets/figma-ui/scripts.min.js index 947b98f..53c2083 100644 --- a/src/assets/figma-ui/scripts.min.js +++ b/src/assets/figma-ui/scripts.min.js @@ -1 +1 @@ -(function(){"use strict";var e,t={selector:"disclosure"},n=function(t){let n=this.parentNode.parentNode,l=n.querySelectorAll("li"),o=this.parentNode.classList.contains(e+"--expanded");l.forEach(t=>{t.classList.remove(e+"--expanded")}),this.parentNode.classList.add(e+"--expanded"),o&&this.parentNode.classList.remove(e+"--expanded")};window.disclosure={init:function(l){let o=Object.assign({},t,l);e=o.selector;let i=document.querySelectorAll("."+e+"__label");i.forEach(e=>{e.addEventListener("click",n,!1)})},destroy:function(){let t=document.querySelectorAll("."+e+"__label");t.forEach(e=>{e.removeEventListener("click",n,!1)})}}})(),function(){"use strict";var e,t={selector:".input-icon"},n=function(e){let t=this.querySelector(".icon");t.classList.remove("icon--black-3"),t.classList.add("icon--blue")},l=function(e){let t=this.querySelector(".icon");t.classList.add("icon--black-3"),t.classList.remove("icon--blue")};window.iconInput={init:function(o){let i=Object.assign({},t,o);e=i.selector;let s=document.querySelectorAll(e);s.forEach(e=>{e.addEventListener("focusin",n,!1),e.addEventListener("focusout",l,!1)})},destroy:function(){let t=document.querySelectorAll(e);t.forEach(e=>{e.removeEventListener("focusin",n,!1),e.removeEventListener("focusout",l,!1)})}}}(),function(){"use strict";function e(){let e=a.length;for(let o=0;o{e.removeAttribute("selected")}),l.value=o,l.dispatchEvent(r);for(let e=0;e{let n=t.parentNode,l=n.querySelector("UL"),o=n.querySelector("BUTTON");if(l.classList.contains(s+"__list--active")){let t=n.contains(e.target);t||(l.classList.remove(s+"__list--active"),o.classList.remove(s+"__button--active"))}})};window.selectMenu={init:function(t){1==p&&selectMenu.destroy(),i=Object.assign({},u,t),s=i.selector,a=document.querySelectorAll("."+s),e(),document.addEventListener("click",f,!1),p=!0},destroy:function(){let e=document.querySelectorAll("select."+s);e.forEach(e=>{let t=e.parentNode,n=t.querySelector("BUTTON"),l=t.querySelector("UL");n.remove(),l.remove(),t.outerHTML=t.innerHTML}),document.removeEventListener("click",f,!1),p=!1}}}(); \ No newline at end of file +(function () { "use strict"; var e, t = { selector: "disclosure" }, n = function (t) { let n = this.parentNode.parentNode, l = n.querySelectorAll("li"), o = this.parentNode.classList.contains(e + "--expanded"); l.forEach(t => { t.classList.remove(e + "--expanded") }), this.parentNode.classList.add(e + "--expanded"), o && this.parentNode.classList.remove(e + "--expanded") }; window.disclosure = { init: function (l) { let o = Object.assign({}, t, l); e = o.selector; let i = document.querySelectorAll("." + e + "__label"); i.forEach(e => { e.addEventListener("click", n, !1) }) }, destroy: function () { let t = document.querySelectorAll("." + e + "__label"); t.forEach(e => { e.removeEventListener("click", n, !1) }) } } })(), function () { "use strict"; var e, t = { selector: ".input-icon" }, n = function (e) { let t = this.querySelector(".icon"); t.classList.remove("icon--black-3"), t.classList.add("icon--blue") }, l = function (e) { let t = this.querySelector(".icon"); t.classList.add("icon--black-3"), t.classList.remove("icon--blue") }; window.iconInput = { init: function (o) { let i = Object.assign({}, t, o); e = i.selector; let s = document.querySelectorAll(e); s.forEach(e => { e.addEventListener("focusin", n, !1), e.addEventListener("focusout", l, !1) }) }, destroy: function () { let t = document.querySelectorAll(e); t.forEach(e => { e.removeEventListener("focusin", n, !1), e.removeEventListener("focusout", l, !1) }) } } }(), function () { "use strict"; function e() { let e = a.length; for (let o = 0; o < e; o++) { t(document.createElement("div"), o); let e = a[o].getElementsByTagName("optgroup"); if (r = a[o].selectedIndex, d = 0, 0 != e.length) { let t; t = !!e[0].label; for (let o = 0; o < e.length; o++) { let i = e[o].getElementsByTagName("option"), a = document.createElement("div"); if (a.className = s + "__divider", 1 == t) { let t = document.createElement("span"), r = document.createTextNode(e[o].label); t.className = s + "__divider-label", 0 === o && t.classList.add(s + "__divider-label--first"), t.appendChild(r), a.appendChild(t), c.appendChild(a), l(t); for (let e = 0; e < i.length; e++)n(i[e]) } else { for (let e = 0; e < i.length; e++)n(i[e]); if (o != e.length - 1) { let e = document.createElement("span"); e.className = s + "__divider-line", a.appendChild(e), c.appendChild(a), l(e) } } a.addEventListener("click", v, !1) } } else for (let e = 0; e < a[o].length; e++)n(a[o].options[e]) } } function t(e, t) { let n = a[t]; n.style.display = "none", n.options[n.selectedIndex].selected = !0, n.parentNode.insertBefore(e, n), e.appendChild(n), e.className = s; let l, o = document.createElement("button"), r = document.createElement("span"), d = document.createElement("span"); if (c = document.createElement("ul"), 0 == n.selectedIndex) l = document.createTextNode(n.options[0].text); else { let e = n.selectedIndex; l = document.createTextNode(n.options[e].text) } o.className = s + "__button", r.className = s + "__button-label", d.className = s + "__icon", c.className = s + "__list", e.appendChild(o), e.appendChild(c), o.appendChild(r), o.appendChild(d), r.appendChild(l), "overlap" == i.position && (c.style.top = 0), "alignBottom" == i.position && (c.style.bottom = "0px"), o.addEventListener("click", m, !1) } function n(e) { if ("" != e.value) { let t = document.createElement("li"), n = document.createElement("span"), o = document.createElement("span"); if (t.className = s + "__list-item", n.className = s + "__list-item-icon", o.className = s + "__list-item-text", t.setAttribute("data-value", e.value), o.innerHTML += e.text, t.appendChild(n), t.appendChild(o), c.appendChild(t), "positionToSelection" == i.position && (t.setAttribute("position", d), l(t)), e.index == r && (t.classList.add(s + "__list-item--active"), "positionToSelection" == i.position)) { let e = -Math.abs(parseInt(t.getAttribute("position"))); c.style.top = e + "px" } t.addEventListener("click", m, !1) } } function l(e) { let t = [parseInt(window.getComputedStyle(e, null).getPropertyValue("margin-top")), parseInt(window.getComputedStyle(e, null).getPropertyValue("margin-bottom")), parseInt(window.getComputedStyle(e, null).getPropertyValue("padding-top")), parseInt(window.getComputedStyle(e, null).getPropertyValue("padding-bottom")), parseInt(window.getComputedStyle(e, null).getPropertyValue("height"))]; d += o(t) } function o(e) { return e.reduce(function (e, t) { return e + t }, 0) } var i, s, a, c, r, d, u = { selector: "select-menu", position: "under" }, p = !1, m = function (e) { let t = this; if ("BUTTON" == t.tagName) { this.classList.toggle(s + "__button--active"); let e = t.parentNode.querySelector("UL"); e.classList.toggle(s + "__list--active") } else if ("LI" == t.tagName) { let e = t.parentNode.parentNode.querySelector("UL"), n = e.getElementsByTagName("LI"); for (let e = 0; e < n.length; e++)n[e].classList.remove(s + "__list-item--active"); t.classList.add(s + "__list-item--active"); let l = e.parentNode.querySelector("SELECT"), o = t.getAttribute("data-value"), a = l.querySelectorAll("option"), c = a.length, r = new Event("change"); a.forEach(e => { e.removeAttribute("selected") }), l.value = o, l.dispatchEvent(r); for (let e = 0; e < c; e++) { let t = a[e].value; t == o && a[e].setAttribute("selected", "selected") } let d = t.parentNode.parentNode.querySelector("BUTTON"), u = d.querySelector("." + s + "__button-label"); if (u.textContent = t.textContent, d.classList.toggle(s + "__button--active"), e.classList.toggle(s + "__list--active"), "positionToSelection" == i.position) { let e = -Math.abs(parseInt(t.getAttribute("position"))); t.parentNode.style.top = e + "px" } } }, v = function (e) { e.stopPropagation() }, f = function (e) { let t = document.querySelectorAll("select." + s); t.forEach(t => { let n = t.parentNode, l = n.querySelector("UL"), o = n.querySelector("BUTTON"); if (l.classList.contains(s + "__list--active")) { let t = n.contains(e.target); t || (l.classList.remove(s + "__list--active"), o.classList.remove(s + "__button--active")) } }) }; window.selectMenu = { init: function (t) { 1 == p && selectMenu.destroy(), i = Object.assign({}, u, t), s = i.selector, a = document.querySelectorAll("." + s), e(), document.addEventListener("click", f, !1), p = !0 }, destroy: function () { let e = document.querySelectorAll("select." + s); e.forEach(e => { let t = e.parentNode, n = t.querySelector("BUTTON"), l = t.querySelector("UL"); n.remove(), l.remove(), t.outerHTML = t.innerHTML }), document.removeEventListener("click", f, !1), p = !1 } } }(); \ No newline at end of file