patternfly-sass 3.2.0 → 3.3.0

data/spec/html/tables.html

@@ -41,62 +41,7 @@
         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>
-      <h2>Contextual classes</h2>
-      <table class="table table-bordered">
-        <thead>
-          <tr>
-            <th>#</th>
-            <th>Column heading</th>
-            <th>Column heading</th>
-            <th>Column heading</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr class="active">
-            <td>1</td>
-            <td>Column content</td>
-            <td>Column content</td>
-            <td>Column content</td>
-          </tr>
-          <tr>
-            <td>2</td>
-            <td>Column content</td>
-            <td>Column content</td>
-            <td>Column content</td>
-          </tr>
-          <tr class="success">
-            <td>3</td>
-            <td>Column content</td>
-            <td>Column content</td>
-            <td>Column content</td>
-          </tr>
-          <tr>
-            <td>4</td>
-            <td>Column content</td>
-            <td>Column content</td>
-            <td>Column content</td>
-          </tr>
-          <tr class="warning">
-            <td>5</td>
-            <td>Column content</td>
-            <td>Column content</td>
-            <td>Column content</td>
-          </tr>
-          <tr>
-            <td>6</td>
-            <td>Column content</td>
-            <td>Column content</td>
-            <td>Column content</td>
-          </tr>
-          <tr class="danger">
-            <td>7</td>
-            <td>Column content</td>
-            <td>Column content</td>
-            <td>Column content</td>
-          </tr>
-        </tbody>
-      </table>
-      <h2>Responsive and bordered tables. Striped and hover rows.</h2>
+      <h2>PatternFly recommendation:  Bootstrap striped, bordered, hover, and responsive</h2>
       <div class="table-responsive">
         <table class="table table-striped table-bordered table-hover">
           <thead>
@@ -204,6 +149,7 @@
           </tbody>
         </table>
       </div>
+      <hr>
       <h2>TreeGrid tables</h2>
       <div class="table-responsive">
         <table class="table table-bordered table-hover table-treegrid">
@@ -330,6 +276,264 @@
       <script>
         $('.table-treegrid').treegrid();
       </script>
