CHANGELOG.md

Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog and this project adheres to Semantic Versioning.

Unreleased

0.36.0 - 2020-03-25

Changed

• New CSS colours and various style improvements. Breaking change due to many changed CSS variable names. Still experimental and likely to be refactored in the near future.
• New strategy for CSS magic imports. You'll see @import '%%/import.css' used in components. We'll have documentation about this at some point in the near future.
• Updated package dependencies including rollup v2, prettier v2.

Fixed

• @minna-ui/rollup-plugin-postcss - Not rebuilding on source file changes.

0.35.1 - 2019-11-21

Fixed

• @minna-ui/rollup-plugin-emit-html - Incorrect location of addWatchFile method call within the plugin.

0.35.0 - 2019-11-21

Added

• @minna-ui/prettier-config - Add plugin to format package.json files.

Removed

• @minna-ui/jest-config - Remove custom jsdom environment package, jest-environment-jsdom-fifteen, since jest uses jsdom v15 by default as of jest v25.

Changed

• @minna-ui/eslint-config - Continued improvements.
• Use a more standard shebang in packages which have a bin registered.
• Updated package dependencies.
• Switch test coverage providers and update CI.

Fixed

• @minna-ui/rollup-plugin-emit-html - No rebuild when template file changes.
• @minna-ui/jest-config - Whitespace in svelte snapshots is not preserved making snapshots hard to read.

0.34.1 - 2019-09-22

Added

• @minna-ui/build-lib - Support importing JSON + check for TypeScript configuration file correctly.

0.34.0 - 2019-09-22

Added

• @minna-ui/stylelint-config - Check declaration values to validate against W3C specs and browsers extensions. If you use very modern properties you may get false errors.
• @minna-ui/remark-config - In-document link validation.

Changed

• @minna-ui/eslint-config - Restructure so more file types have the correct rules by default and general rule improvements.
• Updated package dependencies.

Fixed

• @minna-ui/utils - Fix parameter type on handleErr function.

0.33.2 - 2019-09-08

Fixed

• Missing components types

0.33.1 - 2019-09-08

Changed

• Updated package dependencies.

Fixed

• @minna-ui/ts-config - Adjust excludes paths now that typescript does inherit this property correctly when using extends.

0.33.0 - 2019-09-06

Added

• New minna-tools-essential package. Similar to minna-tools but without CSS and frontend related tooling; just NodeJS/JavaScript/TypeScript tooling.

Changed

• Updated package dependencies.

0.32.0 - 2019-09-02

Added

• @minna-ui/eslint-config - Extracted Jest config into standalone file.
• @minna-ui/eslint-config - New legacy config.
• @minna-ui/postcss-config - New global $env variable which represents the equivalent of process.env.NODE_ENV but in styles.

Removed

• @minna-ui/eslint-config - Linting rules for test snapshots. Performance issues and they weren't particularly helpful.

Changed

• @minna-ui/eslint-config - Rule improvements.
• Updated package dependencies.

Fixed

• Docs dependencies have known security vulnerabilities. Temporarily using yarn resolutions to override versions.

0.31.3 - 2019-08-07

Changed

• Updated package dependencies.

Fixed

• @minna-ui/utils - gitDescribe - really really fix the types this time...

0.31.2 - 2019-08-06

Fixed

• @minna-ui/utils - gitDescribe - really fix the types this time...

0.31.1 - 2019-08-06

Fixed

• @minna-ui/utils - gitDescribe new attribute missing types.

0.31.0 - 2019-08-04

Added

• @minna-ui/utils - gitDescribe method now takes an argument allowing you to change the output.

Changed

• @minna-ui/eslint - General improvements.
• @minna-ui/css - Better loading animation timing.
• Updated package dependencies.

0.30.3 - 2019-08-02

Fixed

• @minna-ui/rollup-plugin-emit-css + @minna-ui/rollup-plugin-postcss - Broken types.

0.30.2 - 2019-08-02

Fixed

• @minna-ui/rollup-plugin-emit-css - Missing @types/clean-css dependency.

0.30.1 - 2019-08-02

Fixed

• @minna-ui/rollup-plugin-emit-css - Options type is not exported.

0.30.0 - 2019-08-02

Changed

