Yehowshua/ZIm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Format styles directory with prettier.

Browse source
This commit is contained in:
Nate Butler 2022-07-16 11:53:27 -04:00
parent 45ea412d2c
commit 668af83cd6
30 changed files with 527 additions and 496 deletions
Download patch file Download diff file Expand all files Collapse all files

618
styles/package-lock.json generated
View file

@ -1,315 +1,315 @@
{ {
"name": "styles", "name": "styles",
"version": "1.0.0", "version": "1.0.0",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"version": "1.0.0", "version": "1.0.0",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"@types/chroma-js": "^2.1.3", "@types/chroma-js": "^2.1.3",
"@types/node": "^17.0.23", "@types/node": "^17.0.23",
"case-anything": "^2.1.10", "case-anything": "^2.1.10",
"chroma-js": "^2.4.2", "chroma-js": "^2.4.2",
"ts-node": "^10.7.0" "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"
}
}
}, },
"dependencies": { "node_modules/@cspotcode/source-map-consumer": {
"@cspotcode/source-map-consumer": { "version": "0.8.0",
"version": "0.8.0", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz",
"resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz", "integrity": "sha512-41qniHzTU8yAGbCp04ohlmSrZf8bkf/iJsl3V0dRGsQN/5GFfx+LbCSsCpp2gqrqjTVg/K6O8ycoV35JIwAzAg==",
"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
}, },
"@cspotcode/source-map-support": { "@swc/wasm": {
"version": "0.7.0", "optional": true
"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/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=="
}
}
} }

34
styles/package.json
View file

@ -1,19 +1,19 @@
{ {
"name": "styles", "name": "styles",
"version": "1.0.0", "version": "1.0.0",
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"build": "npm run build-themes && npm run build-tokens", "build": "npm run build-themes && npm run build-tokens",
"build-themes": "ts-node ./src/buildThemes.ts" "build-themes": "ts-node ./src/buildThemes.ts"
}, },
"author": "", "author": "",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"@types/chroma-js": "^2.1.3", "@types/chroma-js": "^2.1.3",
"@types/node": "^17.0.23", "@types/node": "^17.0.23",
"case-anything": "^2.1.10", "case-anything": "^2.1.10",
"chroma-js": "^2.4.2", "chroma-js": "^2.4.2",
"ts-node": "^10.7.0" "ts-node": "^10.7.0"
} }
} }

10
styles/src/buildThemes.ts
View file

