Update Composer, update everything

web/core/themes/classy/classy.info.yml

@@ -8,6 +8,7 @@ hidden: true
 
 libraries:
   - classy/base
+  - classy/messages
   - core/normalize
 
 libraries-extend:

web/core/themes/classy/css/components/collapse-processed.css

@@ -8,7 +8,7 @@
   padding-right: 0.5em;
 }
 .collapse-processed > summary:before {
-  background: url(../../../../misc/menu-expanded.png) 0px 100% no-repeat; /* LTR */
+  background: url(../../../../misc/menu-expanded.png) 0 100% no-repeat; /* LTR */
   content: "";
   float: left; /* LTR */
   height: 1em;

web/core/themes/classy/css/components/dialog.css

@@ -12,6 +12,7 @@
   border: solid 1px #ccc;
   padding: 0;
 }
+
 @media all and (max-width: 48em) { /* 768px */
   .ui-dialog {
     width: 92% !important;
@@ -32,7 +33,7 @@
 .ui-dialog .ui-dialog-buttonpane {
   margin-top: 0;
   background: #f3f4ee;
-  padding: .3em 1em;
+  padding: 0.3em 1em;
   border-width: 1px 0 0 0;
   border-color: #ccc;
 }

web/core/themes/classy/css/components/dropbutton.css

@@ -5,7 +5,7 @@
 
 .js .dropbutton-widget {
   background-color: white;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
 }
 .js .dropbutton-widget:hover {
   border-color: #b8b8b8;

web/core/themes/classy/css/components/field.css

@@ -8,7 +8,7 @@
 }
 .field--label-inline .field__label,
 .field--label-inline .field__items {
-  float: left; /*LTR*/
+  float: left; /* LTR */
 }
 .field--label-inline .field__label,
 .field--label-inline > .field__item,

web/core/themes/classy/css/components/file.css

@@ -3,7 +3,7 @@
  * Default style for file module.
  */
 
-/* File icons.*/
+/* File icons. */
 
 .file {
   padding-left: 20px; /* LTR */

web/core/themes/classy/css/components/form.css

@@ -8,20 +8,20 @@ form .field-multiple-table {
 }
 form .field-multiple-table .field-multiple-drag {
   width: 30px;
-  padding-right: 0; /*LTR*/
+  padding-right: 0; /* LTR */
 }
 [dir="rtl"] form .field-multiple-table .field-multiple-drag {
   padding-left: 0;
 }
 form .field-multiple-table .field-multiple-drag .tabledrag-handle {
-  padding-right: .5em; /*LTR*/
+  padding-right: 0.5em; /* LTR */
 }
 [dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
   padding-right: 0;
-  padding-left: .5em;
+  padding-left: 0.5em;
 }
 form .field-add-more-submit {
-  margin: .5em 0 0;
+  margin: 0.5em 0 0;
 }
 
 /**
@@ -47,7 +47,7 @@ label.option {
 }
 .form-composite > legend,
 .label {
-  display:inline;
+  display: inline;
   font-size: inherit;
   font-weight: bold;
   margin: 0;
@@ -64,8 +64,8 @@ label.option {
 }
 [dir="rtl"] .form-type-radio .description,
 [dir="rtl"] .form-type-checkbox .description {
-   margin-left: 0;
-   margin-right: 2.4em;
+  margin-left: 0;
+  margin-right: 2.4em;
 }
 .marker {
   color: #e00;

web/core/themes/classy/css/components/progress.css

@@ -10,34 +10,18 @@
   border-radius: 10em;
   background-color: #f2f1eb;
   background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
-  background-image:         linear-gradient(#e7e7df, #f0f0f0);
+  background-image: linear-gradient(#e7e7df, #f0f0f0);
   box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
 }
 .progress__bar {
   border: 1px #07629a solid;
   background: #057ec9;
   background-image:
-    -webkit-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
-    -webkit-linear-gradient( left top,
-      #0094f0 0%,
-      #0094f0 25%,
-      #007ecc 25%,
-      #007ecc 50%,
-      #0094f0 50%,
-      #0094f0 75%,
-      #0094f0 100% );
+    -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
+    -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
   background-image:
-    -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
-  background-image:
-    linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
-    linear-gradient( to right bottom,
-      #0094f0 0%,
-      #0094f0 25%,
-      #007ecc 25%,
-      #007ecc 50%,
-      #0094f0 50%,
-      #0094f0 75%,
-      #0094f0 100% );
+    linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
+    linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
   background-size: 40px 40px;
   margin-top: -1px;
   margin-left: -1px; /* LTR */
@@ -57,15 +41,29 @@
   -moz-animation-direction: reverse;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .progress__bar {
+    -webkit-animation: none;
+    -moz-animation: none;
+    -webkit-transition: none;
+    transition: none;
+  }
+}
+
 /**
  * Progress bar animations.
  */
 @-webkit-keyframes animate-stripes {
-  0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
+  0% { background-position: 0 0, 0 0; }
+  100% { background-position: 0 0, -80px 0; }
 }
+
 @-ms-keyframes animate-stripes {
-  0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
+  0% { background-position: 0 0, 0 0; }
+  100% { background-position: 0 0, -80px 0; }
 }
+
 @keyframes animate-stripes {
-  0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
+  0% { background-position: 0 0, 0 0; }
+  100% { background-position: 0 0, -80px 0; }
 }

web/core/themes/classy/templates/content/comment.html.twig

@@ -45,7 +45,7 @@
  *
  * These variables are provided to give context about the parent comment (if
  * any):
- * - comment_parent: Full parent comment entity (if any).
+ * - parent_comment: Full parent comment entity (if any).
  * - parent_author: Equivalent to author for the parent comment.
  * - parent_created: Equivalent to created for the parent comment.
  * - parent_changed: Equivalent to changed for the parent comment.

web/core/themes/classy/templates/content/media.html.twig

@@ -0,0 +1,28 @@
+{#
+/**
+ * @file
+ * Theme override to display a media item.
+ *
+ * Available variables:
+ * - name: Name of the media.
+ * - content: Media content.
+ *
+ * @see template_preprocess_media()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'media',
+    'media--type-' ~ media.bundle()|clean_class,
+    not media.isPublished() ? 'media--unpublished',
+    view_mode ? 'media--view-mode-' ~ view_mode|clean_class,
+  ]
+%}
+<article{{ attributes.addClass(classes) }}>
+  {{ title_suffix.contextual_links }}
+  {% if content %}
+    {{ content }}
+  {% endif %}
+</article>

web/core/themes/classy/templates/field/file-audio.html.twig

@@ -0,0 +1,23 @@
+{#
+/**
+* @file
+* Default theme implementation to display the file entity as an audio tag.
+*
+* Available variables:
+* - attributes: An array of HTML attributes, intended to be added to the
+*   audio tag.
+* - files: And array of files to be added as sources for the audio tag. Each
+*   element is an array with the following elements:
+*   - file: The full file object.
+*   - source_attributes: An array of HTML attributes for to be added to the
+*     source tag.
+*
+* @ingroup themeable
+*/
+#}
+{{ attach_library('classy/file') }}
+<audio {{ attributes }}>
+  {% for file in files %}
+    <source {{ file.source_attributes }} />
+  {% endfor %}
+</audio>

web/core/themes/classy/templates/field/file-video.html.twig

@@ -0,0 +1,23 @@
+{#
+/**
+* @file
+* Default theme implementation to display the file entity as a video tag.
+*
+* Available variables:
+* - attributes: An array of HTML attributes, intended to be added to the
+*   video tag.
+* - files: And array of files to be added as sources for the video tag. Each
+*   element is an array with the following elements:
+*   - file: The full file object.
+*   - source_attributes: An array of HTML attributes for to be added to the
+*     source tag.
+*
+* @ingroup themeable
+*/
+#}
+{{ attach_library('classy/file') }}
+<video {{ attributes }}>
+  {% for file in files %}
+    <source {{ file.source_attributes }} />
+  {% endfor %}
+</video>

web/core/themes/classy/templates/misc/status-messages.html.twig

@@ -15,13 +15,10 @@
  * Available variables:
  * - message_list: List of messages to be displayed, grouped by type.
  * - status_headings: List of all status types.
- * - display: (optional) May have a value of 'status' or 'error' when only
- *   displaying messages of that specific type.
  * - attributes: HTML attributes for the element, including:
  *   - class: HTML classes.
  */
 #}
-{{ attach_library('classy/messages') }}
 {% block messages %}
 {% for type, messages in message_list %}
   {%

web/core/themes/classy/templates/views/views-view-grid.html.twig

@@ -57,7 +57,7 @@
       <div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
         {% for column in row.content %}
           <div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
-            {{ column.content }}
+            {{- column.content -}}
           </div>
         {% endfor %}
       </div>
@@ -67,7 +67,7 @@
       <div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
         {% for row in column.content %}
           <div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
-            {{ row.content }}
+            {{- row.content -}}
           </div>
         {% endfor %}
       </div>

web/core/themes/classy/templates/views/views-view-list.html.twig

@@ -26,7 +26,9 @@
   <{{ list.type }}{{ list.attributes }}>
 
     {% for row in rows %}
-      <li{{ row.attributes }}>{{ row.content }}</li>
+      <li{{ row.attributes }}>
+        {{- row.content -}}
+      </li>
     {% endfor %}
 
   </{{ list.type }}>

web/core/themes/classy/templates/views/views-view-unformatted.html.twig

@@ -25,6 +25,6 @@
     ]
   %}
   <div{{ row.attributes.addClass(row_classes) }}>
-    {{ row.content }}
+    {{- row.content -}}
   </div>
 {% endfor %}