+      <hr>
+      <h2>Bootstrap examples</h2>
+      <h3>Basic example</h3>
+      <table class="table">
+        <caption>Optional table caption.</caption>
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>First Name</th>
+            <th>Last Name</th>
+            <th>Username</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <th scope="row">1</th>
+            <td>Mark</td>
+            <td>Otto</td>
+            <td>@mdo</td>
+          </tr>
+          <tr>
+            <th scope="row">2</th>
+            <td>Jacob</td>
+            <td>Thornton</td>
+            <td>@fat</td>
+          </tr>
+          <tr>
+            <th scope="row">3</th>
+            <td>Larry</td>
+            <td>the Bird</td>
+            <td>@twitter</td>
+          </tr>
+        </tbody>
+      </table>
+      <h3>Striped rows</h3>
+      <table class="table table-striped">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>First Name</th>
+            <th>Last Name</th>
+            <th>Username</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <th scope="row">1</th>
+            <td>Mark</td>
+            <td>Otto</td>
+            <td>@mdo</td>
+          </tr>
+          <tr>
+            <th scope="row">2</th>
+            <td>Jacob</td>
+            <td>Thornton</td>
+            <td>@fat</td>
+          </tr>
+          <tr>
+            <th scope="row">3</th>
+            <td>Larry</td>
+            <td>the Bird</td>
+            <td>@twitter</td>
+          </tr>
+        </tbody>
+      </table>
+      <h3>Bordered table</h3>
+      <table class="table table-bordered">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>First Name</th>
+            <th>Last Name</th>
+            <th>Username</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <th scope="row">1</th>
+            <td>Mark</td>
+            <td>Otto</td>
+            <td>@mdo</td>
+          </tr>
+          <tr>
+            <th scope="row">2</th>
+            <td>Jacob</td>
+            <td>Thornton</td>
+            <td>@fat</td>
+          </tr>
+          <tr>
+            <th scope="row">3</th>
+            <td>Larry</td>
+            <td>the Bird</td>
+            <td>@twitter</td>
+          </tr>
+        </tbody>
+      </table>
+      <h3>Hover rows</h3>
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>First Name</th>
+            <th>Last Name</th>
+            <th>Username</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <th scope="row">1</th>
+            <td>Mark</td>
+            <td>Otto</td>
+            <td>@mdo</td>
+          </tr>
+          <tr>
+            <th scope="row">2</th>
+            <td>Jacob</td>
+            <td>Thornton</td>
+            <td>@fat</td>
+          </tr>
+          <tr>
+            <th scope="row">3</th>
+            <td>Larry</td>
+            <td>the Bird</td>
+            <td>@twitter</td>
+          </tr>
+        </tbody>
+      </table>
+      <h3>Condensed table</h3>
+      <table class="table table-condensed">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>First Name</th>
+            <th>Last Name</th>
+            <th>Username</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <th scope="row">1</th>
+            <td>Mark</td>
+            <td>Otto</td>
+            <td>@mdo</td>
+          </tr>
+          <tr>
+            <th scope="row">2</th>
+            <td>Jacob</td>
+            <td>Thornton</td>
+            <td>@fat</td>
+          </tr>
+          <tr>
+            <th scope="row">3</th>
+            <td>Larry</td>
+            <td>the Bird</td>
+            <td>@twitter</td>
+          </tr>
+        </tbody>
+      </table>
+      <h3>Contextual classes</h3>
+      <table class="table">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>Column heading</th>
+            <th>Column heading</th>
+            <th>Column heading</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr class="active">
+            <td>1</td>
+            <td>Column content</td>
+            <td>Column content</td>
+            <td>Column content</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Column content</td>
+            <td>Column content</td>
+            <td>Column content</td>
+          </tr>
+          <tr class="success">
+            <td>3</td>
+            <td>Column content</td>
+            <td>Column content</td>
+            <td>Column content</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Column content</td>
+            <td>Column content</td>
+            <td>Column content</td>
+          </tr>
+          <tr class="warning">
+            <td>5</td>
+            <td>Column content</td>
+            <td>Column content</td>
+            <td>Column content</td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td>Column content</td>
+            <td>Column content</td>
+            <td>Column content</td>
+          </tr>
+          <tr class="danger">
+            <td>7</td>
+            <td>Column content</td>
+            <td>Column content</td>
+            <td>Column content</td>
+          </tr>
+        </tbody>
+      </table>
+      <h3>Responsive tables</h3>
+      <div class="table-responsive">
+        <table class="table">
+          <thead>
+            <tr>
+              <th>#</th>
+              <th>Table heading</th>
+              <th>Table heading</th>
+              <th>Table heading</th>
+              <th>Table heading</th>
+              <th>Table heading</th>
+              <th>Table heading</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <th scope="row">1</th>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+            </tr>
+            <tr>
+              <th scope="row">2</th>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+            </tr>
+            <tr>
+              <th scope="row">3</th>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+              <td>Table cell</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
 
     </div><!-- /container -->
   </body>

data/spec/html/time-picker.html

