Merge branch 'master-local' into master-dist

patternfly-build · patternfly-build · commit 4ffb3e19766b · 2018-11-14T22:25:39.000Z
diff --git a/backstop/config/scenarios/hint-block.js b/backstop/config/scenarios/hint-block.js
@@ -0,0 +1,6 @@
+module.exports = [{
+  removeSelectors: ['.page-header + .alert'],
+  label: 'hint-block',
+  url: 'dist/tests/hint-block.html',
+  disabled: false
+}]
diff --git a/backstop_data/bitmaps_reference/backstop_default_hint-block_0_document_0_large-device.png b/backstop_data/bitmaps_reference/backstop_default_hint-block_0_document_0_large-device.png
diff --git a/dist/css/patternfly-additions.css b/dist/css/patternfly-additions.css
@@ -4338,6 +4338,25 @@ fieldset[disabled] .btn-experimental-pf.active {
   right: 0;
   z-index: 1030;
 }
+.hint-block-pf {
+  background-color: #def3ff;
+  color: #004368;
+  padding: 10px 15px 15px;
+}
+.hint-block-pf .hint-block-pf-title {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 1.1;
+  margin-bottom: 10px;
+}
+.hint-block-pf .hint-block-pf-body {
+  font-size: 13px;
+  font-weight: 300;
+  line-height: 1.4;
+}
+.hint-block-pf > .btn {
+  margin-top: 30px;
+}
 @font-face {
   font-family: "PatternFlyIcons-webfont";
   src: url("../fonts/PatternFlyIcons-webfont.eot");
diff --git a/dist/css/patternfly-additions.css.map b/dist/css/patternfly-additions.css.map
diff --git a/dist/css/patternfly-additions.min.css b/dist/css/patternfly-additions.min.css
diff --git a/dist/css/patternfly-additions.min.css.map b/dist/css/patternfly-additions.min.css.map
diff --git a/dist/css/rcue-additions.css b/dist/css/rcue-additions.css
@@ -4339,6 +4339,25 @@ fieldset[disabled] .btn-experimental-pf.active {
   right: 0;
   z-index: 1030;
 }
+.hint-block-pf {
+  background-color: #def3ff;
+  color: #004368;
+  padding: 10px 15px 15px;
+}
+.hint-block-pf .hint-block-pf-title {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 1.1;
+  margin-bottom: 10px;
+}
+.hint-block-pf .hint-block-pf-body {
+  font-size: 13px;
+  font-weight: 300;
+  line-height: 1.4;
+}
+.hint-block-pf > .btn {
+  margin-top: 30px;
+}
 @font-face {
   font-family: "PatternFlyIcons-webfont";
   src: url("../fonts/PatternFlyIcons-webfont.eot");
diff --git a/dist/css/rcue-additions.css.map b/dist/css/rcue-additions.css.map
diff --git a/dist/css/rcue-additions.min.css b/dist/css/rcue-additions.min.css
diff --git a/dist/css/rcue-additions.min.css.map b/dist/css/rcue-additions.min.css.map
diff --git a/dist/less/hint-block.less b/dist/less/hint-block.less
@@ -0,0 +1,19 @@
+.hint-block-pf {
+  background-color: @color-pf-blue-50;
+  color: @color-pf-blue-600;
+  padding: 10px 15px 15px;
+  .hint-block-pf-title {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 1.1;
+    margin-bottom: 10px;
+  }
+  .hint-block-pf-body {
+    font-size: 13px;
+    font-weight: 300;
+    line-height: 1.4;
+  }
+  > .btn {
+    margin-top: 30px;
+  }
+}
diff --git a/dist/less/patternfly-additions.less b/dist/less/patternfly-additions.less
@@ -49,6 +49,7 @@
 @import "experimental-features.less";
 @import "filter.less";
 @import "footer.less";
+@import "hint-block.less";
 @import "icons.less";
 @import "infotip.less";
 @import "layouts.less";
diff --git a/dist/sass/_patternfly.scss b/dist/sass/_patternfly.scss
@@ -122,6 +122,7 @@
 @import 'patternfly/filter';
 @import 'patternfly/footer';
 @import 'patternfly/icons';
+@import 'patternfly/hint-block';
 @import 'patternfly/infotip';
 @import 'patternfly/layouts';
 @import 'patternfly/links';
diff --git a/dist/sass/patternfly/_hint-block.scss b/dist/sass/patternfly/_hint-block.scss
@@ -0,0 +1,19 @@
+.hint-block-pf {
+  background-color: $color-pf-blue-50;
+  color: $color-pf-blue-600;
+  padding: 10px 15px 15px;
+  .hint-block-pf-title {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 1.1;
+    margin-bottom: 10px;
+  }
+  .hint-block-pf-body {
+    font-size: 13px;
+    font-weight: 300;
+    line-height: 1.4;
+  }
+  > .btn {
+    margin-top: 30px;
+  }
+}
diff --git a/dist/sass/rcue/_hint-block.scss b/dist/sass/rcue/_hint-block.scss
@@ -0,0 +1,19 @@
+.hint-block-pf {
+  background-color: $color-pf-blue-50;
+  color: $color-pf-blue-600;
+  padding: 10px 15px 15px;
+  .hint-block-pf-title {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 1.1;
+    margin-bottom: 10px;
+  }
+  .hint-block-pf-body {
+    font-size: 13px;
+    font-weight: 300;
+    line-height: 1.4;
+  }
+  > .btn {
+    margin-top: 30px;
+  }
+}
diff --git a/dist/sass/rcue/_patternfly-additions.scss b/dist/sass/rcue/_patternfly-additions.scss
@@ -49,6 +49,7 @@
 @import 'experimental-features';
 @import 'filter';
 @import 'footer';
+@import 'hint-block';
 @import 'icons';
 @import 'infotip';
 @import 'layouts';
diff --git a/dist/tests/hint-block.html b/dist/tests/hint-block.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
+<!--[if gt IE 9]><!-->
+<html lang="en-us">
+<!--<![endif]-->
+  <head>
+    <title>Hint Block - PatternFly</title>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="shortcut icon" href="../img/favicon.ico">
+    <!-- iPad retina icon -->
+    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../img/apple-touch-icon-precomposed-152.png">
+    <!-- iPad retina icon (iOS < 7) -->
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../img/apple-touch-icon-precomposed-144.png">
+    <!-- iPad non-retina icon -->
+    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../img/apple-touch-icon-precomposed-76.png">
+    <!-- iPad non-retina icon (iOS < 7) -->
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../img/apple-touch-icon-precomposed-72.png">
+    <!-- iPhone 6 Plus icon -->
+    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../img/apple-touch-icon-precomposed-180.png">
+    <!-- iPhone retina icon (iOS < 7) -->
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../img/apple-touch-icon-precomposed-114.png">
+    <!-- iPhone non-retina icon (iOS < 7) -->
+    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../img/apple-touch-icon-precomposed-57.png">
+    <link rel="stylesheet" href="../css/patternfly.min.css" >
+    <link rel="stylesheet" href="../css/patternfly-additions.min.css" >
+      <link href="tests.css" rel="stylesheet" media="screen, print">
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+    <script src="../js/patternfly.min.js"></script>
+  </head>
+
+  <body>
+    <div class="container">
+      <div class="page-header">
+        <h1>Hint Block</h1>
+      </div>
+      <div class="alert alert-warning">
+        <span class="pficon pficon-warning-triangle-o"></span>
+        These examples are included for development testing purposes.  For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
+      </div>
+      <hr>
+<div class="hint-block-pf">
+  <button type="button" class="close" aria-hidden="true" aria-label="Close">
+    <span class="pficon pficon-close"></span>
+  </button>
+  <div class="hint-block-pf-title">Some Title</div>
+  <div class="hint-block-pf-body">
+    Something introductory. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature.
+  </div>
+  <button class="btn btn-primary" type="button">
+    Optional Action
+  </button>
+</div>
+
+    </div><!-- /container -->
+  </body>
+</html>
diff --git a/dist/tests/index.html b/dist/tests/index.html
@@ -114,6 +114,9 @@ <h2>Widgets</h2>
             <li>
               <a href="forms.html">Forms</a>
             </li>
+            <li>
+              <a href="hint-block.html">Hint Block</a>
+            </li>
             <li>
               <a href="icons.html">Icons</a>
             </li>
diff --git a/src/less/hint-block.less b/src/less/hint-block.less
@@ -0,0 +1,19 @@
+.hint-block-pf {
+  background-color: @color-pf-blue-50;
+  color: @color-pf-blue-600;
+  padding: 10px 15px 15px;
+  .hint-block-pf-title {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 1.1;
+    margin-bottom: 10px;
+  }
+  .hint-block-pf-body {
+    font-size: 13px;
+    font-weight: 300;
+    line-height: 1.4;
+  }
+  > .btn {
+    margin-top: 30px;
+  }
+}
diff --git a/src/less/patternfly-additions.less b/src/less/patternfly-additions.less
@@ -49,6 +49,7 @@
 @import "experimental-features.less";
 @import "filter.less";
 @import "footer.less";
+@import "hint-block.less";
 @import "icons.less";
 @import "infotip.less";
 @import "layouts.less";
diff --git a/src/sass/converted/patternfly/_hint-block.scss b/src/sass/converted/patternfly/_hint-block.scss
@@ -0,0 +1,19 @@
+.hint-block-pf {
+  background-color: $color-pf-blue-50;
+  color: $color-pf-blue-600;
+  padding: 10px 15px 15px;
+  .hint-block-pf-title {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 1.1;
+    margin-bottom: 10px;
+  }
+  .hint-block-pf-body {
+    font-size: 13px;
+    font-weight: 300;
+    line-height: 1.4;
+  }
+  > .btn {
+    margin-top: 30px;
+  }
+}
diff --git a/src/sass/converted/rcue/_hint-block.scss b/src/sass/converted/rcue/_hint-block.scss
@@ -0,0 +1,19 @@
+.hint-block-pf {
+  background-color: $color-pf-blue-50;
+  color: $color-pf-blue-600;
+  padding: 10px 15px 15px;
+  .hint-block-pf-title {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 1.1;
+    margin-bottom: 10px;
+  }
+  .hint-block-pf-body {
+    font-size: 13px;
+    font-weight: 300;
+    line-height: 1.4;
+  }
+  > .btn {
+    margin-top: 30px;
+  }
+}
diff --git a/src/sass/converted/rcue/_patternfly-additions.scss b/src/sass/converted/rcue/_patternfly-additions.scss
@@ -49,6 +49,7 @@
 @import 'experimental-features';
 @import 'filter';
 @import 'footer';
+@import 'hint-block';
 @import 'icons';
 @import 'infotip';
 @import 'layouts';
diff --git a/src/sass/static/_patternfly.scss b/src/sass/static/_patternfly.scss
@@ -122,6 +122,7 @@
 @import 'patternfly/filter';
 @import 'patternfly/footer';
 @import 'patternfly/icons';
+@import 'patternfly/hint-block';
 @import 'patternfly/infotip';
 @import 'patternfly/layouts';
 @import 'patternfly/links';
diff --git a/tests/pages/hint-block.html b/tests/pages/hint-block.html
@@ -0,0 +1,18 @@
+---
+categories: [Widgets]
+layout: page
+title: Hint Block
+resource: true
+---
+<div class="hint-block-pf">
+  <button type="button" class="close" aria-hidden="true" aria-label="Close">
+    <span class="pficon pficon-close"></span>
+  </button>
+  <div class="hint-block-pf-title">Some Title</div>
+  <div class="hint-block-pf-body">
+    Something introductory. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature.
+  </div>
+  <button class="btn btn-primary" type="button">
+    Optional Action
+  </button>
+</div>