• @minna-ui/navbar - No longer using segment for detecting current route, now using a new prop, current, which is intended to use the sapper $page store.
• Updated package dependencies.

Fixed

• @minna-ui/rollup-plugin-postcss - Options type is not exported.

0.29.0 - 2019-07-22

Added

• @minna-ui/eslint-config - Add new typed lint rules.

Changed

• Rearrange component internals for consistency and better build-time optimisation.
• Updated package dependencies.

Fixed

• @minna-ui/eslint-config - Typed rules crash the process when using the node-js add-on config.
• @minna-ui/build-lib - Externals logic incorrect matching nested paths.

0.28.0 - 2019-07-21

Added

• Extracted ESLint import resolver into its own package, @minna-ui/eslint-import-resolver.

Changed

• @minna-ui/eslint-config - General improvements.
• @minna-ui/build-lib - Simplify externals logic.
• Updated package dependencies.

Fixed

• @minna-ui/css - Missing variable.

0.27.0 - 2019-07-14

Added

• @minna-ui/jest-config - Imported Svelte components now have their props exposed as accessors.
• @minna-ui/ts-config - Add option to detect inconsistent file case in imports.

Fixed

• Components compiled as ES modules keep imports to svelte/internal allowing for better tree shaking.
• All unit tests are now passing again.
• Remove OS restriction, developers on windows can now try to build the project.

Changed

• Revert back to yarn instead of npm for managing package internally. It was an interesting experiment but yarn is still much better, especially for monorepos.
• @minna-ui/eslint-config - Various improvements.
• @minna-ui/css - Better accessibility for focus outline styles.
• General clean up.
• Updated package dependencies.

0.26.1 - 2019-06-11

Fixed

• minna-tools - Missing exports.

0.26.0 - 2019-06-11

Added

• @minna-ui/build-lib - New internal package for building libs or simple packages. The advantage over tsc is bundles the output into a single file and builds multiple bundles (e.g. commonjs and ES modules). Also has a watch mode which builds multiple bundles (not possible with tsc). More improvements to come.

Removed

• @minna-ui/ts-config - Don't enable automatic type acquisition by default.

Fixed

• @minna-ui/select - Edge case where a filtered list is not reset when closing the select list box.
• @minna-ui/jest-config - Don't collect test coverage from .d.ts files.
• Component unit tests.
• Types for Svelte components.

Changed