@ -1,18 +1,18 @@
import * as fs from "fs"; import * as fs from "fs";
import * as path from "path"; import * as path from "path";
import { tmpdir } from 'os'; import { tmpdir } from "os";
import app from "./styleTree/app"; import app from "./styleTree/app";
import themes from "./themes"; import themes from "./themes";
import snakeCase from "./utils/snakeCase"; import snakeCase from "./utils/snakeCase";
const themeDirectory = `${__dirname}/../../assets/themes/`; 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 // Clear existing themes
for (const file of fs.readdirSync(themeDirectory)) { for (const file of fs.readdirSync(themeDirectory)) {
if (file.endsWith('.json')) { if (file.endsWith(".json")) {
const name = file.replace(/\.json$/, ''); const name = file.replace(/\.json$/, "");
if (!themes.find(theme => theme.name === name)) { if (!themes.find((theme) => theme.name === name)) {
fs.unlinkSync(path.join(themeDirectory, file)); fs.unlinkSync(path.join(themeDirectory, file));
} }
} }

9
styles/src/common.ts
View file

@ -1,7 +1,7 @@
export const fontFamilies = { export const fontFamilies = {
sans: "Zed Sans", sans: "Zed Sans",
mono: "Zed Mono", mono: "Zed Mono",
} };
export const fontSizes = { export const fontSizes = {
"3xs": 8, "3xs": 8,
@ -13,7 +13,8 @@ export const fontSizes = {
xl: 20, xl: 20,
}; };
export type FontWeight = "thin" export type FontWeight =
| "thin"
| "extra_light" | "extra_light"
| "light" | "light"
| "normal" | "normal"
@ -31,7 +32,7 @@ export const fontWeights: { [key: string]: FontWeight } = {
semibold: "semibold", semibold: "semibold",
bold: "bold", bold: "bold",
extra_bold: "extra_bold", extra_bold: "extra_bold",
black: "black" black: "black",
}; };
export const sizes = { export const sizes = {
@ -62,4 +63,4 @@ export const sizes = {
// purple: colorRamp("#A855F7FF"), // purple: colorRamp("#A855F7FF"),
// fuschia: colorRamp("#D946E4FF"), // fuschia: colorRamp("#D946E4FF"),
// pink: colorRamp("#EC4899FF"), // pink: colorRamp("#EC4899FF"),
// } // }

2
styles/src/styleTree/app.ts
View file

@ -17,7 +17,7 @@ import tooltip from "./tooltip";
import terminal from "./terminal"; import terminal from "./terminal";
export const panel = { export const panel = {
padding: { top: 12, bottom: 12 } padding: { top: 12, bottom: 12 },
}; };
export default function app(theme: Theme): Object { export default function app(theme: Theme): Object {

2
styles/src/styleTree/chatPanel.ts
View file

@ -6,7 +6,7 @@ import {
player, player,
text, text,
TextColor, TextColor,
popoverShadow popoverShadow,
} from "./components"; } from "./components";
export default function chatPanel(theme: Theme) { export default function chatPanel(theme: Theme) {

8
styles/src/styleTree/commandPalette.ts
View file

@ -16,11 +16,11 @@ export default function commandPalette(theme: Theme) {
right: 8, right: 8,
}, },
margin: { margin: {
left: 2 left: 2,
}, },
active: { active: {
text: text(theme, "mono", "active", { size: "xs" }), text: text(theme, "mono", "active", { size: "xs" }),
} },
} },
} };
} }

7
styles/src/styleTree/components.ts
View file

@ -60,10 +60,7 @@ export interface Player {
selection: string; selection: string;
}; };
} }
export function player( export function player(theme: Theme, playerNumber: PlayerIndex): Player {
theme: Theme,
playerNumber: PlayerIndex,
): Player {
return { return {
selection: { selection: {
cursor: theme.player[playerNumber].cursorColor, cursor: theme.player[playerNumber].cursorColor,
@ -77,7 +74,7 @@ export type BackgroundState = keyof BackgroundColorSet;
export function backgroundColor( export function backgroundColor(
theme: Theme, theme: Theme,
name: BackgroundColor, name: BackgroundColor,
state?: BackgroundState, state?: BackgroundState
): string { ): string {
return theme.backgroundColor[name][state || "base"]; return theme.backgroundColor[name][state || "base"];
} }

6
styles/src/styleTree/contactFinder.ts
View file

@ -26,13 +26,13 @@ export default function contactFinder(theme: Theme) {
contactButton: { contactButton: {
...contactButton, ...contactButton,
hover: { hover: {
background: backgroundColor(theme, 100, "hovered") background: backgroundColor(theme, 100, "hovered"),
} },
}, },
disabledContactButton: { disabledContactButton: {
...contactButton, ...contactButton,
background: backgroundColor(theme, 100), background: backgroundColor(theme, 100),
color: iconColor(theme, "muted"), color: iconColor(theme, "muted"),
}, },
} };
} }

16
styles/src/styleTree/contactNotification.ts
View file

@ -13,7 +13,7 @@ export default function contactNotification(theme: Theme): Object {
}, },
headerMessage: { headerMessage: {
...text(theme, "sans", "primary", { size: "xs" }), ...text(theme, "sans", "primary", { size: "xs" }),
margin: { left: headerPadding, right: headerPadding } margin: { left: headerPadding, right: headerPadding },
}, },
headerHeight: 18, headerHeight: 18,
bodyMessage: { bodyMessage: {
@ -27,8 +27,8 @@ export default function contactNotification(theme: Theme): Object {
cornerRadius: 6, cornerRadius: 6,
margin: { left: 6 }, margin: { left: 6 },
hover: { hover: {
background: backgroundColor(theme, "on300", "hovered") background: backgroundColor(theme, "on300", "hovered"),
} },
}, },
dismissButton: { dismissButton: {
color: iconColor(theme, "secondary"), color: iconColor(theme, "secondary"),
@ -37,8 +37,8 @@ export default function contactNotification(theme: Theme): Object {
buttonWidth: 8, buttonWidth: 8,
buttonHeight: 8, buttonHeight: 8,
hover: { hover: {
color: iconColor(theme, "primary") color: iconColor(theme, "primary"),
} },
} },
} };
} }

