1 | # Radium Changelog
|
2 |
|
3 | ## 0.18.1 (July 19, 2016)
|
4 |
|
5 | ### Bug Fixes
|
6 | - Fix unused props warning when passing `radiumConfig` to `StyleRoot` (#787).
|
7 |
|
8 | ## 0.18.0 (July 15, 2016)
|
9 |
|
10 | ### Breaking Changes
|
11 | - Revert `content` auto-quoting in `Style` component (#783).
|
12 |
|
13 | ### Bug Fixes
|
14 | - Silence React 15.2 unused props deprecation warning (#782).
|
15 |
|
16 | ## 0.17.2 (July 12, 2016)
|
17 |
|
18 | ### Bug Fixes
|
19 | - Fix `content` values in `Style` component (#719).
|
20 | - Improve stateless component check to work with native arrow functions (#771).
|
21 |
|
22 | ### Improvements
|
23 | - Add support for `:disabled` pseudo-class (#689).
|
24 | - Add plugin to remove nested style objects and prevent `[Object object]` from rendering in the DOM (#703).
|
25 |
|
26 | ## 0.17.1 (March 30, 2016)
|
27 |
|
28 | ### Bug Fixes
|
29 | - Remove babel modules accidentally published as dependencies.
|
30 |
|
31 | ### Improvements
|
32 | - Add support for `scopeSelector` without nested selectors in `Style` component.
|
33 |
|
34 | ## 0.17.0 (March 24, 2016)
|
35 |
|
36 | ### Bug Fixes
|
37 | - Upgrade `inline-style-prefixer` to version `1.0.3` with a fix for `display` values being removed in IE10.
|
38 |
|
39 | ### Improvements
|
40 | - Add `TestMode` for controlling internal Radium state and behavior during tests.
|
41 |
|
42 | ### Breaking Changes
|
43 | - `inline-style-prefixer` has updated vendor prefixes, removing some outdated prefixes like `-moz-transform`.
|
44 |
|
45 | ## 0.16.6 (February 9, 2016)
|
46 |
|
47 | ### Bug Fixes
|
48 | - The `lib/` directory did not get built property in 0.16.6. `lib/` now contains all changes from 0.16.5.
|
49 |
|
50 | ## 0.16.5 (January 27, 2016)
|
51 |
|
52 | ### Bug Fixes
|
53 | - Don't merge media query styles, fixes #550
|
54 | - Don't add className if empty, fixes #539
|
55 |
|
56 | ### Improvements
|
57 | - Passing `'all'` as the `userAgent` will add all prefixes, useful for caching server-rendered pages, thanks @oliviertassinari (this applies to inline styles and style rendered as CSS, but does not yet include adding all the prefixed versions of `keyframes`)
|
58 | - Add support for `:visited` styles:
|
59 | ```jsx
|
60 | const url = 'https://github.com/formidablelabs/radium';
|
61 | const VisitedLink = Radium(() =>
|
62 | <a href={url} style={{color: 'gray', ':visited': {color: 'black'}}}>{url}</a>
|
63 | );
|
64 | ```
|
65 |
|
66 | ## 0.16.4 (January 23, 2016)
|
67 |
|
68 | ### Bug Fixes
|
69 | - Add `px` suffix if needed *before* prefixing, since the list in `appendPxIfNeeded` does not include prefixed variants
|
70 | - Radium now calls `toString` on values itself, instead of relying on `inline-style-prefixer` or React to do so (they don't)
|
71 |
|
72 | ### Improvements
|
73 | - Much lighter `npm install radium` by removing `babel` & co from `dependencies` before publishing
|
74 | - Radium now ignores children or props that are themselves Radium enhanced components, for a nice perf gain. Thanks @spacenick
|
75 |
|
76 | ## 0.16.3 (January 21, 2016)
|
77 | - Published under the `test` tag, so not installable via npm latest
|
78 | - Forgot to add `-test` to the version
|
79 | - See changelog for 0.16.4 instead
|
80 |
|
81 | ## 0.16.2 (January 8, 2016)
|
82 |
|
83 | ### Bug Fixes
|
84 | - `<StyleSheet/> Component:`
|
85 | - Bind the private method _onChange to the class instance
|
86 | - Wrap setState in setTimeout and keep track of isMounted, #500
|
87 | - Remove duplicate declaration of componentWillUnmount and move `this._isMounted = true` inside `componentDidMount`
|
88 | - Clear up docs around StyleRoot props, clear up issues in #496
|
89 | - Properly prefix keyframes: Use `inline-style-prefixer`’s `prefixedKeyframes`, #488
|
90 | - Ensure unique classname is generated for media query rules (hash on query _and_ ruleCSS string)
|
91 |
|
92 | ## 0.16.1 (January 5, 2016)
|
93 |
|
94 | ### Bug Fixes
|
95 | - `<StyleRoot>` no longer throws an error on unmount
|
96 |
|
97 | ## 0.16.0 (January 5, 2016)
|
98 |
|
99 | ### New Features
|
100 | - Server-side rendering for media queries and keyframes!
|
101 |
|
102 | ### Breaking Changes
|
103 | - To use keyframes and media queries, you must wrap your components in the `<StyleRoot>` component, typically in `<App>`: https://github.com/FormidableLabs/radium/tree/master/docs/api#styleroot-component
|
104 | - The result of Radium.keyframes is the animation name, and should be assigned to the `animationName` prop: https://github.com/FormidableLabs/radium/tree/master/docs/api#keyframes
|
105 | - printStyles have been removed, in favor of '@media print' media queries, which are now rendered as CSS so they work correctly: https://github.com/FormidableLabs/radium/tree/master/docs/guides#media-queries
|
106 |
|
107 | ### Bug Fixes
|
108 | - Don't add extra media query listeners
|
109 | - Append px to numeric values on properties that don't accept unitless values
|
110 |
|
111 | ### Improvements
|
112 | - Upgrade `inline-style-prefixer` to version 0.6.2 (Edge support)
|
113 | - Better error on duplicate keys
|
114 | - Upgrade to Babel 6
|
115 | - `<Style>` adds the `scopeSelector` to comma separated selectors
|
116 | - `<Style>` now accepts `radiumConfig` directly with the `userAgent` field
|
117 |
|
118 | ## 0.15.3 (November 16, 2015)
|
119 |
|
120 | ### Bug Fixes
|
121 |
|
122 | - Fix `"files"` section in `package.json`, should fix `npm install issues`
|
123 |
|
124 | ## 0.15.2 (November 15, 2015)
|
125 |
|
126 | ### Bug Fixes
|
127 |
|
128 | - IE vender prefix (ms) is now converted to dash-case correctly (-ms), thanks @PallasKatze, fixes #413
|
129 | - Super getChildContext is no longer ignored, thanks @richardfickling, fixes #412
|
130 | - Update to inline-style-prefixer v0.5.1 and changed the userAgent error to a console.warning
|
131 |
|
132 | ## 0.15.1 (November 11, 2015)
|
133 |
|
134 | ### Bug Fixes
|
135 |
|
136 | - Fix bug where active styles on multiple elements in the same component were not being removed on mouse up, fixes #410
|
137 |
|
138 | ## 0.15.0 (November 11, 2015)
|
139 |
|
140 | ### New Features
|
141 |
|
142 | - Radium now uses [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer) to do all prefixing. Because `inline-style-prefixer` relies on the userAgent (similar to autoprefixer), it produces the same prefixes on both the client and the server. This is a huge step in making Radium truly universal (see [example](https://github.com/FormidableLabs/radium/blob/master/examples/server.js)). Thanks much to @rofrischmann for putting up with my API suggestions and requests!
|
143 | - Any Radium component can also be configured at render time via a [`radiumConfig`](https://github.com/FormidableLabs/radium/blob/master/docs/api/README.md#radium). This was mainly required for passing the `userAgent` during a server-side render.
|
144 |
|
145 | ### Breaking Changes
|
146 |
|
147 | - Style component no longer supports the `prefix` prop. It automatically gets the correct userAgent to pass to the prefixer from `radiumConfig` context
|
148 |
|
149 | ### Bug Fixes
|
150 |
|
151 | - Radium wrapper now replaces the `style` propType, if defined, with array or object, fixing #396
|
152 | - Stateless components now support context, thanks @ThomWright
|
153 | - Static fields on stateless components are now transferred to the Radium wrapper (`defualtProps`, `propTypes`, etc)
|
154 |
|
155 | ### Improvements
|
156 |
|
157 | - Code has been ES2015-ified: const and let, import/export, fat arrows,
|
158 | - Code has moved from `modules` to `src`
|
159 |
|
160 | ## 0.14.3 (October 19, 2015)
|
161 |
|
162 | ### Bug Fixes
|
163 |
|
164 | - camelCasePropsToDashCase handles uppercase first character correctly, fixing #387
|
165 |
|
166 | ## 0.14.2 (October 17, 2015)
|
167 |
|
168 | ### Bug Fixes
|
169 |
|
170 | - `:active` styles now triggered by space or enter
|
171 | - Callback `ref`s are now ignored, fixing #346
|
172 | - Heavy use of media queries no longer causes setState on an unmounted component, fixing #382
|
173 |
|
174 | ### New Features
|
175 |
|
176 | - Stateless components (function taking props) are now supported
|
177 |
|
178 | ### Improvements
|
179 |
|
180 | - Updated examples to for React 0.14.0
|
181 | - Allow replacing the prefixer used by `Radium.keyframes` and `<Style>`
|
182 |
|
183 | ## 0.14.1 (September 15, 2015)
|
184 |
|
185 | ### Bug Fixes
|
186 |
|
187 | - Don't require object-assign, which wasn't in normal dependencies
|
188 |
|
189 | ## 0.14.0 (September 15, 2015)
|
190 |
|
191 | ### Breaking Changes
|
192 |
|
193 | - `Config.setMatchMedia` has been replaced by the `matchMedia` field in the config passed to `@Radium` ([see documentation](https://github.com/FormidableLabs/radium/tree/master/docs/api#configmatchmedia))
|
194 |
|
195 | ### New Features
|
196 |
|
197 | - Plugin system, via the config passed to `@Radium` (see docs for [`config.plugins`](https://github.com/FormidableLabs/radium/tree/master/docs/api#configplugins) and the [plugin API](https://github.com/FormidableLabs/radium/tree/master/docs/api#plugins))
|
198 |
|
199 | ### Improvements
|
200 |
|
201 | - Flatten nested arrays in `style`, #344, thanks @almost
|
202 | - Universal/isomorphic example `npm run universal`, thanks @jurgob and @moret
|
203 |
|
204 | ### Bug Fixes
|
205 |
|
206 | - Static properties are now copied again in IE < 10, #349, thanks @bobbyrenwick
|
207 |
|
208 | ## 0.13.8 (August 24, 2015)
|
209 |
|
210 | ### Bug Fixes
|
211 |
|
212 | - Fix static class methods disappearing in IE10, #313
|
213 | - Fix bug when using spread operator to pass props to a DOM element, #322
|
214 |
|
215 | ## 0.13.7 (August 5, 2015)
|
216 |
|
217 | ### Bug Fixes
|
218 |
|
219 | - Fix double resolving bug on props.children, #307
|
220 |
|
221 | ## 0.13.6 (August 5, 2015)
|
222 |
|
223 | ### New Features
|
224 |
|
225 | - Resolve styles on elements found in props and children as function, #298
|
226 | - [<PrintStyleSheet>](https://github.com/FormidableLabs/radium/tree/master/docs/api#printstylesheet-component) component and `printStyles` property to add print styles to your components, #299, thanks @bobbyrenwick
|
227 |
|
228 | ### Improvements
|
229 |
|
230 | - Show component name when warning in prefixer, #302, thanks @AnSavvides
|
231 |
|
232 | ### Bug Fixes
|
233 |
|
234 | - Fix bug with _radiumDidResolveStyles that was breaking in React 0.14.0-beta2
|
235 | - Un-prefix values before checking isUnitlessNumber, #305, thanks @AnSavvides
|
236 | - Prevent errors from getters that do not have setters as static props of React components, #306, thanks @rolandpoulter
|
237 |
|
238 | ## 0.13.5 (July 29, 2015)
|
239 |
|
240 | ### Improvements
|
241 |
|
242 | - Support for old and tweener flexbox syntax, #279, thanks @sylvaingi
|
243 | - Only calls console.warn during development, not in production
|
244 |
|
245 | ### Bug Fixes
|
246 |
|
247 | - Don't call resolveStyles more than once on the same element, #293
|
248 | - Allow null or undefined values in style, #263
|
249 | - Remove redundant babel-core from dependencies
|
250 | - Fix using numeric 0 as key to getState, #275
|
251 | - Don't wrap display name with "Radium(...)", #271
|
252 | - Fix older firefox missing `float` property, #277, thanks @bencao
|
253 | - Don't warn when mixing `transform` properties, #272, thanks @MattHauglustaine
|
254 | - Use for loop instead of Array prototype on the result of window.getComputedStyle, which was breaking Android web view, #267, thanks @bsbeeks
|
255 | - Ignore functions as children instead of blowing up, #265, thanks @Cottin
|
256 |
|
257 | ### Misc
|
258 |
|
259 | - Add `test-dev` command for faster test feedback during development
|
260 |
|
261 | ## 0.13.4 (July 14, 2015)
|
262 |
|
263 | ### Bug Fixes
|
264 |
|
265 | - Fix regression with multiple states (tests were failing) from 0.13.3
|
266 |
|
267 | ## 0.13.3 (July 13, 2015)
|
268 |
|
269 | ### Bug Fixes
|
270 |
|
271 | - Fix hotloading component methods, #255, thanks @bobbyrenwick
|
272 | - Add displayName to shorthand warning, #253, thanks @bobbyrenwick
|
273 | - Warn and ignore null/undefined values, #250, thanks @AnSavvides
|
274 | - Don't warn when mixing border & borderRadius, and more shorthand warning updates, #246, thanks @nathanfriemel
|
275 | - Remove react from peerDependencies so Radium can be used with the 0.14 beta, #242, thanks @dariocravero
|
276 | - Fix transfering defaultProps and friends in IE <11, #241, thanks @bobbyrenwick
|
277 | - Don't alias matchMedia, fixes IE <11 bug, #238
|
278 | - Stop mutating style state, #237
|
279 |
|
280 | ### Misc
|
281 |
|
282 | - Migrate tests to Karma, #240, thanks @exogen
|
283 |
|
284 | ## 0.13.2 (June 25, 2015)
|
285 |
|
286 | ### Bug Fixes
|
287 |
|
288 | - Use `console.warn` instead of `console.warning` (duh)
|
289 |
|
290 | ## 0.13.1 (June 24, 2015)
|
291 |
|
292 | ### New Features
|
293 |
|
294 | - [Radium.Config.setMatchMedia](https://github.com/FormidableLabs/radium/tree/master/docs/api#configsetmatchmedia) for server rendering
|
295 |
|
296 | ### Bug Fixes
|
297 |
|
298 | - Don't resolve `style` prop of custom components, e.g. `<MyComponent style={...} />`, #202 (thanks @azazdeaz)
|
299 | - Fix not using dash-case on server with Style, #207
|
300 | - Fix server rendering when using fallback array of values (uses first one)
|
301 | - Fix numeric fallbacks, #221
|
302 |
|
303 | ### Misc
|
304 |
|
305 | - Update dependencies
|
306 | - Warn when mixing longhand and shorthand
|
307 |
|
308 | ## 0.13.0 (June 7, 2015)
|
309 |
|
310 | ### Breaking Changes
|
311 |
|
312 | - `Radium.wrap` and `Radium.Enhancer` have been merged and moved to `Radium()`. Just wrap your component, `Button = Radium(Button);`, or use the decorator `@Radium`
|
313 | - `Style` component `rules` prop now takes an object instead of an array
|
314 |
|
315 | ### New Features
|
316 |
|
317 | - Support fallback values (e.g. `#fff` for `rgba(...)`)
|
318 |
|
319 | ### Bug Fixes
|
320 |
|
321 | - Fix react external in webpack config
|
322 | - Fix keyframes throwing on IE9 (now does feature detection)
|
323 | - Fix windows build
|
324 | - `string` and `number` children are no longer wrapped in an extraneous `<span>`
|
325 |
|
326 | ## 0.12.2 (May 22, 2015)
|
327 |
|
328 | ### Breaking Changes
|
329 |
|
330 | None
|
331 |
|
332 | ### New Features
|
333 |
|
334 | - Support prefixing for old flexbox implementations
|
335 |
|
336 | ### Bug Fixes
|
337 |
|
338 | - Stop using react internals `CSSPropertyOperations.createMarkupForStyles`, which further reduces the build size
|
339 |
|
340 | ## 0.12.1 (May 22, 2015)
|
341 |
|
342 | ### Bug Fixes
|
343 |
|
344 | - Fix Enhancer (displayName, etc) #165
|
345 | - Reduce size of distributed build
|
346 | - Tests for prefixing, fix #161
|
347 |
|
348 | ## 0.12.0 (May 16, 2015)
|
349 |
|
350 | ### New Features
|
351 |
|
352 | - Support for ES6 classes with Radium.Enhancer
|
353 | - Vendor-prefixing
|
354 | - Keyframes animation helper
|
355 | - Radium.getState API
|
356 |
|
357 | ### Bug Fixes
|
358 |
|
359 | - Fix errors during server-side rendering #141
|
360 | - Fix passing a single child or string #139
|
361 |
|
362 | ## 0.11.1 (April 28, 2015)
|
363 |
|
364 | ### Bug Fixes
|
365 |
|
366 | - Checked in updated `dist` files from `0.11.0`. Whoops!
|
367 |
|
368 | ## 0.11.0 (April 28, 2015)
|
369 |
|
370 | ### Breaking Changes
|
371 |
|
372 | - Complete API rewrite.
|
373 | - Added new "Wrap" API.
|
374 | - Wrap React component config with `Radium.wrap()` to automatically add
|
375 | browser state handlers, media query behavior, and array-based style
|
376 | resolution.
|
377 | - Removed all mixins.
|
378 | - Removed context-based media query behavior.
|
379 | - Replaced with global media query handler.
|
380 | - Removed modifiers, states, and media queries from style objects.
|
381 | - Replaced `modifiers` with array-based `style` prop resolution.
|
382 | - Replaced `states` object with inline state keys: `:hover`
|
383 | - Replaced `mediaQueries` object with inline queries:
|
384 | `@media (min-width: 200px)`
|
385 |
|
386 | ### New Features
|
387 |
|
388 | - Apply separate browser state styles to multiple elements in the same
|
389 | component.
|