• We've switched from yarn to npm. Experimental and may be rolled back if there's any issues.
• All packages which previously used <package_dir>/lib/* now use <package_dir>/dist/* instead. This maintains consistency between components and utils.
• @minna-ui/jest-config - Disable CSS modules support by default. We mostly use Svelte which has an alternative.
• @minna-ui/navbar - Logo slot is now the default slot; it's no longer required to use a named slot.
• @minna-ui/eslint-config - General improvements.

0.25.1 - 2019-06-08

Fixed

• Disable broken ESLint rule.

0.25.0 - 2019-06-08

Added

• @minna-ui/css - New transform utilities.

Removed

• @minna-ui/tslint-config - Removed deprecated package.
• Moved unfinished or experimental packages to a new minna-ui-labs repo for incubation.
• @minna-ui/ts-config - Remove tslib dependency as it's not strictly important.

Changed

• Optimise event handling in components.
• Set data as immutable in some components for better performance.
• Updated package dependencies.

0.24.1 - 2019-05-30

Changed

• Updated package dependencies.

Fixed

• @minna-ui/utils - Types are missing.

0.24.0 - 2019-05-28

Changed

• @minna-ui/browserslist-config - Update settings for better browser coverage.
• @minna-ui/postcss-config - Internal improvements to make it easier to create another PostCSS preset which extends from this one.
• @minna-ui/utils - Convert from TypeScript to plain JavaScript.
• Updated package dependencies.

Fixed

• Packages include unit tests. Remove for smaller package size.

0.23.0 - 2019-05-26

Changed

• Converted some packages from TypeScript into plain JavaScript with JSDoc style type annotations. These packages are simple (e.g. configs exporting an object) and didn't heavily rely on type safety. Internal file paths may have changed. The following packages are affected:
  • minna-ui
  • minna-tools
  • @minna-ui/browserslist-config
  • @minna-ui/eslint-config
  • @minna-ui/jest-config
  • @minna-ui/remark-config
  • @minna-ui/stylelint-config
  • @minna-ui/tslint-config
• @minna-ui/eslint-config - General improvements, especially for projects which use multiple/nested configs.
• Updated package dependencies.

Fixed

• TypeScript checks are not run on JavaScript files.
• Type checks fail on packages which declare module types; module declarations should be located globally.

0.22.2 - 2019-05-16

Changed

• @minna-ui/eslint-config - Rule improvements and fixing annoyances, mostly for TypeScript files and Svelte components.
• Updated package dependencies.

Fixed

• @minna-ui/jest-config - Prevent unwanted attributes in Jest snapshots of JSX components (Preact, Hyperapp, etc.).

0.22.1 - 2019-05-10

This changelog entry is summarized. There where a lot of commits this release so we'll go over the highlights. Please review the commit log for a full list of changes.

Added

• Full support for Svelte v3 🎉
• Support for the Svelte component .svelte file extension, replacing .html, in relevant packages.
• New minna-tools package containing all general dev tooling configs (e.g. linting, prettier). These were remove from the minna-ui package to make it easy to use them in non-Svelte projects (Preact, node servers, etc.).
• Extra functionality in the minna-ui package to make it quick and easy to use components and tools without needing to search for the correct package name to import from.
• All components now also support usage as web components. This is now the recommended way to use them when you don't want to deal with a build process. It's now also the default when you use the components from a CDN. There's still some styling issues which we'll hammer out in an upcoming release.
• @minna-ui/eslint-config - TypeScript support, new rules.
• New packages to replace @minna-ui/rollup-plugins:
  • @minna-ui/rollup-plugin-dev-server
  • @minna-ui/rollup-plugin-emit-css
  • @minna-ui/rollup-plugin-emit-html
  • @minna-ui/rollup-plugin-postcss
  • @minna-ui/rollup-plugin-purgecss

Removed

• Support for Svelte v2.
• @minna-ui/eslint-config - Jest preset has been merged into the main config and jest.js no longer available. You should delete any .eslintrc files for loading the old preset.
• @minna-ui/postcss-config - Preset no longer includes the postcss-extends plugin. If you want @extends functionality we recommend installing the plugin separately and using the @use rule.
• @minna-ui/rollup-plugins - This package has been removed in favour of separate packages for each plugin.
• @minna-ui/build-css + @minna-ui/build-component - No longer remove directories as part of the build process. This should be handled separately via a pacakge.json#scripts task.

Changed

• Convert all packages to TypeScript. Generate type declarations. File paths changed; most utils files are now in a @minna-ui/<package_name>/lib/* directory.
• @minna-ui/css - General improvements.
• @minna-ui/postcss-config - Complete refactor to be faster, more simple, and reliable. Now only safe transforms are performed by default.
• @minna-ui/prettier-config - Simplify how the package now that prettier has built-in support for shared configs.
• @minna-ui/jest-config - Behind the scenes we now use Sucrase to transpile your JavaScript and TypeScript into code compatible with Node and Jest. Significantly faster tests. Also added support for Preact.
• @minna-ui/tslint-config - Package deprecated and no longer installed as a dependency of minna-ui. You'll need to manually add it to your "devDependencies" if you want to continue using TSLint. We recommend switching to a pure eslint + @minna-ui/eslint-config setup.
• Rename component @minna-ui/remarklint-config to @minna-ui/remark-config.
• Refactor internal tooling for stability and reliability.
• Updated package dependencies.

Fixed

• @minna-ui/rollup-plugins>makeCss - Dependency tracking paths are wrong and cause builds to fail.
• @minna-ui/rollup-plugins>makeCss - Write path is wrong in some use cases.
• Lint issues.

0.21.0 - 2019-02-06

Added

• New package @minna-ui/remarklint-config. In the past we used markdownlint but remark with remark-lint is more powerful and supports shared configs.
• TypeScript support in unit tests when using @minna-ui/jest-config.
• Missing README files for some utils packages.

Changed

• New configuration format for @minna-ui/jest-config/babel-preset. It no longer requires use of env.test; should be put in into the top level presets.
• Improve @minna-ui/eslint-config; remove prettier intergration + add new rules.
• Improve @minna-ui/tslint-config; remove prettier intergration + add new rules.
• Improve @minna-ui/stylelint-config; remove prettier intergration + add new rules.
• @minna-ui/ts-config improvements; more predfined options.
• Internally it was required to run yarn run setup when working on this monorepo but this step is now automated.
• Updated package dependencies.

Fixed

• Tailing whitespace in output from @minna-ui/rollup-plugins/lib/gitDescribe.
• Missing tslib dependency in some packages.

0.20.0 - 2019-01-07

Removed

• Broken Jest TypeScript config preset file @minna-ui/jest-config/ts-jest-config.js. Turns out jest only allows a single preset per package.

Changed

• Rename component variables CSS file from _variables.css to _component-name.css making it more explicit which file is being imported.
• Update build configs for rollup v1.x compatibility.
• Refactored @minna-ui/postcss-config to be more simple, reliable, and fast.
• Improvements to @minna-ui/jest-config. Shouldn't impact existing projects.
• Updated package dependencies, including rollup to v1.x.
• Small internal improvements to increase stability and error handlng.

Fixed

• Junk warnings printed to console when importing CSS with @minna-ui/postcss-config.
• TSLint throws conflicting lint errors for object key order in @minna-ui/tslint-config.
• Prettier should make unit tests more compact with @minna-ui/prettier-config.

0.19.1 - 2018-12-24

Fixed

• Output broken in the makeCss plugin in @minna-ui/rollup-plugins when running a production build and optimize is true.
• 404 requests are logged as NaN undefined size in the devserver plugin in @minna-ui/rollup-plugins.
• Tries to start a duplicate server instance causing a crash in the devserver plugin in @minna-ui/rollup-plugins.

0.19.0 - 2018-12-24

Added

• New rollup plugins makeCss and devserver in @minna-ui/rollup-plugins.

Changed

• Renamed existing makeCss rollup plugin from makeCss to postcss in @minna-ui/rollup-plugins. The new makeCss plugin better matches makeHtml which writes files to disk, while the previous plugin (now called postcss) only processed files but did not write them to disk.
• Reduce $text-size-large CSS variable to be equivalent to 20px instead of 21px. In narrow text it's actually easier to read. If you want larger text for accessibility reasons you'll need to set $text-size-large: 1.3125em; /* 21px */ in your CSS variables.
• Updated package dependencies.