@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
+<!--[if gt IE 9]><!-->
+<html lang="en-us">
+<!--<![endif]-->
+  <head>
+    <title>Time Picker - 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="../dist/img/favicon.ico">
+    <!-- iPad retina icon -->
+    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
+    <!-- iPad retina icon (iOS < 7) -->
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
+    <!-- iPad non-retina icon -->
+    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
+    <!-- iPad non-retina icon (iOS < 7) -->
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
+    <!-- iPhone 6 Plus icon -->
+    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
+    <!-- iPhone retina icon (iOS < 7) -->
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
+    <!-- iPhone non-retina icon (iOS < 7) -->
+    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
+    <link rel="stylesheet" href="../dist/css/patternfly.min.css" >
+    <link rel="stylesheet" href="../dist/css/patternfly-additions.min.css" >
+    <link href="tests.css" rel="stylesheet" media="screen, print">
+    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
+    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
+    <script src="../dist/js/patternfly.min.js"></script>
+  </head>
+
+  <body>
+    <div class="container">
+      <div class="page-header">
+        <h1>Time Picker</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>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://eonasdan.github.io/bootstrap-datetimepicker/#custom-formats">http://eonasdan.github.io/bootstrap-datetimepicker/#custom-formats</a>.
+      </div>
+      <hr>
+<h3>Component</h3>
+<div class="row">
+  <div class="col-lg-4 col-md-5 col-sm-6">
+    <div class="input-group time-picker-pf" id="datetimepicker3">
+      <input type="text" class="form-control">
+      <span class="input-group-addon btn btn-default">
+        <span class="fa fa-clock-o"></span>
+      </span>
+    </div>
+    <script>
+      $(function () {
+        $('#datetimepicker3').datetimepicker({
+          format: 'LT',
+          keyBinds: {
+            enter: function () {
+              $('#datetimepicker3').find('input').trigger('change');
+              this.hide();
+            }
+          }
+        });
+        $('#datetimepicker3').data('DateTimePicker').clear();
+      });
+    </script>
+  </div>
+</div>
+    </div><!-- /container -->
+  </body>
+</html>

data/spec/html/toast.html

@@ -41,6 +41,7 @@
         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="toast-pf-top-right"></div>
       <div class="toast-pf alert alert-success">
         <div class="pull-right toast-pf-action">
           <a href="#">Start Server</a>
@@ -82,6 +83,7 @@
     <li><a href="#">Action</a></li>
     <li><a href="#">Another action</a></li>
     <li><a href="#">Something else here</a></li>
+    <li role="separator" class="divider"></li>
     <li><a href="#">Separated link</a></li>
   </ul>
 </div>
@@ -128,6 +130,41 @@
         <span class="pficon pficon-warning-triangle-o"></span>
         Max-width is set on this example.
       </div>
+      <hr>
+      <h2>Dynamic notifications</h2>
+      <p>
+        <button type="button" class="btn btn-default" id="dynamic-info">Info</button>
+        <button type="button" class="btn btn-success" id="dynamic-success">Success</button>
+        <button type="button" class="btn btn-warning" id="dynamic-warning">Warning</button>
+        <button type="button" class="btn btn-danger" id="dynamic-error">Error</button>
+      </p>
+      <script>
+        $('#dynamic-info').click(function() {
+          $().toastNotify({
+            level:   'info',
+            message: 'This is a dynamic notification!'
+          });
+        });
+        $('#dynamic-success').click(function() {
+          $().toastNotify({
+            level:   'success',
+            message: 'This is a dynamic notification!'
+          });
+        });
+        $('#dynamic-error').click(function() {
+          $().toastNotify({
+            level:   'error',
+            message: 'This is a dynamic notification!'
+          });
+        });
+        $('#dynamic-warning').click(function() {
+          $().toastNotify({
+            level:   'warning',
+            message: 'This is a dynamic notification!'
+          });
+        });
+      </script>
+
     </div><!-- /container -->
   </body>
 </html>

data/spec/html/toolbar.html

@@ -175,6 +175,7 @@
     <li><a href="#">Action</a></li>
     <li><a href="#">Another action</a></li>
     <li><a href="#">Something else here</a></li>
+    <li role="separator" class="divider"></li>
     <li><a href="#">Separated link</a></li>
   </ul>
 </div>

data/tasks/converter.rb

@@ -14,11 +14,11 @@ class Converter
     :replace_spin,
     # :replace_fadein,
     :replace_image_urls,
+    :remove_unnecessary_escaping,
     :replace_escaping,
     :convert_less_ampersand,
     :deinterpolate_vararg_mixins,
-    :replace_calculation_semantics,
-    :remove_unnecessary_escaping
+    :replace_calculation_semantics
   ]
   TOP = <<-VAR.gsub(/^\s*/, '')
     // PatternFly SASS
@@ -60,7 +60,7 @@ class Converter
 
   # SASS doesn't require escaping in calc()
   def remove_unnecessary_escaping(file)
