CHANGELOG.md

Changelog

1.8.4

• [add] Add interact icon

1.8.3

• [fix] Fix open-in icon

1.8.2

• [add] Add open-in icon

1.8.1

• [fix] Minor icon inconsistencies.

1.8.0

• [add] Add speaker icon.
• [add] Add battery icon.
• [add] Add charger icon.

1.7.0

• [add] Add model icon.
• [add] Add slot icon.

1.6.0

• [fix] Update Dependencies

1.5.1

• [internal] Update configuration for remark-react

1.5.0

• [add] Add folder-move icon.

1.4.0

• [internal] Update production packages along side some dev packages with security vunerabilities
  • globby
  • optimize-js
  • postcss-custom-properties
  • svgo
  • svgstore
  • highlight
  • nodemon
  • remark

1.3.0

• [add] Add back android and ios (renamed from apple) icons.

1.2.1

• [fix] Fix bug where col col--auto was taking content width into account when setting col size.

1.2.0

• [internal] Clean up and update dependencies.
• [fix] Fix bug with handle not appearing on loading--dark when using minified CSS.
• [fix] Remove flex-grow from col in order to ensure, by default, col class behaves as expected when used with width classes like w-1/2. This fix does require adding the col--auto class to col when using without a width class.

1.1.0

• [style change] Slightly saturate darken colors, and make disabled state colors legible against both light and dark backgrounds.
• [style change] Use -deep modifiers for active/hover states instead of -dark.
• [internal] Simplify internal color variables.

1.0.1

• [fix] Fix bug where handle on loading--dark was not visible.
• [fix] Fix issues with checkbox psuedo element size and positioning.

1.0.0

• [add] New wmax-{n} values:

  • wmax-1200
  • wmax-1800

• [breaking] Remove col--{n} & col--off{'r' | 'l'}{n} rules in favor of general purpose percentage based rules:

  • w-1/12, mr-1/12, ml-1/12
  • w-1/6, mr-1/6, ml-1/6
  • w-1/4, mr-1/4, ml-1/4
  • w-1/3, mr-1/3, ml-1/3
  • w-5/12, mr-5/12, ml-5/12
  • w-1/2, mr-1/2, ml-1/2
  • w-7/12, mr-7/12, ml-7/12
  • w-2/3, mr-2/3, ml-2/3
  • w-3/4, mr-3/4, ml-3/4
  • w-5/6, mr-5/6, ml-5/6
  • w-11/12, mr-11/12, ml-11/12

• [add] New percentage-based viewport values:

  • h-viewport-1/12
  • h-viewport-1/6
  • h-viewport-1/4
  • h-viewport-5/12
  • h-viewport-7/12
  • h-viewport-5/6
  • h-viewport-11/12

• [breaking] Rename viewport-third to h-viewport-1/3.

• [breaking] Rename viewport-half to h-viewport-1/2.

• [breaking] Rename viewport-twothirds to h-viewport-2/3.

• [breaking] Remove viewport-almost.

• [breaking] Remove limiter class.

• [breaking] Remove flex-basis: 0 from col class. Any elements using col without a width set will see visual differences.

• [breaking] Remove flex-child, rename flex-parent to flex, rename flex-parent-inline to inline-flex, and rename all flex-parent and flex-child modifiers to match new scheme.

• [breaking] Removes the following icons:

  • adjust-stroke
  • android
  • apple
  • facebook
  • instagram
  • js
  • lifebouy
  • linkedin
  • nofolder
  • qt
  • slack
  • tooltip
  • unity
  • wechat

• [add] Add icons:

  • boolean
  • eject
  • fast-forward
  • pause
  • play
  • sync

• [style change] Redraw all SVG icons.

• [internal] Refactor internal color variables so there is one set of variables for default button and link colors, and another set of variables for form controls.

• [style change] Adjust stroke widths for toggles, checkboxes, and radios from 2px to 1px.

• [style change] Change default form control colors from blue to gray for all form types.

• [style change] Increase inset around switch--l from 2px to 3px.

• [style change] Reduce height of toggle form element from 36px to 30px, and height of toggle--s from 24px to 18px.

• [style change] Remove bold text rule from toggle elements.

• [style change] Adjust the styling of disabled form controls to better differentiate active disabled and inactive disabled states.

• [breaking] Remove btn--stroke--2 class.

• [breaking] Allow loading spinners to be recolored and no longer set margin: auto on spinners. Breaking change because some layouts may be relying on margin:auto.

• [add] Add new cursor classes for cursor-grab and cursor-grabbing.

• [add] Add Assembly.setFocusState method to make it easier to programmatically change the value of data-assembly-focus-control.