Fixed

• CSS button mixin does not provide a way to set animation speed.

0.18.2 - 2018-12-21

Added

• New gitDescribe helper function in @minna-ui/rollup-plugins.

Changed

• Updated package dependencies.

0.18.1 - 2018-12-19

Added

• File dependencies are now tracked in @minna-ui/pre-style Svelte preprocessor when using rollup-plugin-svelte. While rollup is in watch mode if any dependant file changes it will trigger a rebuild.

Removed

• Unnecessary rules in @minna-ui/tslint-config.

Changed

• Move @minna-ui/jest-config TypeScript preset into a separate file.
• Updated package dependencies.

Fixed

• ESLint preset incorrectly assumes preact.config.js module style. It's not commonJS (the default), the file actually uses ES modules.

0.18.0 - 2018-12-01

Added

• New package @minna-ui/prettier-config.
• New package @minna-ui/ts-config.
• New package @minna-ui/tslint-config.
• Prettier support in linting packages.
• Run prettier on internal files.
• TSLint linting internally.
• Add check to make sure users install with yarn and not npm.

Removed

• Node 8 from CI.

Changed

• Change internal colour values from RGB to HSL.
• Updated internal tool configs.
• Updated package dependencies.

Fixed

• Internal packages not linking together correctly.

0.17.1 - 2018-11-11

Fixed

• Missing files in some packages.

0.17.0 - 2018-11-11

Added

• New package @minna-ui/rollup-plugins.
• CSS class .spinner for a loading state spinner. We intend to add more loading state styles in future.
• Utility styles for dealing with mouse events.
• CSS mixin to create custom buttons.

Removed

• Removed CSS variables $angle1 and $angle2.
• Remove text-align justify styles as they're bad for accessibility.
• No more auto :global() selector injection (was style tag global attribute). This greatly simplifies @minna-ui/pre-style.

Changed

