diff --git a/flow-typed/npm/chalk_v2.x.x.js b/flow-typed/npm/chalk_v2.x.x.js index 4354878..c6f23a8 100644 --- a/flow-typed/npm/chalk_v2.x.x.js +++ b/flow-typed/npm/chalk_v2.x.x.js @@ -3,7 +3,7 @@ // From: https://github.com/chalk/chalk/blob/master/index.js.flow -declare module "chalk" { +declare module 'chalk' { declare type TemplateStringsArray = $ReadOnlyArray; declare type Level = $Values<{ diff --git a/flow-typed/npm/color_vx.x.x.js b/flow-typed/npm/color_vx.x.x.js index cdb536e..d9c22b2 100644 --- a/flow-typed/npm/color_vx.x.x.js +++ b/flow-typed/npm/color_vx.x.x.js @@ -23,7 +23,6 @@ declare module 'color' { * needed. */ - // Filename aliases declare module 'color/index' { declare module.exports: $Exports<'color'>; diff --git a/flow-typed/npm/enzyme_v3.x.x.js b/flow-typed/npm/enzyme_v3.x.x.js index cbb07bd..a46f451 100644 --- a/flow-typed/npm/enzyme_v3.x.x.js +++ b/flow-typed/npm/enzyme_v3.x.x.js @@ -1,7 +1,7 @@ // flow-typed signature: f6bad512110ebc6da85b1ddda297fe3d // flow-typed version: f04d291d8b/enzyme_v3.x.x/flow_>=v0.53.x -declare module "enzyme" { +declare module 'enzyme' { declare type PredicateFunction> = ( wrapper: T, index: number diff --git a/flow-typed/npm/flow-bin_v0.x.x.js b/flow-typed/npm/flow-bin_v0.x.x.js index c538e20..7418f04 100644 --- a/flow-typed/npm/flow-bin_v0.x.x.js +++ b/flow-typed/npm/flow-bin_v0.x.x.js @@ -1,6 +1,6 @@ // flow-typed signature: 6a5610678d4b01e13bbfbbc62bdaf583 // flow-typed version: 3817bc6980/flow-bin_v0.x.x/flow_>=v0.25.x -declare module "flow-bin" { +declare module 'flow-bin' { declare module.exports: string; } diff --git a/flow-typed/npm/glob_v7.1.x.js b/flow-typed/npm/glob_v7.1.x.js index b1d523f..d6381e6 100644 --- a/flow-typed/npm/glob_v7.1.x.js +++ b/flow-typed/npm/glob_v7.1.x.js @@ -1,7 +1,7 @@ // flow-typed signature: 7c09aef8ac07163d6ef9e3f50c6bc35c // flow-typed version: a12a42a747/glob_v7.1.x/flow_>=v0.42.x -declare module "glob" { +declare module 'glob' { declare type MinimatchOptions = {| debug?: boolean, nobrace?: boolean, diff --git a/flow-typed/npm/keygrip_vx.x.x.js b/flow-typed/npm/keygrip_vx.x.x.js index 24618fc..6e9208b 100644 --- a/flow-typed/npm/keygrip_vx.x.x.js +++ b/flow-typed/npm/keygrip_vx.x.x.js @@ -23,7 +23,6 @@ declare module 'keygrip' { * needed. */ - // Filename aliases declare module 'keygrip/index' { declare module.exports: $Exports<'keygrip'>; diff --git a/flow-typed/npm/koa-bodyparser_v4.x.x.js b/flow-typed/npm/koa-bodyparser_v4.x.x.js index 0fbfc70..2e4a14b 100644 --- a/flow-typed/npm/koa-bodyparser_v4.x.x.js +++ b/flow-typed/npm/koa-bodyparser_v4.x.x.js @@ -1,7 +1,7 @@ // flow-typed signature: db2ab32952e719c6656cef681be04c96 // flow-typed version: e969a7af52/koa-bodyparser_v4.x.x/flow_>=v0.56.x -declare module "koa-bodyparser" { +declare module 'koa-bodyparser' { declare type Context = Object; declare type Middleware = ( diff --git a/flow-typed/npm/koa_v2.0.x.js b/flow-typed/npm/koa_v2.0.x.js index cdec66f..69542b5 100644 --- a/flow-typed/npm/koa_v2.0.x.js +++ b/flow-typed/npm/koa_v2.0.x.js @@ -63,31 +63,31 @@ declare module 'koa' { // if you meet some error here, temporarily add an additional annotation // like: `request.accepts((['json', 'text']:Array))` to fix it. ((arg: string, ...args: string[]) => string|false) & - ( () => string[] ) , // return the old value. + (() => string[]), // return the old value. // https://github.com/jshttp/accepts/blob/master/index.js#L153 // https://github.com/jshttp/accepts/blob/master/test/charset.js - acceptsCharsets: ( (args: string[]) => buffer$Encoding|false)& + acceptsCharsets: ((args: string[]) => buffer$Encoding|false)& // ToDo: https://github.com/facebook/flow/issues/3009 // if you meet some error here, see L70. - ( (arg: string, ...args: string[]) => buffer$Encoding|false ) & - ( () => string[] ), + ((arg: string, ...args: string[]) => buffer$Encoding|false) & + (() => string[]), // https://github.com/jshttp/accepts/blob/master/index.js#L119 // https://github.com/jshttp/accepts/blob/master/test/encoding.js - acceptsEncodings: ( (args: string[]) => string|false)& + acceptsEncodings: ((args: string[]) => string|false)& // ToDo: https://github.com/facebook/flow/issues/3009 // if you meet some error here, see L70. - ( (arg: string, ...args: string[]) => string|false ) & - ( () => string[] ), + ((arg: string, ...args: string[]) => string|false) & + (() => string[]), // https://github.com/jshttp/accepts/blob/master/index.js#L185 // https://github.com/jshttp/accepts/blob/master/test/language.js - acceptsLanguages: ( (args: string[]) => string|false) & + acceptsLanguages: ((args: string[]) => string|false) & // ToDo: https://github.com/facebook/flow/issues/3009 // if you meet some error here, see L70. - ( (arg: string, ...args: string[]) => string|false ) & - ( () => string[] ), + ((arg: string, ...args: string[]) => string|false) & + (() => string[]), get: (field: string) => string, @@ -98,9 +98,9 @@ declare module 'koa' { * If there is no content type, `false` is returned. * Otherwise, it returns the first `type` that matches. */ - is: ( (args: string[]) => null|false|string)& - ( (arg: string, ...args: string[]) => null|false|string ) & - ( () => string ), // should return the mime type + is: ((args: string[]) => null|false|string)& + ((arg: string, ...args: string[]) => null|false|string) & + (() => string), // should return the mime type toJSON: () => RequestJSON, inspect: () => RequestInspect, @@ -149,9 +149,9 @@ declare module 'koa' { get: (field: string) => string, // https://github.com/jshttp/type-is/blob/master/test/test.js // https://github.com/koajs/koa/blob/v2.x/lib/response.js#L382 - is: ( (arg: string[]) => false|string) & - ( (arg: string, ...args: string[]) => false|string ) & - ( () => string ), // should return the mime type + is: ((arg: string[]) => false|string) & + ((arg: string, ...args: string[]) => false|string) & + (() => string), // should return the mime type redirect: (url: string, alt?: string) => void, remove: (field: string) => void, // https://github.com/koajs/koa/blob/v2.x/lib/response.js#L418 @@ -180,7 +180,7 @@ declare module 'koa' { declare type CookiesSetOptions = { domain: string, // domain of the cookie (no default). maxAge: number, // milliseconds from Date.now() for expiry - expires?: Date, //cookie's expiration date (expires at the end of session by default). + expires?: Date, // cookie's expiration date (expires at the end of session by default). path?: string, // the path of the cookie (/ by default). secure?: boolean, // false by default for HTTP, true by default for HTTPS httpOnly?: boolean, // a boolean indicating whether the cookie is only to be sent over HTTP(S), @@ -192,7 +192,7 @@ declare module 'koa' { get: (name: string, options?: {signed: boolean}) => string|void, set: ((name: string, value: string, options?: CookiesSetOptions) => Context)& // delete cookie (an outbound header with an expired date is used.) - ( (name: string) => Context), + ((name: string) => Context), }; // The default props of context come from two files // `application.createContext` & `context.js` @@ -215,9 +215,9 @@ declare module 'koa' { // if (!(err instanceof Error)) err = new Error(`non-error thrown: ${err}`); onerror: (err?: mixed) => void, // context.js#L70 - throw: (( statusOrErr: string|number|Error, errOrStatus?: string|number|Error, + throw: ((statusOrErr: string|number|Error, errOrStatus?: string|number|Error, opts?: {}) => void) & - (( statusOrErr: string|number|Error, opts?: Object) => void), + ((statusOrErr: string|number|Error, opts?: Object) => void), toJSON(): ContextJSON, inspect(): ContextJSON, diff --git a/flow-typed/npm/lru-cache_vx.x.x.js b/flow-typed/npm/lru-cache_vx.x.x.js index 113a590..992e372 100644 --- a/flow-typed/npm/lru-cache_vx.x.x.js +++ b/flow-typed/npm/lru-cache_vx.x.x.js @@ -23,7 +23,6 @@ declare module 'lru-cache' { * needed. */ - // Filename aliases declare module 'lru-cache/index' { declare module.exports: $Exports<'lru-cache'>; diff --git a/flow-typed/npm/moment_v2.x.x.js b/flow-typed/npm/moment_v2.x.x.js index 65b6ffb..7d52014 100644 --- a/flow-typed/npm/moment_v2.x.x.js +++ b/flow-typed/npm/moment_v2.x.x.js @@ -373,6 +373,6 @@ declare class moment$Moment { static invalid(object: any): moment$Moment; } -declare module "moment" { +declare module 'moment' { declare module.exports: Class; } diff --git a/flow-typed/npm/pg_v7.x.x.js b/flow-typed/npm/pg_v7.x.x.js index c8dd22a..b66ac6e 100644 --- a/flow-typed/npm/pg_v7.x.x.js +++ b/flow-typed/npm/pg_v7.x.x.js @@ -52,15 +52,15 @@ declare module pg { log: Function, // node-postgres Client ------ - //database connection string to define some other config parameters + // database connection string to define some other config parameters connectionString: string, - //database user's name + // database user's name user: string, - //name of database to connect + // name of database to connect database: string, - //database user's password + // database user's password password: string, - //database port + // database port port: number, // database host. defaults to localhost host?: string, @@ -89,16 +89,16 @@ declare module pg { release(error?: mixed): void, query: - ( (query: T, callback?: QueryCallback) => T ) & - ( (query: QueryConfig|string, callback?: QueryCallback) => Query ) & - ( (text: string, values: Array, callback?: QueryCallback) => Query ), + ((query: T, callback?: QueryCallback) => T) & + ((query: QueryConfig|string, callback?: QueryCallback) => Query) & + ((text: string, values: Array, callback?: QueryCallback) => Query), on: - ((event: 'drain', listener: () => void) => events$EventEmitter )& - ((event: 'error', listener: (err: PG_ERROR) => void) => events$EventEmitter )& - ((event: 'notification', listener: (message: any) => void) => events$EventEmitter )& - ((event: 'notice', listener: (message: any) => void) => events$EventEmitter )& - ((event: 'end', listener: () => void) => events$EventEmitter ), + ((event: 'drain', listener: () => void) => events$EventEmitter)& + ((event: 'error', listener: (err: PG_ERROR) => void) => events$EventEmitter)& + ((event: 'notification', listener: (message: any) => void) => events$EventEmitter)& + ((event: 'notice', listener: (message: any) => void) => events$EventEmitter)& + ((event: 'end', listener: () => void) => events$EventEmitter), } declare type PoolConnectCallback = (error: PG_ERROR|null, @@ -117,8 +117,8 @@ declare module pg { // And there is a flow(<0.34) issue here, when Array, // the overloading will not work query: - ( (query: QueryConfig|string, callback?: QueryCallback) => Promise ) & - ( (text: string, values: Array, callback?: QueryCallback) => Promise); + ((query: QueryConfig|string, callback?: QueryCallback) => Promise) & + ((text: string, values: Array, callback?: QueryCallback) => Promise); /* flow issue: https://github.com/facebook/flow/issues/2423 * When this fixed, this overloading can be used. @@ -134,7 +134,6 @@ declare module pg { // <<------------- copy from 'pg-pool' ------------------------------ - // error declare type PG_ERROR = { name: string, @@ -158,13 +157,13 @@ declare module pg { }; declare type ClientConfig = { - //database user's name + // database user's name user?: string, - //name of database to connect + // name of database to connect database?: string, - //database user's password + // database user's password password?: string, - //database port + // database port port?: number, // database host. defaults to localhost host?: string, @@ -232,9 +231,9 @@ declare module pg { ): Promise; on : - ((event: 'row', listener: (row: Row, result: ResultBuilder) => void) => events$EventEmitter )& - ((event: 'end', listener: (result: ResultBuilder) => void) => events$EventEmitter )& - ((event: 'error', listener: (err: PG_ERROR) => void) => events$EventEmitter ); + ((event: 'row', listener: (row: Row, result: ResultBuilder) => void) => events$EventEmitter)& + ((event: 'end', listener: (result: ResultBuilder) => void) => events$EventEmitter)& + ((event: 'error', listener: (err: PG_ERROR) => void) => events$EventEmitter); } /* @@ -254,16 +253,16 @@ declare module pg { escapeIdentifier(str: string): string; query: - ( (query: T, callback?: QueryCallback) => T ) & - ( (query: QueryConfig|string, callback?: QueryCallback) => Query ) & - ( (text: string, values: Array, callback?: QueryCallback) => Query ); + ((query: T, callback?: QueryCallback) => T) & + ((query: QueryConfig|string, callback?: QueryCallback) => Query) & + ((text: string, values: Array, callback?: QueryCallback) => Query); on: - ((event: 'drain', listener: () => void) => this )& - ((event: 'error', listener: (err: PG_ERROR) => void) => this )& - ((event: 'notification', listener: (message: any) => void) => this )& - ((event: 'notice', listener: (message: any) => void) => this )& - ((event: 'end', listener: () => void) => this ); + ((event: 'drain', listener: () => void) => this)& + ((event: 'error', listener: (err: PG_ERROR) => void) => this)& + ((event: 'notification', listener: (message: any) => void) => this)& + ((event: 'notice', listener: (message: any) => void) => this)& + ((event: 'end', listener: () => void) => this); } /* @@ -273,11 +272,11 @@ declare module pg { declare type TypeParserBinary = (value: Buffer) => any; declare type Types = { getTypeParser: - ((oid: number, format?: 'text') => TypeParserText )& - ((oid: number, format: 'binary') => TypeParserBinary ); + ((oid: number, format?: 'text') => TypeParserText)& + ((oid: number, format: 'binary') => TypeParserBinary); setTypeParser: - ((oid: number, format?: 'text', parseFn: TypeParserText) => void )& + ((oid: number, format?: 'text', parseFn: TypeParserText) => void)& ((oid: number, format: 'binary', parseFn: TypeParserBinary) => void)& ((oid: number, parseFn: TypeParserText) => void), } @@ -289,7 +288,7 @@ declare module pg { types: Types; Client: Class; Pool: Class; - Connection: mixed; //Connection is used internally by the Client. + Connection: mixed; // Connection is used internally by the Client. constructor(client: Client): void; native: { // native binding, have the same capability like PG types: Types; diff --git a/flow-typed/npm/react-test-renderer_v16.x.x.js b/flow-typed/npm/react-test-renderer_v16.x.x.js index 4cb3b45..3785e44 100644 --- a/flow-typed/npm/react-test-renderer_v16.x.x.js +++ b/flow-typed/npm/react-test-renderer_v16.x.x.js @@ -47,7 +47,7 @@ type TestRendererOptions = { createNodeMock(element: React$Element): any }; -declare module "react-test-renderer" { +declare module 'react-test-renderer' { declare export type ReactTestRenderer = { toJSON(): null | ReactTestRendererJSON, toTree(): null | ReactTestRendererTree, @@ -69,7 +69,7 @@ declare module "react-test-renderer" { declare function act(callback: () => void): Thenable; } -declare module "react-test-renderer/shallow" { +declare module 'react-test-renderer/shallow' { declare export default class ShallowRenderer { static createRenderer(): ShallowRenderer; getMountedInstance(): ReactTestInstance; diff --git a/flow-typed/npm/redux-devtools-extension_v2.x.x.js b/flow-typed/npm/redux-devtools-extension_v2.x.x.js index 7e7c064..33f8a30 100644 --- a/flow-typed/npm/redux-devtools-extension_v2.x.x.js +++ b/flow-typed/npm/redux-devtools-extension_v2.x.x.js @@ -1,8 +1,8 @@ // flow-typed signature: 263123e4b3d2cb666a60f721c2da5354 // flow-typed version: e1af06321a/redux-devtools-extension_v2.x.x/flow_>=v0.47.x -import type { ActionCreator, StoreEnhancer } from 'redux'; -import typeof { compose } from 'redux'; +import type { ActionCreator, StoreEnhancer } from 'redux' +import typeof { compose } from 'redux' declare type $npm$ReduxDevtoolsExtension$DevToolsOptions = { name?: string, diff --git a/flow-typed/npm/styled-components_v4.x.x.js b/flow-typed/npm/styled-components_v4.x.x.js index 54598e9..0d842d3 100644 --- a/flow-typed/npm/styled-components_v4.x.x.js +++ b/flow-typed/npm/styled-components_v4.x.x.js @@ -4,7 +4,6 @@ // @flow declare module 'styled-components' { - declare export type Interpolation = | ((executionContext: P) => string) | CSSRules @@ -12,7 +11,6 @@ declare module 'styled-components' { | string | number - declare export type CSSRules = Interpolation[] // This is not exported on purpose, since it's an implementation detail @@ -92,8 +90,7 @@ declare module 'styled-components' { // This is a bit hard to read. Not sure how to make it more readable. I think adding line-breaks makes it worse. declare type InjectedProps = { theme : Theme | void } - declare export function withTheme>(WrappedComponent: Component) : React$ComponentType<$Diff>, InjectedProps>>; - + declare export function withTheme>(WrappedComponent: Component) : React$ComponentType<$Diff>, InjectedProps>>; // @HACK This is a cheat to hide that the underlying type is "just a string" // once we know of a better way, we should be able to update this accordingly. @@ -106,140 +103,140 @@ declare module 'styled-components' { }; declare type StyledComponentList = { - a: StyledComponentType>, - abbr: StyledComponentType>, - address: StyledComponentType>, - area: StyledComponentType>, - article: StyledComponentType>, - aside: StyledComponentType>, - audio: StyledComponentType>, - b: StyledComponentType>, - base: StyledComponentType>, - bdi: StyledComponentType>, - bdo: StyledComponentType>, - big: StyledComponentType>, - blockquote: StyledComponentType>, - body: StyledComponentType>, - br: StyledComponentType>, - button: StyledComponentType>, - canvas: StyledComponentType>, - caption: StyledComponentType>, - cite: StyledComponentType>, - code: StyledComponentType>, - col: StyledComponentType>, - colgroup: StyledComponentType>, - data: StyledComponentType>, - datalist: StyledComponentType>, - dd: StyledComponentType>, - del: StyledComponentType>, - details: StyledComponentType>, - dfn: StyledComponentType>, - dialog: StyledComponentType>, - div: StyledComponentType>, - dl: StyledComponentType>, - dt: StyledComponentType>, - em: StyledComponentType>, - embed: StyledComponentType>, - fieldset: StyledComponentType>, - figcaption: StyledComponentType>, - figure: StyledComponentType>, - footer: StyledComponentType>, - form: StyledComponentType>, - h1: StyledComponentType>, - h2: StyledComponentType>, - h3: StyledComponentType>, - h4: StyledComponentType>, - h5: StyledComponentType>, - h6: StyledComponentType>, - head: StyledComponentType>, - header: StyledComponentType>, - hgroup: StyledComponentType>, - hr: StyledComponentType>, - html: StyledComponentType>, - i: StyledComponentType>, - iframe: StyledComponentType>, - img: StyledComponentType>, - input: StyledComponentType>, - ins: StyledComponentType>, - kbd: StyledComponentType>, - keygen: StyledComponentType>, - label: StyledComponentType>, - legend: StyledComponentType>, - li: StyledComponentType>, - link: StyledComponentType>, - main: StyledComponentType>, - map: StyledComponentType>, - mark: StyledComponentType>, - menu: StyledComponentType>, - menuitem: StyledComponentType>, - meta: StyledComponentType>, - meter: StyledComponentType>, - nav: StyledComponentType>, - noscript: StyledComponentType>, - object: StyledComponentType>, - ol: StyledComponentType>, - optgroup: StyledComponentType>, - option: StyledComponentType>, - output: StyledComponentType>, - p: StyledComponentType>, - param: StyledComponentType>, - picture: StyledComponentType>, - pre: StyledComponentType>, - progress: StyledComponentType>, - q: StyledComponentType>, - rp: StyledComponentType>, - rt: StyledComponentType>, - ruby: StyledComponentType>, - s: StyledComponentType>, - samp: StyledComponentType>, - script: StyledComponentType>, - section: StyledComponentType>, - select: StyledComponentType>, - small: StyledComponentType>, - source: StyledComponentType>, - span: StyledComponentType>, - strong: StyledComponentType>, - style: StyledComponentType>, - sub: StyledComponentType>, - summary: StyledComponentType>, - sup: StyledComponentType>, - table: StyledComponentType>, - tbody: StyledComponentType>, - td: StyledComponentType>, - textarea: StyledComponentType>, - tfoot: StyledComponentType>, - th: StyledComponentType>, - thead: StyledComponentType>, - time: StyledComponentType>, - title: StyledComponentType>, - tr: StyledComponentType>, - track: StyledComponentType>, - u: StyledComponentType>, - ul: StyledComponentType>, - var: StyledComponentType>, - video: StyledComponentType>, - wbr: StyledComponentType>, + a: StyledComponentType>, + abbr: StyledComponentType>, + address: StyledComponentType>, + area: StyledComponentType>, + article: StyledComponentType>, + aside: StyledComponentType>, + audio: StyledComponentType>, + b: StyledComponentType>, + base: StyledComponentType>, + bdi: StyledComponentType>, + bdo: StyledComponentType>, + big: StyledComponentType>, + blockquote: StyledComponentType>, + body: StyledComponentType>, + br: StyledComponentType>, + button: StyledComponentType>, + canvas: StyledComponentType>, + caption: StyledComponentType>, + cite: StyledComponentType>, + code: StyledComponentType>, + col: StyledComponentType>, + colgroup: StyledComponentType>, + data: StyledComponentType>, + datalist: StyledComponentType>, + dd: StyledComponentType>, + del: StyledComponentType>, + details: StyledComponentType>, + dfn: StyledComponentType>, + dialog: StyledComponentType>, + div: StyledComponentType>, + dl: StyledComponentType>, + dt: StyledComponentType>, + em: StyledComponentType>, + embed: StyledComponentType>, + fieldset: StyledComponentType>, + figcaption: StyledComponentType>, + figure: StyledComponentType>, + footer: StyledComponentType>, + form: StyledComponentType>, + h1: StyledComponentType>, + h2: StyledComponentType>, + h3: StyledComponentType>, + h4: StyledComponentType>, + h5: StyledComponentType>, + h6: StyledComponentType>, + head: StyledComponentType>, + header: StyledComponentType>, + hgroup: StyledComponentType>, + hr: StyledComponentType>, + html: StyledComponentType>, + i: StyledComponentType>, + iframe: StyledComponentType>, + img: StyledComponentType>, + input: StyledComponentType>, + ins: StyledComponentType>, + kbd: StyledComponentType>, + keygen: StyledComponentType>, + label: StyledComponentType>, + legend: StyledComponentType>, + li: StyledComponentType>, + link: StyledComponentType>, + main: StyledComponentType>, + map: StyledComponentType>, + mark: StyledComponentType>, + menu: StyledComponentType>, + menuitem: StyledComponentType>, + meta: StyledComponentType>, + meter: StyledComponentType>, + nav: StyledComponentType>, + noscript: StyledComponentType>, + object: StyledComponentType>, + ol: StyledComponentType>, + optgroup: StyledComponentType>, + option: StyledComponentType>, + output: StyledComponentType>, + p: StyledComponentType>, + param: StyledComponentType>, + picture: StyledComponentType>, + pre: StyledComponentType>, + progress: StyledComponentType>, + q: StyledComponentType>, + rp: StyledComponentType>, + rt: StyledComponentType>, + ruby: StyledComponentType>, + s: StyledComponentType>, + samp: StyledComponentType>, + script: StyledComponentType>, + section: StyledComponentType>, + select: StyledComponentType>, + small: StyledComponentType>, + source: StyledComponentType>, + span: StyledComponentType>, + strong: StyledComponentType>, + style: StyledComponentType>, + sub: StyledComponentType>, + summary: StyledComponentType>, + sup: StyledComponentType>, + table: StyledComponentType>, + tbody: StyledComponentType>, + td: StyledComponentType>, + textarea: StyledComponentType>, + tfoot: StyledComponentType>, + th: StyledComponentType>, + thead: StyledComponentType>, + time: StyledComponentType>, + title: StyledComponentType>, + tr: StyledComponentType>, + track: StyledComponentType>, + u: StyledComponentType>, + ul: StyledComponentType>, + var: StyledComponentType>, + video: StyledComponentType>, + wbr: StyledComponentType>, // SVG - circle: StyledComponentType>, - clipPath: StyledComponentType>, - defs: StyledComponentType>, - ellipse: StyledComponentType>, - g: StyledComponentType>, - image: StyledComponentType>, - line: StyledComponentType>, - linearGradient: StyledComponentType>, - mask: StyledComponentType>, - path: StyledComponentType>, - pattern: StyledComponentType>, - polygon: StyledComponentType>, - polyline: StyledComponentType>, - radialGradient: StyledComponentType>, - rect: StyledComponentType>, - stop: StyledComponentType>, - svg: StyledComponentType>, - text: StyledComponentType>, - tspan: StyledComponentType> + circle: StyledComponentType>, + clipPath: StyledComponentType>, + defs: StyledComponentType>, + ellipse: StyledComponentType>, + g: StyledComponentType>, + image: StyledComponentType>, + line: StyledComponentType>, + linearGradient: StyledComponentType>, + mask: StyledComponentType>, + path: StyledComponentType>, + pattern: StyledComponentType>, + polygon: StyledComponentType>, + polyline: StyledComponentType>, + radialGradient: StyledComponentType>, + rect: StyledComponentType>, + stop: StyledComponentType>, + svg: StyledComponentType>, + text: StyledComponentType>, + tspan: StyledComponentType> } declare export default StyledComponentList & { @@ -248,10 +245,7 @@ declare module 'styled-components' { }; } - - declare module 'styled-components/native' { - declare export type Interpolation = | ((executionContext: P) => string) | CSSRules @@ -259,7 +253,6 @@ declare module 'styled-components/native' { | string | number - declare export type CSSRules = Interpolation[] // This is not exported on purpose, since it's an implementation detail @@ -339,8 +332,7 @@ declare module 'styled-components/native' { // This is a bit hard to read. Not sure how to make it more readable. I think adding line-breaks makes it worse. declare type InjectedProps = { theme : Theme | void } - declare export function withTheme>(WrappedComponent: Component) : React$ComponentType<$Diff>, InjectedProps>>; - + declare export function withTheme>(WrappedComponent: Component) : React$ComponentType<$Diff>, InjectedProps>>; // @HACK This is a cheat to hide that the underlying type is "just a string" // once we know of a better way, we should be able to update this accordingly. @@ -353,54 +345,54 @@ declare module 'styled-components/native' { }; declare type StyledComponentList = { - ActivityIndicator: StyledComponentType>, - ActivityIndicatorIOS: StyledComponentType>, - ART: StyledComponentType>, - Button: StyledComponentType>, - DatePickerIOS: StyledComponentType>, - DrawerLayoutAndroid: StyledComponentType>, - Image: StyledComponentType>, - ImageBackground: StyledComponentType>, - ImageEditor: StyledComponentType>, - ImageStore: StyledComponentType>, - KeyboardAvoidingView: StyledComponentType>, - ListView: StyledComponentType>, - MapView: StyledComponentType>, - Modal: StyledComponentType>, - NavigatorIOS: StyledComponentType>, - Picker: StyledComponentType>, - PickerIOS: StyledComponentType>, - ProgressBarAndroid: StyledComponentType>, - ProgressViewIOS: StyledComponentType>, - ScrollView: StyledComponentType>, - SegmentedControlIOS: StyledComponentType>, - Slider: StyledComponentType>, - SliderIOS: StyledComponentType>, - SnapshotViewIOS: StyledComponentType>, - Switch: StyledComponentType>, - RecyclerViewBackedScrollView: StyledComponentType>, - RefreshControl: StyledComponentType>, - SafeAreaView: StyledComponentType>, - StatusBar: StyledComponentType>, - SwipeableListView: StyledComponentType>, - SwitchAndroid: StyledComponentType>, - SwitchIOS: StyledComponentType>, - TabBarIOS: StyledComponentType>, - Text: StyledComponentType>, - TextInput: StyledComponentType>, - ToastAndroid: StyledComponentType>, - ToolbarAndroid: StyledComponentType>, - Touchable: StyledComponentType>, - TouchableHighlight: StyledComponentType>, - TouchableNativeFeedback: StyledComponentType>, - TouchableOpacity: StyledComponentType>, - TouchableWithoutFeedback: StyledComponentType>, - View: StyledComponentType>, - ViewPagerAndroid: StyledComponentType>, - WebView: StyledComponentType>, - FlatList: StyledComponentType>, - SectionList: StyledComponentType>, - VirtualizedList: StyledComponentType>, + ActivityIndicator: StyledComponentType>, + ActivityIndicatorIOS: StyledComponentType>, + ART: StyledComponentType>, + Button: StyledComponentType>, + DatePickerIOS: StyledComponentType>, + DrawerLayoutAndroid: StyledComponentType>, + Image: StyledComponentType>, + ImageBackground: StyledComponentType>, + ImageEditor: StyledComponentType>, + ImageStore: StyledComponentType>, + KeyboardAvoidingView: StyledComponentType>, + ListView: StyledComponentType>, + MapView: StyledComponentType>, + Modal: StyledComponentType>, + NavigatorIOS: StyledComponentType>, + Picker: StyledComponentType>, + PickerIOS: StyledComponentType>, + ProgressBarAndroid: StyledComponentType>, + ProgressViewIOS: StyledComponentType>, + ScrollView: StyledComponentType>, + SegmentedControlIOS: StyledComponentType>, + Slider: StyledComponentType>, + SliderIOS: StyledComponentType>, + SnapshotViewIOS: StyledComponentType>, + Switch: StyledComponentType>, + RecyclerViewBackedScrollView: StyledComponentType>, + RefreshControl: StyledComponentType>, + SafeAreaView: StyledComponentType>, + StatusBar: StyledComponentType>, + SwipeableListView: StyledComponentType>, + SwitchAndroid: StyledComponentType>, + SwitchIOS: StyledComponentType>, + TabBarIOS: StyledComponentType>, + Text: StyledComponentType>, + TextInput: StyledComponentType>, + ToastAndroid: StyledComponentType>, + ToolbarAndroid: StyledComponentType>, + Touchable: StyledComponentType>, + TouchableHighlight: StyledComponentType>, + TouchableNativeFeedback: StyledComponentType>, + TouchableOpacity: StyledComponentType>, + TouchableWithoutFeedback: StyledComponentType>, + View: StyledComponentType>, + ViewPagerAndroid: StyledComponentType>, + WebView: StyledComponentType>, + FlatList: StyledComponentType>, + SectionList: StyledComponentType>, + VirtualizedList: StyledComponentType>, } declare export default StyledComponentList & { diff --git a/flow-typed/npm/zlib-sync_vx.x.x.js b/flow-typed/npm/zlib-sync_vx.x.x.js index 7e2f7a3..793a690 100644 --- a/flow-typed/npm/zlib-sync_vx.x.x.js +++ b/flow-typed/npm/zlib-sync_vx.x.x.js @@ -23,7 +23,6 @@ declare module 'zlib-sync' { * needed. */ - // Filename aliases declare module 'zlib-sync/index' { declare module.exports: $Exports<'zlib-sync'>; diff --git a/packages/roleypoly-server/bot/index.js b/packages/roleypoly-server/bot/index.js index d2e4684..fb6a35e 100644 --- a/packages/roleypoly-server/bot/index.js +++ b/packages/roleypoly-server/bot/index.js @@ -10,6 +10,4 @@ export default class Bot { this.svc = DS this.log = log } - - } diff --git a/packages/roleypoly-ui/components/demos/typing.js b/packages/roleypoly-ui/components/demos/typing.js index 869971f..3d20ed9 100644 --- a/packages/roleypoly-ui/components/demos/typing.js +++ b/packages/roleypoly-ui/components/demos/typing.js @@ -16,6 +16,7 @@ const Chat = styled.div` padding: 10px 0; font-size: 0.8em; ${() => MediaQuery({ sm: 'font-size: 1em;' })} + & span { display: inline-block; margin-left: 5px; @@ -23,21 +24,19 @@ const Chat = styled.div` ` const TextArea = styled.div` - background-color: hsla(218,5%,47%,.3); + background-color: hsla(218, 5%, 47%, 0.3); border-radius: 5px; padding: 10px; font-size: 0.8em; ${() => MediaQuery({ sm: 'font-size: 1em;' })} & .Typist .Cursor { - display: inline-block; color: transparent; border-left: 1px solid var(--c-white); user-select: none; &--blinking { - opacity: 1; animation: blink 2s ease-in-out infinite; @@ -45,9 +44,11 @@ const TextArea = styled.div` 0% { opacity: 1; } + 50% { opacity: 0; } + 100% { opacity: 1; } @@ -58,7 +59,7 @@ const TextArea = styled.div` const Timestamp = styled.span` font-size: 0.7em; - color: hsla(0,0%,100%,.2); + color: hsla(0, 0%, 100%, 0.2); ` const Username = styled.span` diff --git a/packages/roleypoly-ui/components/discord-button.js b/packages/roleypoly-ui/components/discord-button.js index a5b4b3b..367fc9c 100644 --- a/packages/roleypoly-ui/components/discord-button.js +++ b/packages/roleypoly-ui/components/discord-button.js @@ -11,12 +11,12 @@ const Button = styled.a` color: var(--c-white); padding: 0.4em 1em; border-radius: 3px; - border: 1px solid rgba(0,0,0,0.25); + border: 1px solid rgba(0, 0, 0, 0.25); text-decoration: none; display: flex; align-items: center; justify-content: center; - transform: translateY(0px); + transform: translateY(0); transition: all 0.3s ease-in-out; position: relative; @@ -28,22 +28,23 @@ const Button = styled.a` left: 0; bottom: 0; transition: all 0.35s ease-in-out; - background-color: hsla(0,0%,100%,0.1); + background-color: hsla(0, 0%, 100%, 0.1); pointer-events: none; opacity: 0; z-index: 2; } &:hover { - box-shadow: 0 1px 2px rgba(0,0,0,0.75); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); transform: translateY(-1px); + &::after { opacity: 1; } } &:active { - transform: translateY(0px); + transform: translateY(0); box-shadow: none; } ` diff --git a/packages/roleypoly-ui/components/discord-guild-pic.js b/packages/roleypoly-ui/components/discord-guild-pic.js index 94e0a30..9e33ab9 100644 --- a/packages/roleypoly-ui/components/discord-guild-pic.js +++ b/packages/roleypoly-ui/components/discord-guild-pic.js @@ -18,7 +18,6 @@ const Fallback = styled.div` display: flex; justify-content: center; align-items: center; - background-color: var(--fallback-color); ` diff --git a/packages/roleypoly-ui/components/global-colors.js b/packages/roleypoly-ui/components/global-colors.js index 9ac9735..38e52dc 100644 --- a/packages/roleypoly-ui/components/global-colors.js +++ b/packages/roleypoly-ui/components/global-colors.js @@ -23,69 +23,67 @@ const getColors = () => { } export default createGlobalStyle` -body { - margin: 0; - padding: 0; - font-family: "source-han-sans-japanese", "Source Sans Pro", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - /* prevent FOUC */ - transition: opacity 0.2s ease-in-out; -} + body { + margin: 0; + padding: 0; + font-family: "source-han-sans-japanese", "Source Sans Pro", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transition: opacity 0.2s ease-in-out; + height: 100%; + overflow: auto; + color: var(--c-white); + background-color: var(--c-1); + } -* { - box-sizing: border-box; -} + * { + box-sizing: border-box; + } -.font-sans-serif { - font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} + .font-sans-serif { + font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + } -:root { - ${() => getColors()} - --not-quite-black: #23272A; - --dark-but-not-black: #2C2F33; - --greyple: #99AAB5; - --blurple: var(--c-discord); -} + ::selection { + background: var(--c-9); + color: var(--c-1); + } -::selection { - background: var(--c-9); - color: var(--c-1); -} + ::-moz-selection { + background: var(--c-9); + color: var(--c-1); + } -::-moz-selection { - background: var(--c-9); - color: var(--c-1); -} + :root { + ${() => getColors()} -html { - overflow: hidden; - height: 100%; -} + --not-quite-black: #23272a; + --dark-but-not-black: #2c2f33; + --greyple: #99aab5; + --blurple: var(--c-discord); + } -body { - margin: 0; - padding: 0; - height: 100%; - overflow: auto; - color: var(--c-white); - background-color: var(--c-1); - /* overflow-y: hidden; */ -} + html { + overflow: hidden; + height: 100%; + } -h1,h2,h3,h4,h5,h6 { - color: var(--c-9); -} + h1, + h2, + h3, + h4, + h5, + h6 { + color: var(--c-9); + } -.fade-element { - opacity: 1; - transition: opacity 0.3s ease-in-out; -} - -.fade { - opacity: 0; -} + .fade-element { + opacity: 1; + transition: opacity 0.3s ease-in-out; + } + .fade { + opacity: 0; + } ` diff --git a/packages/roleypoly-ui/components/header/auth.js b/packages/roleypoly-ui/components/header/auth.js index eb8a45f..f040e19 100644 --- a/packages/roleypoly-ui/components/header/auth.js +++ b/packages/roleypoly-ui/components/header/auth.js @@ -25,8 +25,8 @@ const LogoBox = styled.a` const StyledServerPic = styled(DiscordIcon)` border-radius: 100%; - box-shadow: 0 0 1px rgba(0,0,0,0.1); - border: 1px solid rgba(0,0,0,0.25); + box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); + border: 1px solid rgba(0, 0, 0, 0.25); height: 35px; width: 35px; margin-right: 10px; diff --git a/packages/roleypoly-ui/components/header/common.js b/packages/roleypoly-ui/components/header/common.js index 05414e4..6063d42 100644 --- a/packages/roleypoly-ui/components/header/common.js +++ b/packages/roleypoly-ui/components/header/common.js @@ -10,8 +10,7 @@ export type CommonProps = { } const Header = styled.div` - background-color: ${({ noBackground }: any) => noBackground === false ? 'var(--c-dark);' : 'var(--c-1);'} - position: relative; + background-color: ${({ noBackground }: any) => noBackground === false ? 'var(--c-dark)' : 'var(--c-1)'}; transition: background-color 0.3s ease-in-out; position: fixed; top: 0; diff --git a/packages/roleypoly-ui/components/header/unauth.js b/packages/roleypoly-ui/components/header/unauth.js index 9aa226f..bf25563 100644 --- a/packages/roleypoly-ui/components/header/unauth.js +++ b/packages/roleypoly-ui/components/header/unauth.js @@ -23,14 +23,14 @@ const LoginButton = styled.a` &:hover { transform: translateY(-1px); - box-shadow: 0 1px 2px rgba(0,0,0,0.75); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); background-color: var(--c-green); - border-color: rgba(0,0,0,0.25); - text-shadow: 1px 1px 0px rgba(0,0,0,0.25); + border-color: rgba(0, 0, 0, 0.25); + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); } &:active { - transform: translateY(0px); + transform: translateY(0); box-shadow: none; } ` diff --git a/packages/roleypoly-ui/components/layout.js b/packages/roleypoly-ui/components/layout.js index 065dacd..86c4ef1 100644 --- a/packages/roleypoly-ui/components/layout.js +++ b/packages/roleypoly-ui/components/layout.js @@ -7,9 +7,11 @@ import { type User } from '../stores/user' import styled from 'styled-components' const LayoutWrapper = styled.div` - transition: opacity: 0.1s ease-out; + transition: opacity 0.1s ease-out; opacity: 0; - .wf-active &, .force-active & { + + .wf-active &, + .force-active & { opacity: 1; } ` @@ -20,7 +22,6 @@ const ContentBox = styled.div` max-width: 100vw; padding: 5px; padding-top: 50px; - /* max-height: calc(100vh - 50px); */ ` const Layout = ({ children, user, noBackground, router }: {children: React.Element, user: User, noBackground: boolean, router: * }) => <> diff --git a/packages/roleypoly-ui/components/role/role.styled.js b/packages/roleypoly-ui/components/role/role.styled.js index 9d0d2b8..9a2aa0f 100644 --- a/packages/roleypoly-ui/components/role/role.styled.js +++ b/packages/roleypoly-ui/components/role/role.styled.js @@ -4,10 +4,8 @@ import MediaQuery from '../../kit/media' export default styled.div` border: solid 1px var(--role-color-outline); border-radius: 1.2em; - box-sizing: border-box; cursor: pointer; - position: relative; display: flex; overflow: hidden; @@ -15,24 +13,18 @@ export default styled.div` justify-content: flex-start; flex-wrap: wrap; flex-direction: column; - font-size: 1.2em; line-height: 20px; - margin: 0.3em; padding: 4px 0.5em; - min-height: 32px; max-width: 90vw; - transition: box-shadow 0.3s ease-in-out; - - text-shadow: 1px 1px 1px rgba(0,0,0,0.45); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45); text-overflow: ellipsis; user-select: none; white-space: nowrap; transform: rotateZ(0); - ${(props: any) => (props.active) ? ` box-shadow: inset 0 0 0 3em var(--role-color-outline-alt); ` : ` @@ -42,39 +34,44 @@ export default styled.div` /* padding-top: 4px; */ } + &[disabled] { + border-color: hsl(0, 0%, 40%); + color: hsla(0, 0%, 40%, 0.7); + cursor: default; + box-shadow: none; + ${(props: any) => (props.active) + ? `box-shadow: inset 0 0 0 3em hsla(0,0%,40%,0.1); + background-color: hsl(0,0%,40%);` + : ``} + + &::after { + border-color: hsl(0, 0%, 40%); + } + + &:hover::after { + border-color: hsl(0, 0%, 40%); + transform: none; + box-shadow: none; + } + } + &[disabled]:hover { overflow: visible; } - &:hover::after { - transform: translateY(-1px) rotateZ(0); - box-shadow: 0 0 1px rgba(0,0,0,0.75); - border-color: var(--role-color-active); - clip-path: border-box circle(50.2% at 49.6% 50%); /* firefox fix */ - } - - &:active::after { - transform: none; - } - &::after { content: ''; display: none; box-sizing: border-box; - position: absolute; left: 4px; bottom: 2px; top: 4px; - width: 22px; height: 22px; - border: 1px solid var(--role-color-base); border-radius: 100%; - clip-path: border-box circle(50.2% at 50% 50%); /* this is just for you, firefox. */ - transform: rotateZ(0); ${(props: any) => (props.active) ? ` transition: border 0.3s ease-in-out, transform 0.1s ease-in-out, background-color 1ms ease-in-out 0.29s; @@ -84,6 +81,17 @@ export default styled.div` `} } + &:hover::after { + transform: translateY(-1px) rotateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0.75); + border-color: var(--role-color-active); + clip-path: border-box circle(50.2% at 49.6% 50%); /* firefox fix */ + } + + &:active::after { + transform: none; + } + ${(props: any) => MediaQuery({ md: ` font-size: 1em; @@ -100,25 +108,4 @@ export default styled.div` } ` })} - - &[disabled] { - border-color: hsl(0,0%,40%); - color: hsla(0,0%,40%,0.7); - cursor: default; - box-shadow: none; - ${(props: any) => (props.active) ? ` - box-shadow: inset 0 0 0 3em hsla(0,0%,40%,0.1); - background-color: hsl(0,0%,40%);` - : ``}; - - &::after { - border-color: hsl(0,0%,40%); - } - - &:hover::after { - border-color: hsl(0,0%,40%); - transform: none; - box-shadow: none; - } - } ` diff --git a/packages/roleypoly-ui/components/tooltip.js b/packages/roleypoly-ui/components/tooltip.js index 89ea68d..a7de426 100644 --- a/packages/roleypoly-ui/components/tooltip.js +++ b/packages/roleypoly-ui/components/tooltip.js @@ -5,7 +5,7 @@ export default styled.div` position: absolute; bottom: 35px; font-size: 0.9em; - background-color: rgba(0,0,0,0.50); + background-color: rgba(0, 0, 0, 0.5); padding: 5px; color: var(--c-red); border-radius: 3px; @@ -14,7 +14,6 @@ export default styled.div` opacity: 0.99; overflow: auto; pointer-events: none; - /* max-width: 50vw; */ white-space: normal; ${() => MediaQuery({ md: ` white-space: nowrap; ` diff --git a/packages/roleypoly-ui/kit/debug-breakpoints.js b/packages/roleypoly-ui/kit/debug-breakpoints.js index 2ff106f..399ecbe 100644 --- a/packages/roleypoly-ui/kit/debug-breakpoints.js +++ b/packages/roleypoly-ui/kit/debug-breakpoints.js @@ -5,7 +5,7 @@ import MediaQuery, { breakpoints } from './media' const BreakpointDebugFloat = styled.div` position: absolute; - bottom: 0em; + bottom: 0; left: 0; pointer-events: none; height: 1.4em; diff --git a/packages/roleypoly-ui/pages/_error.js b/packages/roleypoly-ui/pages/_error.js index 5fd804a..3c4bf0f 100644 --- a/packages/roleypoly-ui/pages/_error.js +++ b/packages/roleypoly-ui/pages/_error.js @@ -23,7 +23,6 @@ const ResponsiveSplitter = styled.div` line-height: 1.6; font-size: 1.3em; flex-direction: column; - ${() => MediaQuery({ md: `flex-direction: row; min-height: 100vh; position: relative; top: -50px;` })} @@ -34,9 +33,7 @@ const ResponsiveSplitter = styled.div` & section { text-align: center; - ${() => MediaQuery({ - md: `text-align: left;` - })} + ${() => MediaQuery({ md: `text-align: left;` })} } ` diff --git a/packages/roleypoly-ui/pages/_internal/_server.js b/packages/roleypoly-ui/pages/_internal/_server.js index 5ab8356..b125e60 100644 --- a/packages/roleypoly-ui/pages/_internal/_server.js +++ b/packages/roleypoly-ui/pages/_internal/_server.js @@ -24,13 +24,7 @@ const mapStateToProps = (state, { router: { query: { id } } }) => { } const Category = styled.div`` - -const Hider = styled.div` - /* opacity: ${(props: any) => props.visible ? '1' : '0'}; */ - /* opacity: 1; */ - /* transition: opacity 0.15s ease-out; */ - /* ${(props: any) => props.visible ? '' : 'display: none;'} */ -` +const Hider = styled.div`` const RoleHolder = styled.div` display: flex; diff --git a/packages/roleypoly-ui/pages/auth/login.js b/packages/roleypoly-ui/pages/auth/login.js index c1248d1..0909166 100644 --- a/packages/roleypoly-ui/pages/auth/login.js +++ b/packages/roleypoly-ui/pages/auth/login.js @@ -6,7 +6,8 @@ import DiscordButton from '../../components/discord-button' import RPC from '../../config/rpc' import redirect from '../../lib/redirect' import dynamic from 'next/dynamic' -import type { PageProps, ServerSlug } from '../../types' +import type { PageProps } from '../../types' +import type { ServerSlug } from '@roleypoly/types' import getConfig from 'next/config' const { publicRuntimeConfig: { BOT_HANDLE } } = getConfig() @@ -54,21 +55,24 @@ const SecretCode = styled.input` appearance: none; transition: all 0.3s ease-in-out; - &:focus, &:active, &:hover { - background-color: var(--c-3); - } - - &:focus, &:active { - & ::placeholder { - color: transparent; - } - } - & ::placeholder { transition: all 0.3s ease-in-out; color: var(--c-7); text-align: center; } + + &:focus, + &:active, + &:hover { + background-color: var(--c-3); + } + + &:focus, + &:active { + & ::placeholder { + color: transparent; + } + } ` const HiderButton = styled.button` @@ -97,7 +101,7 @@ const SlugWrapper = styled.div` const DiscordGuildPic = dynamic(() => import('../../components/discord-guild-pic')) const StyledDGP = styled(DiscordGuildPic)` border-radius: 100%; - border: 2px solid rgba(0,0,0,0.2); + border: 2px solid rgba(0, 0, 0, 0.2); height: 4em; margin-top: 1em; ` diff --git a/packages/roleypoly-ui/pages/help/why-no-roles.js b/packages/roleypoly-ui/pages/help/why-no-roles.js index c71f719..d8ef2be 100644 --- a/packages/roleypoly-ui/pages/help/why-no-roles.js +++ b/packages/roleypoly-ui/pages/help/why-no-roles.js @@ -23,7 +23,7 @@ const DiscordOuter = styled.div` padding: 10px; text-align: left; color: var(--c-white); - border: 1px solid rgba(0,0,0,0.25); + border: 1px solid rgba(0, 0, 0, 0.25); width: 250px; margin: 0 auto; user-select: none; @@ -34,7 +34,6 @@ const Collapser = styled.div` align-items: center; justify-content: center; flex-direction: column; - ${() => MediaQuery({ md: `flex-direction: row;` })}