Design System Utils Versions Save

Added a new set() method so you can update or add values to your tokens.

• format code / update dependencies / tweak test data fd2f44e
• feat(design-system-utils): Enable color to accept a path 4ef20e1 thanks @ivoreis

https://github.com/mrmartineau/design-system-utils/compare/v1.3.1...v1.4.0

Removed the umd build because it was breaking things.. 🤷‍♂️

• ⛓️ switched from object-get to @ngard/tiny-get because it is a more modern package
• 🎉 reduced bundle size
• 💯 improved rollup build
• 👍 output a umd version
• ➖ removed some unused devDependencies and updated others
• ⬆️ Update/improve comments so that they are included in TS definition

$ size-limit

  build/cjs.js
  Package size: 842 B
  Size limit:   1 KB

  build/es.js
  Package size: 851 B
  Size limit:   1 KB

  With all dependencies, minified and gzipped

The API did not change in this release

• 👍 converted to Typescript so declaration files are always kept up-to-date
• 😄 added error checking to improve DX
• :white_check_mark: tests have been updated and improved
• ⚡️ perf should have been improved due to the compression used (terser)
• 🚨 errors give relevant information and a stack trace

$ size-limit

  cjs/index.js
  Package size: 814 B
  Size limit:   1 KB

  es/index.js
  Package size: 806 B
  Size limit:   1 KB

  With all dependencies, minified and gzipped

The API did not change in this release

This release focused on improving performance and removing some of the ambiguity around the ds.fontSize() method.

Updated

• Simplified and improved font-size retrieval
• removed modularscale-js dependency. If you need a scale, the readme has example usage
• reduced file size even more!
• improved some of the Typescript typings
• improved the test suite

Breaking

• The ds.pxTo and ds.toPx() functions have been extracted into their own functions, not on the ds class. The readme has usage info for them.
• Also the base font size for the above two functions is 16 not 20 to conform with common browser defaults.

Update colors API to include another item brand

The color palette section has been expanded to include brand color-scheme as well. This means that the existing colorPalette data has moved and is now nested beneath a new colors object.

...
colors: {
  colorPalette: {},
  brand: {}
}

Patches

• Added a browser field to the package.json #23

Minor Changes

• Add types: a870b816feb6effe6d7929e1c76c1e70e97bcd10

Minor Changes

• :sparkles: allow numbers to set font-size when using modular scale: ec816bd9158c8129cc4b081e1a179ea9ee70f701

Patches

• Bump size-limit from 0.12.1 to 0.13.1: 1ec405064cb3fcdbfd206b51ab33020d8858c5f2
• Bump prettier from 1.7.4 to 1.8.2: b7f262020c14917beb3a72e2d9e10f684d5aa0a3
• Ignore code coverage results: 7acb13b5e7ee78c5b86f3be624404febd00bbe93
• Change format of .prettierrc to json: e93c8886e9c1c9c945d64ef023ce3f1cedaf9c54
• Jest: ignore cjs directory from code coverage: 8fca218a4e6f58ec70e6134355f8c7f08280314d
• Improve example design system file: b72abb518517fcd61bf91bb0c23a5fd8f8d2fdbf
• Merge branch 'master' of github.com:mrmartineau/design-system-utils: 0f147d9692dab8a29475a1837215715156bbb542