|
3 | 3 | All notable changes to this project will be documented in this file. |
4 | 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. |
5 | 5 |
|
| 6 | +# [9.0.0](https://github.com/smooth-code/smooth-ui/compare/v8.1.0...v9.0.0) (2019-02-04) |
| 7 | + |
| 8 | + |
| 9 | +### Bug Fixes |
| 10 | + |
| 11 | +* **types:** fix TypeScript definitions ([5a02542](https://github.com/smooth-code/smooth-ui/commit/5a02542)) |
| 12 | +* **types:** fix TypeScript definitions ([#108](https://github.com/smooth-code/smooth-ui/issues/108)) ([87eda0b](https://github.com/smooth-code/smooth-ui/commit/87eda0b)) |
| 13 | + |
| 14 | + |
| 15 | +### Features |
| 16 | + |
| 17 | +* simplify API & fixes theme bugs ([3ac41ec](https://github.com/smooth-code/smooth-ui/commit/3ac41ec)) |
| 18 | +* simplify core & remove theme dependency ([cec1029](https://github.com/smooth-code/smooth-ui/commit/cec1029)) |
| 19 | + |
| 20 | + |
| 21 | +### BREAKING CHANGES |
| 22 | + |
| 23 | +* - `prop` utility has been removed |
| 24 | +- Undocumented utilities are no longer exported |
| 25 | +- `controlFocus` has been renamed `baseFocus`, `controlFocus` is only |
| 26 | +for controls (when control prop is `true`) |
| 27 | +- `mixin` function is no longer available, also mixins have changed |
| 28 | + |
| 29 | +**Mixins:** |
| 30 | + |
| 31 | +Previously mixins were called using `mixin` helper: |
| 32 | + |
| 33 | +```js |
| 34 | +import { styled, mixin } from '@smooth-ui/core-sc' |
| 35 | + |
| 36 | +const Styled = styled.div` |
| 37 | + color: ${mixin('colorLevel', 'red', 5)}; |
| 38 | +` |
| 39 | +``` |
| 40 | + |
| 41 | +All mixins are now exported: |
| 42 | + |
| 43 | +```js |
| 44 | +import { styled, colorLevel } from '@smooth-ui/core-sc' |
| 45 | + |
| 46 | +const Styled = styled.div` |
| 47 | + color: ${colorLevel('red', 5)}; |
| 48 | +` |
| 49 | +``` |
| 50 | + |
| 51 | +**Theme** |
| 52 | + |
| 53 | +Theme is no longer required, Smooth UI will work well without theme and |
| 54 | +you can override only needed properties without having to load the |
| 55 | +entire theme. |
| 56 | + |
| 57 | +The benefit from that approach is that code splitting is fully |
| 58 | +efficient, if you use only one component in Smooth UI you will load only |
| 59 | +theme primitives of this component. |
| 60 | + |
| 61 | +The size of a result bundle that is using only a `Button`: |
| 62 | + |
| 63 | +``` |
| 64 | + 202K bundle-smooth-ui-v8.js |
| 65 | + 194K bundle-smooth-ui-v9.js |
| 66 | + 65K bundle-smooth-ui-v8.js.gz |
| 67 | + 63K bundle-smooth-ui-v9.js.gz |
| 68 | +``` |
| 69 | + |
| 70 | +As you can see the bundle has been reduced of 8K (no gzip) and of 2K |
| 71 | +(gzip). |
| 72 | +* remove uiAs prop & uiAs helper |
| 73 | + |
| 74 | + |
| 75 | + |
| 76 | + |
| 77 | + |
6 | 78 | # [8.1.0](https://github.com/smooth-code/smooth-ui/compare/v8.0.1...v8.1.0) (2019-01-22) |
7 | 79 |
|
8 | 80 |
|
|
0 commit comments