33
styles/src/styleTree/contactsPanel.ts
View file

@ -1,6 +1,13 @@
import Theme from "../themes/common/theme"; import Theme from "../themes/common/theme";
import { panel } from "./app"; 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) { export default function contactsPanel(theme: Theme) {
const nameMargin = 8; const nameMargin = 8;
@ -24,7 +31,7 @@ export default function contactsPanel(theme: Theme) {
margin: { margin: {
left: nameMargin, left: nameMargin,
right: nameMargin, right: nameMargin,
} },
}, },
padding: { padding: {
left: sidePadding, left: sidePadding,
@ -59,7 +66,7 @@ export default function contactsPanel(theme: Theme) {
margin: { margin: {
left: sidePadding, left: sidePadding,
right: sidePadding, right: sidePadding,
} },
}, },
userQueryEditorHeight: 32, userQueryEditorHeight: 32,
addContactButton: { addContactButton: {
@ -86,16 +93,16 @@ export default function contactsPanel(theme: Theme) {
active: { active: {
...text(theme, "mono", "primary", { size: "sm" }), ...text(theme, "mono", "primary", { size: "sm" }),
background: backgroundColor(theme, 100, "active"), background: backgroundColor(theme, 100, "active"),
} },
}, },
contactRow: { contactRow: {
padding: { padding: {
left: sidePadding, left: sidePadding,
right: sidePadding right: sidePadding,
}, },
active: { active: {
background: backgroundColor(theme, 100, "active"), background: backgroundColor(theme, 100, "active"),
} },
}, },
treeBranch: { treeBranch: {
color: borderColor(theme, "active"), color: borderColor(theme, "active"),
@ -105,7 +112,7 @@ export default function contactsPanel(theme: Theme) {
}, },
active: { active: {
color: borderColor(theme, "active"), color: borderColor(theme, "active"),
} },
}, },
contactAvatar: { contactAvatar: {
cornerRadius: 10, cornerRadius: 10,
@ -141,18 +148,18 @@ export default function contactsPanel(theme: Theme) {
}, },
active: { active: {
background: backgroundColor(theme, 300, "active"), background: backgroundColor(theme, 300, "active"),
} },
}, },
inviteRow: { inviteRow: {
padding: { padding: {
left: sidePadding, left: sidePadding,
right: sidePadding right: sidePadding,
}, },
border: { top: true, width: 1, color: borderColor(theme, "primary") }, border: { top: true, width: 1, color: borderColor(theme, "primary") },
text: text(theme, "sans", "primary", { size: "sm" }), text: text(theme, "sans", "primary", { size: "sm" }),
hover: { hover: {
text: text(theme, "sans", "primary", { size: "sm", underline: true }) text: text(theme, "sans", "primary", { size: "sm", underline: true }),
} },
} },
} };
} }

16
styles/src/styleTree/contextMenu.ts
View file

@ -1,5 +1,11 @@
import Theme from "../themes/common/theme"; 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) { export default function contextMenu(theme: Theme) {
return { return {
@ -15,7 +21,7 @@ export default function contextMenu(theme: Theme) {
label: text(theme, "sans", "secondary", { size: "sm" }), label: text(theme, "sans", "secondary", { size: "sm" }),
keystroke: { keystroke: {
...text(theme, "sans", "muted", { size: "sm", weight: "bold" }), ...text(theme, "sans", "muted", { size: "sm", weight: "bold" }),
padding: { left: 3, right: 3 } padding: { left: 3, right: 3 },
}, },
hover: { hover: {
background: backgroundColor(theme, 300, "hovered"), background: backgroundColor(theme, 300, "hovered"),
@ -28,11 +34,11 @@ export default function contextMenu(theme: Theme) {
activeHover: { activeHover: {
background: backgroundColor(theme, 300, "hovered"), background: backgroundColor(theme, 300, "hovered"),
text: text(theme, "sans", "active", { size: "sm" }), text: text(theme, "sans", "active", { size: "sm" }),
} },
}, },
separator: { separator: {
background: borderColor(theme, "primary"), background: borderColor(theme, "primary"),
margin: { top: 2, bottom: 2 } margin: { top: 2, bottom: 2 },
}, },
} };
} }

4
styles/src/styleTree/editor.ts
View file

@ -6,7 +6,7 @@ import {
player, player,
popoverShadow, popoverShadow,
text, text,
TextColor TextColor,
} from "./components"; } from "./components";
import hoverPopover from "./hoverPopover"; import hoverPopover from "./hoverPopover";
@ -157,7 +157,7 @@ export default function editor(theme: Theme) {
hover: { hover: {
color: iconColor(theme, "active"), color: iconColor(theme, "active"),
background: backgroundColor(theme, "on500", "base"), background: backgroundColor(theme, "on500", "base"),
} },
}, },
syntax, syntax,
}; };

