Browse Source

Merge branch 'master' into t/ckeditor5/578

Aleksander Nowodzinski 7 years ago
parent
commit
c201acc64b

+ 2 - 2
README.md

@@ -219,10 +219,10 @@ For more CKEditor 5 release blog posts [browse the CKEditor blog](https://ckedit
 
 <tr>
 	<td>
-		<a href="https://github.com/ckeditor/ckeditor5-cloudservices"><code>@ckeditor/ckeditor5-cloudservices</code></a>
+		<a href="https://github.com/ckeditor/ckeditor5-cloud-services"><code>@ckeditor/ckeditor5-cloud-services</code></a>
 	</td>
 	<td>
-		<a href="https://www.npmjs.com/package/@ckeditor/ckeditor5-cloudservices"><img src="https://img.shields.io/npm/v/@ckeditor/ckeditor5-cloudservices.svg" alt="@ckeditor/ckeditor5-cloudservices npm package badge"></a>
+		<a href="https://www.npmjs.com/package/@ckeditor/ckeditor5-cloud-services"><img src="https://img.shields.io/npm/v/@ckeditor/ckeditor5-cloud-services.svg" alt="@ckeditor/ckeditor5-cloud-services npm package badge"></a>
 	</td>
 	<td>
 		CKEditor 5's Cloud Services integration layer.

+ 1 - 1
docs/_snippets/examples/balloon-editor.js

@@ -7,7 +7,7 @@
 
 import BalloonEditor from '@ckeditor/ckeditor5-build-balloon/src/ckeditor';
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 
 BalloonEditor
 	.create( document.querySelector( '#snippet-balloon-editor' ), {

+ 1 - 1
docs/_snippets/examples/classic-editor-short.js

@@ -5,7 +5,7 @@
 
 /* globals ClassicEditor, console, window, document */
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 
 ClassicEditor
 	.create( document.querySelector( '#snippet-classic-editor-short' ), {

+ 1 - 1
docs/_snippets/examples/classic-editor.js

@@ -5,7 +5,7 @@
 
 /* globals ClassicEditor, console, window, document */
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 
 ClassicEditor
 	.create( document.querySelector( '#snippet-classic-editor' ), {

+ 1 - 1
docs/_snippets/examples/custom-build.js

@@ -16,7 +16,7 @@ import Code from '@ckeditor/ckeditor5-basic-styles/src/code';
 import Highlight from '@ckeditor/ckeditor5-highlight/src/highlight';
 import EasyImage from '@ckeditor/ckeditor5-easy-image/src/easyimage';
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 
 ClassicEditor
 	.create( document.querySelector( '#snippet-custom-build' ), {

+ 34 - 38
docs/_snippets/examples/document-editor.html

@@ -1,6 +1,35 @@
 <div class="document-editor">
 	<div class="document-editor__toolbar"></div>
-	<div class="document-editor__editable"></div>
+	<div class="document-editor__editable-container">
+		<div class="document-editor__editable">
+			<h2 style="text-align:center;">The Flavorful Tuscany Meetup</h2>
+			<h3 style="text-align:center;">Welcome letter</h3>
+
+			<p>Dear Guest,</p>
+			<p>We are delighted to welcome you to the annual <em>Flavorful Tuscany Meetup</em> and hope you will enjoy the programme as well as your stay at the <a href="http://ckeditor.com">Bilancino Hotel</a>.</p>
+			<p>Please find below the full schedule of the event.</p>
+
+			<ul>
+				<li>9:30 AM - 11:30 AM	Americano vs. Brewed - “know your coffee” session with <strong>Stefano Garau</strong></li>
+				<li>1:00 PM - 3:00 PM	Pappardelle al pomodoro - live cooking session with <strong>Rita Fresco</strong></li>
+				<li>5:00 PM - 8:00 PM	Tuscan vineyards at a glance - wine-tasting session with <strong>Frederico Riscoli</strong></li>
+			</ul>
+
+			<blockquote>
+				<p>The annual Flavorful Tuscany meetups are always a culinary discovery. You get the best of Tuscan flavors during an intense one-day stay at one of the top hotels of the region. All the sessions are lead by top chefs passionate about their profession. I would certainly recommend to save the date in your calendar for this one!</p>
+
+				<p>Angelina Calvino, food journalist</p>
+			</blockquote>
+
+			<p>Please arrive at the <a href="http://ckeditor.com">Bilancino Hotel</a> reception desk at least <strong>half an hour earlier</strong> to make sure that the registration process goes as smoothly as possible.</p>
+
+			<p>We look forward to welcoming you to the event.</p>
+
+			<p><strong>Victoria Valc</strong></p>
+			<p><strong>Event Manager</strong></p>
+			<p><strong>Bilancino Hotel</strong></p>
+		</div>
+	</div>
 </div>
 
 <style>
@@ -35,7 +64,7 @@
 	}
 
 	/* Make the editable container look like the inside of a native word processor app. */
-	.document-editor__editable {
+	.document-editor__editable-container {
 		padding: calc( 2 * var(--ck-spacing-large) );
 		background: var(--ck-color-base-foreground);
 
@@ -43,9 +72,9 @@
 		overflow-y: scroll;
 	}
 
-	.document-editor__editable .ck-editor__editable {
+	.document-editor__editable-container .ck-editor__editable {
 		/* Set the dimensions of the "page". */
-		width: 15cm;
+		width: 15.8cm;
 		min-height: 21cm;
 
 		/* Keep the "page" off the boundaries of the container. */
@@ -63,7 +92,7 @@
 	}
 
 	/* Override the page's width in the "Examples" section which is wider. */
-	.main__content-wide .document-editor__editable .ck-editor__editable {
+	.main__content-wide .document-editor__editable-container .ck-editor__editable {
 		width: 18cm;
 	}
 
@@ -139,37 +168,4 @@
 		margin-left: calc( 2 * var(--ck-spacing-large) );
 		margin-right: calc( 2 * var(--ck-spacing-large) );
 	}
-
-	.document-editor__data {
-		display: none;
-	}
 </style>
-
-<div class="document-editor__data">
-	<h2 style="text-align:center;">The Flavorful Tuscany Meetup</h2>
-	<h3 style="text-align:center;">Welcome letter</h3>
-
-	<p>Dear Guest,</p>
-	<p>We are delighted to welcome you to the annual <em>Flavorful Tuscany Meetup</em> and hope you will enjoy the programme as well as your stay at the <a href="http://ckeditor.com">Bilancino Hotel</a>.</p>
-	<p>Please find below the full schedule of the event.</p>
-
-	<ul>
-		<li>9:30 AM - 11:30 AM	Americano vs. Brewed - “know your coffee” session with <strong>Stefano Garau</strong></li>
-		<li>1:00 PM - 3:00 PM	Pappardelle al pomodoro - live cooking session with <strong>Rita Fresco</strong></li>
-		<li>5:00 PM - 8:00 PM	Tuscan vineyards at a glance - wine-tasting session with <strong>Frederico Riscoli</strong></li>
-	</ul>
-
-	<blockquote>
-		<p>The annual Flavorful Tuscany meetups are always a culinary discovery. You get the best of Tuscan flavors during an intense one-day stay at one of the top hotels of the region. All the sessions are lead by top chefs passionate about their profession. I would certainly recommend to save the date in your calendar for this one!</p>
-
-		<p>Angelina Calvino, food journalist</p>
-	</blockquote>
-
-	<p>Please arrive at the <a href="http://ckeditor.com">Bilancino Hotel</a> reception desk at least <strong>half an hour earlier</strong> to make sure that the registration process goes as smoothly as possible.</p>
-
-	<p>We look forward to welcoming you to the event.</p>
-
-	<p><strong>Victoria Valc</strong></p>
-	<p><strong>Event Manager</strong></p>
-	<p><strong>Bilancino Hotel</strong></p>
-</div>

+ 6 - 5
docs/_snippets/examples/document-editor.js

@@ -6,16 +6,17 @@
 /* globals console, window, document */
 
 import DecoupledDocumentEditor from '@ckeditor/ckeditor5-build-decoupled-document/src/ckeditor';
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 
 DecoupledDocumentEditor
-	.create( document.querySelector( '.document-editor__data' ).innerHTML, {
-		toolbarContainer: document.querySelector( '.document-editor__toolbar' ),
-		editableContainer: document.querySelector( '.document-editor__editable' ),
-
+	.create( document.querySelector( '.document-editor__editable' ), {
 		cloudServices: CS_CONFIG
 	} )
 	.then( editor => {
+		const toolbarContainer = document.querySelector( '.document-editor__toolbar' );
+
+		toolbarContainer.appendChild( editor.ui.view.toolbar.element );
+
 		window.editor = editor;
 	} )
 	.catch( err => {

+ 1 - 1
docs/_snippets/examples/inline-editor.js

@@ -6,7 +6,7 @@
 /* globals console, window, document */
 
 import InlineEditor from '@ckeditor/ckeditor5-build-inline/src/ckeditor';
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 
 const inlineInjectElements = document.querySelectorAll( '#snippet-inline-editor [data-inline-inject]' );
 

+ 1 - 1
docs/_snippets/features/image-upload.js

@@ -5,7 +5,7 @@
 
 /* globals ClassicEditor, console, window, document */
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 
 ClassicEditor
 	.create( document.querySelector( '#snippet-image-upload' ), {

+ 1 - 1
docs/_snippets/features/read-only.html

@@ -3,5 +3,5 @@
 </p>
 
 <div id="snippet-read-only">
-	<p>This is <a href="https://ckeditor5.github.io">CKEditor&nbsp;5</a>.</p>
+	<p>This is <a href="https://ckeditor.com">CKEditor&nbsp;5</a>.</p>
 </div>

+ 1 - 1
docs/_snippets/features/read-only.js

@@ -5,7 +5,7 @@
 
 /* globals ClassicEditor, console, window, document */
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 
 ClassicEditor
 	.create( document.querySelector( '#snippet-read-only' ), {

+ 1 - 1
docs/_snippets/features/ui-language.html

@@ -1,3 +1,3 @@
 <div id="snippet-ui-language">
-	<p>This is <a href="https://ckeditor5.github.io">CKEditor&nbsp;5</a>.</p>
+	<p>This is <a href="https://ckeditor.com">CKEditor&nbsp;5</a>.</p>
 </div>

+ 1 - 1
docs/_snippets/features/ui-language.js

@@ -9,7 +9,7 @@
 
 import ClassicEditor from '@ckeditor/ckeditor5-build-classic/src/ckeditor';
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 
 ClassicEditor
 	.create( document.querySelector( '#snippet-ui-language' ), {

+ 12 - 9
docs/assets/snippet-styles.css

@@ -2,7 +2,7 @@
  * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  */
 
-.ck-editor {
+.ck.ck-editor {
 	margin: 1.5em 0;
 }
 
@@ -33,7 +33,7 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
 	display: none !important; /* Firefox is very stubborn. */
 }
 
-.ck-reset.ck-list {
+.ck.ck-list {
 	/* See https://github.com/ckeditor/ckeditor5/issues/494 */
 	margin-left: 0;
 }
@@ -62,14 +62,14 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
 }
 
 /* https://github.com/ckeditor/ckeditor5/issues/896 */
-.live-snippet .ck-content h2,
-.live-snippet .ck-content h3,
-.live-snippet .ck-content h4 {
+.live-snippet .ck.ck-content h2,
+.live-snippet .ck.ck-content h3,
+.live-snippet .ck.ck-content h4 {
 	position: static;
 }
 
 /* https://github.com/ckeditor/ckeditor5/issues/899 */
-.live-snippet .ck-dropdown .ck-list {
+.live-snippet .ck-dropdown .ck.ck-list {
 	margin: 0;
 	padding: 0;
 }
@@ -88,14 +88,17 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
 	padding-top: 0;
 	border-bottom: 0;
 }
-#snippet-inline-editor header {
+
+#snippet-inline-editor header.ck-content {
 	text-align: center;
 }
-#snippet-inline-editor header h2 {
+
+#snippet-inline-editor header.ck-content h2 {
 	margin-bottom: 0;
 	font-size: 2.1rem;
 }
-#snippet-inline-editor header h3 {
+
+#snippet-inline-editor header.ck-content h3 {
 	color: rgba(5, 22, 42, 0.59);
 	font-weight: 600;
 	font-size: 1.6rem;

+ 1 - 1
docs/builds/guides/integration/advanced-setup.md

@@ -120,7 +120,7 @@ module.exports = {
 		// ...
 
 		new CKEditorWebpackPlugin( {
-			// See https://ckeditor5.github.io/docs/nightly/ckeditor5/latest/features/ui-language.html
+			// See https://docs.ckeditor.com/ckeditor5/latest/features/ui-language.html
 			language: 'pl'
 		} )
 	],

+ 1 - 1
docs/builds/guides/integration/configuration.md

@@ -64,7 +64,7 @@ ClassicEditor.build.plugins.map( plugin => plugin.pluginName );
 
 ## Adding features
 
-As CKEditor builds come with all features enabled, the only way to add more features to them is to {@link builds/guides/development/custom-builds create a custom build}.
+As CKEditor builds do not include all possible features, the only way to add more features to them is to {@link builds/guides/development/custom-builds create a custom build}.
 
 ## Toolbar setup
 

File diff suppressed because it is too large
+ 0 - 364
docs/builds/guides/migrate.md


+ 17 - 15
docs/builds/guides/quick-start.md

@@ -175,15 +175,13 @@ Call the {@link module:editor-balloon/ballooneditor~BalloonEditor#create `Balloo
 
 ## Document editor
 
-Load the decoupled document editor build (here [CDN](https://cdn.ckeditor.com/) location is used):
+Load the document editor build (here [CDN](https://cdn.ckeditor.com/) location is used):
 
 ```html
 <script src="https://cdn.ckeditor.com/ckeditor5/{@var ckeditor5-version}/decoupled-document/ckeditor.js"></script>
 ```
 
-Call the {@link module:editor-decoupled/decouplededitor~DecoupledEditor#create `DecoupledDocumentEditor.create()`} method.
-
-The decoupled editor requires you to define the containers for the toolbar and editable using {@link module:core/editor/editorconfig~EditorConfig#toolbarContainer `config.toolbarContainer`} and {@link module:core/editor/editorconfig~EditorConfig#editableContainer `config.editableContainer`}.
+Call the {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledDocumentEditor.create()`} method. The decoupled editor requires you to inject the toolbar into DOM and the best place to do that is somewhere in the promise chain (e.g. one of the `then( () => { ... } )` blocks).
 
 <info-box>
 	The following snippet will run the document editor but to make the most of it check out the {@link framework/guides/document-editor comprehensive tutorial} which explains step—by—step how to configure and style the the application for the best editing experience.
@@ -192,10 +190,11 @@ The decoupled editor requires you to define the containers for the toolbar and e
 ```html
 <script>
 	DecoupledDocumentEditor
-		.create( '<p>The initial editor data</p>', {
-			// Define the containers for the toolbar and editable.
-			toolbarContainer: document.querySelector( '.toolbar-container' ),
-			editableContainer: document.querySelector( '.editable-container' )
+		.create( document.querySelector( '#editor' ) )
+		.then( editor => {
+			const toolbarContainer = document.querySelector( '#toolbar-container' );
+
+			toolbarContainer.appendChild( editor.ui.view.toolbar.element );
 		} )
 		.catch( error => {
 			console.error( error );
@@ -217,17 +216,20 @@ The decoupled editor requires you to define the containers for the toolbar and e
 	<h1>Document editor</h1>
 
 	<!-- The toolbar will be rendered in this container -->
-	<div class="toolbar-container"></div>
+	<div id="toolbar-container"></div>
 
-	<!-- The editable will be rendered in this container -->
-	<div class="editable-container"></div>
+	<!-- This container will become the editable -->
+	<div id="editor">
+		<p>This is the initial editor content.</p>
+	</div>
 
 	<script>
 		DecoupledDocumentEditor
-			.create( '<p>The initial editor data</p>', {
-				// Define the containers for the toolbar and editable.
-				toolbarContainer: document.querySelector( '.toolbar-container' ),
-				editableContainer: document.querySelector( '.editable-container' )
+			.create( document.querySelector( '#editor' ) )
+			.then( editor => {
+				const toolbarContainer = document.querySelector( '#toolbar-container' );
+
+				toolbarContainer.appendChild( editor.ui.view.toolbar.element );
 			} )
 			.catch( error => {
 				console.error( error );

+ 1 - 1
docs/features/image-upload.md

@@ -38,7 +38,7 @@ Be sure to use image upload plugins with support for responsive images to enjoy
 To make enabling image upload in CKEditor 5 a breeze, by default all builds include the {@link module:easy-image/easyimage~EasyImage `EasyImage` plugin}, which integrates with the Easy Image service provided by [CKEditor Cloud Services](https://ckeditor.com/ckeditor-cloud-services/). Enabling it is straightforward and the results are immediate:
 
 1. Follow {@link @cs guides/quick-start Cloud Services - Quick start} guide to setup an account.
-2. Configure CKEditor (see {@link module:cloudservices/cloudservices~CloudServicesConfig `CloudServicesConfig`}):
+2. Configure CKEditor (see {@link module:cloud-services/cloudservices~CloudServicesConfig `CloudServicesConfig`}):
 
 	```js
 	ClassicEditor

+ 52 - 2
docs/framework/guides/architecture/editing-engine.md

@@ -184,12 +184,62 @@ The schema is, by default, configured by editor plugins. It is recommended that
 
 The instance of the schema is available in {@link module:engine/model/model~Model#schema `editor.model.schema`}. Read an extensive guide about using the schema API in {@link module:engine/model/schema~Schema API docs for the `Schema` class}.
 
+## View
+
+Let's again take a look at the editing engine's architecture:
 
+[{@img assets/img/framework-architecture-engine-diagram.png Diagram of the engine's MVC architecture.}](%BASE_PATH%/assets/img/framework-architecture-engine-diagram.png)
 
+So far, we talked about the topmost layer of this diagram – the model. The role of the model layer is to create an abstraction over the data. Its format was designed to allow storing and modifying the data in the most convenient way, while enabling implementation of complex features. Most features operate (read from it and change it) on the model.
 
-## View
+The view, on the other hand, is an abstract representation of the DOM structure which should be presented to the user (for editing) and which should (in most cases) represent the editor's input/output (i.e. data returned by `editor.getData()`, data set by `editor.setData()`, pasted content, etc.).
+
+What this means is that:
+
+* The view is yet another custom structure.
+* It resembles the DOM. While the model's tree structure only slightly resembled the DOM (e.g. by introducing text attributes), the view is much closer to the DOM. In other words, it is a **virtual DOM**.
+* There are two "pipelines" – the **editing pipeline** (also called the "editing view") and the **data pipeline** ("the data view"). Treat them as two separate views of one model. The editing pipeline renders and handles the DOM which the user sees and can edit. The data pipeline is used when you call `editor.getData()`, `editor.setData()` or paste content into the editor.
+
+The fact that there are two views is visible in the API:
+
+```js
+editor.editing;                 // The editing pipeline (EditingController).
+editor.editing.view;            // Editing view's controller.
+editor.editing.view.document;   // Editing view's document.
+editor.data;                    // The data pipeline (DataController).
+```
+
+<info-box>
+	Technically, the data pipeline does not have a document and a view controller. It operates on detached view structures, created for the purposes of processing a data.
+
+	It is much simpler than the editing pipeline and in the following part of this section we will be talking about the editing view.
+
+	Check out the {@link module:engine/controller/editingcontroller~EditingController}'s and {@link module:engine/controller/datacontroller~DataController}'s API.
+</info-box>
+
+### Changing the view
+
+Do not change the view manually, unless you really know what you do. If the view needs to be changed, in most cases, it means that the model should be changed first. Then, the changes you apply to the model are converted ([conversion](#conversion) is covered below) to the view by specific converters.
+
+The view may need to be changed manually if the cause of such a change is not represented in the model. For example, the model does not store information about the focus, which is a {@link module:engine/view/document~Document#isFocused property of the view}. When the focus changes, and you want to represent that in some element's class, you need to change that class manually.
+
+For that, just like in the model, you should use the `change()` block (of the view) in which you will have access to the view writer.
+
+```js
+editor.data.view.change( writer => {
+	writer.insert( position1, writer.createText( 'foo' ) );
+} );
+```
+
+### Element types
+
+### Positions
+
+### Observers
+
+## Conversion
 
-## Controller
+TODO: upcasting, downcasting, why and how.
 
 ## Read next
 

+ 1 - 1
mgit.json

@@ -12,7 +12,7 @@
     "@ckeditor/ckeditor5-build-decoupled-document": "ckeditor/ckeditor5-build-decoupled-document",
     "@ckeditor/ckeditor5-build-inline": "ckeditor/ckeditor5-build-inline",
     "@ckeditor/ckeditor5-clipboard": "ckeditor/ckeditor5-clipboard",
-    "@ckeditor/ckeditor5-cloudservices": "ckeditor/ckeditor5-cloudservices",
+    "@ckeditor/ckeditor5-cloud-services": "ckeditor/ckeditor5-cloud-services",
     "@ckeditor/ckeditor5-core": "ckeditor/ckeditor5-core",
     "@ckeditor/ckeditor5-easy-image": "ckeditor/ckeditor5-easy-image",
     "@ckeditor/ckeditor5-editor-balloon": "ckeditor/ckeditor5-editor-balloon",

+ 4 - 4
package.json

@@ -23,7 +23,7 @@
     "@ckeditor/ckeditor5-build-decoupled-document": "^1.0.0-beta.1",
     "@ckeditor/ckeditor5-build-inline": "^1.0.0-beta.1",
     "@ckeditor/ckeditor5-clipboard": "^1.0.0-beta.1",
-    "@ckeditor/ckeditor5-cloudservices": "^1.0.0-beta.1",
+    "@ckeditor/ckeditor5-cloud-services": "^1.0.0-beta.1",
     "@ckeditor/ckeditor5-core": "^1.0.0-beta.1",
     "@ckeditor/ckeditor5-easy-image": "^1.0.0-beta.1",
     "@ckeditor/ckeditor5-editor-balloon": "^1.0.0-beta.1",
@@ -62,14 +62,14 @@
     "glob": "^7.1.2",
     "husky": "^0.14.3",
     "lerna": "^2.2.0",
-    "lint-staged": "^6.0.0",
+    "lint-staged": "^7.0.0",
     "mgit2": "^0.7.2",
     "minimatch": "^3.0.4",
     "postcss-loader": "^2.0.10",
     "raw-loader": "^0.5.1",
-    "style-loader": "^0.19.1",
+    "style-loader": "^0.20.3",
     "umberto": "^0.4.0",
-    "webpack": "^3.10.0",
+    "webpack": "^3.11.0",
     "webpack-sources": "1.0.1"
   },
   "engines": {

Some files were not shown because too many files changed in this diff