search

nordnet / nordnet-ui-kit

Nordnet UI Kit
https://nordnet.github.io/nordnet-ui-kit/
106 stars 28 forks source link

chore(deps): update dependency react-styleguidist to v9 #561

Closed renovate[bot] closed 5 years ago

renovate[bot] commented 5 years ago

This PR contains the following updates:

Package Type Update Change References
react-styleguidist devDependencies major 8.0.6 -> 9.0.1 source

Release Notes

styleguidist/react-styleguidist ### [`v9.0.1`](https://togithub.com/styleguidist/react-styleguidist/releases/v9.0.1) [Compare Source](https://togithub.com/styleguidist/react-styleguidist/compare/v9.0.0...v9.0.1) - **Fixed:** Fix kleur is not a function error ([#​1285](https://togithub.com/styleguidist/react-styleguidist/issues/1285)) Closes [#​1284](https://togithub.com/styleguidist/react-styleguidist/issues/1284) ### [`v9.0.0`](https://togithub.com/styleguidist/react-styleguidist/releases/v9.0.0) [Compare Source](https://togithub.com/styleguidist/react-styleguidist/compare/v8.0.6...v9.0.0) 👋 **[Support Styleguidist](https://opencollective.com/styleguidist) on Open Collective** 👋 #### New features and breaking changes ##### Do not put components into global namespace Finally we’ve fixed one of the oldest and weirdest issues. Style guide components are no longer accessible on `window`. Only the current component is accessible in the example context (not on `window`). You need to explicitly import any other component. Current component (like `Button` in this example) is always accessible by its name in the example code. If you want to use other components, you need to explicitly import them: ```jsx import Placeholder from '../Placeholder' ; ``` Or you can explicitly import everything, to make examples easier to copy into your app code: ```jsx import React from 'react' import Button from 'rsg-example/components/Button' import Placeholder from 'rsg-example/components/Placeholder' ; ``` `require()` statements are still supported. ([#​1116](https://togithub.com/styleguidist/react-styleguidist/issues/1116)), [#​1075](https://togithub.com/styleguidist/react-styleguidist/issues/1075), [#​325](https://togithub.com/styleguidist/react-styleguidist/issues/325) by [@​sapegin](https://togithub.com/sapegin)) ##### Import statements in the editor You can also define aliases to make your imports more realistic: ````jsx static // ```jsx inside Markdown import React from 'react' import Button from 'rsg-example/components/Button' import Placeholder from 'rsg-example/components/Placeholder' ```` In this example `rsg-example` is an alias defined with the [moduleAliases](https://togithub.com/styleguidist/react-styleguidist/blob/63d72efa49198477442cff80482f306bd6714971/docs/Configuration.md#modulealiases) config option. ([#​1142](https://togithub.com/styleguidist/react-styleguidist/issues/1142), [#​1076](https://togithub.com/styleguidist/react-styleguidist/issues/1076), [#​1109](https://togithub.com/styleguidist/react-styleguidist/issues/1109), [#​1074](https://togithub.com/styleguidist/react-styleguidist/issues/1074) by [@​sapegin](https://togithub.com/sapegin)) ##### New editor and syntax highlighting We’ve replaced [CodeMirror](https://codemirror.net/) with [react-simple-code-editor](https://togithub.com/satya164/react-simple-code-editor) and now using [Prism](https://prismjs.com/) for code highlighting in static examples (instead of Highlight.js) and inside the editor. So code look the same everywhere in Styleguidist. We’ve also removed code splitting because react-simple-code-editor is so small and we can include it in the main bundle (8 KB vs 57 KB). _There are some breaking changes in the config:_ - `editorConfig` and `highlightTheme` (already deprecated) options were removed. - No highlighting in fenced code blocks without specified language. - No highlighting in non-fenced code blocks. ![New editor](https://user-images.githubusercontent.com/70067/48831326-e2b16300-ed76-11e8-9dea-282059584930.png) ([#​1054](https://togithub.com/styleguidist/react-styleguidist/issues/1054) [#​987](https://togithub.com/styleguidist/react-styleguidist/issues/987) by [@​sapegin](https://togithub.com/sapegin)) ##### Drop React 15 support React 16.3 is the minimum supported version. #### Bug fixes - Add generated IDs to Markdown headings ([#​833](https://togithub.com/styleguidist/react-styleguidist/issues/833), [#​1163](https://togithub.com/styleguidist/react-styleguidist/issues/1163) by [@​wkillerud](https://togithub.com/wkillerud)) - Add pointer cursor on element - Add custom focus outline for element - Add focus outline for the editor - Better focus styles for inputs - Tweak colors to make them more accessible - Wrap long lines in pre tags - Incorrect current section highlighting on partial match ([#​1237](https://togithub.com/styleguidist/react-styleguidist/issues/1237), [#​1239](https://togithub.com/styleguidist/react-styleguidist/issues/1239) by [@​guyius](https://togithub.com/guyius)) - Support webpack configs from react-scripts > 2.1.1 ([#​1241](https://togithub.com/styleguidist/react-styleguidist/issues/1241), [#​1243](https://togithub.com/styleguidist/react-styleguidist/issues/1243) by [@​oterral](https://togithub.com/oterral)) - Change some dependencies to smaller alternatives ([#​1248](https://togithub.com/styleguidist/react-styleguidist/issues/1248) by [@​lukeed](https://togithub.com/lukeed)) #### Changes since 9.0.0-beta4 - Incorrect current section highlighting on partial match ([#​1237](https://togithub.com/styleguidist/react-styleguidist/issues/1237), [#​1239](https://togithub.com/styleguidist/react-styleguidist/issues/1239) by [@​guyius](https://togithub.com/guyius)) - Support webpack configs from react-scripts > 2.1.1 ([#​1241](https://togithub.com/styleguidist/react-styleguidist/issues/1241), [#​1243](https://togithub.com/styleguidist/react-styleguidist/issues/1243) by [@​oterral](https://togithub.com/oterral)) - Change some dependencies to smaller alternatives ([#​1248](https://togithub.com/styleguidist/react-styleguidist/issues/1248) by [@​lukeed](https://togithub.com/lukeed)) #### Migrating from 8.x to 9.x 1. Explicitly import all but the current component in your examples: ````js // ```jsx inside ButtonGroup.md - 8.x // All style guide component are accessible globally ; // ```jsx inside ButtonGroup.md - 8.x // Only the current (ButtonGroup) component is accessible import Button from './Button' ; ```` 2. Replace `highlightTheme` or `editorConfig.theme` options with `theme` option: We don’t have predefined themes anymore, you can customize colors as you wish using the [theme](https://react-styleguidist.js.org/docs/configuration.html#theme) config option: ```javascript // styleguide.config.js module.exports = { theme: { color: { codeComment: '#​6d6d6d', codePunctuation: '#​999', codeProperty: '#​905', codeDeleted: '#​905', codeString: '#​690', codeInserted: '#​690', codeOperator: '#​9a6e3a', codeKeyword: '#​1673b1', codeFunction: '#DD4A68', codeVariable: '#e90' } } } ```

Renovate configuration

:date: Schedule: "before 3am on Monday" (UTC).

:vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

:recycle: Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "rebase!".

:no_bell: Ignore: Close this PR and you won't be reminded about this update again.

This PR has been generated by Renovate Bot. View repository job log here.

vercel[bot] commented 5 years ago

This pull request is automatically deployed with Now. To access deployments, click Details below or on the icon next to each push.

renovate[bot] commented 5 years ago

Renovate Ignore Notification

As this PR has been closed unmerged, Renovate will ignore this upgrade and you will not receive PRs for any future 9.x releases. However, if you upgrade to 9.x manually then Renovate will then reenable updates for minor and patch updates automatically.

If this PR was closed by mistake or you changed your mind, you can simply rename this PR and you will soon get a fresh replacement PR opened.