Skip to content
Permalink
Browse files
feat(theme): Better Contrast Colors by Default and dev-utils refactor (
…#955)

* chore(docs): updated demo sandboxes to include filetype icons

* feat(theme): choose best contrast ratio color by default

This adds a new `function` that is used for default variables within
react-md that tried to guess if the text color should be white or black.
Going forward, this one will use the color that has the biggest contrast
ratio instead of always choosing white if it met the minimum ratio.

* chore: removed unneeded scripts from package.jsons

* temp move

* chore(docs): updated sandboxes

* chore(dev-utils): strict tsconfig

* chore(dev-utils): refactored the dev-utils code and removed unneeded scripts

* chore(tsconfig): simplified tsconfig since strict was enabled

* chore(dev-utils): copied over indexer stuff

* chore(dev-utils): removed the old_src

* chore(dev-utils): cleanup and lint fixes

* chore(sandbox): fixed html comment
  • Loading branch information
mlaursen committed Sep 15, 2020
1 parent bf6d379 commit 519b128522de944d55ff96a1e1125447665ed586
Show file tree
Hide file tree
Showing 290 changed files with 4,708 additions and 5,997 deletions.
@@ -7,7 +7,7 @@
"scripts": {
"release": "dev-utils release",
"dev-utils": "dev-utils",
"sandbox": "yarn workspace documentation sandbox",
"sandbox": "dev-utils sandbox",
"start": "yarn workspace documentation start-dev",
"dev": "npm-run-all -p watch start",
"setup": "npm-run-all build-dev-utils force-install build",
@@ -2,10 +2,6 @@
"name": "@react-md/alert",
"version": "2.3.1",
"description": "Create accessible alerts through snackbars and banners.",
"scripts": {
"build": "dev-utils build",
"clean": "dev-utils clean"
},
"main": "./lib/index.js",
"module": "./es/index.js",
"types": "./types/index.d.ts",
@@ -2,10 +2,6 @@
"name": "@react-md/app-bar",
"version": "2.3.1",
"description": "This small package implments the AppBar spec in material design.",
"scripts": {
"build": "dev-utils build",
"clean": "dev-utils clean"
},
"main": "./lib/index.js",
"module": "./es/index.js",
"types": "./types/index.d.ts",
@@ -2,10 +2,6 @@
"name": "@react-md/autocomplete",
"version": "2.3.1",
"description": "",
"scripts": {
"build": "dev-utils build",
"clean": "dev-utils clean"
},
"main": "./lib/index.js",
"module": "./es/index.js",
"types": "./types/index.d.ts",
@@ -2,10 +2,6 @@
"name": "@react-md/avatar",
"version": "2.3.1",
"description": "This package is used to avatars which are used to symbolize people or objects.",
"scripts": {
"build": "dev-utils build",
"clean": "dev-utils clean"
},
"main": "./lib/index.js",
"module": "./es/index.js",
"types": "./types/index.d.ts",
@@ -2,10 +2,6 @@
"name": "@react-md/badge",
"version": "2.3.1",
"description": "Create a badge that is fixed to another element. This is generally used for notification counts.",
"scripts": {
"build": "dev-utils build",
"clean": "dev-utils clean"
},
"main": "./lib/index.js",
"module": "./es/index.js",
"types": "./types/index.d.ts",
@@ -2,10 +2,6 @@
"name": "@react-md/button",
"version": "2.3.1",
"description": "This package is used to create buttons with the material design spec. There is built-in support to be able to render accessible clickable divs that look like buttons, or even apply button styles to any element.",
"scripts": {
"build": "dev-utils build",
"clean": "dev-utils clean"
},
"main": "./lib/index.js",
"module": "./es/index.js",
"types": "./types/index.d.ts",