• Renamed package names:
  • @minna-ui/toasts to @minna-ui/toast
  • @minna-ui/svelte-preprocess-markup to @minna-ui/pre-markup
  • @minna-ui/svelte-preprocess-style to @minna-ui/pre-style
• Renamed CSS mixin draw-triangle to triangle.
• Renamed CSS variable $angle3 to $angle.
• Installing the minna-ui meta package is now the recommended way to use Minna UI.
• Colour style tweaks.
• Updated package dependencies.

Fixed

• StyleLint config a11y rules too strict.
• Package resolution in @minna-ui/postcss-config broken.

0.16.0 - 2018-10-21

Added

• New docs. Still a work in progress but we're closer to having something useful.
• New CSS bundle @minna-ui/css/dist/native.css; same as the standard CSS bundle but also styles more native HTML elements without adding a class.
• Reintroduced the @extend at rule for CSS to help build the "native" CSS bundle.
• New preset for node code in @minna-ui/eslint-config.

Removed

• CSS animations are no longer enabled for s (small) breakpoint sizes. We found they were too janky when used on low-end mobile devices.

Changed

• New project tagline. Now with more 😸!
• Use box-sizing: border box on inputs by default.
• Various tweaks to @minna-ui/eslint-config.
• Update @minna-ui/jest-config to better suit the latest sapper changes.
• Refactor our internal build-css package to accommodate building from multiple entry points and to make the docs CSS.
• Rework our internal dev tooling configs to use our config presets and other internal tooling improvements.
• Updated package dependencies.

Fixed

• Custom options not being applied properly in @minna-ui/eslint-config, @minna-ui/postcss-config, and @minna-ui/svelte-preprocess-markup when they contain nested options.
• Some colour variables broken.

0.15.3 - 2018-10-14

Fixed

• @minna-ui/collapse missing from minna-ui meta package.

0.15.2 - 2018-10-14

Fixed

• @minna-ui/collapse component stopped working.

0.15.1 - 2018-10-14

Added

• Add !default to CSS variables to allow easy override

0.15.0 - 2018-10-14

Added

• Ability to add CSS class and rel attribute to menu items in @minna-ui/navbar.
• Fire 'change' event in @minna-ui/switch component when state changes.
• New text util CSS classes.

Removed

• fluid-text-size CSS mixin as we generally don't recommend using this technique anymore.
• Temporarily disable many failing tests until we have the time to do a big test improvement pass.

Changed

• Complete refactor of building CSS and our PostCSS preset. This is not something we took lightly as it significantly changes how we work with styles in the framework.
  • Build time CSS variables are now "SCSS-like"; they use the $var_name style. You no longer need to use :root{} to declare variables and should instead set them at a global level or local inside a selector block.
  • You are still able to use var() but now it will not be removed, resulting in a clear distinction between build-time variables and run-time variables.
  • Now, under the covers, variables and at rules are combined into the same PostCSS plugin resulting in greater efficiency and easier handling of variables between rules. This also fixes long standing bugs with using CSS variables in @ rules.
  • CSS mixins work differently now.
• @media properties are now just simple CSS variables instead of custom media:
  • --not-small renamed to $ns
  • --medium renamed to $m
  • --large renamed to $l
• Renamed CSS variables... too many to list, please see the source code.
• Refactor @minna-ui/svelte-preprocess-markup with new options. Now takes a level option from 0 to 4.
• Tweak default @minna-ui/navbar sizes.
• Change how flipping elements in implemented in CSS for better performance.
• Add/remove valid @ rules from @minna-ui/stylelint-config.

Fixed

• Temporarily remove "disabled" prop from select to fix SSR.
• Alignment of icons and menu items in @minna-ui/navbar not vertically centred.
• Internal build-css package crashes on error. Now prints error correctly for faster debugging.

0.14.0 - 2018-09-22

Added

• New optional menu item property rel in @minna-ui/navbar. This is mostly intended for use with Sapper apps for rel=prefetch.
• 2 CSS classes to adjust white-space wrap.

Changed

• In @minna-ui/css, remove screen condition and rename custom media variables:
  • --screen-not-small rename to --not-small
  • --screen-medium rename to --medium
  • --screen-large rename to --large
• Tweak @minna-ui/navbar size CSS variables and set logo line height to 0.
• Replace rotate(180deg) with scale(-1) to flip elements in CSS. This should result in slightly better CSS performance a saves a few bytes.
• Updated package dependencies.