• [style change] Rework typographic scale. Numbers are in the format (font-size/line-height):

  Selector	Old value	New value
  .txt-h1	45px/54px	36px/45px
  .txt-h2	35px/42px	30px/36px
  .txt-h3	30px/36px	24px/30px
  .txt-h4	18px/24px	20px/25px
  .txt-h5	15px/18px	16px/20px
  .txt-xl	30px/45px	30px/45px
  .txt-l	18px/30px	20px/30px
  .txt-m	15px/24px	16px/24px
  .txt-ms	N/A	14px/21px
  .txt-s	12px/18px	12px/18px
  .txt-xs	10px/15px	10px/15px

• [style change] Add font-display:swap to all @font-face declarations.

• [style change] Remove grow, and add y offset to shadow classes.

• [breaking] Update browser compatibility targets, drop IE11 support.

• [breaking] remove txt-spacing4 class and add txt-spacing05 class.

• [breaking] renamed scroll-* classes to overflow-*.

• [add] sticky position rule.

0.26.0

• Add drag icon.

0.25.0

• Add horizon icon.

0.24.0

• Add unlock icon.

0.23.2

• Fix unnecessary vector data in history.svg icon.

0.23.1

• Add line-center icon.

0.23.0

• [breaking] Remove input--xs, select--xs, and btn--xs. You should switch to the --s modifiers, which have been modified to merge the best of --s and --xs.
• [breaking] Drop support for Node 4 in custom build. This has no effect on the client-side CSS or JS.
• [style change] Selects are now styled like inputs, instead of buttons.
• [style change] Increase default horizontal padding on buttons and selects.
• [style change] Increase default horizontal padding on buttons.
• [style change] Scale down font sizes on toggle groups and small inputs & selects.
• [style change] Switch active states are no longer dark.
• [style change] Toggle groups have metrics that are more similar to buttons.
• [add] toggle--s style.
• [add] Add switch--l, for large switches.

0.22.0

• [breaking] Fonts are no longer distributed with each version. Instead, fonts are served from https://api.mapbox.com/mapbox-assembly/fonts/* and referenced from the CSS with absolute URLs.

0.21.3

• [fix] Set border: 0 in reset.css, instead of border: none. Fixes an obscure bug where if you used the unminified CSS and set a border-{side} class on a btn, you'd see unwanted thick borders on all sides except the one you specified.

0.21.2

• [fix] Avoid a PostCSS warning about from not being set.

0.21.1

• [fix] Clean up and update dependencies.

0.21.0

• Added fade-in-out animation.
• [fix] Fixing the unity svg.
• [fix] Updates examples to use changed classname.

0.20.0

• Add filter, flame, instagram, qT icons.
• Vertically center chevron icons.
• [fix] Add height and width to checkbox icons in .checkbox class so check icons are the right size.
• [fix] On checkbox, swich, and radio components, set cursor style on the form element, rather than form container, for correct accurate cursor state when form element is disabled.

0.19.0

• [fix] Add border-radius:0 to button reset to address recent changes in Chrome's default button style.
• [breaking] Remove buggy icon-inliner class.
• [breaking] Remove icon--s and icon--l classes.
• [breaking] change default icon size to 1em x 1em
• [style change] Remove hover states from radio, and checkbox, toggle form components.
• [breaking] Refactor line heights and text sizes for form components.
• [breaking] input and textarea components now use box-shadow to render borders, not border.
• Adds --xs modifier classes to input, textarea, and select form components.
• Add disabled styling to button elements with disabled property that have the link class.
• [breaking] refactor border rules so they work as expected with media queries, add border-{direction}--2 rules.
• [breaking] remove some rarely used icons:
  • antialias
  • land
  • landuse
  • levels
  • line-miter-limit
  • line-round-limit
  • minus-document
  • plus-document
  • ribbon
• Add no-print class to hide content when printing webpages
• [fix] ensure disabled buttons show default cursor, not pointer cursor.
• [breaking] rename clip to scroll-hidden.
• [fix] remove unecessary !important declarations on :disabled, and loading rules.

0.18.0

• [style change] make small range input visually smaller. Doesn't change the metrics of the input, so this is not a breaking change.

0.17.0

• [style change] Removed border from disabled buttons.
• [add] Add -webkit-overflow-scrolling: touch to scroll-auto for momentum scrolling on iOS.
• [fix] Set display: block on the main tag, fixing possible bugs in IE.
• [breaking] Changed browser support list to more precisely reflect our intentions:
  • last 4 Chrome versions
  • last 4 Firefox versions
  • last 4 Safari versions
  • iOS >= 7
  • Android >= 4.4
  • IE >= 11