8
styles/src/styleTree/hoverPopover.ts
View file

@ -10,7 +10,7 @@ export default function HoverPopover(theme: Theme) {
left: 8, left: 8,
right: 8, right: 8,
top: 4, top: 4,
bottom: 4 bottom: 4,
}, },
shadow: popoverShadow(theme), shadow: popoverShadow(theme),
border: border(theme, "primary"), border: border(theme, "primary"),
@ -21,7 +21,7 @@ export default function HoverPopover(theme: Theme) {
block_style: { block_style: {
padding: { top: 4 }, padding: { top: 4 },
}, },
prose: text(theme, "sans", "primary", { "size": "sm" }), prose: text(theme, "sans", "primary", { size: "sm" }),
highlight: theme.editor.highlight.occurrence, highlight: theme.editor.highlight.occurrence,
} };
} }

10
styles/src/styleTree/picker.ts
View file

@ -1,5 +1,11 @@
import Theme from "../themes/common/theme"; 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) { export default function picker(theme: Theme) {
return { return {
@ -22,7 +28,7 @@ export default function picker(theme: Theme) {
}, },
hover: { hover: {
background: backgroundColor(theme, 300, "hovered"), background: backgroundColor(theme, 300, "hovered"),
} },
}, },
border: border(theme, "primary"), border: border(theme, "primary"),
empty: { empty: {

7
styles/src/styleTree/projectDiagnostics.ts
View file

@ -1,8 +1,5 @@
import Theme from "../themes/common/theme"; import Theme from "../themes/common/theme";
import { import { backgroundColor, text } from "./components";
backgroundColor,
text,
} from "./components";
export default function projectDiagnostics(theme: Theme) { export default function projectDiagnostics(theme: Theme) {
return { return {
@ -11,5 +8,5 @@ export default function projectDiagnostics(theme: Theme) {
tabIconWidth: 13, tabIconWidth: 13,
tabSummarySpacing: 10, tabSummarySpacing: 10,
emptyMessage: text(theme, "sans", "secondary", { size: "md" }), emptyMessage: text(theme, "sans", "secondary", { size: "md" }),
} };
} }

2
styles/src/styleTree/projectPanel.ts
View file

@ -24,7 +24,7 @@ export default function projectPanel(theme: Theme) {
activeHover: { activeHover: {
background: backgroundColor(theme, 300, "hovered"), background: backgroundColor(theme, 300, "hovered"),
text: text(theme, "mono", "active", { size: "sm" }), text: text(theme, "mono", "active", { size: "sm" }),
} },
}, },
cutEntryFade: 0.4, cutEntryFade: 0.4,
ignoredEntryFade: 0.6, ignoredEntryFade: 0.6,

3
styles/src/styleTree/search.ts
View file

@ -2,7 +2,6 @@ import Theme from "../themes/common/theme";
import { backgroundColor, border, player, text } from "./components"; import { backgroundColor, border, player, text } from "./components";
export default function search(theme: Theme) { export default function search(theme: Theme) {
// Search input // Search input
const editor = { const editor = {
background: backgroundColor(theme, 500), background: backgroundColor(theme, 500),
@ -51,7 +50,7 @@ export default function search(theme: Theme) {
...text(theme, "mono", "active"), ...text(theme, "mono", "active"),
background: backgroundColor(theme, "on500", "hovered"), background: backgroundColor(theme, "on500", "hovered"),
border: border(theme, "muted"), border: border(theme, "muted"),
} },
}, },
editor, editor,
invalidEditor: { invalidEditor: {

20
styles/src/styleTree/statusBar.ts
View file

@ -5,13 +5,13 @@ import { workspaceBackground } from "./workspace";
export default function statusBar(theme: Theme) { export default function statusBar(theme: Theme) {
const statusContainer = { const statusContainer = {
cornerRadius: 6, cornerRadius: 6,
padding: { top: 3, bottom: 3, left: 6, right: 6 } padding: { top: 3, bottom: 3, left: 6, right: 6 },
} };
const diagnosticStatusContainer = { const diagnosticStatusContainer = {
cornerRadius: 6, cornerRadius: 6,
padding: { top: 1, bottom: 1, left: 6, right: 6 } padding: { top: 1, bottom: 1, left: 6, right: 6 },
} };
return { return {
height: 30, height: 30,
@ -37,7 +37,7 @@ export default function statusBar(theme: Theme) {
message: text(theme, "sans", "primary"), message: text(theme, "sans", "primary"),
iconColor: iconColor(theme, "active"), iconColor: iconColor(theme, "active"),
background: backgroundColor(theme, 300, "hovered"), background: backgroundColor(theme, 300, "hovered"),
} },
}, },
diagnosticMessage: { diagnosticMessage: {
...text(theme, "sans", "muted"), ...text(theme, "sans", "muted"),
@ -86,7 +86,7 @@ export default function statusBar(theme: Theme) {
...diagnosticStatusContainer, ...diagnosticStatusContainer,
background: backgroundColor(theme, "error", "hovered"), background: backgroundColor(theme, "error", "hovered"),
border: border(theme, "error"), border: border(theme, "error"),
} },
}, },
}, },
sidebarButtons: { sidebarButtons: {
@ -103,7 +103,7 @@ export default function statusBar(theme: Theme) {
active: { active: {
iconColor: iconColor(theme, "active"), iconColor: iconColor(theme, "active"),
background: backgroundColor(theme, 300, "active"), background: backgroundColor(theme, 300, "active"),
} },
}, },
badge: { badge: {
cornerRadius: 3, cornerRadius: 3,
@ -111,7 +111,7 @@ export default function statusBar(theme: Theme) {
margin: { bottom: -1, right: -1 }, margin: { bottom: -1, right: -1 },
border: { width: 1, color: workspaceBackground(theme) }, border: { width: 1, color: workspaceBackground(theme) },
background: iconColor(theme, "feature"), background: iconColor(theme, "feature"),
} },
} },
} };
} }

