Changeset 43842 for branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php

Timestamp:

10/30/2018 02:13:07 AM (6 years ago)

Author:

allancole

Message:

Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.

Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: ​https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart.

File:

• branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php (modified) (9 diffs)

branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php

@@ -5 +5 @@
  * @package WordPress
  * @subpackage Twenty_Nineteen
+ * @since 1.0.0
  */
 
@@ -33 +34 @@
         }
         if ( array_key_exists( $icon, $arr ) ) {
-            $repl = sprintf( '<svg id="%s-icon-%s" class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" ', $group, $icon, $size, $size );
+            $repl = sprintf( '<svg class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" focusable="false" ', $size, $size );
             $svg  = preg_replace( '/^<svg /', $repl, trim( $arr[ $icon ] ) ); // Add extra attributes to SVG code.
             $svg  = preg_replace( "/([\n\t]+)/", ' ', $svg ); // Remove newlines & tabs.
@@ -71 +72 @@
      */
     static $ui_icons = array(
-        'link'          => /* material-design – link */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        'link'                   => /* material-design – link */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M0 0h24v24H0z" fill="none"/>
     <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/>
 </svg>',
 
-        'watch'         => /* material-design – watch-later */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        'watch'                  => /* material-design – watch-later */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <defs>
         <path id="a" d="M0 0h24v24H0V0z"/>
@@ -88 +89 @@
 </svg>',
 
-        'archive'       => /* material-design – folder */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        'archive'                => /* material-design – folder */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>
     <path d="M0 0h24v24H0z" fill="none"/>
 </svg>',
 
-        'tag' => /* material-design – local_offer */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        'tag'                    => /* material-design – local_offer */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>
     <path d="M0 0h24v24H0z" fill="none"/>
 </svg>',
 
-        'comment' => /* material-design – comment */ '
+        'comment'                => /* material-design – comment */ '
 <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"/>
@@ -106 +107 @@
 </svg>',
 
-        'person'        => /* material-design – person */ '
+        'person'                 => /* material-design – person */ '
 <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
@@ -112 +113 @@
 </svg>',
 
-        'edit'          => /* material-design – edit */ '
+        'edit'                   => /* material-design – edit */ '
 <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
@@ -118 +119 @@
 </svg>',
 
-        'chevron_left'  => /* material-design – chevron_left */ '
+        'chevron_left'           => /* material-design – chevron_left */ '
 <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
@@ -124 +125 @@
 </svg>',
 
-        'chevron_right' => /* material-design – chevron_right */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        'chevron_right'          => /* material-design – chevron_right */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
     <path d="M0 0h24v24H0z" fill="none"/>
 </svg>',
 
-        'check'         => /* material-design – check */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        'check'                  => /* material-design – check */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M0 0h24v24H0z" fill="none"/>
     <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
@@ -137 +138 @@
 
         'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M0 0h24v24H0z" fill="none"/>
     <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z"/>
 </svg>',
 
-        'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        'keyboard_arrow_down'    => /* material-design – keyboard_arrow_down */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>
     <path fill="none" d="M0 0h24v24H0V0z"/>
 </svg>',
 
-        'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        'keyboard_arrow_right'   => /* material-design – keyboard_arrow_right */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M10 17l5-5-5-5v10z"/>
     <path fill="none" d="M0 24V0h24v24H0z"/>
+</svg>',
+
+        'keyboard_arrow_left'   => /* material-design – keyboard_arrow_left */ '
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path d="M14 7l-5 5 5 5V7z"/>
+    <path fill="none" d="M24 0v24H0V0h24z"/>
 </svg>',