• [breaking] Update to PostCSS 6. If you are using a custom build, this might affect you, especially if you use a custom browsersList value, because Browserslist 2 (dependency of PostCSS 6) involves some breaking changes (usually it means you will end up supporting more browsers than you intended).

0.16.0

• Add mobile conditions for events-{none|all}
• [breaking] Name change of select-none & select-text to selectable & unselectable
• Add mobile conditions for selectable & unselectable

0.15.0

• Add align-b class to vertically align inline inline or table-cell elements to the bottom.
• Change defualt behavior of the col class – cols in a grid now stretch to fill all the space, each col occupying equal space unless col--{size} modifiers are used.
• Adds col--auto modifier to imitate col default behavior. Useful for media query overrides of col--{size} rules.
• Fixes bug that lead to incorrect generation of hoverBorder, hoverColor, and hoverBackground color variants.

0.14.0

• Adds new 'limiter' class for setting max page width across screen sizes.
• [breaking] Significantly refactors layout scale to be more consistent across different properties and to increment more predictibly. Removes 48, 72, 96, 420, 480, 720, and 960 values for all properties that had them. Adds 60, 120 to all properties. Adds 600 value to height and width properties. Adds negative margins to match all positive margin values.
• 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.
• [breaking] Remove teal color variations.
• Refactor range inputs to use currentColor for coloring, which save space
• [breaking] Remove darken5 and lighten5 color variations to save space and encourage more accessible design.
• [breaking] Remove p{n} and m{n} rules.
• [breaking] 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.

0.13.0

• Add Assembly.createIcon, Assembly.changeIcon, and Assembly.iconExists functions to assembly.js
• Changed mapbox icon to reflect new branding.
• Changed options icon to a larger revision.
• Add negative margin classes for all margin class variants.
• Add linting improvements to JS and CSS.
• Add various documentation improvements.
• Add shadow class automation.

0.12.0

• Add media query variants for bleed classes (e.g. bleed-r-ml).
• Add unbleed class.
• Add more browser prefixes, so more browsers can take advantage of flex classes.
• Add flex-parent--space-between-main class.
• Add options icon.

0.11.0

• Rework typographic scale to have separate headline rules (txt-h1, txt-h2, txt-h3, txt-h4, txt-h5) from body text rules (txt-xl, txt-l, txt-m, txt-s, txt-xs). Headline rules have tighter line height than body text rules.
• Add new btn--pill-stroke rule to make sure combined stroked/filled button pills look good.
• Fix padding on table elements.
• Make -dark colors darker.
• Fix bug with appearance of disabled select item in FF.

0.10.1

• Remove a:hover { box-shadow: none } from reset.

0.10.0

• Rework buttons so their heights fall on 6px vertical grid when extra vertical padding is applied.

0.9.1

• Move media query class names (e.g. m6-ml) to the bottom of the generated stylesheets, fixing some source-order-caused bugs.

0.9.0

• Change default font size to 15px, change txt-l font size to 18px.

0.8.1

• Fix bug where custom colors in custom builds were being ignored.
• Add transition class to make any element have animatable transitions.

0.8.0

• Overhaul typographic scale (classes remain the same).
• Add scroll-styled class.
• Add txt-spacing1 class.

0.7.0

• Add transition class.
• Allow txt-{size} classes to override the font-size set by txt-mono.

0.6.0

• Add flex-parent--column-reverse, flex-parent--row, and flex-parent--row-reverse.
• Add txt-strike, and support for corresponding elements <del> and <s> within prose.
• Simplify toggles, including the removal of default padding.
• Remove at icon.
• Add extrusion icon.
• Fix bug when combining grid--gut* media query classes with col media query classes.
• Fix font inheritance of select.
• Change focus-outline control to use a data attribute on the document element instead of a class name, to avoid accidental overwriting.
• Change flex-parent--justify-end to flex-parent--end-main.
• Add flex-parent--end-cross.
• Add w-auto, wmax-none, and hmax-none.

0.5.0

• Add flex-child--no-shrink class, which is essential after the changes in v0.4.0.

0.4.0

• Remove flex-shrink: 0 from flex-child. This changes the way that flex children are laid out when they have wide content. The new pattern is, hopefully, more intuitive.
• Rename alpha* classes to opacity*.
• Add chevron-up, chevron-down, chevron-left, and chevron-right icons.

0.3.0

• Add height: auto with h-auto.
• Fix bug with grid classes.
• Add media queries for round rules.
• Fix bugs with button pills.
• Remove hover states from selects and textareas.
• Make icons display: block.
• Add negative margin classes.
• Make input and textarea full width by default.
• Various other small improvements.

0.2.0

• Round table corners by default.
• Make default form colors more practical.
• Make prose default text size customizable with txt-{size} classes.

0.1.0

• Start this changelog.