4
styles/src/styleTree/terminal.ts
View file

@ -44,6 +44,6 @@ export default function terminal(theme: Theme) {
margin: 25, margin: 25,
border: border(theme, "primary"), border: border(theme, "primary"),
shadow: modalShadow(theme), shadow: modalShadow(theme),
} },
}; };
} }

6
styles/src/styleTree/tooltip.ts
View file

@ -15,8 +15,8 @@ export default function tooltip(theme: Theme) {
cornerRadius: 4, cornerRadius: 4,
margin: { left: 6 }, margin: { left: 6 },
padding: { left: 4, right: 4 }, padding: { left: 4, right: 4 },
...text(theme, "mono", "muted", { size: "xs", weight: "bold" }) ...text(theme, "mono", "muted", { size: "xs", weight: "bold" }),
}, },
maxTextWidth: 200, maxTextWidth: 200,
} };
} }

16
styles/src/styleTree/updateNotification.ts
View file

@ -7,14 +7,14 @@ export default function updateNotification(theme: Theme): Object {
return { return {
message: { message: {
...text(theme, "sans", "primary", { size: "xs" }), ...text(theme, "sans", "primary", { size: "xs" }),
margin: { left: headerPadding, right: headerPadding } margin: { left: headerPadding, right: headerPadding },
}, },
actionMessage: { actionMessage: {
...text(theme, "sans", "secondary", { size: "xs" }), ...text(theme, "sans", "secondary", { size: "xs" }),
margin: { left: headerPadding, top: 6, bottom: 6 }, margin: { left: headerPadding, top: 6, bottom: 6 },
hover: { hover: {
color: theme.textColor["active"] color: theme.textColor["active"],
} },
}, },
dismissButton: { dismissButton: {
color: iconColor(theme, "secondary"), color: iconColor(theme, "secondary"),
@ -23,8 +23,8 @@ export default function updateNotification(theme: Theme): Object {
buttonWidth: 8, buttonWidth: 8,
buttonHeight: 8, buttonHeight: 8,
hover: { hover: {
color: iconColor(theme, "primary") color: iconColor(theme, "primary"),
} },
} },
} };
} }