Removed

• Temporarily removed disabled prop on @minna-ui/select because it's currently broken in SSR.
• Custom setting for customEventAttributes in @minna-ui/svelte-preprocess-markup because it was invalid.

0.13.0 - 2018-09-08

Added

• New importFilter option to @minna-ui/postcss-config.
• New id-length rule in @minna-ui/eslint-config to encourage descriptive variable names.

Changed

• Rename some component props:
  • segment to current in @minna-ui/navbar
  • menuItems signature changed; name is now text in @minna-ui/navbar
  • options to items in @minna-ui/select (conflicted with Svelte internals)
  • __* to _* in all private internal names
• Minor improvements to some components.
• Updated package dependencies.

Removed

• Preset value for coverageReporters in @minna-ui/jest-config. Now uses Jest defaults again.

0.12.1 - 2018-09-01

Fixed

• Update CSS classes in @minna-ui/navbar component.

0.12.0 - 2018-09-01

Changed

• Rename all CSS classes so the responsive modifier is at the front instead of the end, e.g. before .mt4-l, now .l-mt4. This is an experiment and may be reverted in the next few releases. The intent is it should make it easier to read when quickly looking at markup.
• Components are now minified using Closure Compiler for smaller, faster bundles.
• Default setting for coverageReporters in @minna-ui/jest-config; add json and remove lcov.
• Use next-gen jest test runner jest-circus in @minna-ui/jest-config. Note: it's necessary to set the JEST_CIRCUS=1 env variable to actually use it.
• Updated package dependencies.

0.11.1 - 2018-08-26

Added

• Default setting for coverageReporters in @minna-ui/jest-config.

Changed

• Change default test coverage directory from /test/unit/coverage to /test/coverage since most of the time we only do unit tests.
• Switch from Travis to Circle CI for faster and better continuous integration.
• Updated package dependencies.

0.11.0 - 2018-08-23

Added

• Experimental support for submenus in @minna-ui/navbar.
• Add a slot in @minna-ui/navbar to make it easy to use custom logo markup.
• Advanced CSS optimisation in @minna-ui/postcss-config using cssnano. Some quick tests revealed cssnano yielded better results (after brotli compression) than using clean-css and/or csso during Sapper export.
• New options to @minna-ui/postcss-config, optimize and optimizeSafe.
• Show more info with debug option in @minna-ui/postcss-config.

Removed

• Support for @extend in @minna-ui/postcss-config. If you need this functionality you can use @use postcss-extend-rule(); instead.

Changed

• Optimisations in @minna-ui/postcss-config will now only occur in production builds for faster iterations for development.
• CSS variable --navbar-hash-link-fix is now true by default in @minna-ui/navbar.
• Move component CSS variables into separate files for easy reuse in multiple components.
• Improved regex in @minna-ui/svelte-preprocess-markup.
• Updated package dependencies.

Fixed

• Default importPaths option in @minna-ui/postcss-config does not follow a logical order.
• CSS variables not injected for at rules in @minna-ui/postcss-config.
• Not able to utilise @use at rule in @minna-ui/postcss-config.

0.10.0 - 2018-08-01

Changed

• Rename @minna-ui/navbar props:
  • items to menuItems
  • page to segment
• Updated package dependencies.

Fixed

