diff --git a/styles/package-lock.json b/styles/package-lock.json index 2eb6d3a1bfaeaa206f0cc8a0a03efa0387d144c2..5499f1852cb4330467268dee6436b53589a90e9b 100644 --- a/styles/package-lock.json +++ b/styles/package-lock.json @@ -1,315 +1,315 @@ { - "name": "styles", - "version": "1.0.0", - "lockfileVersion": 2, - "requires": true, - "packages": { - "": { - "version": "1.0.0", - "license": "ISC", - "dependencies": { - "@types/chroma-js": "^2.1.3", - "@types/node": "^17.0.23", - "case-anything": "^2.1.10", - "chroma-js": "^2.4.2", - "ts-node": "^10.7.0" - } - }, - "node_modules/@cspotcode/source-map-consumer": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", - "integrity": "sha512-41qniHzTU8yAGbCp04ohlmSrZf8bkf/iJsl3V0dRGsQN/5GFfx+LbCSsCpp2gqrqjTVg/K6O8ycoV35JIwAzAg==", - "engines": { - "node": ">= 12" - } - }, - "node_modules/@cspotcode/source-map-support": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.7.0.tgz", - "integrity": "sha512-X4xqRHqN8ACt2aHVe51OxeA2HjbcL4MqFqXkrmQszJ1NOUuUu5u6Vqx/0lZSVNku7velL5FC/s5uEAj1lsBMhA==", - "dependencies": { - "@cspotcode/source-map-consumer": "0.8.0" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/@tsconfig/node10": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", - "integrity": "sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==" - }, - "node_modules/@tsconfig/node12": { - "version": "1.0.9", - "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.9.tgz", - "integrity": "sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==" - }, - "node_modules/@tsconfig/node14": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.1.tgz", - "integrity": "sha512-509r2+yARFfHHE7T6Puu2jjkoycftovhXRqW328PDXTVGKihlb1P8Z9mMZH04ebyajfRY7dedfGynlrFHJUQCg==" - }, - "node_modules/@tsconfig/node16": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.2.tgz", - "integrity": "sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==" - }, - "node_modules/@types/chroma-js": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/@types/chroma-js/-/chroma-js-2.1.3.tgz", - "integrity": "sha512-1xGPhoSGY1CPmXLCBcjVZSQinFjL26vlR8ZqprsBWiFyED4JacJJ9zHhh5aaUXqbY9B37mKQ73nlydVAXmr1+g==" - }, - "node_modules/@types/node": { - "version": "17.0.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz", - "integrity": "sha512-UxDxWn7dl97rKVeVS61vErvw086aCYhDLyvRQZ5Rk65rZKepaFdm53GeqXaKBuOhED4e9uWq34IC3TdSdJJ2Gw==" - }, - "node_modules/acorn": { - "version": "8.7.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz", - "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==", - "bin": { - "acorn": "bin/acorn" - }, - "engines": { - "node": ">=0.4.0" - } - }, - "node_modules/acorn-walk": { - "version": "8.2.0", - "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz", - "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==", - "engines": { - "node": ">=0.4.0" - } - }, - "node_modules/arg": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz", - "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==" - }, - "node_modules/case-anything": { - "version": "2.1.10", - "resolved": "https://registry.npmjs.org/case-anything/-/case-anything-2.1.10.tgz", - "integrity": "sha512-JczJwVrCP0jPKh05McyVsuOg6AYosrB9XWZKbQzXeDAm2ClE/PJE/BcrrQrVyGYH7Jg8V/LDupmyL4kFlVsVFQ==", - "engines": { - "node": ">=12.13" - }, - "funding": { - "url": "https://github.com/sponsors/mesqueeb" - } - }, - "node_modules/chroma-js": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-2.4.2.tgz", - "integrity": "sha512-U9eDw6+wt7V8z5NncY2jJfZa+hUH8XEj8FQHgFJTrUFnJfXYf4Ml4adI2vXZOjqRDpFWtYVWypDfZwnJ+HIR4A==" - }, - "node_modules/create-require": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", - "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==" - }, - "node_modules/diff": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz", - "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", - "engines": { - "node": ">=0.3.1" - } - }, - "node_modules/make-error": { - "version": "1.3.6", - "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz", - "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==" - }, - "node_modules/ts-node": { - "version": "10.7.0", - "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.7.0.tgz", - "integrity": "sha512-TbIGS4xgJoX2i3do417KSaep1uRAW/Lu+WAL2doDHC0D6ummjirVOXU5/7aiZotbQ5p1Zp9tP7U6cYhA0O7M8A==", - "dependencies": { - "@cspotcode/source-map-support": "0.7.0", - "@tsconfig/node10": "^1.0.7", - "@tsconfig/node12": "^1.0.7", - "@tsconfig/node14": "^1.0.0", - "@tsconfig/node16": "^1.0.2", - "acorn": "^8.4.1", - "acorn-walk": "^8.1.1", - "arg": "^4.1.0", - "create-require": "^1.1.0", - "diff": "^4.0.1", - "make-error": "^1.1.1", - "v8-compile-cache-lib": "^3.0.0", - "yn": "3.1.1" - }, - "bin": { - "ts-node": "dist/bin.js", - "ts-node-cwd": "dist/bin-cwd.js", - "ts-node-esm": "dist/bin-esm.js", - "ts-node-script": "dist/bin-script.js", - "ts-node-transpile-only": "dist/bin-transpile.js", - "ts-script": "dist/bin-script-deprecated.js" - }, - "peerDependencies": { - "@swc/core": ">=1.2.50", - "@swc/wasm": ">=1.2.50", - "@types/node": "*", - "typescript": ">=2.7" - }, - "peerDependenciesMeta": { - "@swc/core": { - "optional": true - }, - "@swc/wasm": { - "optional": true - } - } - }, - "node_modules/typescript": { - "version": "4.6.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.3.tgz", - "integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==", - "peer": true, - "bin": { - "tsc": "bin/tsc", - "tsserver": "bin/tsserver" - }, - "engines": { - "node": ">=4.2.0" - } - }, - "node_modules/v8-compile-cache-lib": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.0.tgz", - "integrity": "sha512-mpSYqfsFvASnSn5qMiwrr4VKfumbPyONLCOPmsR3A6pTY/r0+tSaVbgPWSAIuzbk3lCTa+FForeTiO+wBQGkjA==" - }, - "node_modules/yn": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz", - "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", - "engines": { - "node": ">=6" - } - } + "name": "styles", + "version": "1.0.0", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "version": "1.0.0", + "license": "ISC", + "dependencies": { + "@types/chroma-js": "^2.1.3", + "@types/node": "^17.0.23", + "case-anything": "^2.1.10", + "chroma-js": "^2.4.2", + "ts-node": "^10.7.0" + } }, - "dependencies": { - "@cspotcode/source-map-consumer": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", - "integrity": "sha512-41qniHzTU8yAGbCp04ohlmSrZf8bkf/iJsl3V0dRGsQN/5GFfx+LbCSsCpp2gqrqjTVg/K6O8ycoV35JIwAzAg==" - }, - "@cspotcode/source-map-support": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.7.0.tgz", - "integrity": "sha512-X4xqRHqN8ACt2aHVe51OxeA2HjbcL4MqFqXkrmQszJ1NOUuUu5u6Vqx/0lZSVNku7velL5FC/s5uEAj1lsBMhA==", - "requires": { - "@cspotcode/source-map-consumer": "0.8.0" - } - }, - "@tsconfig/node10": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", - "integrity": "sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==" - }, - "@tsconfig/node12": { - "version": "1.0.9", - "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.9.tgz", - "integrity": "sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==" - }, - "@tsconfig/node14": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.1.tgz", - "integrity": "sha512-509r2+yARFfHHE7T6Puu2jjkoycftovhXRqW328PDXTVGKihlb1P8Z9mMZH04ebyajfRY7dedfGynlrFHJUQCg==" - }, - "@tsconfig/node16": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.2.tgz", - "integrity": "sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==" - }, - "@types/chroma-js": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/@types/chroma-js/-/chroma-js-2.1.3.tgz", - "integrity": "sha512-1xGPhoSGY1CPmXLCBcjVZSQinFjL26vlR8ZqprsBWiFyED4JacJJ9zHhh5aaUXqbY9B37mKQ73nlydVAXmr1+g==" - }, - "@types/node": { - "version": "17.0.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz", - "integrity": "sha512-UxDxWn7dl97rKVeVS61vErvw086aCYhDLyvRQZ5Rk65rZKepaFdm53GeqXaKBuOhED4e9uWq34IC3TdSdJJ2Gw==" - }, - "acorn": { - "version": "8.7.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz", - "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==" - }, - "acorn-walk": { - "version": "8.2.0", - "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz", - "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==" - }, - "arg": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz", - "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==" - }, - "case-anything": { - "version": "2.1.10", - "resolved": "https://registry.npmjs.org/case-anything/-/case-anything-2.1.10.tgz", - "integrity": "sha512-JczJwVrCP0jPKh05McyVsuOg6AYosrB9XWZKbQzXeDAm2ClE/PJE/BcrrQrVyGYH7Jg8V/LDupmyL4kFlVsVFQ==" - }, - "chroma-js": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-2.4.2.tgz", - "integrity": "sha512-U9eDw6+wt7V8z5NncY2jJfZa+hUH8XEj8FQHgFJTrUFnJfXYf4Ml4adI2vXZOjqRDpFWtYVWypDfZwnJ+HIR4A==" - }, - "create-require": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", - "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==" - }, - "diff": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz", - "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==" - }, - "make-error": { - "version": "1.3.6", - "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz", - "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==" - }, - "ts-node": { - "version": "10.7.0", - "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.7.0.tgz", - "integrity": "sha512-TbIGS4xgJoX2i3do417KSaep1uRAW/Lu+WAL2doDHC0D6ummjirVOXU5/7aiZotbQ5p1Zp9tP7U6cYhA0O7M8A==", - "requires": { - "@cspotcode/source-map-support": "0.7.0", - "@tsconfig/node10": "^1.0.7", - "@tsconfig/node12": "^1.0.7", - "@tsconfig/node14": "^1.0.0", - "@tsconfig/node16": "^1.0.2", - "acorn": "^8.4.1", - "acorn-walk": "^8.1.1", - "arg": "^4.1.0", - "create-require": "^1.1.0", - "diff": "^4.0.1", - "make-error": "^1.1.1", - "v8-compile-cache-lib": "^3.0.0", - "yn": "3.1.1" - } - }, - "typescript": { - "version": "4.6.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.3.tgz", - "integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==", - "peer": true - }, - "v8-compile-cache-lib": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.0.tgz", - "integrity": "sha512-mpSYqfsFvASnSn5qMiwrr4VKfumbPyONLCOPmsR3A6pTY/r0+tSaVbgPWSAIuzbk3lCTa+FForeTiO+wBQGkjA==" - }, - "yn": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz", - "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==" + "node_modules/@cspotcode/source-map-consumer": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", + "integrity": "sha512-41qniHzTU8yAGbCp04ohlmSrZf8bkf/iJsl3V0dRGsQN/5GFfx+LbCSsCpp2gqrqjTVg/K6O8ycoV35JIwAzAg==", + "engines": { + "node": ">= 12" + } + }, + "node_modules/@cspotcode/source-map-support": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.7.0.tgz", + "integrity": "sha512-X4xqRHqN8ACt2aHVe51OxeA2HjbcL4MqFqXkrmQszJ1NOUuUu5u6Vqx/0lZSVNku7velL5FC/s5uEAj1lsBMhA==", + "dependencies": { + "@cspotcode/source-map-consumer": "0.8.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@tsconfig/node10": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", + "integrity": "sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==" + }, + "node_modules/@tsconfig/node12": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.9.tgz", + "integrity": "sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==" + }, + "node_modules/@tsconfig/node14": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.1.tgz", + "integrity": "sha512-509r2+yARFfHHE7T6Puu2jjkoycftovhXRqW328PDXTVGKihlb1P8Z9mMZH04ebyajfRY7dedfGynlrFHJUQCg==" + }, + "node_modules/@tsconfig/node16": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.2.tgz", + "integrity": "sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==" + }, + "node_modules/@types/chroma-js": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/@types/chroma-js/-/chroma-js-2.1.3.tgz", + "integrity": "sha512-1xGPhoSGY1CPmXLCBcjVZSQinFjL26vlR8ZqprsBWiFyED4JacJJ9zHhh5aaUXqbY9B37mKQ73nlydVAXmr1+g==" + }, + "node_modules/@types/node": { + "version": "17.0.23", + "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz", + "integrity": "sha512-UxDxWn7dl97rKVeVS61vErvw086aCYhDLyvRQZ5Rk65rZKepaFdm53GeqXaKBuOhED4e9uWq34IC3TdSdJJ2Gw==" + }, + "node_modules/acorn": { + "version": "8.7.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz", + "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==", + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-walk": { + "version": "8.2.0", + "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz", + "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==", + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/arg": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz", + "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==" + }, + "node_modules/case-anything": { + "version": "2.1.10", + "resolved": "https://registry.npmjs.org/case-anything/-/case-anything-2.1.10.tgz", + "integrity": "sha512-JczJwVrCP0jPKh05McyVsuOg6AYosrB9XWZKbQzXeDAm2ClE/PJE/BcrrQrVyGYH7Jg8V/LDupmyL4kFlVsVFQ==", + "engines": { + "node": ">=12.13" + }, + "funding": { + "url": "https://github.com/sponsors/mesqueeb" + } + }, + "node_modules/chroma-js": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-2.4.2.tgz", + "integrity": "sha512-U9eDw6+wt7V8z5NncY2jJfZa+hUH8XEj8FQHgFJTrUFnJfXYf4Ml4adI2vXZOjqRDpFWtYVWypDfZwnJ+HIR4A==" + }, + "node_modules/create-require": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", + "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==" + }, + "node_modules/diff": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz", + "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", + "engines": { + "node": ">=0.3.1" + } + }, + "node_modules/make-error": { + "version": "1.3.6", + "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz", + "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==" + }, + "node_modules/ts-node": { + "version": "10.7.0", + "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.7.0.tgz", + "integrity": "sha512-TbIGS4xgJoX2i3do417KSaep1uRAW/Lu+WAL2doDHC0D6ummjirVOXU5/7aiZotbQ5p1Zp9tP7U6cYhA0O7M8A==", + "dependencies": { + "@cspotcode/source-map-support": "0.7.0", + "@tsconfig/node10": "^1.0.7", + "@tsconfig/node12": "^1.0.7", + "@tsconfig/node14": "^1.0.0", + "@tsconfig/node16": "^1.0.2", + "acorn": "^8.4.1", + "acorn-walk": "^8.1.1", + "arg": "^4.1.0", + "create-require": "^1.1.0", + "diff": "^4.0.1", + "make-error": "^1.1.1", + "v8-compile-cache-lib": "^3.0.0", + "yn": "3.1.1" + }, + "bin": { + "ts-node": "dist/bin.js", + "ts-node-cwd": "dist/bin-cwd.js", + "ts-node-esm": "dist/bin-esm.js", + "ts-node-script": "dist/bin-script.js", + "ts-node-transpile-only": "dist/bin-transpile.js", + "ts-script": "dist/bin-script-deprecated.js" + }, + "peerDependencies": { + "@swc/core": ">=1.2.50", + "@swc/wasm": ">=1.2.50", + "@types/node": "*", + "typescript": ">=2.7" + }, + "peerDependenciesMeta": { + "@swc/core": { + "optional": true + }, + "@swc/wasm": { + "optional": true } + } + }, + "node_modules/typescript": { + "version": "4.6.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.3.tgz", + "integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==", + "peer": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=4.2.0" + } + }, + "node_modules/v8-compile-cache-lib": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.0.tgz", + "integrity": "sha512-mpSYqfsFvASnSn5qMiwrr4VKfumbPyONLCOPmsR3A6pTY/r0+tSaVbgPWSAIuzbk3lCTa+FForeTiO+wBQGkjA==" + }, + "node_modules/yn": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz", + "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", + "engines": { + "node": ">=6" + } + } + }, + "dependencies": { + "@cspotcode/source-map-consumer": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", + "integrity": "sha512-41qniHzTU8yAGbCp04ohlmSrZf8bkf/iJsl3V0dRGsQN/5GFfx+LbCSsCpp2gqrqjTVg/K6O8ycoV35JIwAzAg==" + }, + "@cspotcode/source-map-support": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.7.0.tgz", + "integrity": "sha512-X4xqRHqN8ACt2aHVe51OxeA2HjbcL4MqFqXkrmQszJ1NOUuUu5u6Vqx/0lZSVNku7velL5FC/s5uEAj1lsBMhA==", + "requires": { + "@cspotcode/source-map-consumer": "0.8.0" + } + }, + "@tsconfig/node10": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz", + "integrity": "sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==" + }, + "@tsconfig/node12": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.9.tgz", + "integrity": "sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==" + }, + "@tsconfig/node14": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.1.tgz", + "integrity": "sha512-509r2+yARFfHHE7T6Puu2jjkoycftovhXRqW328PDXTVGKihlb1P8Z9mMZH04ebyajfRY7dedfGynlrFHJUQCg==" + }, + "@tsconfig/node16": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.2.tgz", + "integrity": "sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==" + }, + "@types/chroma-js": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/@types/chroma-js/-/chroma-js-2.1.3.tgz", + "integrity": "sha512-1xGPhoSGY1CPmXLCBcjVZSQinFjL26vlR8ZqprsBWiFyED4JacJJ9zHhh5aaUXqbY9B37mKQ73nlydVAXmr1+g==" + }, + "@types/node": { + "version": "17.0.23", + "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz", + "integrity": "sha512-UxDxWn7dl97rKVeVS61vErvw086aCYhDLyvRQZ5Rk65rZKepaFdm53GeqXaKBuOhED4e9uWq34IC3TdSdJJ2Gw==" + }, + "acorn": { + "version": "8.7.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz", + "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==" + }, + "acorn-walk": { + "version": "8.2.0", + "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz", + "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==" + }, + "arg": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz", + "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==" + }, + "case-anything": { + "version": "2.1.10", + "resolved": "https://registry.npmjs.org/case-anything/-/case-anything-2.1.10.tgz", + "integrity": "sha512-JczJwVrCP0jPKh05McyVsuOg6AYosrB9XWZKbQzXeDAm2ClE/PJE/BcrrQrVyGYH7Jg8V/LDupmyL4kFlVsVFQ==" + }, + "chroma-js": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-2.4.2.tgz", + "integrity": "sha512-U9eDw6+wt7V8z5NncY2jJfZa+hUH8XEj8FQHgFJTrUFnJfXYf4Ml4adI2vXZOjqRDpFWtYVWypDfZwnJ+HIR4A==" + }, + "create-require": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", + "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==" + }, + "diff": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz", + "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==" + }, + "make-error": { + "version": "1.3.6", + "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz", + "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==" + }, + "ts-node": { + "version": "10.7.0", + "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.7.0.tgz", + "integrity": "sha512-TbIGS4xgJoX2i3do417KSaep1uRAW/Lu+WAL2doDHC0D6ummjirVOXU5/7aiZotbQ5p1Zp9tP7U6cYhA0O7M8A==", + "requires": { + "@cspotcode/source-map-support": "0.7.0", + "@tsconfig/node10": "^1.0.7", + "@tsconfig/node12": "^1.0.7", + "@tsconfig/node14": "^1.0.0", + "@tsconfig/node16": "^1.0.2", + "acorn": "^8.4.1", + "acorn-walk": "^8.1.1", + "arg": "^4.1.0", + "create-require": "^1.1.0", + "diff": "^4.0.1", + "make-error": "^1.1.1", + "v8-compile-cache-lib": "^3.0.0", + "yn": "3.1.1" + } + }, + "typescript": { + "version": "4.6.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.3.tgz", + "integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==", + "peer": true + }, + "v8-compile-cache-lib": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.0.tgz", + "integrity": "sha512-mpSYqfsFvASnSn5qMiwrr4VKfumbPyONLCOPmsR3A6pTY/r0+tSaVbgPWSAIuzbk3lCTa+FForeTiO+wBQGkjA==" + }, + "yn": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz", + "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==" } + } } diff --git a/styles/package.json b/styles/package.json index ccdaca08530b6ed3efbfcf08322e739853c1e323..38412aa1dac61952ed6df9a3bc3a9cc646a840f5 100644 --- a/styles/package.json +++ b/styles/package.json @@ -1,19 +1,19 @@ { - "name": "styles", - "version": "1.0.0", - "description": "", - "main": "index.js", - "scripts": { - "build": "npm run build-themes && npm run build-tokens", - "build-themes": "ts-node ./src/buildThemes.ts" - }, - "author": "", - "license": "ISC", - "dependencies": { - "@types/chroma-js": "^2.1.3", - "@types/node": "^17.0.23", - "case-anything": "^2.1.10", - "chroma-js": "^2.4.2", - "ts-node": "^10.7.0" - } + "name": "styles", + "version": "1.0.0", + "description": "", + "main": "index.js", + "scripts": { + "build": "npm run build-themes && npm run build-tokens", + "build-themes": "ts-node ./src/buildThemes.ts" + }, + "author": "", + "license": "ISC", + "dependencies": { + "@types/chroma-js": "^2.1.3", + "@types/node": "^17.0.23", + "case-anything": "^2.1.10", + "chroma-js": "^2.4.2", + "ts-node": "^10.7.0" + } } diff --git a/styles/src/buildThemes.ts b/styles/src/buildThemes.ts index c43be067a869f37e7b39bda62cbe0dd7d6f81fd3..22178163b6bd6642c255049a978def6dd840518a 100644 --- a/styles/src/buildThemes.ts +++ b/styles/src/buildThemes.ts @@ -1,18 +1,18 @@ import * as fs from "fs"; import * as path from "path"; -import { tmpdir } from 'os'; +import { tmpdir } from "os"; import app from "./styleTree/app"; import themes from "./themes"; import snakeCase from "./utils/snakeCase"; const themeDirectory = `${__dirname}/../../assets/themes/`; -const tempDirectory = fs.mkdtempSync(path.join(tmpdir(), 'build-themes')); +const tempDirectory = fs.mkdtempSync(path.join(tmpdir(), "build-themes")); // Clear existing themes for (const file of fs.readdirSync(themeDirectory)) { - if (file.endsWith('.json')) { - const name = file.replace(/\.json$/, ''); - if (!themes.find(theme => theme.name === name)) { + if (file.endsWith(".json")) { + const name = file.replace(/\.json$/, ""); + if (!themes.find((theme) => theme.name === name)) { fs.unlinkSync(path.join(themeDirectory, file)); } } diff --git a/styles/src/common.ts b/styles/src/common.ts index 713401f3480ca7fa9645996fffe6f5c1c2d4337f..9f636596d4bbf68bf7a613bf221ebbaeb90616f1 100644 --- a/styles/src/common.ts +++ b/styles/src/common.ts @@ -1,7 +1,7 @@ export const fontFamilies = { sans: "Zed Sans", mono: "Zed Mono", -} +}; export const fontSizes = { "3xs": 8, @@ -13,7 +13,8 @@ export const fontSizes = { xl: 20, }; -export type FontWeight = "thin" +export type FontWeight = + | "thin" | "extra_light" | "light" | "normal" @@ -31,7 +32,7 @@ export const fontWeights: { [key: string]: FontWeight } = { semibold: "semibold", bold: "bold", extra_bold: "extra_bold", - black: "black" + black: "black", }; export const sizes = { @@ -62,4 +63,4 @@ export const sizes = { // purple: colorRamp("#A855F7FF"), // fuschia: colorRamp("#D946E4FF"), // pink: colorRamp("#EC4899FF"), -// } \ No newline at end of file +// } diff --git a/styles/src/styleTree/app.ts b/styles/src/styleTree/app.ts index 33bcafcdae94c75d1ea910ef65a927c282d83310..fe67cf701d2071206d8faed0bfe74a8a3412e909 100644 --- a/styles/src/styleTree/app.ts +++ b/styles/src/styleTree/app.ts @@ -17,7 +17,7 @@ import tooltip from "./tooltip"; import terminal from "./terminal"; export const panel = { - padding: { top: 12, bottom: 12 } + padding: { top: 12, bottom: 12 }, }; export default function app(theme: Theme): Object { diff --git a/styles/src/styleTree/chatPanel.ts b/styles/src/styleTree/chatPanel.ts index 103b8d2a3ffd531c97ba7ca51c098a98d1ca537b..e2b83237ddb406abf41ee0652a97999a10fa33a4 100644 --- a/styles/src/styleTree/chatPanel.ts +++ b/styles/src/styleTree/chatPanel.ts @@ -6,7 +6,7 @@ import { player, text, TextColor, - popoverShadow + popoverShadow, } from "./components"; export default function chatPanel(theme: Theme) { diff --git a/styles/src/styleTree/commandPalette.ts b/styles/src/styleTree/commandPalette.ts index 7b94f1cfaee2a05908e3385c66b5355170fe0f45..6d38051eb28a6332420773c521f180cd8cdec49f 100644 --- a/styles/src/styleTree/commandPalette.ts +++ b/styles/src/styleTree/commandPalette.ts @@ -16,11 +16,11 @@ export default function commandPalette(theme: Theme) { right: 8, }, margin: { - left: 2 + left: 2, }, active: { text: text(theme, "mono", "active", { size: "xs" }), - } - } - } + }, + }, + }; } diff --git a/styles/src/styleTree/components.ts b/styles/src/styleTree/components.ts index 020005b301985701771e02e87e0f0115cab731c1..10e70ba3ef15ea230e3b915ab3b1acdb78690ef5 100644 --- a/styles/src/styleTree/components.ts +++ b/styles/src/styleTree/components.ts @@ -60,10 +60,7 @@ export interface Player { selection: string; }; } -export function player( - theme: Theme, - playerNumber: PlayerIndex, -): Player { +export function player(theme: Theme, playerNumber: PlayerIndex): Player { return { selection: { cursor: theme.player[playerNumber].cursorColor, @@ -77,7 +74,7 @@ export type BackgroundState = keyof BackgroundColorSet; export function backgroundColor( theme: Theme, name: BackgroundColor, - state?: BackgroundState, + state?: BackgroundState ): string { return theme.backgroundColor[name][state || "base"]; } diff --git a/styles/src/styleTree/contactFinder.ts b/styles/src/styleTree/contactFinder.ts index fdefa34b8ad629a7fa5de5426e6f54e23b4b8160..e34fac4b2d734734f6b42d5089a9d7decf852919 100644 --- a/styles/src/styleTree/contactFinder.ts +++ b/styles/src/styleTree/contactFinder.ts @@ -26,13 +26,13 @@ export default function contactFinder(theme: Theme) { contactButton: { ...contactButton, hover: { - background: backgroundColor(theme, 100, "hovered") - } + background: backgroundColor(theme, 100, "hovered"), + }, }, disabledContactButton: { ...contactButton, background: backgroundColor(theme, 100), color: iconColor(theme, "muted"), }, - } + }; } diff --git a/styles/src/styleTree/contactNotification.ts b/styles/src/styleTree/contactNotification.ts index 0ed9636399e2385c4ae2d3864c0b0d2f975f9ef3..8006a95541939fd00e9beba0d925fe108a574deb 100644 --- a/styles/src/styleTree/contactNotification.ts +++ b/styles/src/styleTree/contactNotification.ts @@ -13,7 +13,7 @@ export default function contactNotification(theme: Theme): Object { }, headerMessage: { ...text(theme, "sans", "primary", { size: "xs" }), - margin: { left: headerPadding, right: headerPadding } + margin: { left: headerPadding, right: headerPadding }, }, headerHeight: 18, bodyMessage: { @@ -27,8 +27,8 @@ export default function contactNotification(theme: Theme): Object { cornerRadius: 6, margin: { left: 6 }, hover: { - background: backgroundColor(theme, "on300", "hovered") - } + background: backgroundColor(theme, "on300", "hovered"), + }, }, dismissButton: { color: iconColor(theme, "secondary"), @@ -37,8 +37,8 @@ export default function contactNotification(theme: Theme): Object { buttonWidth: 8, buttonHeight: 8, hover: { - color: iconColor(theme, "primary") - } - } - } -} \ No newline at end of file + color: iconColor(theme, "primary"), + }, + }, + }; +} diff --git a/styles/src/styleTree/contactsPanel.ts b/styles/src/styleTree/contactsPanel.ts index 2bfa4e94e28dbd549309cbaa9feb1af1d601cfe8..51e35c9003bf263b7a09340e30ba5d2336c17e44 100644 --- a/styles/src/styleTree/contactsPanel.ts +++ b/styles/src/styleTree/contactsPanel.ts @@ -1,6 +1,13 @@ import Theme from "../themes/common/theme"; import { panel } from "./app"; -import { backgroundColor, border, borderColor, iconColor, player, text } from "./components"; +import { + backgroundColor, + border, + borderColor, + iconColor, + player, + text, +} from "./components"; export default function contactsPanel(theme: Theme) { const nameMargin = 8; @@ -24,7 +31,7 @@ export default function contactsPanel(theme: Theme) { margin: { left: nameMargin, right: nameMargin, - } + }, }, padding: { left: sidePadding, @@ -59,7 +66,7 @@ export default function contactsPanel(theme: Theme) { margin: { left: sidePadding, right: sidePadding, - } + }, }, userQueryEditorHeight: 32, addContactButton: { @@ -86,16 +93,16 @@ export default function contactsPanel(theme: Theme) { active: { ...text(theme, "mono", "primary", { size: "sm" }), background: backgroundColor(theme, 100, "active"), - } + }, }, contactRow: { padding: { left: sidePadding, - right: sidePadding + right: sidePadding, }, active: { background: backgroundColor(theme, 100, "active"), - } + }, }, treeBranch: { color: borderColor(theme, "active"), @@ -105,7 +112,7 @@ export default function contactsPanel(theme: Theme) { }, active: { color: borderColor(theme, "active"), - } + }, }, contactAvatar: { cornerRadius: 10, @@ -141,18 +148,18 @@ export default function contactsPanel(theme: Theme) { }, active: { background: backgroundColor(theme, 300, "active"), - } + }, }, inviteRow: { padding: { left: sidePadding, - right: sidePadding + right: sidePadding, }, border: { top: true, width: 1, color: borderColor(theme, "primary") }, text: text(theme, "sans", "primary", { size: "sm" }), hover: { - text: text(theme, "sans", "primary", { size: "sm", underline: true }) - } - } - } + text: text(theme, "sans", "primary", { size: "sm", underline: true }), + }, + }, + }; } diff --git a/styles/src/styleTree/contextMenu.ts b/styles/src/styleTree/contextMenu.ts index 43b3a200b12c327f015b1c13aee70cffdc8da3fc..a7c69d7660c695c5d2c439fdcd94c9a327b49d4f 100644 --- a/styles/src/styleTree/contextMenu.ts +++ b/styles/src/styleTree/contextMenu.ts @@ -1,5 +1,11 @@ import Theme from "../themes/common/theme"; -import { backgroundColor, border, borderColor, popoverShadow, text } from "./components"; +import { + backgroundColor, + border, + borderColor, + popoverShadow, + text, +} from "./components"; export default function contextMenu(theme: Theme) { return { @@ -15,7 +21,7 @@ export default function contextMenu(theme: Theme) { label: text(theme, "sans", "secondary", { size: "sm" }), keystroke: { ...text(theme, "sans", "muted", { size: "sm", weight: "bold" }), - padding: { left: 3, right: 3 } + padding: { left: 3, right: 3 }, }, hover: { background: backgroundColor(theme, 300, "hovered"), @@ -28,11 +34,11 @@ export default function contextMenu(theme: Theme) { activeHover: { background: backgroundColor(theme, 300, "hovered"), text: text(theme, "sans", "active", { size: "sm" }), - } + }, }, separator: { background: borderColor(theme, "primary"), - margin: { top: 2, bottom: 2 } + margin: { top: 2, bottom: 2 }, }, - } + }; } diff --git a/styles/src/styleTree/editor.ts b/styles/src/styleTree/editor.ts index 8031a229c4a81b4f5de26aa35b614a03cb9eb20d..7e2c512a7cb69eaa3eece0d567cd3c43538cab7a 100644 --- a/styles/src/styleTree/editor.ts +++ b/styles/src/styleTree/editor.ts @@ -6,7 +6,7 @@ import { player, popoverShadow, text, - TextColor + TextColor, } from "./components"; import hoverPopover from "./hoverPopover"; @@ -157,7 +157,7 @@ export default function editor(theme: Theme) { hover: { color: iconColor(theme, "active"), background: backgroundColor(theme, "on500", "base"), - } + }, }, syntax, }; diff --git a/styles/src/styleTree/hoverPopover.ts b/styles/src/styleTree/hoverPopover.ts index 353706d0a0904a3428a04d27324d4bca811ed602..d6665cacff3df69ec20c5a17073ac4772c541279 100644 --- a/styles/src/styleTree/hoverPopover.ts +++ b/styles/src/styleTree/hoverPopover.ts @@ -10,7 +10,7 @@ export default function HoverPopover(theme: Theme) { left: 8, right: 8, top: 4, - bottom: 4 + bottom: 4, }, shadow: popoverShadow(theme), border: border(theme, "primary"), @@ -21,7 +21,7 @@ export default function HoverPopover(theme: Theme) { block_style: { padding: { top: 4 }, }, - prose: text(theme, "sans", "primary", { "size": "sm" }), + prose: text(theme, "sans", "primary", { size: "sm" }), highlight: theme.editor.highlight.occurrence, - } -} \ No newline at end of file + }; +} diff --git a/styles/src/styleTree/picker.ts b/styles/src/styleTree/picker.ts index b3ff654e348458a9be5c7be7c833309a343719a7..84a72aabcc4b91977247b8d1cc299ab22338004c 100644 --- a/styles/src/styleTree/picker.ts +++ b/styles/src/styleTree/picker.ts @@ -1,5 +1,11 @@ import Theme from "../themes/common/theme"; -import { backgroundColor, border, player, modalShadow, text } from "./components"; +import { + backgroundColor, + border, + player, + modalShadow, + text, +} from "./components"; export default function picker(theme: Theme) { return { @@ -22,7 +28,7 @@ export default function picker(theme: Theme) { }, hover: { background: backgroundColor(theme, 300, "hovered"), - } + }, }, border: border(theme, "primary"), empty: { diff --git a/styles/src/styleTree/projectDiagnostics.ts b/styles/src/styleTree/projectDiagnostics.ts index fe2d3e5f3b24da2d7120c4fe491817853741b831..ca6eb7c80826c220b2ac2da1f0825de200aa1b8d 100644 --- a/styles/src/styleTree/projectDiagnostics.ts +++ b/styles/src/styleTree/projectDiagnostics.ts @@ -1,8 +1,5 @@ import Theme from "../themes/common/theme"; -import { - backgroundColor, - text, -} from "./components"; +import { backgroundColor, text } from "./components"; export default function projectDiagnostics(theme: Theme) { return { @@ -11,5 +8,5 @@ export default function projectDiagnostics(theme: Theme) { tabIconWidth: 13, tabSummarySpacing: 10, emptyMessage: text(theme, "sans", "secondary", { size: "md" }), - } + }; } diff --git a/styles/src/styleTree/projectPanel.ts b/styles/src/styleTree/projectPanel.ts index f68f69711cfabd6c35746e0136291b323aeac6c4..7007a5da2d5d7d525ed879ea7ab9be1fdda0051a 100644 --- a/styles/src/styleTree/projectPanel.ts +++ b/styles/src/styleTree/projectPanel.ts @@ -24,7 +24,7 @@ export default function projectPanel(theme: Theme) { activeHover: { background: backgroundColor(theme, 300, "hovered"), text: text(theme, "mono", "active", { size: "sm" }), - } + }, }, cutEntryFade: 0.4, ignoredEntryFade: 0.6, diff --git a/styles/src/styleTree/search.ts b/styles/src/styleTree/search.ts index 989b9f6b7a5e92f4b773954f217b2ceb85d41fbc..3e9c30d8d9a14b9e2bcbe4e319dc0274a13bd70d 100644 --- a/styles/src/styleTree/search.ts +++ b/styles/src/styleTree/search.ts @@ -2,7 +2,6 @@ import Theme from "../themes/common/theme"; import { backgroundColor, border, player, text } from "./components"; export default function search(theme: Theme) { - // Search input const editor = { background: backgroundColor(theme, 500), @@ -51,7 +50,7 @@ export default function search(theme: Theme) { ...text(theme, "mono", "active"), background: backgroundColor(theme, "on500", "hovered"), border: border(theme, "muted"), - } + }, }, editor, invalidEditor: { diff --git a/styles/src/styleTree/statusBar.ts b/styles/src/styleTree/statusBar.ts index 549858dbefd87af5af2e65981d74aa8ae4624e0b..d5d63fdadf6befdf6120d29ae6bc6dffd4235479 100644 --- a/styles/src/styleTree/statusBar.ts +++ b/styles/src/styleTree/statusBar.ts @@ -5,13 +5,13 @@ import { workspaceBackground } from "./workspace"; export default function statusBar(theme: Theme) { const statusContainer = { cornerRadius: 6, - padding: { top: 3, bottom: 3, left: 6, right: 6 } - } + padding: { top: 3, bottom: 3, left: 6, right: 6 }, + }; const diagnosticStatusContainer = { cornerRadius: 6, - padding: { top: 1, bottom: 1, left: 6, right: 6 } - } + padding: { top: 1, bottom: 1, left: 6, right: 6 }, + }; return { height: 30, @@ -37,7 +37,7 @@ export default function statusBar(theme: Theme) { message: text(theme, "sans", "primary"), iconColor: iconColor(theme, "active"), background: backgroundColor(theme, 300, "hovered"), - } + }, }, diagnosticMessage: { ...text(theme, "sans", "muted"), @@ -86,7 +86,7 @@ export default function statusBar(theme: Theme) { ...diagnosticStatusContainer, background: backgroundColor(theme, "error", "hovered"), border: border(theme, "error"), - } + }, }, }, sidebarButtons: { @@ -103,7 +103,7 @@ export default function statusBar(theme: Theme) { active: { iconColor: iconColor(theme, "active"), background: backgroundColor(theme, 300, "active"), - } + }, }, badge: { cornerRadius: 3, @@ -111,7 +111,7 @@ export default function statusBar(theme: Theme) { margin: { bottom: -1, right: -1 }, border: { width: 1, color: workspaceBackground(theme) }, background: iconColor(theme, "feature"), - } - } - } + }, + }, + }; } diff --git a/styles/src/styleTree/terminal.ts b/styles/src/styleTree/terminal.ts index bc133f09c8a0564854120e1dd329de73e9f05353..2868959b7c9fffba5cd010a96bb80f757deaca29 100644 --- a/styles/src/styleTree/terminal.ts +++ b/styles/src/styleTree/terminal.ts @@ -44,6 +44,6 @@ export default function terminal(theme: Theme) { margin: 25, border: border(theme, "primary"), shadow: modalShadow(theme), - } + }, }; -} \ No newline at end of file +} diff --git a/styles/src/styleTree/tooltip.ts b/styles/src/styleTree/tooltip.ts index 0a4ab19d46ec8a6b87726063127d44a229e4a54e..8d1bb8078dd32b3bdfbfcf8b6b8d0d33bc82d463 100644 --- a/styles/src/styleTree/tooltip.ts +++ b/styles/src/styleTree/tooltip.ts @@ -15,8 +15,8 @@ export default function tooltip(theme: Theme) { cornerRadius: 4, margin: { left: 6 }, padding: { left: 4, right: 4 }, - ...text(theme, "mono", "muted", { size: "xs", weight: "bold" }) + ...text(theme, "mono", "muted", { size: "xs", weight: "bold" }), }, maxTextWidth: 200, - } -} \ No newline at end of file + }; +} diff --git a/styles/src/styleTree/updateNotification.ts b/styles/src/styleTree/updateNotification.ts index 7a9ba196c07e30328234c0b65cecb688d3de42d2..53d832733158a87f29bf8fb673517e459938d3ec 100644 --- a/styles/src/styleTree/updateNotification.ts +++ b/styles/src/styleTree/updateNotification.ts @@ -7,14 +7,14 @@ export default function updateNotification(theme: Theme): Object { return { message: { ...text(theme, "sans", "primary", { size: "xs" }), - margin: { left: headerPadding, right: headerPadding } + margin: { left: headerPadding, right: headerPadding }, }, actionMessage: { ...text(theme, "sans", "secondary", { size: "xs" }), margin: { left: headerPadding, top: 6, bottom: 6 }, hover: { - color: theme.textColor["active"] - } + color: theme.textColor["active"], + }, }, dismissButton: { color: iconColor(theme, "secondary"), @@ -23,8 +23,8 @@ export default function updateNotification(theme: Theme): Object { buttonWidth: 8, buttonHeight: 8, hover: { - color: iconColor(theme, "primary") - } - } - } -} \ No newline at end of file + color: iconColor(theme, "primary"), + }, + }, + }; +} diff --git a/styles/src/styleTree/workspace.ts b/styles/src/styleTree/workspace.ts index 0e9762f32151c3387a7b280fc24b9906a81d271b..6b0be3453282bf595b75851b47c021a40868dd3e 100644 --- a/styles/src/styleTree/workspace.ts +++ b/styles/src/styleTree/workspace.ts @@ -1,10 +1,16 @@ import Theme from "../themes/common/theme"; import { withOpacity } from "../utils/color"; -import { backgroundColor, border, iconColor, modalShadow, text } from "./components"; +import { + backgroundColor, + border, + iconColor, + modalShadow, + text, +} from "./components"; import statusBar from "./statusBar"; export function workspaceBackground(theme: Theme) { - return backgroundColor(theme, 300) + return backgroundColor(theme, 300); } export default function workspace(theme: Theme) { @@ -49,7 +55,7 @@ export default function workspace(theme: Theme) { }, joiningProjectMessage: { padding: 12, - ...text(theme, "sans", "primary", { size: "lg" }) + ...text(theme, "sans", "primary", { size: "lg" }), }, leaderBorderOpacity: 0.7, leaderBorderWidth: 2.0, @@ -58,21 +64,21 @@ export default function workspace(theme: Theme) { paneButton: { color: iconColor(theme, "secondary"), border: { - ...tab.border + ...tab.border, }, iconWidth: 12, buttonWidth: tab.height, hover: { color: iconColor(theme, "active"), background: backgroundColor(theme, 300), - } + }, }, modal: { margin: { bottom: 52, top: 52, }, - cursor: "Arrow" + cursor: "Arrow", }, sidebarResizeHandle: { background: border(theme, "primary").color, @@ -105,7 +111,7 @@ export default function workspace(theme: Theme) { avatarRibbon: { height: 3, width: 12, - // TODO: The background for this ideally should be + // TODO: The background for this ideally should be // set with a token, not hardcoded in rust }, border: border(theme, "primary", { bottom: true, overlay: true }), @@ -127,7 +133,7 @@ export default function workspace(theme: Theme) { ...text(theme, "sans", "active", { size: "xs" }), background: backgroundColor(theme, "on300", "hovered"), border: border(theme, "primary"), - } + }, }, offlineIcon: { color: iconColor(theme, "secondary"), @@ -192,6 +198,6 @@ export default function workspace(theme: Theme) { notifications: { width: 400, margin: { right: 10, bottom: 10 }, - } + }, }; } diff --git a/styles/src/themes/cave.ts b/styles/src/themes/cave.ts index aab020d6269cb9b8a3b8bf097b28ea54b0774246..2e66f4baf465c473ea4660adc46cfd22e416adbe 100644 --- a/styles/src/themes/cave.ts +++ b/styles/src/themes/cave.ts @@ -25,4 +25,4 @@ const ramps = { }; export const dark = createTheme(`${name}-dark`, false, ramps); -export const light = createTheme(`${name}-light`, true, ramps); \ No newline at end of file +export const light = createTheme(`${name}-light`, true, ramps); diff --git a/styles/src/themes/common/base16.ts b/styles/src/themes/common/base16.ts index e7b71a49bb4ce28e4a69ceb40a132d0388805563..a73ac7f0cf4d6a256cf7bb0fcbdcfaf1f7cd5cea 100644 --- a/styles/src/themes/common/base16.ts +++ b/styles/src/themes/common/base16.ts @@ -1,5 +1,5 @@ import chroma, { Color, Scale } from "chroma-js"; -import { fontWeights, } from "../../common"; +import { fontWeights } from "../../common"; import { withOpacity } from "../../utils/color"; import Theme, { buildPlayer, Syntax } from "./theme"; @@ -13,25 +13,33 @@ export function colorRamp(color: Color): Scale { export function createTheme( name: string, isLight: boolean, - color_ramps: { [rampName: string]: Scale }, + color_ramps: { [rampName: string]: Scale } ): Theme { let ramps: typeof color_ramps = {}; // Chromajs mutates the underlying ramp when you call domain. This causes problems because - // we now store the ramps object in the theme so that we can pull colors out of them. + // we now store the ramps object in the theme so that we can pull colors out of them. // So instead of calling domain and storing the result, we have to construct new ramps for each // theme so that we don't modify the passed in ramps. // This combined with an error in the type definitions for chroma js means we have to cast the colors // function to any in order to get the colors back out from the original ramps. if (isLight) { for (var rampName in color_ramps) { - ramps[rampName] = chroma.scale((color_ramps[rampName].colors as any)()).domain([1, 0]); + ramps[rampName] = chroma + .scale((color_ramps[rampName].colors as any)()) + .domain([1, 0]); } - ramps.neutral = chroma.scale((color_ramps.neutral.colors as any)()).domain([7, 0]); + ramps.neutral = chroma + .scale((color_ramps.neutral.colors as any)()) + .domain([7, 0]); } else { for (var rampName in color_ramps) { - ramps[rampName] = chroma.scale((color_ramps[rampName].colors as any)()).domain([0, 1]); + ramps[rampName] = chroma + .scale((color_ramps[rampName].colors as any)()) + .domain([0, 1]); } - ramps.neutral = chroma.scale((color_ramps.neutral.colors as any)()).domain([0, 7]); + ramps.neutral = chroma + .scale((color_ramps.neutral.colors as any)()) + .domain([0, 7]); } let blend = isLight ? 0.12 : 0.24; @@ -242,8 +250,12 @@ export function createTheme( }; const shadow = withOpacity( - ramps.neutral(isLight ? 7 : 0).darken().hex(), - blend); + ramps + .neutral(isLight ? 7 : 0) + .darken() + .hex(), + blend + ); return { name, diff --git a/styles/src/themes/common/theme.ts b/styles/src/themes/common/theme.ts index 7f32f48974796481f4e25e026d916456e6a81da6..ac0902d8a2f233ccca0ec6ac96a7f8a2c05e438d 100644 --- a/styles/src/themes/common/theme.ts +++ b/styles/src/themes/common/theme.ts @@ -61,7 +61,7 @@ export interface Syntax { export default interface Theme { name: string; - isLight: boolean, + isLight: boolean; backgroundColor: { // Basically just Title Bar // Lowest background level @@ -155,7 +155,7 @@ export default interface Theme { 6: Player; 7: Player; 8: Player; - }, + }; shadow: string; ramps: { [rampName: string]: Scale }; } diff --git a/styles/src/themes/one-dark.ts b/styles/src/themes/one-dark.ts index 8f65dffd7640147cb7f9ba9997ea9d359a607c4c..2fbabb5c80ce43c4c68f15b5188c7516e4f3b6ec 100644 --- a/styles/src/themes/one-dark.ts +++ b/styles/src/themes/one-dark.ts @@ -2,25 +2,26 @@ import chroma from "chroma-js"; import { colorRamp, createTheme } from "./common/base16"; const name = "one"; -const author = "Chris Kempson (http://chriskempson.com)" -const url = "https://github.com/chriskempson/base16-vim/blob/master/colors/base16-onedark.vim" +const author = "Chris Kempson (http://chriskempson.com)"; +const url = + "https://github.com/chriskempson/base16-vim/blob/master/colors/base16-onedark.vim"; -const base00 = "#282c34" -const base01 = "#353b45" -const base02 = "#3e4451" -const base03 = "#545862" -const base04 = "#565c64" -const base05 = "#abb2bf" -const base06 = "#b6bdca" -const base07 = "#c8ccd4" -const base08 = "#e06c75" -const base09 = "#d19a66" -const base0A = "#e5c07b" -const base0B = "#98c379" -const base0C = "#56b6c2" -const base0D = "#61afef" -const base0E = "#c678dd" -const base0F = "#be5046" +const base00 = "#282c34"; +const base01 = "#353b45"; +const base02 = "#3e4451"; +const base03 = "#545862"; +const base04 = "#565c64"; +const base05 = "#abb2bf"; +const base06 = "#b6bdca"; +const base07 = "#c8ccd4"; +const base08 = "#e06c75"; +const base09 = "#d19a66"; +const base0A = "#e5c07b"; +const base0B = "#98c379"; +const base0C = "#56b6c2"; +const base0D = "#61afef"; +const base0E = "#c678dd"; +const base0F = "#be5046"; const ramps = { neutral: chroma.scale([ @@ -31,7 +32,7 @@ const ramps = { base04, base05, base06, - base07 + base07, ]), red: colorRamp(chroma(base08)), orange: colorRamp(chroma(base09)), @@ -43,4 +44,4 @@ const ramps = { magenta: colorRamp(chroma(base0F)), }; -export const dark = createTheme(`${name}-dark`, false, ramps); \ No newline at end of file +export const dark = createTheme(`${name}-dark`, false, ramps); diff --git a/styles/src/themes/one-light.ts b/styles/src/themes/one-light.ts index d78f00ff554501bdbe23e6a465c9937aef86ee4f..7e468b9427ec86d8607367fabc54327712339a3e 100644 --- a/styles/src/themes/one-light.ts +++ b/styles/src/themes/one-light.ts @@ -2,25 +2,26 @@ import chroma from "chroma-js"; import { colorRamp, createTheme } from "./common/base16"; const name = "one"; -const author = "Daniel Pfeifer (http://github.com/purpleKarrot)" -const url = "https://github.com/purpleKarrot/base16-one-light-scheme/blob/master/one-light.yaml" +const author = "Daniel Pfeifer (http://github.com/purpleKarrot)"; +const url = + "https://github.com/purpleKarrot/base16-one-light-scheme/blob/master/one-light.yaml"; -const base00 = "#090a0b" -const base01 = "#202227" -const base02 = "#383a42" -const base03 = "#a0a1a7" -const base04 = "#696c77" -const base05 = "#a0a1a7" -const base06 = "#e5e5e6" -const base07 = "#f0f0f1" -const base08 = "#fafafa" -const base09 = "#d75f00" -const base0A = "#c18401" -const base0B = "#50a14f" -const base0C = "#0184bc" -const base0D = "#4078f2" -const base0E = "#a626a4" -const base0F = "#986801" +const base00 = "#090a0b"; +const base01 = "#202227"; +const base02 = "#383a42"; +const base03 = "#a0a1a7"; +const base04 = "#696c77"; +const base05 = "#a0a1a7"; +const base06 = "#e5e5e6"; +const base07 = "#f0f0f1"; +const base08 = "#fafafa"; +const base09 = "#d75f00"; +const base0A = "#c18401"; +const base0B = "#50a14f"; +const base0C = "#0184bc"; +const base0D = "#4078f2"; +const base0E = "#a626a4"; +const base0F = "#986801"; const ramps = { neutral: chroma.scale([ @@ -31,7 +32,7 @@ const ramps = { base04, base05, base06, - base07 + base07, ]), red: colorRamp(chroma(base08)), orange: colorRamp(chroma(base09)), @@ -43,4 +44,4 @@ const ramps = { magenta: colorRamp(chroma(base0F)), }; -export const light = createTheme(`${name}-light`, true, ramps); \ No newline at end of file +export const light = createTheme(`${name}-light`, true, ramps); diff --git a/styles/src/utils/snakeCase.ts b/styles/src/utils/snakeCase.ts index 85a038c663968b07ae4a108164226c7c141a270d..b95c28d89fb54611efa9804a79226c38e32448d9 100644 --- a/styles/src/utils/snakeCase.ts +++ b/styles/src/utils/snakeCase.ts @@ -3,21 +3,21 @@ import { snakeCase } from "case-anything"; // https://stackoverflow.com/questions/60269936/typescript-convert-generic-object-from-snake-to-camel-case // Typescript magic to convert any string from camelCase to snake_case at compile time -type SnakeCase = - S extends string ? - S extends `${infer T}${infer U}` ? - `${T extends Capitalize ? "_" : ""}${Lowercase}${SnakeCase}` : - S : - S; +type SnakeCase = S extends string + ? S extends `${infer T}${infer U}` + ? `${T extends Capitalize ? "_" : ""}${Lowercase}${SnakeCase}` + : S + : S; type SnakeCased = { - [Property in keyof Type as SnakeCase]: SnakeCased -} + [Property in keyof Type as SnakeCase]: SnakeCased; +}; export default function snakeCaseTree(object: T): SnakeCased { const snakeObject: any = {}; for (const key in object) { - snakeObject[snakeCase(key, { keepSpecialCharacters: true })] = snakeCaseValue(object[key]); + snakeObject[snakeCase(key, { keepSpecialCharacters: true })] = + snakeCaseValue(object[key]); } return snakeObject; } diff --git a/styles/tsconfig.json b/styles/tsconfig.json index fa3e3062c95377568dce90b6e83eaba11faebf2d..fc09fdb0a456b6ba845d9d3483cf4fac1e9e5c4f 100644 --- a/styles/tsconfig.json +++ b/styles/tsconfig.json @@ -1,14 +1,12 @@ { - "compilerOptions": { - "target": "es2015", - "module": "commonjs", - "esModuleInterop": true, - "noImplicitAny": true, - "removeComments": true, - "preserveConstEnums": true, - "sourceMap": true - }, - "exclude": [ - "node_modules" - ] + "compilerOptions": { + "target": "es2015", + "module": "commonjs", + "esModuleInterop": true, + "noImplicitAny": true, + "removeComments": true, + "preserveConstEnums": true, + "sourceMap": true + }, + "exclude": ["node_modules"] }