24
styles/src/styleTree/workspace.ts
View file

@ -1,10 +1,16 @@
import Theme from "../themes/common/theme"; import Theme from "../themes/common/theme";
import { withOpacity } from "../utils/color"; 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"; import statusBar from "./statusBar";
export function workspaceBackground(theme: Theme) { export function workspaceBackground(theme: Theme) {
return backgroundColor(theme, 300) return backgroundColor(theme, 300);
} }
export default function workspace(theme: Theme) { export default function workspace(theme: Theme) {
@ -49,7 +55,7 @@ export default function workspace(theme: Theme) {
}, },
joiningProjectMessage: { joiningProjectMessage: {
padding: 12, padding: 12,
...text(theme, "sans", "primary", { size: "lg" }) ...text(theme, "sans", "primary", { size: "lg" }),
}, },
leaderBorderOpacity: 0.7, leaderBorderOpacity: 0.7,
leaderBorderWidth: 2.0, leaderBorderWidth: 2.0,
@ -58,21 +64,21 @@ export default function workspace(theme: Theme) {
paneButton: { paneButton: {
color: iconColor(theme, "secondary"), color: iconColor(theme, "secondary"),
border: { border: {
...tab.border ...tab.border,
}, },
iconWidth: 12, iconWidth: 12,
buttonWidth: tab.height, buttonWidth: tab.height,
hover: { hover: {
color: iconColor(theme, "active"), color: iconColor(theme, "active"),
background: backgroundColor(theme, 300), background: backgroundColor(theme, 300),
} },
}, },
modal: { modal: {
margin: { margin: {
bottom: 52, bottom: 52,
top: 52, top: 52,
}, },
cursor: "Arrow" cursor: "Arrow",
}, },
sidebarResizeHandle: { sidebarResizeHandle: {
background: border(theme, "primary").color, background: border(theme, "primary").color,
@ -105,7 +111,7 @@ export default function workspace(theme: Theme) {
avatarRibbon: { avatarRibbon: {
height: 3, height: 3,
width: 12, 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 // set with a token, not hardcoded in rust
}, },
border: border(theme, "primary", { bottom: true, overlay: true }), border: border(theme, "primary", { bottom: true, overlay: true }),
@ -127,7 +133,7 @@ export default function workspace(theme: Theme) {
...text(theme, "sans", "active", { size: "xs" }), ...text(theme, "sans", "active", { size: "xs" }),
background: backgroundColor(theme, "on300", "hovered"), background: backgroundColor(theme, "on300", "hovered"),
border: border(theme, "primary"), border: border(theme, "primary"),
} },
}, },
offlineIcon: { offlineIcon: {
color: iconColor(theme, "secondary"), color: iconColor(theme, "secondary"),
@ -192,6 +198,6 @@ export default function workspace(theme: Theme) {
notifications: { notifications: {
width: 400, width: 400,
margin: { right: 10, bottom: 10 }, margin: { right: 10, bottom: 10 },
} },
}; };
} }

2
styles/src/themes/cave.ts
View file

@ -25,4 +25,4 @@ const ramps = {
}; };
export const dark = createTheme(`${name}-dark`, false, ramps); export const dark = createTheme(`${name}-dark`, false, ramps);
export const light = createTheme(`${name}-light`, true, ramps); export const light = createTheme(`${name}-light`, true, ramps);

30
styles/src/themes/common/base16.ts
View file