• @minna-ui/svelte-preprocess-markup breaks sapper builds.
• Whitespace collapse too aggressive in @minna-ui/svelte-preprocess-markup resulting in no space between text and links. Now it will always leave a single space between tags unless, new option unsafeWhitespace is true.
• Add active class to @minna-ui/navbar component home link.
• Update @minna-ui/navbar to work with Sapper 0.15.x.
• Security error in @minna-ui/jest-config due to updated jsdom package (see https://git.io/fNwN0).

0.9.1 - 2018-07-16

Fixed

• Fix Jest es6 modules transform when testing Svelte store.

0.9.0 - 2018-07-16

Changed

• Updated package dependencies.

Fixed

• Refactor shadows to use box-shadow instead of filter: drop-shadow(). This greatly increases scroll and rendering performance, especially on low-powered mobile devices. There were also a number of CSS variables which have changed because of this.
• Don't move navbar on scroll and .card-hover on hover because it can be hard to read at and hurts performance.
• Refactor navbar scroll logic to avoid excessive processing.

0.8.0 - 2018-07-14

Added

• New global border-box box model styles, but disable by default. Set --use-global-border-box: true; to enable.

Removed

• Unused CSS class .disabled.
• CLI binary script tests because they were unnecessary; the functionality is already covered by other tests, plus they were slow and cumbersome to maintain.

Changed

• Updated package dependencies.

Fixed

• Allow resizing <textarea> blocks.
• <svg> tag fill will inherit text color when no fill colour is set.
• Use a more universal shebang for CLI binary scripts and remove workaround from Travis config.

0.7.1 - 2018-07-10

Added

• More @minna-ui/postcss-config tests for full code coverage.

Fixed

• Add @extend to list of allowed at-rules in @minna-ui/stylelint-config.
• @minna-ui/navbar SVG icon colour.

0.7.0 - 2018-07-10

Added

• New @extend at-rule in @minna-ui/postcss-config for easy CSS customisation without directly overriding existing selectors.
• New debug option in @minna-ui/postcss-config.

Removed

• box-sizing: border-box is now only set by default on styles which require it (styles with width and padding or border, such as .con). You now need to manually add .bb when required or add your own global box-sizing style.
• Remove .link class; always just use plain <a> tags.
• Overly opinionated text styles and their CSS variables:
  • --text-rendering
  • --text-variant
• Broken .quote blockquote styles.
• Unnecessary default grid row and column size and CSS variables:
  • --rows
  • --cols

Changed

• New responsive breakpoints and max container widths.
• Rename CSS variables:
  • --font-family* to --font-stack*
  • --text-size-min to --text-size
  • --text-size-max to --text-size-large
  • --navbar-link-fragment-* to --navbar-hash-link-*
• Font size defaults.
• Styles are now opt-in for tables, radio and checkbox inputs, and code blocks; a class is now required.
• Text size is no longer fluid by default.
• Link hover no longer changes text colour.
• Link text colour.
• Simplify form input disabled styles.
• Simplify grid styles for output CSS.
• Convert more CSS size units to em.

Fixed

• Incorrect alignment when .button class is applied to links.
• @minna-ui/switch component width.
• undefined [undefined] warning when compiling CSS with @minna-ui/postcss-config.

0.6.0 - 2018-07-08

Changed

• Rename @minna-ui/toggle component to @minna-ui/switch.
• Rename --toggle-* CSS variables to --switch-*.
• Convert more CSS size units to em.
• Simplify SVG image used to create diagonal sections.

Fixed

• Don't style default form elements; require classes for custom form element styles.
• NPM publish script now correctly lints, tests, and builds packages before publishing.

0.5.0 - 2018-07-08

Added

• New @minna-ui/collapse component.
• Add support for overriding CSS variables (custom properties) via JavaScript.

Changed

• Refactor section styles to use a more cross-browser compatible technique to draw diagonal lines and better hero styles.
• Refactor button shadow and hover state.
• @minna-ui/navbar link fragment fix disabled by default + minor optimisations.
• Updated package dependencies.

Fixed

• @minna-ui/navbar hamburger menu does not close if user clicks when open.

0.4.1 - 2018-07-02

Fixed

• Remove conflicting .h* CSS classes. Now these classes only refer to grid height (the number of rows).
• @minna-ui/navbar link fragment fix is now optional.
• @minna-ui/navbar menu border shown at the wrong time.

0.4.0 - 2018-07-02

This is a large release centred around refactoring colours and simplifying and cleaning up the styles. There were many breaking changes especially in CSS variables so please be mindful when upgrading.

Added

• New CSS at-rule, @use, in @minna-ui/postcss-config for better flexibility.
• New colour variables in _variables-color.css.
• New CSS variables:
  • --gutter-compact
  • --label-margin
  • --label-text-color
  • --input-disabled-background-color
  • --card-body-margin
  • --alert-border-size
  • --navbar-border-color
  • --navbar-link-padding
  • --toggle-shadow
  • --toggle-disabled-text-color
  • --toggle-disabled-border

Removed

• Delete _variables-md-colour.css.
• Removed CSS variables:
  • --gradient-* - we no longer have predefined gradients by default
  • --primary
  • --secondary
  • --dark
  • --light
  • --neutral
  • --subtle
  • --body-font-colour
  • --body-bg-colour
  • --alt-bg-colour
  • --shadow-colour-subtle
  • --shadow-base
  • --shadow-subtle
  • --heading-small-font-colour
  • --btn-arrow-animate-speed
  • --btn-cta-*
  • --btn-dark-*
  • --btn-main-*
  • --input-border-width
  • --card-padding-*
  • --alert-*-bg-colour
  • --navbar-shadow-before
• Removed CSS classes:
  • .btn-cta
  • .btn-dark
  • .btn-main
  • h* > small

Changed

• Switch to American English spelling (not British English) for CSS and component APIs to better match developer expectations.
• Rename files:
  • _colour.css to _color.css
  • _label.css to _tag.css
• Renamed CSS variables:
  • *-colour* to *-color*
  • *-bg-* to *-background-*
  • *font-* to *text-* (but not --font-family*)
  • --btn-* to --button-*
  • --radius-1 to --radius
  • --radius-2 to --radius-large
  • --angle-* to --angle*
  • --gutter-col-l to --gutter-col-large
  • --gutter-row-l to --gutter-row-large
  • --shadow-colour to --shadow-color
  • --shadow-light-1 to --shadow-light
  • --shadow-light-2 to --shadow-light-edge
  • --body-font-colour to --text-color
  • --body-bg-colour to --app-background-color
  • --link-font-colour to XXXXX
  • --link-hover-font-colour to XXXXX
  • --label-* to --tag-*
  • --card-touch-* to --card-hover-*
• Renamed CSS classes:
  • .*btn* to .*button*
  • .*grey* to .*gray*
  • .card-touch to .card-hover
  • .rad to .rounded
  • .rad2 to .rounded-large
  • .rad0* to .not-rounded*
• All colour classes in _color.css have been changed.
• CSS mixin fluid-font-size to fluid-text-size.
• Colours now must be defined using rgb() or rgba() only.
• Some more CSS sizes were converted from rem to em.
• Updated package dependencies.

Fixed

• Bracket parsing doesn't match in @minna-ui/svelte-preprocess-markup. This is only a partial fix and so you need to quote any {} tags that contain { or } characters.

0.3.0 - 2018-06-27

Added

• Simple table styles.

Changed

• Refactor font sizes.
• Use em instead of rem in places where it makes sense.
• Change some white space to suit new font sizes.
• Better font family system stack, now more inclusive of all common operating systems.
• Use bold font weight to show active nav items.
• Better SVG image alignment in @minna-ui/navbar.
• Adjust @minna-ui/navbar body offset for better compatibility with system fonts.
• Updated package dependencies.

Fixed

• Headers causing the page to overflow (but be mindful about where words may be split when overflowing).
• .mono class should not look like .code.

0.2.0 - 2018-06-14

Added

• New file size badge in README of the @minna-ui/css and each component package. Please keep in mind, for components, it shows the file size of the JavaScript bundle but not the CSS bundle due to a limitation in the service.
• New neutral font colour.
• Unit tests for CLI scripts.

Removed

• Default margin between button. This should be up to the developer to decide based on their specific usage scenario.

Changed

• Improved accessibility for form inputs and the toggle component. More noticeable visual focus indicator.
• Simplified side nav styles.
• Labels are now less prominent.
• Refine CSS animations for .card-touch.
• Update jest to v23.0.0 and rewrite preset to use the newly supported jest-preset.js (instead of jest-preset.json).
• Updated package dependencies.

0.1.0 - 2018-05-23

Added

• Unit tests for all packages. Coverage now at 100% 🎉
• Wrote a simple readme for some packages but these are still a work in progress.

Changed

• Component builds are now powered by rollup, replacing our custom build script. Builds are much more flexible and reliable now.
• New standalone option for @minna-ui/postcss-config to be used when @minna-ui/css is not installed.
• Simplify jest svelte transform.
• Updated package dependencies.

Fixed

• Tweaked @minna-ui/eslint-config and @minna-ui/jest-config to work better with unit tests.
• Some edge cases in CSS mixins which were discovered via new unit tests.

0.0.0 - 2018-05-18

Added

• Initial public release 🎊