update components

dashboard-ui/bower_components/iron-demo-helpers/url-bar.html

@@ -1,6 +1,7 @@
 <link rel="import" href="../polymer/polymer.html">
 <link rel="import" href="../iron-location/iron-location.html">
 <link rel="import" href="../iron-flex-layout/iron-flex-layout-classes.html">
+<link rel="import" href="../paper-styles/typography.html">
 
 <!--
 `url-bar` is a helper element that displays a simple read-only URL bar if
@@ -9,6 +10,14 @@ deal with the URL in our iframe-based demo environments.
 
 If the page is not in an iframe, the url-bar element is not displayed.
 
+### Styling
+
+The following custom properties and mixins are available for styling:
+
+Custom property | Description | Default
+----------------|-------------|----------
+`--url-bar` | Mixin applied to the entire element | `{}`
+
 @element url-bar
 @demo demo/url-bar.html
 -->
@@ -19,20 +28,24 @@ If the page is not in an iframe, the url-bar element is not displayed.
         margin: 0px;
         padding: 15px 35px;
         border-bottom: 2px solid gray;
-        height: 1em;
-        overflow: hidden;
+        height: 1.5em;
         display: none;
+        overflow-x: auto;
+        overflow-y: hidden;
+        background-color: white;
+        @apply(--url-bar);
       }
       :host[in-iframe] {
         /* This element only wants to be displayed if it's in an iframe. */
         display: block;
       }
       label {
+        @apply(--paper-font-common-base);
         display: inline-block;
         padding-right: 25px;
       }
       span {
-        font-family: monospace;
+        @apply(--paper-font-common-code);
         white-space: pre;
       }
     </style>
@@ -54,6 +67,15 @@ If the page is not in an iframe, the url-bar element is not displayed.
             return window.top !== window;
           },
           reflectToAttribute: true
+        },
+        path: {
+          type: String
+        },
+        query: {
+          type: String
+        },
+        hash: {
+          type: String
         }
       },
       __computeUrl: function(path, query, hash) {