@ -1,5 +1,5 @@
import chroma, { Color, Scale } from "chroma-js"; import chroma, { Color, Scale } from "chroma-js";
import { fontWeights, } from "../../common"; import { fontWeights } from "../../common";
import { withOpacity } from "../../utils/color"; import { withOpacity } from "../../utils/color";
import Theme, { buildPlayer, Syntax } from "./theme"; import Theme, { buildPlayer, Syntax } from "./theme";
@ -13,25 +13,33 @@ export function colorRamp(color: Color): Scale {
export function createTheme( export function createTheme(
name: string, name: string,
isLight: boolean, isLight: boolean,
color_ramps: { [rampName: string]: Scale }, color_ramps: { [rampName: string]: Scale }
): Theme { ): Theme {
let ramps: typeof color_ramps = {}; let ramps: typeof color_ramps = {};
// Chromajs mutates the underlying ramp when you call domain. This causes problems because // 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 // 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. // 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 // 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. // function to any in order to get the colors back out from the original ramps.
if (isLight) { if (isLight) {
for (var rampName in color_ramps) { 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 { } else {
for (var rampName in color_ramps) { 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; let blend = isLight ? 0.12 : 0.24;
@ -242,8 +250,12 @@ export function createTheme(
}; };
const shadow = withOpacity( const shadow = withOpacity(
ramps.neutral(isLight ? 7 : 0).darken().hex(), ramps
blend); .neutral(isLight ? 7 : 0)
.darken()
.hex(),
blend
);
return { return {
name, name,

4
styles/src/themes/common/theme.ts
View file

@ -61,7 +61,7 @@ export interface Syntax {
export default interface Theme { export default interface Theme {
name: string; name: string;
isLight: boolean, isLight: boolean;
backgroundColor: { backgroundColor: {
// Basically just Title Bar // Basically just Title Bar
// Lowest background level // Lowest background level
@ -155,7 +155,7 @@ export default interface Theme {
6: Player; 6: Player;
7: Player; 7: Player;
8: Player; 8: Player;
}, };
shadow: string; shadow: string;
ramps: { [rampName: string]: Scale }; ramps: { [rampName: string]: Scale };
} }

41
styles/src/themes/one-dark.ts
View file

@ -2,25 +2,26 @@ import chroma from "chroma-js";
import { colorRamp, createTheme } from "./common/base16"; import { colorRamp, createTheme } from "./common/base16";
const name = "one"; const name = "one";
const author = "Chris Kempson (http://chriskempson.com)" const author = "Chris Kempson (http://chriskempson.com)";
const url = "https://github.com/chriskempson/base16-vim/blob/master/colors/base16-onedark.vim" const url =
"https://github.com/chriskempson/base16-vim/blob/master/colors/base16-onedark.vim";
const base00 = "#282c34" const base00 = "#282c34";
const base01 = "#353b45" const base01 = "#353b45";
const base02 = "#3e4451" const base02 = "#3e4451";
const base03 = "#545862" const base03 = "#545862";
const base04 = "#565c64" const base04 = "#565c64";
const base05 = "#abb2bf" const base05 = "#abb2bf";
const base06 = "#b6bdca" const base06 = "#b6bdca";
const base07 = "#c8ccd4" const base07 = "#c8ccd4";
const base08 = "#e06c75" const base08 = "#e06c75";
const base09 = "#d19a66" const base09 = "#d19a66";
const base0A = "#e5c07b" const base0A = "#e5c07b";
const base0B = "#98c379" const base0B = "#98c379";
const base0C = "#56b6c2" const base0C = "#56b6c2";
const base0D = "#61afef" const base0D = "#61afef";
const base0E = "#c678dd" const base0E = "#c678dd";
const base0F = "#be5046" const base0F = "#be5046";
const ramps = { const ramps = {
neutral: chroma.scale([ neutral: chroma.scale([
@ -31,7 +32,7 @@ const ramps = {
base04, base04,
base05, base05,
base06, base06,
base07 base07,
]), ]),
red: colorRamp(chroma(base08)), red: colorRamp(chroma(base08)),
orange: colorRamp(chroma(base09)), orange: colorRamp(chroma(base09)),
@ -43,4 +44,4 @@ const ramps = {
magenta: colorRamp(chroma(base0F)), magenta: colorRamp(chroma(base0F)),
}; };
export const dark = createTheme(`${name}-dark`, false, ramps); export const dark = createTheme(`${name}-dark`, false, ramps);

41
styles/src/themes/one-light.ts
View file

@ -2,25 +2,26 @@ import chroma from "chroma-js";
import { colorRamp, createTheme } from "./common/base16"; import { colorRamp, createTheme } from "./common/base16";
const name = "one"; const name = "one";
const author = "Daniel Pfeifer (http://github.com/purpleKarrot)" const author = "Daniel Pfeifer (http://github.com/purpleKarrot)";
const url = "https://github.com/purpleKarrot/base16-one-light-scheme/blob/master/one-light.yaml" const url =
"https://github.com/purpleKarrot/base16-one-light-scheme/blob/master/one-light.yaml";
const base00 = "#090a0b" const base00 = "#090a0b";
const base01 = "#202227" const base01 = "#202227";
const base02 = "#383a42" const base02 = "#383a42";
const base03 = "#a0a1a7" const base03 = "#a0a1a7";
const base04 = "#696c77" const base04 = "#696c77";
const base05 = "#a0a1a7" const base05 = "#a0a1a7";
const base06 = "#e5e5e6" const base06 = "#e5e5e6";
const base07 = "#f0f0f1" const base07 = "#f0f0f1";
const base08 = "#fafafa" const base08 = "#fafafa";
const base09 = "#d75f00" const base09 = "#d75f00";
const base0A = "#c18401" const base0A = "#c18401";
const base0B = "#50a14f" const base0B = "#50a14f";
const base0C = "#0184bc" const base0C = "#0184bc";
const base0D = "#4078f2" const base0D = "#4078f2";
const base0E = "#a626a4" const base0E = "#a626a4";
const base0F = "#986801" const base0F = "#986801";
const ramps = { const ramps = {
neutral: chroma.scale([ neutral: chroma.scale([
@ -31,7 +32,7 @@ const ramps = {
base04, base04,
base05, base05,
base06, base06,
base07 base07,
]), ]),
red: colorRamp(chroma(base08)), red: colorRamp(chroma(base08)),
orange: colorRamp(chroma(base09)), orange: colorRamp(chroma(base09)),
@ -43,4 +44,4 @@ const ramps = {
magenta: colorRamp(chroma(base0F)), magenta: colorRamp(chroma(base0F)),
}; };
export const light = createTheme(`${name}-light`, true, ramps); export const light = createTheme(`${name}-light`, true, ramps);

18
styles/src/utils/snakeCase.ts
View file

@ -3,21 +3,21 @@ import { snakeCase } from "case-anything";
// https://stackoverflow.com/questions/60269936/typescript-convert-generic-object-from-snake-to-camel-case // 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 // Typescript magic to convert any string from camelCase to snake_case at compile time
type SnakeCase<S> = type SnakeCase<S> = S extends string
S extends string ? ? S extends `${infer T}${infer U}`
S extends `${infer T}${infer U}` ? ? `${T extends Capitalize<T> ? "_" : ""}${Lowercase<T>}${SnakeCase<U>}`
`${T extends Capitalize<T> ? "_" : ""}${Lowercase<T>}${SnakeCase<U>}` : : S
S : : S;
S;
type SnakeCased<Type> = { type SnakeCased<Type> = {
[Property in keyof Type as SnakeCase<Property>]: SnakeCased<Type[Property]> [Property in keyof Type as SnakeCase<Property>]: SnakeCased<Type[Property]>;
} };
export default function snakeCaseTree<T>(object: T): SnakeCased<T> { export default function snakeCaseTree<T>(object: T): SnakeCased<T> {
const snakeObject: any = {}; const snakeObject: any = {};
for (const key in object) { for (const key in object) {
snakeObject[snakeCase(key, { keepSpecialCharacters: true })] = snakeCaseValue(object[key]); snakeObject[snakeCase(key, { keepSpecialCharacters: true })] =
snakeCaseValue(object[key]);
} }
return snakeObject; return snakeObject;
} }

22
styles/tsconfig.json
View file

@ -1,14 +1,12 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "es2015", "target": "es2015",
"module": "commonjs", "module": "commonjs",
"esModuleInterop": true, "esModuleInterop": true,
"noImplicitAny": true, "noImplicitAny": true,
"removeComments": true, "removeComments": true,
"preserveConstEnums": true, "preserveConstEnums": true,
"sourceMap": true "sourceMap": true
}, },
"exclude": [ "exclude": ["node_modules"]
"node_modules"
]
} }