bootstrap 4.3.1 → 4.6.0

data/assets/stylesheets/bootstrap/mixins/_grid.scss

@@ -10,6 +10,12 @@
   margin-left: auto;
 }
 
+@mixin make-row($gutter: $grid-gutter-width) {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -$gutter / 2;
+  margin-left: -$gutter / 2;
+}
 
 // For each breakpoint, define the maximum width of the container in a media query
 @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
@@ -18,13 +24,7 @@
       max-width: $container-max-width;
     }
   }
-}
-
-@mixin make-row($gutter: $grid-gutter-width) {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -$gutter / 2;
-  margin-left: -$gutter / 2;
+  @include deprecate("The `make-container-max-widths` mixin", "v4.5.2", "v5");
 }
 
 @mixin make-col-ready($gutter: $grid-gutter-width) {
@@ -45,7 +45,25 @@
   max-width: percentage($size / $columns);
 }
 
+@mixin make-col-auto() {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: 100%; // Reset earlier grid tiers
+}
+
 @mixin make-col-offset($size, $columns: $grid-columns) {
   $num: $size / $columns;
   margin-left: if($num == 0, 0, percentage($num));
 }
+
+// Row columns
+//
+// Specify on a parent element(e.g., .row) to force immediate children into NN
+// numberof columns. Supports wrapping to new lines, but does not do a Masonry
+// style grid.
+@mixin row-cols($count) {
+  > * {
+    flex: 0 0 100% / $count;
+    max-width: 100% / $count;
+  }
+}

data/assets/stylesheets/bootstrap/mixins/_hover.scss

@@ -9,18 +9,18 @@
 //
 // Issue: https://github.com/twbs/bootstrap/issues/25195
 