-    file.gsub(/calc\(\~\'([^\']+)\'\)/, 'calc(\1)')
+    file.gsub(/calc\(\~\'([^\']+)\'\)/, 'calc(\1)').gsub(/calc\(\~\"([^\"]+)\"\)/, 'calc(\1)')
   end
 
   # Override
@@ -130,6 +130,9 @@ class Converter
     bower_contrib('bootstrap-switch/src/less/bootstrap3/bootstrap-switch.less', 'bootstrap-switch.scss')
     file = replace_all(file, 'patternfly/lib/bootstrap-switch/bootstrap-switch', 'patternfly/lib/bootstrap-switch')
 
+    bower_contrib('eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css', 'bootstrap-datetimepicker.scss', false)
+    file = replace_all(file, 'patternfly/lib/eonasdan-bootstrap-datetimepicker/bootstrap-datetimepicker-build', 'patternfly/lib/bootstrap-datetimepicker')
+
     TOP + remove_comments_and_whitespace(file)
   end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: patternfly-sass
 version: !ruby/object:Gem::Version
-  version: 3.2.0
+  version: 3.3.0
 platform: ruby
 authors:
 - Dávid Halász
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-03-03 00:00:00.000000000 Z
+date: 2016-03-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -31,28 +31,28 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.3.5
+        version: 3.3.6
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.3.5
+        version: 3.3.6
 - !ruby/object:Gem::Dependency
   name: font-awesome-sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.3.0
+        version: 4.5.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.3.0
+        version: 4.5.0
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -234,6 +234,8 @@ files:
 - assets/fonts/patternfly/glyphicons-halflings-regular.ttf
 - assets/fonts/patternfly/glyphicons-halflings-regular.woff
 - assets/fonts/patternfly/glyphicons-halflings-regular.woff2
+- assets/images/patternfly/OpenShift-logo.svg
+- assets/images/patternfly/RH_atomic.svg
 - assets/images/patternfly/apple-touch-icon-precomposed-114.png
 - assets/images/patternfly/apple-touch-icon-precomposed-144.png
 - assets/images/patternfly/apple-touch-icon-precomposed-152.png
@@ -246,6 +248,7 @@ files:
 - assets/images/patternfly/brand-alt.svg
 - assets/images/patternfly/brand.svg
 - assets/images/patternfly/favicon.ico
+- assets/images/patternfly/kubernetes.svg
 - assets/images/patternfly/logo-alt.svg
 - assets/images/patternfly/logo.svg
 - assets/images/patternfly/spinner-inverse-lg.gif
@@ -311,6 +314,7 @@ files:
 - assets/stylesheets/patternfly/_syntax-highlighting.scss
 - assets/stylesheets/patternfly/_tables.scss
 - assets/stylesheets/patternfly/_tabs.scss
+- assets/stylesheets/patternfly/_time-picker.scss
 - assets/stylesheets/patternfly/_toast.scss
 - assets/stylesheets/patternfly/_toolbar.scss
 - assets/stylesheets/patternfly/_tooltip.scss
@@ -319,6 +323,7 @@ files:
 - assets/stylesheets/patternfly/_vertical-nav.scss
 - assets/stylesheets/patternfly/lib/bootstrap-combobox.scss
 - assets/stylesheets/patternfly/lib/bootstrap-datepicker.scss
+- assets/stylesheets/patternfly/lib/bootstrap-datetimepicker.scss
 - assets/stylesheets/patternfly/lib/bootstrap-select.scss
 - assets/stylesheets/patternfly/lib/bootstrap-switch.scss
 - assets/stylesheets/patternfly/lib/bootstrap-touchspin.scss
@@ -389,6 +394,7 @@ files:
 - spec/html/tables.html
 - spec/html/tabs.html
 - spec/html/tests.css
+- spec/html/time-picker.html
 - spec/html/toast.html
 - spec/html/toolbar.html
 - spec/html/tooltip.html
@@ -486,6 +492,7 @@ test_files:
 - spec/html/tables.html
 - spec/html/tabs.html
 - spec/html/tests.css
+- spec/html/time-picker.html
 - spec/html/toast.html
 - spec/html/toolbar.html
 - spec/html/tooltip.html