v0.14.0 (#814)

* adjust icon sizing, add icon-wrapper class, closes #763

* rename icon-wrapper to icon-inliner, other small fixes

* force txt-bold to be 1em line height, fixes line height offsets, closes #775

* rework size scale, closes #749

* Add limiter class, consistify scale even more

* only single-declaration utility classes should have important (#785)

* New copy of Open Sans (#786)

Reverts prior line-height change to bold weight.

Closes #775.

* reset abbr text-decoration, fixes txt-abbr rule (#788)

* Weight loss program (#787)

See changes in changelog.md

* Lighten gray-faint and add a line of caution to color documentation

* Reintroduce darken5 and lighten5 for backgrounds only

* Add icons option to build script (#794)

options.icons is an array of icon names. If this option is used, only icon names that match options.icons will be included in Assembly. Closes #782

* adds color and hover state to prose links (#798)

* Make uglify-js a real dependency

Closes #800.

* add unprose class, closes #793 (#795)

* add select--xs class to match btn--xs (#811)

* fix spin animation utility (#812)

closes #790

* prepare v0.14.0 (#813)

CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## 0.14.0
+
+- Adds missing `--dark` modifiers to some typography rules.
+- Stroked buttons and select elements now have a 1px stroke by default.
+- Adds new `btn--stroked--2` and `select--stroked--2` modifier classes to create stroked buttons and select elements that have 2px strokes.
+- [internal only] Renames `neutral` variables to more meaningful `disabled-{type}-interactive` variables.
+- Darken the `gray-faint` color to #e5e5e5 so it's legible on a wider range of monitors.
+- Remove teal color variations.
+- Remove 600px layout scale value for padding and margin.
+- Refactor range inputs to use currentColor for coloring, which save space
+- Remove `darken5` and `lighten5` color variations to save space and encourage more accessible design.
+- Remove `p{n}` and `m{n}` rules.
+- Limit the possible colors available for form elements as well as `--on-active` and `--on-hover` modifiers for accessibility reasons and to save size. `-faint` or `-light` form elements are no longer available for _any element_, and `darken10` and `darken10` are no longer available for any for element except buttons.
+- Add distinct hover states for active checkboxes and radio inputs.
+- Redesign checkbox active state to be clearer, more conventional.
+- Add `select--xs` class.
+- Fix bug with browser prefixing to cover the correct browsers.
+- Add color and hover states by default to links inside `.prose`.
+- Fix visual bug with `txt-abbr` rule.
+- Update version of Open Sans to fix regular weight / bold weight line heighht differences.
+- Fix bug with `animation-spin` utility.
+
 ## 0.13.1-2
 
 - Fix syntax of Browserslist for Autoprefixer.

README.md

@@ -39,6 +39,7 @@ Assembly.buildUserAssets('path/to/my/outdir', myOptions)
 - **`mediaQueries`**: An object whose properties will override and add to `src/mediaQueries.json`. Use this option to change or add media queries.
   These media queries are accessible in any stylesheets you append via the CSS custom media query syntax, e.g. `@media --media-query-name`.
 - **`colorVariants`**: An object or array specifying the color variants you would like added to `assembly.css`. This is documented in detail below.
+- **`icons`**: An array of icons names to include in Assembly. Names correspond to file names in `src/svgs/`. Use this option to decrease the size of assembly.js by only including the icons you need.
 - **`browsersList`**: A [Browserslist](https://github.com/ai/browserslist) array to be used by [Autoprefixer](https://github.com/postcss/autoprefixer). Default: `['last 4 versions', 'not ie < 10']`.
 - **`quiet`**: Suppress logs.
 
@@ -51,8 +52,6 @@ The following configuration specifies an array of default colors. All components
 ```json
 [
   "red",
-  "teal",
-  "teal-dark",
   "green-light"
 ]
 ```
@@ -102,7 +101,7 @@ Assembly strives for flat, single rule declarations and avoids overrides wheneve
 ### Naming classes
 
 - Keep names as short as possible.
-- Use real number values in utility class names to describe the value the utility class applies _in cases where the number of utility classes describing a particular property could be unlimited_. For example, `.p6` for `padding: 6px` instead of `.p-small` or `.p-1`.
+- Use real number values in utility class names to describe the value the utility class applies _in cases where the number of utility classes describing a particular property could be unlimited_. For example, `.pt6` for `padding-top: 6px` instead of `.pt-small` or `.pt-1`.
 - If the number of utility classes describing a property is limited, Assembly classes use the suffixes, `xl`, `l`, `m`, `s`, `sm`.
 - Assembly doesn't have a top level namespace. Assembly is designed to provide fundamental rules that are used frequently and should be easy to type and remember. If you want to use your own css with base, consider namespacing that css.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapbox/assembly",
-  "version": "0.13.2",
+  "version": "0.14.0",
   "description": "A CSS framework",
   "main": "index.js",
   "scripts": {
@@ -52,7 +52,8 @@
     "postcss-reporter": "^3.0.0",
     "strip-indent": "^2.0.0",
     "svgo": "^0.7.1",
-    "svgstore": "^2.0.2"
+    "svgstore": "^2.0.2",
+    "uglify-js": "^2.7.5"
   },
   "devDependencies": {
     "aws-sdk": "^2.7.20",
@@ -72,7 +73,7 @@
     "execall": "^1.0.0",
     "gzip-size": "^3.0.0",
     "highlight.js": "^9.8.0",
-    "jest": "^19.0.0",
+    "jest": "^20.0.0",
     "lodash": "^4.17.2",
     "mime": "^1.3.4",
     "nodemon": "^1.11.0",
@@ -88,7 +89,6 @@
     "stylelint-csstree-validator": "^1.1.1",
     "tap-spec": "^4.1.1",
     "tape": "^4.6.3",
-    "uglify-js": "^2.7.5",
     "uglifyify": "^3.0.4",
     "xml2js": "^0.4.17"
   },