-@mixin hover {
+@mixin hover() {
   &:hover { @content; }
 }
 
-@mixin hover-focus {
+@mixin hover-focus() {
   &:hover,
   &:focus {
     @content;
   }
 }
 
-@mixin plain-hover-focus {
+@mixin plain-hover-focus() {
   &,
   &:hover,
   &:focus {
@@ -28,7 +28,7 @@
   }
 }
 
-@mixin hover-focus-active {
+@mixin hover-focus-active() {
   &:hover,
   &:focus,
   &:active {

data/assets/stylesheets/bootstrap/mixins/_image.scss

@@ -7,7 +7,7 @@
 //
 // Keep images from scaling beyond the width of their parents.
 
-@mixin img-fluid {
+@mixin img-fluid() {
   // Part 1: Set a maximum relative to the parent
   max-width: 100%;
   // Part 2: Override the height to auto, otherwise images will be stretched
@@ -26,7 +26,7 @@
   // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
   // but doesn't convert dppx=>dpi.
   // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
-  // Compatibility info: https://caniuse.com/#feat=css-media-resolution
+  // Compatibility info: https://caniuse.com/css-media-resolution
   @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
     only screen and (min-resolution: 2dppx) { // Standardized
     background-image: url($file-2x);

data/assets/stylesheets/bootstrap/mixins/_list-group.scss

@@ -6,7 +6,7 @@
     background-color: $background;
 
     &.list-group-item-action {
-      @include hover-focus {
+      @include hover-focus() {
         color: $color;
         background-color: darken($background, 5%);
       }

data/assets/stylesheets/bootstrap/mixins/_lists.scss

@@ -1,7 +1,7 @@
 // Lists
 
 // Unstyled keeps list items block level, just removes default browser padding and list-style
-@mixin list-unstyled {
+@mixin list-unstyled() {
   padding-left: 0;
   list-style: none;
 }

data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss

@@ -2,9 +2,10 @@
 //
 // Dividers (basically an hr) within dropdowns and nav lists
 
-@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {
+@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {
   height: 0;
   margin: $margin-y 0;
   overflow: hidden;
   border-top: 1px solid $color;
+  @include deprecate("The `nav-divider()` mixin", "v4.4.0", "v5", $ignore-warning);
 }

data/assets/stylesheets/bootstrap/mixins/_reset-text.scss

@@ -1,4 +1,4 @@
-@mixin reset-text {
+@mixin reset-text() {
   font-family: $font-family-base;
   // We deliberately do NOT reset font-size or word-wrap.
   font-style: normal;

data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss

@@ -1,13 +1,14 @@
 // Only display content to screen readers
 //
-// See: https://a11yproject.com/posts/how-to-hide-content/
+// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
 // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
 
-@mixin sr-only {
+@mixin sr-only() {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
+  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
@@ -20,7 +21,7 @@
 //
 // Credit: HTML5 Boilerplate
 
-@mixin sr-only-focusable {
+@mixin sr-only-focusable() {
   &:active,
   &:focus {
     position: static;

data/assets/stylesheets/bootstrap/mixins/_table-row.scss

@@ -26,7 +26,7 @@
     $hover-background: darken($background, 5%);
 
     .table-#{$state} {
-      @include hover {
+      @include hover() {
         background-color: $hover-background;
 
         > td,

data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss

@@ -2,15 +2,16 @@
 
 // Typography
 
-@mixin text-emphasis-variant($parent, $color) {
+@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {
   #{$parent} {
     color: $color !important;
   }
   @if $emphasized-link-hover-darken-percentage != 0 {
     a#{$parent} {
-      @include hover-focus {
+      @include hover-focus() {
         color: darken($color, $emphasized-link-hover-darken-percentage) !important;
       }
     }
   }
+  @include deprecate("`text-emphasis-variant()`", "v4.4.0", "v5", $ignore-warning);
 }

data/assets/stylesheets/bootstrap/mixins/_transition.scss

@@ -1,16 +1,26 @@
-// stylelint-disable property-blacklist
+// stylelint-disable property-disallowed-list
 @mixin transition($transition...) {
+  @if length($transition) == 0 {
+    $transition: $transition-base;
+  }
+
+  @if length($transition) > 1 {
+    @each $value in $transition {
+      @if $value == null or $value == none {
+        @warn "The keyword 'none' or 'null' must be used as a single argument.";
+      }
+    }
+  }
+
   @if $enable-transitions {
-    @if length($transition) == 0 {
-      transition: $transition-base;
-    } @else {
+    @if nth($transition, 1) != null {
       transition: $transition;
     }
-  }
 
-  @if $enable-prefers-reduced-motion-media-query {
-    @media (prefers-reduced-motion: reduce) {
-      transition: none;
+    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {
+      @media (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
     }
   }
 }

data/assets/stylesheets/bootstrap/utilities/_background.scss

@@ -1,12 +1,12 @@
 // stylelint-disable declaration-no-important
 
 @each $color, $value in $theme-colors {
-  @include bg-variant(".bg-#{$color}", $value);
+  @include bg-variant(".bg-#{$color}", $value, true);
 }
 
 @if $enable-gradients {
   @each $color, $value in $theme-colors {
-    @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
+    @include bg-gradient-variant(".bg-gradient-#{$color}", $value, true);
   }
 }
 

data/assets/stylesheets/bootstrap/utilities/_borders.scss

@@ -1,4 +1,4 @@
-// stylelint-disable property-blacklist, declaration-no-important
+// stylelint-disable property-disallowed-list, declaration-no-important
 
 //
 // Border

data/assets/stylesheets/bootstrap/utilities/_interactions.scss

@@ -0,0 +1,5 @@
+// stylelint-disable declaration-no-important
+
+@each $value in $user-selects {
+  .user-select-#{$value} { user-select: $value !important; }
+}

data/assets/stylesheets/bootstrap/utilities/_text.scss

@@ -11,7 +11,7 @@
 .text-justify  { text-align: justify !important; }
 .text-wrap     { white-space: normal !important; }
 .text-nowrap   { white-space: nowrap !important; }
-.text-truncate { @include text-truncate; }
+.text-truncate { @include text-truncate(); }
 
 // Responsive alignment
 
@@ -45,7 +45,7 @@
 .text-white { color: $white !important; }
 
 @each $color, $value in $theme-colors {
-  @include text-emphasis-variant(".text-#{$color}", $value);
+  @include text-emphasis-variant(".text-#{$color}", $value, true);
 }
 
 .text-body { color: $body-color !important; }
@@ -63,8 +63,8 @@
 .text-decoration-none { text-decoration: none !important; }
 
 .text-break {
-  word-break: break-word !important; // IE & < Edge 18
-  overflow-wrap: break-word !important;
+  word-break: break-word !important; // Deprecated, but avoids issues with flex containers
+  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy
 }
 
 // Reset

data/bootstrap.gemspec

@@ -25,7 +25,7 @@ Gem::Specification.new do |s|
   s.add_development_dependency 'term-ansicolor'
   # Integration testing
   s.add_development_dependency 'capybara', '>= 2.6.0'
-  s.add_development_dependency 'poltergeist'
+  s.add_development_dependency 'cuprite'
   # Dummy Rails app dependencies
   s.add_development_dependency 'actionpack', '>= 4.1.5'
   s.add_development_dependency 'activesupport', '>= 4.1.5'

data/lib/bootstrap/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Bootstrap
-  VERSION       = '4.3.1'
-  BOOTSTRAP_SHA = '8fa0d3010112dca5dd6dd501173415856001ba8b'
+  VERSION       = '4.6.0'
+  BOOTSTRAP_SHA = '6ffb0b48e455430f8a5359ed689ad64c1143fac2'
 end

data/tasks/updater/network.rb

@@ -25,7 +25,7 @@ class Updater
       log_http_get_files files, path_url, false
       files.map do |name|
         Thread.start {
-          contents[name] = open("#{path_url}/#{name}").read
+          contents[name] = URI.open("#{path_url}/#{name}").read
           WRITE_FILES_MUTEX.synchronize { write_cached_files path, name => contents[name] }
         }
       end.each(&:join)
@@ -62,7 +62,7 @@ class Updater
         File.read(cache_path, mode: 'rb')
       else
         log_http_get_file url, false
-        content = open(url).read
+        content = URI.open(url).read
         File.open(cache_path, 'wb') { |f| f.write content }
         content
       end

data/test/dummy_rails/app/assets/config/manifest.js

@@ -0,0 +1,3 @@
+//= link_tree ../images
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .css

data/test/dummy_rails/app/assets/stylesheets/.browserslistrc

@@ -0,0 +1 @@
+Chrome >= 25

data/test/gemfiles/rails_6_0.gemfile

@@ -0,0 +1,7 @@
+source 'https://rubygems.org'
+
+gem 'actionpack', '~> 6.0.3'
+gem 'activesupport', '~> 6.0.3'
+gem 'autoprefixer-rails', '>= 9.7.6'
+
+gemspec path: '../../'

data/test/support/dummy_rails_integration.rb

@@ -17,7 +17,9 @@ module DummyRailsIntegration
 
   def screenshot!
     path = "tmp/#{name}.png"
-    page.driver.render(File.join(GEM_PATH, path), full: true)
+    full_path = File.join(GEM_PATH, path)
+    FileUtils.mkdir_p(File.dirname(full_path))
+    page.driver.render(full_path, full: true)
     STDERR.puts "Screenshot saved to #{path}"
   end
 

data/test/test_helper.rb

@@ -12,24 +12,29 @@ end
 
 GEM_PATH = File.expand_path('../', File.dirname(__FILE__))
 
-#= Capybara + Poltergeist
-require 'capybara/poltergeist'
-
-Capybara.register_driver :poltergeist do |app|
-  Capybara::Poltergeist::Driver.new(
-      app,
-      # inspector:   '/Applications/Chromium.app/Contents/MacOS/Chromium', # open in inspector: page.driver.debug
-      window_size: [1280, 1024],
-      timeout: 90,
-      js_errors: true
-  )
+#= Capybara
+require 'capybara/cuprite'
+
+browser_path = ENV['CHROMIUM_BIN'] || %w[
+  /usr/bin/chromium-browser
+  /snap/bin/chromium
+  /Applications/Chromium.app/Contents/MacOS/Chromium
+  /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome
+].find { |path| File.executable?(path) }
+
+Capybara.register_driver :cuprite do |app|
+  options = {
+      window_size: [1280, 1024]
+  }
+  options[:browser_path] = browser_path if browser_path
+  Capybara::Cuprite::Driver.new(app, options)
 end
 
 Capybara.configure do |config|
   config.server = :webrick
   config.app_host = 'http://localhost:7000'
-  config.default_driver = :poltergeist
-  config.javascript_driver = :poltergeist
+  config.default_driver = :cuprite
+  config.javascript_driver = :cuprite
   config.server_port = 7000
   config.default_max_wait_time = 10
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap
 version: !ruby/object:Gem::Version
-  version: 4.3.1
+  version: 4.6.0
 platform: ruby
 authors:
 - Twitter, Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-02-13 00:00:00.000000000 Z
+date: 2021-01-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: popper_js
@@ -115,7 +115,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 2.6.0
 - !ruby/object:Gem::Dependency
-  name: poltergeist
+  name: cuprite
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -334,6 +334,7 @@ files:
 - assets/stylesheets/bootstrap/utilities/_embed.scss
 - assets/stylesheets/bootstrap/utilities/_flex.scss
 - assets/stylesheets/bootstrap/utilities/_float.scss
+- assets/stylesheets/bootstrap/utilities/_interactions.scss
 - assets/stylesheets/bootstrap/utilities/_overflow.scss
 - assets/stylesheets/bootstrap/utilities/_position.scss
 - assets/stylesheets/bootstrap/utilities/_screenreaders.scss
@@ -355,8 +356,10 @@ files:
 - tasks/updater/scss.rb
 - test/dummy_rails/README.rdoc
 - test/dummy_rails/Rakefile
+- test/dummy_rails/app/assets/config/manifest.js
 - test/dummy_rails/app/assets/images/.keep
 - test/dummy_rails/app/assets/javascripts/application.js
+- test/dummy_rails/app/assets/stylesheets/.browserslistrc
 - test/dummy_rails/app/assets/stylesheets/application.sass
 - test/dummy_rails/app/controllers/application_controller.rb
 - test/dummy_rails/app/controllers/pages_controller.rb
@@ -384,6 +387,7 @@ files:
 - test/gemfiles/rails_4_2.gemfile
 - test/gemfiles/rails_5_0.gemfile
 - test/gemfiles/rails_5_1.gemfile
+- test/gemfiles/rails_6_0.gemfile
 - test/rails_test.rb
 - test/support/dummy_rails_integration.rb
 - test/support/reporting.rb
@@ -408,8 +412,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.8
+rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
 summary: The most popular HTML, CSS, and JavaScript framework for developing responsive,
@@ -417,8 +420,10 @@ summary: The most popular HTML, CSS, and JavaScript framework for developing res
 test_files:
 - test/dummy_rails/README.rdoc
 - test/dummy_rails/Rakefile
+- test/dummy_rails/app/assets/config/manifest.js
 - test/dummy_rails/app/assets/images/.keep
 - test/dummy_rails/app/assets/javascripts/application.js
+- test/dummy_rails/app/assets/stylesheets/.browserslistrc
 - test/dummy_rails/app/assets/stylesheets/application.sass
 - test/dummy_rails/app/controllers/application_controller.rb
 - test/dummy_rails/app/controllers/pages_controller.rb
@@ -446,6 +451,7 @@ test_files:
 - test/gemfiles/rails_4_2.gemfile
 - test/gemfiles/rails_5_0.gemfile
 - test/gemfiles/rails_5_1.gemfile
+- test/gemfiles/rails_6_0.gemfile
 - test/rails_test.rb
 - test/support/dummy_rails_integration.rb
 - test/support/reporting.rb